@font-face {
    font-family:Barlow-Bold;
    src: url(../fonts/Barlow-Bold.ttf);
}
@font-face {
    font-family:Barlow-ExtraBold;
    src: url(../fonts/Barlow-ExtraBold.ttf);
}
@font-face {
    font-family:Barlow-Light;
    src: url(../fonts/Barlow-Light.ttf);
}
@font-face {
    font-family:Barlow-Medium;
    src: url(../fonts/Barlow-Medium.ttf);
}
@font-face {
    font-family:Barlow-SemiBold;
    src: url(../fonts/Barlow-SemiBold.ttf);
}
@font-face {
    font-family:Barlow-BlackItalic;
    src: url(../fonts/Barlow-BlackItalic.ttf);
}
@font-face {
    font-family:OpenSans-Bold;
    src: url(../fonts/OpenSans-Bold.ttf);
}
@font-face {
    font-family:OpenSans-Light;
    src: url(../fonts/OpenSans-Light.ttf);
}
@font-face {
    font-family:OpenSans-Medium;
    src: url(../fonts/OpenSans-Medium.ttf);
}
@font-face {
    font-family:OpenSans-Regular;
    src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face {
    font-family:OpenSans-Semibold;
    src: url(../fonts/OpenSans-Semibold.ttf);
}
@font-face {
    font-family:GOTHAM-ULTRA;
    src: url(../fonts/GOTHAM-ULTRA.TTF);
}

body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 16px;
    font-family:OpenSans-Regular;
    line-height: 22px;
    color: #000000;
}
h1,
h2,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none !important;
    font-size: 16px;
}

a:hover {
    text-decoration: none !important;
}

p {
    font-size: 16px;
    line-height: 21px;
    color: #000000;
}

.my-sidenav,.ham-icon1 {
    display: none;
}
header
{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    padding: 10px 0px 12px;
    position:fixed;
    width: 100%;
    z-index: 999;
}
header .row
{
    align-items: center;
}
/*header:before 
{
    content: '';
    position: absolute;
    top:0;
    left: 0;
    background-image: url(../images/menu-left.svg);
    width: 98px;
    height: 97px;
}*/
header:after 
{
    content: '';
    position: absolute;
    top:0;
    right: 0;
    background-image: url(../images/menu-right.svg);
    width: 98px;
    height: 97px;
}
.right-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.headertxt p 
{
    font-size: 14px;
    font-size:35px;
    color: #E8222E;
}
.headertxt p sup 
{
 font-size: 20px;
 top: -.6em;   
}
.headertxt
{
    display: flex;
    align-items: center;
    gap:10px;
    border-left: 1px solid #808285;
    padding-left: 20px;
}
.headertxt h5
{
 font-size:16px;
 line-height: 22px;
 color: #808285;  
}
.headertxt h5 span
{
 display: block;
 color: #000000;
 font-family:OpenSans-Bold;
}

.rightmenu
{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.rightmenu ul 
{
    display: flex;
    margin-bottom: 0px;
}
.rightmenu ul li 
{
    list-style: none;
    margin-right: 30px;
}
.rightmenu ul li a 
{
    font-family:OpenSans-Medium;
    color: #000;
}
.rightmenu ul li a:hover 
{
    color: #E8222E;
}
/*-----------Header Css End-------------*/
.hm-banner {
  height: 100vh;
  position: relative;
}
.hm-banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position:center;
}
.hm-banner .col-xl-12 {
  position: relative;
  height: 100vh;
}
.banner-text
{
    position: absolute;
    left:calc(100vw / 16 * 2.7);
    top: 50%;
    transform:translate(0, -50%);
    margin-left:60px;
}
.banner-text h1 
{
  font-size: 150px;
  line-height: 120px;
  color:#808285;
  font-family:GOTHAM-ULTRA;
  font-style: italic;
  text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
  1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}
