/* css moved from the -- custom css file  -- at the line number 4390  */


.ast-plain-container.ast-no-sidebar #primary {
    margin: 0;
}

/* MAIN
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    min-height: 350px;
    background: url("../images/home-bg.jpg") no-repeat center;
    background-blend-mode: luminosity;
    background-size: 100%;



}

/*.main {
  /* display: flex;
  flex-direction: column; */
/* justify-content: center; */
/* flex-grow: 1;
  min-height: 350px;
  background: url('../images/social-bg.png') no-repeat center;
  background-blend-mode: luminosity;
  background-size: 100% 100%; */

/*} */

.start {
    width: 246px;
    height: 198px;
    right: 0;
    bottom: 0;
    position: absolute;
    background: url('../images/corner-img.png') no-repeat right bottom;
    background-size: contain;
}

.page-main .start a {
    cursor: pointer;
    bottom: 36%;
    /* width: 100%; */
    left: 28%;
    font-family: NotoSans-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 25px !important;
    line-height: 30px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.page-main .start p.arr {
    bottom: 1px;
    /* width: 100%; */
    left: 50%;
}

.main .start p.arr {
    bottom: 0px;
    /* width: 100%; */
    left: 50%;
}

.start p.timer {
    bottom: 30px;
    /* width: 100%; */
    left: 30%;
    font-family: NotoSans-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    /* identical to box height */
    color: #fff;
    display: flex;
    align-items: center;
}

.page-main h1 {
    font-family: NotoSans-ExtraBold;
    font-style: normal;
    font-weight: 800;
    font-size: 40px;
    line-height: 54px;
    color: #FFFFFF;
    text-align: left;
}

.main h1 {
    font-family: NotoSans-ExtraBold;
    font-style: normal;
    font-weight: 800;
    font-size: 28px;
    line-height: 38px;
    color: #FFFFFF;
}

.main .video-btn {
    color: #ffffff;
    font-family: NotoSans-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 24px;
    background: linear-gradient(91.66deg, #e34d71 0%, #c2294d 100%);
    box-shadow: 0px 0px 8px rgba(37, 40, 103, 0.2);
    border-radius: 8px;
    padding: 20px 59px;
}

.page-main .video-btn {
    color: #ffffff;
    font-family: NotoSans-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 24px;
    background: linear-gradient(91.66deg, #e34d71 0%, #c2294d 100%);
    box-shadow: 0px 0px 8px rgba(37, 40, 103, 0.2);
    border-radius: 8px;
    padding: 19px 62px 19px 62px !important
}

.heading {
    max-width: 600px;
    width: 100%;
}

.page-main h1 {
    margin-bottom: 20px;
}

.page-main p+p {
    margin-top: 10px;
}

.para {
    font-family: NotoSans-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}

.page-main .video,
.page-main .audio {
    padding: 11px 25px;
    font-family: NotoSans-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    display: inline-flex;
    align-items: center;
    color: #ffffff;
    filter: drop-shadow(0px 0px 8px rgba(37, 40, 103, 0.2));
    border-radius: 8px;
}


/* avinash CSS for tabs */
.stepper-wrapper {
    font-family: NotoSans-Regular;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    z-index: 1070;
    position: relative;
}

.screen .stepper-wrapper {
    background: #f9fbfd;
    box-shadow: 0px 0px 16px rgb(172 185 226 / 50%);
    height: 116px;
    align-items: center;
    margin-top: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    z-index: 0;
    position: relative;
    margin-bottom: 0px;
}

.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;

    @media (max-width: 768px) {
        font-size: 12px;
    }
}

.stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 2px dotted #BDBDC1;
    width: 100%;
    top: 13px;
    left: -50%;
    z-index: 2;
}

.stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 2px dotted #BDBDC1;
    width: 100%;
    top: 13px;
    left: 50%;
    z-index: 2;
}

.stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #FFF;
    margin-bottom: 6px;
    border: 2px solid #fff;
}

.stepper-item.active {
    font-weight: bold;
}

.stepper-item.inprogress .step-counter {
    background: linear-gradient(91.66deg, #170E7E 0%, #491FEF 100%);
}

.stepper-item.inreview .step-counter {
    background-color: #fff;
    border: 2px solid #1D42C5;
}


.screen .stepper-item.inreview .step-counter::before {
    /* color: aliceblue; */
    background: url(../images/review-icons/review.png);
    content: "";
    width: 16px;
    height: 16px;
    line-height: 16px;
    background-size: cover;
}

.screen .stepper-item.review .progress-down-arrow {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #1E118D;
    margin-top: -27px;
    float: left;
    margin-left: -8px;
}

.stepper-item.inreview .progress-line {
    position: absolute;
    content: "";
    border-bottom: 2px solid #1D42C5;
    width: 100%;
    top: 13px;
    left: 50%;
    z-index: 3;
}

.stepper-item.completed .step-counter {
    background: linear-gradient(91.66deg, #170E7E 0%, #491FEF 100%);
}

.screen .stepper-item.completed .step-counter {
    background: linear-gradient(91.66deg, #170E7E 0%, #491FEF 100%);
}

.screen .stepper-item .step-counter {
    border: 2px solid #1D42C5;
}

.stepper-item:first-child::before {
    content: none;
}

.stepper-item:last-child::after {
    content: none;
}

.stepper-item.completed .progress-line {
    position: absolute;
    content: "";
    border-bottom: 2px solid #1D42C5;
    width: 100%;
    top: 13px;
    left: 50%;
    z-index: 3;
}

.stepper-item.inprogress .progress-line {
    position: absolute;
    content: "";
    border-bottom: 2px solid #1D42C5;
    width: 100%;
    top: 13px;
    left: 50%;
    z-index: 3;
}

.stepper-item.completed .step-counter::before {
    content: '\2713';
    display: block;
    margin: 0 auto 4px;
    width: 24px;
    height: 24px;
    line-height: 29px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    border-radius: 50%;
}

.stepper-item:last-child .progress-line {
    display: none;
}

img.section-icon {
    width: 12%;
}

.stepper-item.review .step-counter {
    background-color: #1319c3;
}

.stepper-item.review .progress-line {
    position: absolute;
    content: "";
    border-bottom: 2px solid #1D42C5;
    width: 100%;
    top: 13px;
    left: 50%;
    z-index: 3;
}

.stepper-item.review .step-counter::before {
    content: "\2714 ";
    color: aliceblue;
}

.stepper-item.inreview .progress-down-arrow,
.stepper-item.inprogress .progress-down-arrow {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #fdfafa;
    margin-top: -27px;
    margin-right: -6px;
    float: right;
}

.screen .stepper-item.inreview .progress-down-arrow,
.screen .stepper-item.inprogress .progress-down-arrow {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #1E118D;
    margin-top: -27px;
    margin-right: -6px;
    float: right;
}

.screen .stepper-item.inprogress .step-counter::before {
    font-family: "bootstrap-icons";
    content: '\F28A';
    display: block;
    margin: 0 auto 8px;
    width: 32px;
    height: 32px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    border-radius: 50%;
}

.stepper-item .progress-down-arrow {
    color: #1E118D;
}

.step-name {
    font-family: NotoSans-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #fff;
}

.screen .step-name {
    color: #8B9AD0;
}

.icon {
    background-repeat: no-repeat;
    background-position: left center;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

/* #section_FP .icon,
#section_FD .icon {
  background-image: url('../images/section-icons/white-family.png');
}

#section_SD .icon {
  background-image: url('../images/section-icons/white-social.png');
}

#section_LD .icon {
  background-image: url('../images/section-icons/white-language.png');
}

#section_ID .icon {
  background-image: url('../images/section-icons/white-independence.png');
}

#section_RD .icon {
  background-image: url('../images/section-icons/white-rituals.png');
}

#section_FN .icon {
  background-image: url('../images/section-icons/white-treatmentmap.png');
} */

#section_FP .icon,
#section_FD .icon {
    background: url('../images/section-icons/blue-family.png');
    background-repeat: no-repeat;
    background-size: cover;
}

#section_SD .icon {
    background: url('../images/section-icons/blue-social.png');
    background-repeat: no-repeat;
    background-size: cover;
}

#section_LD .icon {
    background: url('../images/section-icons/blue-language.png');
    background-repeat: no-repeat;
    background-size: cover;
}

#section_ID .icon {
    background: url('../images/section-icons/blue-independence.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 -5px;
}

#section_RD .icon {
    background: url('../images/section-icons/blue-rrbs.png');
    background-repeat: no-repeat;
    background-size: cover;
}

#section_FN .icon {
    background: url('../images/section-icons/blue-treatmentmap.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.screen #section_FP .icon,
.screen #section_FD .icon {
    background: url('../images/section-icons/blue-family.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.screen #section_SD .icon {
    background: url('../images/section-icons/blue-social.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.screen #section_LD .icon {
    background: url('../images/section-icons/blue-language.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.screen #section_ID .icon {
    background: url('../images/section-icons/blue-independence.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 -5px;
}

.screen #section_RD .icon {
    background: url('../images/section-icons/blue-rrbs.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.screen #section_FN .icon {
    background: url('../images/section-icons/blue-treatmentmap.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.screen .stepper-item::after {
    border-bottom: 2px dotted #8B9AD0;
}

.screen .stepper-item.completed .step-counter::before {
    font-family: "bootstrap-icons";
    content: '\F26B';
    display: block;
    margin: 0 auto 8px;
    width: 32px;
    height: 32px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    border-radius: 50%;
}

.screen .stepper-item.review .step-counter {
    background: linear-gradient(91.66deg, #170E7E 0%, #491FEF 100%);
}

.screen .stepper-item.review .step-counter::before {
    font-family: "bootstrap-icons";
    content: '\F26B';
    display: block;
    margin: 0 auto 8px;
    width: 32px;
    height: 32px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    border-radius: 50%;
}

/* avinash CSS for tabs */
/* .screen .stepper-item .step-counter{
  border: 2px solid #1D42C5;
  background: #FFF;
} */
/* stepper css end 8*/
.screen .card {
    margin-top: 40px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #f9fbfd;
    box-shadow: 0px 0px 16px rgba(172, 185, 226, 0.5);
    border-radius: 8px;
    margin-bottom: 30px;
}

.main-contain {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    flex-grow: 1;
    min-height: 350px;
}

.main-contain h2 {
    font-family: NotoSans-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #0B0C1A;
}

div#hip.hip-container h2 {
    max-width: 90%;
    margin: 0 auto;
}

#startDate,
#dob {
    position: relative;
    padding-left: 35px !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    color: transparent;
    background: none;
    z-index: 1;
}

#startDate,
#dob {
    background: url(../images/icon-calendar.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important;
}

html body .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
    border: none;
    background: #fff;
}

html body .ui-datepicker .ui-datepicker-prev,
html body .ui-datepicker .ui-datepicker-next {
    display: none;
}

html body .ui-datepicker .ui-datepicker-title {
    margin: 0;
    line-height: 1.8em;
    text-align: center;
    width: 100%;
}

html body .ui-datepicker select.ui-datepicker-month,
html body .ui-datepicker select.ui-datepicker-year {
    width: 49%;
    background: #FFFFFF;
    border: 1px solid #BDBDC1;
    border-radius: 4px;
    font-family: NotoSans-SemiBold;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #0B0C1A;
    padding-left: 8px;
    background: url(../images/down-arrow.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    display: inline-block;
    padding: 1px 5px;
    margin: 0px 1px;
}

html body .ui-datepicker th {
    font-family: NotoSans-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */

    text-align: center;
    text-transform: uppercase;

    /* Grey 400 */

    color: #636369;
}

html body .ui-datepicker td {
    font-family: NotoSans-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #3e3e42;
}

html body .ui-state-default,
html body .ui-widget-content .ui-state-default {
    border: none;
    background: none;
    font-weight: normal
    /*{fwDefault}*/
    ;
    color: #3E3E42;
    outline: none;
}

html body .ui-state-default,
html body .ui-widget-content .ui-state-default {
    border: none !important;
    background: none !important;
}

.tooltip1 {
    position: relative;
    display: inline-block;
}

.prev-next-btn .tooltip1 .show-tooltip.tooltiptext {
    width: 420px;
    text-align: center;
}

.prev-next-btn .tooltip-top {
    bottom: 131%;
    left: -279%;
    /* right: 0; */
    margin-left: -60px;
}

form#hip-questions .tooltip1 .tooltiptext,
.tooltip1 .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 338px;
    background-color: #3E3E42;
    color: #ffffffff;
    text-align: left;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity .6s;
    font-family: NotoSans-SemiBold;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #FffFFF;
    padding: 15px;
}

form#hip-questions.error .tooltip1 .show-tooltip.tooltiptext,
form#hip-questions button.next.screen-navigation.disabled:hover>.tooltip1 .show-tooltip.tooltiptext,
#question-tooltip:hover>.show-tooltip.tooltiptext {
    visibility: visible;
    opacity: 1;
}

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

.tooltip-top {
    bottom: 125%;
    left: -163%;
    /* right: 0; */
    margin-left: -60px;
}

.main-contain .btn-group>.btn {
    background: #FFFFFF !important;
    border: 1px solid #D1DFFA !important;
    box-shadow: 0px 1px 4px rgb(37 40 103 / 40%);
    border-radius: 4px;
    font-family: NotoSans-SemiBold;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    display: block;
    align-items: center;
    padding: 15px 67px;
    color: #0B0C1A !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.main-contain .btn-group>.btn.active {
    background: #1D42C5 !important;
    color: #FFFFFF !important;
}

.prev-next-btn {
    bottom: -30px;
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
}

.prev-next-btn .btn {
    background: linear-gradient(91.66deg, #E34D71 0%, #C2294D 100%);
    color: #fff;
    border-radius: 10px;
    padding: 7px 57px;
}

.prev-next-btn .btn.disabled,
.btn:disabled,
#screening-footer.screen-loading .prev.screen-navigation,
#screening-footer.screen-loading .next.screen-navigation {
    background: #BDBDC1;
    border-radius: 10px;
    padding: 7px 32px;
    color: #888990;
    opacity: 1;
}

#screening-footer.screen-loading a {
    opacity: 0;
}

.prev-next-btn .btn .bi::before {
    /* font-family: NotoSans-Regular !important; */
    font-style: normal;
    font-weight: 600 !important;
    font-size: 44px;
    line-height: 50px;
}

.video-img {
    width: 100px;
    box-shadow: 0px 8px 26px 4px rgba(23, 14, 126, 0.31);
    -webkit-box-shadow: 0px 8px 26px 4px rgba(23, 14, 126, 0.31);
    -moz-box-shadow: 0px 8px 26px 4px rgba(23, 14, 126, 0.31);
    border-radius: 8px;
}

@media (min-width: 1920px) {
    .video-img {
        width: 60px !important;
    }
}


.video-img1 {
    width: 100px;
}

.video-link {
    font-family: NotoSans-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    text-decoration-line: underline;
    color: #1D42C5;
    margin: 20px 0;
}

.page-main .close,
.main .close {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 8px;
    font-family: NotoSans-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    /* identical to box height, or 188% */
    padding: 10px 50px;
    z-index: 1073;
    position: absolute;
    top: 26px;
    right: 26px;
    text-shadow: none;
    opacity: 1;
    color: #ffffff;
}

.page-main .close:hover {
    opacity: 1 !important;
}

video .main .modal-content {
    background: none;
    border: none;
}

.main-contain p {
    font-family: NotoSans-SemiBold;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #0B0C1A;
    width: 75%;
}

textarea,
select {
    display: block;
    margin-bottom: 1em;
    max-width: 100%;
    box-sizing: border-box;
    overflow: auto;
    border: 2px solid #DADFF3;
    border-radius: 4px;
    background: #fff;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

form#hip-questions .select-div {
    max-width: 500px;
    min-width: 140px;
    margin: 0 auto;
}

.select-div .select2-container .select2-selection__rendered {
    display: block !important;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select-div .select2-container .select2-selection--single .select2-selection__rendered {
    font-family: NotoSans-SemiBold;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 29px;
    color: #0B0C1A;
    height: 29px !important;
    text-align: left;
    display: block !important;
}

.multiple-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px;
}

.multiple-dropdown .select-div .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
    line-height: 18px;
    color: #0B0C1A;
    height: 20px !important;
}

.pdf-img {
    width: 18px;
}

.fast-forward-img {
    width: 40px;
}

.select-div .select2-container .select2-selection {
    background: #FFFFFF;
    border: 2px solid #DADFF3;
    border-radius: 4px;
    text-align: left;
    height: 46px !important;
}

.multiple-dropdown .select-div .select2-container .select2-selection {
    background: #FFFFFF;
    border: 2px solid #DADFF3;
    border-radius: 4px;
    text-align: left;
    height: 35px !important;
    padding: 7px 7px;
}

form#hip-questions div.select-div select,
form#hip-questions div.select-div select.show-down-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../images/down-arrow.png');
    background-repeat: no-repeat;
    background-position: 98% 16px;
    background-size: auto;
}

form#hip-questions div.select-div select:focus,
form#hip-questions div.select-div select.selected-answer {
    background-image: url('../images/up-arrow.png');
    background-repeat: no-repeat;
    background-position: 98% 16px;
    background-size: auto;
}

/* .select-div::after {
  position: absolute;
  top: 34%;
  right: 24px;
  color: #E34D71;
  width: auto;
  content: '\F229' !important;
  font-family: bootstrap-icons !important;
  opacity: 1 !important;
  margin-left: 8px !important;
  top: 10px;
  font-size: 14px;
  position: absolute;
  font-weight: bold;
} */

.flex-initial {
    min-width: 0;
}

body #hip-questions .form-control {
    background-color: #FFFFFF;
    border: 2px solid #DADFF3;
    border-radius: 4px;
    font-family: NotoSans-SemiBold;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #0B0C1A;
    height: 40px;
}

.table tbody tr td:first-child {
    width: 50%;
    min-width: 50%;
    max-width: 50%;
    word-break: break-word;
    text-align: left;
    font-family: NotoSans-SemiBold;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.multiple-dropdown .table td {
    padding: 4px 8px;
}

.multiple-type-radio .table td {
    padding: 8px;
}

.table td {
    font-family: NotoSans-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #0b0c1a;
}

.row.multiple-type-radio {
    min-height: 300px;
}

/* The container */
.radio-style {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.radio-style input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #FFFFFF;
    border-radius: 50%;
    border: 1px solid #BDBDC1;
}

#hip-questions .radio-style .form-check-input {
    position: relative;
    z-index: 99999;
    top: 2px;
    left: 2px;
    width: 21px;
    height: 18px;
}



/* When the radio button is checked, add a blue background */
.radio-style input:checked~.checkmark {
    background-color: #FFFFFF;
    border: 1px solid #1D42C5;
}

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

/* Show the indicator (dot/circle) when checked */
.radio-style input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-style .checkmark:after {
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1D42C5;
}

.table-striped tbody tr:nth-of-type(odd):first-child,
.table-striped tbody tr.error:nth-of-type(odd):first-child {
    background-color: transparent;

}

.table tr.error .form-control {
    border-color: #E43636;
}

.table tr:nth-of-type(odd):first-child td {
    border-top: none;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ECF2F9;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #E4EAF6;
}

.table-striped tbody tr.error:nth-of-type(odd) {
    background-color: #FEF6F7;
}

.table-striped tbody tr.error:nth-of-type(even) {
    background-color: #FCD9D9;
}

.table tbody tr.error td:first-child,
.table tr.error td {
    color: #E43636 !important;
}

.ui-datepicker .ui-datepicker-buttonpane {
    display: none;
}

.icon-question {
    background: url('../images/icon-question-blue.png') no-repeat;
    background-position: 0px -2px;
    padding-left: 30px;
    padding-bottom: 6px;
}

.error .icon-question {
    background: url("../images/icon-question.png") no-repeat;
    background-position: left center;
    background-position: 0px -2px;
    padding-left: 30px;
    padding-bottom: 6px;
}

.form-check-inline {
    margin-right: 0;
}

.multiple-dropdown .select-div::after {
    position: absolute;
    top: 34%;
    right: 15px;
}

.multiple-type-radio tbody {
    display: block;
    height: 50px;
    overflow: auto;
    height: calc(100vh - 360px);
}

.multiple-type-radio tbody::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.multiple-type-radio tbody::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.multiple-type-radio tbody::-webkit-scrollbar-thumb {
    background: #1d42c5;
    border-radius: 10px;
}

/* Handle on hover */
.multiple-type-radio tbody::-webkit-scrollbar-thumb:hover {
    background: #1d42c5;
}



.multiple-dropdown tbody {
    display: block;
    height: 50px;
    overflow: auto;
    height: calc(100vh - 360px);
}

@media(min-width:1600px) {
    .multiple-dropdown tbody {
        display: block;
        height: 50px;
        overflow: auto;
        height: calc(95vh - 445px);
    }
}

@media(min-width:1900px) {
    .multiple-dropdown tbody {
        display: block;
        height: 50px;
        overflow: auto;
        height: calc(83vh - 445px);
    }
}

@media(min-width:2560px) {
    .multiple-dropdown tbody {
        display: block;
        height: 50px;
        overflow: auto;
        height: calc(62vh - 445px);
    }
}

.multiple-dropdown thead,
.table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.multiple-dropdown tbody::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.multiple-dropdown tbody::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.multiple-dropdown tbody::-webkit-scrollbar-thumb {
    background: #1d42c5;
    border-radius: 10px;
}

/* Handle on hover */
.multiple-dropdown tbody::-webkit-scrollbar-thumb:hover {
    background: #1d42c5;
}

.main-contain .btn-group>.btn .school-type {
    background: url("../images/school-icon-blue.png") no-repeat;
    background-position: top center;
    width: 56px;
    height: 50px;
    display: block;
    background-size: contain;
}

.main-contain .btn-group>.btn .home-type {
    background: url("../images/home-icon-blue.png") no-repeat;
    background-position: top center;
    width: 56px;
    height: 50px;
    display: block;
}

.main-contain .btn-group>.btn.active .school-type {
    background: url("../images/school-icon.png") no-repeat;
    background-position: top center;
    width: 56px;
    height: 50px;
    display: block;
    background-size: contain;
}

.main-contain .btn-group>.btn.active .home-type {
    background: url("../images/home-icon.png") no-repeat;
    background-position: top center;
    width: 56px;
    height: 50px;
    display: block;
}

