@import url('../../../../cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

/********* Reset CSS *********/
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block }
audio, canvas, video { display:inline-block }
audio:not([controls]) {
display:none;
height:0
}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust:  100%; font-size: 62.5%; }
a { text-decoration:none; color:#88bf40; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
a:focus { outline:thin dotted }
a:hover, a:active { outline: 0; }
a:focus, a:hover { text-decoration:none; color:#1d4382; }
a:focus { color:#1d4382; }
b, strong, dt, th { font-weight: bold; }
em, i { font-style:italic; }
p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address { margin:0 0 20px 0; padding:0; }
img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width:100%; height:auto; }
figure { margin:0; }
legend { white-space:normal; }
q { quotes:"\201C" "\201D" "\2018" "\2019" }
small { font-size:90% }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline }
sup { top:-0.5em }
sub { bottom:-0.25em }
table { border-collapse: separate; border-spacing: 0; width: 100%; empty-cells:show; border:none; }
table table { margin:0 }
th, td { border:none; padding:8px 10px }
caption, th, td { font-weight: normal; }
ul.bulletText { list-style:none; padding:0; }
ul.bulletText li { padding-left:15px; margin-bottom: 10px; line-height:1.5; position: relative; }
ul.bulletText li:before { position: absolute; left: 0; top: -2px; content:"";font-family:'FontAwesome'; content: "\f105"; font-size:18px;}
ul.bulletText ul { padding:0; list-style:none;margin-top: 15px;}
/********* Clear floats *********/
.cf:before, .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before { content:" "; display:table }
.cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after { clear:both }
body{overflow-x: hidden;}
body { color:#323232; font-family: 'Rubik', sans-serif; font-weight:400; font-size:1.6rem; line-height: 1.5;}
body.wob { background-color:#000; color:#fff }
.wob a { color:#ff0 }
.wob a:hover { color:#80ff00 }
.container { width:100%; padding: 0 15px; max-width:1414px; margin: 0 auto; }
.commonPad { padding-bottom:40px; padding-top:40px;}
.padBotNone { padding-bottom: 0; }
.padTopNone { padding-top: 0; }

/*****Swiper 6.5.1*****/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/*Magnific Popup*/
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; }
 button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,  .mfp-close:focus { opacity: 1; }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover,  .mfp-arrow:focus { opacity: 1; }
.mfp-arrow:before,  .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }
/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0;}
.mfp-img-mobile img.mfp-img { padding: 0;}
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0;}
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px;}
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box;}
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0;}
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px;}
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0;}
}
@media all and (max-width: 900px) {
.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75);}
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0;}
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%;}
.mfp-container { padding-left: 6px; padding-right: 6px;}
}
.mfp-counter { display:none;}

/* Main Navigation */
#nav { margin:0 -15px; padding:0; display: flex !important; flex-wrap: wrap; }
#nav li { display:inline-block; padding:0 13px; }
#nav li:not(.megaMenu){position:relative;}
#nav li a { display:block; color:#323232; font-size:1.8rem; line-height:34px; font-weight: 400; padding: 21px 0; position:relative; text-decoration:none; text-transform: capitalize; }
#nav li a:hover, #nav li.active>a, #nav>li:hover>a { color:#88bf40 }
#nav > li > a { color: #fff; }
#nav li.onlineApplication { margin-left: auto; }
#nav li.onlineApplication a { font-weight: 600; color: #1d4382; }
#nav li.onlineApplication a:hover { color: #88bf40; }
#nav > li:nth-child(5) ul { width: 310px; }
#nav ul { opacity:0; z-index:4; position:absolute; width:210px; background-color:#fff; top:76px; left:10px; box-shadow:0 0 5px rgba(0, 0, 0, .2); visibility:hidden; -webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;margin:20px 0 0; padding:0}
#nav li:hover>ul { opacity:1; visibility:visible; margin:0; text-align: left }
#nav ul ul { top:0; left:100%; padding:0; position: relative; opacity: 1; visibility: visible; }
#nav ul li { display:block; padding: 0; border-bottom: 1px solid #fff;}
#nav ul li:last-child { border-bottom: 0; }
/*#nav ul li:first-child{ padding-top: 2rem}
#nav ul li:last-child{ padding-bottom: 2rem}*/
#nav ul li a { font-size: 1.6rem; line-height: 1.2; display:block; padding:.5rem 2rem;text-transform:none; line-height:25px; color:#323232; position:relative; -webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
#nav ul li a:hover { color: #88bf40; }
#nav li:hover>ul:before{ content: "\f0d8";font: normal normal normal 14px/1 FontAwesome; position: absolute; top: -2rem; /* left: 0; */left: 2rem;margin: 0 auto;color: #fff;text-align: center;font-size:3rem;}
#nav li>ul ul:before { display: none; }

#nav .megaMenu > a:before{ content: "\f0d8";font: normal normal normal 14px/1 FontAwesome; position: absolute; bottom: -9px; /* left: 0; */left: 2rem;margin: 0 auto;color: #fff;text-align: center;font-size:3rem; z-index: 6; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out;}
#nav .megaMenu:hover > a:before { opacity: 1; visibility: visible; }
#nav .megaMenu > ul { width: auto; left: 0; right: 0; padding: 25px 10px; pointer-events: none; display: flex; flex-wrap: wrap; background-color: #fff; max-height: calc(100vh - 130px); overflow: auto; }
.stickyHeader #nav .megaMenu > ul { max-height: calc(100vh - 76px); }
#nav .megaMenu ul ul { left: 0; width: 100%; margin-top: 0; box-shadow: none; background-color: transparent; }
#nav li.megaMenu:hover > ul { z-index: 5; pointer-events: auto; }
#nav li.megaMenu:hover > ul:before { display: none; }
#nav .megaMenu ul li a { color: #323232; }
#nav .megaMenu ul li a:hover { color: #88bf40; }
#nav li.megaMenu > ul a,
#nav li.megaMenu > ul a:hover { padding: 0; background-color: transparent; }
#nav li.megaMenu li { border-bottom: 0; }
#nav li.megaMenu > ul > li { width: 25%; padding: 12px 15px 0; }
#nav li.megaMenu > ul > li + li { border-left: 1px solid #e9e9e9; }
#nav li.megaMenu > ul > li:nth-child(3),
#nav li.megaMenu > ul > li:nth-child(4){ width: 50%; }
#nav li.megaMenu > ul > li:nth-child(3) > ul,
#nav li.megaMenu > ul > li:nth-child(4) > ul{ display: flex; flex-wrap: wrap; width: auto; margin-left: -15px; margin-right: -15px; }
#nav li.megaMenu > ul > li:nth-child(3) > ul > li,
#nav li.megaMenu > ul > li:nth-child(4) > ul > li{ width: 50%; padding: 0 15px; }
#nav li.megaMenu > ul > li > a {font-size: 1.8rem;line-height: 1.3;font-weight: 700;text-transform: uppercase;padding-bottom: 5px;margin-bottom: 15px;/* border-bottom: 1px solid #fff; */padding: 0 !important;box-shadow: none;}
#nav li.megaMenu > ul > li > a:hover { padding-bottom: 5px; }
/*#nav li.megaMenu > ul ul {margin-bottom: 20px;}*/
#nav li.megaMenu > ul li { margin-bottom: 8px; }
/*#nav li.megaMenu > ul li:last-child { margin-bottom: 0; }*/
#nav li.megaMenu > ul li:nth-child(4),
#nav li.megaMenu > ul li:nth-child(7) { border-left: 0; }
#nav li.megaMenu > ul ul a { font-size: 1.5rem; line-height: 1.3; padding-left: 12px; position: relative; }
#nav li.megaMenu > ul ul a:hover { padding-left: 12px; }
#nav li.megaMenu > ul ul a:before { content: '\f105'; font-family: 'FontAwesome'; position: absolute; left: 0; top: 0; }
#nav .megaMenu ul ul ul { margin-top: 10px; }
#nav li.megaMenu > ul ul ul a,
#nav li.megaMenu > ul ul ul a:hover { padding-left: 20px; }
#nav li.megaMenu > ul ul ul a:before { font-size: 1.3rem; top: 1px; content: '\f1db'; }

#nav .megaMenu ~ .megaMenu > ul > li:first-child { width: 25%; }
#nav .megaMenu ~ .megaMenu > ul > li:nth-child(2) { width: 25%; }
#nav .megaMenu ~ .megaMenu > ul > li > ul { display: flex; flex-wrap: wrap; margin: 0 -15px; }
#nav .megaMenu ~ .megaMenu > ul > li > ul > li { width: 100%; padding: 0 15px; }
#nav .megaMenu ~ .megaMenu > ul > li:not(:nth-child(2)) > ul > li { width: 100%; }
#nav .megaMenu ~ .megaMenu > ul > li:nth-child(3) { width: 25%; }
#nav .megaMenu ~ .megaMenu > ul > li:nth-child(4) { width: 25%; }
#nav .megaMenu ~ .megaMenu > ul > li:nth-child(5) { width: 25%; }

#nav a[href="#nolink"],
#nav a[href="#nolinks"] { cursor: auto; }
#nav .megaMenu ul a[href="#nolink"],
#nav .megaMenu ul a[href="#nolinks"] {pointer-events: none;}

