.module-materiality-matrix{z-index:10}
.materiality-matrix-table-wrap {
    position: relative;
    z-index: 10;
}
.materiality-metrics-mainwrapper {position: relative; padding-bottom: 30px;}
.materiality-metrics-dots {width: 100%; height: 100%; position: absolute; z-index: 10; left: 0; top: 0;}
.mm-dot {
    color: #031795;
    font-size: 1.3em;
    position: absolute;
    line-height: 15px;
    cursor: pointer;
    font-weight: 400;
}
.mm-dot.alignleft::before{
display:none;
}
.mm-dot.alignleft::after {
  content: "";
  width: 13px;
  height: 13px;
  background: #031795;
  position: absolute;
  border-radius: 50%;
  left: 100%;   /* after text */
  margin-left: 10px;
  top: 0;
  cursor: pointer;
}
.mm-dot:before {content: ""; width: 13px; height: 13px; background: #031795; position: absolute; border-radius: 50%; left: -23px; top: 0px;
    cursor:pointer;
}
.mm-dot:hover {text-decoration: underline;}
/*.mm-dot:hover::before{background: #21dfb3;}*/
/*.mm-dot.active {font-weight: bold;}*/
/*.mm-dot.active:before{background: #21dfb3;}*/

.mm-dot:focus-visible {
    outline: 1px #031795 solid;
    outline-offset: 4px;
}
.mm-dot.alignmiddle:before {top: 7px;}
.imp-tab-snapdown-heading.selected {font-weight: bold;}
.mm-dot-details {
    width: 385px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%), 0 4px 4px 0 rgb(0 0 0 / 5%), 0 8px 8px 0 rgb(0 0 0 / 5%), 0 16px 16px 0 rgb(0 0 0 / 10%), 8px 32px 32px 0 rgb(3 23 148 / 13%), 8px 64px 64px 0 rgb(0 0 0 / 10%), -2px -2px 30px 0 rgb(255 255 255 / 43%), inset 0 1px 3px 0 rgb(255 255 255 / 34%);
