body {
}

.popup-riskometer {
    margin-left: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.riskometer {
    margin-left: 66px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.moderate {
    transform: rotate(72deg);
}

.moderately-high {
    transform: rotate(106deg);
}

.high {
    transform: rotate(142deg);
}

.very-high {
    transform: rotate(174deg);
}

.low {
    transform: rotate(10deg);
}

.low-to-moderate {
    transform: rotate(36deg);
}


/*second meter*/

#score-meter-1 {
    width: 220px;
    height: 114px;
    border-top-left-radius: 360px;
    border-top-right-radius: 360px;
    overflow: hidden;
    position: relative;
}

#scorer-1-inner-div {
    /* position: absolute;
    left: 18%;
    top: 32%;
    width: 65%;
    height: 69%;
    border-top-left-radius: 360px;
    border-top-right-radius: 360px;
    background-color: #ffffff;
    z-index: 2; */
    position: absolute;
    left: 25%;
    top: 53%;
    width: 50%;
    height: 50%;
    border-top-left-radius: 360px;
    border-top-right-radius: 360px;
    background-color: #ffffff;
    z-index: 2;
}

#scorer-1-inner-div-2 {
    position: absolute;
    left: -4%;
    top: 0%;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-top-left-radius: 360px;
    border-top-right-radius: 360px;
    background-color: #36bc3afa;
    transform-origin: bottom center;
    transform: rotate( -155deg);
}

#scorer-1-inner-div-3 {
    position: absolute;
    right: -4%;
    top: 0%;
    z-index: 4;
    width: 100%;
    height: 100%;
    border-top-left-radius: 360px;
    border-top-right-radius: 360px;
    background-color: #dd0202;
    transform-origin: bottom center;
    transform: rotate( 155deg);
    z-index: 0;
}

#scorer-1-inner-div-4 {
    position: absolute;
    left: -33px;
    top: -14px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 92px solid transparent;
    border-bottom: 158px solid #A3CD3B;
    transform: rotate( 146deg);
}

#scorer-1-inner-div-5 {
    position: absolute;
    left: 25px;
    top: -53px;
    right: 0;
    width: 0;
    height: 0;
    border-left: 59px solid transparent;
    border-right: 55px solid transparent;
    border-bottom: 134px solid #ffd700;
    transform: rotate( 163deg);
}

#scorer-1-inner-div-8 {
    position: absolute;
    left: 119px;
    top: -44px;
    right: 0;
    width: 0px;
    height: 0px;
    border-left: 19px solid transparent;
    border-right: 88px solid transparent;
    border-bottom: 156px solid orange;
    transform: rotate( 239deg);
}

#scorer-1-inner-div-6 {
    position: absolute;
    left: 68px;
    top: -69px;
    right: 0;
    width: 0px;
    height: 0px;
    border-left: 19px solid transparent;
    border-right: 88px solid transparent;
    border-bottom: 156px solid #eb8508;
    transform: rotate( -152deg);
}

.scorer-1-tick {
    position: absolute;
    top: 3px !important;
    left: -565%;
    width: 610%;
    height: 5px;
    background-color: #000000;
    /*animation-name: ticker-mover-1;
    animation-duration: 2s;*/
    transform-origin: right center;
    /*transform: rotate(90deg);*/
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /*border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 5%;
    border-bottom-right-radius: 5%;*/
}

#scorer-1-inner-div-7 {
    position: absolute;
    left: 43%;
    top: 80%;
    width: 14%;
    height: 39%;
    border-radius: 50%;
    background-color: #000000;
    z-index: 2;
}

.rm-text {
    color: #66666699;
    font-size: small;
    /*font-weight:600;*/
    /* font-family: "nunitosemibold"; */
    color: #000000;
}

.mlow {
    position: absolute;
    margin-top: 28px;
    left: 22px;
    width: 60px;
    line-height: normal;
    text-align: left;
}

.r-low {
    margin-top: 92px;
    position: absolute;
    left: 35px;
}

.mod {
    margin-left: 68px;
    position: absolute;
    margin-top: -7px;
}

.mHigh {
    margin-top: 31px;
    position: absolute;
    width: 62px;
    right: 62px;
    line-height: normal;
    text-align: right;
    /*color: #eb8508;*/
}

.r-high {
    position: absolute;
    margin-top: 105px;
    right: 50px;
}

.mlow-p {
    position: absolute;
    margin-top: 25px;
    left: 20px;
    width: 60px;
    line-height: normal;
    text-align: left;
}