/* Mobile Nav*/
.mobileNav { display:none; position:fixed; left:0; top:0; width:100%; height:100%; -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%); background:#88bf40; overflow:auto; z-index:999; }
.activeMobNav .mobileNav { -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0) }
.mobileNav #navMob { display:block!important; margin-top:70px; position:static }
.mobileNav { -webkit-transition:-webkit-transform .5s;transition:transform .5s}
.menuBar { display:none }
.mobileNav .menuClose { position:absolute; right:0; top:0; cursor:pointer; font-size:25px; padding:0 1rem; color:#fff }
#navMob { display:none; position:absolute; left:0; right:0; padding:0 }
#navMob .menuIcon, .toggleMenu { display:block }
.toggleMenu { background-color:#fff; height: 35px;width: 40px;padding: 6px 5px; }
.toggleMenu .iconBar {text-indent: -9999px;display: block;height: 3px;width: 100%;background-color: #000;}
.toggleMenu .iconBar:nth-child(2) {margin: 7px 0;}
#navMob li { float:none; display:block; border:none }
#navMob li a { border-bottom:1px solid rgba(255, 255, 255, .3); transition:all 0s ease 0s; -webkit-transition:all 0s ease 0s; text-decoration:none; display:block; line-height:40px; color:#fff; font-size:2.4rem; font-weight:300; padding:1.5rem 2rem }
#navMob li.parent { position:relative }
#navMob li .menuIcon, #navMob li li .menuIcon { position:absolute; right:0; top:0; cursor:pointer; font-size:3rem; color:#fff; padding:2rem }
#navMob ul { width:100%; display:none; position:static; transition:none; -webkit-transition:none }
#navMob li ul { background:#034ea1; position:relative; padding:15px 0 15px 20px; margin:0 }
#navMob li li a { border:0; padding:0 0 0 16px; font-size:20px; position:relative;}
#navMob li li a:before {position: absolute;left: 0;top: 7px;content: "\f105"; font-family: 'FontAwesome';font-size: 21px; line-height: 1.2;color: #fff;}


.secondaryMenu { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999; visibility: hidden; }
.secondaryMenu.sideActive { visibility: visible;background-color: rgba(0, 0, 0, .7); }
.stickyHeader .secondaryMenu { top: 11px; }


.secondaryMenu:before { content: ''; position: absolute; left: 0;top: 0; width: 100%; height: 100%; background-color: #000; display: none; opacity: 0; visibility: hidden; transition: all 0.2s ease; }


a.closeMenu { position: fixed; top: 30px; right: 17px; width: 50px; height: 50px; font-size: 2rem; line-height: 50px; opacity: 0; visibility: hidden; text-align: center; color: #323232; background-color: #fff; z-index: 999; transition: all 0.2s ease; }
a.closeMenu:hover { color: #000; }
.sideActive a.closeMenu { opacity: 1; visibility: visible; }
.stickyHeader a.closeMenu { top: 25px; }



.secondaryMenu ul { width:100%; max-width: 920px; max-height: 100%; display: flex; flex-wrap: wrap; overflow: auto; margin-left: auto; background-color:#fff; position: relative; z-index: 1; padding: 85px 10px 15px; transition: all 0.3s ease-out; transform: translateX(100%);box-shadow: 0 0 35px rgba(0, 0, 0, 0.4); background: #141E30; background: -webkit-linear-gradient(to right, #243B55, #141E30); background: linear-gradient(to right, #243B55, #141E30);}
.secondaryMenu.sideActive > ul { text-align: left; transform: translateX(0%); }
.secondaryMenu ul ul { top:0; left:100%; padding:0 }
.secondaryMenu ul li { display:block; width: calc(25% - 20px); float: left; margin: 10px; background-color: transparent; position: relative; display: flex; align-items: center; justify-content: center; /*border: 2px solid #efefef;*/ -webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
/*.secondaryMenu ul li:hover { background-color: #1D4382; }*/
/*.secondaryMenu ul li a { display:block; padding:25px 10px;text-transform:none; line-height:25px; text-align: center; color:#fff; -webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}*/
.secondaryMenu ul li a { display: flex; align-items: center; justify-content: center; color: #fff; background-color: #1a2a3f; font-size: 17px; text-align: center; border-radius: 6px; padding: 20px 10px; width: 100%; height: 100%; box-shadow: -5px -5px 10px 0px rgba(255, 255, 255, 0.08), 5px 5px 10px 0px rgba(0, 0, 0, 0.4);}
.secondaryMenu ul li a:hover {  color: #fff; background-color: #2e4768; }
.secondaryMenu ul li a:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.secondaryMenu.sideActive > ul:before{ content: "\f0d8";font: normal normal normal 14px/1 FontAwesome; position: absolute; top: -2rem; /* left: 0; */right: 2rem;margin: 0 auto;color: #fff;text-align: center;font-size:3rem; display: none;}
.secondaryMenuToggle { margin-left: 20px; border-left: 1px solid #fff; position: relative; z-index: 1; }
.secondaryMenuToggle .toggleMenu { background-color: transparent; margin-left: 20px; }
.secondaryMenuToggle .toggleMenu .iconBar { background-color: #fff; border-radius: 4px; }
html.sideActive{overflow: hidden;}

.preLoader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 20px;}

/* Common CSS */

html { height: 100%; overflow: auto; }
body { min-height: 100%; }
.secPad { padding: 80px 0; }

p { font-size: 1.6rem; line-height: 1.875; }
h1, .h1 { font-size: 5rem; line-height: 0.96; font-weight: 700; color: #010101; margin-bottom: 10px; }
h2, .h2 { font-size: 5rem; line-height: 1.2; font-weight: 700; color: #010101; margin-bottom: 23px; }
h3, .h3 { font-size: 3.5rem; line-height: 1.34; font-weight: 700; color: #010101; margin-bottom: 23px; }
h4, .h4 { font-size: 2.4rem; line-height: 1.33; font-weight: 700; color: #010101; margin-bottom: 4px; }
h5, .h5 { font-weight: 700; }
h6, .h6 { font-weight: 700; }

h1 span, .h1 span,
h2 span, .h2 span,
h3 span, .h3 span,
h4 span, .h4 span { color: #008747; }

.titleLine { padding-top: 12px; position: relative; }
.titleLine:before { content: ''; position: absolute; left: 0; top: 0; width: 38px; height: 6px; background-color: #008747; }

.arrowLink { font-weight: 700; white-space: nowrap; }
.arrowLink .fa { font-size: 1.8rem; font-weight: 700; margin-left: 10px; }
.arrowLink.linkWhite { color: #fff; }

a.blueLink { color: #1D4382; font-size:16px; }
a.blueLink:hover { color: #88bf40; }

/* CTA Btns */
.ctaBtn { font-size: 1.8rem; line-height: 1.33; color: #1D4382; text-align: center; font-weight: 500; display: inline-block; border-radius: 40px; padding: 12px 36px; background-color: #fff; border: 2px solid #1D4382; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
.ctaBtn .fa { margin-left: 3px; }
.ctaBtn.ctaFill { background-color: #88bf40; border-color: #88bf40; color: #fff; }
.ctaBtn.ctaFill.ctaBlue { background-color: #1d4382; border-color: #1d4382; }
.ctaBtn.ctaFill.ctaWhite { background-color: #fff; border-color: #fff; color: #88bf40; }
.ctaBtn.ctaFill.ctaWhite.ctaTextBlue { background-color: #fff; border-color: #fff; color: #1D4382; }
.ctaBtn.ctaSmall { font-size: 1.5rem; padding: 7px 28px; }

.ctaWrap { margin-top: 40px; }

/* Form CSS */

form label { font-size: 1.4rem; font-weight: 500; color: #323232; margin-bottom: 6px; }
form label.js-form-required:after { content: '*'; margin-left: 5px; color: #f00; }
.customForm .description { display: none; }
form .form-item { margin-bottom: 26px; position: relative; }
form .form-actions { margin-top: 30px; }
form .form-actions .backendLoginWrap a { margin: 10px 0; display: inline-block; }
.form-actions { display: flex; flex-wrap: wrap; align-items: center; }
.form-submit,
a.button { font-size: 1.8rem; line-height: 1.33; color: #fff; text-align: center; font-weight: 500; display: inline-block; border-radius: 40px; padding: 12px 36px; background-color: #88bf40; border: 2px solid #88bf40; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; margin-right: 20px; }
a.button { margin-right: 0; }

form .form-control,
form textarea,
form input[type="text"],
form input[type="search"],
form input[type="email"] { font-size: 1.5rem; padding-left: 20px; padding-right: 20px; height: 50px; border-radius: 10px; border: 1px solid #c0c0c0; outline: none; box-shadow: none !important; margin-top: 0; width: 100%; }
form textarea { height: 150px; }
form .form-control:focus,
form textarea:focus,
form input[type="text"]:focus,
form input[type="search"]:focus,
form input[type="email"]:focus { border-color: #323232; }
form .form-control.error,
form textarea.error,
form input[type="text"].error,
form input[type="search"].error,
form input[type="email"].error { border-color: #F62852; }
form textarea.form-control { padding-top: 13px; }
form .form-control[type="file"] { padding: 0 8px; line-height: 46px; }
form select.form-control,
form select.form-select,
form select { font-size: 1.5rem; height: 50px; border-radius: 10px; border: 1px solid #c0c0c0; outline: none; box-shadow: none !important; position: relative; background-image: url(../images/arrow-down.png); background-repeat: no-repeat; background-position: right 12px center; background-size: 12px auto; padding-right: 30px; width: 100%; }
.btnCaptchaRow .captcha { display: flex; flex-wrap: wrap; align-items: flex-start; }
.btnCaptchaRow .captcha img { width: 150px; margin-top: 27px; order: 2; }
.btnCaptchaRow .captcha .js-form-item { width: calc(100% - 180px); padding-right: 10px; margin-bottom: 0px; order: 1; }
.btnCaptchaRow .captcha .js-form-item input { width: 100%; margin-top: 0; }
.btnCaptchaRow .captcha .reload-captcha-wrapper { font-size: 0px; width: 30px; position: relative; order: 3; margin-top: 27px; }
.btnCaptchaRow .captcha .reload-captcha-wrapper a { display: inline-block; height: 42px; }
.btnCaptchaRow .captcha .reload-captcha-wrapper a:before { content: '\f021'; font-size: 2rem; font-family: FontAwesome; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.loginForm,
.feedback-form,
.formStyle { max-width: 500px; width: 100%; margin: 0 auto; box-shadow: 1px 5px 37px rgba(0, 0, 0, 0.15); background-color: #fff; padding: 30px; position: relative; }
.feedback-form,
.formStyle { max-width: 800px; }
.feedback-form .btnCaptchaRow .captcha,
.formStyle .btnCaptchaRow .captcha { max-width: 500px; }
.feedback-form .btnCaptchaRow .description,
.formStyle .btnCaptchaRow .description { display: none; }
.highlight .messages { color: #323232; padding: 20px; border-left: 8px solid #323232; background-color: #fff; box-shadow: 1px 5px 37px rgba(0, 0, 0, 0.15); margin-bottom: 30px; }
.highlight .messages ul { list-style-type: none; margin: 0; }
.highlight .messages.messages--error { color: #F62852; border-left-color: #F62852; }
.highlight .messages.messages--status { color: #008747; border-left-color: #008747; }


/*****Header*****/
.preHeader {font-family: 'Poppins', arial, sans-serif;font-size: 1.3rem;line-height: 1.31;z-index: 9;position: relative;/*overflow: hidden;*/}
.preHeader:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 6px; background-color: #88bf40; }
.preHeader .container { position: relative; }
.preHeaderWrap { padding: 1px 0 0; color: #fff; width: 100%; max-width: 862px; margin-left: auto; }

/* Pre Header Links */
.preHeaderLink { color: #cccccc; }
.preHeaderLink a { color: #fff; text-decoration: none; }
.preHeaderLink a:hover {color: #fff;}

/* Top Links */
.topLinks { list-style:none; margin:0; display:inline-flex; justify-content:end; align-items: center; width: 100%; position: relative; z-index: 1; background-color: #88bf40; padding-left: 30px; }
.topLinks:before { content: ''; width: 100vw; height: 100%; background-color: #88bf40; position: absolute; left: 0; top: 0; transform-origin: bottom left; transform: skewX(40deg); }
.topLinks > li { padding:0 10px; position:relative; }
.topLinks > li:last-child { padding-right: 0 }
.topLinks > li:before { content:""; position:absolute; left:0; top:50%; margin-top:-6px; z-index:auto; height:13px; width:1px; background:#fff; overflow:hidden }
.topLinks > li:first-child:before { display:none }
.topLinks > li a { color:#fff; display:block; font-size:1.3rem; line-height: 1.61; text-decoration:none }
.topLinks > li a:hover { color:#fff; }
#accessControl input { height:30px; background:0 0; border:none; padding:0; width:22px; cursor:pointer; border-radius:0; box-shadow:0 0 0 #fff; color: #fff; font-size: 11px; }
#accessControl input:nth-child(2) { font-size: 13px; }
#accessControl input:nth-child(3) { font-size: 14px; }
#accessControl .changeColor .contrastChanger:first-child { margin-left: 10px; }
#accessControl .changeColor .contrastChanger { width:11px; height:11px; overflow:hidden; text-indent:-9999px; text-transform:capitalize; border-radius:50%; margin-left:4px; border:1px solid #fff; background: #bcbcbc; }
#accessControl .changeColor .contrastChanger.wob { background:#000; margin-right:0 }
.changeColor { height: 30px; margin-left: 10px; position: relative; }
.changeColor:before { content: ""; position: absolute; left: -1px; top: 50%; margin-top: -6px; z-index: auto; height: 13px; width: 1px; background: #fff; overflow: hidden; }
.topLinks .languageWrap select { border: 0; padding: 0; outline: none; background-color: transparent; color: #fff; }
.topLinks .languageWrap select option { color: #000; }
.topLinks .languageWrap { height: 18px; }
.topLinks .dropbutton-arrow { border-top-color: #fff; }
.topLinks .dropbutton-multiple .dropbutton .secondary-action { background-color: #88bf40; color: #fff; }
.topLinks .dropbutton-multiple .dropbutton .secondary-action a { display: block; padding: 5px 10px 5px 5px; }
.topLinks .dropbutton-toggle { position: absolute; right: -5px; top: 0px; height: 18px; }
.topLinks .dropbutton-widget { padding-right: 0 !important; }
.topLinks .dropbutton .language-link { padding-right: 2rem; }
.topLinks .dropbutton-multiple.open .dropbutton-arrow { border-bottom-color: #fff; }
.topLinks .dropbutton-multiple.open .dropbutton-toggle { top: -4px; }

.topLinks .language { padding-left: 10px; position: relative; }
.topLinks .language:before { content:""; position:absolute; left:-1px; top:50%; margin-top:-6px; z-index:auto; height:13px; width:1px; background:#fff; overflow:hidden; }
.topLinks .language .languageBtn { background-color: transparent; border: 0; outline: none; padding: 0; margin: 0; }
.topLinks .language .text-white { color: #9f9f9f !important; }

.topLinks .siteUserWrap select { border: 0; padding: 0; outline: none; background-color: transparent; color: #fff; }
.topLinks .siteUserWrap select option { color: #000; }

.topLinks .siteUser { padding-left: 10px; position: relative; }
.topLinks .siteUser:before { content:""; position:absolute; left:-1px; top:50%; margin-top:-6px; z-index:auto; height:13px; width:1px; background:#fff; overflow:hidden; }
.topLinks .siteUser .siteUserBtn { background-color: transparent; border: 0; outline: none; padding: 0; margin: 0; }
.topLinks .siteUser .text-white { color: #9f9f9f !important; }
.siteUserWrap ul { margin: 0; list-style-type: none; display: flex; }
.siteUserWrap ul li + li { margin-left: 10px; padding-left: 10px; position: relative; }
.siteUserWrap ul li + li:before { content: ""; position: absolute; left: -1px; top: 50%; margin-top: -6px; z-index: auto; height: 13px; width: 1px; background: #fff; overflow: hidden; }

/* Main Header */
header { height: 129px; }
.stickyHeader .headerWrap { position: fixed; top: -98px; left: 0; width: 100%; background-color: #fff; z-index: 1000; transform: translateY(100%); box-shadow: 0px 0px 18px rgba(0,0,0,0.25); transition: all 0.3s ease; }
.stickyHeader .preHeader { display: none; }
.stickyHeader .headerLogo { top: -8px; }
.stickyHeader .headerLogo img { width: 203px; }
.mainHeader { margin-top: 11px; }
.mainHeader > .container { position: relative; }
.headerLogo { position: relative; top: -21px; }
.headerLogo a {display: inline-block;}
.headerLogo img { width: 273px; }

.headerRight { padding-left: 25px; order: 1; background-color: #1D4382; position: relative; z-index: 1; }
.headerRight:before { content: ''; width: 100vw; height: 100%; position: absolute; left: 0; top: 0; background-color: #1D4382; transform-origin: top left; transform: skewX(-33deg); }
.headerRight .headerCTAs { margin-left: 16px; display: flex; }
.headerRight .headerSearch { margin-left: 30px; }


/* Header Search */
.headerSearch { position: relative; }
.headerSearch > a { font-size: 2.1rem; color: #fff; display: inline-block; width: 20px; text-align: center; }
.headerSearch .searchBox { position: absolute; right: 0; top: 100%; z-index: 2; margin-top: 0px; min-width: 320px; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.headerSearch .searchBox.open { opacity: 1; visibility: visible; margin-top: 10px; }

/* Search Box */
.searchBox { border-radius: 16px; overflow: hidden; box-shadow: 5px 5px 20px rgba(0,0,0,0.16); -webkit-box-shadow: 5px 5px 20px rgba(0,0,0,0.16); -moz-box-shadow: 5px 5px 20px rgba(0,0,0,0.16); }
.searchBoxWrap input.form-control { font-size: 1.4rem; border: 0; padding-left: 16px; padding-right: 16px; width: 100%; height: 50px; box-shadow: none; outline: none; border-radius: 16px 0 0 16px; }
.searchBoxWrap .js-form-type-search { width: calc(100% - 60px); margin-bottom: 0; }
.searchBoxWrap .form-actions { width: 60px; position: relative; margin-top: 0; }
.searchBoxWrap .form-actions .ctaBtn { font-size: 0px; }
.searchBoxWrap .form-actions:before {content: "\f002"; font-family: FontAwesome; font-size: 1.8rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; pointer-events: none;}

/* Main Menu */
.searchBoxWrap .ctaBtn.ctaFill { padding: 11px 5px; width: 100%; height: 50px; text-align: center; border-radius: 0 16px 16px 0; margin-right: 0; }

/***** Banner Section *****/
.bannerVideoWrap { position: relative; padding-top: 44.5%; overflow: hidden; }
.bannerVideoWrap video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.bannerImg { position: relative; overflow: hidden; min-height: 240px; }
.parallaxBg { position: absolute; left: 0; top: 0; width: 100%; height: 120%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.bannerImg img { width: 100%; opacity: 0; }
.bannerSection { position: relative; }
.bannerSliderNav { position: absolute; left: 0; top: 50%; height: 0; width: 100%; line-height: 0; z-index: 1; }
.bannerSliderNavWrap { transform: translateY(-50%); }
.parallaxBg * { height: 100%; }
.parallaxBg img { width: 100%; height: 100%; object-fit: cover; }

/* Slider Arrow CSS */
.sliderArrow { font-size: 26px; line-height: 40px; text-align: center; color: #fff; width: 40px; border-radius: 40px; background-color: rgba(0,0,0,0.6); transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
.sliderArrow.blueArrow { background-color: #1D4382; }
.bannerSwiperPagination.swiper-pagination-bullets { display: none; }

/* Slider Bullets CSS */
.swiper-pagination-bullets { display: flex; align-items: center; justify-content: center; position: absolute; bottom: 30px !important; z-index: 1; }
.swiper-pagination-bullets .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #fff; opacity: 1; }
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #88bf40; }


/******** Notification Section ********/
.notificationSection { position: relative; z-index: 0; padding: 0 70px; background-color: #1D4382; overflow: hidden; }

.marqueeScrollingWrap { position: relative; padding: 38px 87px 38px 305px;}
.marqueeScrollingWrap:before { content: ''; position: absolute; left: 280px; top: 0; width: 100vw; height: 100%; background-color: #88bf40; transform: skewX(-25deg) translateX(-100%); }
.marqueeScrollingWrap h2 { font-size: 26px; font-weight: 700; color: #fff; text-transform: uppercase; position: absolute; left: 0; top: 32px; margin: 0; }
.marqueeScrollingWrap .btnMPause { font-size: 18px; color: #fff; display: inline-block; position: absolute; left: -80px; top: -1px; overflow: hidden; cursor: pointer; }
.marqueeScrollingWrap .btnMPause.play { background-position: -20px 0; }
.marqueeScrollingWrap .viewAll { font-size: 18px; font-weight: 700; position: absolute; right: 0; top: 37px; color: #fff; }
.marqueeScrollingWrap .viewAll .fa { font-size: 20px; font-weight: 400; margin-left: 4px; }
.marqueeScrolling { padding:0 15px; position: relative; z-index: 1; }
.marqueeScrolling ul { margin: 0; padding: 0; list-style: none; overflow:hidden; height: 23px; }
.marqueeScrolling ul li {float:left; margin:0; padding: 0 10px; font-size: 15px; }
.marqueeScrolling ul li a { font-size: 18px; color: #fff; display: inline-block; padding-left: 20px; position: relative; }
.marqueeScrolling ul li a:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 9px; height: 9px; border-radius: 9px; background-color: #88bf40; margin: auto 0; }
.marqueeScrolling ul li a:hover { text-decoration: underline; }
.marqueeScrolling ul li a img { margin-left: 15px; }
.marqueeScrolling ul li span { color: #88bf40; }


/******** Welcome Section ********/
.welcomeSection { padding: 110px 0 120px; overflow: hidden; }
.welcomeWrap { margin: 0 -15px; }
.welcomeWrap > .colLeft{ padding: 0 15px; width: 64%; max-width: 830px; }
.welcomeWrap > .colRight{ padding: 0 15px; width: 36%; }

/* About Box */
.aboutBox h4 { margin-top: 20px; }
.aboutBox p { margin-bottom: 0; line-height: 1.33; }

.aboutImg { position: relative; max-width: 470px; width: 100%; margin: 0 auto; }
.aboutImg .aboutBox { position: relative; z-index: 1; }

.backStripe { position: absolute; left: 0; bottom: 0; width: 100%; height: 1000px; z-index: 0; transform: skewX(-25deg); transform-origin: left bottom; }
.backStripe span { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.025; }
.backStripe span:first-child { left: -32%; width: 120%; bottom: 60px; z-index: 0; }
.backStripe span:first-child + span { bottom: -50px; left: 14%; width: 100vw; z-index: 1; }
.backStripe span:last-child { bottom: 85px; left: 10%; width: 42%; height: 250px; background-color: #88bf40; opacity: 1; z-index: 2; }

#backtotop { position: fixed; right: 20px; bottom: 20px; z-index: 999; background-color: #fff; width: 64px; font-size: 40px; padding: 0 0 6px; line-height: 58px; border-radius: 64px; text-align: center; display: inline-block; -webkit-box-shadow: 0px 0px 40px rgba(0,0,0,0.19); -moz-box-shadow: 0px 0px 40px rgba(0,0,0,0.19); box-shadow: 0px 0px 40px rgba(0,0,0,0.19); }

/******** Our Networks Section ********/
.ourNetworks { padding: 108px 0 90px; }
.networksWrap { flex-direction: row-reverse; }
.networksWrap > .colLeft { width: 43.85%; /*width: 36.85%;*/ /*max-width: 465px;*/ padding: 0px 15px; }
.networksWrap > .colRight { width: 56.15%; align-self: center; /*width: 63.15%;*/ /*max-width: 750px;*/ padding: 0px 15px; }
.networksWrap .imgWrap svg { max-width: 100%; height: auto; }
.networkContent { padding-top: 12px; }
.networkContent h2 br { display: none; }
.networkContent h4 { color: #323232; }
.regionBlock { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; z-index: 0; overflow: hidden; margin-top: 30px; padding-top: 30px; border-top: 2px solid rgba(112,112,112,0.2); }
.allRegion.regionBlock,
.regionBlock.active { position: relative; opacity: 1; visibility: visible; z-index: 1; }
.regionBlock [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 0; transform: translate3d(0,30px,0); }
.allRegion.regionBlock [data-aos^=fade][data-aos^=fade].aos-animate,
.regionBlock.active [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: translateZ(0); }
.networkInfo { list-style-type: none; margin: 0 -10px; }
.allRegion .networkInfo li { width: 25%; }
.regionTitleSection { flex-wrap: wrap; }
.regionTitleSection .dataImpDate { font-style: italic; text-transform: lowercase; }
.networkInfo li { width: 33.33%; padding: 0 10px; border-right: 1px solid rgba(112,112,112,0.2); border-top: 1px solid rgba(112,112,112,0.2); border-top-width: 0; }
.networkInfo li:last-child { border-right-width: 0; }
.networkIconBox { text-align: center; }
.networkIconBox .iconWrap { max-height: 80px; margin-bottom: 8px; }
.networkIconBox .iconWrap img { display: inline-block; }
.networkIconBox .count { font-size: 3.2rem; line-height: 1.34; font-weight: 500; color: #0B244D; }
.networkIconBox .count a { color: #0B244D; }
.networkIconBox .name { font-size: 1.6rem; line-height: 1.25; color: #323232; font-weight: 700; }
.networkIconBox .name a { color: #323232; }
.sectionLinks { padding-top: 30px; margin-top: 26px; border-top: 1px solid rgba(112,112,112,0.5); }
.sectionLinks .arrowLink:first-child { margin-right: 10px; }

/******** Social Responsibility Section ********/
.socialResponsibility { padding: 100px 0 80px; position: relative; overflow: hidden; }
.socialBg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.socialBg:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #1D4382; opacity: 0.9; }
.socialBg * { width: 100%; height: 100%; }
.socialBg img { object-fit: cover; }
.socialResponsibility .sectionText { display: none; }
.socialResponsibility .container { position: relative; z-index: 1; }
.socialResponsibility h2 { color: #fff; position: relative; padding-top: 12px; text-transform: uppercase; }
.socialResponsibility h2:before { content: ''; position: absolute; left: 0; top: 0; margin: 0 auto; width: 38px; height: 6px; background-color: #fff; }

.sectionText { font-size: 10rem; line-height: 1; font-weight: 500; color: #fff; opacity: 0.1; position: absolute; left: -10px; bottom: -100px; text-align: center; transform-origin: top left; transform: rotate(-90deg); }
.sectionText span { display: inline-block; }

.csrWrap { margin: 0 -15px; }
.csrWrap > .colLeft { width: 70.74%; max-width: 960px; padding: 0 15px; }
.csrWrap > .colRight { width: 29.26%; max-width: 385px; padding: 0 15px; }
.csrList { list-style-type: none; margin: 0; }
.csrList li { width: 33.33%; position: relative; }
.csrList li:before,
.csrList li:after { content: ''; position: absolute; right: 0; bottom: 36px; width: 1px; background-color: #fff; opacity: 0.2; }
.csrList li:before { top: 36px; }
.csrList li:after { bottom: 0; left: 36px; right: 36px; width: auto; height: 1px; }
.csrList li:nth-child(3):before,
.csrList li:nth-child(6):before,
.csrList li:nth-child(4):after,
.csrList li:nth-child(5):after,
.csrList li:nth-child(6):after { opacity: 0; }

/* CSR Box */
.csrBox { min-height: 310px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: relative; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; padding: 10px; }
.csrBox.active { background-color: #fff; }
.csrBox .iconWrap { height: 90px; display: flex; align-items: center; }
.csrBox .iconWrap svg,
.csrBox .iconWrap img { max-height: 90px; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
.csrBox .iconWrap svg path { transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
.csrBox.active .iconWrap svg path { fill: #1D4382; }
.csrBox .name { font-size: 1.8rem; line-height: 1.33; letter-spacing: 0.36px; height: 46px; margin-top: 16px; }
.csrBox .name a { color: #fff; }
.csrBox.active .name a { color: #222222; }
.csrBox.active .iconWrap img { filter: invert(1) contrast(0.7); }
.csrBox .name a:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
.csrBox:not(.active):hover { background-color: #88bf40; transform: scale(0.9); }
.csrContent .imgWrap { margin-bottom: 15px; }
.csrContent .contentWrap p { line-height: 1.33; font-weight: 300; }
.csrContent .ctaWrap { margin-top: 27px; }
.csrContent .csrBox { display: none; }
.csrContentWrap { position: relative; }
/*.csrContentWrap .csrContent { transition: all 0.1s ease; opacity: 0; visibility: hidden; }*/
/*.csrContentWrap .csrContent.active { transition: all 0.1s ease 0.1s; opacity: 1; visibility: visible; }*/
/*.csrContentWrap .csrContent:not(.active) { position: absolute; left: 0; top: 0; width: 100%; }*/
.csrWrap > .colRight { width: 100%; max-width: 100%; }
.discoverDetails { margin: -15px; display: flex; flex-wrap: wrap; position: relative; z-index: 1; }
.discoverDetails .csrContent { width: 33.33%; padding: 15px; }
.discoverDetails .csrContentInner { height: 100%; }
.discoverDetails .csrContentInnerWrap { height: 100%; display: flex; flex-direction: column; justify-content: flex-end; }
.discoverDetails .csrContentInner .contentWrap { margin-bottom: auto; }
.discoverDetails .csrContentInner .contentWrap p:last-child { margin-bottom: 0; }


/******** Latest Updates Section ********/
.latestUpdates { padding: 92px 0 55px; }
.newsSliderWrap,
.newsSlider { height: 496px; }
/*.newsSlider .swiper-wrapper { display: block; }*/

.newsWrap { margin: 0 -12px; }
.newsWrap > .colLeft { width: 49.28%; padding: 0 12px; }
.newsWrap > .colRight { width: 50.72%; padding: 0 12px; }
.newsSliderArrows { height: 120px; padding-top: 22px; }
.newsSliderArrows .sliderArrow:last-child { margin-left: 10px; }

/* News Box */
.newsBox .imgWrap { overflow: hidden; margin-bottom: 18px; }
.newsBox .imgWrap a { display: block; transform: scale(1); }
.newsBox .imgWrap img { width: 100%; }
.newsBox:hover .imgWrap a { transform: scale(1.05); }
.newsBox .date { font-size: 1.5rem; line-height: 1.33; margin-bottom: 5px; }
.newsBox .date .fa { margin-right: 4px; }
.newsBox h4 { font-weight: 500; margin-bottom: 0; }
.newsBox h4 a:not(:hover) { color: #323232; }
.newsBox.newsBoxListStyle { display: flex; flex-wrap: wrap; align-items: center; }
.newsBox.newsBoxListStyle .imgWrap { width: 256px; margin-bottom: 0; }
.newsBox.newsBoxListStyle .imgWrap img { width: 100%; height: 100%; object-fit: cover; }
.newsBox.newsBoxListStyle .newsBoxWrap { width: calc(100% - 256px); padding-left: 28px; }
.newsBox.newsBoxListStyle p { margin-bottom: 0; line-height: 1.67; overflow: hidden; height: 60px; }

/**************** Logos Section *****************/
.logosSection { position: relative; padding: 52px 0 42px; border-top: 5px solid #88bf40; background-color: #fff; }
.logosSlider .logoWrap { text-align: center; padding: 0 5px; display: flex; align-items: center; width: 100%; height: 87px; position: relative; }
.logosSlider .logoWrap:before { content: ''; position: absolute; right: -2px; top: 0; width: 1px; height: 100%; background-color: #AAAAAA; }
.swiper-slide-prev .logoWrap:before { display: none; }
.logosSlider .logoWrap span { width: 100%; }
.logosSlider .logoWrap img { max-height: 87px; }
.logosSlider .logoWrap a { display: inline-block; }
.logosSection .sliderArrow a { background-color: #fff; }

.ourValues { background-color: #aab9c4; }
.valuesList { list-style-type: none; margin: 0; transform: skewX(-18deg); }
.valuesList > li { width: 33.33%; border: 8px solid #fff; border-top-width: 0; border-bottom-width: 0; }
.valuesList > li + li { margin-left: -8px; }

/* Value Box */
.valueBox { height: 756px; position: relative; overflow: hidden; }
.valueBoxBg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  overflow: hidden; }
.valueBoxBg:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; opacity: 0.75; background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 50%, rgba(0, 0, 0, 0.88) 80%, rgba(0, 0, 0, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 50%, rgba(0, 0, 0, 0.88) 80%, rgba(0, 0, 0, 1) 100%); background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 50%, rgba(0, 0, 0, 0.88) 80%, rgba(0, 0, 0, 1) 100%); background: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 50%, rgba(0, 0, 0, 0.88) 80%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 50%, rgba(0, 0, 0, 0.88) 80%, rgba(0, 0, 0, 1) 100%); }
.valueBoxBg .parallaxBg { transform: skewX(18deg); width: 156%; left: -27%; }
.valueBox .region { width: 100%; height: 100%; }
.valueBox .region > div,
.valueBox .region > div > div { height: 100%; }
.valueBoxContentInner { display: table-cell; vertical-align: middle; }
.valueBoxContent { position: relative; z-index: 1; display: table; width: 100%; height: 100%; transform: skewX(18deg); padding: 40px 15%; text-align: center; color: #fff; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.valueBoxContent:before { content: ''; position: absolute; left: 0; bottom: 0; width: calc(100% + 8px); height: 100%; opacity: 0; transform: skewX(-18deg); background-color: #1d4382; z-index: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.valueBoxContent * { position: relative; z-index: 1; }
.valueBoxContent .titleLine:before { right: 0; margin: 0 auto; background-color: #fff; opacity: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.valueBoxContent h2 { color: #fff; margin-bottom: 15px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.valueBoxContent .contentWrap p { font-size: 1.6rem; line-height: 1.56; /*display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;*/ margin-bottom: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.valueBox .valueBoxContent ul { margin-top: 15px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.valueBox .valueBoxContent ul li { font-size: 1.5rem; line-height: 1.4; margin-bottom: 5px; text-align: left; }
.valueBox .valueBoxContent ul li:last-child { margin-bottom: 0; }
.valueBoxContent .ctaWrap { margin-top: 20px; height: 0px; overflow: hidden; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.valueBox:hover .valueBoxContent:before { opacity: 1; }
/*.valueBox:hover .valueBoxContent { padding: 40px 20.1%; }*/
.valueBox:hover .valueBoxContent .ctaWrap { height: 52px; }
.valueBox:hover .valueBoxContent .titleLine:before { opacity: 1; }
/*.valueBox:hover .valueBoxContent h2 { color: #88bf40; }*/
/*.valueBox:hover .valueBoxContent .contentWrap p { color: #323232; }*/
/*.valueBox:hover .valueBoxContent ul { color: #323232; }*/

/**************** Footer Section *****************/
.footerSection { background-color: #88bf40; color: #fff; padding: 55px 0 0; overflow: hidden; position: relative; }
.footerSection:before { content: ''; position: absolute; right: 4%; top: 0; width: 276px; height: calc(100% - 10px); transform-origin: left bottom; transform: skewX(-25deg); background-color: #407cb5; z-index: 0; }
.footerSection > .container { position: relative; }
.footerSection > .container:before,
.footerSection > .container:after { content: ''; position: absolute; right: 28%; top: -55px; width: 276px; height: 220px; transform-origin: left bottom; transform: skewX(-25deg); background-color: #2b6aab; z-index: 0; }
.footerSection > .container:after { right: 17%; background-color: #306eac; }

.footerLogo a { display: inline-block; }
.footerLogo img { width: 100%; max-width: 271px; }
.footerWrap { margin: 0 -15px; position: relative; z-index: 1; }
.footerCol { padding: 0px 15px 40px; }
.footerCol1 { width: 26.3%; }
.footerCol2 { width: 24%; }
.footerCol3 { width: 29%; }
.footerCol4 { width: 20.7%; }
.footerTitle { font-size: 2.2rem; line-height: 1.36; padding-bottom: 19px; }
.footerCol .address { font-size: 1.5rem; line-height: 1.33; letter-spacing: 0.03em; }
.footerCol .address a { color: #fff; position: relative; display: inline-block; padding-left: 30px; }
.footerCol .address a:not(:hover) { color: #fff; }
.footerCol .address .fa { font-size: 3rem; position: absolute; left: 0; top: 0; }

/* Social Inline */
.socialInline { list-style-type: none; margin: 0 -16px; padding-top: 5px; padding-bottom: 20px; }
.socialInline li { font-size: 1.6rem; line-height: 1; padding: 0 16px; }
.socialInline li + li { border-left: 1px solid rgba(255,255,255,0.2); }
.socialInline a { display: inline-block; }
.socialInline a:not(:hover) { color: #fff; }

.footerBottom { position: relative; z-index: 1; }
.footerBottomText { font-size: 1.5rem; line-height: 1.6; width: 79.05%; position: relative; padding: 20px 85px 23px 0; }
.footerBottomText:before { content: ''; position: absolute; right: 0; top: 0; width: 100vw; height: 100%; background-color: #1D4382; transform: skewX(-25deg); transform-origin: top right; z-index: 0; }
.footerBottomText ul { list-style-type: none; margin: 0; display: flex; flex-wrap: wrap; }
.footerBottomText ul li { margin-right: 11px; }
.footerBottomText ul li:after { content: '|'; padding-left: 8px; }
.footerBottomText ul li:last-child { margin-right: 0; }
.footerBottomText ul li:last-child:after { display: none; }
.footerBottomText > div { position: relative; z-index: 1; }
.footerBottomText > div + div { padding-top: 6px; }
.footerBottomText a { color: #fff; }
.footerBottomText a:hover { color: #fff; text-decoration: underline; }
.footerBottomText p { margin-bottom: 0; font-size: inherit; line-height: inherit; }
.footerBottomText .footerUpdate { display: none; }
.footerUpdate { font-size: 1.6rem; line-height: 1.5; width: 20.95%; text-align: right; }

/**************** Amrit Mahotsav Section *****************/
.amritMahotsav { padding: 60px 0; position: relative; overflow: hidden; }
.amritMahotsav .bgPattern { position: absolute; top: -25%; right: 0; height: 100%; display: inline-block; }
.amritMahotsav .bgPattern img { height: 150%; width: auto; position: relative; right: -35%; animation: rotate 40s infinite linear;}
@keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.amritMahotsavWrap .logoWrap {width: 600px;display: flex;align-items: center;}
.amritMahotsavWrap .logoWrap img { width: 240px; }
.amritMahotsavWrap .ctaWrap { margin-top: 15px; }
.amritMahotsavContent {width: calc(100% - 600px);padding-left: 50px;}
.amritMahotsavContent h2 {margin-bottom: 10px;color: #00a34e;font-size: 4rem;}
.amritMahotsavContent h2 span { color: #f7941d; }
.amritMahotsavContent p {font-size: 1.75rem;line-height: 1.2;color: #8d8d8d;margin-bottom: 0;}

/**************** Our Business Section *****************/
.ourBusiness { position: relative; padding: 88px 0; }
.ourBusinessBg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.ourBusinessBg:after { content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: #008747; opacity: 0.9; }
.ourBusiness > .container { position: relative; z-index: 1; }
.ourBusiness h2 { color: #fff; position: relative; padding-top: 12px; text-transform: uppercase; }
.ourBusiness h2:before { content: ''; position: absolute; left: 0; top: 0; margin: 0 auto; width: 38px; height: 6px; background-color: #fff; }

.ourBusinessContent .imgWrap { width: 100%; max-width: 469px; padding: 10px; background-color: #fff; margin-bottom: 31px; }
/*.ourBusinessContent#radialItem5 .imgWrap { padding: 0; background-color: transparent; }*/

/* Bullet List */
.bulletList { list-style-type: none; margin: 0; }
.bulletList li { font-size: 1.6rem; line-height: 1.25; letter-spacing: 0.16px; margin-bottom: 15px; padding-left: 18px; position: relative; }
.bulletList li:before { content: ''; position: absolute; left: 0; top: 7px; width: 5px; height: 5px; border-radius: 5px; background-color: #323232; }
.bulletList.listWhite li { color: #fff; }
.bulletList.listWhite li:before { background-color: #fff; }
.bulletList li ul { list-style-type: none; margin-top: 15px; }

.ourBusinessContent .ctaWrap { margin-top: 14px; }

/* Radial Nav */
.radialNavSvg { opacity: 0; width: 0; height: 0; overflow: hidden; position: absolute; }
.radialNavInner { display: inline-block; }
.radialNav { transform: rotate(90deg); user-select: none; width: 612px; height: 612px; padding: 4px; border-radius: 100%; border: 2px solid #FFDD00; position: relative; box-shadow: 0px 0px 50px 5px rgba(0,0,0,0.2); }
.radialNav > ul { position: relative; width: 600px; height: 600px; list-style-type: none; margin: 0; border-radius: 100%; overflow: hidden; transition: all 0.5s ease; }
.radialNav:after { content: ''; position: absolute; top: -18px; width: 0px; height: 0px; left: 0; right: 0; margin: 0 auto; border: 30px solid transparent; border-width: 0px 23px 30px; border-bottom-color: #06ce6f; }
.radialNav > ul:before { position: absolute; left: 6px; right: 6px; top: 6px; bottom: 6px; border-radius: 100%; display: block; box-shadow: 0px 0px 50px 5px rgba(0,0,0,0.2); }
.radialNav > ul > li { font-size: 2.4rem; line-height: 1.1; font-weight: 500; text-align: center; position: absolute; right: 0; left: 0; top: -4px; margin: 0 auto; /*width: 56.5%;*/ width: 38.0%; /*height: calc(48% + 6px);*/ height: calc(48% + 15px); background-color: #fff; clip-path: url('#radialPath'); padding: 88px 20px 80px 20px; transform-origin: bottom center; transition: all 0.5s ease; }
.radialNav > ul > li:before { content: ''; pointer-events: none; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 200px; height: 200px; border-radius: 100%; background-color: #dddddd; transform: translateY(50%);  transition: all 0.5s ease; }
.radialNav > ul > li:after { content: ''; pointer-events: none; position: absolute; bottom: 97px; width: 0px; height: 0px; left: 0; right: 0; margin: 0 auto; border: 20px solid transparent; border-width: 0px 14px 20px; border-bottom-color: #dddddd;  transition: all 0.5s ease; }
/*.radialNav > ul > li:last-child { padding-top: 40px; }*/
.radialNav > ul > li .name { padding: 0 10px; transform: rotate(-90deg); transition: all 0.5s ease; }
.radialNav > ul > li .number { font-size: 7rem; line-height: 1.2; font-weight: 500; color: #CCCCCC; opacity: 0.3; transform: rotate(-67deg); position: absolute; right: 8px; bottom: 64%;  transition: all 0.5s ease; }
.radialNav > ul > li .number:before { content: '0'; }
.radialControl { width: 170px; height: 170px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transform: rotate(-90deg); border-radius: 100%; border: 3px solid #fff; text-align: center; background: -moz-linear-gradient(180deg, #E8F3FB 0%, #FFFFFF 100%); background: -webkit-linear-gradient(180deg, #E8F3FB 0%, #FFFFFF 100%); background: -o-linear-gradient(180deg, #E8F3FB 0%, #FFFFFF 100%); background: -ms-linear-gradient(180deg, #E8F3FB 0%, #FFFFFF 100%); background: linear-gradient(180deg, #E8F3FB 0%, #FFFFFF 100%); padding: 40px 10px 10px; }
.radialControl h3 { font-size: 2.5rem; line-height: 1; color: #88bf40; margin-bottom: 15px; letter-spacing: -0.6px; }
.radialArrows { display: flex; justify-content: center; }
.radialArrows a { font-size: 20px; line-height: 23px; color: #000; font-weight: 500; width: 28px; height: 28px; text-align: center; display: inline-block; border-radius: 100%; border: 2px solid #000; }
.radialArrows a:hover { background-color: #000; color: #fff; }
.radialArrows a + a { margin-left: 9px; }
.radialNav > ul > li.active { background-color: #06cb6e; }
.radialNav > ul > li.active:before { background-color: #06ce6f; box-shadow: 0px 0px 150px 10px rgba(0,0,0,0.3); }
.radialNav > ul > li.active:after { border-bottom-color: #06ce6f; }
.radialNav > ul > li.active .name { color: #fff; }
.radialNav > ul > li.active .number { color: #fff; }

.radialNav > ul > li .radialLink { position: absolute; left: 0; bottom: 0; width: 378px; height: 310px; opacity: 0; transform: translate(-55%, -50%) rotate(45deg); transform-origin: bottom center; cursor: pointer; }

.radialNavContent { position: relative; }
.radialNavContent .ourBusinessContent { transition: all 0.1s ease; opacity: 0; visibility: hidden; }
.radialNavContent .ourBusinessContent.active { transition: all 0.1s ease 0.1s; opacity: 1; visibility: visible; }
.radialNavContent .ourBusinessContent:not(.active) { position: absolute; left: 0; top: 0; width: 100%; }
.ourValuesmobileSlider{display: none;}


/* Map CSS */
#map_svg path { transition: all 0.2s ease-in-out; }
#map_svg g path:nth-child(1) {transition-delay: 0.05s}
#map_svg g path:nth-child(2) {transition-delay: 0.10s}
#map_svg g path:nth-child(3) {transition-delay: 0.15s}
#map_svg g path:nth-child(4) {transition-delay: 0.20s}
#map_svg g path:nth-child(5) {transition-delay: 0.25s}
#map_svg g path:nth-child(6) {transition-delay: 0.30s}
#map_svg g path:nth-child(7) {transition-delay: 0.35s}
#map_svg g path:nth-child(8) {transition-delay: 0.40s}
#map_svg g path:nth-child(9) {transition-delay: 0.45s}
#map_svg g path:nth-child(10) {transition-delay: 0.50s}

#map_svg g polygon { transition: all 0.2s ease-in-out; }
#map_svg g g:nth-child(1) polygon {transition-delay: 0.05s}
#map_svg g g:nth-child(2) polygon {transition-delay: 0.10s}
#map_svg g g:nth-child(3) polygon {transition-delay: 0.15s}
#map_svg g g:nth-child(4) polygon {transition-delay: 0.20s}
#map_svg g g:nth-child(5) polygon {transition-delay: 0.25s}
#map_svg g g:nth-child(6) polygon {transition-delay: 0.30s}
#map_svg g g:nth-child(7) polygon {transition-delay: 0.35s}
#map_svg g g:nth-child(8) polygon {transition-delay: 0.40s}
#map_svg g g:nth-child(9) polygon {transition-delay: 0.45s}
#map_svg g g:nth-child(10) polygon {transition-delay: 0.50s}

#map_svg a:focus { outline: none; }
#main-map:hover a,
#main-map.hoverActive a { opacity: 0.4; }
#main-map:hover a:hover,
#main-map.hoverActive a.active { opacity: 1; }
#zonal-map-dashboard,
#zonal-map-ckm-mva{ background-color:#e5eaf1;}
#zonal-map-dashboard{ padding:10px 0 40px;}
#zonal-map-ckm-mva{padding: 40px 40px 10px;}
.map{text-align:center;}
.land{fill-opacity: 1; stroke:white; stroke-opacity: 1; stroke-width:1;}
#eastern-region-1 path{fill:#45b1db;}
#eastern-region-2 path{fill:#d8387a;}
#southern-region-1 path{fill:#78ac48;}
#southern-region-2 path{fill:#cb4f43;}
#northern-region-1 path,
#northern-region-1 polygon{fill:#f37086;}
#northern-region-2 path,
#northern-region-2 polygon{fill:#65c3c2;}
#northern-region-3 path,
#northern-region-3 polygon{fill:#7a803d;}
#western-region-1 path{fill:#3481eb;}
#western-region-2 path{fill:#9e6daf;}
#north-eastern-region path{fill:#f8a547;}
#odisha path{fill:#54c899;}
#eastern-region-1:hover path,
#eastern-region-2:hover path,
#southern-region-1:hover path,
#southern-region-2:hover path,
#northern-region-1:hover path,
#northern-region-1:hover polygon,
#northern-region-2:hover path,
#northern-region-2:hover polygon,
#northern-region-3:hover path,
#northern-region-3:hover polygon,
#western-region-1:hover path,
#western-region-2:hover path,
#north-eastern-region:hover path,
#odisha:hover path,
#central-india:hover path,
#central-india:hover polygon { stroke-dasharray: 1000; stroke-width:1; stroke:#fff; stroke-dashoffset: 1000; animation: dash 1s linear forwards; }
.active #eastern-region-1 path,
.active #eastern-region-2 path,
.active #southern-region-1 path,
.active #southern-region-2 path,
.active #northern-region-1 path,
.active #northern-region-1 polygon,
.active #northern-region-2 path,
.active #northern-region-2 polygon,
.active #northern-region-3 path,
.active #northern-region-3 polygon,
.active #western-region-1 path,
.active #western-region-2 path,
.active #north-eastern-region path,
.active #odisha path,
.active #central-india path,
.active #central-india polygon{ fill:#1D4382;  stroke-dasharray: 1000; stroke-width:1; stroke:#fff; stroke-dashoffset: 1000; animation: dash 1s linear forwards; }
@keyframes dash { to { stroke-dashoffset: 0; } }
.lbl{word-spacing:0px;letter-spacing:0px; font-size:11px; line-height:125%; font-family: 'Open Sans', sans-serif; fill:#ffffff;  text-align:center; pointer-events: none;}
#north-eastern-region-lbl .lbl{fill:#f8a547;}
#north-eastern-region-lbl .lbl#text4279,
#north-eastern-region-lbl .lbl #tspan4275,
#north-eastern-region-lbl .lbl #tspan4277{fill:#fff; text-anchor:middle;text-align:center;}	

/**************** Inner Banner Section *****************/
.innerBanner { overflow: hidden; position: relative; }
.innerBanner .bannerBg { overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.innerBanner .bannerBg:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 100vw; opacity: 0.3; display: block; background: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); background: -o-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); background: -ms-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); z-index: 1; }
.innerBannerWrap { min-height: 220px; position: relative; z-index: 1; padding: 15px 0; }
.innerBannerWrap .h2 { color: #fff; position: relative; z-index: 1; margin-top: 23px; }
.innerBannerWrap .breadcrumb { position: relative; z-index: 1; }
.innerBannerWrap:before,
.innerBannerWrap:after { content: ''; position: absolute; top: 0; bottom: 0; left: 39%; width: 100vw; background-color: #000; display: block; transform: skewX(-25deg) translateX(-100%); z-index: 0; opacity: 0.3; }
.innerBannerWrap:after { bottom: 70px; left: 52%; opacity: 0.15; }
.innerBanner .breadcrumb { margin-bottom: 0; }
.innerBanner .breadcrumb li { font-size: 1.5rem; color: #fff; }
.innerBanner .breadcrumb-item+.breadcrumb-item { padding-left: 10px; }
.innerBanner .breadcrumb-item+.breadcrumb-item::before { padding-right: 10px; content: '>' }
.innerBanner .breadcrumb li a,
.innerBanner .breadcrumb .breadcrumb-item.active,
.innerBanner .breadcrumb-item+.breadcrumb-item::before { color: #fff; }
.innerBanner .bannerSpc { height: 23px; }

/**************** Who We are Section *****************/
.contentWithImg { padding: 80px 0 70px; }
.contentWithImgWrap .field--name-body { display: flex; flex-wrap: wrap; }
.contentWithImgWrap > .colLeft,
.contentWithImgWrap .field--name-body .colLeft{ width: 49%; }
.contentWithImgWrap > .colRight,
.contentWithImgWrap .field--name-body .colRight{ width: 51%; }

.contentBoxWrap .h2 { margin-bottom: 7px; }
.subtitleTagline { font-size: 2.4rem; line-height: 1.25; font-weight: 500; font-style: italic; color: #323232; margin-bottom: 13px; }
.contentBoxWrap p { font-size: 1.7rem; line-height: 1.4; }
.contentBoxWrap .checkList { margin-top: 25px; }
.contentBoxWrap .ratingBox { padding-left: 30px; }
.contentWithImgWrap .quoteImgBox { width: 83%; height: 636px; padding-right: 10px; }

/* Check List CSS */
.checkList { margin: 0; padding: 0; list-style-type: none; }
.checkList li { font-size: 1.8rem; line-height: 1.22; color: #0D4C97; margin-bottom: 10px; padding-left: 30px; position: relative; }
.checkList li:before { content: '\f05d'; font-family: 'FontAwesome'; font-size: 1.6rem; position: absolute; left: 0; top: 0; color: #009464; }
.checkList ul { list-style-type: none; margin: 0; padding: 0; margin-top: 10px; }
.checkList li,
.checkList.textBlack li,
.checkList li:before,
.checkList.textBlack li:before { color: #323232; }
.checkList.listFontNormal li { font-size: 1.6rem; }

/* Rating Box CSS */
.ratingBox { font-size: 1.6rem; line-height: 1.5; }
.ratingBox strong { font-size: 1.8rem; font-weight: 500; display: block; }
.ratingBox + .ratingBox { margin-top: 12px; }

/* Quote Image Box CSS */
.quoteImgBox { height: 100%; max-width: 588px; overflow: hidden; position: relative; transform-origin: bottom left; transform: skewX(-10deg); }
.quoteImgBox .imgWrap { position: absolute; left: -18%; top: 0; width: 136%; height: 100%; transform: skewX(10deg) }
.quoteImgBox .imgWrap img { width: 100%; height: 100%; object-fit: cover; }
.quoteBox { padding: 30px; background-color: rgba(29,67,130,0.9); border-left: 22px solid #88bf40; position: relative; z-index: 1; }
.quoteBoxContent { font-size: 2.4rem; line-height: 1.25; font-weight: 500; color: #fff; transform: skewX(10deg); }
.quoteImgBox .quoteBox { max-width: 400px; }

/**************** Key Statistics Section *****************/
.keyStatistics { position: relative; border-top: 1px solid #777777; }
.keyStatistics .keyBg,
.keyStatistics .keyBg:after { overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }
.keyStatistics .keyBg:after { content: ''; background-color: #1D4382; opacity: 0.96; z-index: 1;  }
.keyStatisticsWrap { position: relative; z-index: 1; margin: 0 -15px; }
.keyStatisticsWrap > .colLeft { width: 25%; padding: 56px 15px 94px; position: relative; }
.keyStatisticsWrap > .colLeft:before { content: ''; position: absolute; right: 0; top: 0; width: 100vw; height: 100%; background-color: #88bf40; display: none; }
.keyStatisticsWrap > .colLeft:after { content: ''; position: absolute; right: 0; top: 56px; bottom: 56px; width: 1px; background-color: #777777; }
.keyStatisticsWrap > .colRight { width: 75%; padding: 80px 15px 80px 74px; overflow: hidden; }
.keyStatisticsContent { position: relative; z-index: 1; height: 100%; }
.keyStatisticsContent .h2 { margin-bottom: 7px; }
.keyStatisticsContent p { line-height: 1.19; max-width: 215px; margin-bottom: 26px; }
.keyStatisticsContent p:last-child { margin-bottom: 0; }
.keyCols { margin: 0 -60px; }
.keyCols .colWrap { padding: 0 60px; }
.keyCols .h4 { font-weight: 500; margin-bottom: 26px; }

/* Key List Box CSS */
.keyListBox .h3 { font-size: 3rem; line-height: 1.2; font-weight: 500; color: #008747; margin-bottom: 1px; }
.keyListBox p { font-size: 1.8rem; line-height: 1.22; margin-bottom: 0; color: #1B4281; }
.keyListBox + .keyListBox { margin-top: 27px; }

.bgGray { background-color: rgba(204,204,204,0.2); }
.transmissionSection { padding: 94px 0 80px; }
.transmissionSection .titleWrap { max-width: 950px; }
.transmissionSection .titleWrap .h3 { color: #323232; }

.transmissionWrap { margin: 0 -15px -30px; }
.transmissionCol { width: 33.33%; padding: 0 15px 30px; }
.transmissionCol .cardBox { margin: 0 15px; }

/* Card Box CSS */
.cardBox { display: flex; flex-direction: column; background-color: #fff; box-shadow: 0px 3px 40px rgba(100,100,100,0.2); border-bottom: 10px solid #88bf40; height: 100%; transform: skewX(-5deg); }
.cardBox .imgWrap { overflow: hidden; position: relative; padding-top: 75%; }
.cardBox .imgWrap img { width: 100%; height: 100%; object-fit: cover; }
.cardBox .imgWrap a { display: block; line-height: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.cardBox:hover .imgWrap a { transform: scale(1.05); }
.cardBoxContent { padding: 34px 40px 32px; transform: skewX(5deg); flex-grow: 1; display: flex; flex-direction: column; }
.cardBoxContent .h4 { margin-bottom: 9px; }
.cardBoxContent .h4 a:not(:hover) { color: #000; }
.cardBoxContent p { font-size: 1.7rem; line-height: 1.53; margin-top: 5px; margin-bottom: 26px; }
.cardBoxContent .bulletList li { margin-bottom: 10px; }
.cardBoxContent .bulletList li:last-child { margin-bottom: 0; }
.cardBoxContent .arrowLink { margin-top: auto; }

.transMissionmobileSlider { display: none; }
.transMissionmobileSlider .swiper-slide { height: auto; }

/**************** What We Do Section *****************/
.whatWeDo { padding: 70px 0 128px; }

/* Two Columns Image/Content CSS */
.twoColBox > .imgWrap { width: 57.4%; }
.twoColBox > .imgWrap img { width: 100%; }
.twoColBox > .colBoxContent { width: 42.6%; padding: 30px 0 30px 56px; }
.twoColBox.reverseCol { flex-direction: row-reverse; }
.twoColBox.reverseCol > .colBoxContent { padding-left: 0; padding-right: 70px; }
.colBoxContent .h3 { color: #323232; line-height: 1.25; }
.colBoxContent .h3 span { color: inherit; display: inline-block; }
.colBoxContent .abbrTxt { padding-top: 110px; margin-bottom: -30px; max-width: 518px; }
.colBoxContent .bulletList li:last-child { margin-bottom: 0; }

.twoColBoxWrap + .twoColBoxWrap { padding-top: 100px; }
.twoColBoxWrap .container { position: relative; z-index: 1; }
.grayOverlay { position: relative; }
.grayOverlay:before { content: ''; position: absolute; left: 0; top: -80px; width: 100%; height: 100%; background-color: #CCCCCC; opacity: 0.2; z-index: 0; }
.grayOverlay .container { position: relative; z-index: 1; }
.grayOverlay.overlaySm:before { height: 94%; }

.abbrTxt { font-size: 1.4rem; line-height: 1.43; font-style: italic; }
.abbrTxt strong { font-weight: 500; }

/* Board Of Directors Banner CSS */
.directorsBanner .parallaxBg { background-position: right center; }
.directorsBanner .innerBannerWrap { height: 250px; }

/**************** Board of directors Section *****************/
.boardOfDirectors { padding: 70px 0 100px; }
.boardOfDirectors .container { max-width: 1250px; }
.directorsList { list-style-type: none; margin: 0; padding: 0; }
.directorsList li:nth-child(even) .directorBox { margin-left: auto; flex-direction: row-reverse; }
.directorsList li:nth-child(even) .directorInfo { text-align: right; padding-left: 0; padding-right: 74px; }
.directorsList li:nth-child(even) .directorInfo:after { right: auto; left: 0; }
.directorsList li:nth-child(even) .directorBox .imgWrap:before { transform: rotate(180deg); }
.directorsList li:nth-child(even) .directorBox .imgWrap:after { transform: rotate(180deg); }
.directorBox { max-width: 944px; width: 100%; }
.directorBox .imgWrap { width: 280px; height: 280px; padding: 18px; position: relative; z-index: 1; border-radius: 100%; overflow: hidden; }
.directorBox .imgWrap:before,
.directorBox .imgWrap:after { content: ''; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-color: #fff; transform-origin: right center; z-index: 1; }
.directorBox .imgWrap:after { z-index: 0; background-color: #88bf40; transform: rotate(0deg); border-radius: 200px 0 0 200px; border: 1px solid #fff; }
.directorBox .imgWrap img { width: 100%; height: 100%; border-radius: 100%; background-color: #fff; position: relative; z-index: 2; }
.directorInfo { width: calc(100% - 280px); padding: 0px 0px 30px 74px; position: relative; }
.directorInfo:after { content: ''; position: absolute; right: 0; bottom: 0; width: calc(100% + 45px); height: 2px; background: repeating-linear-gradient(90deg, transparent, transparent 4px, #777 4px, #777 6px); }
.directorInfo .h4 { line-height: 1.16; margin-bottom: 2px; }
.directorInfo .designation { font-size: 1.6rem; line-height: 1.19; color: #5E5E5E; margin-bottom: 20px; }
.directorInfo p { font-size: 1.6rem; line-height: 1.5; color: #777777; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.directorBox .directorImg { width: 280px; text-align: center; }
.directorBox .directorImg h4 { margin-top: 20px; }
.directorBox .directorImg + .directorInfo:after { display: none; }

.aos-init .directorBox .imgWrap:after { transition: all 0.4s ease 0.5s; }
.aos-init.aos-animate .directorBox .imgWrap:after { transform: rotate(180deg); }

.directorsList li:nth-child(even).aos-init .directorBox .imgWrap:after { transform: rotate(180deg); }
.directorsList li:nth-child(even).aos-init.aos-animate .directorBox .imgWrap:after { transform: rotate(0deg); }


/**************** Investor Relation Section *****************/
.investorRelation { padding: 0px 0 100px; }
.investorRelation .titleWrap { padding-bottom: 75px; }
.investorRelation .titleWrap .h4 { margin-bottom: 0; font-weight: 400; }
.investorCardList { list-style-type: none; margin: -30px -15px; }
.investorCardList li { padding: 30px 15px; width: 33.33%; }
.investorCardList .cardBox { border-bottom: 0; margin: 0 15px; }
.investorCardList .cardBox .imgWrap { padding-top: 55.8%; }

/* NSE Box CSS */
.nseWrap { perspective: 1200px; }
/*.nseFlipBox { width: 260px; height: 46px; transform-style: preserve-3d; transform: rotate3d(1, 0, 0, 0deg); animation: rotateBox 20s infinite ease; }*/
@keyframes rotateBox { 25% { transform: rotate3d(1, 0, 0, 0deg); } 26% { transform: rotate3d(1, 0, 0, 90deg); } 50% { transform: rotate3d(1, 0, 0, 90deg); } 51% { transform: rotate3d(1, 0, 0, 180deg); } 75% { transform: rotate3d(1, 0, 0, 180deg); } 76% { transform: rotate3d(1, 0, 0, 270deg); } 99% { transform: rotate3d(1, 0, 0, 270deg); } 100% { transform: rotate3d(1, 0, 0, 360deg); } }
.nseBox.front { transform: translateZ(23px); }
.nseBox.back { transform: rotateX(180deg) translateZ(23px); }
.nseBox.top { transform: rotateX(90deg) translateZ(23px); }
.nseBox.bottom { transform: rotateX(-90deg) translateZ(23px); }
.nseBox { font-size: 1.6rem; line-height: 1.25; color: #323232; justify-content: center; white-space: nowrap; padding: 13px 20px; background-color: #fff; position: absolute; backface-visibility: inherit; width: 100%; max-width: 150px; }
.nseBox + img { display: none; }
.nseBox strong { font-weight: 500; }
.nseBox .colRight { font-size: 1.4rem; margin-left: 14px; color: #88bf40; padding-left: 16px; position: relative; transition: all 0.4s ease; }
.nseBox .colRight:before { content: ''; width: 0px; height: 0px; border: 7px solid transparent; border-width: 0px 5px 7px 5px; border-bottom-color: #88bf40; display: block; position: absolute; left: 0px; top: 5px;  transition: all 0.4s ease; }
.nseBox .colRight.down { color: #F62852; }
.nseBox .colRight.down:before { border-bottom-color: #F62852; transform: rotate(180deg); }

/* Chat Bot CSS */
.chatWrap { height: 0; position: relative; z-index: 2; text-align: right; padding-right: 73px; }
.chatWrap a { display: inline-block; margin: -5% -4%; }
.chatWrap img { transform: translateY(-7%); }

/**************** Domestic Consultancy Page *****************/
.domesticBannerContent .h4 { font-weight: 500; color: #272727; margin-bottom: 11px; }
.domesticBannerContent .h4:first-child { font-style: italic; color: #323232; }

/**************** CTA Section *****************/
.ctaSectionWrap { position: relative; }
.ctaSectionWrap .ctaSectionBg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.ctaSectionWrap .ctaSectionBg:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #1D4382; opacity: 0.62; }
.ctaSectionInner { position: relative; z-index: 1; padding: 67px 90px 67px 60px; }
.ctaSectionInner .h3 { color: #fff; font-weight: 400; }
.ctaSectionInner strong { font-weight: 700; display: block; }

/**************** Icon Boxes Section *****************/
.iconBoxesSection { padding: 80px 0 110px; overflow: hidden; }
.iconBoxesList { margin: -18px; list-style-type: none; }
.iconBoxesList > li { padding: 18px; width: 20%; min-width: 280px; }
.iconBoxesList .iconBox { height: 100%; }
.iconBox { text-align: center; background-color: #fff; box-shadow: 0px 3px 40px rgba(100,100,100,0.2); padding: 50px 40px 47px; position: relative; transform: skewX(-5deg); }
.iconBox:before { content: ''; position: absolute; left: 0; bottom: 0; z-index: -1; background-color: #88bf40; width: 100%; height: 7px; transition: all 0.3s ease; }
.iconBox .iconWrap { height: 92px; position: relative; z-index: 1; pointer-events: none; transform: skewX(5deg); }
.iconBox .iconWrap svg path,
.iconBox .iconWrap img { transition: all 0.3s ease; }
.iconBox .iconText { font-size: 1.8rem; line-height: 1.22; font-weight: 500; padding-top: 42px; z-index: 1; transition: all 0.3s ease; }
.iconBox .iconText a { color: #323232; }
.iconBox .iconText a:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.iconBox .iconText a span { display: block; transform: skewX(5deg); }
.iconBoxesSection.infraIconsList { padding-top: 30px; padding-bottom: 0; overflow: visible; }

/**************** Content Block Section *****************/
.contentBlockSection { padding: 80px 0 110px; }

.contentBlock h3 { line-height: 1.2; margin-bottom: 10px; }
.contentBlock h3 ~ h3 { margin-top: 25px; }
.contentBlock h4 { margin-bottom: 20px; }
.contentBlock h4 ~ h4 { margin-top: 25px; }
.contentBlock h5 { margin-bottom: 20px; }
.contentBlock h5 ~ h5 { margin-top: 25px; }
.contentBlock p { line-height: 1.5; }

.contentBlock ul { list-style-type: none; margin: 0 0 15px; }
.contentBlock ul li { font-size: 1.6rem; line-height: 1.5; letter-spacing: 0.16px; margin-bottom: 8px; padding-left: 18px; position: relative; }
.contentBlock ul li:before { content: ''; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; border-radius: 5px; background-color: #323232; }
.contentBlock ul li ul { list-style-type: none; margin-top: 8px; margin-bottom: 0; }

.contentBlock ol { list-style-type: none; margin: 0 0 15px; counter-reset: myCounter; }
.contentBlock ol li { font-size: 1.6rem; line-height: 1.5; letter-spacing: 0.16px; counter-increment: myCounter; margin-bottom: 8px; padding-left: 18px; position: relative; }
.contentBlock ol li:before { content: counters(myCounter, '.'); position: absolute; left: 0; top: 0;}
.contentBlock ol li li { padding-left: 34px; }
.contentBlock ol li ol { list-style-type: none; margin-top: 8px; margin-bottom: 0; }

.contentBlock .checkList li { font-size: 1.6rem; font-weight: 400; color: #323232; }
.contentBlock .checkList li:last-child { margin-bottom: 0; }
.contentBlock img { margin-top: 20px; }
.contentBlock img.align-left,
.contentBlock img.align-right,
.contentBlock img.align-center { margin-bottom: 30px; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); }
.contentBlock img.align-left,
.contentBlock img.align-right { margin-top: 0; width: 50%; max-width: 630px; }
.contentBlock img.align-left {  margin-right: 30px; }
.contentBlock img.align-right { margin-left: 30px; }
.contentBlock .table-responsive { box-shadow: 0 3px 20px rgba(100,100,100,0.2); margin-bottom: 20px; }
.contentBlock table{ margin-bottom: 0; }
.contentBlock table thead{background: #1D4382;color:#fff;}
.contentBlock table thead th:nth-child(1){padding: 20px 30px;}
.contentBlock table tbody th:nth-child(1){padding: 20px 30px;}
.contentBlock table tbody th, .contentBlock table tbody td{border-bottom: 1px solid rgba(100,100,100,0.2);color:#323232;}
.contentBlock table tbody tr:nth-last-child(1) th, .contentBlock table tbody tr:nth-last-child(1) td{border-bottom: 4px solid #88bf40;}

/* Content Block Parent */
.node--type-page .text-formatted:not(.basicStyleReset) h3 { line-height: 1.2; margin-bottom: 10px; }
.node--type-page .text-formatted:not(.basicStyleReset) h3 ~ h3 { margin-top: 25px; }
.node--type-page .text-formatted:not(.basicStyleReset) h4 { margin-bottom: 20px; }
.node--type-page .text-formatted:not(.basicStyleReset) h4 ~ h4 { margin-top: 25px; }
.node--type-page .text-formatted:not(.basicStyleReset) h5 { margin-bottom: 20px; }
.node--type-page .text-formatted:not(.basicStyleReset) h5 ~ h5 { margin-top: 25px; }
.node--type-page .text-formatted:not(.basicStyleReset) p { line-height: 1.5; }

.node--type-page .text-formatted:not(.basicStyleReset) ul { list-style-type: none; margin: 0 0 15px; }
.node--type-page .text-formatted:not(.basicStyleReset) ul li { font-size: 1.6rem; line-height: 1.5; letter-spacing: 0.16px; margin-bottom: 8px; padding-left: 18px; position: relative; }
.node--type-page .text-formatted:not(.basicStyleReset) ul li:before { content: "\f105"; position: absolute; left: 0; color: #323232; /*top: 9px; width: 5px; height: 5px; border-radius: 5px; background-color: #323232;*/ }
.node--type-page .text-formatted:not(.basicStyleReset) ul li ul { list-style-type: none; margin-top: 8px; margin-bottom: 0; }

.node--type-page .text-formatted:not(.basicStyleReset) ol { list-style-type: none; margin: 0 0 15px; counter-reset: myCounter; }
.node--type-page .text-formatted:not(.basicStyleReset) ol li { font-size: 1.6rem; line-height: 1.5; letter-spacing: 0.16px; counter-increment: myCounter; margin-bottom: 8px; padding-left: 35px; position: relative; }
.node--type-page .text-formatted:not(.basicStyleReset) ol li:before { content: counters(myCounter, '.'); position: absolute; left: 0; top: 0;}
.node--type-page .text-formatted:not(.basicStyleReset) ol li li { padding-left: 34px; }
.node--type-page .text-formatted:not(.basicStyleReset) ol li ol { list-style-type: none; margin-top: 8px; margin-bottom: 0; }

.node--type-page .text-formatted:not(.basicStyleReset) .checkList li { font-size: 1.6rem; font-weight: 400; color: #323232; }
.node--type-page .text-formatted:not(.basicStyleReset) .checkList li:last-child { margin-bottom: 0; }
.node--type-page .text-formatted:not(.basicStyleReset) img { margin-top: 20px; }
.node--type-page .text-formatted:not(.basicStyleReset) img.align-left,
.node--type-page .text-formatted:not(.basicStyleReset) img.align-right,
.node--type-page .text-formatted:not(.basicStyleReset) img.align-center { margin-bottom: 30px; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); }
.node--type-page .text-formatted:not(.basicStyleReset) img.align-left,
.node--type-page .text-formatted:not(.basicStyleReset) img.align-right { margin-top: 0; width: 50%; max-width: 630px; }
.node--type-page .text-formatted:not(.basicStyleReset) img.align-left {  margin-right: 30px; }
.node--type-page .text-formatted:not(.basicStyleReset) img.align-right { margin-left: 30px; }
.node--type-page .text-formatted:not(.basicStyleReset) .table-responsive { box-shadow: 0 3px 20px rgba(100,100,100,0.2); margin-bottom: 20px; }
.node--type-page .text-formatted:not(.basicStyleReset) table{ margin-bottom: 0; }
.node--type-page .text-formatted:not(.basicStyleReset) table thead{background: #1D4382;color:#fff;}
.node--type-page .text-formatted:not(.basicStyleReset) table thead th:nth-child(1){padding: 20px 30px;}
.node--type-page .text-formatted:not(.basicStyleReset) table tbody th:nth-child(1){padding: 20px 30px;}
.node--type-page .text-formatted:not(.basicStyleReset) table tbody th, .node--type-page .text-formatted:not(.basicStyleReset) table tbody td{border-bottom: 1px solid rgba(100,100,100,0.2);color:#323232;}
.node--type-page .text-formatted:not(.basicStyleReset) table tbody tr:nth-last-child(1) th, .node--type-page .text-formatted:not(.basicStyleReset) table tbody tr:nth-last-child(1) td{border-bottom: 4px solid #88bf40;}

.basicStyleReset .tableStyle table thead th:nth-child(1),
.basicStyleReset .tableStyle table tbody th:nth-child(1),
.basicStyleReset .tableStyle table tbody td:nth-child(1) { white-space: normal; text-align: left; }
.basicStyleReset .tableStyle table td { vertical-align: top; }

/* Sidebar Menu CSS */
.sideBarMenu { background-color: #fff; padding: 30px; border-left: 8px solid #88bf40; box-shadow: 0px 3px 40px rgba(100,100,100,0.2); position: sticky; position: -webkit-sticky; top: 100px; }
.sideBarMenu ul { list-style-type: none; margin: 0; }
.sideBarMenu ul li { margin-bottom: 10px; }
.sideBarMenu ul li a { color: #323232; }

/* Arrow List CSS */
.arrowList { list-style-type: none; margin: 0; }
.arrowList li { padding-left: 18px; position: relative; }
.arrowList li:before { content: "\f105"; font-family: FontAwesome; position: absolute; left: 0; top: 0; }
.arrowList li:last-child { margin-bottom: 0; }
.arrowList ul { margin-top: 10px; }

/* Nested Menu CSS */
.nestedMenu ul { display: none; }
.nestedMenu li { font-size: 1.8rem; }
.nestedMenu li.active:before,
.nestedMenu li.active > a { color: #88bf40; font-weight: 500; }
.nestedMenu.arrowList li a { position: relative; left: 0; }
.nestedMenu.arrowList li { transition: all 0.3s ease; margin-bottom: 20px; }
.nestedMenu.arrowList li:hover > a { left: -3px; }
.nestedMenu.arrowList li:last-child { margin-bottom: 0; }
.nestedMenu.arrowList ul { margin-top: 20px; }
.nestedMenu.arrowList ul li { margin-bottom: 10px; }
.nestedMenu.arrowList ul li:last-child { margin-bottom: 0; }
.nestedMenu li.hasChildMenu { position: relative; padding-right: 20px; }
.nestedMenu li.hasChildMenu .fa { font-size: 2rem; position: absolute; right: 0; top: 2px; cursor: pointer; }
.nestedMenu li.hasChildMenu .fa.iconActive { transform: rotate(180deg); }
.nestedMenu li.hasChildMenu.active .fa { color: #88bf40; }

/* Press Realease */
.pressRelease {padding: 70px 0 100px;}
.pressRelease .container { max-width: 1250px; }
.pressRelease .table-responsive { box-shadow: 0 3px 20px rgba(100,100,100,0.2); }
.pressRelease table{ margin-bottom: 0;}
.pressRelease table thead{background: #1D4382;color:#fff;}
.pressRelease table thead th:nth-child(1){padding: 20px 30px;}
.pressRelease table tbody th:nth-child(1){padding: 20px 30px;}
.pressRelease table tbody th, .pressRelease table tbody td{border-bottom: 1px solid rgba(100,100,100,0.2);color:#323232;}
.pressRelease table tbody tr:nth-last-child(1) th, .pressRelease table tbody tr:nth-last-child(1) td{border-bottom: 4px solid #88bf40;}
.pressRelease .press-pagination span{color:#88bf40}
.pressRelease .press-pagination{color:#323232}
.pressRelease .press-pagination ul{padding: 0;list-style-type: none;margin:0;display: flex;justify-content: end;}
.pressRelease .press-pagination ul li.pagination-btn{background: #E3E3E3;border:0;color: #1D4382;}
.pressRelease .press-pagination ul li{display: inline-flex;width: 36px;height: 36px;border-radius: 100%;border: 3px solid #1D4382; align-items: center;margin-left: 10px;color: #1D4382;justify-content: center;font-weight: 500;cursor:pointer}
.pressRelease .press-pagination ul li:hover{background: #88bf40;color:#fff;border-color:#88bf40;}

/* Table CSS */
.tableStyle.table-responsive { box-shadow: 0 3px 20px rgba(100,100,100,0.2); }
.tableStyle table{ margin-bottom: 0;}
.tableStyle table thead{background: #1D4382;color:#fff;}
.tableStyle table thead th:nth-child(1),
.tableStyle table tbody th:nth-child(1),
.tableStyle table tbody td:nth-child(1){ text-align: center; white-space: nowrap; padding: 20px 30px;}
.tableStyle table tbody th,
.tableStyle table tbody td{border-bottom: 1px solid rgba(100,100,100,0.2);color:#323232; padding: 10px;}
.tableStyle table tbody tr:nth-last-child(1) th,
.tableStyle table tbody tr:nth-last-child(1) td{border-bottom: 4px solid #88bf40;}
.tableStyle table tbody td[rowspan] { border-left: 1px solid rgba(100,100,100,0.2); border-right: 1px solid rgba(100,100,100,0.2); vertical-align: middle; }
.tableStyle .views-field-field-acq-date { white-space: nowrap; }

/* PR Kit */
.pdfSection{padding: 70px 0 42px;}
.pdfSection h2 { text-transform: uppercase; }
.cmdInterviewSection, .flimsSection {padding: 70px 0 54px;}
/*.pdfSection .container, .cmdInterviewSection .container, .flimsSection .container { max-width: 1250px; }*/
.pdfSection p{padding: 0 70px; font-weight: 700; text-align: center; line-height: 1.41;}
.pdfSection p a{color:#323232}
.pdfSection p a:hover{color:#88bf40}
.pdfSection a { display: block; text-align: center; }
.pdfSection a img { max-width: 200px; }
.cmdInterviewSection{background-color: rgba(204, 204, 204, 0.2);}
.galleryBox{position: relative;margin-bottom:26px}
.galleryBox .imgHolder { position: relative; }
.galleryBox .imgHolder img { width: 100%; position: relative; z-index: 0; }
.galleryBox .imgHolder:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 62px; height: 62px; background-image: url('https://www.powergrid.in/themes/powergrid/images/play.svg'); background-repeat: no-repeat; background-position: center; z-index: 1; }
.galleryBox a{color:#010101;font-weight: 600;}
.galleryBox .popupVideo { display: none; }
.galleryBox .popupVideo video { width: 100%; }
.galleryBox span{margin-top:5px;display:block}
.galleryBox h4 { margin-top: 27px; margin-bottom: 0; }
.galleryBox .playButton{position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%; width: 62px; height: 62px; display: none;}
.flimsSection .btn-outline-primary{font-size: 1em;color: #1D4382;border-color: #1D4382;border-radius: 50px;padding: 5px 25px;}
.flimsSection .btn-outline-primary:hover{background-color: #1D4382;color:#fff;}

.cmdSpeechSection .quoteImgBox { height: 643px; max-width: 605px; }
.cmdSpeechSection .quoteImgBox .imgWrap { left: -10%; width: 120%; }
.cmdSpeechSection .quoteImgBox .parallaxBg img { width: 100%; height: 100%; object-fit: cover; }
.cmdSpeechSection .quoteImgBox .parallaxBg { top: 0 !important; height: 100%; }
.cmdSpeech{display:flex;align-items: center;margin-bottom: 40px}
.cmdSpeech:last-child { margin-bottom: 0; }
.cmdSpeech img{width: 40px;}
.cmdSpeech h4,
.cmdSpeech .h4{ width: calc(100% - 40px); padding-left: 20px;color: #323232;font-weight: 500; margin-bottom: 0;}
.cmdSpeech .h4 a:not(:hover),
.cmdSpeech .h4 span { color: inherit; }
.cmdSpeech:before { content: ''; display: block; width: 40px; height: 47px; background-image: url('https://www.powergrid.in/themes/powergrid/images/pdf.svg'); background-repeat: no-repeat; background-size: contain; background-position: left center; }
.cmdSpeech .file--application-pdf { background-image: none; padding-left: 0; }
.cmdSpeech .file--application-pdf .fileSize { font-size: 2rem; }
.cmdSpeech .file--application-pdf img { display: none; }

.pageSpc { padding: 80px 0 100px; }

.file--application-pdf { padding-left: 0; background-image: none; }
a.file--application-pdf { display: inline-block; position: relative; padding-left: 36px; word-break: break-all;}
a.file--application-pdf:before { content: ''; font-family: 'FontAwesome'; font-size: 2rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #f72015; background-image: url('../images/pdf-icon.png'); background-repeat: no-repeat; background-size: contain; width: 25px; height: 28px;}

/* 404 Page CSS */
.notFoundWrap { width: 100%; max-width: 470px; text-align: center; margin: 0 auto; box-shadow: 1px 5px 37px rgba(0, 0, 0, 0.15); background-color: #fff; padding: 40px; transform: skewX(-4deg); border-bottom: 10px solid #1D4382; margin-top: 25px; }
.notFoundWrap > * { transform: skewX(5deg); }
.notFoundWrap h4 { display: inline-block; margin-bottom: 0; line-height: 40px; padding: 5px 30px; background-color: #F62852; color: #fff; transform: skewX(-5deg); position: relative; top: -65px; }
.notFoundWrap h4 span { transform: skewX(5deg); color: #fff; display: inline-block; font-weight: 500; }
.notFoundWrap h1 { font-size: 8rem; margin-top: -20px; letter-spacing: 0.05em; margin-bottom: 25px; }
.notFoundWrap p { margin-bottom: 0; }
.notFoundWrap p.largeText { font-size: 2rem; line-height: 1.4; color: #8d8d8d; margin-bottom: 0px; }
.notFoundWrap .ctaBtn { margin-top: 40px; margin-right: 10px; }
.notFoundWrap .ctaBtn:last-child { margin-right: 0; }
.notFoundWrap p.h4 + .ctaBtn,
.notFoundWrap p.h4 + .ctaBtn ~ .ctaBtn { margin-top: 20px; }

.accessDenied { position: relative; }
.accessDenied:before { content: ''; width: 100px; height: 100px; position: absolute; top: 40px; left: 0; right: 0; margin: 0 auto; border:6px solid #f00; border-radius: 100%; transform: skewX(5deg); }
.accessDenied:after { content: ''; width: 100px; height: 6px; position: absolute; top: 87px; left: 2px; right: 2px; margin: 0 auto; transform: skewX(5deg) rotate(-45deg); background-color: #f00; }
.accessDenied.notFoundWrap { padding-top: 160px; }

/* Search Form */
.searchListing { padding-bottom: 30px; }
form.search-form { width: 100%; max-width: 600px; transform: skewX(-5deg); box-shadow: 1px 5px 37px rgba(0, 0, 0, 0.15); background-color: #fff; padding: 30px 30px 10px; border-bottom: 6px solid #1d4382; }
form.search-form .js-form-wrapper { display: flex; align-items: flex-end; transform: skewX(5deg); }
form.search-form .form-item { display: block; flex-grow: 1; }
form.search-form .form-submit { margin-bottom: 26px; margin-right: 0; margin-left: 20px; }
form.search-form label { font-size: 1.8rem; display: block; margin-bottom: 10px; }
form.search-form .search-help-link { display: none; }

.searchItemsList ul.bulletText { list-style-type: none; margin: -15px; display: flex; flex-wrap: wrap; }
.searchItemsList ul.bulletText li { margin: 15px; width: calc(100% - 30px); background-color: #fff; transform: skewX(-5deg); border-bottom: 6px solid #1d4382; padding: 30px; box-shadow: 0px 3px 40px rgba(100, 100, 100, 0.2); }
.searchItemsList ul.bulletText li > * { transform: skewX(5deg); }
.searchItemsList ul.bulletText li:before { display: none; }
.searchItemsList h4 { line-height: 1.2; font-weight: 500; margin-bottom: 10px; }
.searchItemsList p { font-size: 1.4rem; line-height: 1.4; color: #838383; margin-bottom: 0; }
.searchItemsList p:last-child { margin-bottom: 0; }
.searchItemsList p:empty { display: none; }
.searchItemsList p strong { color: #1D4382; }

/* Pagination CSS */
.pager { padding-top: 40px; }
.pager ul { list-style-type: none; margin: -4px; display: flex; flex-wrap: wrap; justify-content: center; }
.pager ul li { width: 40px; line-height: 40px; background-color: #fff; margin: 4px; transform: skewX(-5deg); box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.3); transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
.pager ul li a { transform: skewX(5deg); display: block; padding: 0 15px; text-align: center; color: #323232; text-align: center; }
.pager ul li:hover { background-color: #88bf40; }
.pager ul li a:hover { color: #fff; }
.pager ul li.is-active { background-color: #1d4382; }
.pager ul li.is-active a { color: #fff; }
.pager ul li.pager__item--next,
.pager ul li.pager__item--last,
.pager ul li.pager__item--first,
.pager ul li.pager__item--previous { width: auto; white-space: nowrap; }

.pager ul li.pager__item--next a,
.pager ul li.pager__item--last a,
.pager ul li.pager__item--first a,
.pager ul li.pager__item--previous a { padding: 0 20px; }

.node--type-key-person .field--type-image { float: left; margin-right: 30px; margin-bottom: 20px; }
.node--type-key-person .field--type-image { width: 280px; height: 280px; padding: 18px; position: relative; z-index: 0; border-radius: 100%; overflow: hidden; }
.node--type-key-person .field--type-image:before,
.node--type-key-person .field--type-image:after { content: ''; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-color: #fff; transform-origin: right center; z-index: 1; }
.node--type-key-person .field--type-image:after { z-index: 0; background-color: #88bf40; transform: rotate(180deg); border-radius: 200px 0 0 200px; border: 1px solid #fff; }
.node--type-key-person .field--type-image img { width: 100%; height: 100%; border-radius: 100%; background-color: #fff; position: relative; z-index: 2; }
.node--type-key-person .h3 { color: #008747; margin-bottom: 5px; line-height: 1.2; padding-top: 30px; }
.node--type-key-person .field--name-field-key-person-designation { color: #8d8d8d; margin-bottom: 3px; }
.node--type-key-person .field--type-email { color: #1d4382; margin-bottom: 25px; }
.node--type-key-person .field--type-email:before { content: '\f0e0'; font-family: FontAwesome; margin-right: 10px; }
.node--type-key-person .contactMob { margin-top: 10px; color: #1d4382; }
.node--type-key-person .contactMob:before { position: relative; margin-right: 12px; }

.contactList { display: flex; flex-wrap: wrap; justify-content: center; margin: -15px; }
.contactList .contactBox { width: calc(25% - 30px); margin: 15px; min-width: 285px; flex-grow: 1; }
/* Contact box CSS */
.contactBox { background-color: #fff; box-shadow: 0px 3px 40px rgba(100, 100, 100, 0.3); padding: 30px; }
/*.contactBox > * { transform: skewX(5deg); }*/
/*.contactBox > * + * { margin-top: 10px; }*/
.contactBox .h4,
.contactBox h4 { line-height: 1.16; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; }
.contactBox .contactAddress,
.contactBox .contactDept,
.contactBox .contactEmail,
.contactBox .contactMob,
.contactBox .contactFax  { font-size: 1.7rem; line-height: 1.53; position: relative; padding-left: 30px; margin-top: 12px; }
.contactBox p  { font-size: 1.7rem; line-height: 1.53; margin-bottom: 22px; }
.contactBox .contactAddress { margin-top: 0; }
.contactBox .contactAddress:before,
.contactBox .contactEmail:before,
.contactBox .contactMob:before,
.contactBox .contactFax:before { font-family: FontAwesome; font-size: 1.8rem; position: absolute; left: 0; top: 0; width: 18px; color: #88bf40; }
.contactBox .contactAddress:before { font-size: 2rem; content: '\f041'; }
.contactBox .contactEmail:before { content: '\f0e0'; }
.contactBox .contactMob:before { content: '\f095'; }
.contactBox .contactFax:before { content: '\f1ac'; }
.contactBox .ctaWrap { margin-top: auto; }

.contactBox .designation { font-size: 1.8rem; font-weight: 500; color: #939393; margin-bottom: 15px; }
.contactBox .h4 + .designation,
.contactBox h4 + .designation { margin-top: -10px; }

.contactBox .contactAddress .arrowLink { font-weight: 500; margin-left: 8px; color: #1D4382; }
.contactBox .contactAddress .arrowLink:after { content: '\f105'; font-family: FontAwesome; font-weight: 600; margin-left: 10px; }

.contactEmail,
.contactMob,
.contactFax { position: relative; padding-left: 25px; }
.contactEmail:before,
.contactMob:before,
.contactFax:before { font-family: FontAwesome; position: absolute; left: 0; top: 0; width: 18px; text-align: center; }
.contactEmail:before { content: '\f0e0'; }
.contactMob:before { content: '\f095'; }
.contactFax:before { content: '\f1ac'; }

.contactUsList { display: flex; flex-wrap: wrap; justify-content: space-between; margin: -20px -15px; }
.contactUsList .contactBox { width: calc(33.33% - 30px); max-width: 410px; margin: 20px 15px; }
.contactUsList .contactBox > img { display: none; }

/* Search Page CSS */
.views-exposed-form { padding: 20px 15px 5px; margin-bottom: 30px; background-color: rgba(204,204,204,0.2); display: flex; align-items: flex-start; }
.views-exposed-form .form-item { max-width: 460px; flex-grow: 1; margin-right: 20px; }
.views-exposed-form .form-actions { flex-wrap: nowrap; }
.views-exposed-form .form-actions .form-submit { margin-right: 0; width: 100%; border-width: 1px; }
.views-exposed-form .form-actions .form-submit + .form-submit { margin-left: 20px; }

/* Gallery CSS */
.galleryzoom .galleryBox {/* overflow: hidden; */position: relative;/* transform: skewX(-5deg); */}
.galleryzoom .galleryBox a {display: block;position: relative;padding: 10px;overflow: hidden;background-color: #fff;box-shadow: 0px 3px 40px rgb(0 0 0 / 30%);}
.galleryzoom .galleryBox a:before { content: '\f00e'; font-family: FontAwesome; font-size: 3.5rem; line-height: 1; color: #fff; font-weight: 400; position: absolute; top: 50%; width: 100%; text-align: center; transform: translateY(-50%); z-index: 2; opacity: 0; transition: all 0.3s ease; }
.galleryzoom .galleryBox a:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #1D4382; opacity: 0; transition: all 0.3s ease; z-index: 1; }
.galleryzoom .galleryBox:hover a:before { opacity: 1; }
.galleryzoom .galleryBox:hover a:after { opacity: 0.7; }
.galleryzoom .galleryBox .thumbnail {/* transform: skewX(5deg); */position: relative;/* left: -10px; */width: 100%;transition: all 0.3s ease;overflow: hidden;}
.galleryzoom .galleryBox .thumbnail img { width: 100%; transition: all 0.3s ease; }
.galleryzoom .galleryBox:hover .thumbnail img { transform: scale(1.05); }
.galleryzoom .galleryBox .galleryTitle {/* position: absolute; *//* left: 0; *//* bottom: 0; *//* padding: 12px 15px; *//* background-color: rgba(29,67,130,0.9); *//* border-left: 8px solid #88bf40; *//* transition: all 0.3s ease; */color: #323232;}
.galleryzoom .galleryBox .galleryTitle span {display: block;line-height: 1.3;color: #323232;font-weight: 500;margin-top: 0;padding-top: 10px;/* transform: skewX(5deg); */overflow: hidden;/* display: -webkit-box; *//* -webkit-line-clamp: 2; *//* -webkit-box-orient: vertical; *//* text-overflow: ellipsis; */}
/*.galleryzoom.galleryBoxInner a { position: relative; left: -10px; width: calc(100% + 20px); }
.galleryzoom.galleryBoxInner a img { transform: skewX(5deg); }*/

#cboxWrapper,
#cboxContent { background-color: #88bf40; }
#cboxContent button { font-size: 0px; line-height: 20px; text-align: center; color: #fff; width: 20px; height: auto; border-radius: 20px; background-color: rgba(0,0,0,0.6); background-image: none; text-indent: 0px; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
#cboxContent button:before { content: '\f104'; font-family: FontAwesome; font-size: 14px; line-height: 1; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#cboxContent button:hover { background-color: #000; }
#cboxContent button#cboxNext { transform: rotate(180deg); }
#cboxContent button#cboxClose:before { content: '\f00d'; }
#cboxCurrent { bottom: -2px; color: #fff; }
#cboxTitle { font-size: 1.4rem; line-height: 1.4; padding: 10px; background-color: #1D4382; color: #fff; }

.eventListWrap { list-style-type: none; margin: 0; padding: 0; }
.eventListWrap > li { margin-bottom: 30px; }

.placeholder { cursor: pointer; opacity: 1; padding: 0 5px; }
.placeholder a { color: #fff; }

.yearBox { text-align: center; padding: 10px 0px; border-radius: 5px; margin: 0 0px 15px 0; display: inline-block; cursor: pointer; transform: scale(0.8); transition: all 0.3s ease; }
.yearBox h4 { font-size: 3rem; color: #fff; margin-bottom: 0; transition: all 0.3s ease; }
.yearBox:hover { background-color: #88bf40; padding: 10px 15px; opacity: 1;}
.yearBox:hover h4 { color: #fff; }
.swiper-slide-thumb-active .yearBox { transform: scale(1); opacity: 1; background-color: #fff; padding: 10px 15px;}
.swiper-slide-thumb-active .yearBox h4 { color: #323232; }
.yearsListWrap { padding-right: 60px; padding-left: 60px; margin-top: 80px; margin-bottom: -15px; position: relative; z-index: 1; }
.yearsListSlider { cursor: e-resize; }
.yearsListSlider:before { content: ''; position: absolute; top: 28px; left: 70px; width: 100%; height: 1px; opacity: 0.2; border-bottom: 2px dashed #fff; }
.yearsListSlider .swiper-slide:after { content: "\f105"; font-family: FontAwesome; position: absolute; right: 25px; top: 15px; opacity: 0.6; font-size: 19px; font-weight: 600; color: #fff; }
.yearsListSlider .swiper-slide:before { content: "\f104"; font-family: FontAwesome; position: absolute; right: 40px; top: 15px; opacity: 0.6; font-size: 19px; font-weight: 600; color: #fff; }
.yearsSliderArrows { display: flex; align-items: center; justify-content: space-between; position: absolute; width: 100%; height: 0; right: 0; top: 29px; }
.yearsSliderArrows .next { margin-left: 10px; }
.yearsSliderArrows .sliderArrow.blueArrow:hover,
.yearsSliderArrows .sliderArrow.blueArrow:focus { color: #fff; }
.milestoneSliderWrap { margin-top: -140px; width: 100vw; position: relative; z-index: 0; left: 50%; transform: translateX(-50%); }
.milestoneSlider .swiper-slide { height: auto; overflow: hidden; }
.milestoneSlider .swiper-slide:before,
.milestoneSlider .swiper-slide:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/banner-bg1.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 0; }
.milestoneSlider .swiper-slide:after { background-image: none; background-color: #000; opacity: 0.5; z-index: 1; }
.milestoneSlider .swiper-slide:nth-child(even):before { background-image: url('../images/banner-bg3.jpg'); }
.milestoneSlider .swiper-slide > img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.milestoneSlider .milestoneBox { width: 100%; padding: 180px 15px 60px; max-width: 1414px; margin: 0 auto; transform: translate3d(-60%, 0px, 0px); transition: all 1.7s ease; }
.milestoneSlider .swiper-slide-active .milestoneBox { transform: translate3d(0px, 0px, 0px); }
.milestoneBox { position: relative; z-index: 2; color: #fff; }
.milestoneBox > h3 { padding-bottom: 8px; position: relative; color: #fff; }
.milestoneBox > h3:before { content: ''; position: absolute; left: 0; bottom: 0; width: 45px; height: 4px; background-color: #008747; }
.milestoneBox ul { list-style-type: none; margin: 0; }
.milestoneBox ul li { font-size: 1.8rem; padding-left: 18px; position: relative; }
.milestoneBox ul li:before { content: "\f105"; font-family: FontAwesome; position: absolute; left: 0; top: 0; }
.milestoneBox ul li:last-child { margin-bottom: 0; }
.milestoneBox ul ul { margin-top: 10px; }

ul.region-item { display: flex; flex-wrap: wrap; margin: -9px -15px; list-style-type: none; }
ul.region-item li { width: calc(33.33% - 30px); padding: 9px 15px; min-width: 220px; transform: skewX(-5deg); background: #1d4382; color: #fff; margin: 9px 15px; border-left: 5px solid #00a34e; }

.page-views-milestones-page-2 .pageSpc { padding-bottom: 0; overflow: hidden; }

 /*smoke external css popup*/ 
.smoke-base { position: fixed; top: 0; left: 0; bottom: 0; right: 0; visibility: hidden; opacity: 0; } .smoke-base.smoke-visible { opacity: 1; visibility: visible; } .smokebg { position: fixed; top: 0; left: 0; bottom: 0; right: 0; } .smoke-base .dialog { position: absolute; } .dialog-prompt { margin-top: 15px; text-align: center; } .dialog-buttons { margin: 20px 0 5px 0 } .smoke { text-align: center; font-size: 18px; line-height: 150%; } .dialog-buttons button { display: inline-block; vertical-align: baseline; cursor: pointer; font-style: normal; text-decoration: none; border: 0; outline: 0; margin: 0 5px; -webkit-background-clip: padding-box; font-size: 13px; line-height: 13px; font-weight: normal; padding: 9px 12px; } .dialog-prompt input { margin: 0; border: 0; font-family: sans-serif; outline: none; border: 1px solid #aaa; width: 75%; display: inline-block; background-color: transparent; font-size: 16px; padding: 8px; } .smoke-base { background: rgba(0, 0, 0, .6); } .smoke-base .dialog { top: 40%; max-width: 700px; width: calc(100% - 30px); left: 50%; transform: translateX(-50%); } .smoke-base .dialog-inner { padding: 15px; color: #202020; } .smoke { background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 2px 8px #666; } .dialog-buttons button { background-color: #1D4382; border-radius: 0; color: #fff; } .dialog-buttons button.cancel { background-color: #88bf40; } 
 /*smoke end*/

.contentWithImgWrap.mileBackground .parallaxBg img { width: 100%; height: 100%; object-fit: cover; }
.mileBackground { padding-bottom: 80px; }
.mileBackground h2 { text-transform: uppercase; }
.mileBackground .h4 { font-style: italic; margin-bottom: 20px; }

.investorCell { width: 100%; max-width: 400px; }

.accordion-wrap { margin-bottom: 20px; }
.accordion-wrap .accordion-header a { display: block; color: #fff; padding: 15px 55px 15px 25px; font-weight: 400; background-color: #1D4382; border-left: 8px solid #88bf40; transform: skewX(-5deg); position: relative; cursor: pointer; }
.accordion-wrap .accordion-header a:after { content: "\f106"; font-family: FontAwesome; position: absolute; right: 25px; top: 50%; transform: translateY(-50%) skewX(5deg); transition: all 0.3s ease; }
.accordion-wrap .accordion-header a.collapsed:after { content: "\f107"; }
.accordion-wrap .accordion-body { padding: 25px; }
.accordion-body .reportBox { max-width: 220px; }

.generalInfoTable { margin-bottom: 30px; }
.generalInfoTable:last-child { margin-bottom: 0; }
.generalInfoTable table { border-collapse: collapse; }
.generalInfoTable.tableStyle table thead { border: 1px solid #1D4382; }
.generalInfoTable td { text-align: left !important; border: 1px solid rgba(100,100,100,0.2) !important; padding: 15px !important; }

.tableBorderLeft table { border-collapse: collapse; }
.tableBorderLeft.tableStyle table thead { border: 1px solid #1D4382; }
.tableBorderLeft th { text-align: left !important; padding: 15px !important; }
.tableBorderLeft td { text-align: left !important; border: 1px solid rgba(100,100,100,0.2) !important; padding: 15px !important; }

.mfp-content .popupVideo { width: 100%; max-width: 900px; margin: 0 auto; }
.mfp-content .popupVideo video { width: 100%; }

body .silverchatwin { border-radius: 0; border: 0; height: auto; box-shadow: 0px 0px 15px rgba(0,0,0,0.5); }
body .silverchat-head { background-color: #1d4382; color: #fff; font-weight: bold; box-shadow: none; border-radius: 0; }
body .silverchat-body { max-height: calc(100vh - 55px); overflow: auto; }
body .silverchat-body p { font-size: 14px; line-height: 1.3; margin-bottom: 15px; }
body .silverchatbotul { margin: 0 -5px; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; }
body .silverchatbotul li { flex-grow: 1; padding: 0 5px; }
body .silverchatbotul li a { padding: 5px 10px; border-radius: 50px; background-color: transparent; color: #000; text-align: center; border: 1px solid #1d4382; }
body .silverchatbotul li a:hover { background-color: #1d4382; color: #fff; }
body .silverchatbotul li.back { margin-bottom: 0; width: 100%; }
body .silverchatbotul li.back a { font-size: 1.8rem; line-height: 1.33; color: #1d4382; text-align: center; font-weight: 500; display: inline-block; padding: 0; border: 0; background-color: transparent !important; transform: none; width: 100%; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
body .silverchatbotul li.back a:hover { background-color: #88bf40; border-color: #88bf40; }
body .silverchatbot-main { bottom: 115px; right: 20px; opacity: 0; visibility: hidden; z-index: 999; transition: all 0.4s ease; }
body .silverchatbot-main.active { opacity: 1; visibility: visible; }
body .silverchatbot-main img { width: 64px; }
body #silverchaticon { height: 80px; background-image: url('../images/chat-icon1.png'); background-repeat: no-repeat; background-size: contain; background-position: center; }
body #silverchaticon img { opacity: 0; }

.annualReportsList { margin: -15px; padding: 0; list-style: none; }
.annualReportsList > li { padding: 15px; width: 25%; min-width: 230px; }
.annualReportsList .reportBox { height: 100%; }
.annualReportsList.CsrAnnualReportsList > li {width: 16.66%;}
.annualReportsList.CsrAnnualReportsList .reportBox .imgWrap { padding: 10px; }
.annualReportsList.CsrAnnualReportsList .reportBoxContent { padding: 10px; }
.annualReportsList.CsrAnnualReportsList .reportBoxContent h4 { margin-bottom: 0; }
.reportBox { position: relative; overflow: hidden; display: flex; flex-direction: column; border-radius: 8px; border: 1px solid #ddd; box-shadow: 0px 0px 25px rgba(0,0,0,0.2); }
.reportBox .pressDate { font-size: 1.4rem; position: absolute; left: 9px; top: 8px; color: #323232; padding: 1px 10px; background-color: #e9e9e9; }
.reportBox .imgWrap { padding: 15px; border-bottom: 1px solid #ddd; text-align: center; display: table; height: 180px; }
.reportBox .imgWrap span { display: table-cell; vertical-align: middle; width: 100%; }
.reportBox .imgWrap img { max-width: 100%; max-height: 100%; }
.reportBoxContent { padding: 15px; position: relative; flex-grow: 1; }
.reportBoxContent h4 { font-size: 1.8rem; /*display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;*/ }
.reportBoxContent .year { text-align: right; position: absolute; right: 0; bottom: 0; }
.reportBoxContent .year span { font-size: 1.4rem; color: #fff; background-color: #1d4382; display: inline-block; padding: 2px 10px; transform: skewX(-5deg); }
.reportBoxContent .pressSource { line-height: 1.2; color: #9d9d9d; }
.reportBox .downloadBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; background-color: rgba(29,67,130,0.9); transition: all 0.4s ease; }
.reportBox:hover .downloadBox { opacity: 1; visibility: visible; }
.reportBox .downloadBox a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.reportBox .downloadBox .iconWrap { position: relative; height: 100%; width: 100%; padding: 15px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.reportBox .downloadBox .iconWrap .iconImg { width: 100%; position: relative; top: -10px; margin-bottom: 8px; text-align: center; transition: all 0.4s ease; }
.reportBox .downloadBox .iconWrap img { height: 50px; }
.reportBox .downloadBox .iconWrap .fa { font-size: 5rem; }
.reportBox .downloadBox .fileSize { position: relative; top: 10px; color: #fff; transition: all 0.4s ease; }
.reportBox:hover .downloadBox .iconWrap .iconImg,
.reportBox:hover .downloadBox .fileSize { top: 0; }

.reportBoxList { display: flex; flex-wrap: wrap; margin: -15px; }
.reportBoxList .reportBox { width: calc(25% - 30px); margin: 15px; }
.reportBox .boxLink { display: flex; align-items: center; justify-content: center; text-align: center; padding: 15px; border-bottom: 1px solid #ddd; }
.reportBox .boxLink p { line-height: 1.2; margin-bottom: 0; }

.field--type-datetime { position: relative; padding-left: 25px; }
.field--type-datetime:before { content: '\f073'; font-family: FontAwesome; position: absolute; left: 0; top: 0; color: #1d4382; }

.eventListBox.eventListWrap { display: flex; flex-wrap: wrap; margin: -15px; }
.eventListBox.eventListWrap li { margin: 0; padding: 15px; width: 33.33%; }
.eventListBox .newsBox { display: block !important; position: relative; height: 100%; background-color: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);  transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
.eventListBox .newsBox:hover { background-color: #1D4382; }
.eventListBox .newsBox:hover h4 a,
.eventListBox .newsBox:hover h4 a:hover { color: #fff; }
.eventListBox .newsBox .imgWrap { margin-bottom: 0; background-color: #fff; }
.eventListBox .newsBox .imgWrap a { height: 250px; }
.eventListBox .newsBox .imgWrap img { width: 100%; height: 100%; object-fit: cover; }
.eventListBox .newsBoxWrap { padding: 30px 20px 20px; position: relative; }
.eventListBox .newsBoxWrap p { margin-bottom: 0; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
.eventListBox .newsBoxWrap p:empty { display: none; }
.eventListBox .newsBox:hover .newsBoxWrap p { color: #fff; }
.eventListBox .newsBox .date { position: absolute; top: -20px; left: 20px; background-color: #88bf40; color: #fff; margin-bottom: 0; }
.eventListBox .newsBox .date a { color: #fff; padding: 10px; display: inline-block; }

.blockBoxWrap { margin-bottom: -30px; }
.blockBoxWrap .blockBox { display: flex; flex-direction: column; margin-bottom: 30px; height: calc(100% - 30px); }
.blockBox { background-color: #fff; padding: 35px 20px 30px; box-shadow: 0px 0px 25px rgba(0,0,0,0.2); border-radius: 8px; }
.blockBox h4 { margin-bottom: 15px; }
.blockBox h4 a:not(:hover) { color: #000; }
.blockBox ul { /*margin: -5px -15px;*/ padding: 0; list-style-type: none; flex-wrap: wrap; padding-bottom: 10px; display: table !important; margin-top: auto; margin-bottom: 0; }
.blockBox ul:last-child { padding-bottom: 0;  display: flex !important; }
.blockBox ul li { font-size: 1.4rem; padding: 5px 15px; font-weight: 600; color: #4e4e4e; display: table-row; }
.blockBox ul:last-child li { padding: 0; }
.blockBox ul li span { display: block; font-weight: 400; display: table-cell; }.blockBox p { font-size: 1.5rem; line-height: 1.4; color: #b3b3b3; }
.blockBox .arrowLink { margin-top: 10px; display: inline-block; align-self: flex-start;}
.blockBox .arrowLink:after { content: '\f105'; font-family: FontAwesome; font-weight: 600; margin-left: 10px; }

.preHeader .nseWrap { position: relative; z-index: 1; margin-left: 10px; padding-left: 5px; border-left: 1px solid #fff; }
.preHeader .nseFlipBox { width: 80px; height: 16px; }
.preHeader .nseBox { font-size: 13px; line-height: 16px; padding: 0px 5px; background-color: #88bf40; color: #fff; }
.preHeader .nseBox.front { transform: translateZ(8px); }
.preHeader .nseBox.bottom { transform: rotateX(-90deg) translateZ(8px); }
.preHeader .nseBox.back { transform: rotateX(180deg) translateZ(8px); }
.preHeader .nseBox.top { transform: rotateX(90deg) translateZ(8px); }

.aboutsection h3 {border-bottom: 1px solid #cee1ff;margin: 0 0 20px;padding: 0 0 10px;font-style: italic;}
.aboutsection div {margin: 0 0 30px;}

.headerMenuTabs ul { list-style-type: none; margin: 0; padding: 0; }
.headerMenuTabs ul li { font-size: 2rem; line-height: 1.4; flex-grow: 1; }
.headerMenuTabs ul li a { padding: 20px; display: block; text-align: center; color: #323232; background-color: #ddd; font-weight: 600; box-shadow: inset 8px 8px 16px -6px rgba(0,0,0,0.08); position: relative; }
.headerMenuTabs ul li a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background-color: #88bf40; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
.headerMenuTabs ul li a:hover { background-color: #88bf40; color: #fff; box-shadow: none; }
.headerMenuTabs ul li.active a { background-color: #1D4382; color: #fff; }
.headerMenuTabs ul li.active a:after { height: 6px; }

.transmissionContent { padding-top: 40px; }
.transmissionContent .table-responsive { margin-bottom: 30px; }

.statisticsList { padding: 30px 0; }
.statisticsList ul { list-style-type: none; padding: 0; margin: -5px; }
.statisticsList ul li { font-size: 1.8rem; margin: 5px; flex-grow: 1; padding: 10px 15px; background-color: #ebebeb; overflow: hidden; text-align: center; }
.statisticsList ul li span { font-size: 2.2rem; font-weight: 600; color: #000; padding-left: 10px; }

.highlightsList { padding-bottom: 30px; }
.highlightsList ul { list-style-type: none; padding: 0; margin: -15px; }
.highlightsList ul li { padding: 30px 15px 15px; width: 25%; }
.highlightsList .hlBox { height: 100%; }
.hlBox { padding: 26px 20px 20px; position: relative; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); }
.hlBox h4 { font-size: 1.8rem; color: #fff; font-weight: 400; margin-bottom: 0; display: inline-block; padding: 5px 15px; position: absolute; left: 20px; top: -16px; border-radius: 50px; background-color: #88bf40; }
.hlBox p { line-height: 1.56; margin-bottom: 8px; }
.hlBox p:last-child { margin-bottom: 0; }

.imgBoxHr { padding: 15px; height: 100%; border: 1px solid #ccc; }
.imgBoxHr .imgWrap { width: 80px; border: 1px solid #ccc; }
.imgBoxHr .contentWrap { width: calc(100% - 80px); padding-left: 15px; }
.imgBoxHr .contentWrap p { line-height: 1.6; margin-bottom: 10px; }
.imgBoxHr .contentWrap p:last-child { margin-bottom: 0; }
.imgBoxHr .imgWrap img { width: 100%; }

.contentList ul { list-style-type: none; margin: 0; counter-reset: listCounter; }
.contentList ul li { position: relative; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #ddd; padding-left: 60px; counter-increment: listCounter; }
.contentList ul li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.contentList ul li:before { content: counter(listCounter); position: absolute; left: 0; top: 0; width: 40px; font-size: 20px; line-height: 40px; font-weight: 500; text-align: center; border-radius: 100%; display: block; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
.contentList ul li h4 { font-size: 1.8rem; /*color: #88bf40;*/ }
.contentList ul li .status { font-size: 1.5rem; color: #a5a5a5; }
.contentList ul li .status strong { color: #323232; }

.job-opp-wrap h3 { margin-top: 30px; }
.job-opp-wrap h4 + h4 { margin-top: 20px; }

ul.clientsSectionItemList { display: flex; flex-wrap: wrap; justify-content: center; list-style-type: none; margin: -10px; }
ul.clientsSectionItemList li { width: calc(12.5% - 20px); min-width: 135px; text-align: center; margin: 10px; display: table; background-color: #f1f1f1; padding: 20px; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
ul.clientsSectionItemList li:hover { background-color: #1D4382; }
ul.clientsSectionItemList li span { display: table-cell; vertical-align: middle; }

.shareMrktBoxWrap { display: flex; max-width: 245px; min-width: 245px; background-color: #1A9056; border: 1px solid #fff; border-radius: 10px; overflow: hidden; width: 100%; }
.shareMrktBox { width: 140px; }
.shareMrktBox .logoImg { padding-left: 27px; line-height: 46px; }
.shareMrktBox .logoImg img { width: 74px; }
.shareMrktBox .category { padding-left: 27px; font-size: 1.8rem; line-height: 32px; font-weight: 600; background-color: #fff; color: #17B56A; width: 100%; }
.shareMrktBox .category span { color: #A5A5A5; font-weight: 400; }
.shareMrktBox + .shareMrktBox { width: auto; flex-grow: 1; }
.shareMrktBox + .shareMrktBox .logoImg { padding-left: 0; }
.shareMrktBox + .shareMrktBox .logoImg img { width: 48px; }
.shareMrktBox + .shareMrktBox .category { padding-left: 0; }

.shareMrktBoxWrap {max-width: 230px;min-width: 175px;}
.shareMrktBox {width: 140px;}
.shareMrktBox .logoImg {line-height: 30px;padding-left: 35px;}
.shareMrktBox .logoImg img { width: 64px; }
.shareMrktBox + .shareMrktBox .logoImg img {width: 42px;}
.shareMrktBox .category {font-size: 1.6rem;line-height: 24px;padding-left: 35px;}

.socialTitle { padding-right: 29px; }
.socialFooter .socialInline { padding: 0; }

.transMenuTabs { position: relative; margin-top: -18px; padding-bottom: 55px; width: 100%; display: inline-block; }
.transMenuTabs:before { content: ''; width: 100vw; height: calc(100% + 62px); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background-color: #F5F5F5; z-index: -1; }
.transMenuTabs ul { margin: -15px; list-style-type: none; justify-content: center; }
.transMenuTabs ul li { padding: 15px; }

.transTab { text-align: center; padding: 42px 15px 15px; min-width: 260px; height: 230px; background-color: #fff; cursor: pointer; position: relative; border: 1px solid transparent; box-shadow: 0px 3px 40px #64646433; transition: all 0.3s ease; }
.transTab:before { content: ''; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; border: 2px solid #88bf40; opacity: 0; }
.transTab:after { content: ''; width: 0; height: 0; position: absolute; bottom: -11px; left: 0; right: 0; margin: 0 auto; border: 15px solid transparent; border-width: 11px 15px 0px; border-top-color: #88bf40; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.transTab.active { border-color: #88bf40; box-shadow: none; }
.transTab.active:before { top: 10px; bottom: 10px; left: 10px; right: 10px; opacity: 1; transition: all 0.4s ease; }
.transTab.active:after { opacity: 1; visibility: visible; }
.transTab h4 { font-size: 2.6rem; color: #323232; font-weight: 700; margin-bottom: 0; margin-top: 33px; }
.transTab:not(.active) h4 a{ color: #323232; }
.transTab h4 a:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.transTab.active h4 { color: #88bf40; }
.transContentWrap { position: relative; width: 100%; }
.transContentWrap .transmissionContent { position: absolute; left: 0; top: 50px; width: 100%; z-index: 0; opacity: 0; height: 0; visibility: hidden; overflow: hidden; transition: all 0.4s ease; }
.transContentWrap .transmissionContent.active { position: relative; top: 0; opacity: 1; height: auto; visibility: visible; overflow: visible; }

.transmissionContent h2 span { font-size: 2.4rem; line-height: 1.67; letter-spacing: 0.024rem; color: #323232; font-weight: 500; font-style: italic; position: relative; bottom: 5px; display: inline-block; }
.transmissionContent .allRegion { margin-top: 36px; margin-bottom: 66px; }
.transmissionContent .networkIconBox .count { color: #1D4382; }
.transmissionContent h4.accordion-header { font-size: 2rem; font-weight: 400; }
.transmissionContent .table-responsive { margin-bottom: 0; }

.tableStyle1.table-responsive table { margin-bottom: 0; }
.tableStyle1 { box-shadow: 0px 3px 40px rgba(100,100,100,0.2); border-bottom: 7px solid #88bf40; background-color: #fff; }
.tableStyle1 th { font-size: 2rem; line-height: 1.2; font-weight: 500; color: #1D4382; padding: 28px 28px 23px; border-bottom: 5px solid #1D4382; }
.tableStyle1 td { font-size: 1.7rem; line-height: 1.18; padding: 28px; border-bottom: 1px solid #CBCBCB; }
.tableStyle1 tr:last-child td { border-bottom: 0; }
table .srNo { text-align: center; }
table .transLinkCell,
table .transMVACell { text-align: right; }
table td.transLinkCell,
table td.transMVACell { font-weight: 700; }

.transAccTitle { display: none; align-items: center; padding: 15px 50px 15px 20px; margin-bottom: 20px; background-color: #fff; border: 2px solid transparent; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); transition: all 0.3s ease; }
.transAccTitle .iconWrap { width: 50px; height: 50px; line-height: 50px; text-align: center; }
.transAccTitle .iconWrap img { max-height: 100%; }
.transAccTitle h4 { width: calc(100% - 50px); padding-left: 20px; margin-bottom: 0; transition: all 0.3s ease; }
.active .transAccTitle { border-color: #88bf40; }
.active .transAccTitle h4 { color: #88bf40; }
.transmissionContent:not(.active) .transAccTitle h4 a{ color: #323232; }


.statisticsCountList { padding: 75px 0; position: relative; }
.statisticsCountList:before { content: ''; width: 100vw; height: 100%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background-color: #F5F5F5; z-index: -1; }
.statisticsCountList ul { list-style-type: none; margin: -15px 0px; justify-content: center; position: relative; z-index: 1; }
.statisticsCountList ul li { flex-grow: 1; padding-left: 20px; margin: 15px; min-width: 155px; border-left: 2px solid rgba(112,112,112,0.2); }
.statisticsCountList h3 { font-size: 3.6rem; line-height: 1.19; font-weight: 500; margin-bottom: 5px; color: #1D4382; }
.statisticsCountList span { font-size: 1.6rem; line-height: 1.25; font-weight: 700; display: block; }

.transGraphSection { padding: 70px 0 0; }
.graphBox { padding-bottom: 24px; }
/*.graphBox h2 { text-transform: uppercase; }*/
.chartWrap { max-width: 668px; padding: 40px 50px 20px 30px; border: 1px solid #D4D4D4; }
.chartWrap .apexcharts-yaxis-label,
.chartWrap .apexcharts-xaxis-label { fill: #777; }

.infoGraph { padding-top: 30px; }
.infoGraph h2 { margin-bottom: 34px; }

.ibPageWrap .transTab .iconWrap img { max-height: 70px; }
.ibPageWrap .transTab { max-width: 204px; min-width: 204px; height: 210px; padding-top: 36px; }
.ibPageWrap .transTab h4 { font-size: 2.1rem; line-height: 1.15; margin-top: 18px; }

.tabStyle6 .transTab .iconWrap img { max-height: 70px; }
.tabStyle6 .transTab { max-width: 204px; min-width: 204px; height: 210px; padding-top: 36px; }
.tabStyle6 .transTab h4 { font-size: 2.1rem; line-height: 1.15; margin-top: 18px; }

.tabStyle7 .transTab .iconWrap img { max-height: 60px; }
.tabStyle7 .transTab { max-width: 172px; min-width: 172px; height: 174px; padding-top: 28px; }
.tabStyle7 .transTab h4 { font-size: 1.7rem; line-height: 1.15; margin-top: 18px; }

.tabStyle3 .transTab { max-width: 260px; min-width: 260px; height: 260px; padding-top: 36px; }
.tabStyle3 .transTab h4 { font-size: 2.2rem; line-height: 1.15; }

.dmsTable.tableStyle table thead th:nth-child(1),
.dmsTable.tableStyle table tbody th:nth-child(1),
.dmsTable.tableStyle table tbody td:nth-child(1) { white-space: normal; }
.tableBorderLeft td.textCenter { text-align: center !important; }

.telecomPageWrap .transTab { max-width: 250px; min-width: 250px; }
.telecomPageWrap .transTab h4 { font-size: 2.2rem; line-height: 1.2; margin-top: 23px; }
.telecomPageWrap .transContentInner > section { padding: 0 !important; background-color: transparent !important; }

.milestoneTimeline { padding-top: 20px; }
.timelineBoxWrap:first-child .timelineBox:before {top: -20px; height: calc(100% + 94px); border-radius: 10px 10px 0 0;}
.timelineBoxWrap:last-child .timelineBox:before { height: calc(100% - 74px); border-radius: 0 0 10px 10px;}
.timelineBox { position: relative; padding-left: 142px; }
.timelineBox:before { content: ''; position: absolute; left: 46px; top: 74px; width: 8px; height: 100%; background-color: #88bf40; }
.timelineBox h3 { font-family: 'Oswald', sans-serif; /*cursor: pointer;*/ font-weight: 400; letter-spacing: -0.075em; line-height: 1.48; color: #88bf40; margin-bottom: 20px; padding-bottom: 11px; position: relative; }
.timelineBox h3:before { content: ''; position: absolute; left: -142px; bottom: 0; width: 102px; height: 72px; transform: translateY(50%); background-image: url('https://www.powergrid.in/themes/powergrid/images/timeline-icon.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; }
.timelineBox h3:after { content: ''; position: absolute; left: -7px; bottom: 0; right: 0; height: 3px; background-image: linear-gradient(90deg, #88bf40, #88bf40 50%, transparent 50%, transparent 100%); background-size: 20px 3px; }
.timelineBoxContent > *:last-child { margin-bottom: 0; }
/*.timelineBoxContent ul { max-height: 290px; margin-bottom: 12px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.timelineBoxContent.overflowContent ul { overflow: hidden; }
.timelineBoxContent.active ul { max-height: 100%; }*/
.timelineBoxContent ul { margin-bottom: 8px; }
.timelineBoxContent ul li { display: none; }
.timelineBoxContent ul li:first-child,
.timelineBoxContent ul li:first-child + li,
.timelineBoxContent ul li:first-child + li + li { display: block; }
.timelineBoxContent ul li { position: relative; }
.timelineBoxContent ul li .toolTipImg { position: absolute; top: 10px; left: 10px; z-index: 1; max-width: 250px; opacity: 0; visibility: hidden; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); padding: 8px; background-color: #fff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.timelineBoxContent ul li:hover .toolTipImg { top: 0; opacity: 1; visibility: visible; }
.timelineBoxContent ul li .toolTipImg img { width: 100%; }
.timelineBoxContent ul li p { font-size: inherit; line-height: inherit; margin-bottom: 0; }
.timelineBoxContent .arrowLink { margin-left: 15px; }
.timelineBoxContent .arrowLink:before { content: 'Show More' }
.timelineBoxContent.active .arrowLink:before { content: 'Show Less' }
.timelineBoxContent.active .arrowLink .fa-angle-down:before { content: '\f106'; }
.timelineBoxWrap:nth-child(even) .timelineBox:before {background-color: #1D4382;}
.timelineBoxWrap:nth-child(even) .timelineBox h3 { color: #1D4382; }
.timelineBoxWrap:nth-child(even) .timelineBox h3:after { background-image: linear-gradient(90deg, #1D4382, #1D4382 50%, transparent 50%, transparent 100%); }
.timelineBoxWrap:nth-child(even) .timelineBox h3:before { transform: translateY(50%) rotate(180deg); background-image: url('https://www.powergrid.in/themes/powergrid/images/timeline-icon1.svg'); }.timelineBoxWrap { display: flex; flex-wrap: wrap; }
.timelineBox .imgWrap { padding-bottom: 20px; }
.timelineBox .imgWrap img { max-width: 400px; width: 100%; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); padding: 8px; background-color: #fff; }
.timelineBoxWrap { display: flex; flex-wrap: wrap; }
.timelineBoxWrap:nth-child(even) { flex-direction: row-reverse; }
.timelineBoxWrap > .imgWrap { text-align: right; width: calc(50% - 50px); padding-bottom: 40px; padding-right: 40px; display: none; }
.timelineBoxWrap:nth-child(even) > .imgWrap { text-align: left; width: calc(50% - 50px); padding-bottom: 40px; padding-right: 0px; padding-left: 40px; }
.timelineBoxWrap > .imgWrap img { max-width: 400px; width: 100%; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); padding: 8px; background-color: #fff; }

.archiveLink { text-align: center; padding-top: 60px; font-size: 2.2rem; font-weight: 600; }
.archiveLink a { border-bottom: 2px solid; }

.numberList { list-style-type: none; margin: 0 0 15px; counter-reset: myCounter; }
.numberList li { font-size: 1.6rem; line-height: 1.5; letter-spacing: 0.16px; counter-increment: myCounter; margin-bottom: 8px; padding-left: 18px; position: relative; }
.numberList li:before { content: counters(myCounter, '.'); position: absolute; left: 0; top: 0;}
.numberList li li { padding-left: 34px; }
.numberList li ul,
.numberList li ol { list-style-type: none; margin-top: 8px; margin-bottom: 0; }

.numberLinkList ul { list-style-type: none; margin: 0 0 15px; counter-reset: myCounter; }
.numberLinkList ul li { font-size: 3rem; line-height: 1.33; font-weight: 700; text-transform: uppercase; counter-increment: myCounter; border-bottom: 1px solid #cccccc; }
.numberLinkList ul li a { color: #010101; }
.numberLinkList ul li a { display: block; padding: 25px 50px 25px 76px; position: relative; background-image: url('https://www.powergrid.in/themes/powergrid/images/num-link-arrow.svg'); background-repeat: no-repeat; background-position: right 28px center; }
.numberLinkList ul li a:hover { color: #88bf40; }
.numberLinkList ul li a:before { content: counters(myCounter, '.', decimal-leading-zero); font-weight: 400; position: absolute; left: 0; top: 25px;}
.numberLinkList ul li li { padding-left: 34px; }
.numberLinkList ul li ul,
.numberLinkList ul li ol { list-style-type: none; margin-top: 8px; margin-bottom: 0; }

ul.listGroup { display: flex; flex-wrap: wrap; margin: -15px; }
ul.listGroup > li { width: calc(50% - 30px); background-color: #f3f3f3; padding: 30px; border-radius: 10px; margin: 15px; }
ul.listGroup.listGroupFull > li,
ul.listGroup > li.widFull { width: calc(100% - 30px); }
ul.listGroup > li > span { font-size: 2rem; line-height: 1.2; display: block; font-weight: 600; color: #010101; padding-bottom: 12px; position: relative; margin-bottom: 25px; }
ul.listGroup > li:before { display: none; }
ul.listGroup > li > span:before { content: ''; width: 52px; height: 2px; position: absolute; left: 0; bottom: 0; background-color: #010101; }
ul.listGroup.bulletText li { margin-bottom: 8px; }

.iconBox.boxMaxWid { max-width: 290px; }

.boxShadowImg { display: inline-block; box-shadow: 0px 0px 25px rgba(0, 0, 0, 1); padding: 10px; background: #fff; border-radius: 5px; }

.footerCol4 .footerTitle { font-size: 1.8rem; letter-spacing: 0.02em; padding-bottom: 10px; }

.arrowCheckList { margin: 0; padding: 0; list-style-type: none; }
.arrowCheckList li {font-size: 1.6rem;line-height: 1.22;font-weight: 500;color: #323232;margin-bottom: 20px;padding-left: 30px;position: relative;padding: 14px;padding-left: 30px;border-radius: 100px 20px 20px 100px;background-color: #fff;box-shadow: 0px 0px 25px rgba(0,0,0,0.2);margin-left: 15px;}
.arrowCheckList li:before {content: '\f054';font-family: 'FontAwesome';font-size: 1.4rem;line-height: 30px;height: 30px;width: 30px;text-align: center;/* line-height: 8px; *//* height: 13px; */position: absolute;padding-left: 3px;left: -15px;top: 0;background-color: #009464;color: #fff;border-radius: 50%;bottom: 0;margin: auto 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.arrowCheckList li:last-child { margin-bottom: 0; }

.arrowCheckList.arrowCheckListCols { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.arrowCheckList.arrowCheckListCols:before,
.arrowCheckList.arrowCheckListCols:after { display: none; }
.arrowCheckList.arrowCheckListCols li { width: calc(25% - 55px); }

.hrdBox { background-color: #f7f7f7; padding: 45px 55px 55px 40px; height: calc(100% - 30px); margin-bottom: 30px; }
.hrdBox .iconWrap { width: 39.4%; padding-right: 15px; }
.hrdBox .hrdContent { width: 60.6%; }
.hrdBox .hrdContent p { margin-bottom: 0; }
.hrdBox .iconWrap img { max-height: 180px; }
.hrdGraybox { padding: 25px 30px 25px 40px; background-color: #f7f7f7; }
.ourEsteemed { padding: 60px 0 110px; }
.hrdInfrastructure { padding: 45px 0 60px; position: relative; margin-bottom: 40px;}
.hrdInfrastructure:before { content: ''; position: absolute; left: 50%; top: 0; width: 100vw; height: 100%; background-color: #f7f7f7; transform: translateX(-50%); z-index: -1;}
.hrdInfrastructure .checkList li { font-size: 1.6rem; line-height: 1.875; }

.tableStyle table.tableGrayhead thead { background: #dbdbdb; color: #010101;}
.tableStyle table.tableGrayhead thead th { font-weight: 500;}
.tableStyle table.tableGrayhead tbody tr:nth-last-child(1) td { border-bottom-color: #979797;}

.node--type-subsidiaries { padding-top: 50px; padding-bottom: 50px; position: relative; }
.node--type-subsidiaries:before { content: ''; position: absolute; left: 50%; top: 0; width: 100vw; height: 100%; background-color: #f7f7f7; transform: translateX(-50%); z-index: -1; }
.node--type-subsidiaries h2 { margin-bottom: 10px; }
.node--type-subsidiaries p { line-height: 1.6; }
.subsidiariesTagLine { color: #8f8f8f; padding-bottom: 8px; border-bottom: 1px solid #afafaf; margin-bottom: 25px; }
.subsidiariesTagLine > * { line-height: 1.2; margin-right: 15px; margin-bottom: 8px; padding-right: 15px; border-right: 2px solid #afafaf; }
.subsidiariesTagLine > *:last-child { margin-right: 0; padding-right: 0; border-right: 0; }
.subsidiariesTagLine .file--application-pdf img { width: 20px; margin-left: 10px; }

.field--name-field-details-of-elements { padding-top: 10px; }
.node--type-subsidiaries ul.bulletText li { font-size: 1.8rem; line-height: 1.22; padding-left: 30px; }
.node--type-subsidiaries ul.bulletText li:before { content: '\f05d'; font-size: 1.6rem; top: 0; }


.imgShadow { box-shadow: 0px 0px 15px rgba(0,0,0,0.2); padding: 8px; background-color: #fff; display: inline-block; }

.techDevImg { margin: -15px; }
.techDevImg .imgWrap { padding: 15px; }
.techDevImg .imgWrap img { width: 100%; height: 100%; object-fit: cover; }
.techDevImg .imgWrap.img1 {width: 29.9%;}
.techDevImg .imgWrap.img2 {width: 47.7%;}
.techDevImg .imgWrap.img3 {width: 22.4%;}
.techDevImg .imgShadow { height: 100%; }

.tableNtamc th,
.tableNtamc td { white-space: nowrap !important; padding: 14px 10px !important;}
.tableNtamc th:first-child,
.tableNtamc td:first-child { text-align: center !important; }

.csrImgs { margin: -10px; }
.csrImgs.csrHeadImg { margin-bottom: -10px; }
.csrImgs .imgWrap { padding: 10px; }
.csrImgs .imgWrap img { width: 100%; height: 100%; object-fit: cover; }
.csrImgs .imgShadow { height: 100%; }

.csrImgs { margin-bottom: 10px; }
.csrImgs .imgWrap.csrImg1 { width: 48.65%; }
.csrImgs .imgWrap.csrImg2 { width: 34.39%; }
.csrImgs .imgWrap.csrImg3 { width: 16.96%; }
.csrImgs .imgWrap.csrImg4 { width: 25%; }
.csrImgs .imgWrap.csrImg5 { width: 54.25%; }
.csrImgs .imgWrap.csrImg6 {width: 20.75%;}
.csrImgs .imgWrap.csrImg7 { width: 46.3%; }
.csrImgs .imgWrap.csrImg8 { width: 53.7%; }
.csrImgs .imgWrap.csrImg9 { width: 50.6%; }
.csrImgs .imgWrap.csrImg10 { width: 49.4%; }
.csrImgs .imgWrap.csrImg11 { width: 36.8%; }
.csrImgs .imgWrap.csrImg12 { width: 40.98%; }
.csrImgs .imgWrap.csrImg13 { width: 22.22%; }
.csrImgs .imgWrap.csrImg14 { width: 44.25%; }
.csrImgs .imgWrap.csrImg15 { width: 44.25%; }
.csrImgs .imgWrap.csrImg16 { width: 11.5%; }
.csrFullImg { margin: 20px 0; }

.csrImgs .imgWrap.csrImg1 {width: 45.5%;}
.csrImgs .imgWrap.csrImg2 { width: 52.72%; }
.csrImgs .imgWrap.csrImg3 {width: 54%;}
.csrImgs .imgWrap.csrImg5 { width: 73.85%; }
.csrImgs .imgWrap.csrImg6 { width: 26.15%; }
.csrImgs .imgWrap.csrImg9 { width: 39%; }
.csrImgs .imgWrap.csrImg10 { width: 38.18%; }
.csrImgs .imgWrap.csrImg11 { width: 47.28%; }
.csrImgs .imgWrap.csrImg12 { width: 29.76%; }
.csrImgs .imgWrap.csrImg13 { width: 22.82%; }


.csrImgs .imgWrap.csrImg1 .imgShadow + .imgShadow { margin-top: 20px; }


.grayBgSec { position: relative; padding: 50px 0; margin: 50px 0; } 
.grayBgSec:before { content: ''; position: absolute; left: 50%; top: 0; width: 100vw; height: 100%; background-color: #f5f5f5; transform: translateX(-50%); z-index: -1;}
.grayBgSec:last-child { margin-bottom: 0; }

.page-contact-us .pageSpc { padding-bottom: 0; }
.contactSection h3 { margin-bottom: 32px; color: #323232; }
.emailids { padding-bottom: 138px; }
.emailids .contactBox { display: flex; flex-direction: column; position: relative; padding-bottom: 37px; }
.emailids .contactBox:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; }
.emailids .contactBox h4 { margin-bottom: 15px; }
.emailids h3 { position: relative; padding-left: 55px; }
.emailids h3:before { content: '\f095'; font-family: FontAwesome; color: #1D4382; position: absolute; left: 0; top: 0; }
.emailids .contactUsList { margin: 0; width: 100%; box-shadow: 0px 3px 40px rgba(100, 100, 100, 0.2); padding: 54px 30px; border-bottom: 7px solid #88bf40; }
.emailids .contactBox { flex-direction: row; width: 100%; max-width: 1212px; margin: 0 auto; box-shadow: none; padding: 0; }
.emailids .contactBox + .contactBox { padding-top: 30px; margin-top: 30px; border-top: 1px solid #707070; }
.emailids .contactBox .contactBoxIcon { min-width: 108px; padding-right: 15px; }
.emailids .contactBox .contactBoxIcon img { max-width: 78px; }
.emailids .contactBox .contactBoxContent { flex-grow: 1; padding-right: 15px; }
.emailids .contactBox .contactBoxContentInner { width: 100%; max-width: 590px; }
.emailids .contactBox .contactBoxContentInner p:last-child { margin-bottom: 0; }
.emailids .contactBox .contactBoxLink { align-self: center; white-space: nowrap; width: 320px; }
.emailids .contactBox .ctaWrap { margin-bottom: auto; }
.contactSection.addresses h3 { position: relative; padding-left: 40px; }
.contactSection.addresses h3:before { content: '\f041'; font-family: FontAwesome; color: #1D4382; position: absolute; left: 0; top: 0; }
.contactSection.addresses { position: relative; padding: 73px 0px 83px 0; }
.contactSection.addresses:before { content: ''; position: absolute; left: 50%; top: 0; width: 100vw; height: 100%; background-color: #f5f5f5; transform: translateX(-50%); z-index: -1;}
.contactSection.addresses .contactUsList .contactBox { width: calc(50% - 30px); max-width: 654px; padding: 34px 63px 28px; border-bottom: 7px solid #1D4382; }
.contactSection.addresses .contactUsList .contactBox .h4,
.contactSection.addresses .contactUsList .contactBox h4 { margin-bottom: 27px; }
.regionalheadofficelocations { padding: 71px 0 78px; }
.regionalheadofficelocations .contactUsList { justify-content: flex-start; /*padding: 0 30px; margin: -15px -30px;*/ }
.regionalheadofficelocations .contactUsList .contactBox { width: calc(33.33% - 30px); max-width: 100%; padding: 36px 36px; /*margin: 15px 30px;*/ position: relative; background-color: transparent; box-shadow: none; }
.regionalheadofficelocations .contactUsList .contactBox:before { content: ''; background-color: #fff; box-shadow: 0px 3px 40px rgba(100, 100, 100, 0.3); position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*transform: skewX(-7deg);*/ border-bottom: 7px solid #1D4382; z-index: -1; }
.regionalheadofficelocations .contactUsList .contactBox h4 { margin-bottom: 27px; }
.regionalheadofficelocations > h3 { display: none; }

.contactMapsection { position: relative; width: 100vw; left: 50%; transform: translateX(-50%); }
.contactMapsection a { display: block; }
.contactMapsection img { width: 100%; }


.twoColsWrap .imgWrap { width: 50%; }
.twoColsWrap .twoColContent { width: 50%; padding: 20px 40px; min-height: 610px; }
.imgCover { position: relative; overflow: hidden; }
.imgCover img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; }

.twoColContent .contentInner { padding: 30px 0; width: 100%; max-width: 510px; }
.twoColContent .contentInner h3 { line-height: 1.2; }
.twoColContent .contentInner h4 { font-size: 2.2rem; line-height: 1.2; margin-bottom: 15px; }
.twoColContent .contentInner p { line-height: 1.6; }


.node--type-job-opportunities h3 { margin-top: 30px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #afafaf; }
.node--type-job-opportunities .file--application-pdf img { margin-left: 10px; width: 20px; }
.node--type-job-opportunities .paragraph { margin-bottom: 8px; }
.node--type-job-opportunities .paragraph .field--name-field-document,
.node--type-job-opportunities .paragraph .field--name-field-is-new,
.node--type-job-opportunities .paragraph .field--name-field-link-opportunities { display: inline-block; vertical-align: top; }
.node--type-job-opportunities .paragraph .field--name-field-is-new,
.node--type-job-opportunities .field--name-field-is-new { margin-left: 6px; }
.node--type-job-opportunities .paragraph .field--name-field-is-new img,
.node--type-job-opportunities .field--name-field-is-new img { width: 26px; }

.paragraph .field--name-field-link-opportunities a { line-height: 1.33; color: #fff; text-align: center; font-weight: 500; margin-bottom: 8px; display: inline-block; border-radius: 40px; padding: 8px 25px; background-color: #88bf40; border: 2px solid #88bf40; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
.paragraph .field--name-field-link-opportunities a:hover { background-color: #1d4382; border-color: #1d4382; box-shadow: none; }

.node--type-job-opportunities .field--type-file,
.node--type-job-opportunities .field--type-link { display: inline-block; position: relative; padding-left: 20px; }
.node--type-job-opportunities .field--type-file:before,
.node--type-job-opportunities .field--type-link:before {content: '\f05d'; font-family: 'FontAwesome'; font-size: 1.6rem; position: absolute; left: 0; top: 0; }
.node--type-job-opportunities .field--type-link { display: inline-block; }
.node--type-job-opportunities .field__item .field--name-field-is-new { margin-left: 5px; display: inline-block; }

.contentList h3 { margin-top: 30px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #afafaf; }
.contentList .file--application-pdf img { margin-left: 10px; width: 20px; }
.contentList .paragraph { margin-bottom: 8px; }
.contentList .paragraph:after { display: block; clear: both; content: ""; }
.contentList .paragraph .field--name-field-document,
.contentList .paragraph .field--name-field-is-new,
.contentList .paragraph .field--name-field-link-opportunities { float: left; clear: left; display: inline-block; vertical-align: top; margin-bottom: 0; }
.contentList .paragraph .field--name-field-is-new,
.contentList .field--name-field-is-new { margin-left: 6px; clear: right; }
.contentList .paragraph .field--name-field-is-new img,
.contentList .field--name-field-is-new img { width: 26px; }

.contentList .field--type-file,
.contentList .field--type-link { display: inline-block; position: relative; padding-left: 20px; }
.contentList .field--type-file:before,
.contentList .field--type-link:before {content: '\f05d'; font-family: 'FontAwesome'; font-size: 1.6rem; position: absolute; left: 0; top: 0; }
.contentList .field--type-link { display: inline-block; }
.contentList .field--type-link img { margin-left: 4px; }
.contentList .field__item .field--name-field-is-new { margin-left: 5px; display: inline-block; }

.contentList .datetime + .paragraph { margin-bottom: 0; padding-top: 10px; }

.contentList .arrowLink { margin-top: 8px; display: inline-block; }
.contentList .arrowLink:before { content: 'Show More' }
.contentList .overflowContent.active ~ .arrowLink:before { content: 'Show Less' }
.contentList .overflowContent.active ~ .arrowLink .fa-angle-down:before { content: '\f106'; }
.contentList .field__item.hideItem { display: none; }

.contentList .linkSection { margin-top: 8px; margin-bottom: 8px; }
.contentList .linkSection .views-element-container > div { display: flex; flex-wrap: wrap; }
.contentList .linkSection .views-row { margin-right: 15px; }
.contentList .views-row { margin-top: 5px; }
.contentList .linkSection a { line-height: 1.33; color: #fff; text-align: center; font-weight: 500; display: inline-block; border-radius: 40px; padding: 8px 25px; background-color: #88bf40; border: 2px solid #88bf40; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
.contentList .linkSection a:hover { background-color: #1d4382; border-color: #1d4382; box-shadow: none; }
.contentList .views-row .views-field-field-is-new { margin-left: 5px; }
.contentList .views-row.hideItem { display: none; }
.contentList .views-field { display: inline-block; }

.akamInnerBox {width: 100%;max-width: 540px;padding: 20px;background-color: #fff;border-radius: 10px;border: 1px solid #ededed;box-shadow: 0px 0px 20px rgba(0,0,0,0.10);}
.akamInnerBox .field--type-image { overflow: hidden; border-radius: 10px 10px 0 0; margin-bottom: 15px; }
.akamInnerBox .field--type-image img { width: 100%; }
.akamInnerBox .field--type-file { font-size: 1.8rem; line-height: 1.4; font-weight: 500; }
.akamInnerBox .field--type-file img { width: 20px; margin-left: 15px; }
.akamInnerBox .field--type-file .fileSize { font-size: 1.6rem; }


.downloadBox ul li { list-style: none; }

.datepicker-dropdown { font-size: 1.6rem; }

input.datepicker { background-image: url(https://www.powergrid.in/themes/powergrid/images/calendar-icon.svg); background-repeat: no-repeat; background-position: right 14px center; background-size: 18px auto; padding-right: 40px; }

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover { background-image: none; }

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] { background-color: #1d4382; }

.rolling-advertisement-table td:last-child { text-align: center; }
.rolling-advertisement-table td:nth-child(4) { white-space: nowrap; }
.rolling-advertisement-table .file--application-pdf img { width: 20px; margin-left: 6px; }

.espp-page h4 {margin-bottom: 20px;}
.espp-page .quoteBox { padding: 20px; transform: skewX(-10deg); }
.imgCaptionBox { padding: 15px; background-color: #fff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); }
.imgCaptionBox .imgWrap img { width: 100%; }
.imgCaptionBox .caption { font-size: 1.8rem; line-height: 1.2; font-weight: 600; padding: 10px 0 0; color: #1d4382; }
.espp-page .iconBox .iconWrap img { border-radius: 100%; }
.espp-page .iconBox:hover .iconWrap img { filter: none; }

ul.processBoxes {display: flex; flex-wrap: wrap; margin: -10px -10px 20px; list-style-type: none; }
ul.processBoxes > li {padding: 10px;width: 20%; }
.processBox {padding: 20px;background-color: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);border-radius: 5px;height: 100%; }
.processBox h4 {margin-bottom: 5px; }
.processBox p { font-size: 1.5rem; line-height: 1.6; color: #8b8b8b; margin-bottom: 0; }

.chartBox {padding: 20px 15px 10px;box-shadow: 0px 0px 25px rgba(0,0,0,0.15);background-color: #fff;overflow: hidden;height: 100%;}
.chartBox h5 {color: #fff;padding: 8px 15px;position: relative;background-color: #1d4382;margin-left: -20px;display: inline-block;font-size: 1.4rem;font-weight: 400;}

.sustainBox { display: flex; flex-wrap: wrap; padding: 25px; box-shadow: 0px 0px 25px rgba(0,0,0,0.15); background-color: #fff; margin-bottom: 25px; border-radius: 8px; }
.sustainLogos { margin: -10px; list-style-type: none; padding: 0; }
.sustainLogos li { padding: 10px; }
.sustainLogos a { display: inline-block; line-height: 0; }
.sustainLogos img { max-width: 100px; }
.sustainLogoWrap { background-color: #fff; padding: 30px; max-width: 900px; margin: 0 auto; }
.sustainLogoWrap + .sustainLogoWrap { padding-top: 30px; border-top: 1px solid #c9c9c9; }
.sustainLogoWrap .imgWrap { width: 150px; }
.sustainLogoWrap .imgWrap img + img { margin-top: 10px; }
.sustainContent { width: calc(100% - 150px); padding-left: 30px; align-self: center; }
.sustainLogosWrap { width: 340px; }
.sustainBoxContent { width: calc(100% - 340px); padding-right: 30px; }
.sustainBoxContent h4 { font-size: 3rem; margin-bottom: 10px; }
.sustainBoxContent p { font-size: 2rem; line-height: 1.6; font-style: italic; margin-bottom: 0; }
.sustainBoxContent p:before { content: '“'; }
.sustainBoxContent p:after { content: '”'; }

.jobOppBox { position: relative; height: 100%; }
.jobOppBox h4 { font-size: 2rem; margin-bottom: 0; height: 100% }
.jobOppBox h4 a { color: #000; padding: 15px; height: 100%; background-color: #fff; display: block; border-radius: 8px; border: 1px solid #ddd; box-shadow: 0px 0px 25px rgb(0 0 0 / 20%); }
.jobOppBox h4 a:hover { color: #fff; background-color: #1d4382; }

.showToggle { font-weight: 700; display: inline-block; }
.showToggle:before { content: 'Read More'; display: inline-block; }
.showToggle:after { content: '\f107'; font-family: FontAwesome; display: inline-block; margin-left: 6px; transition: transform 0.3s ease; }
.showToggleWrap { padding-bottom: 20px; display: none; }
.showToggle.active:before { content: 'Read Less'; }
.showToggle.active:after { transform: rotate(180deg); }

.esg-table th { padding-top: 0; font-size: 1.8rem; font-weight: 600; color: #1d4382; }
.esg-table tr:last-child td { padding-bottom: 0; }
.esg-table th,
.esg-table td { padding: 0 20px 5px; }
.esg-table th + th,
.esg-table td + td { border-left: 1px solid #606060; }
.esg-table table { width: 800px; }

.esg-table tr th:first-child,
.esg-table tr td:first-child { padding-left: 0; }
.esg-table tr th:last-child,
.esg-table tr td:last-child { padding-right: 0; }

.esgPageContent h3 { font-size: 3rem; color: #9b9b9b; font-weight: 500; }
.esgPageContent h3 span { font-weight: 600; font-size: 1.6em; }

.fullSec { position: relative; width: 100vw; left: 50%; transform: translateX(-50%); padding: 60px 0; overflow: hidden; }
.fullSec .fullSecImg { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.fullSec .fullSecImg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.2; }
.fullSec .container { position: relative; z-index: 1; }

.topLinks .dropbutton-multiple.open li.dropbutton-action.secondary-action {position: absolute;width: 150px;left: -6px;top: 135%;}
.topLinks .dropbutton-multiple.open li.dropbutton-action.secondary-action ul li.dropbutton-action {position: relative;left: 0;}
.topLinks .dropbutton-multiple.open li.dropbutton-action.secondary-action ul li a:hover {background: #fff;color: #06a559;}
.topLinks #block-dropdownlanguage1 .dropbutton-multiple.open li.dropbutton-action.secondary-action { left: auto; right: 0; }

.chiefOfficerBox { background-color: #f5f5f5; border: 1px solid #ddd; }
.chiefOfficerBox .imgWrap { width: 26%; overflow: hidden; }
.chiefOfficerBox .imgWrap img { width: 100%; height: 100%; object-fit: cover; }
.chiefOfficerContent { width: 74%; padding: 40px; }
.chiefOfficerContent h4 { font-size: 2.8rem; margin-bottom: 25px; }
.chiefOfficerContent h5 { font-size: 1.8rem; margin-bottom: 6px; margin-top: 10px; padding-top: 30px; border-top: 1px solid #ddd; }
.chiefOfficerContent p:last-child { margin-bottom: 0; }

span.ext { font-size: 0px; width: 15px; height: 18px; background-image: url('../images/external-link-icon.gif'); display: inline-block; background-repeat: no-repeat; vertical-align: text-top; margin-left: 8px; background-position: left top; }

.consultList.contentList .linkSection { display: flex; flex-wrap: wrap; }
.consultList.contentList .field--type-file,
.consultList.contentList .field--type-link { padding-left: 0; }
.consultList.contentList .field--type-file:before,
.consultList.contentList .field--type-link:before { display: none; }
.consultList.contentList .linkSection > .field__item { margin-right: 15px; }
.consultList.contentList .fileSize { color: #a5a5a5; }
/*.consultList.contentList .file--application-pdf { display: block; margin-top: 5px; }*/

/*Contrast Style Start 13-12-2022*/
.wob .preHeader::before, .wob .topLinks::before{background-color: #393939;}
.wob .topLinks > li a{color:#ff0;}
.wob .topLinks > li a:hover {color: #80ff00;}
.wob .topLinks > li::before, .wob .changeColor::before{background: #ff0;}
.wob #accessControl input{color: #ff0;}
.wob .topLinks .dropbutton .language-link {padding-right: 2rem; color: #ff0;}
/*.wob .topLinks .dropbutton-arrow {border-top-color: #ff0;}*/
.wob .topLinks .dropbutton-multiple .dropbutton .secondary-action {background-color: #111;}
.wob .topLinks .dropbutton-multiple.open li.dropbutton-action.secondary-action ul li a:hover {background: #ff0;	color: #000;}
.wob .headerRight::before{background-color:#ff0;}
.wob .headerSearch > a:hover{color:#000;}
.wob #nav > li > a, .wob .headerSearch > a {color: #000;}
.wob #nav li a:hover, .wob #nav li.active > a, .wob #nav > li:hover > a {color: #000;}
.wob .secondaryMenuToggle {border-left: 1px solid #000;}
.wob .secondaryMenuToggle .toggleMenu .iconBar {background-color: #000;}
.wob #nav ul{background-color:#000;}
.wob #nav ul li {border-bottom: 1px solid #ff0;}
.wob #nav ul li a{color:#ff0;}
.wob #nav ul li a:hover {color: #80ff00;}
.wob #nav li:hover > ul::before{color:#000;}
.wob #nav .megaMenu > a::before{color:#000;}
.wob #nav li.megaMenu > ul li {margin-bottom: 8px; border-bottom: 0;}
.wob .searchBoxWrap input.form-control{background:#fff;}
.wob .ctaBtn .ctaFill {background-color: #000; border-color: #000;}
.wob .ctaBtn .ctaFill:hover, .wob .form-submit:hover{background-color: #393939;	border-color: #393939;}
.wob #backtotop {background-color: #ff0; color: #000;}
.wob .notificationSection {background-color: #333;}
.wob .marqueeScrollingWrap::before{background-color:#555;}
.wob .marqueeScrollingWrap h2{color:#000;}
.wob .marqueeScrollingWrap .btnMPause {color: #000;}
.wob .marqueeScrolling ul li a{color:#ff0;}
.wob .marqueeScrolling ul li a:hover {text-decoration: underline; color: #80ff00;}
.wob .marqueeScrollingWrap .viewAll:hover {color: #fff;}
.wob .marqueeScrolling ul li a::before{background-color:#fff;}
.wob .stickyHeader .headerWrap {background-color: #000;}
.wob .colLeft .h2, .wob .colLeft span {color:#fff;}
.wob .welcomeWrap > .colLeft p {color: #ff0;}
.wob .titleLine::before{background-color:#80ff00;}
.wob .ctaBtn {background-color: #80ff00;  border: 2px solid #80ff00; color: #000 !important;}
.wob .ctaBtn:hover {background-color: #ff0;	color: #000 !important;	border: 2px solid #ff0;}
.wob .valueBoxContent::before{background-color:#222;}
.wob .valueBoxContent h2 {color: #80ff00;}
.wob .valueBoxContent .titleLine::before {background-color: #80ff00;}
.wob .valueBoxContent .contentWrap p, .wob .valueBox .valueBoxContent ul li {color: #ff0;}
.wob .valuesList > li {border: 8px solid #ff0;}
.wob .ourValues {background-color: #393939;}
.wob .amritMahotsavContent h2 span {color: #fff;}
.wob .amritMahotsavContent a{color: #fff;}
.wob .amritMahotsavContent p {color: #80ff00;}
.wob .socialBg::after {background-color: #111; opacity: 0.9;}
.wob .socialResponsibility h2 {color: #ff0 !important;}
.wob .socialResponsibility h2::before{background-color: #ff0;}
.wob .csrContentInnerWrap h3 {color: #80ff00 !important;}
.wob .csrContentInnerWrap p{color:#fff;}
.wob .ctaBtn.ctaFill.ctaWhite.ctaTextBlue {background-color: #ff0; border-color: #ff0; color: #000;}
.wob .csrContent .ctaBtn.ctaFill.ctaWhite:hover {background-color: #80ff00; border-color: #80ff00;}
.wob .ctaBtn.ctaFill:hover, .wob .form-submit:hover, a.button:hover {background-color: #ff0;	border-color: #ff0;}
.wob .networkContent h2 {color: #80ff00;}
.wob .networkContent h4, .wob .regionTitleSection .dataImpDate {color: #fff;}
.wob .networkIconBox .iconWrap img {filter: brightness(100);}
.wob .networkIconBox .count,
.wob .networkIconBox .count a{color:#ff0;}
.wob .networkIconBox .name,
.wob .networkIconBox .name a{color:#80ff00;}
.wob .footerSection, 
.wob .footerSection::before, 
.wob .footerSection > .container::before, 
.wob .footerSection > .container::after {background-color: #444;}
.wob .footerBottomText::before{background-color:#111;}
.wob .footerBottomText a {color: #ff0;}
.wob .footerBottomText a:hover {color: #80ff00;}
.wob .footerBottomText ul li::after {content: '|'; color: #ff0;}
.wob .footerBottomText p{color:#ff0;}
.wob .footerUpdate {color: #80ff00;}
.wob .shareMrktBoxWrap{background-color:#000;}
.wob .shareMrktBox .category, .wob .shareMrktBox .category span{color:#000;}
.wob .latestUpdates {background: #444;}
.wob .newsWrap h2 {color: #ff0;}
.wob .newsBox h4 a:not(:hover) {color: #fff;}
.wob .newsBox.newsBoxListStyle p{color:#ff0;}
.wob .logosSection {border-top: 5px solid #000;	background-color: #fff;}
.wob .arrowLink {color: #ff0 !important;}
.wob .arrowLink:hover{color: #80ff00 !important;}
.wob .sliderArrow.blueArrow {background-color: #000;}
.wob .sliderArrow {color: #ff0;}
.wob .sliderArrow.blueArrow:hover {background-color: #ff0; color: #000;}
.wob .ourBusinessBg::after {background-color: #111;	opacity: 0.9;}
.wob .radialNavContent h3 {color: #ff0 !important;}
.wob .ctaBtn.ctaFill.ctaWhite {background-color: #ff0; border-color: #ff0; color: #000;}
.wob .ctaBtn.ctaFill.ctaWhite:hover {background-color: #80ff00;	border-color: #80ff00; color: #000 !important;}
.wob .radialNav > ul > li.active {background-color: #ff0;}
.wob .radialNav > ul > li.active .name {color: #000;}
.wob .radialNav > ul > li.active::after {border-bottom-color: #000;}
.wob .radialNav > ul > li.active::before {background-color:#000; box-shadow: 0px 0px 150px 10px rgba(0,0,0,0.3);}
.wob .radialNav > ul > li.active .number {color: #000;}
.wob .radialNav::after{border-bottom-color: #ff0;}
.wob .radialNav > ul > li{background-color:#333;}
.wob .radialNav > ul > li::before{background-color:#555;}
.wob .radialNav > ul > li::after{border-bottom-color: #555;}
.wob .radialControl {border: 3px solid #000; background: #ff0; padding: 40px 10px 10px;}
.wob .radialControl h3{color:#000;}
.wob .headerLogo a {background: url(../images/logo-white-new.png) no-repeat 0 0; display: block;	background-size: cover;}
.wob .headerLogo {position: relative; top: -21px;}
.wob .headerLogo a img {opacity: 0;	visibility: hidden;}
body.wob #silverchaticon {background-image: url('../images/chat-icon1-white.png'); background-repeat: no-repeat;	background-size: contain; background-position: center;}
.wob .tableBorderLeft.tableStyle table thead {border: 1px solid #80ff00;}
.wob .tableStyle table thead {background: #80ff00;	color: #000;}
.wob .tableStyle table tbody th, .wob .tableStyle table tbody td {border-bottom: 1px solid #fff !important; color: #ff0;background: #222;}
.wob .tableBorderLeft td {border: 1px solid #fff;}
.wob .table-hover > tbody > tr:hover > * {color: #80ff00;}
.wob table th {border: 1px solid #000;}
.wob h2 {color: #ff0 !important;}
.wob h3, .wob .h3 {color: #80ff00;}
.wob h4, .wob .h4 {color: #fff;}
.wob .contentBoxWrap p{color:#fff;}
.wob .checkList li,
.wob .checkList.textBlack li, 
.wob .checkList li::before, 
.wob .checkList.textBlack li::before {color: #fff;}
.wob .quoteBox {background-color: rgba(57, 57, 57, 0.9); border-left: 22px solid #ff0; position: relative; z-index: 1;}
.wob .cardBox {background-color: #000; border-bottom: 10px solid #fff;}
.wob .cardBoxContent .h4 a:not(:hover) {color: #ff0;}
.wob .keyListBox p {color: #ff0;}
.wob .keyListBox .h3, .wob .keyListBox .h3 span.countNum{color:#fff;}
.wob p{color:#fff;}
.wob .colBoxContent .h3 {color: #80ff00;}
.wob .domesticBannerContent .h4 {color: #80ff00;}
.wob .milestoneBox > h3::before{background-color:#fff;}
.wob .swiper-slide-thumb-active .yearBox{background-color:#ff0;}
.wob .yearBox:hover {background-color: #000;}
.wob .stickyHeader .headerLogo {top: -8px;}
.wob form label {color: #fff;}
.wob form .form-control, 
.wob form textarea, 
.wob form input[type="text"], 
.wob form input[type="search"], 
.wob form input[type="email"]{border: 1px solid #fff;  background: #555; color:#fff;}
.wob .form-submit, .wob a.button {color: #000; background-color: #ff0; border: 2px solid #ff0;}
.wob .reportBox {border: 1px solid #fff; background-color: #444;}
.wob .reportBoxContent h4{color:#ff0;}
.wob .reportBox .downloadBox {background-color: rgba(11, 11, 11, 0.9);}
.wob .directorInfo .h4 {color: #ff0;}
.wob .directorInfo .designation{color:#80ff00;}
.wob .directorBox .imgWrap::before, .wob .directorBox .imgWrap::after {background-color: #555;}
.wob .directorBox .imgWrap::after {background-color: #80ff00; border: 1px solid #80ff00;}
.wob .directorInfo::after {background: repeating-linear-gradient(90deg, transparent, #fff 4px, #fff 4px, #fff 6px);}
.wob .ctaBtn.ctaFill:hover, 
.wob .form-submit:hover, 
.wob a.button:hover {background-color: #80ff00;	border-color: #80ff00; box-shadow: none;}
.wob .reportBox .pressDate {color: #000; background-color: #80ff00;}
.wob .pager ul li.is-active {background-color: #80ff00;}
.wob .pager ul li.is-active a {color: #000;}
.wob .pager ul li {background-color: #555;}
.wob .pager ul li a{color:#fff;}
.wob .transmissionPageWrap {background: #393939;}
.wob .transMenuTabs{background:#393939;}
.wob .transTab.active {border-color: #ff0;}
.wob .transTab::before {border: 2px solid #ff0;}
.wob .telecomPageWrap .transTab{background:#000;}
.wob .transTab::after{border-top-color: #ff0;}
.wob .iconWrap img {filter: brightness(100);}
.wob .transTab.active h4, .wob .pdfSection h3 , .wob .transContentInner h3{color: #ff0;} 
.wob .transTab h4, .wob .pdfSection p a{color:#fff;}
.wob .pdfSection p a:hover {color: #80ff00;}
.wob .galleryBox h4 {color: #fff;}
.wob .galleryBox h4:hover {color: #80ff00;}
.wob .cmdSpeech h4, .wob .cmdSpeech .h4{color:#fff;}
.wob .pageSpc {background: #393939;}
.wob cmdSpeechSection h3{color:#ff0;}
.wob .transTab:not(.active) h4 a {color: #fff;}
.wob .timelineBoxWrap > .imgWrap img {background-color: #000;}
.wob .timelineBox h3, .wob .timelineBoxWrap:nth-child(2n) .timelineBox h3{color:#ff0;}
.wob .timelineBox h3::after, .wob .timelineBoxWrap:nth-child(2n) .timelineBox h3::after {background-image: linear-gradient(90deg, #ff0, #ff0 50%, transparent 50%, transparent 100%); background-size: 20px 3px;}
.wob .timelineBox::before{background-color:#fff;}
.wob .timelineBoxWrap:nth-child(2n) .timelineBox::before {background-color: #80ff00;}
.wob .galleryzoom .galleryBox a::after{background-color:#000;}
.wob .galleryzoom .galleryBox:hover a::after {opacity: 0.7;}
.wob .galleryzoom .galleryBox a::before{color:#ff0;}
.wob .job-opp-wrap {background: #000;}
.wob .contentList ul li::before {background: #fff; color: #000;}
.wob .contentList ul li h4 {color: #ff0;}
.wob .contentList ul li .status strong, .wob .contentList ul li .status {color: #fff;}
.wob .contentList .linkSection a {color: #fff; background-color: #000; border: 2px solid #fff;}
.wob .contentList .linkSection a:hover {background-color: #ff0; border-color: #ff0;	box-shadow: none; color: #000;}
.wob .jobOppBox h4 a:hover {color: #fff; background-color: #000;}
.wob .accordion-wrap .accordion-header a {color: #000; background-color: #ff0; border-left: 8px solid #000;}
.wob .contactBox {background-color: #000;}
.wob .contactBox .contactAddress::before, 
.wob .contactBox .contactEmail::before, 
.wob .contactBox .contactMob::before, 
.wob .contactBox .contactFax::before {color:#80ff00;}
.wob .subtitleTagline{color:#ff0;}
.wob .chiefOfficerBox {background-color: #333; border: 1px solid #ff0;}
.wob .chiefOfficerContent h4 {color: #ff0;}
.wob .chiefOfficerContent h5{border-top:1px solid #ff0; color: #80ff00;}
.wob .emailids h3::before, .wob .contactSection.addresses h3::before{color:#80ff00;}
.wob .emailids .contactBox h4 {color: #ff0;}
.wob .contactSection.addresses .contactUsList .contactBox .h4, 
.wob .contactSection.addresses .contactUsList .contactBox h4 {margin-bottom: 27px;	color: #ff0;}
.wob .contactSection.addresses .contactUsList .contactBox {border-bottom: 7px solid #fff;}
.wob .regionalheadofficelocations .contactUsList .contactBox h4 {color: #ff0;}
.wob .searchBoxWrap .form-actions::before{color:#000;}
.wob .smoke {background-color: #fff; box-shadow: none;}
.wob .dialog-buttons button {background-color: #686868; border-radius: 0; color: #fff;}
.wob .dialog-buttons button.cancel {background-color: #000;}
.wob .secondaryMenu ul{background:#333;}
.wob .secondaryMenu ul li a {color: #000; background-color: #ff0;}
.wob .secondaryMenu ul li a:hover {color: #000;	background-color: #80ff00;}
.wob a.closeMenu{background-color:#000; color:#ff0;}
/*Contrast Style End 13-12-2022*/
.footerUpdate P{margin-bottom: 0;}

.networkIconPopup {background-color: #fff;max-width: 100%;max-width: 500px;margin: 0 auto;padding: 30px;overflow: auto;position: relative;overflow: hidden;}
.networkIconPopup table {background-color: rgba(255,255,255,0.2);box-shadow: 0px 0px 25px rgba(0,0,0,0.15);border: 1px solid #ddd;border-collapse: collapse;width: 100%;margin-bottom: 0;position: relative;z-index: 1;}
.networkIconPopup table td { border: 1px solid #ddd; text-align: center; } 
.networkIconPopup table thead td { background-color: #1D4382; color: #fff; }
.networkMapPopup { background-color: #fff; width: 100%; max-width: 510px; margin: 0 auto; padding: 30px; }
.networkIconPopup > img { position: absolute; right: 0; bottom: 0; width: 50%; opacity: 0.25; z-index: 0; left: 0;top: 0;margin: auto;}

.substationBox { max-width: 940px; width: 100%; margin: 0 auto; }
.substationBox + .substationBox { padding-top: 80px; }
.networkMapPopup.fullPopup { max-width: 1000px; }

.copyLink { position: absolute; right: 15px; top: 15px; z-index: 1; background-color: #fff; width: 40px; line-height: 40px; text-align: center; cursor: pointer; border-radius: 100%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); }

.checkList.checkListInline { display: flex; flex-wrap: wrap; } 
.checkList.checkListInline li { margin-right: 45px; padding-left: 24px; } 
.checkList.checkListInline + .checkList.checkListInline { margin-top: 12px; }

.networkIconBox { position: relative; }
.networkIconBox .iconWrap a.customPopupLink:before { content: ''; position: absolute; left: -5px; right: -5px; top: -20px; bottom: -20px; background-color: #1d43821c; z-index: -1; border-radius: 5px; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.networkIconBox:hover .iconWrap a.customPopupLink:before { opacity: 1; visibility: visible; }
.amritMahotsavWrap .logoWrap a:first-child {margin: 0;padding: 0 50px 0 0;border-right: 2px solid rgba(0,0,0,0.2);margin: 0 50px 0 0;}
.contentList .linkSection { clear: both; overflow: auto; }
.contentList .docSection { clear: both; margin-top: 13px; }

.event-details:after { display: block; clear: both; content: ""; }
.event-details .h1 { font-size: 30px; line-height: 1.2; float: left; width: 100%; max-width: 990px; margin-bottom: 20px; }
.event-details .field--type-datetime { width: 100%; float: left; margin-bottom: 20px; }
.event-details > .node.node--type-events { float: left; width: 58%; }
.event-details .field--name-field-events-image { background-color: #fff; padding: 20px; box-shadow: 0px 0px 15px rgba(0,0,0,0.15); float: right; margin-right: -72%; width: 68%; }

@media ( max-width: 991px ){
    .event-details .h1 { width: 100%; }
    .event-details > .node.node--type-events { float: none; display: flex; flex-direction: column; width: 100%; }
    .event-details .field--type-datetime { order: 0; }
    .event-details .field--type-text-with-summary { order: 1; }
    .event-details .field--name-field-events-image { order: 2; margin-right: 0; width: 100%; max-width: 500px; }
}
@media ( max-width: 767px ){
    .event-details .h1 { font-size: 20px; }
}

@media (min-width:1170px) {
	.stickyHeader .preHeader { display: block; }
	.stickyHeader .headerWrap { top: 0; transform: translateY(0%); }
	.stickyHeader .headerLogo { top: -21px; }
	.stickyHeader .headerLogo img { width: 273px; }
}

.languageWrap li.dropbutton-action span.active-language, li.dropbutton-toggle {
    display: none!important;
}

.languageWrap li.dropbutton-action {
    display: block!important;
}

.languageWrap li.dropbutton-action a {
    padding: 0!important;

}

@media (max-width:1169px) {
	.topLinks .dropbutton-multiple .dropbutton .secondary-action { background-color: transparent !important; }
	.topLinks>li:last-child:before { display: none !important; }
	.mainHeader { margin-top: 11px !important; }
	.stickyHeader .preHeader { display: block !important; }
	.stickyHeader .headerWrap { top: -84px !important; }
}
@media (max-width:1023px) {
	.mainHeader { margin-top: 14px !important; }
}
@media (max-width:479px) {
	.headerLogo { top: -6px !important; }
}