.single-checkbox .main-contain .btn-group>.btn {
    background: #ffffff !important;
    border: 1px solid #d1dffa !important;
    box-shadow: 0px 1px 4px rgb(37 40 103 / 40%);
    border-radius: 4px;
    font-family: NotoSans-SemiBold;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    display: block;
    /* align-items: center; */
    padding: 15px 67px;
    color: #0b0c1a !important;
    color: #fff;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.single-checkbox .main-contain .btn-group>.btn.active {
    background: #1d42c5 !important;
    color: #ffffff !important;
}

.family-profile label {
    font-family: NotoSans-SemiBold;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #0B0C1A;
    text-align: left;
}

.family-profile label .tooltip1 {
    display: none;
}

form.error .family-profile label .tooltip1 {
    display: block;
}

form.error .family-profile label.error {
    color: #E43636 !important;
}

form.error .family-profile .form-control.error {
    border: 2px solid #E43636 !important;
}

.dropdown-menu {
    box-shadow: 0px 1px 4px #5A7BF2;
    border-radius: 8px;
}

.dropdown-item {
    font-family: NotoSans-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #0B0C1A;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #E4EAF6;
    color: #1D42C5;
}

video {
    width: 100%;
    /* height: 100vh;
  object-fit: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1; */
}

form#hip-questions #error-tooltip {
    width: 420px;
    text-align: center;
}

@media (min-width: 1024px) {
    .page-main h1 {
        font-family: NotoSans-Regular;
        font-style: normal;
        font-weight: 800;
        font-size: 28px;
        line-height: 40px;
        color: #FFFFFF;
    }
}

.domain-wc .start p.timer {
    bottom: 33px;
    width: 100%;
    left: 8%;
}

.main .domain-wc .start p.arr {
    bottom: 0px;
    width: 100%;
    left: 12%;
    /* right: 0; */
}

.main h1 {
    font-family: NotoSans-Regular;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 29px;
    color: #FFFFFF;
    text-align: left;
}

.heading {
    max-width: 500px;
    width: 100%;
}

.main .start a {
    cursor: pointer;
    bottom: 44%;
    /* width: 100%; */
    left: 37%;
    font-size: 14px;
    line-height: 24px;
}


@media (min-width: 1280px) {
    .main .start a {
        cursor: pointer;
        bottom: 52%;
        width: 100%;
        left: 11%;
        font-family: NotoSans-Regular;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 24px;
        color: #FFFFFF;
    }
}

@media (min-width: 1080px) {
    .main .start a {
        cursor: pointer;
        bottom: 54%;
        width: 100%;
        left: 38%;
        font-size: 14px;
        line-height: 24px;
    }
}

.main .start p.arr {
    bottom: 0px;
    /* width: 100%; */
    left: 54%;
}

.page-main .video-btn,
.main .video-btn {
    padding: 19px 62px;
}

.start {
    width: 207px;
    height: 138px;
    right: 0;
    bottom: 0;
    position: absolute;
    background: url(../images/corner-img.png) no-repeat right bottom;
    background-size: contain;
}

.start p.timer {
    bottom: 24px;
    /* width: 100%; */
    left: 30%;
    font-family: NotoSans-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    display: flex;
    align-items: center;
}

.main-contain {
    min-height: 294px;
}

.main-contain h2 {
    font-size: 20px;
    line-height: 30px;
}

.main-contain .btn-group>.btn {
    font-size: 14px;
    line-height: 20px;
    padding: 9px 40px;
}

.prev-next-btn .btn .bi::before {
    font-size: 23px;
    line-height: 28px;
}

.prev-next-btn .btn,
.prev-next-btn .btn.disabled,
.btn:disabled {
    padding: 7px 32px;
}

.prev-next-btn {
    bottom: -20px;
}

.prev-next-btn .tooltip1 .tooltiptext,
.tooltip1 .tooltiptext {
    font-size: 14px;
    line-height: 18px;
}

.prev-next-btn .tooltip-top {
    bottom: 147%;
    left: -585%;
    /* right: 0; */
    margin-left: -60px;
}

.main-contain p {
    font-family: NotoSans-Regular;
    font-size: 14px;
    line-height: 22px;
    width: 65%;
    justify-content: center;
}


@media (min-width: 1080px) {
    .page-main h1 {
        font-family: NotoSans-Regular;
        font-style: normal;
        font-weight: 800;
        font-size: 28px;
        line-height: 40px;
        color: #FFFFFF;
    }
}

.domain-wc .start p.timer {
    bottom: 33px !important;
    width: 100%;
    left: 8%;
}

@media (min-width: 1080px) {
    .domain-wc .start p.timer {
        bottom: 26px !important;
        width: 100%;
        left: 8%;
    }
}

.main .domain-wc .start p.arr {
    bottom: 0px;
    width: 100%;
    left: 12%;
    /* right: 0; */
}

.main h1 {
    font-family: NotoSans-Regular;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 29px;
    color: #FFFFFF;
    text-align: left;
}

.heading {
    max-width: 500px;
    width: 100%;
}

.main .start a {
    cursor: pointer;
    bottom: 44%;
    /* width: 100%; */
    left: 37%;
    font-size: 14px;
    line-height: 24px;
}

.main .start p.arr {
    bottom: 0px;
    /* width: 100%; */
    left: 54%;
}

.page-main .video-btn,
.main .video-btn {
    padding: 19px 62px;
}

.start {
    width: 207px;
    height: 138px;
    right: 0;
    bottom: 0;
    position: absolute;
    background: url(../images/corner-img.png) no-repeat right bottom;
    background-size: contain;
}

.start p.timer {
    bottom: 24px;
    /* width: 100%; */
    left: 30%;
    font-family: NotoSans-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    display: flex;
    align-items: center;
}

.main-contain {
    min-height: 294px;
}

.main-contain h2 {
    font-size: 20px;
    line-height: 30px;
}

.main-contain .btn-group>.btn {
    font-size: 14px;
    line-height: 20px;
    padding: 9px 40px;
}

.prev-next-btn .btn .bi::before {
    font-size: 23px;
    line-height: 28px;
}

.prev-next-btn .btn {
    padding: 7px 32px;
}

.prev-next-btn {
    bottom: -20px;
}

.prev-next-btn .tooltip1 .tooltiptext,
.tooltip1 .tooltiptext {
    font-size: 14px;
    line-height: 18px;
}

.prev-next-btn .tooltip-top {
    bottom: 147%;
    left: -585%;
    /* right: 0; */
    margin-left: -60px;
}

.main-contain p {
    font-family: NotoSans-Regular;
    font-size: 14px;
    line-height: 22px;
    width: 65%;
    justify-content: center;
}


@media (min-width: 1280px) {

    .screen {
        /* background-image: linear-gradient(to bottom, #d1dffa, #d7e4fa, #dde9fa, #e4edf9, #ecf2f9); */
        background-color: #d1dffa;
    }

    .video-img {
        width: 60px;
    }

    .video-img1 {
        width: 60px;
    }

    .video-link {
        margin: 15px 0;
        font-size: 14px;
        line-height: 18px;
    }

    .main h1 {
        font-family: NotoSans-ExtraBold;
        font-style: normal;
        font-weight: 800;
        font-size: 18px;
        line-height: 29px;
        color: #FFFFFF;
        text-align: left;
    }

    .page-main h1 {
        font-family: NotoSans-ExtraBold;
        font-style: normal;
        font-weight: 800;
        font-size: 28px;
        line-height: 42px;
        color: #FFFFFF;
    }

    .heading {
        max-width: 500px;
        width: 100%;
    }

    .main .start a {
        cursor: pointer;
        bottom: 44%;
        /* width: 100%; */
        left: 34%;
        font-family: NotoSans-Regular;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 24px;
        color: #FFFFFF;
    }

    .main-contain {
        min-height: 360px;
    }

    .multiple-radio .main-contain {
        min-height: 800px;
    }

    .multiple-radio2 .main-contain {
        min-height: 500px;
    }

    .multiple-dropdown .main-contain {
        min-height: 450px;
    }

    .screen .step-name {
        font-size: 12px;
        line-height: 18px;
    }

    .screen .stepper-wrapper {
        height: 97px;
    }

    .main-contain h2 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .main-contain .btn-group>.btn {
        font-size: 12px;
        line-height: 20px;
        padding: 8px 36px;
    }

    .prev-next-btn .btn .bi::before {
        font-size: 23px;
        line-height: 28px;
    }


    .prev-next-btn .btn {
        padding: 7px 32px;
    }

    .prev-next-btn {
        bottom: -19px;
    }

    .form-control {
        background: #ffffff;
        border: 2px solid #dadff3;
        border-radius: 4px;
        font-family: NotoSans-SemiBold;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
        color: #0b0c1a;
        height: 40px;
    }

    .family-profile label {
        font-family: NotoSans-SemiBold;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
        color: #0b0c1a;
    }

    .table tbody tr td:first-child {
        font-family: NotoSans-ExtraBold;
        font-style: normal;
        font-weight: 800;
        font-size: 12px;
        line-height: 17px;
    }

    .table td {
        font-family: NotoSans-Bold;
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        color: #0b0c1a;
        vertical-align: middle;
    }

    .reglog .media-body span {
        font-size: 14px;
        line-height: 22px;
    }
}

@media screen and (device-height: 800px) {
    .main-contain {
        min-height: 580px;
    }
}

@media (min-width: 1366px) {
    .page-main h1 {
        font-family: NotoSans-Regular;
        font-style: normal;
        font-weight: 800;
        font-size: 30px;
        line-height: 44px;
        color: #FFFFFF;
    }

    .page-main .video-btn,
    .main .video-btn {
        padding: 19px 62px;
    }

    .start {
        width: 246px;
        height: 198px;
    }

    .start p.timer {
        bottom: 30px;
        /* width: 100%; */
        left: 30%;
        font-family: NotoSans-Regular;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        color: #fff;
        display: flex;
        align-items: center;
    }

    .main .start p.arr {
        bottom: 0px;
        /* width: 100%; */
        left: 50%;
    }

    .main .start a {
        cursor: pointer;
        bottom: 39%;
        /* width: 100%; */
        left: 31%;
        font-size: 18px;
        line-height: 30px;
    }

    .page-main .start a {
        font-size: 14px;
        line-height: 30px;
    }

    .main-contain {
        min-height: 500px;
    }

    .main-contain h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .table tbody tr td:first-child {
        font-family: NotoSans-ExtraBold;
        font-style: normal;
        font-weight: 800;
        font-size: 14px;
        line-height: 20px;
    }

    .table td {
        font-family: NotoSans-Bold;
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        color: #0b0c1a;
        vertical-align: middle;
    }

    .family-profile label {
        font-family: NotoSans-SemiBold;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
        color: #0b0c1a;
    }

    .reglog .media-body span {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (min-width: 1600px) {
    .page-main h1 {
        font-family: NotoSans-Regular;
        font-style: normal;
        font-weight: 800;
        font-size: 40px;
        line-height: 54px;
        color: #ffffff;
    }


    .main h1 {
        font-family: NotoSans-Regular;
        font-style: normal;
        font-weight: 800;
        font-size: 26px;
        line-height: 38px;
        color: #ffffff;
    }

    .page-main .start a {
        cursor: pointer;
        bottom: 36%;
        /* width: 100%; */
        left: 32%;
        font-family: NotoSans-Regular;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 30px;
        display: flex;
        align-items: center;
        color: #ffffff;
    }

    .page-main .video-btn,
    .main .video-btn {
        padding: 19px 62px;
    }

    .main-contain {
        min-height: 650px;
    }

    .multiple-radio .main-contain {
        min-height: 830px;
    }

    .multiple-radio2 .main-contain {
        min-height: 650px;
    }

    .multiple-dropdown .main-contain {
        min-height: 800px;
    }

    .main-contain h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 40px;
    }

    /* .video-img {
    width: auto;
  } */

    .video-img1 {
        width: auto;
    }

    .video-link {
        margin: 35px 0;
        font-size: 16px;
        line-height: 24px;
    }

    .main-contain .btn-group>.btn {
        background: #ffffff !important;
        border: 1px solid #d1dffa !important;
        box-shadow: 0px 1px 4px rgb(37 40 103 / 40%);
        border-radius: 4px;
        font-family: NotoSans-SemiBold;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        display: flex;
        align-items: center;
        padding: 15px 67px;
        color: #0b0c1a !important;
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
    }

    .family-profile label {
        font-family: NotoSans-SemiBold;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #0b0c1a;
    }

    .prev-next-btn .btn {
        background: linear-gradient(91.66deg, #e34d71 0%, #c2294d 100%);
        color: #fff;
        border-radius: 10px;
    }

    .page-header .navbar-dark .navbar-nav .nav-link {
        font-family: NotoSans-Bold;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 42px;
        color: #ffffff;
        margin-right: 20px;
    }

    .dropdown-item {
        font-size: 16px;
        line-height: 24px;
        color: #0b0c1a;
    }

    .screen .stepper-wrapper {
        background: #f9fbfd;
        box-shadow: 0px 0px 16px rgb(172 185 226 / 50%);
        height: 116px;
        align-items: center;
        margin-top: 0;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .screen .card {
        margin-top: 40px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        background: #f9fbfd;
        box-shadow: 0px 0px 16px rgb(172 185 226 / 50%);
        border-radius: 8px;
    }

    .prev-next-btn .btn.disabled,
    .btn:disabled {
        background: #bdbdc1;
        border-radius: 10px;
        color: #888990;
        opacity: 1;
    }

    .prev-next-btn .btn .bi::before {
        /* font-family: NotoSans-Regular !important; */
        font-style: normal;
        font-weight: 600 !important;
        font-size: 35px;
        line-height: 45px;
    }

    .main-contain h2 {
        font-family: NotoSans-Bold;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #0b0c1a;
    }

    .main-contain p {
        font-family: NotoSans-SemiBold;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 30px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #0b0c1a;
        width: 75%;
    }

    .table tbody tr td:first-child {
        font-family: NotoSans-ExtraBold;
        font-style: normal;
        font-weight: 800;
        font-size: 16px;
        line-height: 24px;
    }

    .table td {
        font-family: NotoSans-Bold;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 19px;
        color: #0b0c1a;
    }

    .reglog .media-body span {
        color: rgb(255, 255, 255);
        font-family: NotoSans-SemiBold;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
    }
}

@media (min-width: 1920px) {
    .heading {
        max-width: 600px;
        width: 100%;
    }

    .page-main .start a {
        cursor: pointer;
        bottom: 30%;
        /* width: 100%; */
        left: 32%;
        font-family: NotoSans-Regular;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 30px;
        display: flex;
        align-items: center;
        color: #ffffff;
    }

    .main .start a {
        cursor: pointer;
        bottom: 39%;
        /* width: 100%; */
        left: 31%;
        font-family: NotoSans-Regular;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 30px;
        /* identical to box height, or 167% */

        display: flex;
        align-items: center;

        /* White */

        color: #ffffff;
    }

    .page-main h1 {
        font-family: NotoSans-Regular;
        font-style: normal;
        font-weight: 800;
        font-size: 40px;
        line-height: 54px;
        color: #ffffff;
    }

    .main h1 {
        font-family: NotoSans-Regular;
        font-style: normal;
        font-weight: 800;
        font-size: 28px;
        line-height: 42px;
        color: #ffffff;
    }

    .main .video-btn {
        color: #ffffff;
        font-family: NotoSans-Regular;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        background: linear-gradient(91.66deg, #e34d71 0%, #c2294d 100%);
        box-shadow: 0px 0px 8px rgb(37 40 103 / 20%);
        border-radius: 8px;
        padding: 20px 59px;
    }

    .main-contain {
        min-height: 800px;
    }

    .multiple-radio .main-contain {
        min-height: 900px;
    }

    .multiple-radio2 .main-contain {
        min-height: 830px;
    }

    .video-img {
        width: auto;
    }

    .screen .step-name {
        font-family: NotoSans-Bold;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        display: flex;
        align-items: center;
        color: #bdbdc1;
    }

    .screen .stepper-wrapper {
        background: #f9fbfd;
        box-shadow: 0px 0px 16px rgb(172 185 226 / 50%);
        height: 116px;
        align-items: center;
        margin-top: 0;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .screen .card {
        margin-top: 40px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        background: #f9fbfd;
        box-shadow: 0px 0px 16px rgb(172 185 226 / 50%);
        border-radius: 8px;
    }

    .screen .stepper-wrapper {
        height: 116px;
    }

    .main-contain p {
        width: 55%;
    }

    .form-control {
        background: #ffffff;
        border: 2px solid #dadff3;
        border-radius: 4px;
        font-family: NotoSans-SemiBold;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #0b0c1a;
        height: 48px;
    }

    .family-profile label {
        font-family: NotoSans-SemiBold;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #0b0c1a;
    }

    .select-div select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url('../images/down-arrow.png')no-repeat #eee;
        background-position: 98%;
        background-size: auto;
    }

    .main-contain h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 40px;
    }

    .video-link {
        margin: 25px 0;
        font-size: 16px;
        line-height: 24px;
    }

    .main-contain .btn-group>.btn {
        background: #FFFFFF !important;
        border: 1px solid #D1DFFA !important;
        box-shadow: 0px 1px 4px rgb(37 40 103 / 40%);
        border-radius: 4px;
        font-family: NotoSans-SemiBold;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        display: flex;
        align-items: center;
        padding: 15px 67px;
        color: #0B0C1A !important;
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
    }

    .prev-next-btn .btn {
        background: linear-gradient(91.66deg, #E34D71 0%, #C2294D 100%);
        color: #fff;
        border-radius: 10px;

    }

    .prev-next-btn .btn.disabled,
    .btn:disabled {
        background: #BDBDC1;
        border-radius: 10px;
        color: #888990;
        opacity: 1;
    }

    .prev-next-btn .btn .bi::before {
        /* font-family: NotoSans-Regular !important; */
        font-style: normal;
        font-weight: 600 !important;
        font-size: 35px;
        line-height: 45px;
    }

    .video-img1 {
        width: auto;
    }

    .main-contain p {
        font-family: NotoSans-SemiBold;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 30px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #0B0C1A;
        width: 75%;
    }

    .table tbody tr td:first-child {
        font-family: NotoSans-ExtraBold;
        font-style: normal;
        font-weight: 800;
        font-size: 16px;
        line-height: 24px;
    }

    .table td {
        font-family: NotoSans-Bold;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 19px;
        color: #0B0C1A;
        vertical-align: middle;
    }

    .reglog .media-body span {
        color: #fff;
        font-family: NotoSans-SemiBold;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
    }
}

/** Loader Animation**/
#hip-overlay {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    background: rgb(145 145 145 / 60%);
}

.hip-cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hip-spinner {
    width: 140px;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.hip-is-hide {
    display: none;
}

/* UI Checkbox CSS Start*/
/* .screen .single-checkbox .form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
  border: 1px solid #D1DFFA;
  box-shadow: 0px 1px 4px rgba(37, 40, 103, 0.4);
  border-radius: 4px;
  width: 390px;
  padding: 10px;
  margin-bottom: 20px;
  text-align: left;
  height: 60px;
  align-items: center;
  display: flex;
} */

.screen .single-checkbox .form-check-label {
    margin-bottom: 0;
    padding-left: 19px;
    font-family: NotoSans-SemiBold;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #0B0C1A;
    text-align: left;
    margin-left: 16px;
}

.screen .single-checkbox .form-check-input {
    position: absolute;
    margin-left: 0;
}

/* UI Checkbox CSS End */


/* Kirtan CSS Starts */
.pink-button {
    background: rgb(207, 85, 112);
    background: linear-gradient(90deg,
            rgba(207, 85, 112, 1) 0%,
            rgba(181, 57, 81, 1) 80%);
    color: white;
    border: none;
    height: 42px;
    opacity: 0.9;
    font-size: 14px;
    border-radius: 8px;
    padding: 10px 20px;
}

.pink-button:hover {
    opacity: 1;
    color: white;
}

.text-pink,
.text-pink:hover {
    color: #c64c65;
}

.white-bordered-btn {
    border-color: #fff;
    color: #fff;
}

.white-bordered-btn:hover {
    background: white;
    color: black;
    border: 1px solid white;
    transition: 0.3s;
}

.end-to-end-align {
    display: flex;
    justify-content: space-between;
}

.boxy-checkbox {
    border: 1px solid #d4dff8;
    padding: 12px 12px;
    border-radius: 5px;
    margin-bottom: 14px;
    -webkit-box-shadow: 0px 0px 9px -5px rgb(39 65 190);
    -moz-box-shadow: 0px 0px 9px -5px rgba(39, 65, 190, 1);
    box-shadow: 0px 0px 9px -5px rgb(39 65 190);
    display: flex;
    align-items: center;
}

.boxy-checkbox input {
    height: 22px;
    width: 22px;
    margin-top: 1px;
}

.boxy-checkbox label {
    margin-left: 12px;
}

/* Register Login */
/* 11/04/2024 */
.row_1 {
    display: flex;
    gap: 20px;
}

.row_1 .form-group {
    width: 100%;
}

.main_form_div {
    padding: 20px;
    background: #fff;
}

.reglog .intros h2.text-hilighters {
    font-family: Noto Sans;
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: #000;
}

/* .reglog .intros h2.text-hilighters {
     font-family: Noto Sans; 
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    text-align: left;
} */
/* 11/04/2024 end */

.reglog .leftblock .intro {
    padding: 12%;
    height: 100vh;
    /* height: calc(100vh - 100px); */
}

.uwp-register-class .card-body {
    padding-left: 0.5rem !important;
}

.reglog .media {
    margin-bottom: 18px;
}

.reglog .media-body,
.reglog .media-left,
.reglog .media-right {
    display: table-cell;
    vertical-align: middle;
}

.reglog .media-left {
    padding-right: 0px;
}

.reglog .icon {
    width: 30px;
    height: auto;
    margin-right: 8px;
}

.reglog .leftblock {
    padding: 0;
    background-image: url("../images/child_background.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    max-height: 860px;
    width: 100%;
    min-height: 859px;
}

.text-hilighter {
    color: rgb(0, 0, 0);
    font-size: 36px;
    font-weight: bolder;
    margin-top: 25px;
}

.text-hilighter span {
    color: orange;
}

.reglog .media-body span {
    color: #000;
}

.reglog .nav-tabs {
    border-bottom: none;
}

.reglog .nav-tabs-bordered .nav-link.active {
    color: #212529;
    font-weight: bold;
    /* border-bottom: 3px solid #1e118d; */
    border-bottom: 2px solid #DC4569 !important;
}

.reglog .nav-tabs-bordered .nav-link {
    color: #888990;
}

.reglog .nav-tabs-bordered .nav-link:hover,
.nav-tabs-bordered .nav-link:focus {
    /* border-image-source: linear-gradient(91.66deg, #170E7E 0%, #491FEF 100%);
  font-family: NotoSans-Bold;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  color: #0B0C1A;
  border-width: 4px;
  border-style: solid;
  border: 4px solid;
  border-top: 0;
  border-image-slice: 1;
  border-right: 0;
  border-left: 0;
  background-color: transparent;
  outline: none; */
    color: #DC4569;
}

.reglog .forms {
    padding: 2% 5%;
    background: #f9fbfdc2;
}

.reglog .forms form {
    margin-top: 0px;
}

.ui-widget.ui-widget-content {
    z-index: 1070 !important;
}


.forms p {
    color: #3E3E42;
    position: absolute;
    /* bottom: 8%; */
    top: -151px;
    width: 80%;
}



.reglog .forms .form-label {
    margin-bottom: 0.2rem;
    font-size: 14px;
    font-weight: 600;
}

.white-bordered-btn {
    border-color: white;
    color: white;
}

.text-error {
    color: #e43636;
}

/* Recommendation Page */
.schedule_header {
    background: rgb(23, 15, 124);
    background: linear-gradient(90deg,
            rgba(23, 15, 124, 1) 0%,
            rgba(66, 33, 226, 1) 80%);
    padding: 12px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-align: center;
    color: white;
}

.schedule_header .calender-icon {
    width: 26px;
    margin-top: -7px;
    margin-right: 5px;
}

.recom-back-arrow img {
    width: 30px;
    margin-right: 10px;
}

.recom-back-arrow {
    color: #0056b3;
}

/* Bordered Tabs */
.nav-tabs-bordered {
    position: relative;
    border-bottom: 2px solid #ebeef4;
}

.tg-plus-only {
    position: relative;
}

.tg-plus {
    display: none;
}

.tg-plus-only .tg-plus {
    display: inline-block;
    position: absolute;
    right: 2rem;
    width: 20px;
    height: 20px;
}

.tg-plus-only .tg-plus path {
    fill: #170E7E;
}

.upgrade-box.floating.internal {
    display: none;
    top: 15em;
    margin: 0 auto;
    left: 15em;
    justify-content: center;
    align-items: center;
    max-width: 450px;
}

.upgrade-box.floating .upgrade-button {
    width: 128px;
    padding: 8px 16px 8px 16px;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.upgrade-box.floating .upgrade-dismiss {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-left: 20px;
}

.upgrade-box.floating {
    top: 10rem;
    z-index: 1;
    max-width: 700px;
    position: absolute;
    left: 4%;
    border: 2px solid #170E7E;
    background-color: #EDEDFA;
}

.upgrade-box.floating h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #0B0C1A;
}

.upgrade-box.floating p {
    font-weight: 500;
    font-size: 14px;
    line-height: 19.07px;
    color: #0B0C1A;
}

.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:active,
.nav-tabs .nav-link.active:focus {
    background-color: transparent;
}

.nav-tabs-bordered .nav-link {
    text-align: center;
    margin-bottom: -2px;
    border: none;
    color: #8e9acc;
    font-weight: bold;
}

.nav-tabs-bordered .nav-link.active {
    background-color: #fff;
    color: #2741be;
    border-bottom: 3px solid #c64c65;
}

.nav-tabs-bordered .nav-link:hover,
.nav-tabs-bordered .nav-link:focus {
    color: #4154f1;
}

.recom-right-block {
    padding: 1.5rem 2.2rem !important;
}

.recom-right-block .topic {
    margin-top: 2rem;
}

.recom-right-block .topic img {
    width: 24px;
    margin-top: -5px;
    margin-right: 2px;
}

.recom-right-block .topic span {
    font-size: 20px;
    color: #2741be;
}

.recom-right-block .topic p {
    font-size: 15px;
    margin-top: 1rem;
}

.recom-right-block .topic .task {
    border: 1px solid #d4dff8;
    padding: 22px 20px;
    border-radius: 5px;
    margin-bottom: 14px;
    -webkit-box-shadow: 0px 0px 9px -5px rgb(39 65 190);
    -moz-box-shadow: 0px 0px 9px -5px rgba(39, 65, 190, 1);
    box-shadow: 0px 0px 9px -5px rgb(39 65 190);
}

.recom-left-block {
    padding: 0;
    height: 91vh;
    /*min-height: 850px;*/
}

.recom-left-block .intro {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.recom-left-block .intro img {
    width: 50px;
    margin-left: -9px;
    margin-bottom: 14px;
}

.recom-left-block .intro h1 {
    color: white;
    width: 90%;
    font-weight: bold;
    font-size: 28px;
}

.recom-left-block .intro h1 span {
    color: #ffffff !important;
}

.recom-right-block .tab-content {
    /*max-height: 755px;*/
    height: 76vh;
    overflow: auto;
}

/* scrollbar */
.recom-right-block ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.recom-right-block ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.recom-right-block ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(198, 76, 101);
    -webkit-box-shadow: inset 0 0 6px rgb(198, 76, 101);
}

.recom-right-block ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.3);
}

#recommendation_status {
    width: 220px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: inline-flex !important;
    overflow: hidden;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    height: 30px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #e34d71 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #e34d71 transparent;
    border-width: 0 4px 5px 4px;
}

.imgText {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e4eaf6;
    color: rgb(11, 10, 10);
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #fff;
}

.select2-container--open .select2-dropdown--below {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 11px;
    border: 1px solid #aaaaaa;
}

.select2-search--dropdown {
    display: none;
    padding: 4px !important;
}

.select2-container--default .select2-selection--single {
    padding: 4px;
    height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 8px;
    right: 5px;
    width: 20px;
}

/* Review */
.prev-next-btn .bg-btn {
    padding: 10px 18px;
}

.prev-next-btn .text-icon-btn {
    display: flex;
    align-items: center;
}

.review-card {
    width: 170px;
    align-items: center;
    padding: 16px;
}

.review-card.incomplete {
    background-color: #fef6f5;
}

.review-card.incomplete::before {
    font-family: bootstrap-icons;
    font-weight: 900;
    content: "\F333";
    color: red;
    position: absolute;
    right: 10px;
    top: 6px;
}

.review-card h6 {
    margin: 16px 0;
    font-size: 14px;
    font-weight: bolder;
}

.review-card img {
    width: 60px;
    margin-bottom: 12px;
}

/* Account Settings Tabs*/

.acc_settings {
    border-right: 1px solid #dadada;
    padding: 28px;
}

.acc_settings .nav-pills .nav-link.active,
.acc_settings .nav-pills .show>.nav-link {
    color: black;
    background-color: #e5eaf5;
}

.acc_settings .nav-pills .nav-link {
    margin-bottom: 14px;
}

.acc_settings .nav-link span img {
    margin-right: 11px;
    margin-bottom: 2px;
    width: 21px;
}

.uploaded-circle {
    background-image: linear-gradient(123deg, #2611a3, #2a13acc2);
    width: 92px;
    text-align: center;
    padding: 15px;
    font-size: small;
    border-radius: 50%;
    color: white;
    box-shadow: 0px 0px 7px 1px #dfe2ec !important;
    border: 2px solid #fff;
    cursor: pointer;
}

.uploaded-circle label i {
    cursor: pointer;
    font-size: 20px;
}

#img-upload {
    box-shadow: 0px 0px 4px 1px #bebebe !important;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}

.uploaded-circle input[type="file"] {
    display: none;
    overflow: hidden;
}

.removePicIcon {
    position: absolute;
    top: 11%;
    right: 41%;
}


.acc h3 {
    font-family: NotoSans-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #0B0C1A;
    text-align: center;
}

.acc-form .uwp_form .btn {
    background: rgb(207, 85, 112);
    background: linear-gradient(90deg, rgba(207, 85, 112, 1) 0%, rgba(181, 57, 81, 1) 80%);
    color: white;
    border: none;
    height: 42px;
    opacity: 0.9;
    font-size: 14px;
    border-radius: 8px;
    padding: 10px 20px;
    width: auto !important;
}

.uwp-account-form input[name='uwp_change_submit'] {
    width: 50% !important;
    margin-left: 25%;
}

.acc-form {
    border-left: 1px solid #dadada;
}

.acc_settings {
    padding: 6px;
    border-right: none !important;
}

.acc_settings .nav-pills .nav-link.active,
.acc_settings .nav-pills .show>.nav-link {
    color: black;
    background-color: #e5eaf5;
}

.acc_settings .nav-pills .nav-link {
    margin-bottom: 14px;
}

.acc.container {
    width: 98% !important;
    max-width: 100%;
}

.acc .navbar-nav .nav-link {
    font-family: NotoSans-SemiBold;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #0B0C1A;
    padding: 0.5rem 1rem;
    margin-bottom: 14px;
}

/* .acc .navbar-nav .nav-link.active {
  background-color: #e5eaf5;
  border-radius: 8px;
} */

.acc .uwp-account-notifications,
.acc .uwp-account-privacy {
    display: none;
}

.acc .navbar-nav .nav-link::after {
    content: "\f285";
    font-family: bootstrap-icons !important;
    color: #2741be;
    float: right;
}

.acc-form .card {
    box-shadow: none !important;
}

.uwp-account-form label.sr-only {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 10px;
    position: static;
    font-family: NotoSans-SemiBold;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #0b0c1a;
}

.uwp-account-form .form-group[data-argument="first_name"] {
    display: inline-block;
    width: 100%;
}

.uwp-account-form input[name="uwp_account_submit"] {
    margin: 0 auto;
}

.uwp-account-form .form-group {
    padding: 0 10px;
}

.uwp-account-form .form-group[data-argument="last_name"] {
    display: inline-block;
    width: 50%;
}

.uwp-account-form .form-group[data-argument="display_name"] {
    display: none;
}

/*Christopher Treatment Map*/
.page-main h4 {
    color: white;
    line-height: 34px;
}

/* Range Slider */
.range-subway,
.range-numerical {
    height: 100px;
}


input[type="range"]:active {
    cursor: grabbing;
}

input[type="range" i]::-webkit-slider-container {
    height: 18px;
}

.range-numerical input[type="range" i]::-webkit-slider-container {
    height: auto;
}

.range-numerical input[type="range"]::-webkit-slider-runnable-track {
    background: url('../images/range.png');
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    box-shadow: none;
    height: 14px;
    border-radius: 0;
    -webkit-appearance: none;
    margin-top: 9px;
}

.range-subway input[type="range"]::-webkit-slider-runnable-track {
    background: url('../images/range.png');
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    box-shadow: none;
    height: 8px;
    border-radius: 0;
    -webkit-appearance: none;
}

#range #count-display {
    display: flex;
    flex-direction: column;
    align-content: space-between;
    align-items: center;
    width: 25px;
}

.range-long small span {
    transform: rotate(-60deg);
    margin-top: 31px;
    margin-left: -40px;
    font-weight: 600;
    position: absolute;
}

#range .range-circle {
    width: 25px;
    height: 25px;
    background-color: #DADFF3;
    border-radius: 50%;
    position: absolute;
    top: -8px;
    cursor: pointer;
}

#range .range-numeric {
    width: 2px;
    height: 24px;
    background: #888990;
    border-radius: 5px;
    margin-top: -1px;
    z-index: 0;
}