.r-low-p {
    margin-top: 108px;
    position: absolute;
    left: 12px;
}

.mod-p {
    margin-left: 88px;
}

.high-p {
    margin-top: 33px;
    position: absolute;
    width: 62px;
    right: 54px;
    line-height: normal;
    text-align: right;
    /*color: #e18834;*/
}

.v-high-p {
    position: absolute;
    margin-top: 93px;
    right: 9px;
}

.mhigh-p {
    margin-left: 195px;
    margin-top: -9px;
    position: absolute;
}

@keyframes ticker-mover-1 {
    0% {
        transform-origin: right center;
        transform: rotate(0deg);
    }

    33% {
        transform-origin: right center;
        transform: rotate(120deg);
    }

    66% {
        transform-origin: right center;
        transform: rotate(120deg);
    }

    100% {
        transform-origin: right center;
        transform: rotate(120deg);
    }
}


/* PDF second meter*/

#scorePDF-meter-1 {
    width: 220px;
    height: 114px;
    border-top-left-radius: 360px;
    border-top-right-radius: 360px;
    overflow: hidden;
    position: relative;
}

#scorerPDF-1-inner-div {
    position: absolute;
    left: 18%;
    top: 32%;
    width: 65%;
    height: 69%;
    border-top-left-radius: 360px;
    border-top-right-radius: 360px;
    background-color: #ffffff;
    z-index: 2;
}

#scorerPDF-1-inner-div-2 {
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 0;
    width: 100%;
    height: 98%;
    border-top-left-radius: 360px;
    border-top-right-radius: 360px;
    background-color: #36bc3afa;
    transform-origin: bottom center;
    transform: rotate( -153deg);
}

#scorerPDF-1-inner-div-3 {
    position: absolute;
    right: 0%;
    top: 0%;
    z-index: 4;
    width: 100%;
    height: 98%;
    border-top-left-radius: 360px;
    border-top-right-radius: 360px;
    background-color: #dd0202;
    transform-origin: bottom center;
    transform: rotate( 153deg);
    z-index: 0;
}

#scorerPDF-1-inner-div-4 {
    position: absolute;
    left: -13px;
    top: -19px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 92px solid transparent;
    border-bottom: 158px solid #A3CD3B;
    transform: rotate( 150deg);
}

#scorerPDF-1-inner-div-5 {
    position: absolute;
    left: 58px;
    top: -35px;
    right: 0;
    width: 0;
    height: 0;
    border-left: 59px solid transparent;
    border-right: 55px solid transparent;
    border-bottom: 134px solid orange;
    transform: rotate( 180deg);
}

#scorerPDF-1-inner-div-6 {
    position: absolute;
    left: 108px;
    top: -50px;
    right: 0;
    width: 0px;
    height: 0px;
    border-left: 19px solid transparent;
    border-right: 88px solid transparent;
    border-bottom: 156px solid #eb8508;
    transform: rotate( 233deg);
}

.scorerPDF-1-tick {
    position: absolute;
    top: 7px;
    left: -645%;
    width: 700%;
    height: 5px;
    background-color: #000000;
    /*animation-name: ticker-mover-1;
    animation-duration: 2s;*/
    transform-origin: right center;
    /*transform: rotate(90deg);*/
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 5%;
    border-bottom-right-radius: 5%;
}

#scorerPDF-1-inner-div-7 {
    position: absolute;
    left: 45%;
    top: 80%;
    width: 10%;
    height: 20%;
    border-radius: 50%;
    background-color: #000000;
    z-index: 2;
}

@media only screen and (max-width:767px) {
    .r-low {
        left: 8px;
    }

    .mlow {
        left: 2px;
    }

    .mod {
        margin-top: -13px;
    }

    .mhigh-p {
        margin-left: 157px;
        margin-top: -14px;
    }

    .high-p {
        right: 28px;
    }

    .v-high-p {
        width: 50px;
        margin-top: 81px;
        right: -19px;
    }
}

.risko-band {
    background-color: #000000;
    color: #ffffff;
    font-size: 10px;
    padding: 5px 2px 3px;
    display: flex;
    justify-content: center;
    line-height: normal;
    align-items: center;
    font-weight: 700;
    letter-spacing: 0.4px;
    margin-top: 0px;
}


/*Risko meter for Scheme Listing Page*/
.risko-data #score-meter-1 {
    width: 185px;
    height: 90px;
}