.banner-text h2 
{
   color: #274968;
   font-size: 109px;
   font-family:SourceSansPro-Bold;
   line-height: 90px;
   padding-bottom:30px;
}
.banner-text h1 span  
{
    display: block;
    padding-left: 166px
}
.scroll-wrap
{
 position:absolute;
 left: 0;
 bottom: 10px;
 left:calc(100vw / 16 * 1);
 width: 100px;
 z-index: 99;
}
.scroll-line
{
    height: 50px;
    width: 1px;
    background-color: #000;
}
.scroll-wrap p 
{
   color: #000;
   font-size: 14px;
   font-family:OpenSans-Medium;
   line-height: 14px;
   margin-top: -26px;
   padding-left: 4px; 
}
footer
{
    padding:50px 0px 10px 0px;
    background-image: url(../images/footer/footer-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.footer-logo
{
    text-align: center;
    margin-bottom: 40px;
}
.footer-wrap
{
    max-width: 740px;
    width: 100%;
    margin: auto;
    border:1px solid #E8222E;
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.footer-wrap p  
{
 border-right: 1px solid #E8222E;
 padding-right: 35px;  
}
.footer-wrap p:last-child 
{
    border-right:none;
    padding-right:0px;
}
.footer-wrap p img  
{
    filter:brightness(0) saturate(100%);
}
.footer-wrap p a 
{
 color: #808285;
 font-family:OpenSans-Medium;
}
.footer-wrap p a:hover
{
    color: #000000;
}
.footer-wrap p a:hover img  
{
    filter: none;
}
.foot-social
{
    display: flex;
    justify-content: center;
    gap:15px;
    margin-bottom: 80px;
}
.foot-last h6
{
    color: #ffffff;
    text-align: center;
}
.foot-last h6 a 
{
    color: #ffffff;
    font-size: 14px;
    font-family:OpenSans-Medium;
}

.hm-striding
{
    background-image: url(../images/striding-ahead-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
    background-attachment: fixed;
}
.hm-mainhead
{
    font-size: 50px;
    line-height: 52px;
    font-family:Barlow-BlackItalic;
    color: #9E9FA2;
    padding-bottom: 10px;
}
.hm-striding p 
{
 font-size: 30px;
 line-height: 36px;
 font-family:Barlow-BlackItalic;
 max-width: 490px;
 width: 100%;
 margin-bottom: 30px;
}
.hm-striding .row 
{
    align-items: center;
}
.explore-btn a 
{
    border:1px solid #E8222E;
    font-size: 16px;
    line-height: 22px;
    color:#000;
    border-radius: 100px;
    background-color: #ffffff;
    padding: 7px 0px 10px 22px;
    font-family:OpenSans-Medium;
    transition: all .3s ease-in-out;
}
.explore-btn a:hover 
{
 transition: all .3s ease-in-out;
 background-color:#E8222E;
 color: #ffffff;   
}

.chairmanSection {
  padding: 50px 0 50px;
  height: 100vh;
  background-image: url(../images/chairman-bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.row.chairBg {
  position: relative;
}
.chairBg::after {
  position: absolute;
  background-color: #E8222E10;
  content: "";
  max-width: 1015px;
  width: 100%;
  height: 400px;
  top: 140px;
  right: 0;
}
.chairContent
{
    position: relative;
    z-index: 3;
}
.chairContent h2 {
  padding-top: 60px;
  padding-bottom: 40px;
}
.chairContent p {
  font-size: 20px;
  line-height: 26px;
  color:#808285;
  padding-bottom:24px;
  font-family:OpenSans-Bold;
  max-width: 385px;
  padding-top: 5px;
}
.chairContent h4 {
  font-size: 24px;
  line-height: 30px;
  font-family:OpenSans-Bold;
  margin-bottom: 20px;
}
.chairContent h4 span {
  font-size: 16px;
  line-height: 22px;
  font-family:OpenSans-Regular;
  display: block;
  color:#808285;
}
.chairmanImg
{
    position: relative;
    z-index: 2;
}
.hm-journey
{
 background-image: url(../images/journey/our-journey-bg.webp);
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 height: 100vh;
 display: flex;
 align-items: center; 
 position: relative; 
}
.hm-smallhead
{
    background-color: #000000;
    color: #ffffff;
    font-size: 16px;
    font-family:OpenSans-Bold;
    display:block;
    padding: 2px 4px;
}
.hm-journey h6  
{
    text-align: center;
    width: 121px;
    margin: auto;
}
.hm-journey h2 
{
    text-align: center;
    margin-bottom: 80px;
}
.journey-text
{
    padding: 0px 20px 0px 20px;
    width: 62%;
}
.journey-text h4 
{
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 10px;
    font-family:OpenSans-Bold;
}
.journey-text h3 
{
    font-size: 35px;
    font-family:OpenSans-Bold;
}
.journey-text img 
{
    margin-bottom: 10px;
}
.journey-img
{
    width: 38%;
    margin-top: -1px;
}
.journey-slider.owl-carousel .owl-item .journey-img img
{
 width: 205px;   
}
.journey-slider.owl-carousel .owl-item img
{
    width: auto;
}
.journey-box
{
    display: flex;
    background-color: #ffffff;
    border-top-left-radius: 32px;
    height: 240px;
    align-items: center;
    border-right: 1px solid #E8222E;
    border-top: 1px solid #E8222E;
}
.journey-slider .owl-nav button.owl-next 
{
  position: absolute;
  width:40px;
  height:40px;
  bottom:-8px;
  margin: auto;
  right:0px;
  background-image: url(../images/right-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
}

.journey-slider .owl-nav button.owl-prev {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom:-8px;
  margin: auto;
  right:50px;
  background-image: url(../images/left-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
}
.journey-slider.owl-theme .owl-nav .owl-prev:hover,
.journey-slider.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #FFF;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: cover;
}

.journey-counter
{
    position: absolute;
    right:0px;
    left: 0px;
    margin: auto;
    bottom:37px;
    color:#E8222E;
    font-size:24px;
    font-family:OpenSans-Bold;
    text-align: center;
}

.journey-counter .divider, .journey-counter .total-slide
{
    font-size: 18px;
}
.buildinglegacysec
{
    position: relative;
    height: 100vh;
}
.mainslider .swiper-slide
{
    height: 100vh;
}
.hm-thumbnail
{
    position: absolute;
    left: 0;
    bottom:0;
    background-color: #000000d4;
    width: 100%;
    z-index: 9;
    padding: 20px 0px 20px 0px;
}
.mainslider .swiper-button-next1111
{
    position: absolute;
    right: 9%;
    bottom:50px;
    margin: auto;
    z-index: 10;
}
.mainslider .swiper-button-prev1111
{
    position: absolute;
    left: 9%;
    bottom: 50px;
    margin: auto;
    z-index: 10;
}
.hm-thumbnail .swiper
{
    max-width: 1000px;
    width: 100%;
}
.hm-thumbnail .swiper-slide img
{
    transform: translateY(10px);
}
.hm-thumbnail .swiper-slide p {
    color: #ffffff;
    position: absolute;
    z-index: 9;
    top: 30px;
    text-align: center;
    left: 0px;
    right: 0px;
    opacity: 0;
}
.hm-thumbnail .swiper-slide.swiper-slide-active img
{
    transform: translateY(-10px);
}
.hm-thumbnail .swiper-slide.swiper-slide-active
{
    position: relative;
}
.hm-thumbnail .swiper-slide.swiper-slide-active:after 
{
    content: '';
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: #00000050;
}
.hm-thumbnail .swiper-slide.swiper-slide-active p  
{
    opacity: 1;
}
.store-text
{
    max-width: 340px;
    width: 100%;
    position: absolute;
    z-index: 9;
    top: 22%;
    left: calc(100vw / 16 * 1.4);
}
.store-text h6  
{
    display: inline-block;
    margin-bottom: 25px;
    background-color: #ffffff;
    color: #000;
    padding: 8px 20px;
}
.store-text h3  
{
    font-size: 24px;
    line-height: 30px;
    font-family:OpenSans-Bold;
    padding-bottom: 10px;
    color: #ffffff;
}
.store-text p  
{
    margin-bottom: 25px;
    color: #ffffff;
}
.store-text1 h6 
{
    background-color: #000000;
    color: #ffffff;
}
.store-text1 h3, .store-text1 p  
{
    color:#000000;
}
.testimonial
{
    background-image: url(../images/stakeholder-testimonials-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 90px 0px 50px 0px;
}
.testimonial h2 
{
    margin-bottom: 40px;
    text-align: center;
}
.texti-box
{
    padding: 60px 40px 40px 60px;
    box-shadow: 0px 3px 6px #00000029;
    margin: 10px;
    overflow:hidden;
    position: relative;  
}
.texti-box:before
{
    content: '';
    background-image: url(../images/card-img1.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%; 
    z-index: -1;
}
.texti-box:after 
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/card-img2.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    position: absolute;
    z-index: -1;
    opacity: 0;
    transition: all .3s ease-in-out;
}
.texti-box:hover:after
{
 opacity: 1;
 transition: all .3s ease-in-out;   
}
.texti-box:hover p, .texti-box:hover h4, .texti-box:hover h4 span 
{
    color: #fff;
}
.texti-box p 
{
    position: relative;
    font-size: 25px;
    line-height: 30px;
    font-family:OpenSans-Medium;
    padding-bottom: 20px;
    min-height: 320px;
}
.texti-box p:before 
{
    content: '';
    position: absolute;
    left: -35px;
    top: -11px;
    background-image: url(../images/small-grey-comma.svg);
    width: 30px;
    height: 26px;
}
.texti-box:hover p:before
{
    filter: brightness(0) invert(1);
}
.texti-box h4 
{
  color: #E8222E;
  font-size: 20px;
  line-height: 26px;
  font-family:OpenSans-Bold;
  float: left;  
}
.testi-namewrap div 
{
    float: right;
}
.texti-box h4 span 
{
  color: #000000;
  font-size: 16px;
  line-height: 22px;
  font-family:OpenSans-Regular;
  display: block;  
}
.testi-slider.owl-carousel .owl-item img
{
    width: auto;
}
.testi-slider.owl-theme .owl-dots .owl-dot span
{
  background-color: #ffffff;
  border: 1px solid #E63E48;  
}
.testi-slider.owl-theme .owl-dots .owl-dot.active span, .testi-slider.owl-theme .owl-dots .owl-dot:hover span
{
 background-color: #E63E48;
 border: 1px solid #E63E48;   
}
.e-commerce
{
    background-image: url(../images/e-commerce-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 662px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden; 
}

.e-commerce h6 
{
    display: inline-block;
}
.e-commerce h2 
{
    line-height: 52px;
    color: #ffffff;
}
.e-commerce p 
{
    font-size: 20px;
    line-height: 26px;
    font-family:OpenSans-Bold;
    margin-bottom: 30px;
}
.e-commerce-img
{
    position: absolute;
    bottom:0;
    left:0px;
    right: 0px;
    text-align: center;
}
.e-commerce-text
{
    opacity: 0;
}
.hm-guiding
{
 background-image: url(../images/our-guiding-principles-bg.webp);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 height: 662px;
 overflow: hidden;
 padding-top:100px;
}
.hm-guiding h6 
{
    display: inline-block;
    margin-top: 25%;
}
.hm-guiding h2 
{
    margin-bottom: 45px;
}
.guiding-box
{
    background-image: url(../images/our-values-card.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:bottom;
    min-height: 415px;
    max-width: 505px;
    padding: 50px 25px;
    margin-bottom: 30px;
}
.guiding-box h5 
{
    color: #81030B;
    font-size: 30px;
    font-family:OpenSans-Medium;
    padding-bottom: 35px;
}
.guiding-box h3 
{
  font-size: 48px;
  line-height: 52px;
  color: #ffffff;
  font-family:OpenSans-Bold;  
}
.guiding-box h3 span  
{
 font-size: 30px;
 line-height: 30px;
 display: block;
}
.guiding-box h4  
{
    color: #ffffff;
    font-size: 30px;
    font-family:OpenSans-Bold;
    padding-top: 15px;
}
.hm-highlights
{
    background-image: url(../images/the-pace-we-set-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:bottom;
    height: 662px;
    padding: 55px 0px;
    position: relative;
}
.hm-highlights h6 
{
    width: 200px;
    text-align: center;
    margin: auto;
}
.hm-highlights h2 
{
    text-align: center;
    margin-bottom:30px;
}
.highliht-wrap h3 
{
 font-size: 50px;
 border-top: 2px solid #00000050;
 font-family:OpenSans-Bold; 
}

.highliht-wrap p 
{
    font-size: 20px;
    line-height: 22px;
    padding-bottom: 8px;
}
.highliht-wrap h5  
{
  font-family:OpenSans-Medium;
  font-size: 20px;
  line-height: 22px;
  display: flex;
  gap: 10px;  
}
.highliht-left, .highliht-right
{
    max-width:100%;
    width: 100%;
}
.highliht-wrap h4
{
 font-family:OpenSans-Bold;
 font-size: 20px;
 line-height: 24px;
 color: #808285;
 border-top: 2px solid #00000050;
 padding-top: 10px; 
}
.highliht-wrap h4 span 
{
    color: #000000;
}
.highliht-wrap p.footnote
{
 font-size: 12px;
 line-height: 16px;
 font-family:OpenSans-Light;
 font-style: italic;
 padding-top: 20px;   
}
.highliht-inner
{
    margin-bottom: 30px;
}
.highliht-main
{
    height: 140px;
    overflow: hidden;
}
.highliht-top-img
{
    position: absolute;
    top:0;
    left: 0;
    z-index: 5;
}
.stroke-text {
  font-size: 157px;
  font-family:Barlow-BlackItalic;
  color: transparent;
  -webkit-text-stroke: 2px #E8222E;
  text-stroke: 2px #E8222E;
  position: absolute;
  left: 0px;
  right: 0px;
  top:50%;
  z-index: 7;
  text-align: center;
  transform: translateY(-50%);
}
.responsiblity
{
    background-image: url(../images/br/business-responsibility-img.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
}
.responsiblity .col-xl-7 
{
    position:relative;
}
.responsiblity h6  
{
    display: inline-block;
}
.responsiblity h2 
{
    font-style: italic;
    color: #ffffff;
}
.responsiblity p 
{
    color: #ffffff;
    font-family:OpenSans-Bold;
    padding-bottom: 25px;
}
.rex-text
{
    max-width:640px;
    width: 100%;
}
.res-text
{
    background-color:#E8222E;
    padding: 6px 15px;
    position: absolute;
    left: 0;
    bottom:0;
    width: 100%;
    min-height: 55px;
}
.responsiblity .res-text p 
{
    color: #ffffff;
    font-family:OpenSans-Bold;
    padding-bottom: 0px;
}
.res-text p span 
{
    display: block;
}
.responsiblity .col-xl-7 
{
    padding-right: 0px;
}
.res-slider.owl-carousel .owl-stage
{
    padding-left: 0px !important;
}
.res-slider .owl-nav button.owl-next 
{
  position: absolute;
  width:40px;
  height:40px;
  bottom:-5px;
  margin: auto;
  right: calc(100vw / 16 * 1);
  background-image: url(../images/right-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
}
.res-slider .owl-nav button.owl-prev {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom:-5px;
  margin: auto;
  right: calc(100vw / 16 * 1.6);;
  background-image: url(../images/left-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
}
.res-slider.owl-theme .owl-nav .owl-prev:hover,
.res-slider.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #FFF;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: cover;
}
.res-counter
{
    position: absolute;
    right:0px;
    left: 0px;
    margin: auto;
    bottom:7px;
    color:#ffffff;
    font-size:24px;
    font-family:OpenSans-Bold;
    text-align: center;
}
.res-counter .divider, .res-counter .total-slide
{
    font-size: 18px;
}
.res-slider .item 
{
    position: relative;
}
.responsiblity .explore-btn
{
    margin-top: -35px;
    position: relative;
    z-index: 9;
    width: 200px;
}
.abt-metrobrands
{
    background-image: url(../images/about-metro-brands-img.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height:100vh;
    display: flex;
    align-items: center;
}
.abt-metrobrands h6  
{
    width: 196px;
    margin: auto;
    margin-bottom: 20px;
}
.abt-metrobrands h2  
{
    text-align: center;
    margin-bottom: 20px;
}
.abt-metrobrands p 
{
 color: #808285;
 font-size: 20px;
 line-height: 26px;
 text-align: center;
 font-family:OpenSans-Bold;   
}
.metrobrands-data
{
    background-image: url(../images/about-metro-brands-img.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height:100vh;
    display: flex;
    align-items: center;
    position: relative;
    position: absolute;
    left: 0;
    top:0;
    z-index: 2;
    transform: translateY(100%);
    width: 100%;
}
.metrobrands-data h2 
{
    font-size: 46px;
    line-height: 53px;
    font-family:OpenSans-Bold;
    text-align: right;
    margin-bottom: 0px;
}
.metrobrands-data p 
{
    font-size: 21px;
    line-height: 29px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D4D5D7;
    text-align: right;
    font-family:OpenSans-Regular;
    color: #000000;
}
.brands-left
{
    text-align: right;
    margin-bottom: 30px;
}

.bd-none p
{
    border:none !important;
}
.brands-right
{
    margin-bottom: 30px;
    text-align: left;
}
.brands-right h2, .brands-right p 
{
    text-align: left;
}
.metrobrands-slider.owl-carousel .owl-item img
{
    width: 400px;
}
.metrobrands-slider .owl-nav button.owl-next 
{
  position: absolute;
  width:40px;
  height:40px;
  bottom:-49px;
  margin: auto;
  right: calc(100vw / 16 * 1);
  background-image: url(../images/right-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
}
.metrobrands-slider .owl-nav button.owl-prev {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom:-49px;
  margin: auto;
  right: calc(100vw / 16 * 1.6);
  background-image: url(../images/left-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
}
.metrobrands-slider.owl-theme .owl-nav .owl-prev:hover,
.metrobrands-slider.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #FFF;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: cover;
}
.metrobrands-counter
{
    position: absolute;
    left: calc(100vw / 16 * 1.4);
    bottom:33px;
    color:#E8222E;
    font-size:24px;
    font-family:OpenSans-Bold;
    text-align: center;
}
.metrobrands-counter .divider, .metrobrands-counter .total-slide
{
    font-size: 18px;
}
.metrobrands-data .explore-btn
{
    text-align: center;
}
.hm-keyperformance
{
    background-color: #FBE4C4;
    padding: 50px 0px;
    position: relative;
}
#road-tab {
    display: flex;
    border-bottom: none;
    margin-bottom: 40px;
    border:1px solid #E8222E;
    align-items: center;
    position: relative;
    z-index: 9;
}
.stakeTabs .nav-link {
  display: block;
  padding: 0px;
  font-size: 18px;
  color: #000;
  width: 100%;
  position: relative;
  background-color:transparent;
  border-radius: 0px;
  padding: 12px 40px;
  opacity:1;
  font-family:OpenSans-Bold;
  border:none;
  text-align: left;
}
.stakeTabs ul li 
{
    width: 33.33%;
    border-right: 1px solid #E8222E;
    min-height: 66px;
    display: flex;
}
.stakeTabs ul li:last-child
{
  border-right:none;  
}
.stakeTabs .nav-tabs .nav-item.show .nav-link,
.stakeTabs .nav-tabs .nav-link.active {
  opacity: 1;
  background-color: #E8222E;
  color: #fff;
}
.l-tab-mbl
{
    display: none;
}
.hm-keyperformance h6 
{
    display: inline-block;
}
.hm-keyperformance h2 
{
    padding-bottom: 30px;
}
.driver-box
{
  padding-right: 20px;
  border-right: 1px solid #E8222E; 
  border-bottom: 1px solid #E8222E;
  min-height: 335px;
  position: relative;
  margin-bottom: 30px;
}

.driver-box h4 
{
    background-color: #E8222E;
    padding: 6px 10px;
    color: #ffffff;
    font-size: 17px;
    font-family:OpenSans-Bold;
    margin-bottom: 10px;
}
.driver-box p 
{
  color: #2B2E34;
  border-bottom: 1px solid #2B2E3450;
  font-size: 17px;
  line-height: 24px;
  padding-bottom: 6px;
  margin-bottom: 6px; 
}
.d-btmicon
{
    position: absolute;
    right: 30px;
    bottom: 10px;
}
#foot-tab
{
    display: block;
    border: none;
}
#foot-tab li 
{
    width: 100%;
    border-right: none;
}
#foot-tab .nav-link
{
    padding: 12px 20px;
    border: 1px solid #000;
    margin-bottom: 15px;
}
#foot-tab.nav-tabs .nav-item.show .nav-link,
#foot-tab.nav-tabs .nav-link.active {
  border: 1px solid #E8222E;
}
.foot-tabcontent h6 
{
    font-size: 14px;
    color: #808285;
    font-family:OpenSans-Light;
    font-style: italic;
    padding-top: 15px;
    position: relative;
    z-index: 9;
}
.foot-graph1
{
    margin-bottom: 30px;
}
.mgmt-team
{
 background-image: url(../images/mgmt/mgmt-bg.webp);
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 position: relative;
 padding: 30px 0px 40px 0px;     
}
.mgmt-team h2 
{
    text-align: center;
    margin-bottom: 30px;
}
.mgmt-box
{
    background-color: #FAFAFA;
    box-shadow: 0px 3px 6px #00000029;
    padding: 30px 24px 0px 24px;
    margin: 5px;
    position: relative;
}
.mgmt-box h4 
{
 color: #E8222E;
 font-size: 20px;
 line-height: 24px;
 font-family:OpenSans-Bold;   
}
.mgmt-box h6 
{
    padding-bottom: 40px;
    font-size: 16px;
    line-height: 22px;
    font-family:OpenSans-Regular;
}
.mgmtred
{
    position: absolute;
    left: 0;
    top:0;
    background-color: #E8222E;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .3s ease-in-out;
}
.mgmtred:hover
{
    opacity: 1;
    transition: all .3s ease-in-out;
}
.mgmtred p 
{
    color: #ffffff;
    font-size: 18px;
    line-height: 26px;
    padding:40px 30px;
}
.mgmt-slider .owl-nav button.owl-next 
{
  position: absolute;
  width:40px;
  height:40px;
  bottom:-8px;
  margin: auto;
  right:0px;
  background-image: url(../images/right-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
}
.mgmt-slider .owl-nav button.owl-prev {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom:-8px;
  margin: auto;
  right:50px;
  background-image: url(../images/left-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
}
.mgmt-slider.owl-theme .owl-nav .owl-prev:hover,
.mgmt-slider.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #FFF;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: cover;
}
.mgmt-counter
{
    position: absolute;
    left: calc(100vw / 16 * 1.4);
    bottom:48px;
    color:#E8222E;
    font-size:24px;
    font-family:OpenSans-Bold;
    text-align: center;
}
.mgmt-counter .divider, .mgmt-counter .total-slide
{
    font-size: 18px;
}
.mgmt-team .explore-btn
{
    text-align: center;
    margin-top: -32px;
}
.brand-portfolio h4 
{
  color: #E8222E;
  font-size: 20px;
  line-height: 26px;
  font-family:OpenSans-Bold;
  padding-bottom: 10px;  
}
.brand-portfolio h3 
{
 font-size: 30px;
 line-height:30px;
 font-family:Barlow-BlackItalic;
 padding-bottom: 40px;   
}
.metrobrands-slider.owl-carousel .owl-item .brand-logo img
{
    width:100%;
}
.portfolio-wrap
{
    display: flex;
    align-items: center;
    gap:30px;
    border-bottom: 2px solid #D4D5D7;
    margin-bottom: 50px;
    padding-bottom: 50px;
}
.brand-logo {
    border-right: 1px solid #D4D5D7;
    height: 60px;
    display: flex;
    align-items: center;
    padding-right: 30px;
}
.portfolio-wrap1
{
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.portfolio-wrap1 .brand-logo 
{
 height: 90px;
}
.bd-none1
{
    border:none !important;
}
.prdct-cat h4
{
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    font-family:OpenSans-Bold;
    padding-bottom: 50px;
}
.prdct-det p 
{
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    padding-bottom: 0px;
    border-bottom: none;
    padding-top: 14px;
}
.prdct-det
{
    border-right: 1px solid #00000050;
    height: 100px;
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.prdct-cat-wrap
{
    display: flex;
    margin-bottom: 60px;
}
.metrobrands-slider.owl-carousel .owl-item .prdct-det img
{
    width: auto;
    margin: auto;
}
.metrobrands-data h6.footnote
{
 font-size: 12px;
 line-height: 16px;
 font-family:OpenSans-Light;
 font-style: italic; 
}
.striding{
    background-image: url(../images/banner-img-striding-ahead.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    padding-top: 80px;
    position: relative;
    margin-bottom: 40px;
}
.striding .aheadData h1{
    font-size: 50px;
    line-height: 40px;
    color: #9E9FA2;
    font-family:Barlow-BlackItalic;
    padding-bottom: 10px;
}
.striding .aheadData{
    position: absolute;
    top: 40%;
}
.striding .aheadData h3{
    font-size: 20px;
    line-height: 25px;
    color: #000000;
    font-family:Barlow-BlackItalic;
    max-width: 443px;
}
.sitemap {
    display: flex;
}
.sitemap a{
    font-size: 12px;
    line-height: 17px;
    color: #000;
    font-family:OpenSans-Medium;
}
.india h3{
    font-size: 20px;
    line-height: 25px;
    color: #000000;
    font-family:Barlow-BlackItalic;
    padding-bottom: 40px;
}
.india p{
    padding-bottom: 20px;
}
.leftPrev {
    border: 1px solid #E8222E;
    border-radius: 50px;
    display: flex;
    align-items: center;
    transition: all ease 0.5s;
}
.leftPrev:hover{
    background-color: #E8222E;
    transition: all ease 0.5s;
}
.leftPrev:hover p{
    color: #fff;
}
.leftPrev p{
    color: #000;
    font-family:OpenSans-Semibold;
    font-size: 18px;
    line-height: 25px;
}
.leftPrev.rt{
    justify-content: right;
}
.prevNext{
    margin: 40px 0;
}
.guiding-box p 
{
    color: #ffffff;
    font-size: 18px;
    padding-bottom: 50px;
    position: relative;
    padding-left: 14px;
}

.guiding-box p.g1:before 
{
    content: 'P';
    font-size: 60px;
    color:#f88b92c2;
    position: absolute;
    top:-15px;
    left: 0;
    font-family:OpenSans-Bold;
}
.guiding-box p.g2:before 
{
    content: 'R';
    font-size: 60px;
    color:#f88b92c2;
    position: absolute;
    top:-15px;
    left: 0;
    font-family:OpenSans-Bold;
}
.guiding-box p.g3:before 
{
    content: 'I';
    font-size: 60px;
    color:#f88b92c2;
    position: absolute;
    top:-15px;
    left: 0;
    font-family:OpenSans-Bold;
}
.guiding-box p.g4:before 
{
    content: 'D';
    font-size: 60px;
    color:#f88b92c2;
    position: absolute;
    top:-15px;
    left: 0;
    font-family:OpenSans-Bold;
}
.guiding-box p.g5:before 
{
    content: 'E';
    font-size: 60px;
    color:#f88b92c2;
    position: absolute;
    top:-15px;
    left: 0;
    font-family:OpenSans-Bold;
}

.stakeTestimonial{
    background-image: url(../images/stake/banner-bg.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 80px;
}
.stakeTestimonial .stakeTestimonialData h1{
 padding-top: 33px;
 padding-bottom: 55px;
 font-size: 50px;
 line-height: 40px;
 color: #9E9FA2;
 font-family:Barlow-BlackItalic;
}
.site{
    padding: 70px;
}
.performance h1{
    font-size: 50px;
    line-height: 40px;
    color: #9E9FA2;
    font-family:Barlow-BlackItalic;
    padding-bottom: 30px;
}

.jituDiv{
    max-width: 867px;
    border-bottom: 1px solid #E8222E;
    padding-bottom: 15px;
    margin-bottom: 75px;
    
}
.jituDivLast{
    max-width: 100%;
}
.jituDiv h5{
    color: #E8222E;
    font-size: 20px;
    line-height: 25px;
    font-family:OpenSans-Bold;
}
.jituDiv p{
    color: #000000;
}
.testinomialName{
    border-right: 1px solid #E8222E;
}

.jituDiv h3{
    color: #E8222E;
    font-size: 40px;
    line-height: 25px;
    font-family:OpenSans-Bold;
    opacity: 0.45;
}
.testExperiance{
    padding-top: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.greyboxTest{
    background-color: #EFEFEF;
    padding: 30px 45px 45px 58px;
    background-image: url(../images/stake/dot.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 73px;
}
.greyBoxTxt p{
    padding-bottom: 20px;
}
.stakeSec{
    margin-bottom:60px;
}
.textionmialImg{
    position: absolute;
    top: -73px;
    right: 168px;
}

.footprintsec .blckboxDiv{
    background-color: #000000;
    max-width: 175px;
    padding: 8px 15px;
    margin-top: 57px;
    margin-bottom: 20px;
}
.footprintsec .blckboxDiv p{
    font-family:OpenSans-Bold;
    color: #FFFFFF;
}
.footprintsec{
    background-image: url(../images/footprint/banner-bg.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 80px;
    margin-bottom: 30px;
}
.footprintsec .footprintHead h1{
    font-size: 50px;
    line-height: 40px;
    color: #9E9FA2;
    font-family:Barlow-BlackItalic;
    padding-bottom: 20px;
}
.footprintsec .footprintHead h5{
    font-size: 20px;
    line-height: 25px;
    color: #9E9FA2;
    font-family:OpenSans-Bold;
    padding-bottom: 48px;
}
.footprintsecData h5{
    font-size: 20px;
    line-height: 25px;
    color: #E8222E;
    font-family:OpenSans-Bold;
    padding-bottom: 10px;
}
.footprintsecData p{
    padding-bottom: 20px;
}

.totalStores{
    background-image: url(../images/footprint/bg2.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0px;
    margin-bottom: 30px
}
.totalstoreDiv{
    text-align: center;
}
.ourPresence{
    background-image: url(../images/footprint/map-bg.webp);
    background-position: right;
    /* background-size: cover; */
    background-repeat: no-repeat;
    padding: 50px 0px;
    margin-bottom: 30px
}

.presenceData h5{
    font-size: 20px;
    line-height: 25px;
    color: #E8222E;
    font-family:OpenSans-Bold;
    padding-bottom: 10px;
}
.presenceData p{
    padding-bottom: 20px;
}
.presenceData h4{
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    font-family:OpenSans-Bold;
    padding-bottom: 10px;
}
.footlast{
    background-image: url(../images/footprint/bg3.webp);
    background-position: right;
    /* background-size: cover; */
    background-repeat: no-repeat;
    padding: 135px 0px;
    margin-bottom: 30px
}

.footlast h5{
    font-size: 20px;
    line-height: 25px;
    color: #000000;
    font-family:OpenSans-Bold;
    padding-bottom: 35px;
}

.makingsec{
    background-image: url(../images/footprint/banner-bg.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 80px;
    margin-bottom: 70px;
}
.makingsec .makingsechead h1{
    font-size: 50px;
    line-height: 40px;
    color: #9E9FA2;
    font-family:Barlow-BlackItalic;
    padding-bottom: 20px;
}
.makingsec .makingsechead h5{
    font-size: 20px;
    line-height: 25px;
    color: #9E9FA2;
    font-family:OpenSans-Bold;
    padding-bottom: 48px;
}
.makingsec .blckboxDiv{
    background-color: #000000;
    max-width: 240px;
    padding: 8px 15px;
    margin-top: 57px;
    margin-bottom: 20px;
}
.makingsec .blckboxDiv p{
    font-family:OpenSans-Bold;
    color: #FFFFFF;
}
.row.rowalgncenter{
    align-items: center;
}
.making1Div img{
    padding-bottom: 13px;
}
.making1Div h5{
    font-size: 20px;
    line-height: 25px;
    color: #E8222E;
    font-family:OpenSans-Bold;
    padding-bottom: 10px;
}
.making2sec{
    background-image: url(../images/making/making-img2.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 80px;
    padding-bottom: 80px;
    margin-bottom: 30px;
}

.making3sec{
    background-image: url(../images/making/bg2.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 70px;
    padding-bottom: 70px;
}
.making3Div img{
    padding-bottom: 13px;
}
.making3Div h5{
    font-size: 20px;
    line-height: 25px;
    color: #E8222E;
    font-family:OpenSans-Bold;
    padding-bottom: 10px;
}
.making3Div p{
    padding-bottom: 20px;
}
.making3Div p span{
    font-family:OpenSans-Bold;
}
.making4sec{
    background-image: url(../images/making/making-img4.webp);
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 60px;
}
.making5mainDiv{
    background-image: url(../images/making/01-dot.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 32px 32px;
    box-shadow: 0px 3px 6px #00000029;
    margin-bottom: 40px;
}
.making6mainDiv{
    background-image: url(../images/making/02-dot.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 32px 32px;
    box-shadow: 0px 3px 6px #00000029;
    margin-bottom: 90px;
}


.storetopSec{
    background-image: url(../images/storeformat/banner-bg.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 80px;
    margin-bottom: 70px;
}

.storetopSec .storesechead p{
    color: #000000;
    font-family:OpenSans-Bold;
    padding-bottom: 10px;
}
.storetopSec .blckboxDiv{
    background-color: #000000;
    max-width: 170px;
    padding: 8px 15px;
    margin-top: 57px;
    margin-bottom: 7px;
}
.storetopSec .blckboxDiv p{
    font-family:OpenSans-Bold;
    color: #FFFFFF;
}
.storetopSec p span{
    font-family:OpenSans-Bold;
}
.storeGreybox{
    padding: 20px 30px 30px 30px;
    background-color: #EFEFF0;
    border-radius: 34px;
}
.storeGreybox p{
    padding-bottom: 10px;
    padding-top: 15px;
    border-bottom: 1px solid #707070;
}
.store1Div{
    padding-bottom: 60px;
}
.store1Para{
    padding-bottom: 60px;
}
.store2{
    margin-bottom: 70px;
}
.store2Para{
    padding-top: 30px;
    padding-bottom: 60px;
}
.store2 p span{
    font-family:OpenSans-Bold;
}
.store3{
    background-image: url(../images/storeformat/bg3.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 75px 0px;
    margin-bottom: 45px;
}
.store3Para{
    padding-top: 30px;
}

.store3 p span{
    font-family:OpenSans-Bold;
}
.store3Para p{
    padding-bottom: 20px;
}
.store3 h4{
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
}
.storeGreybox .nobrdbtm{
    border-bottom: none;
}
.store4{
    margin-bottom: 40px;
}
.store4 .pdbtm15{
    padding-bottom: 15px;
}
.store4Para{
    padding-top: 30px;
}
.store4 p span{
    font-family:OpenSans-Bold;
}
.store5{
    background-image: url(../images/storeformat/bg-2.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 115px;
    padding-bottom: 40px;
}

.store5Para{
    padding-top: 30px;
}
.store5 p span{
    font-family:OpenSans-Bold;
}
.store6{
    background-image: url(../images/storeformat/banner-bg.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 50px 0px;
}

.store6Para{
    padding-top: 30px;
}
.store6 p span{
    font-family:OpenSans-Bold;
}
.store6 h4{
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
    padding-top: 15px;
}
.store7{
    padding: 50px 0px;
    margin-bottom: 30px;
}

.store7Para{
    padding-top: 30px;
}
.store7 p span{
    font-family:OpenSans-Bold;
}
.store7 h4{
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
    padding-top: 15px;
}
.store8{
    background-image: url(../images/storeformat/bg3.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 32px 0px;
    margin-bottom: 50px;
}

.store8Para{
    padding-top: 30px;
}
.store8 p span{
    font-family:OpenSans-Bold;
}
.store8 h4{
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
    padding-top: 15px;
}
.store8head h1{
    font-size: 35px;
    line-height: 40px;
    color: #808285;
    font-family:Barlow-BlackItalic;
    padding-bottom: 10px;
}
.store8head h5{
    font-size: 20px;
    line-height: 25px;
    color: #9E9FA2;
    font-family:OpenSans-Bold;
    padding-bottom: 35px;
}

.store9 h5{
    font-family:OpenSans-Bold;
    font-size: 20px;
    line-height: 40px;
    color: #E8222E;
}
.store9 p{
    padding-bottom: 20px;
}
.store9 ul {
    padding-left: 0;
    margin: 0;
}
.store9 ul li{
    list-style: none;
    position: relative;
    padding-left: 15px;
    padding-bottom: 20px;
}
.store9 ul li::before{
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background-color: #000000;
    top: 7px;
    left: 0;
    border-radius: 20px;
}
.clarksimg h1{
    font-size: 35px;
    line-height: 40px;
    color: #808285;
    font-family:Barlow-BlackItalic;
    padding-bottom: 10px;
}
.clarksimg h5{
    font-size: 20px;
    line-height: 25px;
    color: #9E9FA2;
    font-family:OpenSans-Bold;
    padding-bottom: 10px;
}
.store10{
    background-image: url(../images/storeformat/bg-2.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 80px;
    padding-bottom: 60px;
    padding-top: 40px;
}
.performance{
    background-image: url(../images/financial/banner-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 50px;
}
.graphSec{
    background-image: url(../images/financial/bg-2.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 60px;
    min-height: 662px;
}
.graphSecNew{
    background-image: url(../images/financial/bg3.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    min-height: 619px;
}
.graphSecNum{
    background-image: url(../images/financial/bg4.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    min-height: 619px;
}
.graphSecNum p{
    padding-top: 30px;
    font-size: 14px;
    font-family:OpenSans-Regular;
    font-style: italic;
    padding-bottom: 30px;
}
.tableTab .custom-tabs .nav-link {
  border: 1px solid #e60012; 
  border-radius: 0;
  color: #000;
  background: #fff;
  font-family:OpenSans-Bold;
  width: 100%; 
  text-align: center;
  min-height: 53.3px;
}
.tableTab ul li{
    width: 50%;
}
.tableTab .custom-tabs .nav-link.active {
  background: #E8222E; 
  color: #fff;
  border-color: #E8222E;
  padding: 15px 0;
}
.financial-table table,
.financial-table td {
  background: transparent !important;
}

.rightP p{
    text-align: right;
    padding-bottom: 25px;
}
.financial-table thead tr {
  background: #f04a3e; 
  color: #fff;
  text-align: right;
}

.financial-table thead th {
  border-bottom: 1px solid #f5c0bc;
  background-color: #FFDFD4;
  font-family:OpenSans-Bold;
  font-size: 15px;
  white-space: nowrap;
}
.financial-table thead th:first-child{
    text-align: left;
}
.financial-table thead th:last-child {
 background-color: #FF2D1F;
 color: #fff;
}
.financial-table tbody td {
  text-align: right;
  vertical-align: top;
}
.financial-table tbody tr.last{
    border-bottom: 1px solid #E8222E;
}
.financial-table tbody td:first-child {
  text-align: left;
}
.tabData p{
    font-size: 14px;
    font-style: italic;
    padding-bottom: 10px;
}
.bod h1{
    font-size: 50px;
    line-height: 40px;
    color: #9E9FA2;
    font-family:Barlow-BlackItalic;
    padding-top: 50px;
    padding-bottom: 40px;
}
.bod{
    padding-top: 90px;
    background-image: url(../images/bod/banner-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    /* margin-bottom: 50px; */
}
.firstBod h3{
    color: #E8222E;
    font-family:OpenSans-Bold;
    font-size: 20px;
    padding-top: 5px;
}
.horizonData{
    /* display: flex;
    align-items: center;
    justify-content: space-between; */
    border-bottom: 1.5px solid #000000;
    padding-bottom: 6px;
}
.toggData {
  /* display: none; */
  margin-top: 10px;
  transition: all ease 0.5s ;
}
.toggData.show {
  display: block;
}
/* .firstBod {
    min-height: 500px;
} */
.arvind{
    padding-top: 90px;
    background-image: url(../images/bod/bg-2.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.mithun{
    padding-top: 90px;
    background-image: url(../images/bod/bg3.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
}
.alisha{
    padding-top: 90px;
    background-image: url(../images/storeformat/bg3.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
}
.performance{
    padding-top: 90px;
}
.ourComp{
    padding-top: 70px;
}
.leftSec p{
    background: #000;
    padding: 8px 14px;
    color: #fff;
    max-width: 195px;
    font-family:OpenSans-Bold;
    margin-bottom: 15px;
}
.leftSec h1{
    color: #9E9FA2;
    font-size: 50px;
    line-height: 40px;
    font-family:Barlow-BlackItalic;
    padding-bottom: 15px;
}
.leftSec h3{
    color: #707070;
    font-size: 20px;
    line-height: 25px;
    font-family:OpenSans-Bold;
    max-width: 600px;
}
.row.bannrow{
    align-items: center;
    padding-top: 30px;
}
.ourComp{
    background-image: url(../images/our/banner-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
}
.divLeft h3{
    font-size: 20px;
    list-style: 40px;
    color: #E8222E;
    font-family:OpenSans-Bold;
    padding-bottom: 10px;
    font-style: italic;
}
.numbergImg:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.diver h3.black{
    color: #000;
    font-size: 20px;
    list-style: 40px;
    font-family:OpenSans-Bold;
    padding-bottom: 18px;
}
.numbergImg{
    margin-bottom: 40px;
}
.boxF h3{
    background-color: #E8222E;
    font-size: 16px;
    color: #fff;
    font-family:OpenSans-Bold;
    padding: 4px 0 4px 5px;
    margin-bottom: 15px;
    max-width: 330px;
}
.boxF p{
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    margin-bottom: 7px;
}
.boxF{
    min-height: 339px;
    border-right: 1px solid #FF2D1F;
    border-bottom: 1px solid #FF2D1F;
    position: relative;
}
.boxF .iconImg{
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.diver{
    background-image: url(../images/our/bg-2.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 40px;
}
.store{
    background-image: url(../images/our/our-competencies-img2.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    margin-bottom: 40px;
}
.eastern h3{
    color: #E8222E;
    font-size: 20px;
    line-height: 40px;
    font-family:OpenSans-Bold;
    font-style: italic;
}
.eastern{
    padding-bottom: 40px;
}
.panIndia h3.black{
    color: #000;
    padding-bottom: 30px;
    font-size: 20px;
    line-height: 40px;
    font-family:OpenSans-Bold;
}
.numbergImg.mb30{
    margin-bottom: 30px;
}
.storeN{
    margin-bottom: 40px;
}
.footwear h1{
    color: #000;
    font-family:OpenSans-Bold;
    font-size: 35px;
    line-height: 22px;
    padding-bottom: 8px;
}
.footwear{
    padding-bottom: 30px;
}
.acapital{
    background-image: url(../images/our/bg3.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    margin-bottom: 40px; 
    display: flex;
    align-items: center;
}
.acapital .row{
    align-items: center;
}
.footwear p span{
    display: block;
}
.footnote p{
    font-size: 14px;
}
.lastSec .footnote{
    padding-bottom: 20px;
}
.performance .sitemap {
    padding-bottom: 43px;
}
/*
.metrobrands-data
{
    transform: translateY(90%);
}*/
.abt-metrobrands .explore-btn
{
    margin-top: -30px;
    z-index: 9;
    position: relative;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.highliht-center-img
{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 22%;
    text-align: center;
    opacity: 1;
}
.hm-highlights .explore-btn 
{
    text-align: center;
    position: absolute;
    left: 0px;
    bottom:60px;
    z-index: 9;
    opacity: 1;
}
.foot-btm-img
{
    position: absolute;
    right: 0;
    bottom:0;
}
.foot-graph
{
    position: relative;
    z-index: 2;
}
.newnavv{
    background:#ffffff;
    position:fixed;
    z-index: 999;
    width:100%;
    max-width: 1140px;
    top: 65px;
    left: 0px;
    right: 0px;
    display: none;
    border-radius:0px;
    box-shadow: 0px 3px 6px #00000029;
    border-top:1px solid #E8222E;
    border-bottom:1px solid #E8222E;
    padding: 20px 20px 20px 20px;
    margin: auto;
}
.newnavv:after {
    width: 25px;
    height:13px;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -13px;
    transition: all ease 1s;
    display: block;
    background-image: url(../images/menu/line-arrow.svg);
}
.newnavv.nv1:after {
  left: -30%;
}
.newnavv.nv2:after {
  left: -2%;
}
.newnavv.nv3:after {
  left: 30%;
}
.menu-wrap .container
{
    position: relative;
}
.chairBanner h1{
    font-size: 35px;
    padding-bottom: 30px;
}
.commaImg{
    padding-bottom: 10px;
}
.chairBanner{
    background-image: url(../images/chairman/banner-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    padding-top: 78px;
}
.chairData{
    background-color: #FBE4C4;
    padding-top: 78px;
    padding-left: 60px;
    padding-bottom: 60px;
}
.sharedata h4{
    font-size: 20px;
    line-height: 25px;
    padding-bottom: 24px;
}
.sharedata p{
    padding-bottom: 20px;
}
.sharedata{
    padding-bottom: 15px;
}
.chairData h3{
    color: #707070;
    font-size: 20px;
    line-height: 25px;
    font-family:OpenSans-Bold;
}
.chairData .commaImg{
    padding-bottom: 15px;
}
.lastData p{
    padding-bottom: 20px;
}
.nameH p{
    padding-bottom: 10px;
}
.nameH h2{
    font-family:OpenSans-Bold;
    font-size: 16px;
    line-height: 20px;
}
.lastData{
    background-image: url(../images/chairman/bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40px;
}

/**/
.allMetroBg {  
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  padding-top: 80px;
  position: relative;
  margin-bottom: 40px;
}
.fyHighlights{
    background-image: url(../images/fy/banner-bg.webp);
    height: auto;
    padding-bottom: 50px;
}
.allMetroBg .aheadData h1 {
  font-size: 50px;
  line-height: 40px;
  color: #9E9FA2;
  font-family: Barlow-BlackItalic;
  padding-bottom: 10px;
}
.allMetroBg .aheadData h3 {
  font-size: 20px;
  line-height: 25px;
  color: #000000;
  font-family: Barlow-BlackItalic;
  max-width: 443px;
}
.allMetroBg .aheadData {
  position: absolute;
  top: 40%;
}
.aheadData h4 {
  padding: 8px 20px;
  background-color: #000000;
  color: #fff;
  width: fit-content;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}
.ebiditaIns h4 img {
  width: auto !important;
  display: inline!important;
}
.ebiditaIns h4 {
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  font-weight: 500;
  font-family: OpenSans-Medium;
  display: flex;
  gap: 5px;
  align-items: center;
}
.ebiditaIns h5 {
  font-size: 35px;
  line-height: 40px;
  color: #000000;
  font-family: OpenSans-Bold;
}
.ebiditaIns h5 sub {
  bottom: 0px;
}
.ebiditaIns {
  border-top: 2px solid #000;
  padding-top: 10px;
}
.ebiditaSlider .owl-nav button.owl-next 
{
  position: absolute;
  width:40px;
  height:40px;
  bottom:-10px;
  margin: auto;
  right: 0px;
  background-image: url(../images/right-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
}
.ebiditaSlider .owl-nav button.owl-prev {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom:-10px;
  margin: auto;
  right: 50px;
  background-image: url(../images/left-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
}
.ebiditaSlider.owl-theme .owl-nav .owl-prev:hover,
.ebiditaSlider.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #FFF;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: cover;
}
.allMetro {
  padding-top: 40px;
  padding-bottom: 130px;
  position: relative;
}
.res-counter1 {
  position: absolute;
  right: 0px;
  left: 38%;
  margin: auto;
  bottom: 87px;
  color: #E8222E;
  font-size: 24px;
  font-family: OpenSans-Bold;
}
.res-counter1 .divider, .res-counter1 .total-slide{
    font-size: 18px;
}
/**/
.deliverEle .owl-nav button.owl-next 
{
  position: absolute;
  width:40px;
  height:40px;
  bottom:-10px;
  margin: auto;
  right: 50px;
  background-image: url(../images/right-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
}
.deliverEle .owl-nav button.owl-prev {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom:-10px;
  margin: auto;
  right: 95px;
  background-image: url(../images/left-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
}
.deliverEle.owl-theme .owl-nav .owl-prev:hover,
.deliverEle.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #FFF;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: cover;
}
.res-counter2 {
  position: absolute;
  right: 0px;
  left: 38%;
  margin: auto;
  bottom: 87px;
  color: #E8222E;
  font-size: 24px;
  font-family: OpenSans-Bold;
}
.res-counter2 .divider, .res-counter2 .total-slide{
    font-size: 18px;
}
.launchedMain{
    position: relative;
    padding-bottom: 130px;
    padding-top: 50px;
}
.launchedMain .item{
  background-image: url("../images/fy/card.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 426px;
}
.launchedFirst {
  max-width: 520px;
  width: 100%;  
  padding: 66px 44px 30px 28px;
}
.launchedFirst h4 {
  font-size: 40px;
  line-height: 45px;
  color: #fff;
  font-family: OpenSans-Bold;
}
.launchedFirst p {
  font-family: OpenSans-Bold;
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  margin-top: 5px;
}
.ebiditaIns h4 {
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  font-weight: 500;
  font-family: OpenSans-Medium;
  display: flex;
  gap: 5px;
  align-items: center;
  margin-top: 5px;
}

.aboutMetro h4 {
  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
  background-color: #000;
  width: fit-content;
  padding: 8px 20px;
  margin-bottom: 20px;
  font-family: OpenSans-Bold;
}
.aboutMetro {
  margin-top: 50px;
}
.aboutMetro h3 {
  font-size: 35px;
  line-height: 40px;
  color: #808285;
  font-family:Barlow-BlackItalic;
  font-style: italic;
  margin-bottom: 10px;
}
.aboutMetro p {
  color: #808285;
  font-size: 20px;
  line-height: 25px;
  font-family: OpenSans-Bold;
}
.storetopSec1 {
  background-image: url(../images/about/banner-bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 80px;
  margin-bottom: 50px;
}
.indiaLargest {
  background-color: #FBE4C4;
  padding: 130px 0px;
}
.indiaLargest h4 {
  margin-top: 50px;
  font-size: 20px;
  line-height: 40px;
  color: #000000;
  font-family: OpenSans-Bold;
  margin-bottom: 20px;
}
.indMen {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #9d9797;
  min-height: 58px;
  max-width: 285px;
  width: 100%;
  align-items: center;
}
.noteText {
  font-size: 12px;
  font-style: italic;
}
.brandPortfolio {
  padding: 80px 0px;
}
.brandPortfolio .stakeTabs ul li {
  width: 50%;
}
.brandPortfolio h4 {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 20px;
  color: #E8222E;
  font-family: OpenSans-Bold;
}
.mochiMetro {
  background: linear-gradient(180deg, rgba(128,130,133,0.15) 0%, rgba(128,128,128,0) 100%) 0% 0% no-repeat padding-box;
  border-radius: 20px;
  padding: 26px 15px;
  margin-bottom: 50px;
}
.mochiImg img {
  margin: 0px auto 30px auto;
  display: block;
}
.mochiImg {
  border-right: 1px solid #000;
  min-height: 59px;
}
.mochiImg.noBor {
  border-right: 0px solid #000;
}
.storesFor {
  background-image: url(../images/about/bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 60px;
  margin-bottom: 130px;

}
.allState {
  display: flex;
  flex-wrap: wrap;
}
.allState > div {
  width: 50%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #b7b4b4;
}
.indState h5 {
  font-size: 35px;
  line-height: 40px;
  color: #000;
  font-family: OpenSans-Bold;
}
.brandPortfolio p {
  margin-bottom: 25px;
}
/**/
.ecomPage .aboutMetro h3 {
  font-size: 50px;
  line-height: 60px;
  color: #9E9FA2;
  margin-bottom: 15px;
}
.redClr {
  color: #E8222E !important;
  margin-top: 30px;
  margin-bottom: 8px;
}
p.norText{
 font-size: 16px;
 font-family:OpenSans-Regular;
 line-height: 22px;
 color: #000!important;
}
.ourEcomme{
    padding-top: 50px;
    padding-bottom: 50px;
}
.sixExcl h4 {
  color: #000;
  font-size: 20px;
  line-height: 25px;
  font-family: OpenSans-Bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
.sixExcl ul {
  border: 1px solid #E8222E;
  list-style: none;
  padding: 9px 0px;
}
.sixExcl ul li a {
  padding: 9px;
  border-bottom: 1px solid #E8222E;
  display: block;
  color: #000;
}
.sixExcl ul li:last-child a{
  border-bottom: 0px;
}
.omniCha h3{
    color: #E8222E;
    font-size: 20px;
    line-height: 25px;
    font-family: OpenSans-Bold;
    margin-bottom: 8px;
}
.anInt .row, .ourEcomme .row{
    align-items: center;
}

.breaksIns h3{
    font-style: italic;
    color: #E8222E;
    font-size: 24px;
    line-height: 40px;
    font-family: OpenSans-Bold;
    margin-bottom: 17px;
}
.breaksIns img{
    margin-bottom: 15px;
}
.breaksIns p{
    margin-bottom: 15px;
}
.breaksIns {
  max-width: 621px;
  width: 100%;
}
.breaupMain{
    background-image: url(../images/ecom/bg2.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0px;
}
.anInt {
  padding: 40px 0px 95px 0px;
}
.qaBodyText p {
  margin-bottom: 25px;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}
.qaBodyText p b {
  font-family: OpenSans-Bold;
}
.qaAcor .accordion-item {
  margin-bottom: 30px;
  border: 0;
}
.qaAcor .accordion-body {
  padding: 20px 0px;
}
.qaAcor .accordion-button {
  padding: 0px;
}
.qaAcor .accordion-button{
  color: #E8222E;
  background-color: transparent;
  box-shadow: none;
  font-size: 20px;
  line-height: 25px;
  font-family: OpenSans-Bold;
  display: flex;
  gap: 15px;
}
.qaAcor .accordion-button::after {
  background-image: url("../images/qa/plus.svg");
}
hr.grayLine {
  margin: 0px auto 30px;
  color: inherit;
  border: 0;
  border-top: 2px solid;
  opacity: .25;
}
.qaPage h3{
    margin-bottom: 20px;
}
.aqText h4 {
  font-size: 20px;
  line-height: 25px;
  color: #808285;
  font-family: OpenSans-Bold;
  margin-bottom: 20px;
  margin-top: 10px;
}
.aqText p {
  margin-bottom: 20px;
}
.footlast h4{
    font-size: 14px;
    font-family:OpenSans-Light;
    padding-top: 15px;
    font-style: italic;
}
tr td.highlight{
    font-family:OpenSans-Bold;
}
.metrobrands-wrap
{
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.toggData p{
    font-size: 14px;
}

.firstBod{
    max-width: 352px;
}
.lastbod{
    max-width: 415px;
}
.managearvind{
    padding-bottom: 55px;
}

.newnavv ul
{
    padding-left:20px;
    border-right: 1px solid #80828550;
    margin-bottom: 0px;
}
.newnavv ul li
{
    padding-bottom:14px;
    list-style: none;
}
.newnavv ul li a 
{
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-family:OpenSans-Medium;
}
.newnavv ul.ul-last 
{
    border-right:none;
}
.newnavv.nv2 ul
{
    min-height: 110px;
}
.newnavv.nv2 ul li a, .newnavv.nv3 ul li a
{
  padding-right:20px;
  display: flex;
  align-items: center;
  gap:20px; 
}

.deliverEle.owl-carousel .owl-stage {
  padding-left: 0px !important;
}
.launchedMain .col-xl-11 {
  padding-right: 0px;
}


.mochimetro3rd{
    margin-bottom: 0;
}
.fytoppd30{
    padding-top: 30px;
}
.ebiditaIns h6{
    padding-top: 10px;
    font-size: 12px;
    font-family:OpenSans-Light;
    font-style: italic;
}
.launchedFirst h6{
    padding-top: 10px;
    font-size: 14px;
    font-family:OpenSans-Light;
    font-style: italic;
    color: #fff;
}
.qahead h3{
    font-family:Barlow-BlackItalic;
}
.esclusivelinkslist{
    position: relative;
}
.mouseicon{
    position: absolute;
    bottom: -25px;
    right: 80px;
}
.newnavv.nv1 ul li a {
    padding-right: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.hmvideo-mbl
{
    display: none;
}
.b-mbl h5 
{
    font-size: 18px;
    font-family:OpenSans-Bold;
    color: #E8222E;
    padding-top: 15px;
}
.mbl-icon1 img 
{
    width: 150px;
}
.b-mbl
{
    margin-bottom: 40px;
    position: relative;
    z-index: 9;
}
.stakeTabs
{
    z-index: 9;
}
.hilight-slider.owl-carousel .owl-item img
{
width: auto;
}
.highliht-left
{
    margin-bottom: 40px;
}
.hilight-slider .owl-nav button.owl-next 
{
  position: absolute;
  width:40px;
  height:40px;
  bottom:-85px;
  margin: auto;
  right:0px;
  background-image: url(../images/right-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
}
.hilight-slider .owl-nav button.owl-prev {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom:-85px;
  margin: auto;
  right:50px;
  background-image: url(../images/left-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
}
.hilight-slider.owl-theme .owl-nav .owl-prev:hover,
.hilight-slider.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #FFF;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: cover;
}
.hilight-counter
{
    position: absolute;
    left: 0px;
    margin: auto;
    bottom:15px;
    color:#E8222E;
    font-size:24px;
    font-family:OpenSans-Bold;
    text-align: center;
}
.hilight-counter .divider, .hilight-counter .total-slide
{
    font-size: 18px;
}
.hm-highlights .col-xl-5
{
    position: relative;
}
.abtbanner{
    padding-bottom: 70px;
    margin-bottom: 0;
}
.mb-img
{
  display: none;
}
.mblV{
    display: none;
}
.desktopV{
    display: block;
}
#jony-enterprises .greyboxTest
{
    margin-top:0px;
}

.journey-counter, .mgmt-counter, .res-counter
{
    display: none;
}
.journey-slider.owl-theme .owl-dots
{
   margin-top: 60px;
}
.journey-slider.owl-theme .owl-dots .owl-dot span,
.mgmt-slider.owl-theme .owl-dots .owl-dot span,
.res-slider.owl-theme .owl-dots .owl-dot span
{
  background-color: #ffffff;
  border: 1px solid #E63E48;  
}
.journey-slider.owl-theme .owl-dots .owl-dot.active span, .journey-slider.owl-theme .owl-dots .owl-dot:hover span,
.mgmt-slider.owl-theme .owl-dots .owl-dot.active span, .mgmt-slider.owl-theme .owl-dots .owl-dot:hover span,
.res-slider.owl-theme .owl-dots .owl-dot.active span, .res-slider.owl-theme .owl-dots .owl-dot:hover span
{
 background-color: #E63E48;
 border: 1px solid #E63E48;   
}
.mgmt-slider.owl-theme .owl-dots
{
  text-align: left;
  margin-top: 60px;
}
.res-slider.owl-theme .owl-dots
{
margin-top: 40px;
}
.mgmt-team .explore-btn
{
    position: relative;
    z-index: 9;
    width: 365px;
    margin-left: auto;
    margin-right: auto;
}
.deliverEle.owl-theme .owl-dots{
  text-align: left;
  padding-top: 20px;
}
.deliverEle.owl-theme .owl-dots .owl-dot.active span{
  background: #e8222e;
}
.ebiditaSlider.owl-theme .owl-dots{
  text-align: left;
  padding-top: 20px;
}
.ebiditaSlider.owl-theme .owl-dots .owl-dot.active span{
  background: #e8222e;
}
.hilight-counter
{
    display: none;
}