body {
    user-select: none;
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: #F9F4F4 !important;
}

#logoshadow {
    box-shadow: 0px 0px 28px 0px #E8DDDD;
    border-radius: 18px;
}

.bannerSec {
    padding: 20px;
    background-color: #F9F4F4;

}

#bg2 {
    padding: 20px;
    background-color: #F9F4F4;
    border-radius: 15px;
}

#shadow2 {
    box-shadow: 0px 0px 28px 0px #E8DDDD;
    border-radius: 100%;
}

.heading1 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 65px;
    text-align: center;
    color: #343434;

}

.heading2 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    color: #FF6B6B;

}

.heading3 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    color: #343434;
}

.heading4 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    text-align: left;
    color: #343434;
}

#questionh1 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    color: #343434;

}

#para1 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #343434;
}

#para2 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #343434;
}



.testbuttonarea {
    background: #FFFFFF;
    box-shadow: 0px 0px 28px #E8DDDD;
    border-radius: 18px;
}

.modalStartBtn,
.redBtn {
    background: #FF6B6B;
    border-radius: 10px;

    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 34px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
}

.redBtn:hover {
    background: #fff;
    color: black;
    border: 1px solid #FF6B6B;

}

.buttonred {
    background: #FF6B6B;
    border-radius: 10px;

    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 34px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
}

.buttonred:hover {
    background: #FFFFFF;
    color: #FF6B6B;
    box-shadow: 0px 0px 4px 0px black;

}


.yesNoBtnLabel:hover {
    background: #FF6B6B !important;
    color: #FFFFFF !important;

}


.features2 {
    background: #FFFFFF;
    border-bottom: 3px solid #FF6B6B;
    box-shadow: 0px 0px 28px #E8DDDD;
    border-radius: 18px;
    margin: 15px 0px;

}

#faqbg {
    background: #FFFFFF;
    border-bottom: 3px solid #FF6B6B;
    box-shadow: 0px 0px 28px #E8DDDD;
    border-radius: 18px;

}

.card {
    --bs-card-border-color: none !important;
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #343434;
}


/* Model  */

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

.modaltitle {
    font-family: 'Noto Sans' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 25px !important;
    text-align: center !important;
    color: #343434 !important;
}

.dropdown-btn {
    background: #F9F4F4 !important;
    border-radius: 10px !important;
    border: none !important;

    padding: 10px;

    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #343434;
    text-align: start;

}

/* Progress bar  */
.progress-bar {
    background-color: #FF6B6B;
}

.progress {
    --bs-progress-bg: #e3dede;
}



.btn-outline-success {
    --bs-btn-color: #FF6B6B;
    --bs-btn-border-color: #FF6B6B;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FF6B6B;
    --bs-btn-hover-border-color: #FF6B6B;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #FF6B6B;
    --bs-btn-active-border-color: #FF6B6B;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FF6B6B;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FF6B6B;
    --bs-gradient: none;
}

.btn-outline-danger {
    --bs-btn-color: #FF6B6B;
    --bs-btn-border-color: #FF6B6B;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FF6B6B;
    --bs-btn-hover-border-color: #FF6B6B;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #FF6B6B;
    --bs-btn-active-border-color: #FF6B6B;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FF6B6B;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FF6B6B;
    --bs-gradient: none;
}

.btn {
    font-weight: 700 !important;
    font-size: 18px;
    line-height: 22px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;

}

#result-percent {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 75px;
    line-height: 136px;
    text-align: center;
    color: #FF6B6B;

}


.btn:active {
    border: unset !important;
}

.feedInput {
    background: #F9F4F4;
    border: unset;
    outline: unset;
    border-radius: 10px;
}

.feedInput::placeholder {
    color: #343434 !important;
}

@media only screen and (max-width: 375px) {
    .mainLogo {
        width: 200px !important;
        box-shadow: unset !important;
    }
}

@media only screen and (max-width: 768px) {
    #outQuest {
        font-size: 25px !important;
    }
}