/* You can add global styles to this file, and also import other style files */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'RupeeForadian';
    src: url('../fonts/RupeeForadian.eot');
    src: url('../fonts/RupeeForadian.eot') format('embedded-opentype'),
         url('../fonts/RupeeForadian.woff2') format('woff2'),
         url('../fonts/RupeeForadian.woff') format('woff'),
         url('../fonts/RupeeForadian.ttf') format('truetype'),
         url('../fonts/RupeeForadian.svg#Rupee_Foradian') format('svg');
}
 

:root { 
    --font-Archivo: 'Archivo',sans-serif,Arial,Helvetica; 
    --font-Rupee: 'RupeeForadian',sans-serif,Arial,Helvetica; 
    --color-white: #ffffff;
    --color-black: #000000; 
    --color-gray: #4B4B4B; 
    --color-tl-blue: #17469E; 
    --color-cta-blue: #0079C1;  
    --color-cta-hover-blue: #1E419E;  
    --color-sky-blue: #2384C6; 
    --color-aluminium: #17469E; 
    --color-copper: #B15424; 
    --color-alumina: #00A4DC; 
    --color-esg: #009E57; 
}
 
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 {-webkit-font-smoothing: antialiased; width: 100%; font-size: 18px; }
body { position: relative; width: 100%; font-size: 1rem;  /* overflow-x: hidden !important; */ }
html, body{ font-family: var(--font-Archivo); font-weight: 400; margin:0; padding:0; overflow-x: hidden!important; }
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;}
figure{ position: relative; margin: 0;}
img{max-width:100%;height:auto; }
p{ font-size: 1rem; line-height: 1.5; 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;}
/* .rupee{ font-family: $font_Rupee;} */
.no-scroll { height: 100%; overflow: scroll; overflow: hidden; position: fixed;}

/* input:read-only {
    background-color: #ececeb;
  } */

/*==============ANIMATIONS=================*/

*{ -webkit-tap-highlight-color: transparent; outline: none; text-decoration:none; outline:none; outline-color:none; }

/*==============PAGES CSS=================*/

/* Header */
#wrapper{ position: relative; width: 100%;}
.container{ position: relative;  width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 20px;}
.section{ position: relative; width: 100%; padding: 100px 0;}
h1{ font-size: 2.889rem; line-height: 1.1; font-weight: 500; padding: 0 0 10px 0; background: linear-gradient(90deg, #15499F 0%, #0087C6 75.96%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.bg-cover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.rs{ font-family: var(--font-Rupee);}
.site-btn{ position: relative; display: inline-block; font-size: 1rem; color: var(--color-white); min-width: 160px; padding: 10px 50px 10px 20px; background: var(--color-cta-blue); border-radius: 10px; transition:all .2s ease-out;}
.site-btn:after{ content: ''; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 19px; height: 12px; background: url(../images/arrow-right.svg) no-repeat center center; background-size: cover; transition:all .2s ease-out;}
.site-btn:hover{ background: var(--color-cta-hover-blue)}
.site-btn:hover:after{ right: 15px;}

.sect-tl{ padding: 0 0 0 0;}
.sect-tl h3{ font-size: 1rem; color: var(--color-tl-blue); font-weight: 500; text-transform: uppercase; padding-bottom: 10px;}
.sect-tl h2{ font-size: 2.333rem; line-height: 1.1; font-weight: 500; padding: 0 0 10px 0; background: linear-gradient(90deg, #15499F 0%, #0087C6 75.96%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.counter-panel{ width: 100%; }
.counter-hld{ padding: 0px 0 0 0;}
.counter-con{ position: relative; padding: 20px 0; }
.counter-con .count{ font-size: 1.556rem; color: var(--color-tl-blue); font-weight: 600; line-height: 100%;}
.counter-con .unit{ font-size: 1.556rem; font-weight: 600;}
.counter-con p{ font-size: 0.889rem; font-weight: 400; padding: 10px 0 0;}
.counter-con p span{ display: block; line-height: 100%; font-style: italic;}
.counter-con .rs{ font-size: 1.556rem; font-weight: 600;}

.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: 1000px; margin: 0; padding: 0 20px; text-align: left; vertical-align: middle;}
.modal-dialog .btn-close{ position: absolute; right: 40px; top: 30px; font-size: 24px; 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: 70px 30px 30px; border-radius: 20px;}

.reveal-banner{ position: relative; width: 100%; overflow: hidden;}
.reveal-banner figure{ overflow: hidden;} 
.reveal-banner .reveal-overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:var(--color-white); }

header{ position: fixed; left: 0; top: 0; width: 100%; z-index: 99; opacity: 0; transition:all .3s ease-out;}
header .nav-hld{ position: relative; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; padding: 50px 0; transition:all .3s ease-out;}
header .logo{ position: absolute; left: 0; top:15px; width: 116px; transition:all .3s ease-out;} 
header .report-btn{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-size: 1rem; color: var(--color-white); font-weight: 300; letter-spacing: 0.5px; padding: 10px 20px 9px; background: #1E419E; border-radius: 8px;}
header .report-btn img{ width: 21px; height: auto; margin-right: 10px;}
header .report-btn:hover{ background: var(--color-cta-blue);}
header.sticky{ background: var(--color-white); box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, .75); transition:all .3s ease-out;}
header.sticky .nav-hld{ padding: 15px 0; transition:all .3s ease-out;}
header.sticky .logo{ width: 100px; box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.8); transition:all .3s ease-out;}

footer{ width: 100%; font-size: 0.889rem; color: var(--color-white); padding: 20px; background: #0079C1;}
footer .stirrup-logo{ width: 20px;}

.back-to-top{ position: fixed; right: 20px; bottom: 50px; width: 50px; height: 50px; background: var(--color-sky-blue); border-radius: 10px; cursor: pointer; transition:all .3s ease-out; display: none;}
.back-to-top:hover{ background: var(--color-tl-blue); transition:all .3s ease-out;}
.back-to-top svg{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 30px;}

.inner-con{ position: relative; background: var(--color-white);}

#banner{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: var(--color-tl-blue); overflow: hidden; }
#banner figure{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; clip-path: polygon(35% 20%, 65% 20%, 65% 80%, 35% 80%); overflow: hidden; opacity: 0;}
#banner video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; clip-path: polygon(35% 20%, 65% 20%, 65% 80%, 35% 80%);  overflow: hidden; opacity: 0;}
#banner .banner-video-mob, #banner .banner-video-tab{ display: none;}

.banner-spacer{ position: relative; width: 100%; height: 100vh; pointer-events: none;}

.sustanable-solutions{ position: relative;}
.sustanable-solutions::before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: #E3F2FB;}
.sustanable-solutions .site-btn{ margin-bottom: 20px;}
.sustanable-solutions figure{ position: relative; padding-bottom: 32.17%; margin-top: 30px; border-radius: 20px; overflow: hidden; }
.sustanable-solutions .description{ position: absolute; left: 0; bottom: 0; font-size: 0.889rem; color: var(--color-white); line-height: 1.2; padding: 20px;}
.sustanable-solutions .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 64%, rgba(0, 0, 0, 0.8) 93%);}

