@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.eot') format('eot');
    src: url('../fonts/Rupee-Foradian.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Rupee-Foradian.woff') format('woff'),
         url('../fonts/Rupee-Foradian.ttf') format('truetype'),
         url('../fonts/Rupee-Foradian.svg#Rupee-Foradian') 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-skyblue: #006db8; /*   skyblue text color */
    --color-light-skyblue: #00a593; /*   light skyblue text color */
    --color-purple: #8e278f; /*   purple text color */
    --color-blue: #43408e; /*   blue text color */
    --color-skyblue2: #00729c; /*   skyblue2 text color */
    --color-green: #336c49; /*   green text color */
    --color-light-green: #39b55b; /*   green text color */
    --color-cyan: #007979; /*   green text color */
    --color-brown: #681237; /*   green text color */
    --color-light-golden: #f58220 ; /*   light-golden text color */
    --color-bg-gray: #EDEDEE;
    --color-bg-lightpink: #f6f0f2;
    --color-bg-lighblue: #d6f4f7; /*   Light Blue background color */
    --color-bg-purple: #8e278f; /*   purple background color */
    --color-bg-blue: #43408e; /*   purple background color */
    --color-bg-skyblue2: #00729c; /*   skyblue2 background color */
    --color-bg-dark-green: #336c49; /*   dark-green background color */
    --color-bg-cyan: #007979; /*   dark-green background color */
    --color-bg-brown: #681237; /*   dark-green background color */
    --color-bg-sienna: #a0480c; /*   sienna background color */
    --color-bg-orange: #f04c23; /*   orange background color */
    --color-bg-magenta: #804661; /*   magenta background color */
    --color-light-purple: #793f98; /*   magenta background color */
    --color-navyblue: #3e306e; /*   magenta background color */
}

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;}
.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);}

.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: 81px;}
.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;}

/*  */
.bg-lighblue{ background: var(--color-bg-lighblue); }
.bg-dark-purple{ background: var(--color-bg-purple); }
.bg-blue{ background: var(--color-bg-blue); }
.bg-skyblue2{ background: var(--color-bg-skyblue2); }
.bg-dark-green{ background: var(--color-bg-dark-green); }
.bg-cyan{ background: var(--color-bg-cyan); }
.bg-brown{ background: var(--color-bg-brown); }
.bg-sienna{ background: var(--color-bg-sienna); }
.bg-orange{ background: var(--color-bg-orange); }
.bg-navyblue{ background: var(--color-navyblue); }
.text-dark-purple{ color: var(--color-purple); }
.text-dark-skyblue{ color: var(--color-skyblue); }
.text-dark-blue{ color: var(--color-blue); }
.text-sitecolour{ color: var(--color-siteColor) !important; } 
.text-skyblue2{ color: var(--color-skyblue2) !important; } 
.text-green{ color: var(--color-green) !important; } 
.text-light-green{ color: var(--color-light-green) !important; } 
.text-light-pink{ color: var(--color-light-pink) !important; } 
.text-cyan{ color: var(--color-cyan) !important; } 
.text-light-skyblue{ color: var(--color-light-skyblue) !important; } 
.text-brown{ color: var(--color-brown) !important; } 
.text-sienna{ color: var(--color-bg-sienna) !important; } 
.text-light-golden{ color: var(--color-light-golden) !important; } 
.text-orange{ color: var(--color-bg-orange) !important; } 
.text-magenta{ color: var(--color-bg-magenta) !important; } 
.text-light-purple{ color: var(--color-light-purple) !important; } 
.text-navyblue{ color: var(--color-navyblue) !important; } 
/*  */


/* 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%);}
.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;}
.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.2; 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.2; 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-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 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: #a44078; 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 .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%; }

/* 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;}
}
@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; }
}
@media handheld, only screen and (max-width:767px){
    .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 ;
    .brd-dt{ border-bottom: 1px dotted transparent;}
    }
}
@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;}
}

/* dhiraj css */
.bg-light-grey-pink{ background: #ede6ea;}
.bg-dark-pink{ background: #681237; color: #ffffff;}
.bg-light-pink{ background: #a44078; color: #ffffff;}
.dh li{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px;
}
.bordr-none{
    border: none !important;
}
.brd-btm{
  border-bottom: 1px solid;
}

.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%;
}
.adani-list li{
    /* font-size: 12px; */
    color: var(--color-black);
    font-weight: 350 !important;
    font-style: italic;
   
    font-weight: 300;
    padding: 10px 0 0;
}
.adani-list  li{
    list-style: auto;
}

.h3-cus{
    text-align: center;
    line-height: 2.3vw;
    border-bottom: 2px solid #000;
}

.brand-img{
    width: 150px;
    height: auto;
    padding: 10px;
}
.fs-34{
    font-size: 34px !important;
}
.brd-dt{   border-bottom: 1px dotted #000; }
.chart-high img{    width: 320px;
    height: 450px;}

.h3-custome{
    text-align: center;
    line-height: 150%;
    border-bottom: 1px solid #000;
    background:url(../images/d-arrow.png) no-repeat bottom center;
    padding-bottom: 70px;
    font-weight: 400;
}    

.consolidate .high-num h3{
    font-size: 24px;
}
.chart-high .cus-tittle{   font-size: 18px;}
.w-3-title{font-size: 32px; font-weight: 300;}
.footnote{ font-size: 14px; }
/* end */