html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;text-decoration:none;background:transparent;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
form textarea{resize:none;}
a:hover, a:focus, a:active{text-decoration:none !important;color:inherit;outline:none !important;}


@font-face {
    font-family: 'Seaside-Groove-Regular';
    src: url('fonts/seaside_groove_webfont.woff2') format('woff2'),
         url('fonts/seaside_groove_webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: "Anaheim";
  src: url("fonts/Anaheim.woff") format("woff"),
    url("fonts/Anaheim.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: "aisyah";
  src: url("fonts/aisyah-demo-webfont.woff") format("woff"),
    url("fonts/aisyah-demo-webfont.woff2") format("woff2");
  
  font-style: normal;
    font-display: swap;
}

body{ font-family: "Outfit", sans-serif; font-weight: 400; color: #212120; -webkit-font-smoothing:antialiased; overflow-x: hidden; font-size: 16px; }
p { font-size: 16px; line-height: 30px; font-weight: 400; padding: 10px 0px; }
.fullwidth, .fw, .fwp  {float:left;width:100%;margin: 0px;}
.fwp  { position: relative; }
.fwh {float:left;width:100%; height: 100vh; margin: 0px;}
.f_left { float: left; }
.f_right { float: right; }
.txc { text-align: center; }
.pd { padding: 0px !important; }
.no_pb { padding-bottom: 0px !important; }
.pr { position: relative; }
.center { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); text-align:center; width: 100%; z-index: 99; }
#Home-Banner .center { position: absolute; left: 0px; /*top: 67%;*/ top: 55%; transform: translateY(-50%); text-align:center; width: 100%; z-index: 99; }
.tx_left { text-align: left !important; }
.top_pos { position: absolute; left: 0px; top: 0; }
.h_100_per { height: 100% !important; }
.underline { text-decoration: underline !important; }

.Avenir-Roman {font-family: "Outfit", sans-serif; font-weight: 300 !important; }
.Avenir-Black {font-family: "Outfit", sans-serif; font-weight: 700 !important; }
.Avenir-Light {font-family: "Outfit", sans-serif; font-weight: 200 !important; }
.Seaside-Groove-Regular { font-family: 'Seaside-Groove-Regular' !important; }
.Anaheim {font-family: "Anaheim" !important;}

.white { color: #fff !important; }
.blk { color: #000 !important; }
.black { color: #303030 !important; }
.tgrey { color: #A1A3A6 !important; }
.blk60 { color: #a7a9ac !important; }

.bg_white { background-color: #fff; }
.bg_black { background-color: #000; }

.default_cursor { cursor: default !important; }

.red { color: red !important; }
.fltlt{float: left !important;}
.fltlt1{float: left !important; margin-top: 0px !important;}
.h3 {height: 3px; font-size: 0;}
.h6 {height: 6px; font-size: 0;}
.h9 {height: 9px; font-size: 0;}
.h12 {height: 12px; font-size: 0;}
.h10 {height: 10px; font-size: 0;}
.h20 {height: 20px; font-size: 0;}
.h30 {height: 30px; font-size: 0;}
.h40 {height: 40px; font-size: 0;}
.h50 {height: 50px; font-size: 0;}
.h60 {height: 60px; font-size: 0;}
.h70 {height: 70px; font-size: 0;}
.h80 {height: 80px; font-size: 0;}
.h100 {height: 100px; font-size: 0;}

aside {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 68px;
  height: 100vh;
  background-color: #ebebeb;
  z-index: 999;
}

main {
  float: left;
  width: calc(100vw - 68px);
  min-height: 100vh;
  margin-left: 68px;
}

.menu_icon { width: 68px; height: 68px; background: #212120; cursor: pointer; }
.menu_icon span {display: block; width: 22px; height: 2px; border-radius: 10px; background: #fff; position: absolute; left: 23px; top: 25px;}
.menu_icon span:nth-child(2) {top: 33px;}
.menu_icon span:nth-child(3) {top: 33px;}
.menu_icon span:nth-child(4) {top: 41px;}
.menu_active span:nth-child(1), .menu_active span:nth-child(4) {display: none;}
.menu_active span:nth-child(2){ transform: rotate(45deg); transition: 0.5s; }
.menu_active span:nth-child(3) { transform: rotate(-45deg); transition: 0.5s; }

#download_icon_home { width: 68px; height: 68px; display: block; background: #4cd4d4;  display: flex; align-items: center; justify-content: center; }
#download_icon { width: 68px; height: 68px; display: block; background: #4cd4d4;border-top: 1px solid #fff;  display: flex; align-items: center; justify-content: center; }
#download_icon img { display: inline-block; }

#download_section { width: 68px; height: 68px; display: block; border-top: 1px solid #fff; background: #4cd4d4; display: flex; align-items: center; justify-content: center; }
#download_section img { display: inline-block; }

/*aside h6 {
    transform: rotate(270deg);
    text-align: center;
    width: calc(100vh - 136px);
    height: 68px;
    position: fixed;
    top: 54.5vh;
    left: calc(139px - 52vh);
    font-size: 20px;
    font-weight: 200;
    color: #000 !important;
}*/
aside h6 {
    transform: rotate(270deg);
    text-align: center;
    width: calc(100vh - 204px);
    height: 68px;
    position: fixed;
    top: 65vh;
    left: calc(172px - 52vh);
    font-size: 20px;
    font-weight: 200;
    color: #000 !important;
}

/*#Logo { position: fixed; left: 200px; top: 30px; z-index: 9999; }*/
#Logo { position: fixed; left: 68px; top: 0px; z-index: 9999; padding: 30px 0px 20px 130px; width: 100%; transition: 0.3s; }
#Logo.scrolled { background: #fff; }

/*.home_caption h1 { text-shadow: 0px 0px 15px rgba(68, 68, 68, 0.75); font-size: 7vw; line-height: 8.4vw; letter-spacing: 0px; padding-left: 140px; color: #fff; font-weight: 200; text-align: left !important; }*/
.home_caption h1 { text-shadow: 0px 0px 15px rgba(68, 68, 68, 0.75); font-size: 6.5vw; line-height: 7.2vw; letter-spacing: 0px; padding-left: 140px; color: #fff; font-weight: 600; text-align: left !important; }


.accord_basic h3 { cursor: pointer; position: relative; border-bottom: 1px solid #a7a9ac; padding: 21px 0px 18px 0px; font-size: 19px; line-height: 26px; margin: 0px 0;  font-weight: 700;}
.accord_basic h3:before, .accord_basic h3:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #000000;
}
.accord_basic h3:before {
    right: 9px;
    width: 3px;
    height: 20px;
    transition: all 300ms;
}
.accord_basic h3:after {
    right: 1px;
    width: 20px;
    height: 3px;
}
.accord_basic.accordshow h3:before {
    height: 0;
    margin-top: 0;
}

/*.accord_basic .accordshow h3:before {display: block; top: 16px; transform: rotate(225deg);}*/

.accord_basic_desc {display: none; padding-top: 60px; padding-bottom: 20px;}



/*.insde-title {padding: 150px 0px 100px 0px;}*/
.insde-title {padding: 50px 0px 100px 0px;}
.insde-title h1 {font-size: 60px;line-height: 65px;}

/*Footer*/
footer { float: left; width: calc(100vw - 83px); color: #212120; font-size: 15px; padding: 25px 0px 15px 0px; /*border-top: 1px solid #212120;*/ background: #fff; }
footer h6 { color: #212120; font-weight: 400;  font-size: 19px; padding: 0px 0px 30px 0px; }
footer p { font-size: 15px; line-height: 23px; padding: 0px 0px 20px 0px; }
footer a { color: #212120; }
.footer_space { padding: 45px 0 0 0; }
.footer_colmn { float: left; width: 100%; }
.footer_left { padding-right: 50px; }
.footer_middle { display: inline-block; max-width: 300px; text-align: left; }
.footer_right { float: right; }
.footer_seperator {
  float: left;
  width: 100%;
  height: 1px;
  overflow: hidden;
  background: #212120;
  float: left;
  transform: scaleY(0.5);
  margin: 10px 0px 15px 0px;
}
#copyrights p { margin: 0px; padding: 0px; font-size: 13px; font-weight: 400; color: #A7A9AC; }
#copyrights a { display: inline-block; margin-left: 60px; font-size: 13px; color: #A7A9AC; }
footer .container-fluid { padding: 0px 70px 30px 70px !important; }
/*Footer*/

.pillar_thumb {
    display: block;
    margin: 15px 0px;
    box-shadow: 0px 0px 10px 0px rgba(67,67,68,0.75);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(67,67,68,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(67,67,68,0.75);
}
.pillar_thumb:before {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    transition: 0.3s;
}
.pillar_thumb span {
    font-size: 2vw;
    line-height: 2.5vw;
    color: #fff;
    font-weight: 200;
    display: block;
    position: absolute;
    left: 2.3vw;
    bottom: 2.05vw;
    transition: 0.3s;
}
.pillar_thumb button {
    /*font-size: 1.6vw;
    line-height: 2vw;
    color: #fff;
    font-weight: 700;
    display: inline-block;*/


    font-size: 1.2vw;
    font-weight: 400;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50px;
    display: inline-block;
    padding: 0.8vw 2.5vw;
    


    position: absolute;
    left: 50%;
    top: 47%;
    transform: translate(-50%, -50%);
    padding: 15px 45px 15px 45px;
    /*border: 2px solid #fff;*/
    background: none;
    opacity: 0;
    transition: 0.3s;
    text-shadow: 0px 0px 18px rgba(0, 0, 0, 0.75);
}

.pillar_thumb:hover button { opacity: 1; }
.pillar_thumb:hover span { opacity: 0.5; }
.pillar_thumb:hover:before { opacity: 1; }

.play_video_popup { display: inline-block; }
.videoplayic{width: 70px; height: 70px; display: inline-block; background: #212120; font-size: 0; border-radius: 50%; z-index: 9;}
.videoplayic::before {content: ''; font-size: 0; width: 0; height: 0; border-style: solid; border-width: 13px 0 13px 18px; border-color: transparent transparent transparent #fff; position: absolute; left: 53%; top: 50%; transform: translate(-50%, -50%);}
a:hover .videoplayic::before, a:active .videoplayic::before, a:focus .videoplayic::before {border-color: transparent transparent transparent #4ce0e0;}
.videoplayic.black{ background: rgba(0, 0, 0, 0.4); }
.videoplayic.hide_video {display: none;}


#video_popup {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99999999999;
}
#video_popup iframe {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
#close_popup, .close_slide_video { width: 25px; height: 25px; position: absolute; top: 40px; right: 40px; font-size: 30px;  color: #fff; z-index: 111; cursor: pointer; font-weight: 700; }
.close_slide_video { top: -30px; right: 0px; display: none; }
.video_slide.shown .close_slide_video { display: block; }
#close_popup:before, #close_popup:after, .close_slide_video:before, .close_slide_video:after {
  position: absolute;
  left: 11px;
  content: ' ';
  height: 25px;
  width: 2px;
  background-color: #fff;
}
.close_slide_video:before, .close_slide_video:after {
  background-color: #212120;
}
#close_popup:before, .close_slide_video:before {
  transform: rotate(45deg);
}
#close_popup:after, .close_slide_video:after {
  transform: rotate(-45deg);
}

.fwpx {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

p.less_line_height { line-height: 24px !important; }

#fixed_menu {
    position: fixed;
    left: 68px;
    top: 0px;
    background: rgba(0, 0, 0, 0.9);
    width: calc(100% - 68px);
    height: 100vh;
    z-index: 999999;
    padding-top: 100px;
    display: none;
}
#fixed_menu #Top_Level ul {
    float: left;
    width: 20%;
}
#fixed_menu #Top_Level ul li {
    padding: 6px 0px;
    position: relative;
}
#fixed_menu #Top_Level ul a {
    color: #fff !important;
    font-size: 15px;
    font-weight: 200;
    line-height: 20px;
}

.pillars_dropdown_menu:before {
    content: "";
    width: 1px;
    height: 0px;
    background: #fff;
    position: absolute;
    left: -10px;
    top: 12px;
    transition: 0.5s;
}
.pillars_dropdown_menu.hovered:before { height: 104px; }
#fixed_menu #Top_Level .pillars_dropdown_menu.hovered > a { font-weight: 400; }

#fixed_menu #Top_Level ul li:first-child a {
    font-weight: 400;
    display: inline-block;
    min-height: 62px;

    font-size: 17px;
    line-height: 23px;
}

.download_ic { position: relative; top: 1px; margin-left: 4px; }

#Second_Level { display: none; padding: 100px 35px 0px 50px; }
#Second_Level ul { margin:0px auto; width: 60%; }
#Second_Level ul li {
    float: left;
/*    width: 14.285%;*/
    width: 33.3333%;
    padding-right: 20px;
}
#Second_Level ul li img { margin-bottom: 10px; }
#Second_Level ul li a { color: #fff !important; font-size: 13px; line-height: 16px; font-weight: 400; }

.banner_small:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.05);
    width: 100%;
    height: 100%;
}

.banner_small h1 {
    text-shadow: 0px 0px 18px rgba(0, 0, 0, 0.5) !important;
}

main ul li.less_line_height { line-height: 24px !important; }

.tooltips {
    position: fixed;
    left: 80px;
    top: 160px;
    display: none;
}
.tooltips:after {
    left: -10px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #000;
    border-width: 5px;
    margin-top: -5px;
    transform: rotate(-180deg);
}
.tooltips span {
    font-size: 13px;
    line-height: 14px;
    
    float: right;
    background: #000;
    color: #fff;
    padding: 5px 7px 6px 7px;
    display: inline-table;
    border-radius: 3px;
}
#download_section_tooltip { top: 225px !important; }

#Mobile_Menu { display: none; }

/* Mobile */
@media only screen and (max-width: 768px) {

    /* Srikanth */
    #Home-Banner .center{top: 73%;}
    .accord_basic_desc {padding-top: 30px;}
    .pillar_thumb span{font-size: 5vw;line-height: 6.5vw;left: 8.3vw;bottom: 7.05vw;}
    .pillar_thumb button{padding: 10px 30px 10px 30px;font-size: 4.2vw;}
    /* Srikanth */

    aside { display: none; }
    main { width: 100% !important; margin-left: 0px !important; }
    #Footer_Section { position: inherit !important; bottom: 0px !important; }
    .Our_Strategic_Pillar_Home { display: none; }
    footer { margin-left: 0px !important; width: 100%; }
    #Footer_Section .container-fluid { padding-left: 15px !important; padding-right: 15px !important; }
    /*.insde-title{padding: 150px 0px 50px 0px !important;}*/
    .insde-title{padding: 100px 0px 50px 0px !important;}
    .insde-title h1 {font-size: 30px;line-height: 40px;}
    .accord_basic h3{font-size: 16px;}
    .accord_basic h3:after{right: 3px; width: 15px;}
    .accord_basic h3:before{right: 9px; height: 15px;}
    #next_prev_page h6 a{font-size: 16px; line-height: 21px;}
    p {
        font-size: 14px;
        line-height: 25px;
    }
    .long-arrow-right, .long-arrow-left {
        margin-top: 4px;
    }
    .next_page a:after, .prev_page a:after {
        top: 13px;
    }
    .next_page a:after, .prev_page a:after {
        width: 35px;
    }

    .footer_left { padding-right: 0px; }

    /* Mobile Menu */
    #menu_divider {
        position: absolute;
        bottom: 0px;
        left: 0px;
        float: left;
        width: 100%;
        height: 1px;
        overflow: hidden;
        background: rgba(255,255,255, 0.8);
        float: left;
        transform: scaleY(0.5);
    }

    #Mobile_Header { position: fixed; left: 0px; top: 0px; background: transparent; width: 100%; height: 65px; z-index: 99999999; padding: 17px 0px 1px 0; }
    #Mobile_Header.sticky_header, header.white_header_menu { background: #fff; }
    #logo_mobile { margin-top: 4px; position: relative; }

    header.sticky_header, header.white_header, header.white_header_menu {
        transition: 0.3s;
        background: #fff !important;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(94,94,94,0.25);
        -moz-box-shadow: 0px 0px 5px 0px rgba(94,94,94,0.25);
        box-shadow: 0px 0px 5px 0px rgba(94,94,94,0.25);
    }
    .menu_icon { background: transparent !important; position: fixed; right: 20px; top: 20px; z-index: 999999999999; width: 26px; height: 23px; }
    .menu_icon span {display: block; width: 26px; height: 3px; background: #fff; position: absolute; left: 0; top: 0px;}
    .menu_icon span:nth-child(2) {top: 8px;}
    .menu_icon span:nth-child(3) {top: 8px;}
    .menu_icon span:nth-child(4) {top: 16px;}
    .menu_active span:nth-child(1), .menu_active span:nth-child(4) {display: none;}
    .menu_active span:nth-child(2){ transform: rotate(45deg); transition: 0.5s; background: #212120; }
    .menu_active span:nth-child(3) { transform: rotate(-45deg); transition: 0.5s; background: #212120; }

    #Mobile_Menu {
        width: 100%;
        height: calc(100vh - 65px);
        position: fixed;
        top: 65px;
        left: 0px;
        z-index: 99999999;
        background: #fff;
        padding: 0px 0px 20px 0px;
        overflow: scroll;
        display: none;
    }

    #Mobile_Menu ul { padding: 0px 0 0 0; float: left; width: 100%; }
    #Mobile_Menu li { position: relative; float: left; width: 100%; }

    .menu_devider { float: left; width: 100%; background: #a7a9ac; height: 1px; transform: scaleY(0.5); margin: 20px 0px 3px 0px; }

    #Mobile_Menu ul a {
        font-weight: 300;
        font-size: 22px;
        color: #212120;
        width: 100%;
        float: left;
        display: block;
        position: relative;
        line-height: 34px;
        padding: 12px 70px 12px 30px;
        display: block;
    }

    #Mobile_Menu li.open > a { background: #F4F4F4; }

    #Mobile_Menu ul li li a {
        font-size: 16px;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #Mobile_Menu ul li ul { padding-top: 15px; display: none; float: left; width: 100%; }
    #Mobile_Menu ul li ul li { padding: 0px 0px 0px 0px !important; float: left; width: 100%; }
    #Mobile_Menu #OSP-Menu li { padding: 10px 0px 2px 0px !important; }

    #Mobile_Menu .web{width: 24px; height: 24px; background: url("../images/globe_ic_mo.png") no-repeat center; background-size: cover; }
    #Mobile_Menu .arrow_webs{width: 20px; height: 13px; background: url("../images/globe_arrow_mo.png") no-repeat center; background-size: cover; margin-left: 4px; }
    #Mobile_Menu .godrej_webs { margin-top: 0px; width: auto !important; }

    #mo_stock_price { float: left; width: 100%; margin-top: 0px; margin-bottom: 40px; height: 55px; background: #f7f7f7; }
    .stock_columns { display: inline-block; width: auto; }
    .stock_columns a { font-size: 16px !important; }
    #Mobile_Menu .social { position: relative;top: 2px; }
    #Mobile_Menu .social a { width: 29px !important; height: 29px !important; }
    #Mobile_Menu .social .in { background-position: -26px -91px !important; }
    #Mobile_Menu .social .yt { background-position: -55px -91px !important; }
    #Mobile_Menu li span {
        width: 30px;
        height: 20px;
        display: block;
        position: absolute;
        right: 30px;
        top: 20px;
        transition: 0.5s;
    }
    #Mobile_Menu li.open > span { transform: rotate(-180deg); }
    #Mobile_Menu li span:before, #Mobile_Menu li span:after {
        content: '';
        display: inline-block;
        height: 20px;
        width: 3px;
        background-color: #212120;
        border-radius: 2px;
        position: relative;
        transition: 100ms ease-in-out transform;
    }
    #Mobile_Menu li span:before {
        transform: rotate(-45deg);
        left: 6px;
        top: 0px;
    }
    #Mobile_Menu li span:after {
        transform: rotate(45deg);
        left: 16px;
        top: 0px;
    }

    #Mobile_Menu ul li li li a { font-size: 15px; line-height: 20px; padding: 10px 30px; color: #A7A9AC; }
    #Mobile_Menu ul#Financials-Menu li a { padding-right: 36px; }
    #Mobile_Menu ul li li li a.active { color: #212120; }
    #Mobile_Menu li a img {
        float: right;
        margin-top: 8px;
    }

    #Mobile_Menu li span.small { top: 10px; right: 60px; }
    #Mobile_Menu li span.small:before, #Mobile_Menu li span.small:after {
      height: 14px;
      width: 2px;
    }
    #Mobile_Menu li span.small:before {
      left: 9px;
    }
    #Mobile_Menu li span.small:after {
      left: 16px;
    }

    #Mobile_Menu ul li li li a { font-size: 15px; line-height: 20px; padding: 10px 30px; color: #A7A9AC; }
    #Mobile_Menu li label {
      width: 20px;
      float: left;
      text-align: left;
      margin: 0px 10px 10px 0px !important;
      
      /*background: red;*/
    }



    /* Mobile Menu */

    #logo_mobile img { position: absolute; left: 0px; top: 0px; transition: 0.3s; }
    #logo_mobile img:last-child { opacity: 0; }
    header.sticky_header #logo_mobile img:first-child, header.white_header_menu #logo_mobile img:first-child, header.white_header #logo_mobile img:first-child { opacity: 0; }
    header.sticky_header #logo_mobile img:last-child, header.white_header_menu #logo_mobile img:last-child, header.white_header #logo_mobile img:last-child { opacity: 1; }

    header.sticky_header .menu_icon span, header.white_header .menu_icon span, header.white_header_menu .menu_icon span { background: #212120; }

    #contact_link { float: left; width: 100%; margin-bottom: 20px; height: 50px; background: #f7f7f7; padding: 0px 0px 0px 15px; }
    #contact_link a { vertical-align: top; font-size: 22px !important; font-weight: 200; color: #212120; display: inline-block; margin: 11px 15px 0px 15px; line-height: 28px; position: relative; width: auto !important; }
    #contact_link a.linkedin {  margin-top: 8px; }
    #contact_link a img { vertical-align: middle; }
    #contact_link span { width: 1px; overflow:hidden; height: 30px; margin-top: 10px; display: inline-block; background: #212120; }


}

/*gouthami*/
.have_two_parag { display: flex; }
.list_numeric { list-style-type: list_numeric;padding-left: 14px; }
.priority_material_issues_table.table_gray th:last-child, .priority_material_issues_table.table_gray tr td:last-child { background-color: #eceded!important; }
.patch.green-dark { background-color: #40b0ab;width: 100%;color: #fff; } 
.relevant_codes_policies { display: flex;justify-content: space-between; }
.relevant_codes_policies li { width: 19%;margin-top: 20px;text-align: center; }
.policies { position: relative;width: 100%;height: 70px; }
.policies .border_back{ width: 100%;height: 5px;display: inline-block;position: absolute;left: 0px; top:50%; transform: translateY(-50%);  }
.bg_green_01 { background-color: #91ff73; }
.bg_green_02 { background-color: #78db61; }
.bg_gray { background-color: #bcbdc0; }
.bg_yellow { background-color: #ffde14; }
.bg_brown { background-color: #d6b017; }
.bg_blue_light { background-color: #4de0e0; }
.bg_green_03 { background-color:#40b0ab; }
.bb_grey_dark { background-color: #818285; }
.bg_purple { background-color: #a65c96; }
.cirle_brdr {
    background-image: url("../images/integrated-reporting/icon_policies.png");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    width: 70px;
    height: 70px;
    display: inline-block;
    border-radius:50%;
    position: relative;
    z-index: 2;
}
.relevant_list hr { max-width: 60px; border-color:#000; margin:10px auto; }
.table_stakeholder_prioritisation th, .table_stakeholder_prioritisation td { text-align: left!important; }
.table_stakeholder_prioritisation td { padding-left: 0px!important; }
.blue_bg_01 { background-color: #40b0ab; }
.blue_bg_02 { background-color: #4de0e0; }
.blue_bg_03 { background-color: #5effff; }
.priority_material_issues_table th:last-child, .priority_material_issues_table tr td:last-child { background-color: #daf9f9!important; }
.priority_material_issues_table_01 th:last-child, .priority_material_issues_table_01 tr td:last-child { background-color: #eaffe4!important; }
.priority_material_issues_table_02 th:last-child, .priority_material_issues_table_02 tr td:last-child { background-color: #fff9d2!important; }
body .priority_material_issues_table.priority_material_issues_table04 th:last-child, body .priority_material_issues_table.priority_material_issues_table04 tr td:last-child { background-color: #fff !important; }
.bluebg1_new { background-color: #e2fafa; }
.bluebg2_new { background-color: #d2f7f7; }
.bluebg3_new { background-color: #c9e9e8; }
.bluebg4_new { background-color: #a5dad7; }
.bg_green_new { background-color: #5ea854; }
.priority_material_issues_table th:first-child, .priority_material_issues_table tr td:first-child { padding-left: 0px!important; }
body .priority_material_issues_table.priority_material_issues_table04 th:first-child, body .priority_material_issues_table.priority_material_issues_table04 tr td:first-child { padding-left: 20px!important; }