.industries-served .ind-det{ position: relative; z-index: 1;}
.industries-served ul{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; font-size: 1rem; color: var(--color-black); font-weight: 400; padding: 30px 0 40px;}
.industries-served ul li{ display: flex; flex-direction: row; align-items: center; width: 50%; padding: 10px 0;}
.industries-served ul li span{ display: flex; flex-direction: row; align-items: center; justify-content: center; width: 21px; height: 21px; font-size: 0.667rem; margin-right: 10px; border-radius: 50px;}
.industries-served ul li:nth-child(1){ color: var(--color-aluminium);}
.industries-served ul li:nth-child(1) span{ color: var(--color-aluminium); border: var(--color-aluminium) 1px solid;}
.industries-served ul li:nth-child(2){ color: var(--color-copper);}
.industries-served ul li:nth-child(2) span{ color: var(--color-copper); border: var(--color-copper) 1px solid;}
.industries-served ul li:nth-child(3){ color: var(--color-alumina);}
.industries-served ul li:nth-child(3) span{ color: var(--color-alumina); border: var(--color-alumina) 1px solid;}
.industries-served ul li:nth-child(4){ color: var(--color-esg);}
.industries-served ul li:nth-child(4) span{ color: var(--color-esg); border: var(--color-esg) 1px solid;}
.industries-served .ind-banner{ margin-left: -17%; padding-top: 5%; padding-left: 5%;}
.industries-served figure{ padding-bottom: 51.72%;}

.innovation{ text-align: center; padding-top: 0;}
.innovation .sect-tl h2{ text-align: center;} 