#range .numeric-range #count-display {
    margin-top: -17px;
}

#range .numeric-range #count-display img {
    width: 38px;
    margin-top: 25px;
}

#count-display span {
    position: absolute;
    top: 34px;
    font-size: 8px;
    color: #3E3E42;
    font-family: NotoSans-Bold;
    font-style: normal;
    font-weight: 700;
}

small#count-display.font-min span {
    font-size: 10px;
}

small#count-display.font-med span {
    font-size: 14px;
    width: 140px;
}

small#count-display.font-max span {
    font-size: 16px;
    width: 135px;
}

#range input {
    opacity: 1;
    z-index: 1;
    position: relative;
    width: 100%;
    appearance: none;
    height: 0px;
    top: -10px;
    border: 2px solid #dee2e6;
    background: transparent;
    border-radius: 6px;
}

#range .range-long input {
    position: relative;
    width: 102%;
    margin: 0px -11px;
}

#range .range-numerical input {
    width: 102%;
    margin: 0px -3px;
}

input[type="range"]::-webkit-slider-runnable-track {
    background: transparent;
    box-shadow: none;
    height: 22px;
    /* border-bottom: 2px solid #dee2e6; */
    border-radius: 10px;
    border-radius: 0;
    -webkit-appearance: none;
}

#range-input::-webkit-slider-thumb {
    background: url("images/Selection.png");
    -webkit-appearance: none;
    appearance: none;
    margin-left: -1px;
    margin-top: -11px;
    background: #2741be;
    width: 28px;
    height: 28px;
    border: 3px solid white;
    border-radius: 50%;
    -webkit-box-shadow: 2px 0px 12px -2px rgba(39, 65, 190, 1);
    -moz-box-shadow: 2px 0px 12px -2px rgba(39, 65, 190, 1);
    box-shadow: 2px 0px 12px -2px rgba(39, 65, 190, 1);
    cursor: pointer;
}

#range-input::-moz-range-thumb {
    background: url("images/Selection.png");
    width: 20px;
    height: 20px;
    -webkit-box-shadow: 2px 0px 12px -2px rgba(39, 65, 190, 1);
    -moz-box-shadow: 2px 0px 12px -2px rgba(39, 65, 190, 1);
    box-shadow: 2px 0px 12px -2px rgba(39, 65, 190, 1);
    cursor: pointer;
}

/* Dashboard */
.quote {
    background-image: url(../images/finqoutes.png);
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 12px;
    margin-bottom: 4rem;
    margin-top: 2rem;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    margin-left: 10px;
    /* -webkit-box-shadow: 0px 5px 11px -3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 5px 11px -3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 4px 11px -4px rgba(0, 0, 0, 0.75); */
}

@media screen and (min-width: 768px) {
    .quote {
        background-image: url(../images/finqoutes.png);
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 12px;
        margin-bottom: 4rem;
        margin-top: 2rem;
        padding-bottom: 18px;
        padding-left: 1px;
        padding-right: 1x;
        width: 100%;
        margin-left: 10px;
    }
}

@media screen and (min-width: 1400px) {
    .quote {
        background-image: url(../images/finqoutes.png);
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 12px;
        margin-bottom: 4rem;
        margin-top: 1rem;
        padding-bottom: 60px;
        /*padding-left: 20px;
        padding-right: 20px;*/
        width: 88%;
        margin-left: 100px;
    }
}

@media screen and (min-width: 1400px) {
    .quote div {
        background-color: rgba(0, 0, 0, 0);
        color: white;
        padding: 65px 0px 20px 0px !important;
        border-radius: 12px;
    }
}


@media (min-width: 768px) {
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
        position: relative;

        padding-right: 0px;
        padding-left: 0px;
    }
}

.quote div {
    background-color: rgba(0, 0, 0, 0);
    color: white;
    padding: 65px 0px 49px 0px;
    border-radius: 12px;
}

.helth-recom {
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.helth-recom .point {
    align-items: center;
    padding: 14px 19px;
    border: 2px solid #e5eaf5;
    border-radius: 7px;
    margin-bottom: 1rem;
    background-color: white;

}

.helth-recom .point button {
    background: #ffffff;
    padding: 5px 26px;
    font-size: 14px;
    font-weight: bold;
    transition: 0.2s;
    box-shadow: none;
    color: #000000 !important;
    border: none;

}

.helth-recom .point button:hover {
    background-color: #00000000;
}

.helth-recom .point button i {
    color: orange;
}

.blog-card {

    height: 420px;

}

.blog-card .blog-image {
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 290px !important;
    background-position: top;
}

.blog-card .content img {
    width: 25px;
    display: inline;
    /* margin: 0.5rem 0; */
}

.page-main.cristopher {
    background-image: url('../images/cristopher-bg.png') !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.btn-royal-blue-outline {
    background-color: transparent;
    border: 1px solid #2741be;
    color: #2741be;
    border-radius: 7px;
    transition: 0.2s;
}

.btn-royal-blue-outline:hover,
.btn-royal-blue-outline.active {
    background-color: #2741be;
    border: 1px solid #2741be;
    color: white;
}

.screen-navigation.disabled:hover .show-tooltip,
.screen-navigation.disabled .show-tooltip.show-error {
    visibility: visible;
    opacity: 1;
}

a#recommendation_scoring_engine {
    font-size: 12px;
    line-height: 28px;
    left: 28%;
    bottom: 29%;
}

form#hip-questions .btn-group>.btn {
    font-size: 12px;
    line-height: 20px;
    padding: 8px 10px;
    min-width: 92px;
    max-width: 290px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right: 1.5rem !important;
}

form#hip-questions .btn-group>.btn:last-child {
    margin-right: 0 !important;
}

.prev-next-btn.review-btn-width {
    width: 290px;
    margin: 0 auto;
}

a.text-pink.done-review {
    font-family: NotoSans-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 60px;
    text-decoration: underline;
    /* display: flex; */
}

.card-footer .done-review:hover,
.card-footer .done-review:focus,
.card-footer .done-review a:focus,
.card-footer .done-review a:hover {
    background-color: transparent;
    border: none;
    outline: none;
    color: #c64c65;
    box-shadow: none;
}

.review-card-container {
    margin-left: auto !important;
    margin-right: auto !important;
    min-width: 1000px;
}

/*Custom emoji radio*/
.emoji-radio {
    position: relative;
    padding-left: 71px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.emoji-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}



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

/* When the radio button is checked, add a blue background */
.emoji-radio input:checked~.checkmark {
    background-color: #bdbdc1;
}

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

/* Show the indicator (dot/circle) when checked */
.emoji-radio input:checked~.checkmark:after {
    display: block;
}

ul {
    margin: 0px;
}

.pink-button-outline {
    cursor: pointer;
    background: rgb(207, 85, 112);
    color: #FFFFFF;
    border: 1px solid rgb(207, 85, 112);
    height: 42px;
    font-size: 14px;
    border-radius: 8px;
    padding: 10px 20px;
    transition: 0.2s;
}

.pink-button-outline:hover {
    background: rgb(207, 85, 112);
    color: white;
    border: 1px solid rgb(207, 85, 112);
    height: 42px;
    font-size: 14px;
    border-radius: 8px;
    padding: 10px 20px;
}

.text-royal-blue {
    color: #2741be;
}


.table tbody .resource-data-row {
    background-color: #edf2f9;
    border: 1px solid #d4dff8;
    border-radius: 11px;
    margin-bottom: 1.2rem;
    -webkit-box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.55);
}

table#resource-table,
td,
th {
    border: none;
}

table#resource-table tbody tr td:first-child {
    width: auto;
    max-width: none;
    min-width: auto
}

.resource-data-row .tags-domain p img {
    width: 20px;
    margin-top: -7px;
    margin-right: 4px;


}

.pagination {
    justify-content: flex-start !important;
}

.pagination .page-item.disabled .page-link {
    background-color: transparent;
}

.pagination .page-item .page-link {
    border: none;
}

.pagination .page-item.active .page-link {
    background: #2741be;
    color: white;
    border-radius: 4px;
    padding: 8px 10px;
}

.pagination .page-item .page-link {
    color: #2741be;
    padding: 8px;
    cursor: pointer;
    margin-right: 5px;
    font-family: NotoSans-Bold;
}

.pagination .page-item.disabled .page-link {
    color: darkgray;
    cursor: not-allowed;
}

.pagination .page-item.previous .page-link::before {
    font-family: bootstrap-icons;
    font-weight: 900;
    content: "\F284";
    padding-right: 4px;
    position: relative;
    top: 3px;
}

.pagination .page-item.next .page-link::after {
    font-family: bootstrap-icons;
    font-weight: 900;
    content: "\F285";
    padding-left: 4px;
    position: relative;
    top: 3px;
}

.pagination .page-link:focus {
    box-shadow: none;
}

.pagination .page-link:hover {

    background-color: transparent;
    border-color: transparent;
}

.search-box i {
    position: absolute;
    margin-left: 11px;
    margin-top: 7px;
    color: #2741be;
}

.search-box input {
    padding-left: 33px;
    border: 2px solid #2741be;
    font-family: "NotoSans-Regular";
}

#feedback-animation-wrapper {
    position: absolute;
    max-height: 400px;
    display: none;
}

/*Recommendation List Page*/
.recom-list .play-button {
    position: absolute;
    top: 3%;
    right: 17%;
    font-size: 29px;
}

.helth-recom .point button.success i {
    color: green;
}

.helth-recom .point button.success {
    background-color: #ffffff !important;
}

.helth-recom.disabled {
    opacity: 0.5;
}

.list-style {
    list-style: disc;
    text-align: initial;
}

.list-style li {
    margin-bottom: 1rem;
}

.question-block {
    background-color: #d4dff8;
    padding: 22px;
    border-radius: 10px;
    margin-bottom: 2rem;
}

h2.model-heading {
    font-family: NotoSans-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #0b0c1a;
}

.magical-hide {
    position: fixed;
    opacity: 0;
    pointer-events: none;
}

/* Create a custom radio button */
.emoji-radio .checkmark {
    height: 70px;
    width: 70px;
    border-radius: 7px;
    background-repeat: no-repeat;
    background-size: 45px;
    background-position: center;
}

#exampleModal .close,
#exampleModal .close {
    background: rgba(0, 0, 0, 0.966);
    border-radius: 8px;
    font-family: NotoSans-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    padding: 0px 10px 0px 10px;
    z-index: 1073;
    position: absolute;
    top: 25px;
    right: 30px;
    text-shadow: none;
    opacity: 1;
    color: #FFFFFF;
}

#exampleModal .close:hover {
    opacity: 1 !important;
}

#exampleModal .modal-content {
    background-color: transparent;
    border: none;
}

.with-image {
    /* background-image: url(../images/recom_background.png); */
    background-repeat: no-repeat;
    background-size: cover;
}

