@font-face {
  font-family: 'Adani';
  src: url("../fonts/Adani-Regular.eot");
  src: url("../fonts/Adani-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Adani-Regular.woff2") format("woff2"), url("../fonts/Adani-Regular.woff") format("woff"), url("../fonts/Adani-Regular.ttf") format("truetype"), url("../fonts/Adani-Regular.svg#Adani-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Adani';
  src: url("../fonts/Adani-Light.eot");
  src: url("../fonts/Adani-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Adani-Light.woff2") format("woff2"), url("../fonts/Adani-Light.woff") format("woff"), url("../fonts/Adani-Light.ttf") format("truetype"), url("../fonts/Adani-Light.svg#Adani-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Adani';
  src: url("../fonts/Adani-Medium.eot");
  src: url("../fonts/Adani-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Adani-Medium.woff2") format("woff2"), url("../fonts/Adani-Medium.woff") format("woff"), url("../fonts/Adani-Medium.ttf") format("truetype"), url("../fonts/Adani-Medium.svg#Adani-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Adani';
  src: url("../fonts/Adani-SemiBold.eot");
  src: url("../fonts/Adani-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Adani-SemiBold.woff2") format("woff2"), url("../fonts/Adani-SemiBold.woff") format("woff"), url("../fonts/Adani-SemiBold.ttf") format("truetype"), url("../fonts/Adani-SemiBold.svg#Adani-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Rupee-Foradian';
    src: url('../fonts/Rupee_Foradian_1.eot') format('eot');
    src: url('../fonts/Rupee_Foradian_1.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Rupee_Foradian_1.woff') format('woff'),
         url('../fonts/Rupee_Foradian_1.ttf') format('truetype'),
         url('../fonts/Rupee_Foradian_1.svg#Rupee_Foradian_1') format('svg');
    font-weight: normal;
    font-style: normal;
}

:root {
    --font-Adani: 'Adani', Arial, Helvetica, sans-serif;
    --font-Rupee: 'Rupee-Foradian', Arial, Helvetica, sans-serif;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-siteColor: #4d4d4f;
    --color-dark-pink: #681237;
    --color-light-pink: #a44078;
    --color-yellow: #FFCC31;
    --color-bg-gray: #EDEDEE;
    --color-bg-lightpink: #f6f0f2;
}

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{	margin: 0; padding: 0; border: 0;}
html{height:100%}
body{position:relative;font-family: 'Adani';font-size:16px;color: var(--color-siteColor);font-weight: 400; background:#fff;color: var(--color-black); word-wrap:break-word; overflow-x: hidden;}
html.lenis,html.lenis body { height: auto;}
.lenis.lenis-smooth { scroll-behavior: auto !important;}
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain;}
.lenis.lenis-stopped { overflow: clip;}
.lenis.lenis-smooth iframe { pointer-events: none;}
img{max-width:100%;height:auto;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
p{ font-size: 18px; color: var(--color-siteColor); line-height: 1.6; font-weight: 400; margin: 0; padding: 10px 0;}
a{text-decoration:none;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
a:hover,a:focus,.btn:hover,.btn:focus,button:focus{text-decoration:none;outline:none; box-shadow:none}
button:hover,button:focus,.accordion-button:focus{outline:none;box-shadow:none}
ul,li,ol{padding:0;margin:0}
img{ width: 100%; height: auto;}
ul li{list-style:none;}
.rs {font-family: 'Rupee-Foradian';}
.bg-cover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.site-button{ display: inline-block; font-size: 16px; color: var(--color-white); text-align: center; line-height: 100%; font-weight: 500; text-transform: uppercase; letter-spacing:  2px; background: #0F1011; border-radius: 16px; padding: 22px 35px;}
.site-button:hover{ color: var(--color-white); background: var(--color-black);}
p sup{ font-size: 12px;}
.swiper-scrollbar { position: absolute; left: 0!important; bottom: 0; background: var(--color-white); border-radius: 10px; height: 2px!important;}
.swiper-scrollbar-drag { position: absolute; top: -3px; background: var(--color-black);  border-radius: 10px; height: 8px;  cursor: pointer;}
.swiper-scrollbar-drag:hover { background: var(--color-blue);}

.swiper-pagination{ width: 100%; text-align: left;}
.swiper-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; background: var(--color-white); opacity: 0.5;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1;}

#wrapper{ width: 100%; padding-top: 94px;}
.container{ position: relative; width: 100%; max-width: 1460px; padding: 0 20px;}
.section{ padding: 80px 0; }
.bg-gray{ background: var(--color-bg-gray);}
.bg-light-pink{ background: var(--color-bg-lightpink);}
.text-dark-pink{ color: var(--color-dark-pink); }
.read-more{ position: relative; display: inline-block; font-size: 16px; color: var(--color-white); font-weight: 500; text-transform: uppercase; padding-right: 30px; cursor: pointer; }
.read-more::after{content: "\f061"; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); font-family: "Font Awesome 6 Free"; font-size: 18px; vertical-align: middle; font-weight:900; transition: all 0.2s ease-out;}
.read-more:hover::after{ right: 0;}
.note{ font-size: 12px;}

/* Footer */
footer{ width: 100%; font-size: 1rem; color: var(--color-white); text-align: center; font-weight: 400; padding: 15px 0; background: var(--color-dark-pink);}

h3{ font-size: 32px; color: #A54078; line-height: 100%; font-weight: 500; padding: 0 0 20px;}
.sect-tl h2{ font-size: 52px; color: var(--color-dark-pink); font-weight: 600; line-height: 100%; padding: 15px 0 0;}
.sect-tl h4{ position: relative; font-size: 18px; color: var(--color-siteColor); font-weight: 600; padding: 0 0 25px;}
.sect-tl h4::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 5px; background: var(--color-yellow);}
.inner-banner{ position: relative; width: 100%; padding-bottom: 31.25%; overflow: hidden;}
.inner-banner.bg-gradient{ background: linear-gradient(0deg,rgba(0, 0, 0, 0.21) 0%, rgba(174, 195, 222, 0.3) 60%)!important;}
.inner-banner figure{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; scale: 1.5; opacity: 0;} 
.inner-banner .container{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.inner-banner .banner-overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(255, 255, 255, 0) -10%, rgba(243, 242, 245, 1) 100%);}

.breadcrumb-hld{ padding-top: 20px;}
.breadcrumb-hld nav .breadcrumb-item,.breadcrumb-hld nav .breadcrumb-item a{ color: var(--color-dark-pink); font-weight: 500;}
.breadcrumb-hld nav .breadcrumb-item a:hover{ color: var(--color-siteColor);}
.breadcrumb-hld nav .breadcrumb-item.active{ color: var(--color-siteColor);}
.breadcrumb-item+.breadcrumb-item::before{ color: var(--color-dark-pink);}

.intro-text{ font-size: 22px; color: var(--color-siteColor); line-height: 1.5; font-weight: 600; padding-right: 20%;}
.intro-text span{ opacity: 0.2;}
.tl-small{ font-size: 20px; color: var(--color-dark-pink); line-height: 24px; font-weight: 600; padding-top: 15px;}
.text-black{ font-size: 18px; font-weight: 600;}
.text-black-small{ font-size: 16px;}
.couner-hld{ padding-top: 20px;}
.couner-hld .couner-blurb{ padding-top: 20px; padding-bottom: 20px;}
.couner-hld .couner-blurb sup{ top: -20px; font-size: 26px;}
.couner-hld h5{ font-size: 54px; color: var(--color-dark-pink); line-height: 100%; font-weight: 600; margin: 0; padding-bottom: 15px;}
.couner-hld h5 span{ font-size: 30px; line-height: 100%;}
.couner-hld p{ font-size: 18px; color: var(--color-siteColor); line-height: 1.2; font-weight: 500; padding: 0 0 10px; border-bottom: var(--color-dark-pink) 1px dashed;}

.map-hld{ padding: 30px 0 0 0;}
.map-hld .map-blurb{ position: relative;}
.map-hld .map-blurb:nth-child(2){ display: flex; flex-direction: column; align-items: center; justify-content: center;}
.map-hld .map-blurb:nth-child(2) img{ width: 100%; max-width: 330px;}
.map-hld .map-blurb .strip-hld{ position: absolute; left: 0; bottom: 0; display: flex; flex-direction: row; width: 100%; height: 100%;}
.map-hld .strip-hld span{ display: block; width: 25%; height: 100%; background: #EDEDEE;}
.map-hld figure{ position: relative; padding-bottom: 102.86%;}
.map-hld .map-note{ font-size: 12px; color: var(--color-siteColor); font-style: italic; line-height: 100%; font-weight: 300; padding: 10px 0 0;}

.cement-highlights .couner-hld{ padding-bottom: 30px;}

.quality-blurb-con{ padding: 30px 0 50px; }
.quality-blurb{ display: flex; flex-direction: row; padding: 10px 20px;}
.quality-blurb img{ width: 80px; height: 80px; margin-right: 20px; border-radius: 100px;}
.quality-blurb p{ font-size: 18px; color: var(--color-siteColor); line-height: 24px; font-weight: 500;}
.solution-hld{ padding: 0 10px 30px;}
.solution-hld .solutions-con{ margin: 0 2px;}
.solutions-blurb{ display: flex; flex-direction: row; padding: 0 10px;}
.solutions-blurb .sol-tl{ display: flex; flex-direction: column; align-items: flex-start; font-size: 20px; color:var(--color-white); font-weight: 600; background: var(--color-dark-pink); padding: 20px;}
.solutions-blurb .sol-icon{ display: flex; align-items: center; justify-content: center; background: #f1f1f2;}
.solutions-blurb .sol-icon img{ width: 71px; height: auto;}
.solutions-blurb .read-more{ margin-top: 20px;}
.solution-popup-con h5{ font-size: 22px; color: var(--color-dark-pink); padding-bottom: 10px;}
.solution-popup-con p{ padding: 0 0 20px 0;}
.solution-popup-con ul{ padding-bottom: 20px;}
.solution-popup-con li{ position: relative; font-size: 18px; color: var(--color-siteColor); line-height: 1.4; padding: 5px 0 5px 20px;}
.solution-popup-con li::before{ content: ''; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; background: var(--color-dark-pink); border-radius: 50px;}

.benefit-list{ padding: 0px 0 0;}
.benefit-list li{ position: relative; font-size: 18px; color: var(--color-siteColor); line-height: 1.4; padding: 5px 0 5px 20px;}
.benefit-list li::before{ content: ''; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; background: var(--color-dark-pink); border-radius: 50px;}

.model-slider{ position: relative; padding: 50px 0 0;}
.model-slider .swiper-button-next, .model-slider .swiper-button-prev{ left: auto; top: 20px; transform: translate(0);}
.model-slider .swiper-button-prev{ right: 50px;}
.model-slider .swiper-button-next::after, .model-slider .swiper-button-prev::after{ font-size: 30px; color: var(--color-dark-pink); } 

.modal{ position: fixed; left: 0; top: 0; text-align: center; background: #0000008f; z-index: 99999;}
.modal:before { content: " "; display: inline-block; vertical-align: middle; height: 100%;}
.modal-dialog { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)!important; width: 100%; max-width: 1200px; margin: 0; padding: 0 20px; text-align: left; vertical-align: middle;}
.modal-dialog .btn-close{ position: absolute; right: 25px; top: 15px; font-size: 24px; color: var(--color-orange); background: none; outline: none!important; border: none!important; box-shadow: none!important; opacity: 1;}
.modal-dialog .btn-close i{ transition:all .3s ease-out;}
.modal-dialog .btn-close:hover i{ rotate: 90deg; transition:all .3s ease-out;}
.modal-content{ padding: 40px 20px 20px; border-radius: 20px;}

.leader-grid{ width: 100%; height: 600px; display: flex; flex-direction: row; width: 100%; border-radius: 10px; overflow: hidden;}
.leader-grid .grid-blurb{ width: 50%;}
.leader-grid .leader-media{ position: relative; display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 100%; background: url(../images/bg-leader.jpg) no-repeat center center; background-size: cover; }
.leader-grid .leader-media img{ width:100%; max-width: 550px; margin: 0 auto; }
.leader-grid .grid-blurb:nth-child(1){ display: flex; flex-direction: column; justify-content: center;/*  background: var(--color-white); */ padding: 30px 40px;}
.leader-grid .quote{ position: relative; font-size: 40px; color: var(--color-dark-pink); line-height: 1.3; font-weight: 600; padding: 60px 0 0;}
.leader-grid .quote .quote-img{ position: absolute; left: 0; top: 0; width: 60px;}
.leader-grid .tl-small{ font-size: 24px; color: var(--color-siteColor); line-height: 1.2;}

.leader-det-con{ padding-top: 0;}
.about-leader{ position: relative; width: 100%; padding-right: 30%;}
.about-leader strong{ display: block; font-size: 18px; color: var(--color-dark-pink);}
.about-leader p span{ font-size: 14px;}

.highlights-con{ position: absolute; right: 0; top: 0; width: 25%; background: #f3f2f5;}
.highlights-con h4{ font-size: 20px; color: var(--color-white); font-weight: 500; text-transform: uppercase; padding: 5px 20px; background: var(--color-dark-pink);}
.highlights-con h3{ font-size: 22px; line-height: 1.2; font-weight: 600; padding: 20px;}
.highlights-con h5 b{ font-family: var(--font-Rupee); font-weight: 600;}
.highlights-con .couner-hld{ padding: 0;}
.highlights-con .couner-blurb{ padding: 20px; border-bottom: var(--color-dark-pink) 1px dashed;}
.highlights-con .couner-blurb:last-child{ border-bottom: none;}
.highlights-con .couner-blurb p{ border: none;}

.chart-panel{ width: 100%; max-width: 250px; margin: 0 auto 80px; padding-bottom: 70px;}
.chart-tl{ font-size: 16px; color: var(--color-dark-pink); font-weight: 600; line-height: 1.2; padding-bottom: 5px; border-bottom: #c2c3c4 1px solid;}
.chart-total-val{ font-size: 14px; color: var(--color-black); padding-top: 5px;}
.chart-con{ position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; width: 100%; height: 250px; margin-top: 50px;  /* border: #00000065 1px solid; */}
.chart-con::after{ content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 130%; height: 1px; background: #d2d2d3;}
.chart-con .bar{ position: relative; display: flex; flex-direction: column; justify-content: flex-end; width: 20%; height: 100%;  margin: 0 3px; }
.chart-con .bar span{ position: relative; display: block; width: 100%; height: 100%; background: var(--color-bg-gray); transition: all 0.2s ease-out;}
.chart-con .amount{ position: absolute; left: 50%; top: -50px; transform: translateX(-50%) rotate(-90deg); width: 60px; font-size: 14px; color: var(--color-siteColor);/*  text-align: center; */ font-weight: 500;}
.chart-con .amount strong{ color: var(--color-dark-pink);}
.chart-con .year{ display: block; position: absolute; left: 50%; bottom: -45px; width: 50px; font-size: 12px; transform: translateX(-50%) rotate(-90deg);}

.chart-con .bar:nth-child(1) span{ background: #e9eaeb; }
.chart-con .bar:nth-child(2) span{ background: #d7d8da; }
.chart-con .bar:nth-child(3) span{ background: #c5c7c9; }
.chart-con .bar:nth-child(4) span{ background: #b3b5b7; }
.chart-con .bar:nth-child(5) span{ background: #a44078; }
.chart-con .bar:hover span{ background:var(--color-dark-pink); transition: all 0.2s ease-out;}
.chart-con .bar:hover span .amount{ color: var(--color-dark-pink); transition: all 0.2s ease-out;}

.revenue-hld p{ font-size: 20px; color: var(--color-black); font-weight: 600;}
.revenue-hld .revenue-graph-con{ padding-top: 30px;}
.revenue-hld .revenue-graph-blurb p{ font-size: 18px; color: var(--color-black); padding-bottom: 30px;}
.revenue-hld .revenue-graph-blurb img{ width: 100%; max-width: 600px;}
.revenue-hld ul{ width: 100%; max-width: 40%; padding-top: 50px;}
.revenue-hld li{ display: flex; flex-direction: row; align-items: center; font-size: 16px; color: var(--color-siteColor); font-weight: 500; padding: 5px 0; border-bottom: #aeafb0 1px solid;}
.revenue-hld li span{ display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; font-size: 16px; color: #aaacae; line-height: 100%; font-weight: 600; margin-right: 10px; border: #aaacae 1px solid; border-radius: 100px;}

.margin-efficiency p strong{ color: var(--color-dark-pink); }
.margin-efficiency figure{ width: 100%; max-width: 550px;}
.cost-pie-chart{ padding: 0 0 0 80px;}

.assets-cashflow-blurb:first-child{ padding-right: 50px;}
.assets-cashflow-blurb h3{ padding-bottom: 0; }
.assets-cashflow-blurb .cashflow-det{ padding-bottom: 30px;}

.env-gdp-hld{ background: url(../images/banner-gdp.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.env-gdp-hld .chart-panel{ margin-bottom: 0; padding: 20px; padding-bottom: 80px; background: var(--color-white); }
.env-gdp-hld .couner-hld p{ color: var(--color-black);}

.key-drivers h3{ padding-bottom: 50px;}
.key-drivers p{ padding-bottom: 30px;}
.graph-demand-supply{ width: 100%; max-width: 900px; padding: 30px 0 0 0;}


.priorities-hld{ display: flex; flex-direction: row; align-items: stretch; padding-top: 70px; }
.priorities-blurb{ width: 33.33%; padding: 0 10px 30px; }
.priorities-con{ display: flex; flex-direction: column; align-items: center; height: 100%; background: var(--color-white); padding: 0px 30px 30px 30px; transition: all 0.2s ease-out;}
.priorities-con figure{ width: 88px; margin-top: -44px; border-radius: 100px; overflow: hidden; transition: all 0.2s ease-out;} 
.priorities-det{ padding: 30px 0 0 0px;}
.priorities-det p{ padding-bottom: 0;}
.priorities-blurb:hover figure{ transform:translateY(-10px);  transition: all 0.2s ease-out;}
.priorities-blurb:hover .priorities-con{ box-shadow: 0px 0px 19px -5px rgba(0, 0, 0, 0.55);}

.sus-initiatives{ display: flex; flex-direction: row; padding: 30px 0 0; border-bottom: var(--color-dark-pink) 3px solid;}
.sus-initiatives .init-blurb{ width: 20%; background: linear-gradient(280deg,rgba(243, 242, 245, 0.21) 23%, rgba(243, 242, 245, 1) 100%); border-left: var(--color-dark-pink) 1px dashed; }
.sus-initiatives .init-blurb:first-child{ border-left: none;}
.sus-initiatives .init-blurb .head-tl{ font-size: 18px; color: var(--color-white); line-height: 1.2; font-weight: 600; padding: 15px 20px; background: var(--color-dark-pink);}
.sus-initiatives .init-blurb p{ padding: 20px;}
.side-blurb-con .side-blurb:first-child{ padding-right: 50px;}
.side-blurb-con .side-blurb:last-child{ padding: 40px 50px; border-radius: 15px;}
.side-text-con{ padding: 10px 0 0;}
/* .side-text-con figure{  width: 100%; max-width: 600px;} */

.benefits-con{ padding: 20px 0 0;}
.benefits-con .benefits-blurb{ height: 100%; padding: 20px; background: var(--color-white); border-radius: 10px;}
.icon-iso{ width: 100%; max-width: 140px; padding: 20px; background: var(--color-bg-gray);}
.iso-certificates{ position: relative; padding: 0 20px 35%; background: url(../images/banner-ISO-certifications.jpg) no-repeat center top; background-size: cover; background-attachment: fixed;} 
.iso-certificates .certificates-hld{ position: absolute; left: 50%; bottom: 10%; transform: translateX(-50%); padding: 30px; background: #ffcc31;}
.iso-certificates .certificates-hld h3{ color: var(--color-black); padding-bottom: 30px;}
.iso-certificates .certificates-hld img{ width: 100px; border-radius: 15px;}
.iso-certificates .certificates-hld p{ color: var(--color-black); line-height: 1.2;}
.key-projects .priorities-blurb{ width: 25%; }

.iear-approach{ padding: 30px 0 0;}
.iear-approach .priorities-con{ text-align: center; background: var(--color-bg-gray);}
.iear-approach .priorities-hld .priorities-blurb{ width: 25%; }
.iear-approach .sr-no{ display: flex; flex-direction: row; align-items: center; justify-content: center; width: 88px; height: 88px; font-size: 34px; color: var(--color-white); line-height: 100%; font-weight: 400; margin-top: -44px; background: var(--color-dark-pink); border-radius: 100px;}

.key-project-hld{ /* align-items: center; */ padding: 20px 0;}
.key-project-hld .tl-small{ padding-bottom: 20px;}
.key-project-hld strong{ display: block; font-size: 18px; padding-top: 10px;}
.key-project-hld .key-project-blurb img{ width: 100%; }

.key-thrus-areas figure{ overflow: hidden; border-radius: 0 0 50px 0;}
.key-thrus-areas h4{ font-size: 22px; color: var(--color-siteColor); font-weight: 600; padding: 20px 0 0;}

.key-det-hld{ padding: 30px 0; border-bottom: var(--color-dark-pink) 1px dashed;}
.key-det-hld .couner-hld p{ border: none;}

.dir-blurb figure{ background: #e6e7e8; border-radius: 0 0 50px 0; overflow: hidden;}
.dir-det{ padding: 20px 0;}
.dir-det h5{ font-size: 20px; color: var(--color-dark-pink); font-weight: 600;}
.dir-det .designation{ min-height: 54px; font-size: 14px; line-height: 1.2; font-weight: 400; padding: 10px 0;}
.dir-det strong{ display: block; font-size: 18px; padding-bottom: 5px;}
.dir-det p{ font-size: 16px; line-height: 1.2; padding: 0;}
.dir-det ul{ display: flex; flex-direction: row; padding: 5px; margin-bottom: 5px; border-top: var(--color-dark-pink) 1px dashed; border-bottom: var(--color-dark-pink) 1px dashed;}
.dir-det ul li{ display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; font-size: 14px; color: var(--color-dark-pink); line-height: 100%; margin-right: 3px; border: var(--color-dark-pink) 1px solid; border-radius: 100px; }
.dir-det ul li.highlited{ color: var(--color-white); background: var(--color-dark-pink);}
.dir-det ul li.none{ border: none;}
.dir-blurb{ padding-bottom: 30px;}
.sign-indicators-hld{ padding: 20px 30px;}
.sign-indicators-hld .blurb{ display: flex; flex-direction: row; align-items: center; padding: 10px 0; }
.sign-indicators-hld span{ display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; font-size: 14px; color: var(--color-dark-pink); line-height: 100%; margin-right: 10px; border: var(--color-dark-pink) 1px solid; border-radius: 100px;}
.sign-indicators-hld span.highlited{ background: var(--color-dark-pink);}
.sign-indicators-hld p{ font-size: 14px; line-height: 1.2;}
/* dhiraj css */
.bg-light-grey-pink{ background: #ede6ea;}
.priorities-hld .bg-dark-pink{ background: #681237; color: #ffffff;}
.priorities-hld .bg-light-pink{ background: #a44078; color: #ffffff;}
.dh li{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px;
}

.dh span{
      display: flex;
    align-items: center;
    justify-content: center;
    background-color: #a44078;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    margin-right: 1%;

}
 .dh table th{
    background: #681237;
    color: #ffffff;
    text-align: center;
 }

.dh  .priorities-con {
    border-radius: 5%;
 }

 .dh-table tbody, td, tfoot, th, thead, tr {
        border-style: dotted;
 }
 .dh-table .table   {
     --bs-table-border-color: #681237;
}  

.dh .couner-hld p {
    border-bottom: transparent 1px dashed;
}

.team-strength tr th td {
 text-align: center;
}
.team-strength table td {
       padding: 10px 0 10px 0 !important;
}
.team-strength table .female {
    display: flex;
    text-align: center;
    border: 1px solid #000;
    background-color: var(--color-dark-pink);
    vertical-align: middle;
    color: #FFFF;
    justify-content: center;
    padding: 5px 5px;
}

.team-strength table .male {
    display: flex;
    text-align: center;
    border: 1px solid #000;
    background-color: var(--color-light-pink);
    vertical-align: middle;
    color: #FFFF;
    justify-content: center;
    padding: 5px 5px;
}

.team-strength table .total {
    display: flex;
    text-align: center;
    border: 1px solid #000;
    vertical-align: middle;

    justify-content: center;
    padding: 5px 5px;
}
.dh-case-study{
    display: inline-block;
    background-color: var(--color-yellow);

    padding: 4px 10px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
}

.dh .icon-circle {
  width: 60px;
  height: 60px;
  background-color: #69193d; /* Maroon color */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dh .icon-circle img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
 .banner  span {
 display: contents;
    align-items: center;
    justify-content: center;
    background-color: #a44078;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    margin-right: 1%;
}
/* end */

/* Responsive Code */
@media only screen and (min-width: 1100px) {
   
}
@media screen and (max-width: 1700px) and (min-width: 1660px){
 
}
@media handheld, only screen and (max-width: 1680px){
    .container{ max-width: 1300px;}
    header .nav-item{ font-size: 14px;}
    .couner-hld h5{ font-size: 50px;}
    .couner-hld h5 span{ font-size: 26px;}
    .couner-hld p{ font-size: 16px;}
    .quality-blurb p{ font-size: 16px; line-height: 22px;}
    .solutions-blurb .sol-tl{ font-size: 18px;}
    .priorities-blurb{ padding: 0 5px 30px;}
    .priorities-con{ padding: 0 20px 20px;}
    .priorities-det p{ font-size: 16px; line-height: 1.4;}
}
@media handheld, only screen and (max-width: 1440px){
    p{ font-size: 16px; line-height: 1.4;}
    .container{ max-width: 1200px;}
    header .nav-item{ font-size: 13px; padding: 0;}
    .intro-text{ font-size: 20px;}
    .sus-initiatives .init-blurb .head-tl{ padding: 15px;}
    .sus-initiatives .init-blurb p{ font-size: 16px; line-height: 1.3;}
}
@media handheld, only screen and (max-width: 1279px){
    header .nav-item{ font-size: 12px; padding: 0;}
}
@media handheld, only screen and (max-width: 1100px){
    header .logo-adani{ order: -1;}
    header .navbar{ position: fixed; right: -300px; top: 0; display: block; width: 100%; max-width: 300px; height: 100dvh; padding: 80px 0 0 0; background: var(--color-dark-pink);}
    header .collapse:not(.show){ display: block;}
    header .navbar-expand-lg .navbar-nav{ display: block; width: 100%; height: 100dvh; }
    header .navbar-nav .dropdown-menu{ position: static!important; margin: 0;}
    header .nav-item .nav-link{ padding: 15px 20px;}
    header .nav-item li a{ padding: 15px 20px;}
    header .nav-item, header .nav-item .nav-link{ font-size: 16px; color: var(--color-white); border-bottom: #7c393f 1px solid;}
    header .navbar-nav .nav-link.active, header .navbar-nav .nav-link.show{ color: var(--color-white);}
    .nav-icon{ display: block;}
    header .nav-item li a:hover, header .nav-item li a.active{ color: var(--color-dark-pink); font-weight: 600; background: var(--color-light-pink);}
    .leader-grid .quote{ font-size: 34px; line-height: 1.2;}
    .highlights-con h4{ font-size: 16px;}
}
@media handheld, only screen and (max-width:1023px){
    p{ font-size: 16px;}
    p br{ display: none;}
    h3{ font-size: 30px;}
    .section{ padding: 60px 0;}
    .couner-hld h5 { font-size: 42px; }
    .couner-hld h5 span {font-size: 22px;}
    .priorities-hld{ flex-direction: column;}
    .priorities-blurb{ width: 100%; padding: 0 0 80px; }
    .priorities-blurb:last-child{ padding-bottom: 0;}
    .priorities-con figure { width: 80px; margin-top: -40px; }
    .priorities-det { padding: 20px 0 0 0px; }
    .sus-initiatives{ flex-wrap: wrap;}
    .sus-initiatives .init-blurb{ width: 33.33%; margin-bottom: 20px;}
    .iso-certificates{ padding: 0 20px 50%;}
    .key-projects .priorities-blurb{ width: 100%;}
    .iear-approach .priorities-hld{ flex-direction: row; flex-wrap: wrap;}
    .iear-approach .priorities-hld .priorities-blurb{ width: 50%; padding: 10px 10px 80px;}
    .benefit-list li{ font-size: 16px; line-height: 1.2;}
}
@media handheld, only screen and (max-width:991px){
    .intro-text{ padding-right: 0;}
    .inner-banner{ padding-bottom: 50%;}
    .solution-hld{ align-items: flex-start;}
    .solutions-con{ flex-direction: column-reverse; width: 100%; margin-bottom: 20px;}
    .solutions-blurb .sol-icon{ padding: 30px 10px;} 
    .about-leader{ padding-right: 0;}
    .leader-grid{ height: auto; flex-direction: column-reverse;}
    .leader-grid .grid-blurb { width: 100%; }
    .highlights-con{ position: relative; right: auto; top: auto; width: 100%;}
    .highlights-con .couner-hld{ display: flex; flex-direction: row;}
    .highlights-con .couner-blurb{ width: 50%; border: none;}
    .key-project-hld .tl-small { padding-bottom: 10px; }
    .key-thrus-areas h4{ font-size: 18px;}
}
@media handheld, only screen and (max-width:767px){
    .breadcrumb-hld nav .breadcrumb-item{ font-size: 12px;}
    .sect-tl h2{ font-size: 42px;}
    .inner-banner { padding-bottom: 70%;}
    .intro-text {font-size: 18px;}
    .leader-grid .quote{ font-size: 30px;}
    .leader-grid .grid-blurb:nth-child(1){ padding: 20px;}
    .revenue-hld ul{ max-width: 100%;}
    .cost-pie-chart{ padding: 0;}
    .assets-cashflow-hld{ flex-direction: column-reverse;}
    .assets-cashflow-blurb:first-child{ padding: 30px 20px 0;}
    .sus-initiatives .init-blurb{ width: 50%; border:none;}
    .side-blurb-con .side-blurb:last-child{ padding: 20px;}
    .certificates-blurb-hld{ padding-bottom: 30px;}
    .iso-certificates{ height: 100vh; padding: 0 20px ;}
    
}
@media handheld, only screen and (max-width:575px){
    header .navbar{ max-width: 100%; right: -100%;}
    header .logo{ font-size: 1rem;}
    .sect-tl h2 br{ display: none;}
    .tl-small{ font-size: 18px; line-height: 22px; padding-top: 10px;}
    .inner-banner{ padding-bottom: 100%;}
    .highlights-con .couner-hld{ flex-wrap: wrap;}
    .highlights-con .couner-blurb{ width: 100%; border-bottom: var(--color-dark-pink) 1px dashed!important;}
    .sus-initiatives .init-blurb{ width: 100%;}
    .iear-approach .priorities-hld .priorities-blurb{ width: 100%; padding: 10px 0px 70px;}
    .iear-approach .sr-no{ width: 70px; height: 70px; font-size: 28px; margin-top: -35px;}
    .key-project-hld strong{ font-size: 16px;}
}
@media handheld, only screen and (max-width:480px){
    .env-gdp-hld .chart-panel{ max-width: 350px;}
}
@media handheld, only screen and (max-width:375px){
    h3{ font-size: 22px;}
    .sect-tl h2{ font-size: 32px;}
    .sect-tl h4{ font-size: 16px;}
}
.bordr-none{
    border: none !important;
}
.brd-ntm{
  border-bottom: 1px solid;
}

.chart-con .active {
    background: var(--color-light-pink)  !important;
    transition: all 0.2s ease-out;
}


.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem 0;
  background-color: #ffffff;
  z-index: 9;
}
.logos .brsr-link.mobile{ display: none;}
@media screen and (max-width: 767px) {
  #wrapper { padding-top: 78px; }
  .header {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  .logos .brsr-link.desktop{ display: none;}
  .logos .brsr-link.mobile{ display: block;}
}

.header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header .logos {
  display: flex;
  align-items: center;
  column-gap: 24px;
}

@media screen and (max-width: 767px) {
  .header .logos {
    width: 150px;
  }
}

.header .links {
  display: flex;
  column-gap: 30px;
}

@media screen and (max-width: 767px) {
  .header .links {
    column-gap: 16px;
  }
}

.header .links a {
  text-decoration: none;
  color: #2e2d6e; /* Replace with actual value of global.$purple if different */
  display: flex;
  justify-content: space-between;
  column-gap: 28px;
  align-items: center;
  font-weight: 500;
  line-height: 1.2;
}

.header .links #nav-icon1 {
  width: 60px;
  height: 45px;
  position: relative;
  margin: 16px auto;
  transform: rotate(180deg) scale(0.7);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

@media (max-width: 767px) {
  .header .links #nav-icon1 {
    margin: 10px auto;
    transform: scale(0.5);
  }
}

.header .links #nav-icon1 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 40px;
  background: linear-gradient(
    274deg,
    rgba(0, 109, 183, 1) 0%,
    rgba(142, 39, 143, 1) 100%
  );
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

.header .links #nav-icon1 span:nth-child(1) {
  top: 9px;
}

.header .links #nav-icon1 span:nth-child(2) {
  top: 23px;
  width: 25px;
}

.header .links #nav-icon1 span:nth-child(3) {
  top: 36px;
}

.header .links #nav-icon1.open span:nth-child(1) {
  top: 18px;
  transform: rotate(135deg);
}

.header .links #nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.header .links #nav-icon1.open span:nth-child(3) {
  top: 18px;
  transform: rotate(-135deg);
}


.menuWrapper {
  background: #006db7;
  background: linear-gradient(82deg, #006db7 0%, #8e278f 100%);
  width: 100%;
  position: fixed;
  z-index: 999;
  transform: translateX(-100%);
  transition: all 0.5s;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
}

/* When menuWrapper has "open" class */
.menuWrapper.open {
  transform: translateX(0);
}

/* Container inside menuWrapper */
.menuWrapper .container {
  display: block;
}

@media screen and (max-width: 767px) {
  .menuWrapper .container {
    height: calc(100dvh - 78px);
    overflow-y: scroll;
    padding-bottom: 16px;
  }
}

/* Menu Group margin */
.menuWrapper .menuGroup {
  margin-top: 20px;
}

/* h2 styles */
.menuWrapper h2 {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 6px;
}

.menuWrapper h2 a {
  text-decoration: none;
  color: #ffffff;
}

/* ul list styling */
.menuWrapper ul {
  list-style: none;
  padding-left: 0;
}

/* li and nested anchor */
.menuWrapper ul li {
  margin-bottom: 0px;
  line-height: 23px;
}

.menuWrapper ul li a {
  color: #ffffff;
  font-size: 14px;
  opacity: 0.8;
  transition: all 0.5s;
  text-decoration: none;
}

.menuWrapper ul li a:hover {
  opacity: 1;
}
.footer {
  background-color: #681237;
  padding: 1.5rem;
  color: #fff;
  font-size: 14px;
  padding: 10px 0px;
  text-align: center;
  
}
@media (min-width: 320px) and (max-width: 767px) {
  .header .logos img {
    width: 90px;
}
  .footer { font-size: 11px; }

}