.thumb-slider-hld{ position: relative; width: 100%; padding: 20px 0 40px; }
.thumb-slider-hld .slide-blurb{ position: relative; border-radius: 20px; overflow: hidden;}
.thumb-slider-hld figure{ padding-bottom: 64%; overflow: hidden;}
.thumb-slider-hld .innovation-desc{ position: absolute; left: 0; bottom: 0; width: 100%; font-size: 0.95rem; color: var(--color-white); text-align: left; font-weight: 400; padding: 15px 25px; background: #000000B2;}
.thumb-slider-hld .swiper-button-next, .thumb-slider-hld .swiper-button-prev{ position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; margin: 0; background: var(--color-cta-blue); border-radius: 100px; }
.thumb-slider-hld .swiper-button-next{ right: -7%;}
.thumb-slider-hld .swiper-button-prev{ left: -7%;}
.thumb-slider-hld .swiper-button-next::after, .thumb-slider-hld .swiper-button-prev::after{ display: none;}
.thumb-slider-hld svg{ width: 20px;}
.thumb-slider-hld path{ stroke: var(--color-white); fill: var(--color-white);} 

.key-opportunities{ background: #F6F7FB;}
.key-opportunities .thumb-slider-hld figure{ padding-bottom: 104%; transition:all .15s ease-out;} 
.key-opportunities .thumb-slider-hld .innovation-desc{ padding-right: 30px;}
.key-opportunities .thumb-slider-hld .innovation-desc::after{ content: ''; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 19px; height: 12px; background: url(../images/arrow-right.svg) no-repeat center center; background-size: cover; transition:all .15s ease-out;}
.key-opportunities .thumb-slider-hld .slide-blurb:hover .innovation-desc::after{ right: 10px; transition:all .15s ease-out;}
.key-opportunities .thumb-slider-hld .slide-blurb:hover figure{ opacity: 0.8; transition:all .15s ease-out;}



.at-a-glance{ position: relative; width: 100%; background: #F6F7FB;}
.at-a-glance::before{ content: ''; position: absolute; left: 0; top: 0; width: 40%; height: 100%; background: #E3F2FB;}
.at-a-glance figure{ border-radius: 0 20px 20px 0; overflow: hidden;}
.at-a-glance .desc{ padding:20px 10px 0 80px;} 
.at-a-glance .site-btn{ margin-top: 30px;}

.businesses-at-a-glance .site-btn{ margin-top: 30px;}
.businesses-at-a-glance ul{ padding: 30px 70px 0 0;}
.businesses-at-a-glance li{ position: relative; font-size: 2.333rem; line-height: 100%; font-weight: 500; padding: 20px 30px 20px 0;  border-bottom: #DBDADA 1px solid; opacity: 0.5; cursor: pointer; transition:all .15s ease-out;}
.businesses-at-a-glance li:after{ content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 30px; height: 17px; background: url(../images/acc-right-arrow.svg) no-repeat center center; background-size: cover;}
.businesses-at-a-glance li:hover, .businesses-at-a-glance li.active{ opacity: 1; transition:all .15s ease-out;}
.businesses-at-a-glance li:nth-child(1){ color: var(--color-aluminium); }
.businesses-at-a-glance li:nth-child(2){ color: var(--color-copper); }
.businesses-at-a-glance li:nth-child(3){ color: var(--color-alumina); }
.businesses-at-a-glance li:last-child{ border: none;}
.busines-detail-blurb{ display: none; position: relative; border-radius: 20px; overflow: hidden;}
#business-aluminium{ display: block;}
.busines-detail-blurb figure{ padding-bottom: 68.90%; }
.busines-detail-blurb .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 36.33%, rgba(0, 0, 0, 0.8) 62.94%); }
.busines-detail-blurb .business-desc{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 45px 50px;}
.busines-detail-blurb p{ color: var(--color-white);}
.busines-detail-blurb h4{ font-size: 1rem; color: var(--color-white); line-height: 100%; text-transform: uppercase; padding: 15px 0 5px;}
.busines-detail-blurb .counter-con{ padding-bottom: 0;}
.busines-detail-blurb .counter-con .count{ color: var(--color-white);}
.busines-detail-blurb .counter-con p{ padding: 5px 0 0;}

.chairman-message{ background: linear-gradient(0deg, #B9D4E7, #B9D4E7), linear-gradient(0deg, #E3F2FB, #E3F2FB); }
.chairman-message .swiper-slide{ padding: 0 0 0 100px;}
.management-blurb{ background: var(--color-white);}
.management-det{ padding: 50px;}
.management-det p{ font-style: italic; padding: 20px 0;}
.management-det .quote{ width: 39px;}
.message-panel{ position: relative; margin: 25px 0 40px; padding: 30px 40px; border: #a7a9ac 1px solid; border-radius: 8px;}
.message-panel::before{ content: ''; position: absolute; left: -1px; top: 30px; width: 15px; height: 49px; background: var(--color-white) url(../images/message-curve.jpg) no-repeat center center; background-size: cover;}
.message-panel .info-panel{ padding: 30px 0 0;}
.message-panel .info-panel .name{ font-size: 1rem; color: var(--color-tl-blue); line-height: 1.5; font-weight: 500;}
.message-panel .info-panel .designation{ font-size: 0.778rem; font-weight: 400;}

.download-center{ background: #F6F7FB;}
.download-center .container{ width: 100%; max-width: 1100px;}
.download-center figure{ border-radius: 20px; overflow: hidden;}
.download-center a{ position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 20px 0;}
.download-center a::before{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #0079C1; pointer-events: none; transition:all .15s ease-out;}
.download-center a p{ font-size: 1.222rem; color: #0079C1; font-weight: 400;} 
.download-center a:hover::before{ width: 100%; transition:all .15s ease-out;}
.download-center a:hover span{ transform: translateX(-5px); transition:all .15s ease-out;}
.download-center a span{ display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; background: #0079C1; border-radius: 100px; transition:all .15s ease-out;}
.download-center a span img{ width: 15px;}
.download-center ul{ padding-top: 30px;}
.download-center .report-cover{ width: 100%; max-width: 425px; padding-left: 55px;}
.download-center .report-cover a{ padding-bottom: 0;}
.download-center li{ border-bottom: #A7A9AC 1px solid;}
.download-center li:last-child{ border: none;}

.esg-performance{ background: #F6F7FB;} 
.esg-performance figure{ padding-bottom: 98.43%;}
.esg-performance .esg-banner-hld{ position: relative; }
.esg-performance .banner-con{ position: absolute; left: 0; top: 0; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; padding: 45px 70px 10px;}
.esg-performance .banner-con p{ font-size: 0.833rem; color: var(--color-white); font-weight: 400; line-height: 1.2; }

.esg-performance .esg-det-con{ position: relative; display: flex; flex-direction: row; justify-content: space-between; height: 100%;}
.esg-performance .esg-det-blurb{ position: relative; width: 17%; padding: 40px 40px; background: var(--color-white); border: #D0D0D0 1px solid; border-radius: 20px; overflow: hidden; cursor: pointer;}  
.esg-performance .tl-hld{ position: relative; width: 100%; padding-bottom: 25px; margin-bottom: 30px; }
.esg-performance .tl-hld .letter{ width: 105px; }
.esg-performance .tl-hld .title{ position: absolute; left: 0; bottom: 0; font-size: 2.333rem; color: var(--color-black); line-height: 90%; font-weight: 400;  }
.esg-performance .det-hld{ display: none; height: 100%; opacity: 0; transition:all .15s ease-out; overflow: hidden;}
.esg-performance .counter-con{ padding: 15px 0 15px 0px;}
.esg-performance .counter-con p{ line-height: 1.1; padding: 5px 0 0;} 
.esg-performance .esg-det-blurb:nth-child(1) .counter-con .count{ color: #009E56;}
.esg-performance .esg-det-blurb:nth-child(2) .counter-con .count{ color: #DC661D;}
.esg-performance .esg-det-blurb:nth-child(3) .counter-con .count{ color: #2384C6;}
.esg-performance .counter-panel{ min-width: 360px;}
.esg-performance .esg-det-blurb.active-blurb{ width: 60%; transition:all .15s ease-out;} 
.esg-performance .esg-det-blurb.active-blurb .det-hld{ display: block; opacity: 1; transition:all .15s ease-out;}  
.esg-performance .esg-det-blurb.active-blurb .init-panel{ opacity: 0;}
.esg-performance .init-panel{ position: absolute; left: 0; top: 0; display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 20px 0px; pointer-events: none; opacity: 1;}  
.esg-performance .init-panel .panel-title-con{ display: flex; flex-direction: row; align-items: baseline; font-size: 1.556rem; color: var(--color-black); line-height: 100%; font-weight: 400; writing-mode: vertical-lr;}
.esg-performance .init-panel .panel-title-con .plusminus{ width: 38px; height: 38px; margin-bottom: 10px; background: url(../images/plus.png) no-repeat center center; background-size: cover;}
.esg-performance .init-panel .esg-letter{ width: 105px; margin-right: -50px;}
.esg-performance .note-ind{ font-size: 0.833rem; color: var(--color-black); text-align: center; font-weight: 300; padding: 20px 0 0;}


.our-capitals .nav-tabs{ justify-content: space-between; padding: 30px 0 0; border: none;}
.our-capitals .nav-tabs .nav-link{ position: relative; font-size: 1.222rem; color: #939598; font-weight: 500; padding: 10px 0 20px 0; border: none; box-shadow: none;}
.our-capitals .nav-tabs .nav-link::before{ content: ''; position: absolute; left: 49%; bottom: 15px; transform: translateX(-50%); width: 0; height: 1px; background: #15499F; transition:all .15s ease-out;}
.our-capitals .nav-tabs .nav-link::after{ opacity: 0; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 18px; height: 8px; background: url(../images/arrow-transparent-down.png) no-repeat center center; background-size: cover; transition:all .15s ease-out;}
.our-capitals .natural-counter-slider .counter-hld{ display: flex!important; flex-direction: row; flex-wrap: wrap; margin: 0!important;}
/* .our-capitals .natural-counter-slider .natural-counter-blurb{ width: 33.33%; }
.our-capitals .natural-counter-slider .natural-counter-blurb .counter-con{ padding: 10px 15px 10px 0;} */
.our-capitals .natural-counter-slider .swiper-pagination{ position: relative; bottom: auto;}
.our-capitals .natural-counter-slider .swiper-pagination-bullet{ width: 12px; height: 12px; background: var(--color-sky-blue); opacity: 0.7!important;}
.our-capitals .natural-counter-slider .swiper-pagination-bullet-active{ background: var(--color-tl-blue); opacity: 1!important;}

#financial-tab::before, #financial-tab::after{ background-color: #15499F;}
#manufactured-tab::before, #manufactured-tab::after{ background-color: #af1e23;}
#human-tab::before, #human-tab::after{ background-color: #dd661d;}
#intellectual-tab::before, #intellectual-tab::after{ background-color: #00a5dc;}
#natural-tab::before, #natural-tab::after{ background-color: #009f57;}
#social-relationship-tab::before, #social-relationship-tab::after{ background-color: #af1e23;}

#financial-tab:hover,#financial-tab.active{ color: #15499F;}
#manufactured-tab:hover,#manufactured-tab.active{ color: #af1e23;}
#human-tab:hover,#human-tab.active{ color: #dd661d;}
#intellectual-tab:hover,#intellectual-tab.active{ color: #00a5dc;}
#natural-tab:hover,#natural-tab.active{ color: #009f57;}
#social-relationship-tab:hover,#social-relationship-tab.active{ color: #af1e23;}


.our-capitals .nav-tabs .nav-link:hover::before,.our-capitals .nav-tabs .nav-link.active::before{ width: 100%; transition:all .15s ease-out;}
.our-capitals .nav-tabs .nav-link:hover::after,.our-capitals .nav-tabs .nav-link.active::after{ opacity: 1; transition:all .15s ease-out;}
.our-capitals .nav-tabs .nav-link:hover{ color: #15499F; transition:all .15s ease-out;}

.our-capitals .tab-content{ padding-top: 20px; }
.our-capitals .accordion-item{ border: none!important; border-radius: 0!important;}
.our-capitals .accordion-body{ padding: 0; background: #E3F2FB;}
.our-capitals figure{ padding-bottom: 69.08%;}
.our-capitals .capitals-det{ padding: 50px;}
.our-capitals .cap-title{ display: flex; flex-direction: row; align-items: center; font-size: 2.333rem; color: var(--color-tl-blue); line-height: 1; font-weight: 500; padding-bottom: 30px;}
.our-capitals .cap-title .icon{ width: auto; margin-right: 5px;}
.our-capitals h4{ font-size: 1rem; color: var(--color-black); font-weight: 500; text-transform: uppercase;}
.our-capitals h5{ font-size: 1rem; color: var(--color-black); font-weight: 500; text-transform: none;}
.our-capitals .counter-hld{ padding: 10px 0 10px;}
.our-capitals .counter-panel{ padding: 0px 0 10px;}
.our-capitals .counter-con{ padding: 15px 0;}
.our-capitals .counter-con .count{ color: var(--color-sky-blue);}
.our-capitals .counter-con p{ padding: 5px 0 0;}
.our-capitals .contributors{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; padding: 20px 0 50px;}
.our-capitals .contributors img{ width: auto; margin-right: 2px;}
.our-capitals .note{ font-size: 12px; color: var(--color-gray); font-style: italic; padding-top: 5px;}

#financial-tab-pane .accordion-body{ background: #E3F2FB;}
#manufactured-tab-pane .accordion-body{ background: #FFF2F2;}
#human-tab-pane .accordion-body{ background: #FFF1E9;}
#intellectual-tab-pane .accordion-body{  background: #F2FAFF;}
#natural-tab-pane .accordion-body{  background: #E9FFF5;}
#social-relationship-tab-pane .accordion-body{  background: #FFEEEE;}

#financial-tab-pane .cap-title, #financial-tab-pane .counter-con .count{ color: #17479e;}
#manufactured-tab-pane .cap-title, #manufactured-tab-pane .counter-con .count{ color: #af1e23;}
#human-tab-pane .cap-title, #human-tab-pane .counter-con .count{ color: #dd661d;}
#intellectual-tab-pane .cap-title, #intellectual-tab-pane .counter-con .count{ color: #00a5dc;}
#natural-tab-pane .cap-title, #natural-tab-pane .counter-con .count{ color: #009f57;}
#social-relationship-tab-pane .cap-title, #social-relationship-tab-pane .counter-con .count{ color: #af1e23;}


.key-memberships .site-btn{ margin-top: 30px;}
.key-memberships h4{ position: relative; font-size: 1.556rem; font-weight: 500;}
.key-memberships h4::before{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; background: #C1C1C1;}
.key-memberships h4 span{ position: relative; line-height: 100%; padding-right: 50px; background: var(--color-white);}

.associate-member-hld{ position: relative; padding-left: 50px}
.associate-member-hld::before{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: calc(100% - 10px); background: #E0E0E0;}
.associate-member-con{ padding: 30px 0;}
.associate-member-con:first-child{ padding-top: 0;}
.associate-member-con:last-child{ padding-bottom: 0;}
.associate-member-con:nth-child(1) h4{ color: var(--color-tl-blue);}
.associate-member-con:nth-child(2) h4{ color: #AF1E23;}
.associate-member-con:nth-child(3) h4{ color: #AF1E23;}
.am-logo-hld{ display: flex; flex-direction: row; align-items: center; width: 100%; padding: 40px 0 0;}
.am-logo-hld img{ width: auto;}
.am-logo-hld .logo-con{ padding-right: 50px;}

.strategic-priorities{ background: linear-gradient(0deg, #B9D4E7, #B9D4E7), linear-gradient(0deg, #E3F2FB, #E3F2FB); }
.strategic-priorities .strategies-det{ height: 100%; padding: 50px 50px 100px; background: var(--color-white); border-radius: 20px;}
.strategic-priorities .site-btn{ margin-top: 30px;}
.strategies-hld{ height: 100%; padding: 30px; background: var(--color-white); border-radius: 20px;}
.strategies-con{ height: 100%;}
.strategy-blurb{ position: relative; display: flex; flex-direction: column; height: 50%;}
.strategy-blurb:nth-child(3), .strategy-blurb:nth-child(4){ justify-content: flex-end;}
.strategies-hld h5{ font-size: 1rem; color: var(--color-black); font-weight: 500; padding: 5px 0 0; transition:all .15s ease-out;}
.strategies-hld h5:nth-child(2){ color: #B2B2B2;}

.strategy-blurb .sp-highlighter{ position: absolute; background: #E7E7E8; border-radius: 5px; transition:all .15s ease-out;} 
.strategy-blurb:nth-child(1) .sp-highlighter{ right: -15px; top: 0; width: 30px; height: calc(200px - 15px);}
.strategy-blurb:nth-child(2) .sp-highlighter{ left: 15px; bottom: -15px; width: calc(200px - 15px); height: 30px;}
.strategy-blurb:nth-child(3) .sp-highlighter{ left: -15px; top: 15px; width: 30px; height: calc(200px - 15px);}
.strategy-blurb:nth-child(4) .sp-highlighter{ right: 15px; top: -15px; width: calc(200px - 15px); height: 30px;}

.strategy-blurb.active-sp .sp-highlighter{ background: var(--color-sky-blue); }
.strategy-blurb.active-sp h5:nth-child(2){ color: var(--color-sky-blue); }

.future-forward ul{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 15px; background: #F6F7FB; border-radius: 20px;}
.future-forward ul li{ display: flex; flex-direction: row; align-items: center; font-size: 1rem; color: var(--color-black); font-weight: 400; padding: 0 50px; cursor: pointer;}
.future-forward ul li:nth-child(1):hover{ color: var(--color-aluminium); }
.future-forward ul li:nth-child(2):hover{ color: var(--color-copper); }
.future-forward ul li:nth-child(3):hover{ color: var(--color-alumina); }
.future-forward ul li:nth-child(4):hover{ color: var(--color-esg); }
.future-forward ul li img{ width: 20px; margin-right: 10px;}

.ind-type-mb{ display: none; flex-direction: row; align-items: center; font-size: 1rem; color: var(--color-black); font-weight: 400; padding: 0 0 20px; cursor: pointer;}
.ind-type-mb img{ width: 20px; margin-right: 10px;}

.industry-hld{ width: 100%;  }
.industry-hld.al-sp{ border-bottom: #979797 1px solid; padding: 30px 0 0; margin-bottom: 30px;}
.industry-hld.co-es{ border-top: #979797 1px solid; padding: 0px 0 30px; margin-top: 30px;}
.industry-hld.co-es .icon-arrow{ transform: rotate(180deg);}
.industry-hld figure{ display: none;}
.industry-panel{ display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between;}
.industry-blurb{ position: relative; width: 25%; min-height: 250px; }

.pioneering-tl{ font-size: 3.444rem; line-height: 1.1; text-align: center; font-weight: 500; text-transform: uppercase; background: linear-gradient(90deg, #15499F 0%, #0087C6 75.96%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 5px 0 0;}

.creative-con{ position: absolute; left: 20px; display: flex; flex-direction: column;  width: 20px; }
.creative-con::before{ content: ''; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); width: 1px; height: 100%; background: #979797;}
.creative-con .icon{ position: absolute; left: 50%; transform: translateX(-50%); width: auto; max-width: none; background: var(--color-white);}
.creative-con .icon-arrow{ position: relative; width: 20px;}
.industry-blurb .info{ position: absolute; min-width: 150px; font-size: 0.889rem; color: var(--color-black); font-weight: 400; line-height: 1; }

.industry-hld.al-sp .creative-con{ bottom: 0; flex-direction: column; justify-content: flex-end;}
.industry-hld.co-es .creative-con{ top: 0; flex-direction: column; justify-content: flex-start;}
.industry-hld.al-sp .creative-con .icon{ top: 0;}
.industry-hld.co-es .creative-con .icon{ bottom: 0;}

.aluminium-creatives .industry-blurb:nth-child(1) .creative-con{ height: 100%; }
.aluminium-creatives .industry-blurb:nth-child(1) .info{ left: 40%; top: 10px; }

.aluminium-creatives .industry-blurb:nth-child(2) .creative-con{ left: 0; height: 70%; }
.aluminium-creatives .industry-blurb:nth-child(2) .info{ left: 15%; bottom: 13%; }

.aluminium-creatives .industry-blurb:nth-child(3) .creative-con{ height: 100%; }
.aluminium-creatives .industry-blurb:nth-child(3) .info{ left: 25%; top: 30%; }

.aluminium-creatives .industry-blurb:nth-child(4) .creative-con{ left: -5%; height: 70%; }
.aluminium-creatives .industry-blurb:nth-child(4) .info{ left: 7%; bottom: 13%; }

.specialty-alumina-creatives .industry-blurb:nth-child(1) .creative-con{ height: 100%; }
.specialty-alumina-creatives .industry-blurb:nth-child(1) .info{ left: 40%; top: 10px; }

.specialty-alumina-creatives .industry-blurb:nth-child(2) .creative-con{ left: 0; height: 70%; }
.specialty-alumina-creatives .industry-blurb:nth-child(2) .info{ left: 15%; bottom: 13%; }

.specialty-alumina-creatives .industry-blurb:nth-child(3) .creative-con{ left: -2%; height: 100%; }
.specialty-alumina-creatives .industry-blurb:nth-child(3) .info{ left: 12%; top: 33%; }

.specialty-alumina-creatives .industry-blurb:nth-child(4) .creative-con{ left: -5%; height: 70%; }
.specialty-alumina-creatives .industry-blurb:nth-child(4) .info{ left: 7%; bottom: 13%; }

.industry-panel.copper-creatives .industry-blurb{ width: 33.33%;}

.copper-creatives .industry-blurb:nth-child(1) .creative-con{ height: 70%; }
.copper-creatives .industry-blurb:nth-child(1) .info{ left: 20%; top: 15px; }

.copper-creatives .industry-blurb:nth-child(2) .creative-con{ left: 0; height: 100%; }
.copper-creatives .industry-blurb:nth-child(2) .info{ left: 11%; bottom: 30%; }

.copper-creatives .industry-blurb:nth-child(3) .creative-con{ left: -2%; height: 70%; }
.copper-creatives .industry-blurb:nth-child(3) .info{ left: 9%; top: 35%; }

.esg-creatives .industry-blurb:nth-child(1) .creative-con{ height: 60%; }
.esg-creatives .industry-blurb:nth-child(1) .info{ left: 22%; top: 25px; }

.esg-creatives .industry-blurb:nth-child(2) .creative-con{ left: 0; height: 80%; }
.esg-creatives .industry-blurb:nth-child(2) .info{ left: 11%; bottom: 58%; }

.esg-creatives .industry-blurb:nth-child(3) .creative-con{ left: -2%; height: 100%; }
.esg-creatives .industry-blurb:nth-child(3) .info{ left: 9%; top: 38%; }

.esg-creatives .industry-blurb:nth-child(4) .creative-con{ left: 10%; height: 80%; }
.esg-creatives .industry-blurb:nth-child(4) .info{ left: 23%; top: 27%; }



.business-det-hld .nav-tabs{ position: relative; justify-content: space-around; padding: 30px 0 0; border: none;}
.business-det-hld .nav-tabs::before{ content: ''; position: absolute; left: 50%; top: 61%; transform: translate(-50%, -50%); width: 100%; height: 1px; background: #4B5057;}
.business-det-hld .nav-tabs .nav-link{ position: relative; font-size: 1.222rem; color: #939598; font-weight: 500; padding: 0px 15px 15px; background: var(--color-white); border: none; box-shadow: none;}
.business-det-hld .nav-tabs .nav-item{ padding: 0; margin: 0;}
.business-det-hld .nav-tabs .nav-item:nth-child(1) .nav-link{ color: var(--color-tl-blue);}
.business-det-hld .nav-tabs .nav-item:nth-child(2) .nav-link{ color: #DC661D;}
.business-det-hld .nav-tabs .nav-item:nth-child(3) .nav-link{ color: #009E57;} 
.business-det-hld .nav-tabs .nav-link::after{ opacity: 0; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 18px; height: 8px; background: url(../images/arrow-blue-down.png) no-repeat center center; background-size: cover; transition:all .15s ease-out;}
.business-det-hld .nav-tabs .nav-link:hover,.business-det-hld .nav-tabs .nav-link.active{ color: #15499F;} 
.business-det-hld .nav-tabs .nav-link:hover::after,.business-det-hld .nav-tabs .nav-link.active::after{ opacity: 1; transition:all .15s ease-out;}
.business-det-hld .nav-tabs .nav-link:hover{ color: #15499F; transition:all .15s ease-out;}

.business-det-hld .tab-content{ padding-top: 20px; }
.business-det-hld .accordion-item{ border: none!important; border-radius: 0!important;}
.business-det-hld .accordion-body{ padding: 30px; background: #F6F7FB; border: #CCCBCB 1px solid; border-radius: 20px;}

.business-det-hld ul{ height: 100%; padding: 0 40px 0 0; border-right: #B3B7BD 1px solid;}
.business-det-hld li{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-size: 1rem; color: var(--color-tl-blue); font-weight: 500; padding: 10px 10px 10px 20px; margin: 5px 0; list-style: none; border-radius: 30px; cursor: pointer;}
.business-det-hld li .arrow{ display: flex; flex-direction: row; align-items: center; justify-content: center; width: 31px; height: 31px; background: var(--color-white); border-radius: 100px;}
.business-det-hld li .arrow svg{ width: 15px;}
.business-det-hld li .arrow svg path{ fill: var(--color-tl-blue);}
.business-det-hld li:hover, .business-det-hld li.active{ background: var(--color-white);}
.business-det-hld li:hover .arrow, .business-det-hld li.active .arrow{ background: var(--color-tl-blue);}
.business-det-hld li:hover .arrow svg path,  .business-det-hld li.active .arrow svg path{ fill: var(--color-white);}

.business-det-hld .note{ font-size: 12px; color: var(--color-gray); font-style: italic; padding-top: 10px;}
.business-det-hld .btn-con{ text-align: center; padding: 30px 0 0; margin: 0 auto;}

.model-strategy-det{ display: none; padding: 0 0 0 30px;}
.model-strategy-det.active-tab{ display: block;}
.model-strategy-det .cap-tl{ display: flex; flex-direction: row; align-items: center; font-size: 28px; color: var(--color-tl-blue); font-weight: 500; padding-bottom: 20px;}
.model-strategy-det .cap-tl figure{ display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; padding: 5px; background: var(--color-white); border: #D1D3D4 1px solid; border-radius: 100px; overflow: hidden; margin-right: 10px;}
.model-strategy-det .counter-panel{ padding:0 0 20px;}
.model-strategy-det .counter-con .count, .model-strategy-det .counter-con .rs, .model-strategy-det  .counter-con .unit{ font-weight: 300;}
.model-strategy-det .counter-con p{ padding: 5px 0 0 0;}
.model-strategy-det .counter-con sup{ top: -0.8em; font-size: 14px;}
.model-strategy-det .counter-con sub{ font-size: 14px;} 
.business-model-mob{ display: none; margin-top: 30px;}

.awards-recognition{ position: relative;}
.awards-recognition:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 46.5%; background: #E3F2FB; } 
.awards-recognition .thumb-slider-hld figure{ border-radius: 20px; overflow: hidden;}
.awards-recognition .thumb-slider-hld .innovation-desc{ position: relative; left: auto; bottom: auto; color: var(--color-black); padding: 15px 0 0; background: none; }
.awards-recognition .thumb-slider-hld .slide-blurb{ border-radius: 0;}
.awards-recognition .thumb-slider-hld .swiper-button-next, .awards-recognition .thumb-slider-hld .swiper-button-prev{ top: 39%;}

/* Responsive Code */




@media handheld, only screen and (max-width: 1680px){
  html{ font-size: 15px;}
  .container{ max-width: 1360px;}
  p{ line-height: 1.2;}
  .industries-served .ind-banner{ padding-left: 8%;}
  .thumb-slider-hld .swiper-button-next{ right: -5%;}
  .thumb-slider-hld .swiper-button-prev{ left: -5%;}
  .thumb-slider-hld .innovation-desc{ font-size: 0.85rem; }
  .at-a-glance .desc{padding: 0px 0 0 40px;}
  .at-a-glance .site-btn{ margin-top: 20px;}
  .chairman-message .swiper-slide{ padding: 0 0 0 80px;}
  .esg-performance .tl-hld .letter{ width: 70px;}
  .esg-performance .esg-det-blurb { padding: 20px;}
  .esg-performance .counter-con{ padding: 10px 0;}
  .our-capitals .capitals-det{ padding: 30px 20px;}
  .our-capitals .cap-title{ padding-bottom: 15px;}
  .strategic-priorities .strategies-det{ padding: 50px 50px 120px;}
  .future-forward ul li{ padding: 0 20px;}
  .model-strategy-det .counter-panel{ padding: 0 0 15px;}
  .model-strategy-det .counter-con{ padding: 15px 0;}
  .download-center a{ padding: 10px 0;}
}



@media handheld, only screen and (max-width: 1499px){
  html{ font-size: 14px;} 
  
}

@media handheld, only screen and (max-width: 1440px){ 
  .container{ max-width: 1200px;}
  header .nav-hld{ padding: 30px 0;}
  header .logo{ top: 10px; width: 100px;}
  header.sticky .logo{ width: 90px;}
  .industries-served ul{ padding: 20px 0 30px;}
  .thumb-slider-hld .swiper-button-next{ right: -7%;}
  .thumb-slider-hld .swiper-button-prev{ left: -7%;}
  .at-a-glance .desc { padding: 0px 0 0 20px; }
  .businesses-at-a-glance li{ font-size: 2rem;}
  .busines-detail-blurb .business-desc{ padding: 25px 25px;}
  .busines-detail-blurb .counter-con .count, .counter-con .unit{ font-size: 1.5rem;}
  .management-det{ padding: 35px;}
  .management-det .quote{ width: 32px;}
  .message-panel .info-panel{ padding: 20px 0 0 0;}
  .management-det p{ padding: 15px 0;}
  .esg-performance .tl-hld .title{ font-size: 2.1rem;}
  .esg-performance .tl-hld{ margin-bottom: 20px;}
  .our-capitals .counter-hld{ padding: 20px 0;}
  .our-capitals .capitals-det{ padding: 30px 10px;}
  .our-capitals .contributors{ padding: 20px 0 30px;}
  .strategic-priorities .strategies-det{ padding: 50px 50px 100px;}
  .strategies-hld h5{ font-size: 0.95rem;}
  .creative-con{ left: 10px;}
  .industry-blurb .info{ font-size: 0.8rem;}
  .industry-blurb{ min-height: 230px;}
}
@media handheld, only screen and (max-width: 1300px){
  .thumb-slider-hld .swiper-button-next, .thumb-slider-hld .swiper-button-prev{ width: 40px; height: 40px;}
  .thumb-slider-hld .swiper-button-next{ right: -4%;}
  .thumb-slider-hld .swiper-button-prev{ left: -4%;}
}
@media handheld, only screen and (max-width: 1279px){
  .container{ max-width: 1000px;}
  .industries-served .ind-banner{ padding-left: 12%;}
  .thumb-slider-hld .swiper-button-next, .thumb-slider-hld .swiper-button-prev{ position: relative; left: auto; right: auto; bottom: auto; top: auto; transform: translate(0);}
  .thumb-slider-hld .swiper-btn-hld{ display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 90px; padding: 30px 0 0;}
  .business-det-hld .accordion-body{ padding: 20px;}
  .business-det-hld ul{ padding: 0 20px 0 0;}
  .model-strategy-det{ padding: 0 0 0 10px;}
}

@media handheld, only screen and (max-width: 991px){
  .section{ padding: 80px 0;} 
  .back-to-top{ display: none!important;}
  header.sticky .nav-hld{ padding: 10px 0; }
  header.sticky .logo{ width: 80px; padding:0; }
  #banner figure, #banner video{clip-path: polygon(15% 20%, 85% 20%, 85% 80%, 15% 80%);}
  #banner video{ width: 100%; }
  #banner .banner-video-desk{ display: none;}
  #banner .banner-video-tab{ display: block;}

  .sustanable-solutions::before{ height: 30%;}
  .sustanable-solutions .site-btn{ margin: 10px 0 0;}
  .industries-served .ind-banner{ margin-left: 0; padding: 0 0 30px;}
  .industries-served p br{ display: none;}
  .at-a-glance::before{ width: 100%;}
  .at-a-glance .desc{ padding: 30px 0 0;}
  .businesses-at-a-glance ul{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 40px 0 20px;}
  .businesses-at-a-glance ul li{ padding: 0 0 20px; border: none;}
  .businesses-at-a-glance ul li:after{ right: 42%; top: auto; bottom: -25px; transform: translate(0); transform: translateX(-50%); width: 20px; height: 40px; rotate: 90deg;}
  .chairman-message .swiper-slide{ padding: 0 0 0 0;}
  .management-blurb{ margin: 0;} 
  .download-center .report-cover{ max-width: 370px; margin: 0 auto; padding: 40px 0 0 0;} 
  .esg-performance .esg-det-con{ padding-top: 30px;}
  .esg-performance .init-panel .esg-letter{ width: 90px;}

  .our-capitals .tab-content{ padding: 40px 20px 20px;}
  .our-capitals .tab-content>.tab-pane { display: block; opacity: 1; margin-bottom: 10px; }
  .our-capitals .capitals-det{ padding: 30px 20px;}
  .our-capitals .accordion-button{ border: var(--color-sky-blue) 1px solid; border-radius: 0!important;}
  .our-capitals .accordion-button:not(.collapsed){ color: var(--color-white); background: var(--color-sky-blue);}

  .associate-member-hld{ padding: 40px 0 0 0;}
  .associate-member-hld:before{ display: none; padding: 20px 0 0 0;}

  .strategies-hld{ min-height: 430px; margin-top: 30px;}
  .future-forward .sect-tl{ padding-bottom: 30px;}
  .industry-hld.al-sp { border: 0!important;}
  .industry-hld.al-sp .industry-panel{ padding: 20px 0 0; border-bottom: #979797 1px solid;}
  .industry-hld.co-es { border: 0!important;}
  .industry-hld.co-es .industry-panel{ padding: 0 0 20px; border-top: #979797 1px solid;} 

  .business-det-hld .tab-content{ display: none;}
  .business-det-hld .tab-content>.tab-pane { display: block; opacity: 1; margin-bottom: 10px; }
  .business-det-hld .accordion-button{ border: var(--color-sky-blue) 1px solid; border-radius: 0!important;}
  .business-det-hld .accordion-button:not(.collapsed){ color: var(--color-white); background: var(--color-sky-blue);}
  .business-model-mob{ display: block; }
}

@media handheld, only screen and (max-width: 767px){
  .section{ padding: 60px 0;} 
  header .nav-hld{ padding: 10px 0;} 
  header .logo{ width: 70px;}
  header .logo, header.sticky .logo{ width: 70px;}
  header .report-btn{ padding: 10px;}
  header .report-btn span{ display: none; }
  header .report-btn img{ margin: 0 auto;}
  footer{ text-align: center;}
  .sustanable-solutions figure{ padding-bottom: 56%;} 
  .innovation .sect-tl h2{ text-align: left;}
  .thumb-slider-hld .innovation-desc{ line-height: 1.2;}
  .businesses-at-a-glance li { font-size: 1.15rem; }
  .busines-detail-blurb figure{ height: 65vh; padding: 0;}
  .busines-detail-blurb .business-desc { padding: 20px 20px; }
  .management-det{ padding: 20px;}
  .message-panel{ margin: 15px 0 30px; padding: 20px 25px;}
  .management-det .quote{ width: 26px;}
  .am-logo-hld .logo-con{ padding-right: 20px;}
  .pioneering-tl{ font-size: 2rem;}
}

@media handheld, only screen and (max-width: 575px){
  h1{ font-size: 2.6rem;}
  h1 br{ display: none;}
  .sect-tl h2{ font-size: 2.1rem;}
  .sect-tl h2 br{ display: none;}
  .site-btn{ min-width: 135px; font-size: 0.9rem; padding: 7px 40px 7px 10px;}
  .site-btn:after{ right: 15px;}

  #banner .banner-video-tab{ display: none;}
  #banner .banner-video-mob{ display: block;}
  .sustanable-solutions figure{ padding-bottom: 100%;}
  .sustanable-solutions .description br{ display: none;}
  .download-center a p{ width: calc(100% - 40px); font-size: 1rem; line-height: 1.1;}

  .esg-performance .banner-con{ left: 50%; transform: translateX(-50%); width: calc(100% - 23px); padding: 20px 25px 0; background: linear-gradient(180deg,rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.55) 88%)}
  .esg-performance .esg-det-con{ flex-direction: column;}
  .esg-performance .esg-det-blurb{ margin-bottom: 15px;}
  .esg-performance .esg-det-blurb, .esg-performance .esg-det-blurb.active-blurb{ width: 100%;}
  .esg-performance .init-panel{ position: relative; left: auto; top: auto; flex-direction: row;}
  .esg-performance .init-panel .panel-title-con{ align-items: center; writing-mode: lr;}
  .esg-performance .esg-det-blurb.active-blurb .init-panel{ opacity: 0; display: none;}
  .esg-performance .init-panel .esg-letter{ width: 60px; margin-right: 0;}
  .esg-performance .init-panel .panel-title-con .plusminus{ margin: 0 10px 0 0;}
  .esg-performance .counter-panel{ min-width: 100%;}
  .our-capitals .cap-title{ font-size: 1.8rem; line-height: 1.2;}
  .associate-member-con{ padding: 10px 0;}
  .am-logo-hld{ flex-wrap: wrap; justify-content: space-between;}
  .am-logo-hld .logo-con{ width: 32%; margin-bottom: 20px;}
  .strategic-priorities .strategies-det{ padding: 20px;}
  .strategies-hld{ min-height: 330px;}
  .strategy-blurb:nth-child(1) .sp-highlighter{ right: -10px; width: 20px; height: calc(150px - 15px);}
  .strategy-blurb:nth-child(2) .sp-highlighter{ bottom: -10px; width: calc(150px - 15px); height: 20px;}
  .strategy-blurb:nth-child(3) .sp-highlighter{ left: -10px; width: 20px; height: calc(150px - 15px);}
  .strategy-blurb:nth-child(4) .sp-highlighter{ top: -10px; width: calc(150px - 15px); height: 20px;}

  .future-forward ul{ display: none;}
  .future-forward .sect-tl,.industry-hld.al-sp, .industry-hld.co-es{ padding: 0;}
  .ind-type-mb{ display: flex;}
  .industry-blurb{ display: none;}
  .industry-hld figure{ display: block;}
  .industry-panel{ display: block; border: 0!important;}
}
@media handheld, only screen and (max-width: 480px){
  #banner figure, #banner video { clip-path: polygon(5% 20%, 95% 20%, 95% 80%, 5% 80%); }
}
@media handheld, only screen and (max-width: 375px){
  .industries-served ul{ padding: 10px 0 30px;}
  .industries-served ul li{ width: 100%; padding: 5px 0;}
  .businesses-at-a-glance li { font-size: 1.1rem; }
  .am-logo-hld .logo-con{ width: 49%; margin-bottom: 20px;}
  .strategies-hld h5{ font-size: 0.8rem;}
  .strategies-hld h5 br{ display: none;}
}



@media (min-resolution: 120dpi), 
       (-webkit-min-device-pixel-ratio: 1.25) {
  .strategy-blurb:nth-child(1) .sp-highlighter{ right: -15px; top: -15px; width: 30px; height: calc(200px - 15px);}
}