#loc_wrapper {
    max-width: 920px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    margin: 0 auto;
}

#loc_headerBanner {
    text-align: left;
    background-color: #0085d5;
    padding: 20px 20px ;
    background-image: url(https://www.agilent.com/cs/promotions/images/20190403-compliance-risk-guide-right-banner-en-global.png);
    background-repeat: repeat-y;
    background-position: 100% 0%;
    margin-bottom: 0px;
}
#loc_headerBanner #header {
    font-size: 30px;
    font-weight: 300;
    color: #FFFFFF;
    display: inline-block;
    margin-left: 25px;
}
#campaign-page {
    font-family: 'Roboto', Arial, sans-serif, Helvetica !important;
    font-size: 15px !important;
    line-height: 24px !important;
    color: #53565a !important;
    text-transform: none !important;
    text-decoration: none !important;
    width: 920px !important;
    margin: 0 auto;
}
.wrapperLogo {
    display: flex;
    justify-content: end;
    align-items: end;
    padding: 20px 025px;
}
.crossLabImg {
    height: 132px;
    height: 60px;

}
.tabNameDiv{
    display: flex;
}

/* .contentDiv,.homeContent{
    padding:20px ;
} */
.descPara {
    font-size: 16px;
    line-height: 19px;
}
.GxpBox{
   width: 47%;
}
.GxpHeaderTab{
    display: flex;
    justify-content: space-between;
    background-color: #003A63;


}
.insidetext {
    padding: 10px;
    line-height: 1.5;
    margin: 0;
    padding: 6% 2% 11px 2%;
    font-size: 15px;
}


.BoxIcons{
    height: 50px;
    width: 50px;
    padding: 10px;
}
.tabName{
    display: grid;
    justify-content: center;
    align-items: center;

    font-size: 25px;
}
.BoxPanel {
    display: flex;
    justify-content: center;
    padding: 20px;
    background-color: #F0F0F0;
    gap: 2%;
}

.GxpBox {
    flex: 1;
    margin: 10px;

    display: flex;
    flex-direction: column;
    background-color: white;
}

.GxpHeaderTab {
}

.GxpDescPara {
    flex: 1;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.BoxCta {
    padding:  3%;
}


.BoxIcons {
    height: 55px;
    width: 55px;
}

.tabName {
    display: grid;
    justify-content: center;
    align-items: center;

    font-size: 20px;
}

.descPara {
}

.learnMore {
    background-color: #0085d5;
    border-radius: 3px;
    border: 0;
    color: #fff;
    font-size: 16px;
    padding: 12px 24px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.dbtnDcev{
    display: flex;
    justify-content: center;
}
.learnMore:hover ,.sendMail:hover,.submitBtn:hover,.resetBtn:hover{
    background-color: #003A63;
}
#question-container {
    display: none;
}
.tabName {
    position: relative;
    padding: 10px;
    cursor: pointer;
  display: flex;
    border: 2px solid #0185D5;
}

.tabName.active {
    background-color: #0185D5;
    color: white;
}

.tabName::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #0185D5;
    display: none;
}

.tabName.active::after {
    display: block;
}
.questionPara{
    display: flex;
    justify-content: space-between;
}
.questionDesc {
    font-size: 13px;
}
.captionQUestion{
    cursor: pointer;
}
.captionDiv {
    font-size: 13px;
}
.captionDiv input{
    cursor: pointer;
    margin: 3px 3px 0 5px;
}
.catagoryA,.catagoryB{
    display: none;
}
p.boldParadText,.boldParadText {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
p.gxpDescPara {
    font-size: 16px;
    line-height: 20px;
    color: #000;
}
.ackDiv {
    display: flex;
    margin-top: 1.5%;
}
.inputSelected{
    margin-left: 30px;
}
.btnSection{
    display: flex;
    margin-top: 1.5%;
}
.tabName2 {
    display: flex;
    justify-content: center;
    align-items: center;
    /* text-align: center; */
}
.btnCall{
    border: 0;
    border-radius: 3px;
    background-color: #0185D5;
    font-size: 16px;
    padding: 12px 24px;
    color: #fff;
    cursor: pointer;
}
.resetBtn{
    margin-left: 3%;
}
.backIcons{
    cursor: pointer;
}
.resultDiv{
    display: flex;
    justify-content: center;
    align-items: center;

    text-align: center;
}
.titleDEsc{
    font-size: 16px;
    color: #000;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
}
#question_error{
    display: none;
    font-size: 13px;
    color: red;
}
.catagoryItem{
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    color: #000;
    margin-bottom: 0;
}
.resultInfo{
    margin-left: 1%;
}
.DescParaPod{
    font-size: 14px;
}
.innerFooter{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ResultManager{
    display: flex;
    justify-content: space-between;
}
.defualtDesc {
    margin-left: 5%;
}
.descfoo {
    color: #000;
    font-size: 14px;
    line-height: 18px;
}
.resultPlaceHolder {
    color: #000;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}
.defaultDesc {
    margin-left: 4%;
}
.backIcons{
    background-image: url(https://www.agilent.com/cs/promotions/images/20240415-compliance-risk-mgnt-tool-Back-arrow_active.png);
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
}
.backIcons:hover{
    background-image: url(https://www.agilent.com/cs/promotions/images/20240415-compliance-risk-mgnt-tool-Back-arrow_hover.png);

}
.catagoryNme{
    margin-left: 2%;
}
.catagoryNme {
    margin-left: 2%;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}
.togleNavigation {
    display: flex;
    align-items: center;
}
span.TitleCatagory {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}
.nabbander {
   text-align: start;
    display: flex;
    justify-content: end;
}
.lefprt {
    display: flex;
}
.btnSectionZ{
    margin: 2% 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.labelScoreBtn {
    color: #fff;
    padding: 10px 0 10px 10px;
    text-align: center;
}
.resultDiv{
    padding: 10px;
    border: 3px solid rgb(237, 239, 240);
    shape-outside:rgb(237, 239, 240) ;
    margin: 3% 0;
    text-align: center;
}
div#header {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    margin: 23px 0 17px 0;
}
.megaHeade{
    font-size: 18px;
    font-weight: 300;

}
.inputSelected input{
    cursor: pointer;
}
.resultCoseer{
    font-size: 18px;
    font-weight: 300;
    color: #000;
}
.mainHeader{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2% 0;
}
.topmargin {
    padding: 7px;
    margin: 0;
    padding-top: 0;
    font-size: 15px;
    line-height: 1.5;
}

@media screen and (max-width:900px) {
    #campaign-page{
        width: 100% !important;
    }
}