.with-gradient {
    background: rgb(23, 15, 124);
    background: linear-gradient(90deg,
            rgba(23, 15, 124, 1) 0%,
            rgba(66, 33, 226, 1) 80%);
}

.hip-screening-wrapper {
    position: relative;
}

body.hip-ui-domain-welcome .hip-screening-wrapper {
    position: static;
}

.hip-screening-wrapper-contents {
    width: 100%;
}

/** Shimmer Effect CSS **/
#hip-shimmer {
    width: 100%;
    padding: 0 15%;
    bottom: 0;
    z-index: 999;
    position: absolute;
    height: 99%;
    background-color: #f9fbfd00;
    border-radius: 0 0 10px 10px;
}

.hip-shimmer-content {
    position: absolute;
    bottom: 35%;
}

#hip-shimmer.hide {
    visibility: hidden;
}

#hip-shimmer .shine {
    background: #f6f7f8;
    background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 800px 104px;
    display: inline-block;
    position: relative;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-name: placeholderShimmer;
    -webkit-animation-name: placeholderShimmer;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
}

#hip-shimmer span {
    height: 10px;
    margin-top: 10px;
    width: 400px;
}

@keyframes placeholderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@-webkit-keyframes placeholderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}



.uwp-register-class .form-group[data-argument="first_name"] {
    display: inline-block;
    width: 100%;
}

.uwp-register-class input[name="uwp_account_submit"] {
    margin: 0 auto;
}

.uwp-register-class .form-group {
    padding: 0 10px;
}

.uwp-register-class .form-group[data-argument="last_name"] {
    display: inline-block;
    width: 50%;
}

div#login {
    position: relative;
    /* overflow: hidden; */
}

a.btn-link.forgot-link.error-padding {
    bottom: 18% !important;
}

a.btn-link.forgot-link {
    position: absolute;
    bottom: 21% !important;
    width: auto;
    right: 4px;
}

.uwp-register-class .form-control,
.uwp-login-class .form-control,
.uwp-forgot-class .form-control {
    background: #ffffff;
    border: 2px solid #dadff3;
    border-radius: 4px;
    font-family: NotoSans-SemiBold;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #0b0c1a;
    height: 40px;
}

.uwp-register-class .card,
.uwp-login-class .card,
.uwp-forgot-class .card {
    box-shadow: none !important;
    margin-top: auto !important;
}

.uwp-login-class .custom-control.custom-checkbox {
    display: inline-block;
}

.bsui .sr-only {
    position: relative;
    overflow: visible;
    font-family: NotoSans-SemiBold;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    height: auto;
    width: 100%;
    color: #0b0c1a;
    margin-bottom: 10px;
}

#hip-questions #range .col-12 {
    border-bottom: 4px solid #dee2e6;
    padding-bottom: 5px;
    margin-bottom: 0;
    height: 0;
}

#hip-questions #range input {
    opacity: 1;
    z-index: 9;
    position: relative;
    width: 100%;
    appearance: none;
    height: 22px;
    top: -10px;
    background: transparent;
    border-radius: 6px;
    border: none;
}

div#hip {
    margin-bottom: 30px;
}

.hip-screening-wrapper .heading span {
    color: #ffa500;
}

.welcome-screen {
    width: 100%;
    position: absolute;
    top: 46px;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
}

.welcome-bg {
    box-shadow: inset 0 0 0 2000px #0b0d1062;
    background-size: 100% 100%;
    height: 97%;
    position: absolute;
    width: 100%;
    top: 22px;
    left: 0;
    z-index: -1;
    overflow-y: hidden;
    object-fit: cover;
}

@media screen and (min-width: 1400px) {
    html body .welcome-bg {
        height: 97%;
        top: 26px;
    }

}

@media screen and (min-width: 1600px) {
    html body .welcome-bg {
        height: 97%;
        top: 26px;
    }

}


.hip-screening-wrapper .heading p {
    display: block;
    font-size: inherit;
    color: inherit;
    margin: 7px 0px;
    text-align: left;
    width: auto;
}

img.popup-alert-img {
    width: 50px;
}

.blog-card .blog-image.full-img {
    height: 350px !important;
}

#screening-footer {
    position: relative;
    z-index: 999;
}

.select2-results__option[aria-disabled="true"] {
    display: none !important;
}

.hip-screening-wrapper-contents h2 {
    display: block;
}

.resource_library_image {
    /* max-height: 130px;*/
    width: 100%;
    min-height: 109px;
    margin: 10px 15px 10px 2px;
    border-radius: 10px;
}

.recommendations-error {
    padding: 20px 0px;
}

html body .blockUI.blockMsg {
    padding: 10px !important;
}

ul.dropdown-menu-arrow::before {
    content: "";
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: -5px;
    right: 5px;
    transform: rotate(45deg);
    border-top: 1px solid #eaedf1;
    border-left: 1px solid #eaedf1;
}

body.hip-ui-multiple-questions-dropdown div#hip,
body.hip-ui-multiple-questions-radio div#hip,
body.hip-ui-checkbox div#hip {
    margin-bottom: 50px;
}

div.card.screening-review {
    padding-bottom: 90px;
}

body.hip-ui-domain-welcome .heading h1,
body.hip-ui-domain-welcome .heading h1 p {
    font-size: 20px;
    line-height: 29px;
    width: 96%;
}

body.hip-ui-domain-welcome .heading h1 p {
    margin-top: 22px;
}

html body .card.resource-post {
    overflow: hidden !important;
}

.page-main.tmap {
    background-repeat: no-repeat;
    background-size: cover;
}

.page-main.bg1 {
    background-image: url(../images/cristopher-bg.png) !important;
}

.page-main.bg2 {
    background-image: url(../images/treatment-map-bg.png) !important;
}

div#screening-footer a.btn-forward.disabled {
    display: none;
}

a#recommendation_scoring_engine {
    font-size: 22px;
    line-height: 25px;
}

a#see_recommendation_list {
    font-size: 22px !important;
    line-height: 25px !important;
}

.resource-data-row .tags-domain {
    padding-top: 1rem;
    border: none;
    border-left: 1px solid lightgray;
    font-size: 16px !important
}

.resource-data-row .tags-domain p i {
    font-size: 15px;
}

.modal-backdrop {
    opacity: 0.8 !important;
}

.modal-sticky-right .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    right: 0px;
}

.modal-sticky-right .modal-content {
    height: 100%;
}

.modal-xl {
    max-width: 920px !important;
}

table#resource-table img.resource_library_image {
    margin: 0;
}

.my-resource-library h3 {
    margin-bottom: 0;
}

.recommendation-for a {
    text-decoration: underline;
}

#recommendation_feedback_success .modal-dialog {
    width: 52%;
}

@media(max-width:767px) {
    #recommendation_feedback_success .modal-dialog {
        width: 96% !important;
    }
}

#recommendation_feedback_success .modal-content {
    padding: 20px;
}

#recommendation_feedback_success button.close {
    position: absolute;
    top: 10px;
    right: 15px;
}

/* #recommendation_feedback_success.modal.show {
  background: #000;
} */

.light-blue-block {
    background-color: #edf2f9;
    padding: 2rem;
    border-radius: 27px;
}

/*model changes */
#modal_remove_from_library .modal-dialog {
    width: 35%;
}

#modal_remove_from_library .modal-content {
    padding: 20px;
}

#modal_remove_from_library button.close {
    position: absolute;
    top: 10px;
    right: 15px;
}

#modal_remove_from_library p {
    color: black;
}

#modal_add_to_library .modal-dialog {
    width: 35%;
}

#modal_add_to_library .modal-content {
    padding: 20px;
}

#modal_add_to_library button.close {
    position: absolute;
    top: 10px;
    right: 15px;
}

#modal_add_to_library p {
    color: black;
}

span.label-info {
    font-style: italic;
    color: grey;
    font-size: 12px;
}

.text-new {
    font-family: NotoSans-Bold;
    color: #E34D71;
    font-size: 28px;
    font-weight: bold;

}


/* Domain welcome button design -START */
.domain-welcome-main {
    display: inline-flex;
    position: absolute;
    bottom: 56px;
    right: 55px;
}

#transcript .video-transcript-content p {
    text-align: justify;
}

.dp-content {
    padding-top: 127px;
}

.welcome-blue-btn a.domain_btn_link {
    display: flex;
    width: 100%;
    padding: 18px 23px;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    max-width: 255px;
    max-height: 78px;
}

.welcome-blue-btn a .blue_btn_txt {
    font-family: 'NotoSans-Bold';
    font-size: 16px;
}

.welcome-blue-btn {
    color: white;
    border: none;
    display: inline-table;
    opacity: 0.9;
    font-size: 14px;
    border-radius: 8px;
    background: linear-gradient(92deg, #170E7E 0%, #491FEF 100%);

    box-shadow: 0px 0px 8px 0px rgba(37, 40, 103, 0.20);
}

.welcome-blue-btn a:hover {
    opacity: 1;
    color: white;
}

button.welcome-screen-navigation {
    display: flex;
    width: 92px;
    height: 78px;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;

    border-radius: 8px;
    background: linear-gradient(92deg, #170E7E 0%, #491FEF 100%);

    box-shadow: 0px 0px 8px 0px rgba(37, 40, 103, 0.20);
}

button.welcome-screen-navigation i.bi-arrow-left::before {
    font-size: 32px;
    color: #fff;
}

.welcome-blue-btn a:hover,
.welcome-blue-btn a:visited,
.welcome-blue-btn a:focus {
    opacity: 1;
    color: white;
}

button.welcome-screen-navigation a:hover,
button.welcome-screen-navigation a:visited,
button.welcome-screen-navigation a:focus {
    opacity: 1;
    color: white;
}

/* Domain welcome button design - END */

/*------- custom coder css start ----------*/
@media(max-width:767px) {
    .elementor-page-2671 .stepper-wrapper .stepper-item {
        display: none;
    }

    .elementor-page-2671 .stepper-wrapper .stepper-item:nth-child(1),
    .elementor-page-2671 .stepper-wrapper .stepper-item:nth-child(2) {
        display: flex;
    }

    .screen .stepper-wrapper .inprogress~.stepper-item:after {
        opacity: 0;
    }

    .elementor-page-2671 #screening-footer button.btn {
        border-radius: 0px;
        margin: 0px !important;
        flex: 1;
    }

    .elementor-page-2671 div#screening-footer .prev-next-btn.position-absolute {
        position: static !important;
        display: flex;
    }

    .stepper-wrapper {
        overflow: hidden;
    }

    /*div#page {
    min-height: auto !important;
}*/
    #screening-footer {
        overflow: hidden;
    }

    .elementor-page-2671 .hip-screening-wrapper-contents {
        padding: 50px 12px;
    }

    .main-contain p {
        width: 100%;

    }

    .multiple-dropdown .table.table-striped.table-borderless tr,
    .multiple-dropdown .table.table-striped.table-borderless tr td {
        display: block !important;
        width: 100%;
    }

    .multiple-dropdown .table.table-striped.table-borderless tr td {
        max-width: 100%;
    }

    .stepper-item.completed {
        display: none;
    }

    .stepper-wrapper .inprogress+.pending {
        display: flex !important;
    }

    .stepper-wrapper .inprogress:before {
        opacity: 0;
    }

    .inprogress {
        display: flex !important;
    }
}

/* --- /// custom --  */

.display_none_block {
    display: none;
}



/* css moved from the -- custom css file  --s */


/*.hide{
    display: none;
}
  */
/*div#existing_share_main {
    z-index: 999999999;
}
*/
#Select_User {
    margin-bottom: 0px;
    padding: 7px 30px 9px 9px;
    border: none;
    border-radius: 3px;
    text-transform: capitalize;
    background-position: 95% center;
    font-size: 14px;
    width: 186px;
}

.nopopup_cst::before {
    opacity: 0;
    display: none;
}

.nopopup_cst {
    position: static !important;
    height: auto !important;
}

.nopopup_cst .popup.pt-5 {
    margin-top: 0px !important;
}

.nopopup_cst .popup.pt-5 .form_popup_inner_clc.container-popup {
    max-width: 1024px;
    margin-top: 57px;
}

.nopopup_cst div#invite_popup_open {
    background-color: #0006;
}

.nopopup_cst div#invite_popup_open {
    background-color: #0006;
    position: fixed;
    overflow-y: auto;
    padding-bottom: 40px;
}

.nopopup_cst div#share_main {
    position: fixed;
}

.nopopup_cst div#share_main .share_popup {
    top: 50%;
}


.close_btn a:hover {
    color: #fff !important;
}

.third_section .third_section_check {
    max-height: 152px;
    overflow-y: auto;
}

.custom-menu-tab {
    position: relative;
}

.custom-menu-tab a#customDropdown {
    color: #fff;
}

.custom-menu-tab .dropdown-menu {
    margin-top: 23px;
}

@media(min-width:1280px) {
    .custom-menu-tab .dropdown-menu {
        margin-top: 17px;
    }
}


.main_popup_clc {
    position: fixed;
    width: 100%;
    z-index: 999999999 !important;
    top: 0;
    height: 100vh;
    overflow: auto;
    background-color: transparent !IMPORTANT;
}

div#userActivate {
    background-color: #000000a8;
}

.row.reglog a.btn.btn-outline-dark {
    background: rgb(207, 85, 112);
    background: linear-gradient(90deg, rgba(207, 85, 112, 1) 0%, rgba(181, 57, 81, 1) 80%);
    color: white;
    border: none;
    padding: 11px 36px;
}

div#share_main {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 12px;
}

div#share_main .share_popup {
    top: 50%;
}

#userActivate_process {
    line-height: 17px;
    padding: 12px 37px;
    background-image: linear-gradient(#d33c60b0, #d33c60);
    border-radius: 5px;
    height: fit-content;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
}

.share_popup_third a.revoke_thriveGuide {
    line-height: 17px;
    padding: 12px 37px;
    background-image: linear-gradient(#d33c60b0, #d33c60);
    border-radius: 5px;
    height: fit-content;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
}

.share_popup_third a:hover {
    color: #fff;
}

.share_main {
    position: fixed;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: #0009; */
}

.share_main .share_popup {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 550px;
}

a.grant_thriveGuide {
    line-height: 17px;
    padding: 12px 37px;
    background-image: linear-gradient(#d33c60b0, #d33c60);
    border-radius: 5px;
    height: fit-content;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
}

.share_popup_third a,
a.grant_thriveGuide {
    cursor: pointer;
}

div#pending_main {
    position: fixed;
    z-index: 9999999;
    width: 100%;
    height: 100%;
}

div#grant_main {
    position: fixed;
    z-index: 9999999;
    width: 100%;
    height: 100%;
}

.nopopup_cst .popup.pt-5 {
    top: 70px !important;
}

.nopopup_cst {
    display: block !important;
}

.nopopup_cst::before {
    opacity: 0;
}

div#share_main {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

label.label-check input[type="checkbox"] {
    margin-right: 4px;
}

.share_popup {
    background: #fff;
    padding: 20px;
    width: 550px;
    margin: auto;
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
    text-align: center;
    border-radius: 10px;
}

.share_popup_second p {
    font-size: 17px;
    font-weight: 500;
}

.share_popup_first {
    font-weight: bolder;
    font-size: large;
    padding-bottom: 15px;
}

a.first_button,
a.second_button {
    padding: 12px 37px;
    background-image: linear-gradient(#d33c60b0, #d33c60);
    border-radius: 5px;
    height: fit-content;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
}

.share_popup_third {
    justify-content: space-evenly;
    display: flex;
}

div#invite_popup_open {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.container-popup {
    background: #fff;
    padding: 20px;
    width: 600px;
    margin: 0px auto;
    border-radius: 10px;
}

input.form-control {
    height: 33px;
    border-radius: 3px;
}

.form_popup_inner_clc {
    padding: 25px;
    box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
}

p.heading_cst {
    text-align: center;
    font-size: 20px;
    color: #1d42c5;
    font-weight: 600;
}

input.form-control.bg-dark {
    background-image: linear-gradient(#d33c60b0, #d33c60);
    width: auto;
}

input.form-control.outline_cst {
    width: auto;
    background: transparent;
    color: #d33c60;
    border: 1px solid;
    BORDER-RADIUS: 0PX;
}

.form-group.btn-wrapper {
    display: flex;
    justify-content: center;
    gap: 13px;
    margin-top: 12px;
}

.form-group.btn-wrapper input {
    border-radius: 4px;
    height: 35px;
    padding: 0px;
    width: 121px;
}

/* popup start */
.third_section_check label {
    font-weight: 600;
    padding-left: 10px;
}

.search-with-team a.button:hover {
    color: #ffffff;
}

.search-with-team a.button.inactive {
    background-color: grey;
    background-image: none !important; /* because the other one was important too */
}

.third_section_a,
.second_section_a {
    padding-bottom: 15px;
}

.second_section_p p,
.third_section_p p {
    padding-left: 0px;
    font-weight: 550;
}

.second_section_a a,
.third_section_a a {
    color: #1d42c5;
    font-weight: 600;
    padding-bottom: 14px !important;
    text-decoration: none;
    display: block;
    pointer-events: none;
}

.second_section_p a#invite_popup,
.share a,
.close_btn a {
    background-image: linear-gradient(#d33c60b0, #d33c60);
    padding: 7px 27px;
    height: fit-content;
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
}

a.recom-back-arrow {
    width: 100%;
}

.search-with-team {
    width: 100%;
    text-align: right;
    padding: 0px 11px 0px 20px;
}

.first_section h3 {
    font-weight: 600;
    font-size: 30px;
    color: #000;
}

.close_btn {
    text-align: center;
}

.share {
    text-align: right;
    padding-top: 17px;
}

.first_section {
    padding-bottom: 15px;

}

.third_section_check {
    background-color: #fff;
    padding: 20px 0px 19px 15px !important;
    border-radius: 10px;
}

.second_section {
    background-color: #ecf2f9;
    border-radius: 10px;
    padding: 20px 20px 20px 20px !important;
}

.third_section {
    background-color: #ecf2f9;
    margin-top: 40px;
    padding: 20px 20px 20px 20px !important;
    border-radius: 10px;
    margin-bottom: 30px;
}

.main_popup_clc {
    display: none;
    left: 0;
    top: 0;
    z-index: 99;
    background: #fff;
}

.search-with-team {
    width: 100%;
}

.second_section_p {
    display: flex;
    justify-content: space-between;
    /* display: grid;
    grid-template-columns: 1fr 180px; */
    align-items: center;
}

.second_section_p .button,
.second_section_p a#invite_popup {
    text-align: center;
    max-width: 106px;
    font-weight: 700;
    padding: 7px 15px;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
}

.popup {
    background: #ffffff;
    width: 100%;
    max-width: 1460px;
    margin: 25px auto;
    position: absolute;
    z-index: 99999;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 16px;
}

#popup:after {
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -2;
}

#popup:before {
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    height: 100%;
}

/* Styling buttons & webpage */

body {
    background: offwhite;
    font-family: Arial, sans-serif;
}

body.woocommerce a.button:hover,
body.woocommerce button.button:hover,
body.woocommerce a.button,
body .share_popup_third .button,
body.woocommerce button.button {
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    padding: 9px 20px;
    border-radius: 5px;
    text-decoration: none;
    background-image: linear-gradient(90deg, rgba(207, 85, 112, 1) 0%, rgba(181, 57, 81, 1) 80%);

}

/* popup end */


.bsui .mr-3,
.bsui .mx-3 {
    margin-right: 1rem !important;
    display: none;
}

.bsui .bg-light {
    background-color: #f8f9fa00 !important;
}

.bsui .mt-0,
.bsui .my-0 {
    margin-top: 0px !important;
    display: none;
}

.w-75 {
    width: 92% !important;
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: lighter;
}

/* a:hover {
    color: #0056b3;
    text-decoration: none;
} */

.bsui .card-body {

    min-height: 2px;
    padding-bottom: 0.1rem;
}

.bsui .mt-3,
.bsui .my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 16px;
    outline: 0;
}

.read-more {
    margin-bottom: 0;
    display: none;
}

.elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .form-row .input-text,
.elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .form-row select,
.elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .form-row textarea,
.elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box .form-row .input-text,
.elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box .form-row select,
.elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box .form-row textarea,
.elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-anchor .form-row .input-text,
.elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-anchor .form-row select,
.elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-anchor .form-row textarea {
    color: var(--forms-fields-normal-color, #69727d);
    background-color: #f9fafa;
    border-radius: var(--forms-fields-border-radius, 0);
    padding: var(--forms-fields-padding, 16px);
    font-size: 14px;
    border: none;
    font-weight: 400;
    width: 400px !important;
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 84.333333%;
}

.woocommerce form .form-row .select2-container {
    width: 400px !important;
    line-height: 2em;
}

.elementor-widget-woocommerce-checkout-page .woocommerce-checkout .form-row>span {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 3px;
    color: #69727d;
    width: 425px !important;
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table {
    font-size: 14px;
    padding-left: 20px;
    border-radius: 10px;
    box-shadow: #E5E5E5;
}

.elementor-11121 .elementor-element.elementor-element-4c3d4be .shop_table .button,
.elementor-11121 .elementor-element.elementor-element-4c3d4be .order-again .button {
    background-color: #B53951;
    color: white;
    border-radius: 10px;
}

.wc-stripe-elements-field,
.wc-stripe-iban-element-field {
    border: 1px solid #ddd;
    margin: -5px 0;
    padding: 5px;
    background-color: #fff;
    outline: 0;
    width: 350px;
}

.table-class .product-backlink {
    display: none;
}

.order-again {
    display: none;
}

/*.woocommerce-notices-wrapper{
  display:none;
} */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #0073aa !important;
    color: #fff;
}

/* 12/18/2023 will placed in plugin */
#myForm .form-group .formname p.error-message {
    color: #d75a79 !important;
}

#myForm .form-group .formemail p.error-message {
    color: #d75a79 !important;
}

/*--21-dec-2023----*/
.ThriveGuide-Section h5 {
    display: flex;
    justify-content: space-between;
}

.ThriveGuide-Section .card-header {
    background: transparent;
    border: none;
}

.ThriveGuide-Section .card-header button {
    color: #000;
}

.ThriveGuide-Section h5 {
    display: flex;
    justify-content: space-between;
}

.ThriveGuide-Section .card-header {
    background: transparent;
    border: none;
}

.ThriveGuide-Section .card-header button {
    color: #000;
}