padding: 25px 20px 20px 20px;
float: left;
    display: none;
    position: absolute;
    z-index: 5;
}
.rwd-materiality-metrics-image {max-width: 600px; margin: 0 auto;}
.rwd-materiality-metrics-image-img img{max-width: 600px;}
.rwd-mm-dot img { max-width: 600px; }
.mm-dot-details-text p {font-size: 1.6em; line-height: 1.4em; color: #031795;}
.mm-dot-details-text p span.red-imp {font-weight: bold; color: #fe0000;}
.mm-dot-details-segment-heading {font-size: 1.6em; line-height: 1.4em; color: #031795; font-weight: bold;}
.mm-dot-details-segment-list-item .segment-icon {width: 32px; margin-right: 10px;  float: left;}
.mm-dot-details-segment-list-item .segment-name {font-size: 1.6em; line-height: 2.1em; color: #031795;}
.mm-dot-details-segment-block.mm-dot-details-segment-block-left {float: left; width: 50%;}
.mm-dot-details-segment-block.mm-dot-details-segment-block-right {float: left; width: 50%;}
/*.mm-dot span{color:red;}*/
.mm-dot-details.rightpopup {right: 0; left: unset !important;}
.rwd-materiality-metrics-mainwrapper {position: relative;}
.rwd-materiality-metrics-dots {width: 100%; height: 100%; position: absolute; z-index: 10; left: 0; top: 0; display:none;}  
.rwd-materiality-metrics-dots .rwd-mm-dot{width: 100%; height: 100%; position: relative; z-index: 10; left: 0; top: 0; display:none;}
.rwd-materiality-metrics-tabs-wrapper {float: left; width: 100%; margin-top: 30px;}
ul.rwd-materiality-metrics-tabs {width: 100%;  float: left; display: table; margin: 0; padding: 0;	margin-bottom: 20px;}
li.rwd-materiality-metrics-tab {
    position: relative;
    cursor: pointer;
    font-size: 1.4rem;
    padding-bottom: 0;
    line-height: 20px;
    display: table-cell;
    border-bottom: 1px solid rgba(3,23,149,0.5);
    width: 16.66%;
	
}
li.rwd-materiality-metrics-tab a {padding: 13px 14px 10px 14px;  position: relative; display: block; text-align: center; text-decoration: none;
    color: rgba(3,23,149,0.5);
}
li.rwd-materiality-metrics-tab.current:before {
    content: "";
    border-bottom: 3px #002478 solid;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: -3px;
}

li.rwd-materiality-metrics-tab.current:after {
    display: block;
    opacity: 1;
    content: '';
    position: absolute;
    left: 48%;
    left: calc(50% - 12px);
    top: 100%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #002478;
    clear: both;
}

.rwd-materiality-metrics-tab.current a {font-weight: bold; color: rgba(3,23,149,1);}
.rwd-materiality-metrics-image .rwd-materiality-metrics-image-img {display: none;}
.rwd-materiality-metrics-image .rwd-materiality-metrics-image-img#imp-major-tab-image {display:block;}
.imp-tab-snapdown {float: left; width: 100%;}
 .rwd-materiality-metrics-snaps-wrapper {float: left; width: 100%; margin-top: 20px;}

.imp-tab-snapdown-heading {
    font-size: 1.6em;
    letter-spacing: normal;
    color: #031795;
    position: relative;
    padding: 16px 25px;
    border-bottom: 1px solid rgb(52 127 246 / 10%);
	cursor: pointer;
    display: block;
}
.imp-tab-snapdown-heading:before {
    content: "";
    width: 12px;
    height: 12px;
    background: #3980f3;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 39%;
    cursor: pointer;
}

.imp-tab-snapdown-heading.selected:before {background: #21dfb3;}

.imp-tab-snapdown-details {float: left; width: 100%; padding-top: 20px; padding-bottom: 20px; display: none;}
.imp-tab-snapdown-heading span {color: red;}
.imp-tab-snapdown-heading:after {
    position: absolute;
    right: 5px;
    top: 50%;
    content: "\e908";
    font-family: 'icomoon' !important;
    color: #347ff6;
    font-size: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);.
}

.imp-tab-snapdown-heading.selected:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.mm-dot-details-segment-list {
    margin-top: 9px;
}
.imp-tab-snapdown-details .mm-dot-details-segments {float: left;  width: 100%;}
.rwd-mm-dot-details .mm-dot-details-text p br {display: none;}
/*.rwd-materiality-metrics-snaps-wrapper .rwd-materiality-metrics-tab-details {display: none;}*/

.rwd-materiality-metrics-snaps-wrapper .rwd-note {width: 100%; float: left; margin-top: 30px; }
.rwd-materiality-metrics-snaps-wrapper .rwd-note p {font-size: 1.4rem; line-height: 1.5rem;}
.rwd-materiality-metrics-snaps-wrapper .rwd-note p span {color: red;}

.mm-dot-link {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.mm-dot-link .cta-link {
    margin-bottom: 0;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 414px) and (orientation : portrait) { 
.rwd-mm-dot-details .mm-dot-details-text p br {display: block;}
.rwd-mm-dot-details .mm-dot-details-segment-list-item {float: left; width: 100%; margin-top: 9px;}
.rwd-mm-dot-details .mm-dot-details-segment-list-item .segment-name {font-size: 1.5em;}
}

.materiality-metrics-mainwrapper.desktop, .rwd-materiality-metrics-mainwrapper{display:none;}

@media only screen and (min-device-width: 320px) and (max-device-width: 1170px){ 
.materiality-metrics-mainwrapper.desktop{display:none }
.rwd-materiality-metrics-mainwrapper{display:block;}
}

@media only screen and (min-device-width: 1171px) and (max-device-width: 1920px) { 
.materiality-metrics-mainwrapper.desktop{display:block;}
.rwd-materiality-metrics-mainwrapper{display:none;}
}