@import url('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: #06185c;
    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: 16px;
            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: #04A559
            }

    #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: #04A559;
            }

    #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: #04A559;
            }

    #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: #04A559;
    }

#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: #04A559;
    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;
        margin-right: 70px;
    }

        .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: #508aeb;
}

.titleLine {
    padding-top: 12px;
    position: relative;
}

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

.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: #04A559;
    }

/* 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: #04A559;
        border-color: #04A559;
        color: #fff;
    }

        .ctaBtn.ctaFill.ctaBlue {
            background-color: #1d4382;
            border-color: #1d4382;
        }

        .ctaBtn.ctaFill.ctaWhite {
            background-color: #fff;
            border-color: #fff;
            color: #04A559;
        }

            .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: #04A559;
    border: 2px solid #04A559;
    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;
        height: 6px;
        background-color: #4baded;
    }

    .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: #04A559;
    padding: 2px 0 2px 30px;
}

    .topLinks:before {
        content: '';
        width: 100vw;
        height: 100%;
        background-color: #4baded;
        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: #04A559;
    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 {
}

.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 {
        height: 90px;
    }

.mainHeader {
}

    .mainHeader > .container {
        position: relative;
    }

.headerLogo {
    position: relative;
    top: -15px;
    left: 20px;
}

    .headerLogo a {
    }

    .headerLogo img {
        height: 90px;
    }

.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: 37%;
    overflow: hidden;
}

    .bannerVideoWrap video {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 152%;
    }

.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: #04A559;
        }


/******** 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: #249ced;
        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: #04A559;
                    margin: auto 0;
                }

                .marqueeScrolling ul li a:hover {
                    text-decoration: underline;
                }

                .marqueeScrolling ul li a img {
                    margin-left: 15px;
                }

            .marqueeScrolling ul li span {
                color: #04A559;
            }


/******** 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: #2e7bf9;
            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: #04a559;
        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 #04A559;
    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: #04A559; }*/
/*.valueBox:hover .valueBoxContent .contentWrap p { color: #323232; }*/
/*.valueBox:hover .valueBoxContent ul { color: #323232; }*/

/**************** Footer Section *****************/
.footerSection {
    background-color: #1d4382;
    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);
        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);
            z-index: 0;
        }

        .footerSection > .container:after {
            right: 17%;
        }

.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: 22.3%;
}

.footerCol2 {
    width: 22%;
}

.footerCol3 {
    width: 29%;
}

.footerCol4 {
    width: 26.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: #04A559;
        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 #04A559;
    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: #04A559;
            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 #04A559;
    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: #04A559;
            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: #04A559;
        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: #04A559;
            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: #04A559;
        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 #04A559;
    }

/* 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 #04A559;
    }

.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 #04A559;
    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: #04a559;
        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: #04a559;
    }

/* 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 #04A559;
        }

    .pressRelease .press-pagination span {
        color: #1C955C
    }

    .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: #1C955C;
                    color: #fff;
                    border-color: #1C955C;
                }

/* 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 #04A559;
    }

    .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: #1C955C
        }

.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: #1C955C;
            }

            .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: #04A559;
        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: #04A559;
        }

        .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 #04A559; */ /* 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: #1C955C;
}

    #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: #1C955C;
        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: #04A559;
    }
/*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 #1C955C;
        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: #1c955c;
                    border-color: #1c955c;
                }

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: #04A559;
    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: #04a559;
    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: #1C955C;
                transition: all 350ms ease 0s;
                -webkit-transition: all 350ms ease 0s;
            }

            .headerMenuTabs ul li a:hover {
                background-color: #1C955C;
                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: #04A559;
    }

    .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: #04A559;*/
        }

        .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 #04A559;
        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: #04A559;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }

    .transTab.active {
        border-color: #04A559;
        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: #04A559;
    }

.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 #04A559;
    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: #04A559;
}

    .active .transAccTitle h4 {
        color: #04A559;
    }

.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: #04A559;
    }

    .timelineBox h3 {
        font-family: 'Oswald', sans-serif; /*cursor: pointer;*/
        font-weight: 400;
        letter-spacing: -0.075em;
        line-height: 1.48;
        color: #04A559;
        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, #04A559, #04A559 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: #04a559;
            }

            .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: '\f0e0';
            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 #04A559;
    }

    .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: #04A559;
    border: 2px solid #04A559;
    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: #04A559;
    border: 2px solid #04A559;
    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: -15px;
        left: 20px;
    }
}

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

@media (max-width:767px) {
    .mobilogo {
        display: block;
    }

    .deskktoplogo {
        display: none;
    }

    .headerLogo img {
        height: 70px !important;
    }
}

@media (min-width:768px) {
    .deskktoplogo {
        display: block;
    }

    .mobilogo {
        display: none;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .stickyHeader .headerLogo img {
        height: 83px;
        width: 362px;
    }

    .headerLogo img {
        height: 83px;
        width: 362px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    .stickyHeader .headerLogo img {
        height: 83px;
        width: 361px;
    }

    .headerLogo img {
        height: 83px;
        width: 100%;
    }
    #nav li a{
        font-size:14px;
    }
    #nav li{
        padding:0 10px;
    }
    .secondaryMenuToggle .toggleMenu{
        margin-right:15px;
    }
}