.innerbox-main {
    background: #f9fbfd;
    box-shadow: 0px 0px 9px rgb(223 223 223 / 50%);
    border-radius: 8px;
    padding: 40px;
}

.innerbox-main .card {
    box-shadow: 0px 0px 11px #bfd4ff !important;
    border: none;
    border-radius: 10px;
    margin-bottom: 15px;
}

.ThriveGuide-Section .btn.btn-link p {
    color: #db4e80;
    font-weight: 600;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.ThriveGuide-Section span {
    font-weight: 600;
}

.innerbox-main .btn.btn-link {
    text-decoration: none;
}

.innerbox-main .btn.btn-link:focus {
    box-shadow: 0px 0px 0px transparent !important;
}

.ThriveGuide-Section .show-hide-btn {
    background: #fff4e8;
    font-size: 14px;
    font-weight: 700;
    padding: 7px 30px;
}

.innerbox-main p {
    font-weight: 600;
    color: #333;
}

.innerbox-main h2 {
    color: #000;
    font-weight: 800;
    margin-left: 0px !important;
    font-size: 30px;
    margin-bottom: 10px !important;
}

.innerbox-main .btn.btn-link {
    display: flex;
    gap: 10px;
    border: none;
}

.innerbox-main .btn.btn-link:hover {
    background: transparent;
    border: none;
}

.innerbox-main .card .card-body {
    padding-top: 0px;
}

.innerbox-main .card .card-body ul {
    padding-left: 50px;
}

.innerbox-main .card .card-body ul li {
    list-style: disc;
    font-weight: 600;
    color: #333;
}

.account-resources-bg {
    background: #ecf2f9;
    padding: 40px;
    border-radius: 10px;
}

.account-resources-bg p {
    color: #4564ce;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 40px;
}

.ThriveGuide-Section .show-hide-btn:focus {
    background: #fff4e8 !important;
}

/*---27/dec/2023---*/
.main_popup_clc .popup {
    top: 0% !important;
    transform: translate(-50%, 0%) !important;
}

.second_section_p #invite_popup,
.share a {
    color: #fff !important;
}

@media screen and (max-width: 768px) {
    .innerbox-main h2 {
        font-size: 26px;
    }

    .innerbox-main p {
        font-size: 14px;
    }

    .innerbox-main .card .card-body ul li {
        font-size: 14px;
    }

    .innerbox-main {
        padding: 20px;
    }

    .ThriveGuide-Section .card-header {
        padding: 8px;
    }

    .innerbox-main .btn.btn-link {
        gap: 0px;
    }

    .innerbox-main .card .card-body ul li {
        font-size: 14px;
    }

    .innerbox-main .card .card-body ul {
        padding-left: 20px;
    }

    .account-resources-bg {
        padding: 20px;
    }
}

@media screen and (max-width: 475px) {
    .ThriveGuide-Section h5 {
        flex-direction: column;
    }

    .ThriveGuide-Section .btn.btn-link p {
        font-size: 14px;
    }

    .ThriveGuide-Section .btn.btn-link span {
        font-size: 14px;
    }

    .account-resources-bg p {
        margin-bottom: 10px;
    }

    .innerbox-main .btn.btn-link {
        flex-direction: column;
    }
}

@media screen and (max-width: 767px) {

    .second_section_p .button,
    .second_section_p a#invite_popup {
        font-size: 14px;
    }
}

/*01/03/2024*/
.third_section thead {
    display: table-header-group;
    background: #ecf2f9;
    border-radius: 20px;
}

.third_section tbody tr {
    display: table-row;
}

.box-shadow-custom {
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.main_popup_clc .popup {
    background: #f7f7f7;
}

.raduis_bg_Model {
    background: #f7f7f7;
    padding: 30px;
    overflow-y: auto;
    border-radius: 12px;
}

.text-decoration-underline {
    text-decoration: underline;
}

.third_section thead th:first-child {
    border-radius: 20px 0px 0px 20px;
}

.third_section thead th:last-child {
    border-radius: 0px 20px 20px 0px;
}

.custom-fixed {
    z-index: 13;
    height: auto !important;
    max-width: 1125px !important;
    padding: 0px !important;
}

.form_popup_inner_clc.container-popup {
    width: 100% !important;
}

.page #popup:before {
    background: rgba(0, 0, 0, 0.5);
}

.page .popup-form-page-style:before {
    background: transparent !important;
}

.popup-form-page-style .popup {
    position: unset !important;
    transform: unset !important;

}

/* 1-2-24*/
.button {
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    padding: 9px 20px;
    border-radius: 5px;
    text-decoration: none;
    background-image: linear-gradient(90deg, rgba(207, 85, 112, 1) 0%, rgba(181, 57, 81, 1) 80%);
    cursor: pointer;
}

.second_section_p #invite_popup,
.share a,
.close_btn a {
    background-image: linear-gradient(#d33c60b0, #d33c60);
    padding: 7px 27px;
    height: fit-content;
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}


a#invite_popup {
    margin-left: 10px;
}


@media(max-width:767px) {
    .second_section_p {
        /* flex-wrap: wrap; */
        display: block;
    }

    a#invite_popup {
        margin-left: 0px;
    }
}

/* css moved form the -- custom css file  --e */


/*----custom coder css start -------------*/

.top_d-flex_wrpper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    position: relative;
}

.top_d-flex_wrpper a.recom-back-arrow {
    cursor: pointer;
}

.top_d-flex_wrpper div#status_change_msg {
    position: absolute;
    bottom: -7px;
    right: 0px;
}

.top_d-flex_wrpper .comncst {
    display: flex;
}

.top_d-flex_wrpper span.select2-selection {
    background-image: none;
}

@media(max-width:767px) {
    .top_d-flex_wrpper {
        flex-wrap: wrap;
        gap: 12px;
    }

    .top_d-flex_wrpper a.button {
        font-size: 14px;
        padding: 9px 14px;
    }

}

@media(max-width:480px) {
    .top_d-flex_wrpper .comncst .search-with-team {
        text-align: left;
    }
}

/*----custom coder css end -------------*/

/*-------Header CSS for resposinve @media 767px min width ---*/
@media screen and (max-width: 767px) {
    .navbar {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        /* padding: .5rem 1rem; */
    }
}

@media screen and (max-width: 460px) {
    .navbar {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        /* padding: .5rem 1rem; */
    }
}

/*--------multiple text option ----- */
@media screen and (max-width: 767px) {

    .btn-group,
    .btn-group-vertical {
        position: relative;
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: middle;
        flex-wrap: wrap;
        gap: 10px;
        margin-left: 20px;
    }
}

@media screen and (max-width: 460px) {

    .btn-group,
    .btn-group-vertical {
        position: relative;
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: middle;
        flex-wrap: wrap;
        gap: 10px;
    }
}

@media screen and (max-width: 767px) {

    .prev-next-btn .tooltip1 .tooltiptext,
    .tooltip1 .tooltiptext {
        font-size: 11px !important;
        line-height: 16px !important;
        /* right: 10px; */
        left: -70px !important;
        width: 180px !important;
        padding: 5px !important;
    }
}

@media screen and (max-width: 767px) {
    .main-contain .btn-group>.btn {
        font-size: 14px;
        line-height: 20px;
        /* padding: 9px 40px; */
        width: 290px;
    }
}

/*---iphone -----*/
@media screen and (max-width: 460px) {
    .main-contain .btn-group>.btn {
        font-size: 14px;
        line-height: 20px;
        /* padding: 9px 40px; */
        width: 290px;
    }
}

/*========= custom css start here ===========*/

.dp-ctas.d-flex {
    align-items: center;
    gap: 24px;
}

.dp-ctas .custom-tooltip {
    position: relative;
    display: inline-block;
}

.dp-ctas .custom-tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 610px;
    background-color: #3e3e42;
    color: #fff;
    padding: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    border-radius: 8px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
}

.dp-ctas .custom-tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 49.5%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.dp-ctas .custom-tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.dp-ctas .custom-tooltip .tooltip-bottom {
    top: 180%;
    left: 2%;
    margin-left: -290px;
}

.dp-banner .dp-content .dp-end-btns {
    margin-top: 160px;
    padding-bottom: 32px;
}

.dp-end-btns h3 {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
}

.dp-end-btns .btns {
    display: flex;
    gap: 25px;
}

.dp-end-btns .btns button {
    display: flex;
    width: 240px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid #fff;
    box-shadow: 5px 0px 8px 0px rgba(37, 40, 103, 0.2);
    background-color: transparent;
}

.dp-banner .dp-content .dp-end-btns .btns button svg {
    min-width: var(--base-size);
}