.risko-data #scorer-1-inner-div {
    position: absolute;
    left: 25%;
    top: 53%;
    width: 50%;
    height: 50%;
    border-top-left-radius: 360px;
    border-top-right-radius: 360px;
    background-color: #ffffff;
    z-index: 2;
}

.risko-data #scorer-1-inner-div-2 {
    position: absolute;
    left: -4%;
    top: 0%;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-top-left-radius: 360px;
    border-top-right-radius: 360px;
    background-color: #08A04B;
    transform-origin: bottom center;
    transform: rotate(-155deg);
}

.risko-data #scorer-1-inner-div-3 {
    position: absolute;
    right: -4%;
    top: 0%;
    z-index: 4;
    width: 100%;
    height: 100%;
    border-top-left-radius: 360px;
    border-top-right-radius: 360px;
    background-color: #F70D1A;
    transform-origin: bottom center;
    transform: rotate(155deg);
    z-index: 0;
}

.risko-data #scorer-1-inner-div-4 {
    position: absolute;
    left: -8px;
    top: -14px;
    width: 0;
    height: 0;
    border-left: -20px solid transparent;
    border-right: 84px solid transparent;
    border-bottom: 158px solid #7FFF00;
    transform: rotate(146deg);
}

.risko-data #scorer-1-inner-div-5 {
    position: absolute;
    left: 5px;
    top: -53px;
    right: 0;
    width: 0;
    height: 0;
    border-left: 59px solid transparent;
    border-right: 70px solid transparent;
    border-bottom: 134px solid #FFFF33;
    transform: rotate(163deg);
}

.risko-data #scorer-1-inner-div-6 {
    position: absolute;
    left: 47px;
    top: -69px;
    right: 0;
    width: 0px;
    height: 0px;
    border-left: 19px solid transparent;
    border-right: 88px solid transparent;
    border-bottom: 156px solid #C68E17;
    transform: rotate(-152deg);
}

.risko-data #scorer-1-inner-div-8 {
    position: absolute;
    left: 90px;
    top: -44px;
    right: 0;
    width: 0px;
    height: 0px;
    border-left: 19px solid transparent;
    border-right: 77px solid transparent;
    border-bottom: 156px solid #FF8C00;
    transform: rotate(239deg);
}

.risko-data #scorer-1-inner-div-7 {
    position: absolute;
    left: 45%;
    top: 69%;
    width: 14%;
    height: 39%;
    border-radius: 50%;
    background-color: #000000;
    z-index: 2;
}

.risko-data .risk-desc span {
    color: #000 !important;
    font-size: 1.2rem;
    font-weight: normal;
    text-transform: lowercase;
}

.risko-data .r-low {
    margin-top: 65px;
    position: absolute;
    left: 35px;
}
.risko-data .scorer-1-tick{
    top:6px !important; 
}
.risko-data .mlow {
    position: absolute;
    margin-top: 16px;
    left: 22px;
    width: 72px;
    line-height: normal;
    text-align: left;
}

.risko-data .mod {
    margin-left: 65px;
    position: absolute;
    margin-top: -16px;
}

.risko-data .mhigh-p {
    margin-left: 195px;
    margin-top: -9px;
    position: absolute;
}

.risko-data .high-p {
    margin-top: 22px;
    position: absolute;
    width: 62px;
    right: 48px;
    line-height: normal;
    text-align: right;
}

.risko-data .v-high-p {
    position: absolute;
    margin-top: 65px;
    right: 10px;
}

.risko-data .rm-text{
    font-size:10px;
}

/*Risko meter for Scheme Listing Page*/

#scorer-1-inner-div::before {
    content: "";
    position: absolute;
    border: 2px solid #fff;
    height: auto;
    width: 49px;
    bottom: 2px;
    left: -48px;
    z-index: 4;
}

#scorer-1-inner-div::after {
    content: "";
    position: absolute;
    border: 2px solid #fff;
    height: auto;
    width: 52px;
    bottom: 2px;
    right: -49px;
}

.riskometer-con .riskometer .scorer-1-tick::after {
    content: "";
    position: ABSOLUTE;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid black;
    transform: rotate(-96deg);
    left: -10px;
    top: -1px;
}
.risko-data .riskometer .scorer-1-tick::after{
content: "";
position: ABSOLUTE;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid black;
transform: rotate(-96deg);
left: -10px;
top: -1px;
}

.etf-overview-tab .riskometer-con p span{
    font-size : 1.2rem !important;
}

.fund-wrapper .risk .risk-meter-wrapper .risk-meter-popup .risk-desc {
    color: #000;
}