/* Home page section changes by darshan */
.aboutImg .aboutBox img {
    max-width: 244px;
    position: relative;
    top: -8px;
}
/*.TowardsFutureBlock .iconText p { color: #010101; font-size: 2.0rem; font-weight: 500; width: 50%; margin-bottom: 0; margin-top: 0; border-bottom: 1px solid #707070; border-right: 1px solid #707070; padding: 18px 0px; line-height: 1.4; }
.TowardsFutureBlock .iconText p strong { font-weight: 500; color: #007A00; }
.TowardsFutureBlock .iconWrap { margin-right: 30px; }
.TowardsFutureBlock .LeftPart { width: 44%; display: flex; }
.TowardsFutureBlock .imgWrap img { width: 100%; max-width: 309px; }
.TowardsFutureBlock .RightPart { width: 56%; }
.TowardsFutureBlock .ContentWrap { max-width: 211px; margin-right: 20px; }
.TowardsFutureBlock .h3 { text-transform: uppercase; font-size: 3.2rem; margin-bottom: 0px; }
.TowardsFutureBlock .iconText { display: flex; flex-wrap: wrap; }
.TowardsFutureBlock .iconText p:nth-child(even) { border-right: 1px solid transparent; padding-left: 20px; }
.TowardsFutureBlock .iconText p:nth-child(odd) { padding-right: 20px; }
.TowardsFutureBlock .iconText p:nth-child(3), .TowardsFutureBlock .iconText p:nth-child(4) { border-bottom: 1px solid transparent; }
.wob .TowardsFutureBlock .iconText p, .wob .TowardsFutureBlock .h3{ color: #fff; }
.wob .TowardsFutureBlock .iconText p strong{ color: #ff0; }
*/


.TowardsGreenerFuture {
    overflow: hidden;
}

.TowardsFutureBlock .iconText p {
    color: #010101;
    font-size: 1.8rem;
    font-weight: 500;
    width: calc(50% - 20px);
    margin-bottom: 0;
    padding: 19px;
    line-height: 1.4;
    background-color: #F5F5F5;
    margin-left: 20px;
    margin-top: 20px;
    border-left: 5px solid #1D4382;
}

    .TowardsFutureBlock .iconText p strong {
        font-weight: 500;
        color: #007A00;
    }

.TowardsFutureBlock .iconWrap {
    margin-right: 30px;
}

.TowardsFutureBlock .LeftPart {
    width: 25%;
    display: flex;
}

.TowardsFutureBlock .imgWrap img {
    width: 100%;
    max-width: 309px;
}

.TowardsFutureBlock .RightPart {
    width: 53%;
}

.TowardsFutureBlock .ContentWrap {
    max-width: 100%;
}

.TowardsFutureBlock .h3 {
    text-transform: uppercase;
    font-size: 3.2rem;
    margin-bottom: 0px;
}

.TowardsFutureBlock .iconText {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-top: -20px;
}

.TowardsGreenerFuture .TowardsFutureImg {
    position: absolute;
    right: -154px;
    top: -30px;
    height: 130%;
    opacity: 15%;
    z-index: -1
}

.wob .TowardsFutureBlock .iconText p, .wob .TowardsFutureBlock .h3 {
    color: #fff;
}

    .wob .TowardsFutureBlock .iconText p strong {
        color: #ff0;
    }

/* HomeImagePopUp */
div#HomeImagePopUp .modal-dialog {
    max-width: 600px;
}

div#HomeImagePopUp .modal-body {
    padding: 0px;
}

div#HomeImagePopUp .modal-content {
    border: none;
}

div#HomeImagePopUp .PopupLink {
    display: block;
}

div#HomeImagePopUp .btn-close {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 10px;
    padding: 0;
    background-color: rgb(255 255 255 / 70%);
    width: 25px;
    height: 25px;
    opacity: 1;
    top: 10px;
    outline: none;
    box-shadow: none;
}

    div#HomeImagePopUp .btn-close img {
        max-width: 70%;
    }

    div#HomeImagePopUp .btn-close:hover, div#HomeImagePopUp .btn-close:focus {
        box-shadow: none;
        outline: none;
        opacity: 1;
        background-color: rgb(255 255 255 / 70%);
    }




.chat-container {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 280px;
    background: white;
    border-radius: 0px;
    /* box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); */
    display: none;
    flex-direction: column;
    overflow: hidden;
    z-index: 999;
    animation: slideUp 0.3s ease-out;
}

    .chat-container.active {
        display: flex;
    }

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.chat-header {
    display: none !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chat-header-text h3 {
    margin: 0;
    font-size: 18px;
    color: #fff;
}

.close-button {
    background: transparent;
    border: none;
    color: white;
    font-size: 24px;
    cursor: pointer;
}

.messege button.close-button {
    position: absolute;
    right: 0px;
    /* top: 0px; */
    line-height: 23px;
    color: #000;
    height: 28px;
    border: 1px solid #000;
}

.messege {
    padding: 0px 0px 0px;
    position: relative;
}

    .messege p {
        line-height: 20px;
        font-size: 15px;
        margin-bottom: 16px;
    }


.logo-track {
    display: flex;
    align-items: center;
    gap: 10px;
}
.logosSlider .logoWrap{
    justify-content:center;
}