.dp-banner .dp-content .dp-end-btns .btns button span {
    color: var(--white-color);
    font-family: var(--font-noto);
    font-size: var(--base-size);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.dp-banner .banner-p {
    color: var(--white-color);
    text-shadow: var(--text-shadow);
    font-family: var(--font-noto);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin: 0px;
}

.dp-banner .banner-p span {
    color: #fca033;
}

.dp-banner .dp-bottom-buttons {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    justify-content: end;
    pointer-events: none;
    margin: 0px 0px 0px 64px;
}

.dp-banner .dp-bottom-buttons .get-started-dp-btn {
    width: 200px;
    display: flex;
    pointer-events: auto;
    justify-content: center;
    align-items: center;
    z-index: 2;
    border: none;
    background: transparent;
}

.dp-banner .dp-bottom-buttons .get-started-dp-btn span {
    margin-top: 20px;
}

.dp-banner .dp-bottom-buttons .get-started-dp-btn span span {
    color: var(--white-color);
    font-family: var(--font-noto);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.dp-banner .dp-bottom-buttons .get-started-dp-btn .dp-get-started-svg {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: -1;
}

.dp-banner .dp-cust-modal.is-visible {
    bottom: 0;
}

.dp-banner .dp-transcript-modal.is-visible {
    bottom: 0;
}

.dp-banner .dp-cust-modal2.is-visible {
    bottom: 0;
}

.dp-banner .dp-custom-modal {
    position: fixed;
    transition: 300ms;
    bottom: -200%;
    z-index: 30;
    left: 0;
    right: 0;
    background: rgba(10, 10, 13, 0.5);
    height: 100%;
    width: 100%;
}

.dp-banner .dp-custom-modal.is-visible .close-btn {
    bottom: 0;
}

.dp-banner .dp-custom-modal .featured-img {
    border-radius: 10px 10px 0 0;
    width: 100%;
}

.dp-banner .dp-custom-modal .dp-modal-content {
    background-color: var(--white-color);
    height: 100%;
    overflow-y: auto;
    padding-top: 24px;
    padding-bottom: 320px;
}

.dp-banner .dp-custom-modal .dp-modal-content>* {
    padding: 0 24px;
}

.dp-banner .dp-custom-modal .dp-modal-content h4 {
    color: var(--main-color);
    font-family: var(--font-noto);
    font-size: var(--base-size);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.dp-banner .dp-custom-modal .dp-modal-content .listen-btn {
    display: flex;
    width: 172px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid var(--main-color);
    box-shadow: var(--box-shadow);
    background-color: transparent;
    margin-top: 8px;
    margin-left: 24px;
}

.dp-banner .dp-custom-modal .dp-modal-content .listen-btn svg {
    min-width: var(--base-size);
}

.dp-banner .dp-custom-modal .dp-modal-content .listen-btn span {
    color: var(--main-color);
    font-family: var(--font-noto);
    font-size: var(--sm-size);
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.dp-banner .dp-custom-modal .dp-modal-content h3 {
    color: var(--secondary-color);
    font-family: var(--font-noto);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-top: 32px;
}

.dp-banner .dp-custom-modal .dp-modal-content p {
    color: var(--main-color);
    font-family: var(--font-noto);
    font-size: var(--base-size);
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.dp-banner .dp-custom-modal .close-btn {
    padding: 12px 16px;
    background: var(--secondary-color);
    width: 100%;
    transition: 300ms;
    border: none;
    z-index: 9999;
    position: fixed;
    color: var(--white-color);
    font-family: var(--font-noto);
    font-weight: 700;
    bottom: -100%;
}

.dp-banner .dp-custom-modal .dp-audio-close-btn {
    position: absolute;
    top: -58px;
    right: 0px;
    display: flex;
    width: 120px;
    border-radius: 8px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--white-color);
    background: var(--secondary-color);
    background-color: #1d42c5;
    transition: 300ms;
    color: #fff !important;
    border: none;
    z-index: 10;
    color: var(--white-color);
    font-family: var(--font-noto);
    font-size: var(--base-size);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.dp-banner .dp-custom-modal .dp-video-close-btn {
    position: absolute;
    top: 28px;
    right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 160px;
    padding: 8px 16px;
    border-radius: 8px;
    transition: 300ms;
    border: none;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.8);
    color: var(--white-color);
    font-family: var(--font-noto);
    font-size: var(--base-size);
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.dp-banner .dp-custom-modal.video-frame {
    padding: 0;
}

.dp-banner .dp-custom-modal.video-frame.is-visible {
    top: 0;
    bottom: 0;
}

.dp-banner .dp-custom-modal.video-frame.is-visible .popup-close-btn {
    top: var(--base-size);
}

.dp-banner .dp-custom-modal.video-frame iframe {
    width: 100%;
    height: 100dvh;
}

.dp-banner .dp-custom-modal.video-frame .popup-close-btn {
    position: fixed;
    z-index: 99999;
    right: var(--base-size);
    top: -100%;
    cursor: pointer;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.8);
    width: 56px;
    height: 42px;
    z-index: 999999;
}

.dp-banner .dp-custom-modal.listen-audio {
    display: grid;
    place-items: center;
}

.dp-banner .dp-custom-modal.listen-audio .player-main {
    position: relative;
    width: 720px;
    border-radius: var(--base-size);
    background: #f9fbfd;
    border-radius: 16px;
    box-shadow: 0px 0px 4px 0px rgba(17, 21, 108, 0.15);
    padding: 28px 40px;
    /* Audio Player */
}

.dp-banner .dp-custom-modal.listen-audio .player-main h3 {
    color: var(--main-color);
    font-family: var(--font-noto);
    font-size: var(--sm-size);
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 10px;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .textColorClass {
    color: #000;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .backColorClass {
    background-color: var(--white-color);
}

.dp-banner .dp-custom-modal.listen-audio .player-main .sliderColorClass {
    background-color: #d9d9d9;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .progressColorClass {
    background-color: #c2294d;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container {
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container.tiny {
    font-size: 6px !important;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container.tiny .controls {
    font-family: sans-serif;
    font-size: 1.66em;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container.small {
    font-size: 8px !important;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container.medium {
    font-size: 10px !important;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container.large {
    font-size: 12px !important;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .play-pause-btn {
    display: none;
    cursor: pointer;
    color: var(--main-color);
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .custom-slider {
    flex-grow: 1;
    cursor: pointer;
    position: relative;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .custom-slider .custom-progress {
    border-radius: inherit;
    position: absolute;
    pointer-events: none;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .custom-slider .custom-progress .pin {
    height: 1.333em;
    width: 1.333em;
    border-radius: 0.667em;
    position: absolute;
    pointer-events: all;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32);
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .controls {
    font-family: sans-serif;
    font-size: 1.333em;
    line-height: 1.5em;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .controls .custom-slider {
    border-radius: 200px;
    height: 8px;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .controls .custom-slider .custom-progress {
    width: 0;
    height: 100%;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .controls .custom-slider .custom-progress .pin {
    right: -0.667em;
    top: -0.5em;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .controls span {
    cursor: default;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .volume {
    position: relative;
    margin-top: 6px;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .volume .volume-btn {
    cursor: pointer;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .volume .volume-controls {
    width: 2.5em;
    height: 11.25em;
    background-color: rgba(0, 0, 0, 0.62);
    border-radius: 0.583em;
    position: absolute;
    /* left: -0.25em; */
    z-index: 100;
    right: 0 !important;
    bottom: 4.333em;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .volume .volume-controls.hidden {
    display: none;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .custom-time {
    font-family: var(--font-noto);
    font-size: var(--sm-size);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    color: var(--main-color);
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .total-time {
    font-weight: 500;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .volume .volume-controls .custom-slider {
    margin: 1em;
    width: 0.5em;
    border-radius: 0.25em;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .volume .volume-controls .custom-slider .custom-progress {
    bottom: 0;
    height: 100%;
    width: 0.5em;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .slider-round {
    width: 0 !important;
    box-shadow: none;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .volume .volume-controls .custom-slider .custom-progress .pin {
    left: -0.417em;
    top: -0.667em;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .rewind-btn {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-controls {
    gap: 40px;
    margin-top: 20px;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-title {
    font-family: var(--font-noto);
    font-size: var(--sm-size);
    font-weight: 700;
    line-height: 20px;
}

.dp-iframe-featured-modal {
    cursor: pointer;
}

.main-progress-bar {
    background-color: #f9fbfd;
}

.main-progress-bar .radio-Selections-headings {
    gap: 15px;
}

.main-progress-bar .radio-Selections-headings .profile-line {
    width: 100%;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%238B9AD0FF' stroke-width='4' stroke-dasharray='2%2c13' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    height: 2px;
}

.main-progress-bar .main__content {
    padding: 40px 16px 100px 16px;
}

.main-progress-bar .main__content .second_heading {
    color: var(--main-color);
    font-family: var(--font-noto);
    font-size: var(--base-size);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.main-progress-bar .main__content .heading__para {
    color: var(--main-color);
    font-family: var(--font-noto);
    font-size: var(--sm-size);
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
}

.main-progress-bar .main__content .custom-input-forms {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 24px;
}

.main-progress-bar .main__content .main-field .required {
    font-size: var(--sm-size);
    color: #e43636;
}

.main-progress-bar .main__content .main-field.field-error .input-label .label-title {
    color: #e43636;
}

.main-progress-bar .main__content .main-field.field-error .input-label .error-icon {
    display: block;
}

.main-progress-bar .main__content .main-field.field-error .custom-input {
    border-color: #e43636;
    box-shadow: none;
}

.main-progress-bar .main__content .main-field .input-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-progress-bar .main__content .main-field .input-label .error-icon {
    display: none;
}

.main-progress-bar .main__content .main-field .input-label .label-title {
    color: var(--main-color);
    font-family: var(--font-noto);
    font-size: var(--sm-size);
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.main-progress-bar .main__content .main-field .custom-input {
    margin-top: 8px;
    font-family: var(--font-noto);
    font-size: var(--sm-size);
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    width: 100%;
    transition: 300ms;
    caret-color: #779dff;
    outline: none;
    border-radius: 4px;
    border: 2px solid #dadff3;
    background-color: var(--white-color);
    padding: 8px 16px;
}

.main-progress-bar .main__content .main-field .custom-input:focus {
    border-color: #5a7bf2;
    box-shadow: 0px 1px 4px 0px #5a7bf2;
}

.main-progress-bar .main__content .main-field .custom-input::-moz-placeholder {
    color: #888990;
    font-family: var(--font-noto);
    font-size: var(--sm-size);
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
}

.main-progress-bar .main__content .main-field .custom-input::placeholder {
    color: #888990;
    font-family: var(--font-noto);
    font-size: var(--sm-size);
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
}

.main-progress-bar .main__content .my-24px {
    margin: 24px 0px;
}

.main-progress-bar .main__content .mt-52px {
    margin: 52px 0px 0px;
}

.main-progress-bar .main__content .my-92-24px {
    margin: 92px 0px 24px;
}

.main-progress-bar .main__content .mt-135px {
    margin: 135px 0px 0px;
}

.main-progress-bar .main__content .explainer-learn {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 12px 16px 12px 12px;
    align-items: center;
    gap: 22px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #e4eaf6;
    gap: 22px;
}

.main-progress-bar .main__content .explainer-learn button {
    display: flex;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid var(--main-color);
    box-shadow: var(--box-shadow);
    color: var(--main-color);
    background-color: transparent;
    font-family: var(--font-noto);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.main-progress-bar .main__content .explainer-learn div {
    display: flex;
    align-items: center;
}

.main-progress-bar .main__content .explainer-learn div svg {
    width: var(--base-size);
    height: var(--base-size);
    min-width: var(--base-size);
    min-height: var(--base-size);
}

.main-progress-bar .main__content .explainer-learn div p {
    color: var(--main-color);
    font-family: var(--font-noto);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
}

.main-progress-bar .main__content .cursor-pointer {
    cursor: pointer;
}

.dp-video-transcript .script-content {
    position: relative;
    width: 720px;
    height: 90%;
    border-radius: 16px;
    background: #f9fbfd;
    padding-top: 40px;
    margin: 40px auto 40px;
    padding-bottom: 96px;
}

.dp-video-transcript .script-content .main-script-heading {
    padding: 0 8px 0 40px;
}

.dp-video-transcript .script-content .video-transcript-content {
    overflow: auto;
    padding-left: 40px;
    margin-right: 8px;
    height: 100%;
    padding-bottom: 20px;
    padding-right: 56px;
}

.dp-video-transcript .script-content .video-transcript-content::-webkit-scrollbar {
    width: 8px;
}

.dp-video-transcript .script-content .video-transcript-content::-webkit-scrollbar-track {
    background: #d9d9d9;
    border-radius: 200px;
}

.dp-video-transcript .script-content .video-transcript-content::-webkit-scrollbar-thumb {
    background: linear-gradient(92deg, #e34d71 0%, #c2294d 100%);
    border-radius: 200px;
}

.dp-video-transcript .script-content .video-transcript-content::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(92deg, #e34d71 0%, #c2294d 100%);
}

.dp-video-transcript .script-content h3 {
    color: var(--secondary-color);
    font-family: var(--font-noto);
    font-size: var(--base-size);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 16px;
    color: #1d42c5;
}

.dp-video-transcript .script-content .transcript-close-div {
    position: sticky;
    bottom: 0px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f9fbfd;
    box-shadow: 0px -4px 8px 0px rgba(17, 21, 108, 0.2);
    padding: 12px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.dp-video-transcript .script-content .transcript-close-div .transcript-close {
    display: flex;
    width: 120px;
    border-radius: 8px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: var(--secondary-color);
    background-color: #1d42c5;
    color: #fff !important;
    transition: 300ms;
    border: none;
    color: var(--white-color);
    font-family: var(--font-noto);
    font-size: var(--base-size);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

#transcript::-webkit-scrollbar-track {
    width: 8px;
    border-radius: 200px;
    background: #d9d9d9;
}

#transcript::-webkit-scrollbar {
    width: 8px;
    background-color: #f5f5f5;
    border-radius: 200px;
    margin: 10px 0;
}

#transcript::-webkit-scrollbar-thumb {
    width: 8px;
    border-radius: 200px;
    background: linear-gradient(92deg, #e34d71 0%, #c2294d 100%);
}

/*# sourceMappingURL=style.css.map */

/*----Range selct box start here----*/
.range-selectbox {
    display: none;
}

.range-selectbox select {
    width: 100%;
    padding: 10px;
    border: 1px solid #dadff3;
    border-radius: 4px;
    background: #dadff352;
    margin-bottom: 60px !important;
}

.range-selectbox select:focus-visible {
    outline: none;
}

.my_brand_color {
    color: #C2294D;
}

/*-----Media Query Start Here----*/

/*----Range selct box end here----*/
@media (max-width: 992px) {
    .range-selectbox {
        display: block;
    }

    .mobile-range-hide {
        display: none;
    }
}

@media (max-width: 767px) {
    .dp-video-transcript .script-content {
        width: 100%;
    }

    .dp-video-transcript .script-content .video-transcript-content {
        padding-right: 20px;
    }

    .dp-banner .dp-custom-modal.listen-audio .player-main {
        width: 100%;
    }

    .div#hip {
        margin-bottom: 172px;
    }

    .range-selectbox {
        display: block;
    }

    .mobile-range-hide {
        display: none;
    }

    .range-selectbox select {
        margin-bottom: 0px !important;
    }

    .dp-content {
        padding-top: 23px;
    }

    .page-main .dp-content h1 {
        font-size: 24px;
        line-height: 39px;
    }

    .page-main .video-btn {
        font-size: 18px;
        padding: 19px 30px 19px 30px !important;
    }

    .dp-ctas .custom-tooltip .tooltiptext {
        width: 341px;
        margin-left: -236px;
    }

    .dp-banner .dp-content .dp-end-btns {
        margin-top: 50px;
        padding-bottom: 56px;
    }

    .dp-end-btns .btns {
        gap: 8px;
        flex-wrap: wrap;
    }
}

.share_cst .share_popup .share_popup_third {
    justify-content: center;
    gap: 12px;
    align-items: center;
}

.share_cst .share_popup .share_popup_third a {
    line-height: normal;
}

.p_semi_bold_cc {
    font-weight: 600 !important;
}

.error-message-red-color {
    color: #d75a79 !important;
}

div#invite_popup_open label {
    color: black;
}


@media screen and (max-width: 767px) {

    .page-main .video-btn,
    .main .video-btn {
        padding: 18px 36px !important;
        margin-bottom: 6px !important;
    }

}

@media screen and (max-width: 767px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin: 0px;
        margin-top: 0px;
    }
}

@media screen and (max-width: 767px) {
    small#count-display.font-med span {
        font-size: 13px;
        width: 98px;
    }
}

@media (max-width: 767px) {
    .elementor-page-2671 .hip-screening-wrapper-contents {
        padding: 15px 15px;
    }
}

@media (max-width: 767px) {
    small#count-display.font-max span {
        font-size: 11px;
        width: 69px;
        padding-left: 0px;
    }
}

@media (max-width: 767px) {
    .hip-screening-wrapper-contents {
        width: 100%;

    }
}

@media screen and (max-width: 767px) {
    .prev-next-btn .btn {
        background: linear-gradient(91.66deg, #E34D71 0%, #C2294D 100%);
        color: #fff;
        /* border-radius: 10px; */

    }
}

@media (max-width: 767px) {
    .prev-next-btn {
        bottom: -30px;
        text-align: center;
        width: 100%;
        left: 0;
        right: 0;
        padding-top: 0px;
    }
}

@media (max-width: 767px) {
    .main-contain h2 {
        font-family: NotoSans-Bold;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #0B0C1A;
    }
}


@media (max-width: 767px) {
    .screen .stepper-wrapper {
        background: #f9fbfd;
        box-shadow: 0px 0px 16px rgb(12 20 45 / 0%);
        height: 90px;
        align-items: center;
        margin-top: 0;
        /* border-top-left-radius: 8px; */
        /* border-top-right-radius: 8px; */
        z-index: 0;
        position: relative;
        margin-bottom: 0px;
    }
}


@media (max-width: 767px) {
    .stepper-item .progress-down-arrow {
        color: #1E118D;
        display: none;
    }
}

@media (max-width: 767px) {
    .stepper-wrapper {
        box-shadow: none;
        overflow: hidden;
    }
}



div#invite_popup_open .form_popup_inner_clc.container-popup {
    max-width: 1125px;
    margin-top: 57px;
}

div#invite_popup_open {
    position: fixed;
    overflow-y: auto;
    padding: 0px 20px 30px;
    background-color: rgba(0, 0, 0, 0.5);
}

.min-hegiht-full {
    min-height: 76vh;
}


/*--------- Responsive css for Mobile screen ---------*/

@media (max-width: 767px) {
    span.tooltiptext {
        right: 0px !important;
        left: auto !important;
    }

    .tooltip1 img {
        margin: 0px !important;
    }

    .hip-row.card {
        margin-top: 0px;
    }

    .screen .stepper-item .step-counter {
        background: transparent;
        border: none;
        display: none !important;
    }

    .screen .step-name {
        background: #f9fbfd;
        position: relative;
        z-index: 11;
        padding: 0px 9px;
    }

    form#hip-questions .btn-group>.btn {
        margin-right: 0px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    form#hip-questions .btn-group-toggle {
        margin: 0px !important;
        width: 100%;
    }

    .main-contain {
        min-height: auto !important;
        ;
    }

    div#screening-footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        right: 0;
    }

    .hip-row.card {
        padding-bottom: 34px;
    }

    .hip-row.card {
        box-shadow: none !important;
        border: none !important;
    }

    div#hip.hip-container h2 {
        display: block;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px !important;
    }

    a.video-link.video-btn {
        width: 100%;
        padding: 6px 12px 0px;
    }

    .multiple-dropdown table td {
        padding: 5px 20px !important;
        background: transparent !important;
        font-size: 14px !important;
        line-height: normal !important;
    }

    .multiple-dropdown table tr {
        margin-bottom: 20px;
        background: transparent !important;
    }

    form#hip-questions {
        padding: 0 15px;
    }

    .multiple-dropdown table {
        margin-bottom: 0px !important;
    }

    span.tooltiptext {
        width: 210px !IMPORTANT;
    }

    .select-div.col-lg-5.col-12.offset-lg-4 {
        padding: 0px;
    }

    div#hip.hip-container h2 {
        max-width: 100% !important;
    }

    .main-contain p.mt-2 {
        text-align: left;
        margin-top: 0px !important;
        font-size: 12px;
        line-height: 19px;
    }

    tr.d-none-mob {
        display: none !important;
    }

    tr.dispaly-mobile td {
        display: block;
        width: 100%;
    }

    tr.dispaly-mobile td {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        padding-left: 0px !important;
    }

    tr.dispaly-mobile label.radio-style {
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0px;
    }

    tr.dispaly-mobile .form-check.form-check-inline {
        width: 100%;
        text-align: left;
    }

    span.custom-qus-label-mob {
        padding-left: 30px;
    }

    tr.dispaly-mobile {
        margin-bottom: 20px;
        background: transparent !important;
    }

    td.font-wheight-700-mob {
        font-weight: 700 !important;
        font-size: 17px !important;
        line-height: normal;
        padding-bottom: 1px !important;
    }

    .custom-radio-cst {
        border: none !important;
    }

    #hip-questions .radio-style .form-check-input {
        position: absolute;
        width: 100%;
        z-index: 888;
    }

    td.font-wheight-700-mob {
        padding: 0px !important;
    }

    .stepper-item.completed~.inprogress~.inprogress~.pending {
        display: none !important;
    }


}

@media(min-width:768px) {

    span.custom-qus-label-mob {
        display: none;
    }

}


.w-30 {
    width: 280px;
}

.w-40 {
    width: 407px;
}

.w-20 {
    width: 250px;
}

.responsive-table {
    display: block;
    overflow-y: auto;
}

.responsive-table span {
    word-break: break-all;
    display: inline-block;
}

@media(max-width:767px) {
    .responsive-table span {
        word-break: break-all;
        display: inline-block;
        white-space: nowrap;
    }

    .responsive-table td,
    .responsive-table th {
        width: auto !important;
    }

    .ast-single-post .main_data_section.grey_hip_bg .card .card-header button.show-hide-btn {
        position: absolute;
        right: 14px;
        padding: 0px !important;
        top: 16px;
        font-size: 14px;
        width: fit-content;
        height: auto;
        background-image: inherit !IMPORTANT;
        background-repeat: no-repeat !IMPORTANT;
        background-position: 25px center !IMPORTANT;
        padding: 0px !important;
    }

    .ast-single-post .innerbox-main .card .card-body ul li {
        font-family: Noto Sans;
        font-size: 16px;
        font-weight: 600;
        line-height: 26px;
        text-align: left;
    }

    .ast-single-post .active-show .share_by_defalut {
        opacity: 1;
        height: fit-content;
        visibility: visible;
        font-family: Noto Sans;
        font-size: 16px;
        font-weight: 500;
        line-height: 23px;
        text-align: left;
        padding-left: 10px;
        padding-top: 20px;
    }

    .ast-single-post .innerbox-main .card .card-body ul li {
        list-style: none;
    }

    .ast-single-post .account-resources-bg .card ul {
        padding-left: 0 !important;
    }

    .ast-single-post .card-header .share_by_defalut {
        opacity: 0;
        height: 0;
        visibility: hidden;
    }
}


.w-10 {
    min-width: 116px;
}

/*  bug fixing css -------- */
@media screen and (max-width: 767px) {
    a.btn-link.forgot-link {
        /* Adjust styles for smaller screens */
        /* or any other suitable value */
        bottom: 20% !important;
        width: 100%;
        /* You can adjust this based on your design */
        right: 4px;
    }
}

@media screen and (max-width: 767px) {
    .reglog .leftblock {
        padding: 0;
        background-image: url(../images/child_background.png);
        background-repeat: no-repeat;
        background-size: cover;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        /* max-height: 890px!important; */
        width: 100%;
        /* min-height: 880px!important; */
    }
}

@media screen and (max-width: 767px) {
    .welcome-blue-btn a.domain_btn_link {
        display: flex;
        width: 100%;
        /* padding: 20px;*/
        height: 100%;
        max-width: 339px;
        max-height: 70px;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        font-size: 13px;
        padding-left: 60px;
        padding-top: 20px;
        padding-right: 86px;
        margin-left: 20px;
    }
}

@media screen and (max-width: 767px) {

    .prev-next-btn .btn.disabled,
    .btn:disabled,
    #screening-footer.screen-loading .prev.screen-navigation,
    #screening-footer.screen-loading .next.screen-navigation {
        background: #BDBDC1;
        border-radius: 0px !important;
        padding: 7px 32px;
        color: #888990;
        opacity: 1;
    }
}


/* ------review resposnve css---------*/
@media (max-width: 767px) {
    .review-card-container {
        margin-left: auto !important;
        margin-right: auto !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 56px;
        min-width: 100px;
    }
}

@media (max-width: 767px) {
    .main-contain p {
        width: 100%;
        text-align: left;
        padding-left: 0px;
        padding-right: 20px;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .page-main {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-grow: 1;
        min-height: 350px;
        background: url(../images/banner-bg.png);
        background-blend-mode: luminosity;
        background-size: 100%;
    }
}

/* 26/02/2024 */

div#useractive_status {
    position: fixed;
    background: #0000004d;
    z-index: 66;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
}

div#useractive_status .share_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
    .reglog .forms {
        padding: 2% 7%;
        background: #f9fbfdc2;
    }
}

@media (max-width: 767px) {
    div#hip.hip-container h2 {
        display: block;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px !important;
        margin-top: 0px;
        /*margin-left: 5px;*/
    }
}

@media (max-width: 767px) {
    .card-footer {
        padding: .35rem 1.25rem;
        background-color: rgb(246 245 245);
        border-top: 1px solid rgba(0, 0, 0, .125);
    }
}


/*----riview-------*/







/*========= custom css start here ===========*/

.dp-ctas.d-flex {
    align-items: center;
    gap: 24px;
}

.dp-ctas .custom-tooltip {
    position: relative;
    display: inline-block;
}

.dp-ctas .custom-tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 610px;
    background-color: #3e3e42;
    color: #fff;
    padding: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    border-radius: 8px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
}

.dp-ctas .custom-tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 49.5%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.dp-ctas .custom-tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.dp-ctas .custom-tooltip .tooltip-bottom {
    top: 180%;
    left: 2%;
    margin-left: -290px;
}

.dp-banner .dp-content .dp-end-btns {
    margin-top: 160px;
    padding-bottom: 32px;
}

.dp-end-btns h3 {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
}

.dp-end-btns .btns {
    display: flex;
    gap: 25px;
}

.dp-end-btns .btns button {
    display: flex;
    width: 240px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid #fff;
    box-shadow: 5px 0px 8px 0px rgba(37, 40, 103, 0.2);
    background-color: transparent;
}

.dp-banner .dp-content .dp-end-btns .btns button svg {
    min-width: var(--base-size);
}

.dp-banner .dp-content .dp-end-btns .btns button span {
    color: var(--white-color);
    font-family: var(--font-noto);
    font-size: var(--base-size);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.dp-banner .banner-p {
    color: var(--white-color);
    text-shadow: var(--text-shadow);
    font-family: var(--font-noto);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin: 0px;
}

.dp-banner .banner-p span {
    color: #fca033;
}

.dp-banner .dp-bottom-buttons {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    justify-content: end;
    pointer-events: none;
    margin: 0px 0px 0px 64px;
}

.dp-banner .dp-bottom-buttons .get-started-dp-btn {
    width: 200px;
    display: flex;
    pointer-events: auto;
    justify-content: center;
    align-items: center;
    z-index: 2;
    border: none;
    background: transparent;
}

.dp-banner .dp-bottom-buttons .get-started-dp-btn span {
    margin-top: 20px;
}

.dp-banner .dp-bottom-buttons .get-started-dp-btn span span {
    color: var(--white-color);
    font-family: var(--font-noto);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.dp-banner .dp-bottom-buttons .get-started-dp-btn .dp-get-started-svg {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: -1;
}

.dp-banner .dp-cust-modal.is-visible {
    bottom: 0;
}

.dp-banner .dp-transcript-modal.is-visible {
    bottom: 0;
}

.dp-banner .dp-cust-modal2.is-visible {
    bottom: 0;
}

.dp-banner .dp-custom-modal {
    position: fixed;
    transition: 300ms;
    bottom: -200%;
    z-index: 30;
    left: 0;
    right: 0;
    background: rgba(10, 10, 13, 0.5);
    height: 100%;
    width: 100%;
}

.dp-banner .dp-custom-modal.is-visible .close-btn {
    bottom: 0;
}

.dp-banner .dp-custom-modal .featured-img {
    border-radius: 10px 10px 0 0;
    width: 100%;
}

.dp-banner .dp-custom-modal .dp-modal-content {
    background-color: var(--white-color);
    height: 100%;
    overflow-y: auto;
    padding-top: 24px;
    padding-bottom: 320px;
}

.dp-banner .dp-custom-modal .dp-modal-content>* {
    padding: 0 24px;
}

.dp-banner .dp-custom-modal .dp-modal-content h4 {
    color: var(--main-color);
    font-family: var(--font-noto);
    font-size: var(--base-size);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.dp-banner .dp-custom-modal .dp-modal-content .listen-btn {
    display: flex;
    width: 172px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid var(--main-color);
    box-shadow: var(--box-shadow);
    background-color: transparent;
    margin-top: 8px;
    margin-left: 24px;
}

.dp-banner .dp-custom-modal .dp-modal-content .listen-btn svg {
    min-width: var(--base-size);
}

.dp-banner .dp-custom-modal .dp-modal-content .listen-btn span {
    color: var(--main-color);
    font-family: var(--font-noto);
    font-size: var(--sm-size);
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.dp-banner .dp-custom-modal .dp-modal-content h3 {
    color: var(--secondary-color);
    font-family: var(--font-noto);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-top: 32px;
}

.dp-banner .dp-custom-modal .dp-modal-content p {
    color: var(--main-color);
    font-family: var(--font-noto);
    font-size: var(--base-size);
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.dp-banner .dp-custom-modal .close-btn {
    padding: 12px 16px;
    background: var(--secondary-color);
    width: 100%;
    transition: 300ms;
    border: none;
    z-index: 9999;
    position: fixed;
    color: var(--white-color);
    font-family: var(--font-noto);
    font-weight: 700;
    bottom: -100%;
}

.dp-banner .dp-custom-modal .dp-audio-close-btn {
    position: absolute;
    top: -58px;
    right: 0px;
    display: flex;
    width: 120px;
    border-radius: 8px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--white-color);
    background: var(--secondary-color);
    background-color: #1d42c5;
    transition: 300ms;
    color: #fff !important;
    border: none;
    z-index: 10;
    color: var(--white-color);
    font-family: var(--font-noto);
    font-size: var(--base-size);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.dp-banner .dp-custom-modal .dp-video-close-btn {
    position: absolute;
    top: 28px;
    right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 160px;
    padding: 8px 16px;
    border-radius: 8px;
    transition: 300ms;
    border: none;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.8);
    color: var(--white-color);
    font-family: var(--font-noto);
    font-size: var(--base-size);
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.dp-banner .dp-custom-modal.video-frame {
    padding: 0;
}

.dp-banner .dp-custom-modal.video-frame.is-visible {
    top: 0;
    bottom: 0;
}

.dp-banner .dp-custom-modal.video-frame.is-visible .popup-close-btn {
    top: var(--base-size);
}

.dp-banner .dp-custom-modal.video-frame iframe {
    width: 100%;
    height: 100dvh;
}

.dp-banner .dp-custom-modal.video-frame .popup-close-btn {
    position: fixed;
    z-index: 99999;
    right: var(--base-size);
    top: -100%;
    cursor: pointer;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.8);
    width: 56px;
    height: 42px;
    z-index: 999999;
}

.dp-banner .dp-custom-modal.listen-audio {
    display: grid;
    place-items: center;
}

.dp-banner .dp-custom-modal.listen-audio .player-main {
    position: relative;
    width: 720px;
    border-radius: var(--base-size);
    background: #f9fbfd;
    border-radius: 16px;
    box-shadow: 0px 0px 4px 0px rgba(17, 21, 108, 0.15);
    padding: 28px 40px;
    /* Audio Player */
}

.dp-banner .dp-custom-modal.listen-audio .player-main h3 {
    color: var(--main-color);
    font-family: var(--font-noto);
    font-size: var(--sm-size);
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 10px;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .textColorClass {
    color: #000;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .backColorClass {
    background-color: var(--white-color);
}

.dp-banner .dp-custom-modal.listen-audio .player-main .sliderColorClass {
    background-color: #d9d9d9;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .progressColorClass {
    background-color: #c2294d;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container {
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container.tiny {
    font-size: 6px !important;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container.tiny .controls {
    font-family: sans-serif;
    font-size: 1.66em;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container.small {
    font-size: 8px !important;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container.medium {
    font-size: 10px !important;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container.large {
    font-size: 12px !important;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .play-pause-btn {
    display: none;
    cursor: pointer;
    color: var(--main-color);
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .custom-slider {
    flex-grow: 1;
    cursor: pointer;
    position: relative;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .custom-slider .custom-progress {
    border-radius: inherit;
    position: absolute;
    pointer-events: none;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .custom-slider .custom-progress .pin {
    height: 1.333em;
    width: 1.333em;
    border-radius: 0.667em;
    position: absolute;
    pointer-events: all;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32);
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .controls {
    font-family: sans-serif;
    font-size: 1.333em;
    line-height: 1.5em;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .controls .custom-slider {
    border-radius: 200px;
    height: 8px;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .controls .custom-slider .custom-progress {
    width: 0;
    height: 100%;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .controls .custom-slider .custom-progress .pin {
    right: -0.667em;
    top: -0.5em;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .controls span {
    cursor: default;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .volume {
    position: relative;
    margin-top: 6px;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .volume .volume-btn {
    cursor: pointer;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .volume .volume-controls {
    width: 2.5em;
    height: 11.25em;
    background-color: rgba(0, 0, 0, 0.62);
    border-radius: 0.583em;
    position: absolute;
    /* left: -0.25em; */
    z-index: 100;
    right: 0 !important;
    bottom: 4.333em;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .volume .volume-controls.hidden {
    display: none;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .custom-time {
    font-family: var(--font-noto);
    font-size: var(--sm-size);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    color: var(--main-color);
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .total-time {
    font-weight: 500;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .volume .volume-controls .custom-slider {
    margin: 1em;
    width: 0.5em;
    border-radius: 0.25em;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .volume .volume-controls .custom-slider .custom-progress {
    bottom: 0;
    height: 100%;
    width: 0.5em;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .slider-round {
    width: 0 !important;
    box-shadow: none;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-container .volume .volume-controls .custom-slider .custom-progress .pin {
    left: -0.417em;
    top: -0.667em;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .rewind-btn {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-controls {
    gap: 40px;
    margin-top: 20px;
}

.dp-banner .dp-custom-modal.listen-audio .player-main .audio-title {
    font-family: var(--font-noto);
    font-size: var(--sm-size);
    font-weight: 700;
    line-height: 20px;
}

.dp-iframe-featured-modal {
    cursor: pointer;
}

.main-progress-bar {
    background-color: #f9fbfd;
}

.main-progress-bar .radio-Selections-headings {
    gap: 15px;
}

.main-progress-bar .radio-Selections-headings .profile-line {
    width: 100%;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%238B9AD0FF' stroke-width='4' stroke-dasharray='2%2c13' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    height: 2px;
}

.main-progress-bar .main__content {
    padding: 40px 16px 100px 16px;
}

.main-progress-bar .main__content .second_heading {
    color: var(--main-color);
    font-family: var(--font-noto);
    font-size: var(--base-size);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.main-progress-bar .main__content .heading__para {
    color: var(--main-color);
    font-family: var(--font-noto);
    font-size: var(--sm-size);
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
}

.main-progress-bar .main__content .custom-input-forms {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 24px;
}

.main-progress-bar .main__content .main-field .required {
    font-size: var(--sm-size);
    color: #e43636;
}

.main-progress-bar .main__content .main-field.field-error .input-label .label-title {
    color: #e43636;
}

.main-progress-bar .main__content .main-field.field-error .input-label .error-icon {
    display: block;
}

.main-progress-bar .main__content .main-field.field-error .custom-input {
    border-color: #e43636;
    box-shadow: none;
}

.main-progress-bar .main__content .main-field .input-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-progress-bar .main__content .main-field .input-label .error-icon {
    display: none;
}

.main-progress-bar .main__content .main-field .input-label .label-title {
    color: var(--main-color);
    font-family: var(--font-noto);
    font-size: var(--sm-size);
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.main-progress-bar .main__content .main-field .custom-input {
    margin-top: 8px;
    font-family: var(--font-noto);
    font-size: var(--sm-size);
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    width: 100%;
    transition: 300ms;
    caret-color: #779dff;
    outline: none;
    border-radius: 4px;
    border: 2px solid #dadff3;
    background-color: var(--white-color);
    padding: 8px 16px;
}

.main-progress-bar .main__content .main-field .custom-input:focus {
    border-color: #5a7bf2;
    box-shadow: 0px 1px 4px 0px #5a7bf2;
}

.main-progress-bar .main__content .main-field .custom-input::-moz-placeholder {
    color: #888990;
    font-family: var(--font-noto);
    font-size: var(--sm-size);
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
}

.main-progress-bar .main__content .main-field .custom-input::placeholder {
    color: #888990;
    font-family: var(--font-noto);
    font-size: var(--sm-size);
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
}

.main-progress-bar .main__content .my-24px {
    margin: 24px 0px;
}

.main-progress-bar .main__content .mt-52px {
    margin: 52px 0px 0px;
}

.main-progress-bar .main__content .my-92-24px {
    margin: 92px 0px 24px;
}

.main-progress-bar .main__content .mt-135px {
    margin: 135px 0px 0px;
}

.main-progress-bar .main__content .explainer-learn {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 12px 16px 12px 12px;
    align-items: center;
    gap: 22px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #e4eaf6;
    gap: 22px;
}

.main-progress-bar .main__content .explainer-learn button {
    display: flex;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid var(--main-color);
    box-shadow: var(--box-shadow);
    color: var(--main-color);
    background-color: transparent;
    font-family: var(--font-noto);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.main-progress-bar .main__content .explainer-learn div {
    display: flex;
    align-items: center;
}

.main-progress-bar .main__content .explainer-learn div svg {
    width: var(--base-size);
    height: var(--base-size);
    min-width: var(--base-size);
    min-height: var(--base-size);
}

.main-progress-bar .main__content .explainer-learn div p {
    color: var(--main-color);
    font-family: var(--font-noto);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
}

.main-progress-bar .main__content .cursor-pointer {
    cursor: pointer;
}

.dp-video-transcript .script-content {
    position: relative;
    width: 720px;
    height: 90%;
    border-radius: 16px;
    background: #f9fbfd;
    padding-top: 40px;
    margin: 40px auto 40px;
    padding-bottom: 96px;
}

.dp-video-transcript .script-content .main-script-heading {
    padding: 0 8px 0 40px;
}

.dp-video-transcript .script-content .video-transcript-content {
    overflow: auto;
    padding-left: 40px;
    margin-right: 8px;
    height: 100%;
    padding-bottom: 20px;
    padding-right: 56px;
}

.dp-video-transcript .script-content .video-transcript-content::-webkit-scrollbar {
    width: 8px;
}

.dp-video-transcript .script-content .video-transcript-content::-webkit-scrollbar-track {
    background: #d9d9d9;
    border-radius: 200px;
}

.dp-video-transcript .script-content .video-transcript-content::-webkit-scrollbar-thumb {
    background: linear-gradient(92deg, #e34d71 0%, #c2294d 100%);
    border-radius: 200px;
}

.dp-video-transcript .script-content .video-transcript-content::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(92deg, #e34d71 0%, #c2294d 100%);
}

.dp-video-transcript .script-content h3 {
    color: var(--secondary-color);
    font-family: var(--font-noto);
    font-size: var(--base-size);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 16px;
    color: #1d42c5;
}

.dp-video-transcript .script-content .transcript-close-div {
    position: sticky;
    bottom: 0px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f9fbfd;
    box-shadow: 0px -4px 8px 0px rgba(17, 21, 108, 0.2);
    padding: 12px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.dp-video-transcript .script-content .transcript-close-div .transcript-close {
    display: flex;
    width: 120px;
    border-radius: 8px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: var(--secondary-color);
    background-color: #1d42c5;
    color: #fff !important;
    transition: 300ms;
    border: none;
    color: var(--white-color);
    font-family: var(--font-noto);
    font-size: var(--base-size);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

#transcript::-webkit-scrollbar-track {
    width: 8px;
    border-radius: 200px;
    background: #d9d9d9;
}

#transcript::-webkit-scrollbar {
    width: 8px;
    background-color: #f5f5f5;
    border-radius: 200px;
    margin: 10px 0;
}

#transcript::-webkit-scrollbar-thumb {
    width: 8px;
    border-radius: 200px;
    background: linear-gradient(92deg, #e34d71 0%, #c2294d 100%);
}

/*# sourceMappingURL=style.css.map */

/*----Range selct box start here----*/
.range-selectbox {
    display: none;
}

.range-selectbox select {
    width: 100%;
    padding: 10px;
    border: 1px solid #dadff3;
    border-radius: 4px;
    background: #dadff352;
    margin-bottom: 60px !important;
}

.range-selectbox select:focus-visible {
    outline: none;
}

.my_brand_color {
    color: #C2294D;
}

/*-----Media Query Start Here----*/

/*----Range selct box end here----*/
@media (max-width: 992px) {
    .range-selectbox {
        display: block;
    }

    .mobile-range-hide {
        display: none;
    }

    /* 06/05/2024 */
    .page-header .navbar-dark .custom_menu_items_style ul#user_dashboard_menu {
        right: unset;
        background: #d1dffa;
    }

}

@media (min-width: 992px) and (max-width: 992px) {

    body .page-header .navbar-dark .main_username_div,
    body .page-header .navbar-dark .custom_menu_items_style {
        width: 100% ! Important;
    }
}

@media (max-width: 767px) {
    .dp-video-transcript .script-content {
        width: 100%;
    }

    .dp-video-transcript .script-content .video-transcript-content {
        padding-right: 20px;
    }

    .dp-banner .dp-custom-modal.listen-audio .player-main {
        width: 100%;
    }

    .div#hip {
        margin-bottom: 172px;
    }

    .range-selectbox {
        display: block;
    }

    .mobile-range-hide {
        display: none;
    }

    .range-selectbox select {
        margin-bottom: 0px !important;
    }

    .dp-content {
        padding-top: 23px;
    }

    .page-main .dp-content h1 {
        font-size: 24px;
        line-height: 39px;
    }

    .page-main .video-btn {
        font-size: 18px;
        padding: 19px 30px 19px 30px !important;
    }

    .dp-ctas .custom-tooltip .tooltiptext {
        width: 341px;
        margin-left: -236px;
    }

    .dp-banner .dp-content .dp-end-btns {
        margin-top: 50px;
        padding-bottom: 56px;
    }

    .dp-end-btns .btns {
        gap: 8px;
        flex-wrap: wrap;
    }
}

.share_cst .share_popup .share_popup_third {
    justify-content: center;
    gap: 12px;
    align-items: center;
}

.share_cst .share_popup .share_popup_third a {
    line-height: normal;
}

.p_semi_bold_cc {
    font-weight: 600 !important;
}

.error-message-red-color {
    color: #d75a79 !important;
}

div#invite_popup_open label {
    color: black;
}


@media screen and (max-width: 767px) {

    .page-main .video-btn,
    .main .video-btn {
        padding: 23px 62px;
        margin-bottom: 87px;
    }
}

@media screen and (max-width: 767px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin: 0px;
        margin-top: 0px;
    }
}

@media screen and (max-width: 767px) {
    small#count-display.font-med span {
        font-size: 13px;
        width: 98px;
    }
}

@media (max-width: 767px) {
    .elementor-page-2671 .hip-screening-wrapper-contents {
        padding: 7px 0px;
    }
}

@media (max-width: 767px) {
    small#count-display.font-max span {
        font-size: 11px;
        width: 69px;
        padding-left: 0px;
    }
}

@media (max-width: 767px) {
    .hip-screening-wrapper-contents {
        width: 100%;
        /*height:600px!important;*/
    }
}

@media screen and (max-width: 767px) {
    .prev-next-btn .btn {
        background: linear-gradient(91.66deg, #E34D71 0%, #C2294D 100%);
        color: #fff;
        /* border-radius: 10px; */
        padding: 7px 40px;
    }
}

/* 26/02/2024 */

div#useractive_status {
    position: fixed;
    background: #0000004d;
    z-index: 66;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
}

div#useractive_status .share_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*28/02/2024*/
@media (max-width: 980px) {
    .custom_table table.table.table-borderless.border-0 thead {
        display: none;
    }

    /*01/05/2024*/
    .thriveguide_team_management .third_section table td:nth-of-type(1) {
        max-width: 346px;
    }

    .custom_table table.table.table-borderless.border-0 tbody tr,
    table.table.table-borderless.border-0 tbody tr td {
        display: block;
        word-break: break-all;
        font-size: 12px !important;
        line-height: normal;
    }

    .custom_table {
        padding: 0px 0px !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .custom_table table.table.table-borderless.border-0 tbody tr {
        background: #fff;
    }

    .custom_table .table-borderless tbody+tbody,
    .table-borderless td,
    .table-borderless th,
    .table-borderless thead th {
        border: 0;
        padding: 5px 16px;
        font-size: 17px !important;
    }

    .custom_table table.table.table-borderless.border-0 tr {
        margin-bottom: 20px;
        padding: 10px 0px 19px;
    }
}


/* 29/02/2024   css start*/

table.table.table-borderless a.text-decoration-underline.revoke_thrive {
    /* background-image: linear-gradient(#d33c60b0, #d33c60);
    padding: 7px 10px;
    height: fit-content;
    border-radius: 5px;
    color: #ffffff;
    
    text-decoration: none;
    cursor: pointer; */
    background-image: unset;
    padding: 7px 20px;
    height: fit-content;
    border-radius: 5px;
    color: #DC4569;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #DC4569;
    border-radius: 50px;


}

table.table.table-borderless a.text-decoration-underline.revoke_thrive {
    /* padding: 2px 10px; */
}

table.table.table-borderless a.text-decoration-underline.revoke_thrive {
    /* padding: 2px 10px; */
    display: inline-block;
    margin-top: 5px;
}

.form_popup_inner_clc.container-popup {
    max-width: 1024px;
    margin-top: 57px;
    width: 100%;
}

/* 06/03/2024   css start*/

.ttm_button {
    background-image: linear-gradient(#d33c60b0, #d33c60);
    padding: 7px 10px;
    height: fit-content;
    border-radius: 5px;
    color: #ffffff;

    text-decoration: none;
    cursor: pointer;
}

.ttm_button:hover {
    color: #ffffff;
}

table.table.table-borderless.border-0.responsive-table a.text-decoration-underline.revoke_thrive {
    padding: 7px 10px;
    display: inline-block;
    margin-top: 5px;
}

.button_grident {
    background: linear-gradient(91.66deg, #d33c60b0 0%, #d33c60 100%);
}

.w-15 {
    min-width: 160px;
}

.responsive-table tbody {
    width: 100%;
    display: table;
    margin-top: 10px;
}

@media screen and (max-width:767px) {
    .ttm_button {
        padding: 7px 10px;
        display: inline-block;
        margin-top: 5px;
    }

    .custom_table .table-borderless tbody+tbody,
    .table-borderless td,
    .table-borderless th,
    .table-borderless thead th {
        padding: 1px 16px;
    }
}


@media (max-width: 767px) {

    .stepper-item.completed {
        display: none !important;
    }

    .review~.completed,
    .review {
        display: flex !important;
    }

    .review~.completed~.completed {
        display: none !important;
    }
}


@media screen and (max-width: 767px) {
    .prev-next-btn .btn {
        background: linear-gradient(91.66deg, #E34D71 0%, #C2294D 100%);
        color: #fff;
        /* border-radius: 10px; */
        padding: 6px 32px !important;
    }
}

/******** 11/03/2024  **/
html,
body {
    height: 100%;
}

@media (max-width: 767px) {
    .stepper-item::before {
        position: absolute;
        content: "";
        border-bottom: 0px dotted #BDBDC1;
        width: 100%;
        top: 13px;
        left: -50%;
        z-index: 2;
    }
}

@media (max-width: 767px) {
    .stepper-item.completed .progress-line {
        position: absolute;
        content: "";
        /* border-bottom: 2px solid #1D42C5; */
        width: 100%;
        top: 13px;
        left: 50%;
        z-index: 3;
    }
}

@media (max-width:767px) {
    .emoji-radio .checkmark {
        height: 60px !important;
        width: 60px !important;
        border-radius: 7px;
        background-repeat: no-repeat;
        background-size: 40px;
        background-position: center;
    }
}

@media (max-width:767px) {
    .emoji-radio {
        position: relative;
        padding-left: 60px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
}

/*@media (max-width:767px){
.bsui .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 270px;
    left: -50px; 
}
} */
@media (max-width:767px) {
    .bsui .progress {
        display: flex;
        height: 1rem;
        overflow: hidden;
        line-height: 0;
        font-size: 0.55rem;
        background-color: #e9ecef;
        border-radius: 0.25rem;

    }
}

/*this one is for prv button and next button border issue  fo all button has same class
@media (max-width:767px){
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    border: none;
}
}*/
@media (max-width:767px) {
    div.card.screening-review {
        padding-bottom: 90px;
        padding-top: 54px;
    }
}

@media (max-width:767px) {
    .elementor-10893 .elementor-element.elementor-element-406f07ec>.elementor-element-populated {
        padding: 0px 0px 0px 0px !important;
    }
}

@media (max-width:767px) {

    .woocommerce-message::before,
    .woocommerce-info::before {
        color: var(--ast-global-color-0);
        display: none !important;
    }
}

@media (max-width: 767px) {

    .wc-stripe-elements-field,
    .wc-stripe-iban-element-field {
        border: 1px solid #ddd;
        margin: -5px 0;
        padding: 5px;
        background-color: #fff;
        outline: 0;
        width: 289px !important;
    }
}

@media (max-width: 767px) {

    .woocommerce table.shop_table_responsive tr td::before,
    .woocommerce-page table.shop_table_responsive tr td::before {
        content: attr(data-title) " " !important;
        font-weight: 700;
        float: left;
    }
}

@media (max-width: 767px) {

    .form.uwp-account-form div[data-argument='old_password'],
    form.uwp-account-form div[data-argument='password'],
    form.uwp-account-form div[data-argument='confirm_password'] {
        padding: 0% 0% !important;
    }
}

@media (max-width: 767px) {
    .uwp-account-form .form-group {
        padding: 0 0px !important;
    }
}

@media (max-width: 767px) {

    .review~.completed,
    .review {
        display: flex !important;
        justify-content: space-around;
    }
}

@media (max-width: 767px) {
    .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button {
        background: transparent;
        border-radius: var(--tables-button-border-radius, 3px);
        border: 2px var(--tables-buttons-border-type, solid) var(--tables-buttons-border-color, #5bc0de);
        vertical-align: middle;
        color: var(--tables-button-normal-text-color, #69727d);
        padding: var(--tables-button-padding, 5px 10px);
        margin-top: 10px;
    }
}

@media (max-width: 767px) {

    .elementor-10894 .elementor-element.elementor-element-254fc6e .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button,
    .elementor-10894 .elementor-element.elementor-element-254fc6e .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .order-again .button,
    .elementor-10894 .elementor-element.elementor-element-254fc6e .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-pagination .button,
    .elementor-10894 .elementor-element.elementor-element-254fc6e .e-my-account-tab:not(.e-my-account-tab__dashboard--custom).e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button {
        background-color: #B13D54;
        margin-top: 10px;
        margin-left: 10px;
        margin-bottom: 10px;
    }
}



@media (max-width: 767px) {
    .dp-banner .dp-content .dp-end-btns {
        /* margin-top: 50px; */
        /* padding-bottom: 56px; */
    }
}

@media (max-width: 767px) {
    .dp-banner .dp-content .dp-end-btns {
        margin-top: 90px !important;
        padding-bottom: 165px !important;
    }
}

@media screen and (max-width: 767px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin-bottom: 0px !important;
        margin-top: 0px;
    }

}

@media screen and (max-width: 428px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin-bottom: 0px !important;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .dp-content {
        padding-top: 30px !important;
    }

    .page-main {

        justify-content: start;

    }
}

@media screen and (max-width: 767px) {
    .welcome-blue-btn a.domain_btn_link {
        display: flex;
        width: 100%;
        padding: 20px;
        height: 100%;
        max-width: 339px;
        max-height: 70px;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        font-size: 13px;
        /*padding-left: 60px;
    padding-top: 15px;
    padding-right: 86px;
    margin-left: 20px;*/
    }
}

@media (max-width: 767px) {
    .dp-end-btns .btns button {
        /*display: flex;*/
        width: 240px;
        padding: 12px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 8px;
        border: 1px solid #fff;
        box-shadow: 5px 0px 8px 0px rgba(37, 40, 103, 0.2);
        background-color: transparent;
        display: none !important;
    }
}

@media (max-width:767px) {
    .dp-end-btns h3 {
        color: #fff;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 16px;
        display: none;
    }
}

@media (max-width:767px) {
    .dp-ctas .custom-tooltip {
        position: relative;
        display: none;
    }
}

@media (max-width:767px) {
    .blockUI blockOverlay {
        z-index: 1000;
        border: none;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background: rgb(247, 247, 255);
        opacity: 1;
        cursor: default;
        position: absolute;
    }
}


/* 320px  max width for iphone se */

@media (max-width: 320px) {

    .elementor-10893 .elementor-element.elementor-element-4d83918 .e-woocommerce-login-section,
    .elementor-10893 .elementor-element.elementor-element-4d83918 .woocommerce-checkout #customer_details .col-1,
    .elementor-10893 .elementor-element.elementor-element-4d83918 .woocommerce-additional-fields,
    .elementor-10893 .elementor-element.elementor-element-4d83918 .e-checkout__order_review,
    .elementor-10893 .elementor-element.elementor-element-4d83918 .e-coupon-box,
    .elementor-10893 .elementor-element.elementor-element-4d83918 .woocommerce-checkout #payment {
        border-width: 1px 1px 1px 1px;
        width: 64% !important;
    }
}

@media (max-width: 320px) {
    .select2-container .select2-selection {
        background-color: #fff;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        width: 80% !important;
    }
}


@media (max-width: 320px) {

    .wc-stripe-elements-field,
    .wc-stripe-iban-element-field {
        border: 1px solid #ddd;
        margin: -5px 0;
        padding: 5px;
        background-color: #fff;
        outline: 0;
        width: 235px !important;
    }
}


/*-----login ------SE max width 320px----*/

@media (max-width: 320px) {
    .btn-link {
        font-weight: 300;
        color: #007bff;
        text-decoration: none;
        font-size: 10px;
    }

    .family-profile label {
        font-family: NotoSans-SemiBold;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 24px;
        color: #0B0C1A;
        text-align: left;
    }

    .forms .terms-policy {
        width: 90%;
        padding-left: 10px;
    }

    .reglog .leftblock {
        padding: 0;
        background-image: url(../images/child_background.png);
        background-repeat: no-repeat;
        background-size: cover;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        /* max-height: 950px !important; */
        width: 100%;
        /* min-height: 1020px !important; */
    }
}

@media (max-width: 320px) {
    .multiple-type-radio tbody {
        display: block;
        height: 50px;
        overflow: auto;
        height: calc(160vh - 360px) !important;
    }
}

/*----- 20 march custom coder css  start here ----*/
.thrive-guide-team_main {
    margin: 0px !important;
    background-color: #d2e0fa;
    min-height: 100vh;
}

.thrive-guide-team_main article {
    padding: 0px !important;
}

.thrive-guide-team_main div#hip {
    margin: 0px;
    padding: 0px;
    max-width: 100%;
}

.main_header_banner .innerbox-main {
    background-color: #D2E0FA;
    border-radius: 0px;
    width: 100%;
    padding: 60px 0px;
    box-shadow: none;
}

.main_data_section.grey_hip_bg {
    background-color: #F9F9F9;
    padding: 44px 0;
    margin-bottom: 40px;
}

.main_data_section.grey_hip_bg .innerbox-main {
    background: transparent;
    box-shadow: none;
    border-radius: 0px;
    padding: 0px !important;
}

.main_data_section.grey_hip_bg .innerbox-main .account-resources-bg {
    background-color: transparent;
    padding: 0px 30px;
    border-radius: 0px;
}

.main_data_section.grey_hip_bg .innerbox-main .account-resources-bg .title-resoures {
    margin-bottom: 23px;
    color: #000;
    text-transform: initial;
}

.main_data_section.grey_hip_bg .card {
    border: 0.5px solid #DBDBDB !important;
    box-shadow: none !important;
    border-radius: 8px !important;
    background-color: #fff;
    margin-bottom: 0px !important;
    margin-top: 15px !important;
}

.main_data_section.grey_hip_bg .card .card-header {
    padding: 8px;
}

.main_data_section.grey_hip_bg .card .card-header button.btn.btn-link {
    padding: 6px;
}

.main_data_section.grey_hip_bg .card .card-header button.show-hide-btn {
    color: #DC4569 !important;
    background-color: transparent !important;
    text-transform: uppercase;
}

.grid-card {
    text-align: center;
    max-width: 308px;
    display: inline-block;
    padding: 7px 15px;
}

.thrive-row-slick {
    margin: 0 -10px;
}

.grid-card h3 {
    font-size: 18px;
    line-height: 30px;
    margin-top: 16px;
    font-weight: 700;
}

a.watch_now {
    border: 1px solid #DC4569;
    color: #DC4569;
    background-color: #fff;
    padding: 6px 10px;
    display: inline-block;
    border-radius: 99px;
    min-width: 136px;
    text-decoration: none;
}

.grid-card img {
    height: 207px;
    width: 100%;
    object-fit: cover;
}

.trive-resures .slick-track {
    margin: 0px;
}

.space-large {
    height: 3rem;
}

.main_data_section.grey_hip_bg .innerbox-main .account-resources-bg {
    padding: 0px;
}


/* management css */
.else_div {
    text-align: center;
    padding-bottom: 50px;
}

.thriveguide_team_management .ttm_button,
.thriveguide_team_management table.table.table-borderless a.text-decoration-underline.revoke_thrive {
    font-weight: 600;
}

.thriveguide_team_management_main {
    background: #D2E0FA;
    margin: 0 !important;
}

.thriveguide_team_management a#invite_popup {
    background: #DC4569;
    border-radius: 50px !important;
    max-width: 130.64px;
    width: 100%;
    text-align: center;
    display: block;
}

.second_section_p_icon-main .third_section_a,
.second_section_p_icon-main .third_section_a a {
    padding-bottom: 0px !important;
}

.second_section_p_text-item .second_section_a,
.second_section_p_text-item p {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.second_section_p_icon-main {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 14px;
    align-items: center;
}

.custom-layout-part {
    background: #F9F9F9;
    padding: 80px 40px;
    border-radius: 10px;
}

.thriveguide_team_management .custom-layout-part .second_section,
.thriveguide_team_management .custom-layout-part .third_section {
    background: #EBF2FA;
    padding: 32px !important;
    border-radius: 10px;
}

.custom-layout-part .box-shadow-custom {
    box-shadow: none;
    border-radius: 0px;
}

.custom-layout-part .third_section table.table.table-borderless.border-0 {
    text-align: unset !important;
}

.thriveguide_team_management .custom-layout-part tbody {
    background: #fff;
}

.custom-layout-part .third_section tbody tr {
    border-bottom: 1px solid #B8B7B7;
}

.custom-layout-part .third_section table.table.table-borderless.border-0 {
    /*    border: 0.25px solid #B8B7B7 !important;*/
    border-radius: 10px !important;
    background: #f5f9fd;
}

.custom-layout-part .bg-white.box-shadow-custom.custom_table {
    border-radius: 15px;
    border: 0.25px solid #B8B7B7 !important;
    border-radius: 10px !important;
}

.custom-layout-part thead,
.custom-layout-part thead th:first-child,
.custom-layout-part thead th:last-child {
    border-radius: 0px 0px 0px 0px;
}

.custom-layout-part .third_section table tr {
    text-align: left;
}

.custom-layout-part .third_section table tbody tr th {
    text-align: left;
    font-weight: 400;
}

.custom-layout-part .third_section table tr td:last-child,
.custom-layout-part .third_section table tr th:last-child {
    text-align: center;
}

.custom-layout-part thead th:first-child,
.custom-layout-part table tbody tr th {
    max-width: 450px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    margin-left: 72px;
}

.custom-layout-part thead {
    display: table-header-group;
    background: transparent;
}

.custom-layout-part .third_section table tbody tr th span.team_member_name {
    font-weight: 600;
}

.custom-layout-part .third_section {
    margin-top: 26px;
}

/*.thriveguide_team_management .custom_pending_part {
    background: #EBF2FA;
    padding: 32px;
    border-radius: 10px;
}*/

.thriveguide_team_management .third_section .table td,
.thriveguide_team_management .third_section .table th {
    vertical-align: middle;
}

/* added on 05/06/2024 */
.thriveguide_team_management .third_section third_section_a a {
    padding-bottom: 0px !important;
}

/* removed on 5/6/2024 */
/* .thriveguide_team_management .third_section table td:nth-of-type(1) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
} */
.thriveguide_team_management .second_section {
    padding: 32px 32px 32px 32px;
}

.thriveguide_team_management .second_section_p {
    align-items: center;
}

.thriveguide_team_management .main_popup_clc .popup {
    background: transparent;
    padding: 0px;
}

img.icon_mobile_device {
    display: none;
}

@media (max-width: 980px) {

    .custom-layout-part .third_section table tr td:last-child,
    .custom-layout-part .third_section table tr th:last-child {
        text-align: left;
        margin-top: 14px;
    }

    .custom-layout-part thead th:first-child,
    .custom-layout-part table tbody tr th {
        max-width: 100%;
        margin: 0 auto;
        margin-left: 0;
    }

    .custom_table table.table.table-borderless.border-0 tr {
        margin-bottom: 20px;
        padding: 10px 0px 19px;
    }

    .custom-layout-part .third_section tbody tr {
        border: 0.5px solid #B8B7B7;
    }

    .thriveguide_team_management_main div#hip {
        max-width: 100%;
    }

    .custom-layout-part .third_section table.table.table-borderless.border-0 tbody tr td,
    .custom-layout-part .third_section table tbody tr th span.team_member_email {
        font-size: 18px !important;
        font-family: Noto Sans;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
    }

    .custom-layout-part .bg-white.box-shadow-custom.custom_table {
        border: none !important;
    }
}

@media(max-width:767px) {
    .thriveguide_team_management .custom-layout-part {
        padding: 0px;
    }

    .thriveguide_team_management .main_popup_clc .popup {
        overflow-x: unset;
        height: auto !important;
    }

    .thriveguide_team_management .main_popup_clc .popup {
        width: 100%;
    }

    .thriveguide_team_management a#invite_popup {
        margin: 0 auto;
        margin-top: 26px;
    }

    .thriveguide_team_management .container,
    .thriveguide_team_management .container-sm {
        max-width: 100%;
    }

    .second_section_p_icon-item {
        text-align: center;
    }

    .second_section_p_icon-main {
        grid-template-columns: 1fr !important;
    }

    img.icon_desktop_device {
        display: none;
    }

    img.icon_mobile_device {
        display: block;
        margin: 0 auto;
    }

    footer#colophon {
        background: #D2E0FA;
        padding-bottom: 34px;
    }

    .main_header_banner .innerbox-main {
        padding: 20px 0;
        background-color: #F9F9F9;
        margin-bottom: -1px;
    }

    .thrive-guide-team_main {
        padding: 0 !important;
    }

    .main_header_banner.bg-light-hip h2 {
        max-width: 100% !important;
        font-size: 22px;
    }

    .main_data_section.grey_hip_bg .card .card-header button.show-hide-btn {
        position: absolute;
        right: 3px;
        font-size: 0px;
        width: 50px;
        height: 23px;
        background-image: url("/wp-content/uploads/2024/03/down-arrow.png") !important;
        background-repeat: no-repeat !IMPORTANT;
        background-position: 25px center !IMPORTANT;
        padding: 0px !important;
        top: 12px;
    }

    .main_data_section.grey_hip_bg .card .card-header button.btn.btn-link {
        flex-direction: initial;
    }

    .space-large {
        height: 0rem;
    }

    .main_data_section.grey_hip_bg {
        padding-top: 0px;
    }

    .grid-card {

        max-width: 100%;

    }

    .main_data_section.grey_hip_bg button.slick-prev.slick-arrow {
        left: 40% !important;
    }

    .main_data_section.grey_hip_bg button.slick-next.slick-arrow {
        right: 40%;
    }

    .main_data_section.grey_hip_bg button.slick-arrow {
        top: 94% !important;
        background-image: url("/wp-content/uploads/2024/03/slide-arrow.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-color: transparent !important;
    }

    div#team-share {
        padding-bottom: 45px;
    }

    .main_data_section.grey_hip_bg button.slick-prev.slick-arrow {
        transform: rotate(180deg);
        top: 91.5% !IMPORTANT;
    }

    .main_data_section.grey_hip_bg button.slick-arrow::before {
        opacity: 0;
    }

    .main_header_banner.bg-light-hip h2 {
        font-size: 24px !important;
        line-height: 31px !important;
    }

}

@media (max-width: 320px) {

    .woocommerce .select2-container .select2-selection--single,
    .woocommerce select,
    .woocommerce-page .select2-container .select2-selection--single,
    .woocommerce-page select {
        padding: .8em;
        line-height: normal;
        padding-right: 2em;
        appearance: none;
        background-position: 98% 50%;
        background-color: #fff;
        border-color: var(--ast-border-color);
        border-radius: 3px;
        box-shadow: none;
        width: 262px !important;
    }
}

/*@media(max-width:767px){
.stepper-item.completed .progress-line {border: none !important;}
.stepper-item.review .progress-line {border: none !important;}
.review ~ .completed::after {opacity: 0;}

} */
@media (max-width:767px) {

    .elementor-10893 .elementor-element.elementor-element-4d83918 .e-woocommerce-login-section,
    .elementor-10893 .elementor-element.elementor-element-4d83918 .woocommerce-checkout #customer_details .col-1,
    .elementor-10893 .elementor-element.elementor-element-4d83918 .woocommerce-additional-fields,
    .elementor-10893 .elementor-element.elementor-element-4d83918 .e-checkout__order_review,
    .elementor-10893 .elementor-element.elementor-element-4d83918 .e-coupon-box,
    .elementor-10893 .elementor-element.elementor-element-4d83918 .woocommerce-checkout #payment {
        border-width: 1px 1px 1px 1px;
        width: 77% !important;
    }
}


@media (max-width: 767px) {
    .elementor-10893 .elementor-element.elementor-element-26babc42 {
        margin-top: 0px !important;
        margin-bottom: 0px;
        padding: 10px 10px 10px 10px !important;
    }
}

@media (max-width: 428px) {
    .elementor-widget-woocommerce-checkout-page .e-checkout__container {
        grid-template-columns: repeat(1, 1fr);
        /* place-items: center; */
        padding-left: 17px;
    }
}

@media (max-width: 428px) {
    .elementor-10893 .elementor-element.elementor-element-6ce2813>.elementor-widget-container {
        margin: 0px -25px 0px 6px !important;
        /* align-items: center; */
        /* text-align: center; */
    }
}

@media (max-width: 767px) {
    .elementor-widget-woocommerce-purchase-summary .woocommerce .woocommerce-order-details h2 {
        text-align: var(--order-summary-alignment, inherit);
        margin-bottom: 20px !important;
    }
}

@media (max-width: 767px) {

    .elementor-11121 .elementor-element.elementor-element-4c3d4be .shop_table,
    .elementor-11121 .elementor-element.elementor-element-4c3d4be address {
        border-width: 1px 1px 1px 1px !important;
        /* padding-top: 5px; */
        margin-bottom: 24px !important;
    }
}

@media (max-width: 390px) {
    .elementor-widget-woocommerce-purchase-summary .woocommerce .woocommerce-order-details h2 {
        text-align: var(--order-summary-alignment, inherit);
        margin-bottom: 20px;
    }
}

@media (max-width: 390px) {

    .elementor-11121 .elementor-element.elementor-element-4c3d4be .shop_table,
    .elementor-11121 .elementor-element.elementor-element-4c3d4be address {
        border-width: 0px 1px 1px 1px;
        /* padding-top: 5px; */
        margin-bottom: 24px !important;
    }
}

@media (max-width: 428px) {
    .elementor-widget-woocommerce-purchase-summary .woocommerce .woocommerce-order-details h2 {
        text-align: var(--order-summary-alignment, inherit);
        margin-bottom: 20px !important;
    }
}

@media (max-width: 428px) {

    .elementor-11121 .elementor-element.elementor-element-4c3d4be .shop_table,
    .elementor-11121 .elementor-element.elementor-element-4c3d4be address {
        border-width: 0px 1px 1px 1px;
        /* padding-top: 5px; */
        margin-bottom: 24px !important;
    }
}

@media screen and (max-width: 390px) {
    .welcome-blue-btn a.domain_btn_link {
        display: flex;
        width: 100%;
        /* padding: 20px; */
        height: 100%;
        max-width: 339px;
        max-height: 70px;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        font-size: 13px;
    }
}

@media screen and (max-width: 428px) {
    .welcome-blue-btn a.domain_btn_link {
        display: flex;
        width: 100%;
        /* padding: 20px; */
        height: 100%;
        max-width: 339px;
        max-height: 70px;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        font-size: 13px;
        padding-left: 10px !important;
        padding-top: 20px !important;
        padding-right: 38px !important;
        margin-left: 20px !important;
    }
}

@media screen and (max-width: 767px) {
    a.btn-link.forgot-link.error-padding {
        bottom: 17% !important;
    }
}


@media screen and (max-width: 428px) {
    a.btn-link.forgot-link.error-padding {
        bottom: 17% !important;
    }
}


@media screen and (max-width: 390px) {
    a.btn-link.forgot-link.error-padding {
        bottom: 17% !important;
    }
}


/* /*----Dashboard ----css for mobile--- */

@media (max-width: 767px) {
    .end-to-end-align {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .h6,
    h6 {
        font-size: .80rem;
    }
}



/*======= genrate Thriveguide button ======*/

.start p.position-absolute.arr {
    position: static !important;
    margin: 0px !important;
}

.start a {
    position: static !important;
}

.start a br {
    display: none;
}

.start {
    width: 350px;
    height: 78px;
    display: flex;
    align-items: center;
    padding: 1px 20px;
    gap: 15px;
    font-size: 14px;
    border-radius: 8px;
    background: linear-gradient(92deg, #170E7E 0%, #491FEF 100%) !important;
    box-shadow: 0px 0px 8px 0px rgba(37, 40, 103, 0.20) !important;
    bottom: 27px;
    right: 27px;
    justify-content: center;
}

@media(max-width:767px) {
    .start {
        width: 90%;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    .page-main .start a {
        font-size: 20px !important;
    }

    html body .dp-banner .dp-content .dp-end-btns {
        margin-top: 0px !important;
        padding-bottom: 20px !important;
    }

    .dp-banner {
        min-height: 90vh;
    }

    .domain-welcome-main {
        position: static !important;
        padding-top: 25px !important;
    }
}

@media (max-width: 390px) {
    .dp-banner {
        min-height: 76vh !important;
    }
}

@media (max-width: 428px) {
    .dp-banner {
        min-height: 79vh !important;
    }
}



/*======= genrate Thriveguide button======*/
/*@media(max-width:767px){
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
    flex-direction: column;
}
} */

@media(max-width:767px) {
    .table tbody .resource-data-row {
        background-color: #edf2f9;
        border: 1px solid #d4dff8;
        border-radius: 11px;
        margin-bottom: 1.2rem;
        -webkit-box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.55);
        -moz-box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.55);
        box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.55);
    }
}

@media(max-width:767px) {
    .table.dataTable>tbody>tr {
        background-color: transparent;
        display: flex !important;
        flex-direction: column;
    }

    .stepper-item.inprogress .progress-line {
        right: 0;
        margin: 0 auto;
    }
}

@media(max-width:767px) {
    #modal_add_to_library .modal-dialog {
        width: 96%;
    }
}

@media(max-width:767px) {
    html body .stepper-item.review .progress-line {
        border: 1px solid #1D42C5 !important;
    }
}

.subscription_mobile a.nav-link.menu-link:before {
    content: "\f2da";
    font-family: bootstrap-icons !important;
    margin-right: 10px;
    position: relative;
    top: 2px;
}




@media screen and (max-width: 767px) {

    body.hip-ui-domain-welcome .heading h1,
    body.hip-ui-domain-welcome .heading h1 p {
        font-size: 16px !important;
        line-height: 24px !important;
        width: 96%;
    }
}


@media screen and (max-width: 767px) {
    .heading {
        max-width: 500px;
        width: 100%;
        margin-top: -35px !important;
    }

    .welcome-bg {
        background-size: cover;
        background-position: center center;
        height: 98vh;
    }

    div#screening-footer {
        overflow: inherit !important;
    }

}

@media (max-width:428px) {
    .domain-welcome-main {
        padding-top: 90px;
    }
}

@media only screen and (max-width: 428px) {
    .img {
        width: 100%;
        /* Set width to 100% for smaller screens */
        height: auto;
        /* Allow height to adjust proportionally */
        max-width: 428px;
        /* Limit maximum width to maintain aspect ratio */
        max-height: 926px;
        /* Limit maximum height to maintain aspect ratio */
    }
}

/*==== 3 aprill --*/
@media(max-width:767px) {
    .inprogress~.inprogress~.pending {
        display: none !important;
    }

    .inprogress~.inprogress .progress-line {
        display: none;
    }

}

/*==== 4 aprill--*/
@media(max-width:767px) {
    .custom-layout-part {
        background: transparent !important;
    }

    .thriveguide_team_management_main {
        background-color: #d1dffa;
    }

    .second_section .btn-ivite-cl {
        text-align: center;
    }

    .third_section div#hip_re_share {
        text-align: center;
    }

    .top_d-flex_wrpper div#status_change_msg {
        position: absolute;
        bottom: -7px;
        right: 0px;
        left: 0;
        text-align: center;
    }

}

@media(max-width:767px) {
    a#see_recommendation_list {
        font-size: 19px !important;
        margin: 0px !important;
    }

    .start.text-white.text-center {
        position: static;
    }

    .resource_libraray_new {
        background-color: #d1dffa;
    }

    /* 8/4/2024 */
    .thriveguide_team_management .custom-layout-part tbody {
        background: #ebf2fa;
    }

}


/*  ---------- Custom Coder 10-04-24 ----------- */

@media screen and (max-width:767px) {
    #buyactive_status {
        background: #000000b8 !important;
    }

    ul#menu-subscriber .open_toggle span#my_account_toggle {
        transform: rotate(180deg);
    }

    ul#menu-subscriber .open_toggle span#my_account_toggle.highlight {
        transform: rotate(0deg) !important;
    }

    ul#menu-subscriber li#hide_provide_feedback {
        border-bottom: none !important;
    }

    .ThriveGuide-Section .share_by_defalut {
        font-size: 14px !important;
        padding: 0px 6px !important;
    }

    .custom_table table.table.table-borderless.border-0 tr {
        margin-bottom: 23px !important;
    }

    .custom_table table.table.table-borderless.border-0 tr:last-child {
        margin-bottom: 0px !important;
    }
}


main_username_div ul#user_dashboard_menu {
    display: none;
}

.main_username_div #Select_User {
    cursor: pointer;
}

.highlight_icon svg {
    transform: rotate(180deg);
}

.highlight_sss svg {
    transform: rotate(180deg);
}

.page-header .navbar-dark .custom_menu_items_style svg {
    transform: rotate(180deg);
}

.page-header .navbar-dark .custom_menu_items_style .highlight_icon svg {
    transform: rotate(0deg);
}

span#my_account_toggle_desktop svg {
    transition: 0.3s all;
}

span#my_account_toggle_desktop svg {
    width: 11px !important;
    margin-left: 6px;
}

/* 17/4-2024 */
td.main_access .ttm_button {
    background: #fff;
    padding: 7px 20px;
    color: #DC4569;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #DC4569;
    border-radius: 50px;
}

/*==== 18 aprill 2024 ===*/

.forms .text-right.forgot-link-div a.btn-link.forgot-link {
    bottom: 95px !important;
}

/* popup css start 30/04/2024 */
.raduis_bg_Model .second_section_p {
    gap: 40px;
}

.raduis_bg_Model .btn-ivite-cl {
    width: 100%;
    max-width: 130px;
}

.raduis_bg_Model .second_section_p .btn-ivite-cl a#invite_popup {
    padding: 7px 27px;
    display: block;
    line-height: 19px;
}

/* 05/06/2024 */
.second_section_p_text-item .third_section_p .p_semi_bold_cc,
.second_section_p_icon-main .second_section_a .p_semi_bold_cc {
    font-weight: 400 !important;
}

.upgrade-box {
    border: 1px solid #170E7E;
    border-radius: 8px;
    padding: 20px;
    background-color: white;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.upgrade-box svg {
    width: 32px;
    height: 32px;
    margin-bottom: 16px;
}

.upgrade-box svg path {
    fill: #170E7E;
}

.upgrade-box h2 {
    color: #170E7E;
    font-size: 16px;
    font-weight: 700;
    line-height: 50px;

}

.upgrade-box p {
    color: #0B0C1A;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.upgrade-button {
    display: inline-block;
    color: #ffffff;
    width: 156px;
    padding: 8px 15px !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700px;
    text-align: center;
    border-radius: 5px !important;
    text-decoration: none;
    background-image: linear-gradient(90deg, rgba(207, 85, 112, 1) 0%, rgba(181, 57, 81, 1) 80%) !important;
    cursor: pointer !important;
}

.upgrade-button:hover {
    font-weight: 900;
    color: #eee;
    background-color: #be123c;
}

@media screen and (max-width: 991px) {
    .page-header .navbar-dark .navbar-nav li.desktop a {
        background: transparent;
    }

    body .page-header .navbar-dark .main_username_div,
    body .page-header .navbar-dark .custom_menu_items_style {
        width: auto ! Important;
    }


}

@media screen and (max-width: 980px) {
    .share_by_defalut {
        width: 100%;
        max-width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .raduis_bg_Model .btn-ivite-cl {
        max-width: 106px;
        margin: 0 auto;
    }

    .raduis_bg_Model .second_section_p .btn-ivite-cl a#invite_popup {
        width: 100%;
        max-width: 100%;
    }

    /* 06/05/2024 */
    .page-header .navbar-dark .custom_menu_items_style ul#user_dashboard_menu {
        right: unset;
        background: #d1dffa;
        max-width: 200px;
    }

    .second_section_p_icon-main .second_section_a a,
    .second_section_p_icon-main .third_section_a a {
        font-family: Noto Sans;
        font-size: 20px;
        font-weight: 600;
        line-height: 30.69px;
        text-align: left;
        margin-bottom: 0px;
        color: #000000;
    }

}

/*---- Ipad css -----*/

@media(min-width:768px) and (max-width:1100px) {
    .main-contain {
        min-height: 65vh;
    }

    .hip-screening-wrapper-contents.main-contain.d-flex.align-items-center {
        justify-content: start !important;
        padding-top: 6vh;
    }

    span.select2-dropdown.select2-dropdown--below {
        z-index: 999999999 !important;
    }

    .tooltip-top {
        left: unset;
        right: 0 !important;
    }

}

@media(max-width:767px) {
    .inprogress~.inprogress~.inprogress {
        display: none !important;
    }
}

/***** conection popup css ***/
#userActivate {
    display: block !important;
}

span.elementor-post-info__terms-list-item {
    background: #DADFF3;
    border-radius: 30px;
    padding: 10px 30px;
    font-family: Noto Sans;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}


/* ----------------**/