/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

:root {
    --ic-blue: #464b6b;
    --ic-orange: #D9954A;
    --ic-grey: #656565;
    --filter-ic-blue: invert(28%) sepia(8%) saturate(2210%) hue-rotate(195deg) brightness(91%) contrast(84%);
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: "";
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 100%;
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
    display: none;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-size: 100%;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
    outline: 0;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */
}

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
    margin: 0;
}

/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.255em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    white-space: normal;
    /* 2 */
    *margin-left: -7px;
    /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
    *vertical-align: middle;
    /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
    *overflow: visible;
    /* 4 */
}

    /**
 * Re-set default cursor for disabled elements.
 */
    button[disabled],
    html input[disabled] {
        cursor: default;
    }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

    /**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
    input[type=search]::-webkit-search-cancel-button,
    input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}

/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

html {
    box-sizing: border-box;
    font-size: 0.5208333333vw;
}

@media (max-width: 1600px) {
    html {
        font-size: 0.625vw;
    }
}

@media (max-width: 1024px) {
    html {
        font-size: 0.7220216606vw;
    }
}

@media (max-width: 920px) {
    html {
        font-size: 1.2048192771vw;
    }
}

@media (max-width: 500px) {
    html {
        font-size: 2.6666666667vw;
    }
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    background-color: #edebe5; /* 6 MAY 2025 --> Changed from #fefefe */
    font-family: Lato, sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.5;
    color: #0e0e0e;
}

@media (max-width: 500px) {
    body {
        font-size: 1.6rem;
    }
}

img {
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}

a {
    text-decoration: none;
    color: #fcfcfc;
    transition: all 0.1s linear;
}

section,
#about {
    scroll-margin-top: 8rem;
}

/* Vendors */
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="50"].aos-animate,
    body[data-aos-delay="50"] [data-aos].aos-animate {
        transition-delay: 50ms;
    }

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="100"].aos-animate,
    body[data-aos-delay="100"] [data-aos].aos-animate {
        transition-delay: 0.1s;
    }

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="150"].aos-animate,
    body[data-aos-delay="150"] [data-aos].aos-animate {
        transition-delay: 0.15s;
    }

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="200"].aos-animate,
    body[data-aos-delay="200"] [data-aos].aos-animate {
        transition-delay: 0.2s;
    }

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="250"].aos-animate,
    body[data-aos-delay="250"] [data-aos].aos-animate {
        transition-delay: 0.25s;
    }

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="300"].aos-animate,
    body[data-aos-delay="300"] [data-aos].aos-animate {
        transition-delay: 0.3s;
    }

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="350"].aos-animate,
    body[data-aos-delay="350"] [data-aos].aos-animate {
        transition-delay: 0.35s;
    }

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="400"].aos-animate,
    body[data-aos-delay="400"] [data-aos].aos-animate {
        transition-delay: 0.4s;
    }

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="450"].aos-animate,
    body[data-aos-delay="450"] [data-aos].aos-animate {
        transition-delay: 0.45s;
    }

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="500"].aos-animate,
    body[data-aos-delay="500"] [data-aos].aos-animate {
        transition-delay: 0.5s;
    }

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="550"].aos-animate,
    body[data-aos-delay="550"] [data-aos].aos-animate {
        transition-delay: 0.55s;
    }

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="600"].aos-animate,
    body[data-aos-delay="600"] [data-aos].aos-animate {
        transition-delay: 0.6s;
    }

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="650"].aos-animate,
    body[data-aos-delay="650"] [data-aos].aos-animate {
        transition-delay: 0.65s;
    }

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="700"].aos-animate,
    body[data-aos-delay="700"] [data-aos].aos-animate {
        transition-delay: 0.7s;
    }

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="750"].aos-animate,
    body[data-aos-delay="750"] [data-aos].aos-animate {
        transition-delay: 0.75s;
    }

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="800"].aos-animate,
    body[data-aos-delay="800"] [data-aos].aos-animate {
        transition-delay: 0.8s;
    }

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="850"].aos-animate,
    body[data-aos-delay="850"] [data-aos].aos-animate {
        transition-delay: 0.85s;
    }

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="900"].aos-animate,
    body[data-aos-delay="900"] [data-aos].aos-animate {
        transition-delay: 0.9s;
    }

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="950"].aos-animate,
    body[data-aos-delay="950"] [data-aos].aos-animate {
        transition-delay: 0.95s;
    }

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1000"].aos-animate,
    body[data-aos-delay="1000"] [data-aos].aos-animate {
        transition-delay: 1s;
    }

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1050"].aos-animate,
    body[data-aos-delay="1050"] [data-aos].aos-animate {
        transition-delay: 1.05s;
    }

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1100"].aos-animate,
    body[data-aos-delay="1100"] [data-aos].aos-animate {
        transition-delay: 1.1s;
    }

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1150"].aos-animate,
    body[data-aos-delay="1150"] [data-aos].aos-animate {
        transition-delay: 1.15s;
    }

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1200"].aos-animate,
    body[data-aos-delay="1200"] [data-aos].aos-animate {
        transition-delay: 1.2s;
    }

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1250"].aos-animate,
    body[data-aos-delay="1250"] [data-aos].aos-animate {
        transition-delay: 1.25s;
    }

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1300"].aos-animate,
    body[data-aos-delay="1300"] [data-aos].aos-animate {
        transition-delay: 1.3s;
    }

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1350"].aos-animate,
    body[data-aos-delay="1350"] [data-aos].aos-animate {
        transition-delay: 1.35s;
    }

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1400"].aos-animate,
    body[data-aos-delay="1400"] [data-aos].aos-animate {
        transition-delay: 1.4s;
    }

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1450"].aos-animate,
    body[data-aos-delay="1450"] [data-aos].aos-animate {
        transition-delay: 1.45s;
    }

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1500"].aos-animate,
    body[data-aos-delay="1500"] [data-aos].aos-animate {
        transition-delay: 1.5s;
    }

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1550"].aos-animate,
    body[data-aos-delay="1550"] [data-aos].aos-animate {
        transition-delay: 1.55s;
    }

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1600"].aos-animate,
    body[data-aos-delay="1600"] [data-aos].aos-animate {
        transition-delay: 1.6s;
    }

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1650"].aos-animate,
    body[data-aos-delay="1650"] [data-aos].aos-animate {
        transition-delay: 1.65s;
    }

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1700"].aos-animate,
    body[data-aos-delay="1700"] [data-aos].aos-animate {
        transition-delay: 1.7s;
    }

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1750"].aos-animate,
    body[data-aos-delay="1750"] [data-aos].aos-animate {
        transition-delay: 1.75s;
    }

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1800"].aos-animate,
    body[data-aos-delay="1800"] [data-aos].aos-animate {
        transition-delay: 1.8s;
    }

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1850"].aos-animate,
    body[data-aos-delay="1850"] [data-aos].aos-animate {
        transition-delay: 1.85s;
    }

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1900"].aos-animate,
    body[data-aos-delay="1900"] [data-aos].aos-animate {
        transition-delay: 1.9s;
    }

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1950"].aos-animate,
    body[data-aos-delay="1950"] [data-aos].aos-animate {
        transition-delay: 1.95s;
    }

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2000"].aos-animate,
    body[data-aos-delay="2000"] [data-aos].aos-animate {
        transition-delay: 2s;
    }

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2050"].aos-animate,
    body[data-aos-delay="2050"] [data-aos].aos-animate {
        transition-delay: 2.05s;
    }

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2100"].aos-animate,
    body[data-aos-delay="2100"] [data-aos].aos-animate {
        transition-delay: 2.1s;
    }

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2150"].aos-animate,
    body[data-aos-delay="2150"] [data-aos].aos-animate {
        transition-delay: 2.15s;
    }

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2200"].aos-animate,
    body[data-aos-delay="2200"] [data-aos].aos-animate {
        transition-delay: 2.2s;
    }

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2250"].aos-animate,
    body[data-aos-delay="2250"] [data-aos].aos-animate {
        transition-delay: 2.25s;
    }

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2300"].aos-animate,
    body[data-aos-delay="2300"] [data-aos].aos-animate {
        transition-delay: 2.3s;
    }

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2350"].aos-animate,
    body[data-aos-delay="2350"] [data-aos].aos-animate {
        transition-delay: 2.35s;
    }

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2400"].aos-animate,
    body[data-aos-delay="2400"] [data-aos].aos-animate {
        transition-delay: 2.4s;
    }

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2450"].aos-animate,
    body[data-aos-delay="2450"] [data-aos].aos-animate {
        transition-delay: 2.45s;
    }

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2500"].aos-animate,
    body[data-aos-delay="2500"] [data-aos].aos-animate {
        transition-delay: 2.5s;
    }

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2550"].aos-animate,
    body[data-aos-delay="2550"] [data-aos].aos-animate {
        transition-delay: 2.55s;
    }

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2600"].aos-animate,
    body[data-aos-delay="2600"] [data-aos].aos-animate {
        transition-delay: 2.6s;
    }

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2650"].aos-animate,
    body[data-aos-delay="2650"] [data-aos].aos-animate {
        transition-delay: 2.65s;
    }

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2700"].aos-animate,
    body[data-aos-delay="2700"] [data-aos].aos-animate {
        transition-delay: 2.7s;
    }

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2750"].aos-animate,
    body[data-aos-delay="2750"] [data-aos].aos-animate {
        transition-delay: 2.75s;
    }

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2800"].aos-animate,
    body[data-aos-delay="2800"] [data-aos].aos-animate {
        transition-delay: 2.8s;
    }

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2850"].aos-animate,
    body[data-aos-delay="2850"] [data-aos].aos-animate {
        transition-delay: 2.85s;
    }

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2900"].aos-animate,
    body[data-aos-delay="2900"] [data-aos].aos-animate {
        transition-delay: 2.9s;
    }

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2950"].aos-animate,
    body[data-aos-delay="2950"] [data-aos].aos-animate {
        transition-delay: 2.95s;
    }

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="3000"].aos-animate,
    body[data-aos-delay="3000"] [data-aos].aos-animate {
        transition-delay: 3s;
    }

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform;
}

    [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        transform: translateZ(0);
    }

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform;
}

    [data-aos^=zoom][data-aos^=zoom].aos-animate {
        opacity: 1;
        transform: translateZ(0) scale(1);
    }

[data-aos=zoom-in] {
    transform: scale(0.6);
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
    transform: scale(1.2);
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform;
}

    [data-aos^=slide][data-aos^=slide].aos-animate {
        transform: translateZ(0);
    }

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform;
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg);
}

    [data-aos=flip-left].aos-animate {
        transform: perspective(2500px) rotateY(0);
    }

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg);
}

    [data-aos=flip-right].aos-animate {
        transform: perspective(2500px) rotateY(0);
    }

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg);
}

    [data-aos=flip-up].aos-animate {
        transform: perspective(2500px) rotateX(0);
    }

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg);
}

    [data-aos=flip-down].aos-animate {
        transform: perspective(2500px) rotateX(0);
    }

/* Blocks */
.page {
    overflow: hidden;
    /*padding-top: 10rem;*/
}

@media (max-width: 1024px) {
    .page {
        /*padding-top: 10rem;*/
    }
}

@media (max-width: 920px) {
    .page {
        /*padding-top: 8rem;*/
    }
}

@media (max-width: 500px) {
    .page {
        /*padding-top: 6rem;*/
    }
}

.section-heading {
    font-weight: 900;
    font-size: 4rem;
    color: var(--ic-blue) !important;
    text-transform: uppercase;
    margin-bottom: 4rem;
}

@media (max-width: 920px) {
    .section-heading {
        margin-bottom: 6rem;
    }
}

@media (max-width: 500px) {
    .section-heading {
        margin-bottom: 2rem;
        font-size: 2.5rem !important;
    }
}

.container {
    width: 100%;
    padding: 0 2rem;
    margin: 0 auto;
}

@media (min-width: 920px) {
    .container {
        width: 100%;
        padding: 0 12rem;
        margin: 0 auto;
    }
}

.header__container {
    width: 100%;
    padding: 0 !important;
    margin: 0 auto;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    /*display: flex;*/
    align-items: center;
    width: 100%;
    transition: all 0.5s linear;
    transform: translateY(0);
}

.header-scroll-down {
    background-color: #fefefe;
    box-shadow: 0 0.1rem 1rem 0 rgb(105 105 105 / 40%);
}

.header-scroll-top {
    background: linear-gradient(to top, transparent 0%, rgba(0,0,0,0.5) 100%);
}

@media (max-width: 920px) {
    .header {
        height: 6rem;
        box-shadow: none;
    }

    .header__inner {
        margin: 0 !important;
        background: #fefefe;
        height: 6rem !important;
        padding: 0 5rem;
    }

    .nav-container {
        padding: 0 !important;
    }
}

@media (max-width: 500px) {
    .header {
        height: 6rem;
    }

    .header__inner {
        padding: 0 2rem;
    }
}

/*.header.out {
  transform: translateY(-100%);
  box-shadow: none;*/
}

.header.top {
    background-color: #0f0e0e;
    box-shadow: none;
}

.header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2rem -3rem;
    height: 5rem;
}

.header__logo-img, .modal_logo_img {
    width: 24.7rem;
}

@media (max-width: 920px) {
    .header__logo-img, .modal_logo_img {
        width: 17rem;
    }
}

@media (max-width: 920px) {
    .menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 999;
        width: 100%;
        max-height: 0;
        background: #fefefe;
        overflow: hidden;
        transition: all 0.2s linear;
    }

        .menu .menu__nav-list {
            display: grid;
            justify-content: center;
            text-align: center;
            padding: 0 0 3rem;
            margin-top: 2.5rem;
        }
}

.menu__nav-list {
    display: flex;
}

/* 
    v22.08.05 
    Replace 5rem with 3.5rem at line 1816
*/
.nav-list__item + .nav-list__item {
    margin-left: 2.5rem; /*19 Dec 2024*/
}

.nav-list__item-link {
    font-size: 1.6rem;
    text-transform: uppercase;
}

.nav-list__item-link-scroll-down {
    color: var(--ic-blue) !important;
}

.nav-list__item-link-scroll-top {
    color: #fff;
}


@media (max-width: 920px) {

    .nav-list__item-link {
        color: var(--ic-blue);
    }

    .nav-list__item + .nav-list__item {
        margin-left: 0;
        margin-top: 0.75rem;
    }
}

@media (max-width: 500px) {
    .nav-list__item + .nav-list__item {
        margin-left: 0;
        margin-top: 1rem;
    }
}

.burger-menu {
    display: none;
    position: relative;
    top: 30%;
    right: 0;
    z-index: 1000;
    transform: translateY(-50%);
    width: 3.5rem;
    height: 3.5rem;
    background: transparent;
    /*border: 0.1rem solid #777;
  border-radius: 0.7rem;*/
    cursor: pointer;
}

@media (max-width: 920px) {
    .burger-menu {
        display: block;
    }
}

.burger {
    top: 50%;
    transform: translateY(-50%);
}

    .burger,
    .burger::before,
    .burger::after {
        position: absolute;
        left: 50%;
        z-index: 100;
        transform: translateX(-50%);
        display: block;
        width: 2rem;
        height: 1px;
        background-color: var(--ic-blue);
        border-radius: 2.5rem;
        transition: all 0.3s ease-in-out;
    }

        .burger::before {
            content: "";
            top: 0.7rem;
        }

        .burger::after {
            content: "";
            bottom: 0.7rem;
        }

.burger-menu.menu-on .burger {
    background: rgba(0, 0, 0, 0);
}

    .burger-menu.menu-on .burger::before {
        transform: translateX(-50%) rotate(45deg);
        top: 0;
        background-color: #999999;
    }

    .burger-menu.menu-on .burger::after {
        transform: translateX(-50%) rotate(-45deg);
        bottom: 0;
        background-color: #999999;
    }

.intro {
    margin-bottom: 14.6rem;
}

@media (max-width: 920px) {
    .intro {
        margin-bottom: 10rem;
    }
}

@media (max-width: 500px) {
    .intro {
        margin-bottom: 6rem;
    }
}

.intro__inner {
    height: calc(100vh);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    /* background: url(../images/intro-img.png) no-repeat top; */
    background-size: cover;
    overflow: hidden;
}

@media (max-width: 920px) {
    .intro__inner {
        height: calc(100vh);
    }
}

.intro__name {
    width: 86.8rem;
    height: 24rem;
    margin-top: 8rem;
    position: absolute;
    top: 25vh;
}

@media (max-width: 920px) {
    .intro__name {
        width: 60rem;
        height: 17rem;
        filter: none;
    }
}

@media (max-width: 500px) {
    .intro__name {
        width: 30rem;
        height: 9rem;
    }
}

.intro__text {
    /*max-width: 116rem;*/
    font-size: 2.4rem;
    text-align: justify;
}

@media (max-width: 920px) {
    .intro__text {
        font-size: 2rem;
        margin-bottom: 10rem;
    }
}

@media (max-width: 500px) {
    .intro__text {
        font-size: 2rem;
        margin-bottom: 6rem;
    }
}

.intro__more {
    display: flex;
    font-weight: bold;
}

@media (max-width: 920px) {
    .intro__more {
    }
}

.intro__more-icon {
    height: 5rem;
    fill: #ffffff;
    margin-bottom: 3rem;
    animation: 1s linear 1s infinite alternate slidedown;
    margin-left: -5rem;
}

@media (max-width: 920px) {
    .intro__more-icon {
        height: 5rem;
        margin-left: -8%;
    }
}

@keyframes slidedown {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(15px);
    }
}

.team, .reports, .awards {
    padding: 8rem 0;
    text-align: center;
}

@media (max-width: 920px) {
    .team {
        margin-bottom: 4rem;
    }
}

@media (max-width: 500px) {
    .team {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

.team__text-wrapper {
    margin-bottom: 6rem;
}

@media (max-width: 500px) {
    .team__text-wrapper {
        margin-bottom: 6rem;
    }
}

.team__text {
    /*max-width: 81rem;
  margin-left: 12rem;*/
    width: 75%;
    margin-left: 12.5%;
    text-align: justify;
}

@media (max-width: 920px) {
    .team__text {
        width: 90%;
        margin-left: 5%;
        text-align: justify;
    }
}

.team__text + .team__text {
    margin-top: 2rem;
}

.team-management {
    margin-bottom: 8rem;
}

@media (max-width: 500px) {
    .team-management {
        margin-bottom: 8rem;
    }
}

.team-management__row {
    display: flex;
    justify-content: center;
}

@media (max-width: 500px) {
    .team-management__row {
        flex-wrap: wrap;
    }
}

.team-management__row + .team-management__row {
    margin-top: 5rem;
}

@media (max-width: 500px) {
    .team-management__row + .team-management__row {
        margin-top: 4rem;
    }

    .team-management__wrapper {
        margin-bottom: 8rem;
    }

        .team-management__wrapper:last-child {
            margin-bottom: 14rem;
        }
}

.team-management__item {
    display: flex;
    flex-direction: column;
    width: 28.2rem;
    cursor: pointer;
}

@media (max-width: 920px) {
    .team-management__item {
        width: 17rem;
    }
}

@media (max-width: 500px) {
    .team-management__item {
        width: 90%;
    }
}

.team-management__item + .team-management__item {
    margin-left: 8rem;
}

@media (max-width: 1024px) {
    .team-management__item + .team-management__item {
        margin-left: 4rem;
    }
}

@media (max-width: 920px) {
    .team-management__item + .team-management__item {
        margin-left: 2rem;
    }
}

@media (max-width: 500px) {
    .team-management__item + .team-management__item {
        margin-top: 4rem;
        margin-left: 0;
    }
}

.team-management__item:hover .team-management__item-img {
    filter: grayscale(0%);
}

.team-management__item-img {
    width: 100%;
    height: auto;
    max-height: 37rem;
    object-fit: cover;
    margin-bottom: 2rem;
    filter: grayscale(100%);
    transition: all 0.2s linear;
    border-radius: 0.5rem;
}

.team-management__item-name {
    font-size: 2.4rem;
    margin-bottom: 1rem;
}

@media (max-width: 920px) {
    .team-management__item-name {
        font-size: 2rem;
    }
}

@media (max-width: 920px) {
    .team-management__item-pos {
        font-size: 1.6rem;
    }
}

@media (max-width: 920px) {
    .team__directors {
        margin-bottom: -8rem;
    }
}

.team__directors-heading {
    /* display: flex; */
    align-items: center;
    font-size: 3.6rem;
    font-weight: 700;
    /* margin-left: 12rem;
    margin-bottom: 4rem;*/
    cursor: pointer;
    text-transform: uppercase;
}

@media (max-width: 920px) {
    .team__directors-heading {
        margin-bottom: 6rem;
    }
}

@media (max-width: 500px) {
    .team__directors-heading {
        font-size: 2.8rem;
        margin-left: 0;
        margin-bottom: 4rem;
    }
}

.team__directors-heading.active .drop-arrow-icon {
    transform: rotate(180deg);
}

.drop-arrow-icon {
    width: 3.2rem;
    height: 1.8rem;
    margin-left: 4rem;
    transition: all 0.1s linear;
}

@media (max-width: 500px) {
    .drop-arrow-icon {
        width: 2.6rem;
        height: 1.4rem;
        margin-left: 2rem;
    }
}

.team-management__wrapper {
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease-out;
    margin-top: 8rem;
}
/* 12-Aug-2025 -- START */
/* Overlay container */
.team-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    height: 100vh;
    width: 100vw; /* was auto — make it full screen */
    min-width: 100vw;
    display: flex;
    overflow-y: auto;
    scrollbar-gutter: stable both-edges;
    background: #ffffff; /* keep your white backdrop */
    padding: 5rem 10rem;
    /* elegant fade for overlay */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .24s ease, visibility 0s linear .24s;
}

    /* shown state */
    .team-modal.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: opacity .24s ease;
    }


    .team-modal.is-loading .photo-nav {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

/* During the content crossfade, fade/disable arrows with the content */
.team-modal__inner.is-swapping .photo-nav {
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
    /*transform: translateY(-50%) !important;*/
}
/*12-Aug-2025 -- END */

@media (max-width: 920px) {
    .team-modal {
        padding: 3rem 3rem 4rem 4rem;
    }
}

@media (max-width: 920px) {
    .team-modal {
        font-size: 1.4rem;
        padding: 2rem 3rem;
        margin-bottom: 3rem;
    }

    .close-modal {
        margin-left: 0 !important;
    }

    .team-modal__inner {
        height: 100%;
        text-align: justify;
        margin-right: -2rem !important;
        padding: 0 !important;
        margin-top: 0 !important;
    }

    .modal_logo {
        margin-bottom: 2rem !important;
    }

    .modal-team-member-header {
        text-align: center;
        margin-bottom: 2rem !important;
    }

    .modal-team-management-image {
        height: 20rem !important;
        width: 20rem !important;
        border-radius: 50%;
        object-fit: cover;
        position: relative;
        margin-bottom: 1rem !important;
    }
}

.team-modal::after, .report-modal::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 10rem;
}

.team-modal__inner {
    height: 100%;
    text-align: justify;
    padding: 0 5rem;
}

.team-modal p + p, .report-modal p + p {
    margin-top: 1.5rem;
}

.close-modal {
    position: sticky;
    /* top: -10rem; */
    /* right: -3rem; */
    z-index: 1001;
    order: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    font-weight: 300;
    font-size: 3rem;
    line-height: 3rem;
    margin-left: 3rem;
    cursor: pointer;
}

@media (max-width: 920px) {
    .close-modal {
        margin-left: 1rem;
    }
}

.close-modal svg {
    width: 1.8rem;
    height: 1.8rem;
    filter: brightness(0) saturate(1);
}

/*.reports {
  margin-bottom: 22rem;
}
@media (max-width: 920px) {
  .reports {
    margin-bottom: 10rem;
  }
}
@media (max-width: 500px) {
  .reports {
    margin-bottom: 6rem;
  }
}*/

.reports__inner {
    display: flex;
    justify-content: center;
}

@media (max-width: 500px) {
    .reports__inner {
        flex-wrap: wrap;
    }
}

.reports__item {
    width: 100%;
    /* max-width: 30rem; --> 6 MAY 2025 - Hide this rule*/
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

    .reports__item + .reports__item {
        margin-left: 4rem;
    }

@media (max-width: 920px) {
    .reports__item + .reports__item {
        margin-left: 2rem;
    }
}

@media (max-width: 500px) {
    .reports__item + .reports__item {
        margin-left: 0;
        /*margin-top: 4rem;*/
    }
}

.reports__item-img {
    width: 100%;
    height: 100%; /* 6 MAY 2025 auto to 100% */
    /* margin-bottom: 3.5rem; --> 6 MAY 2025 Hide this rule */
    border-radius: 1rem;
    object-fit: cover;
}

.reports__item-heading {
    font-weight: 800;
    font-size: 2rem;
}

.reports__item-descr {
    font-size: 1.6rem;
}

/*.research {
  margin-bottom: 22rem;
}
@media (max-width: 920px) {
  .research {
    margin-bottom: 10rem;
  }
}
@media (max-width: 500px) {
  .research {
    margin-bottom: 6rem;
  }
}*/

.research__text {
    max-width: 93rem;
    margin-left: 19rem;
}

@media (max-width: 1024px) {
    .research__text {
        margin-left: 12rem;
    }
}

@media (max-width: 920px) {
    .research__text {
        margin-left: 0;
    }
}

/*.awards {
  margin-bottom: 22rem;
}
@media (max-width: 920px) {
  .awards {
    margin-bottom: 10rem;
  }
}
@media (max-width: 500px) {
  .awards {
    margin-bottom: 6rem;
  }
}*/

.awards_container {
    padding: 0 10rem 2rem 10rem;
}

.awards__inner {
    display: flex;
    margin-bottom: 5rem;
    justify-content: space-evenly;
}

.awards__inner__list {
    display: flex;
    margin-bottom: 0;
    justify-content: space-evenly;
}

@media (max-width: 1024px) {
    .awards__inner {
        margin-left: 12rem;
    }
}

@media (max-width: 920px) {
    .awards__inner {
        flex-wrap: wrap;
        margin-left: 0;
        width: 100%;
        text-align: justify;
    }
}

@media (max-width: 500px) {
    .awards__inner {
        margin-left: 0;
        width: 100%;
        text-align: justify;
    }

    .awards_timeline {
        text-align: center;
    }

    .awards-timeline__block-img {
        margin: 0 auto 4rem auto !important;
        max-height: 64px;
        width: auto !important;
    }
}
/*.awards__text {
  max-width: 30rem;
  margin-right: 10rem;
  text-align: justify;
}
@media (max-width: 1024px) {
  .awards__text {
    margin-right: 10rem;
  }
}
@media (max-width: 920px) {
  .awards__text {
    max-width: 100%;
    font-size: 2rem;
    margin-bottom: 5rem;
  }
}*/
@media (max-width: 500px) {
    .awards__text {
        max-width: 100%;
        font-size: 1.6rem;
        margin-right: 0;
        text-align: center;
    }
}

.awards__timeline {
    width: 100%;
    display: flex;
}

.awards-timeline__block {
    /*display: flex;*/
    width: 50%;
}

@media (max-width: 500px) {
    .awards-timeline__block {
        flex-wrap: wrap;
    }
}

.awards-left {
    padding-right: 0.5rem;
    width: 40%;
    /*border-right:1px solid var(--ic-grey);*/
}

.awards-right {
    margin-left: 1.5rem;
    margin-right: -1rem;
    width: 60%;
    padding-left: 0.5rem;
}

.awards-timeline-logo {
    width: 100%;
    display: block;
    flex-wrap: nowrap;
    text-align: left;
}

.awards-timeline__block-img {
    height: 4rem;
    margin-bottom: 1rem;
}

.awards-timeline__item {
    display: flex;
    align-items: center;
    margin: 0 3rem 0 0;
}

    .awards-timeline__item:last-child {
        margin-right: 0;
    }

.items3 {
    width: calc(33.3% - 3rem);
}

.awards-logo-separator {
    height: 2px;
    background: #d7d7d7;
    width: calc(100% - 5rem);
    border-radius: 1px;
    margin: 0 4rem 4rem 1rem;
}

@media (max-width: 920px) {

    .awards-timeline__item {
        width: 100%;
        margin: 1.5rem auto;
        flex-wrap: wrap;
    }

    .awards-timeline__item-descr {
        font-size: 1.3rem !important;
        ;
    }

    .awards-timeline__block-list {
        margin-bottom: -4rem;
    }
}

.awards-timeline__item-year {
    font-weight: 600;
    font-size: 1.5rem;
}

.awards-timeline__item-heading {
    text-transform: uppercase;
    margin-bottom: 0.1rem;
    font-weight: 900;
    font-size: 1.45rem;
    letter-spacing: 0.1rem;
}

.awards-timeline__line {
    height: 0.1em;
    background-color: rgba(105, 105, 105, 0.4);
    margin: 5rem 0;
}

.awards-timeline__item-content {
    width: 100%;
    text-align: center;
    padding-bottom: 2rem;
    background: url(../images/awards/wreath.webp);
    background-size: contain;
    background-repeat: no-repeat;
}

.awards-timeline__block-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}


/*.charity {
  margin-bottom: 22rem;
}
@media (max-width: 920px) {
  .charity {
    margin-bottom: 10rem;
  }
}
@media (max-width: 500px) {
  .charity {
    margin-bottom: 6rem;
  }
}*/

.charity__inner {
    display: flex;
    flex-direction: column;
}

.charity__text {
    max-width: 80%;
    font-weight: 400;
    font-size: 2.4rem;
    text-align: center;
    margin: 0 auto 8rem;
}

@media (max-width: 920px) {
    .charity__text {
        font-size: 3.6rem;
        margin-bottom: 8rem;
    }
}

@media (max-width: 500px) {
    .charity__text {
        font-size: 2.4rem;
        margin-bottom: 6rem;
    }
}

.charity__admc {
    /*display: flex;*/ /* 250429 - Remove this line */
    margin-bottom: 2rem;
    margin-left: 10%;
    margin-right: 10%;
}
/* @media (max-width: 920px) {
  .charity__admc {
    flex-wrap: wrap;
  }
}*/ /* 250429 - Remove this line */
@media (max-width: 500px) {
    .charity__admc {
        margin: 1rem 1rem 6rem 1rem;
    }
}

.charity__admc-img {
    height: auto;
    object-fit: cover;
    max-width: 100%;
    border-radius: 0.5rem;
}

@media (max-width: 1024px) {
    .charity__admc-img {
        width: 80rem;
    }
}

@media (max-width: 920px) {
    .charity__admc-img {
        width: 100%;
    }
}

.charity__admc-heading,
.charity__cheshire-heading,
.charity__wild-heading {
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 1rem;
}

@media (max-width: 920px) {
    .charity__admc-heading,
    .charity__cheshire-heading,
    .charity__wild-heading {
        font-size: 2.8rem;
    }
}

@media (max-width: 500px) {
    .charity__admc-heading,
    .charity__cheshire-heading,
    .charity__wild-heading {
        font-size: 2.4rem;
    }
}

.charity__admc-descr,
.charity__wild-text {
    max-width: 30rem;
}

@media (max-width: 920px) {
    .charity__admc-descr,
    .charity__wild-text {
        max-width: 100%;
    }
}

@media (max-width: 920px) {
    .charity__admc-text {
        margin-bottom: 3rem;
    }
}

.charity__cheshire {
    margin: 0 19rem 23rem auto;
}

@media (max-width: 920px) {
    .charity__cheshire {
        margin: 0 10rem 12rem auto;
    }
}

@media (max-width: 500px) {
    .charity__cheshire {
        margin: 0 0 6rem auto;
    }
}

.charity__cheshire-text {
    max-width: 75rem;
}

.charity__wild {
    display: flex;
    margin-left: 19.5rem;
}

@media (max-width: 920px) {
    .charity__wild {
        flex-wrap: wrap;
        margin-left: 0;
    }
}

.charity__wild-content {
    margin-right: 22.3rem;
}

@media (max-width: 920px) {
    .charity__wild-content {
        margin-right: 0;
        margin-bottom: 5rem;
    }
}

.charity__wild-img {
    width: 62.6rem;
    height: 83rem;
    object-fit: cover;
}

@media (max-width: 920px) {
    .charity__wild-img {
        height: 60rem;
        margin: 0 auto;
    }
}

@media (max-width: 500px) {
    .charity__wild-img {
        width: 100%;
        height: auto;
    }
}

.footer {
    border-top: 0.1rem solid #979797;
    background: #ffffff;
}

    .footer * {
        color: #0e0e0e;
    }

.footer__inner {
    display: flex;
    justify-content: space-between;
    padding: 8rem 0;
}

@media (max-width: 920px) {
    .footer__inner {
        flex-wrap: wrap;
        padding: 6rem 0;
    }
}

.footer__img {
    align-self: flex-start;
    width: 32.9rem;
    margin-right: 10rem;
    margin-top: -2rem;
    margin-bottom: 1rem;
}

.footer__nav {
    margin-right: 5rem;
}

@media (max-width: 920px) {
    .footer__nav {
        width: 100%;
        margin: 0 0 3rem 0;
        text-align: center;
    }

    .footer-branding {
        width: 100%;
        text-align: center;
        margin-left: 0 !important;
    }

    .footer__img {
        width: 100%;
        max-width: 275px;
        margin: -2rem 0 3rem 0;
    }
}

.footer__nav-link {
    font-size: 1.6rem;
    color: #0e0e0e;
    text-transform: uppercase;
}

    .footer__nav-link + .footer__nav-link {
        margin-left: 2rem;
    }

.footer__res {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 10rem;
}

.footer__res-name,
.footer__manage-name {
    font-size: 1.6rem;
    margin-bottom: 2rem;
}

.footer__res-address {
    font-size: 1.6rem;
}

@media (max-width: 500px) {
    .footer__res-address {
        margin-bottom: 0;
    }
}

.footer__res-tel {
    font-size: 1.6rem;
    color: #5f5f5f;
    margin-top: 1rem;
}

.footer__res-privacy {
    font-weight: normal;
    font-size: 1.4rem;
}

.footer__res-privacy--mob {
    display: none;
    margin-top: 3rem;
}

.footer__manage-name {
    text-align: left;
}

.footer__manage-address {
    font-size: 1.6rem;
    text-align: left;
}

    .footer__manage-address a span {
        text-decoration: underline;
    }

@media (max-width: 500px) {
    .footer__res-privacy--mob {
        display: block;
    }

    .footer__res-privacy {
        font-size: 1.25rem;
    }

    .footer__manage-name {
        text-align: left;
    }

    .footer__manage-address {
        text-align: left;
    }
}

.contact__manage {
    margin-right: 15rem;
}

.contact__close p {
    cursor: pointer;
}

.substrate {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(10, 10, 10, 0.7);
}

.hide, .hidden {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 200vh !important;
    overflow: hidden;
    transition: all 0.5s ease-out;
}

.show {
    display: block;
    transition: display 2s ease-in;
}


/*<-------- New Additions ------>*/

.fade-in-image {
    animation: fadeIn 2s;
    -webkit-animation: fadeIn 2s;
    -moz-animation: fadeIn 2s;
    -o-animation: fadeIn 2s;
    -ms-animation: fadeIn 2s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.contact__inner {
    padding: 4rem 0 !important;
    justify-content: right !important;
}

.contact__manage-address a, .contact__res-tel {
    color: #fcfcfc !important;
    text-decoration: none !important;
}

    .contact__manage-address a span {
        text-decoration: none !important;
    }

.nav-list__item a:hover, .footer__nav-link:hover {
    color: #ef9e24 !important;
}

section#contactToggle {
    background: #151b36;
    color: #efefef;
}

#close-btn {
    font-size: 4rem;
    font-weight: lighter;
    margin-right: 50px;
    margin-top: -10px;
}

@media (max-width: 920px) {
    .footer__res {
        margin-bottom: 5rem;
    }

    .contact__inner {
        justify-content: left !important;
        margin-right: 0;
    }

    .contact__close {
        position: absolute;
        right: -3rem;
        top: 1.5rem;
    }

    .contact__manage {
        margin-right: 5rem;
    }

    .contact__manage-name, .contact__res-name {
        margin-bottom: 1rem;
    }

    #close-btn {
        font-size: 2.5rem;
    }
}

#about {
    padding: 14rem 12.5%;
    background: #f7f7f7;
    margin-top: -14.6rem;
}

@media (max-width: 920px) {
    #about {
        margin-top: -6rem;
        padding: 25% 7% 10% 7%;
    }
}

.alt-bg {
    background: #f7f7f7 !important;
    text-align: center;
    padding: 10rem 0;
}

/* 6 MAY 2025 ---> Added new class rules */
.alt-bg2 {
    background: #eeebe5 !important;
    text-align: center;
    padding: 10rem 0;
}

.alt-bg3 {
    background: #fff !important;
    text-align: center;
    padding: 10rem 0;
}

.research-container {
    display: block;
    flex-wrap: wrap-reverse;
    padding: 0 !important;
    overflow: auto;
}

.research-wrapper {
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 1.6rem !important;
}

.r__text, .charity__admc-text {
    text-align: justify;
    margin: auto;
}

.rw-right {
    border-radius: 2px;
    width: 58%;
    text-align: right;
    display: flex;
    float: right;
}

.rw-left {
    /* margin-left: -10%; */
    margin-right: 5%;
    width: 37%;
    line-height: 3.075rem;
    padding-left: 10rem;
    box-sizing: border-box;
    display: flex;
}

@media (max-width:500px) {
    .rw-left {
        width: calc(100% - 6rem) !important;
        padding-left: 0;
        margin: 0 3rem;
        float: none;
        margin-bottom: 5rem;
    }

    .rw-right {
        height: 100%;
        margin: 3rem 2rem !important;
        width: calc(100% - 4rem);
        float: none;
    }

    .research-wrapper {
        /*width:100%;
        width: 100%;
        padding-left: 3rem;
        margin: 5rem 0 0 0;
        text-align: center;*/
    }
}

@media (max-width: 920px) {
    .rw-left {
        width: calc(100% - 6rem) !important;
        padding-left: 0;
        margin: 0 3rem;
        float: none;
        margin-bottom: 5rem;
    }

    .rw-right {
        height: 100%;
        margin: 3rem 0 3rem auto !important;
        width: calc(100% - 1.5rem);
        float: none;
        max-width: 540px;
    }

    /*#splideResearch-track {
        border-radius: 0.75rem;
    }*/

    .research-wrapper {
        /*width:100%;
        width: 100%;
        padding-left: 3rem;
        margin: 5rem 0 0 0;
        text-align: center;*/
    }

    body {
        font-size: 1.2rem !important;
    }
}

#research {
    padding: 0 !important;
}

@media (min-width:921px) {
    .ch-left {
        max-width: 65rem;
        margin-right: 4rem;
    }

    .footer {
        margin: 0 -8rem !important;
    }
}

@media (max-width: 920px) {
    .ch-left {
        margin-bottom: -3rem;
    }

    .ch-right {
        margin-bottom: 4rem;
    }
}

.modal_logo {
    margin-bottom: 3rem;
}

.modal-team-member-header {
    text-align: center;
    margin-bottom: 3rem;
}

.modal-team-management-image {
    height: 25rem;
    width: 25rem;
    border-radius: 50%;
    object-fit: cover;
    position: relative;
    margin-bottom: 2rem;
}

.modal-team-management-name {
    font-size: 3rem;
    font-weight: 700;
    color: var(--ic-blue);
}

.modal-team-management-pos {
    margin-top: -0.25rem !important;
    font-size: 1.5rem;
    font-weight: 700;
}

.charity__admc-content {
    /*max-width: 50%;*/ /* 250429 - Remove this line */
    width: 100%; /* 250429 - Add this line */
    text-align: justify;
    margin: auto;
}

@media (max-width: 920px) {
    .charity__admc-content {
        max-width: 100%;
        margin-bottom: 5rem;
        text-align: center;
    }

    .section-heading {
        margin-bottom: 2rem;
        font-size: 3.25rem;
    }

    .ch-right {
        padding-left: 0 !important;
        text-align: center;
        margin-bottom: -5rem;
    }

    .charity__admc-text {
        text-align: center;
    }
}

.ch-main, .ch-separator {
    margin-bottom: 3rem;
}

.ch-right {
    padding-left: 4rem;
}

.footer-branding {
    margin-left: 5rem;
}

.splide_intro {
    width: 100%;
    /* object-fit: cover; */
    /* box-sizing: border-box; */
    margin-bottom: -9rem;
    height: 100%;
}

.pixel_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.33);
    /*background: rgba(0,0,0,0.2) url(../images/pattern.png) repeat top left!important;*/
}

.research_slide {
    max-width: 100%;
    /*border-radius: 1rem!important;*/
    max-height: 100%;
    transition: all 1s ease-in;
}


img.intro_slide {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

#splideResearch {
    /*border: 7px #fff solid;
    box-shadow: rgb(0 0 0 / 20%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -2px;*/
    width: 100%;
}

#splideResearch-track {
    /*border-radius: 1rem;*/
}

.text_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: left;
    background: rgba(0,0,0,0.1);
    display: none;
    /*background-image: linear-gradient(to top, rgba(0,0,0,0.75),rgba(0,0,0,0) 55%);*/
}

.overlay_heading {
    position: absolute;
    bottom: 50px;
    left: 25px;
    color: #fff;
    font-weight: 700;
}

.overlay_text {
    position: absolute;
    bottom: 25px;
    left: 25px;
    color: #fff;
}

.paused {
    animation-play-state: paused !important;
}

.award-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    object-fit: contain;
}

.awards-timeline__item-descr {
    font-size: 1.5rem;
}

.descr-adjustment {
    padding: 0.5rem 0;
}

.smaller-text {
    font-size: 1.25rem;
}

@media (min-width:1600px) {
    .awards-timeline__item-descr {
        font-size: 13.5px;
    }

    .descr-adjustment {
        padding: 10.25px 0;
    }
}

.research_para {
    padding-bottom: 1rem;
    display: block;
}

.privacy-terms {
    margin-top: 9rem;
    padding: 5rem 15rem;
    text-align: justify;
    font-size: 1.5rem;
}

@media (max-width:500px) {
    .privacy-terms {
        margin-top: 6rem;
        padding: 3rem;
        text-align: justify;
    }
}

.list {
    list-style: decimal;
    font-weight: 800;
    margin: 3rem 0 3rem 1.5rem;
}

.list-text {
    font-weight: 400;
    padding-bottom: 2rem;
}

.list-text-inner {
    font-weight: 400;
    padding-bottom: 1rem;
}

.list-heading-inner {
    padding-top: 1rem;
}

.list-link-inner {
    color: #0e0e0e;
}

.ol-a {
    list-style: lower-latin;
    margin-left: 1.5rem;
}

.research__heading-desktop {
    display: block;
    margin-bottom: 2rem !important;
    margin-top: 5rem;
}

.research__heading-mobile {
    display: none;
    margin-bottom: 3rem !important;
}

@media (max-width:500px) {
    .research__heading-desktop {
        display: none;
    }

    .research__heading-mobile {
        display: block;
        margin-top: 5rem;
        margin-bottom: 0 !important;
    }
}

@media (max-width: 920px) {
    .research__heading-desktop {
        display: none;
    }

    .research__heading-mobile {
        display: block;
        margin-top: 5rem;
        margin-bottom: 0 !important;
    }
}


#login {
    margin-top: 9rem;
    padding: 5rem 15rem;
    text-align: justify;
    width: 100%;
    font-size: 1.5rem;
    background: url('../images/intro/intro-slide-24.webp') no-repeat;
    background-size: cover;
    height: calc(100vh - 9rem);
}

.login-overlay {
    background: rgba(21,27,54,0.75);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.login-inner {
    width: 50%;
    max-width: 600px;
    height: calc(100% - 14vh);
    background: #fff;
    margin: 7vh auto;
    border-radius: 1rem;
    padding: 5rem 0;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

@media (max-width:500px) {
    width:100%;
}

#philanthropy, #database {
    text-align: center;
    scroll-margin-top: 8rem;
}

.login-form {
    width: 100%;
    padding: 0 5rem;
}

.input-field {
    font-size: 16px;
    color: var(--ic-blue);
    line-height: 1.2;
    display: block;
    width: 100%;
    height: 45px;
    background: 0 0;
    padding: 0 10px;
}

    .input-field:focus {
        border-color: transparent !important;
    }


input {
    outline: none;
    border: none;
}

.validate-input {
    position: relative;
}

.wrap-input {
    width: 100%;
    position: relative;
    border-bottom: 2px solid rgba(0,0,0,0.24);
    margin-bottom: 30px;
    display: flex;
}

.focus-input {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.input-field:focus + .focus-input::before {
    width: 100%;
}

.focus-input::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    background: var(--ic-blue);
}

*, ::after, ::before {
    box-sizing: inherit;
}

.input-field:focus + .focus-input::after {
    top: -22px;
    font-size: 18px;
}

.focus-input::after {
}

*, ::after, ::before {
    box-sizing: inherit;
}

.label {
    display: flex;
    margin: auto;
}

.button {
    padding: 1.5rem 3rem;
    border-radius: 0.5rem;
    appearance: none;
    border: 0;
    outline: 0;
    font-size: 2rem;
    text-transform: uppercase;
    margin-top: 3rem;
    font-weight: 500;
    transition: all 0.1s ease-in;
}

.button-submit {
    background: var(--ic-blue);
    color: #fff;
    margin-right: 3rem;
}

    .button-submit:hover {
        background: #ef9e24;
        color: #333;
    }

.button-reset:hover {
    background: #bbb;
}

.investor-outer {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding-top: 7rem;
    width: 100%;
    margin-top: 9rem;
}

.investor-inner {
    display: flex;
    flex-wrap: wrap;
    max-width: 750px;
    margin: auto;
}

.nav-outer {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    width: 100%;
    padding: 3.5rem 5rem;
    border-radius: 1rem;
    margin-bottom: 3rem;
}

.nav-header {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.nav-heading {
    align-content: flex-start;
    margin-bottom: 0;
    font-size: 3.5rem;
    text-align: center;
}

.nav-date {
    color: var(--ic-grey);
    font-size: 1.75rem;
    font-weight: 600;
    padding: 0 2px 5px 2px;
    margin-bottom: 2rem;
    text-align: center;
}

.superscript {
    font-size: 66%;
    vertical-align: top;
}

.investor-separator {
    height: 3px;
    width: 10%;
    background: #ef9e24;
    margin-bottom: 3rem;
}

.nav-row {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5rem 0;
    border-bottom: 1px dotted #cfcfcf;
}

    .nav-row:last-child {
        border-bottom: none;
    }

.nav-share {
    width: 70%;
}

.nav-value {
    width: 30%;
}

.nav-value {
    text-align: right;
}

.nl-ar-outer {
    width: calc(50% - 2.5rem);
    margin-left: 2.5rem;
}

.nl-outer {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    padding: 5rem;
    border-radius: 0.75rem;
    width: 100%;
    margin-bottom: 3rem;
}

.nl-heading {
    width: auto;
    padding: 0 2px 5px 2px;
    margin-bottom: 2rem;
    border-bottom: 3px solid #ee9e24;
}

.nl-selector {
    position: relative;
    flex-wrap: wrap;
    width: 80%;
    margin: 4rem 10% 2rem 10%;
}

.nl-dropdown {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid var(--ic-blue);
    padding: 2rem;
    width: 70%;
    font-size: 1.75rem;
    color: var(--ic-grey);
    border-radius: 0.75rem;
    outline: none;
}

nl-dropdown:focus {
    outline: 3px solid var(--ic-blue);
}

.select-arrow {
    position: absolute;
    top: 2rem;
    left: 60%;
}

.button-view {
    margin: 0 0 0 5%;
    padding: 2rem 4rem;
    font-size: 1.75rem;
    font-weight: 600;
    width: 24%;
}

.investor-welcome {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    background: #fff;
    box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px;
    width: 100%;
    padding: 3.5rem 5rem;
    border-radius: 1rem;
    margin-bottom: 3rem;
}

.investor-name {
    font-size: 3rem;
    width: 100%;
    text-align: center;
    color: var(--ic-blue);
    font-weight: 600;
}

.logout {
    display: none;
}

    .logout a {
        color: var(--ic-blue);
    }

.historical-nav {
    display: flex;
    margin: 2rem 0;
    justify-content: right;
    align-items: center;
}

    .historical-nav a {
        display: flex;
        color: var(--ic-blue);
        font-weight: 700;
        padding: 1rem 1.5rem;
        border: 1px solid var(--ic-blue);
        border-radius: 0.5rem;
    }

        .historical-nav a:hover {
            background: #eeeeee;
        }

        .historical-nav a:active {
            background: #e7e7e7;
        }

.seemore {
    display: flex;
    margin-left: 1rem;
    height: 1.5em;
    width: 2rem;
}

.investor-main {
    display: flex;
    width: 100%;
    background: #f7f7f7;
}

.sidebar {
    margin-top: 0;
    padding: 5rem 0;
    position: sticky;
    top: 9rem;
    background: #efefef;
    margin-right: 3rem;
    height: calc(100vh - 9rem);
}

.sidebar-list-item {
    min-width: 250px;
    padding: 2rem 3rem;
}

    .sidebar-list-item:hover {
        background: #e3e3e3;
    }

.sidebar-icon {
    width: 1.5rem;
    height: 2.5rem;
    margin-right: 7px;
}

.sidebar-link {
    line-height: 2.5rem;
    color: var(--ic-blue);
    display: flex;
    text-transform: uppercase;
    font-size: 1.65rem;
    letter-spacing: 0.05rem;
}

#newsletters {
    scroll-margin-top: 12rem;
}

#investor {
    scroll-margin-top: -10rem;
}

/* 7 June 2025 -- Remove the following rule */
/*#reports {
    margin-bottom:7rem;
    background: 
}*/

.header__inner-investor {
    margin: 2rem 0;
}

.investor-footer {
    margin-left: -3rem !important;
    width: calc(100% + 3rem);
}

.investor-footer__inner {
    padding: 8rem 5rem;
}

.investor-container {
    padding: 0;
}

.investor-footer-branding {
    width: 15%;
    margin-left: 0;
}

.investor-footer__img {
    width: 100%;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.investor-footer__nav {
    margin-right: 0;
}

#awards {
    padding: 10rem 0;
}

@media (max-width: 920px) {
    .awards__text, .team__text, .research_para, .charity__admc-text, .footer__nav-link {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }

    .login-inner {
        width: 75%;
        max-width: 75%;
        padding: 4rem 0;
    }

    #login {
        padding: 5rem 10rem;
        margin-top: 6rem;
        height: calc(100vh - 6rem);
    }

    .button {
        font-size: 1.6rem;
        font-weight: 700;
    }

    .investor-outer {
        padding: 5rem;
        margin-top: 6rem;
    }

    .nav-outer {
        width: 100%;
        margin-right: 0;
    }

    .nav-heading {
        font-size: 2.5rem;
    }

    .nav-date {
        font-size: 1.35rem;
    }

    .nav-share, .nav-value {
        font-size: 1.6rem;
    }

    .investor-welcome {
        padding: 0 5rem 3rem 5rem;
        margin-top: 0;
        align-items: center;
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        margin-bottom: 0;
    }

    .investor-name {
        font-size: 2rem;
        width: 75%;
        text-align: left;
    }

    .logout {
        display: flex;
        width: 25%;
        justify-content: right;
        font-size: 1.25rem;
    }

    .nl-dropdown {
        font-size: 1.3rem;
        padding: 1.5rem;
        border-radius: 0.5rem;
    }

    .select-arrow {
        top: 1.25rem;
    }

    .button-view {
        margin-top: 0;
        padding: 1.25rem 2rem;
    }

    .investor-main {
        display: flex;
        margin: auto;
        width: 100%;
        padding: 0;
    }

    .sidebar {
        display: none;
    }

    .investor-footer {
        margin-left: -5rem !important;
        width: calc(100vw + 5rem);
        margin-right: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .investor-footer__inner {
        padding: 5rem;
        padding-bottom: 4rem;
    }

    .investor-footer-branding {
        width: 100%;
        margin-bottom: 3rem;
    }
}

@media (max-width:500px) {
    #login {
        padding: 3rem !important;
        margin-top: 6rem;
    }

    .login-inner {
        width: 90%;
        max-width: 90%;
        padding: 2rem 0;
    }

    .button {
        padding: 1.25rem 1.5rem;
        border-radius: 0.5rem;
        font-size: 1.3rem;
        margin-top: 2rem;
    }

    .button-submit {
        margin-right: 1.5rem;
    }

    .footer-branding {
        margin-left: 0;
        text-align: center;
    }

    .footer__img {
        width: 66%;
        margin: 0.75rem 0;
    }

    .footer__nav {
        width: 100%;
        margin: 2rem 0;
        text-align: center;
        margin-right: 0;
    }

    .footer__nav-link {
        display: block;
        font-size: 1.25rem;
    }

        .footer__nav-link + .footer__nav-link {
            margin-left: 0;
            margin-top: 0.75rem;
        }

    .footer__inner {
        flex-wrap: wrap;
        padding: 3rem 0;
    }

    .nav-list__item-link {
        font-size: 1.25rem;
    }

    .investor-outer {
        padding: 3rem 0;
    }

    .nav-outer, .nl-outer {
        border-radius: 0;
        padding: 3rem;
    }

    .nav-heading {
        font-size: 2.5rem;
    }

    .nav-date, .nav-share, .nav-value {
        font-size: 1.25rem;
    }

    .nl-selector {
        margin: 2rem 0;
        width: 100%;
    }

    .nl-dropdown {
        font-size: 1.3rem;
        padding: 1.25rem 1rem;
        border-radius: 0.5rem;
    }

    .button-view {
        margin-top: 0;
        margin-right: 0;
        padding: 1.25rem 2rem;
    }

    .select-arrow {
        top: 1.3rem;
    }

    .investor-welcome {
        padding: 0 3rem 3rem 3rem;
        margin-top: 0;
        align-items: center;
    }

    .nav-outer, .nl-outer {
        box-shadow: none;
    }

    .investor-name {
        font-size: 1.75rem;
        width: 75%;
        text-align: left;
    }

    .logout {
        display: flex;
        width: 25%;
        justify-content: right;
        font-size: 1.25rem;
    }

    .historical-nav {
        justify-content: center;
    }

    .login-form {
        padding: 0 2rem;
    }
}

.test-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 2rem auto;
    justify-content: center;
}

.sidebar2 {
    height: 200px;
    width: 200px;
    position: sticky;
    top: 12rem;
    margin-top: 12rem;
    background: red;
    display: flex;
    flex-wrap: wrap;
}

.main2 {
    height: 200vh;
    width: 50%;
    background: yellow;
    margin-top: 12rem;
    align-items: center;
    color: black;
    font-size: 10rem;
    display: flex;
}

.awards-section-container {
    padding: 0;
}

.awards-section img {
    width: 100%;
}

.awards__inner__list {
    width: 90%;
    margin: 0 5%;
    display: block;
    padding-bottom: 2rem;
}

.awards__timeline {
    width: 100%;
    display: flex;
}

.awards-timeline__block {
    display: flex;
}

.atb-left {
    width: 40%;
    margin-right: 2%;
}

.atb-right {
    width: 60%;
    margin-left: 3%;
}

.atb-left .awards-timeline__title {
    width: 12%;
}

.atb-right .awards-timeline__title {
    width: 8%;
}

.atb-left .awards-timeline__item {
    width: 44%;
}

.atb-right .awards-timeline__item {
    width: 30.66%;
}

.awards-hfm-1 {
    background: url(../images/awards/awards_hfm_1.webp);
}

.awards-hfm-2 {
    background: url(../images/awards/awards_hfm_02.webp);
}

.awards-eh-1 {
    background: url(../images/awards/awards_eh_1.webp);
}

.awards-eh-2 {
    background: url(../images/awards/awards_eh_2.webp);
}

.awards-eh-3 {
    background: url(../images/awards/awards_eh_3.webp);
}

.awards-hfm-1, .awards-hfm-2, .awards-eh-1, .awards-eh-2, .awards-eh-3 {
    background-size: cover;
    width: 100%;
    padding-top: 54.4%;
}

.awards-title-hfm {
    background: url(../images/awards/hfm.webp);
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
}

.awards-title-eh {
    background: url(../images/awards/eh.webp);
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
}

.awards-timeline__blank {
    display: none;
}

@media (max-width: 920px) {
    .awards__timeline {
        flex-wrap: wrap;
    }

    .awards__inner__list {
        width: 80%;
        margin: 0 10%;
    }

    .atb-left, .atb-right {
        width: 100%;
        margin: 0;
    }

    .atb-left {
        margin-bottom: 2rem;
    }

        .atb-left .awards-timeline__title, .atb-right .awards-timeline__title {
            width: 9%;
        }

        .atb-left .awards-timeline__item, .atb-right .awards-timeline__item {
            width: 28.33%;
            margin-left: 2%;
        }

    .awards-timeline__blank {
        display: block;
        width: 28.33%;
        margin-left: 2%;
    }
}

@media (max-width: 500px) {
    .atb-left, .atb-right {
        margin-bottom: 2rem;
        padding-bottom: 2rem;
        display: flex;
        flex-wrap: wrap;
    }

        .atb-left .awards-timeline__title, .atb-right .awards-timeline__title {
            width: 80%;
            height: 10%;
            margin: 1rem 10%;
        }

        .atb-left .awards-timeline__item, .atb-right .awards-timeline__item {
            width: 80%;
            margin: 8% 10%;
        }

    .awards-timeline__blank {
        display: none;
    }

    .awards-title-hfm, .awards-title-eh {
        background: url(../images/awards/awards-1.webp);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 100%;
    }

    .awards-title-eh {
        background: url(../images/awards/awards-2.webp);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 100%;
    }
}

/* 
    v22.08.05 
    Copy the entire section below - from line 4218 to 4251
*/

.report-dl {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: justify;
    width: 100%;
    font-size: 1.5rem;
    padding: 5rem 0;
    z-index: 1000;
    overflow: hidden;
}

.report-sub {
    font-size: 1.68rem;
    color: var(--ic-grey);
    margin-bottom: 4rem;
}

.login-inner .section-heading {
    font-size: 3rem;
    margin-bottom: 0;
}

.report-dl .login-inner {
    padding: 5rem 2.5rem;
    height: auto;
    max-width: 500px;
}

.report-dl .button {
    font-size: 1.75rem;
}

@media (max-width: 1024px) and (min-width: 500px) {
    .nav-list__item-link {
        font-size: 1.5rem;
    }

    .nav-list__item + .nav-list__item {
        margin-left: 0;
    }
}

/* 
    v22.12.09
    copy lines 4272 - 4558
*/

.report-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow-y: auto;
    height: 100vh;
    width: auto;
    display: flex;
    background: #ffffff;
    padding: 5rem 10rem;
    transition: all 0.5s ease-in;
}

@media (max-width: 920px) {
    .report-modal {
        font-size: 1.4rem;
        padding: 2rem 3rem;
        margin-bottom: 3rem;
    }

    .close-report-modal {
        margin-left: 0 !important;
    }
}

#report-modal {
    min-width: 100%;
    padding: 2rem 10rem;
    max-width: 100%;
}

@media (max-width: 920px) {
    #report-modal {
        font-size: 1.4rem;
        padding: 2rem 2.75rem !important;
    }
}

#report-modal .modal_logo {
    margin-bottom: 0;
}

#report-modal .team-modal__inner {
    width: 100%;
}

#report-modal .modal-team-member-header {
    width: 100%;
    margin-bottom: 2rem;
}

#report-modal h2 {
    margin-bottom: 1rem;
}

.article-container {
    margin: 1rem 6rem;
    align-content: center;
    justify-items: center;
}

@media (max-width: 920px) {
    .article-container {
        margin: 1rem;
        font-size: 1rem;
    }
}

.report-title {
    padding: 0.5rem;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    text-align: center;
}

.report-disclaimer {
    margin: 1.5rem 0;
    font-size: 1.5rem;
    text-align: center;
    font-style: italic;
    color: #777;
}

.report-body {
    margin: 1.5rem 0;
}

    .report-body p {
        font-size: 1.65rem;
        text-align: justify;
        color: #333;
    }

.cont-read {
    text-align: center;
    margin-top: -12rem;
    z-index: 1000;
    position: relative;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
    padding-top: 7rem;
}

    .cont-read button {
        appearance: none;
        margin-top: 4rem;
        margin-bottom: 1rem;
        letter-spacing: 0.25rem;
        background: var(--ic-blue);
        color: #fff;
        padding: 1rem 2.5rem;
        font-size: 1.5rem;
        border-radius: 0.5rem;
        border: none;
    }

        .cont-read button:hover {
            background: #ef9e24;
            color: #fff;
            transition: all 0.5s ease;
        }

.report-body-hidden p {
    font-size: 1.65rem;
    text-align: justify;
    color: #333;
    margin-top: 1.5rem;
}

.report-figure-row {
    display: flex;
    justify-content: center;
    padding: 3rem 0;
}

.figure-2 {
    display: flex;
    flex-direction: column;
    max-width: 50%;
    text-align: center;
}

    .figure-2.figure-left {
        padding-left: 0;
        padding-right: 3rem;
    }

    .figure-2.figure-right {
        padding-left: 3rem;
        padding-right: 0;
    }

.figure-title {
    color: var(--ic-blue);
    text-decoration: underline;
    padding-bottom: 2rem;
}

.report-figure-row.source {
    width: 100%;
    display: block;
    padding: 1rem 0;
    color: #777;
}

h6 span.italics {
    font-style: italic;
}

#botr_mPozuwuA_KVjIOsgK_div {
    width: 75% !important;
    margin: 0 12.5% !important;
}

@media (max-width: 920px) {
    #botr_mPozuwuA_KVjIOsgK_div {
        width: 100% !important;
        margin: 0 !important;
    }

    .report-figure-row {
        width: 100%;
        display: block;
        box-sizing: border-box;
    }

    .figure-2 {
        width: 100%;
        max-width: 100%;
    }

        .figure-2.figure-left, .figure-2.figure-right {
            padding: 0;
        }

    .figure-title, .report-disclaimer {
        font-size: 1.35rem;
    }

    .report-figure-row.source {
        font-size: 1.75rem;
    }

    .report-title, .report-body p {
        font-size: 1.5rem;
    }
}

.video-container {
    position: relative;
}

.report-share {
    position: absolute;
    z-index: 99;
    top: 2rem;
    right: 0;
    scale: 0.75;
    margin: 0 12.5%;
}

.report-share-button {
    appearance: none;
    width: 15rem;
    max-width: 120px;
    height: 6rem;
    max-height: 40px;
    padding: 1rem 1rem;
    padding-bottom: 0.7rem;
    background: #0166ffaa;
    border: none;
    margin: 0.25rem;
    border-radius: 0.5rem;
    font-size: 1.85rem;
    color: #fff
}

    .report-share-button:hover {
        background: #0166ff;
        transition: all 0.25s linear;
    }

    .report-share-button img {
        height: 80%;
        margin-top: -0.3rem;
    }

    .report-share-button span {
        padding-top: 1rem;
    }

@media (max-width: 920px) {
    .report-share-button {
        padding: 0;
        max-width: 96px;
        max-height: 32px;
        margin: 0;
    }

    .report-share {
        top: 1rem;
        right: 0;
        scale: 0.75;
        margin: 0;
    }

    .report-share-button img {
        margin-top: 0;
    }

    .report-share-button span {
        font-size: 1.35rem;
        line-height: 3rem;
    }
}

.close-report-modal {
    position: absolute;
    top: 2rem;
    right: 1rem;
    z-index: 1001;
    order: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    font-weight: 300;
    font-size: 3rem;
    line-height: 3rem;
    margin-left: 3rem;
    cursor: pointer;
}

@media (max-width: 920px) {
    .close-report-modal {
        margin-left: 1rem;
    }
}

.close-report-modal svg {
    width: 1.8rem;
    height: 1.8rem;
    filter: brightness(0) saturate(1);
}

@media (max-width:500px) {
    .login-inner {
        width: 90%;
        max-width: 90%;
    }

    #report-modal h2 {
        line-height: 2.75rem;
    }

    .modal_logo {
        margin-bottom: 1rem !important;
    }

    #report-modal {
        padding: 1.75rem !important;
    }

    .report-title {
        padding: 0.5rem;
        line-height: 2.5rem;
    }

    .report-disclaimer {
        margin: 1rem 0;
    }

    .report-body {
        margin-top: 0;
    }

    .cont-read {
        margin-top: -16rem;
    }
}

.figure-1 {
    max-width: 100%;
    margin-top: -3rem;
}

.figure-title-single {
    padding-bottom: 0;
}

#about {
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background: none;
    background-size: cover;
    padding: 0;
}

#video-bg {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    z-index: -100;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: baseline;
    object-fit: cover;
}

.overlay {
    background: rgba(0,0,0,0.25);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    box-sizing: border-box;
}

.intro__text {
    padding: 10%;
    line-height: 1.75;
    text-align: justify;
    text-align-last: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: 0px 0px 5px black;
}

.esg-image {
    margin-top: 4rem;
}

    .esg-image img {
        max-width: 75%;
    }

.h_text {
    font-size: 0;
}


/* 5-May-2023 Add this code to the stylesheet */

.esg-visual-container {
    width: 75%;
    margin: auto;
    display: flex;
}

.esg-visual-section {
    width: 32%;
    background: #fff;
    border-radius: 1rem;
    border: 1px solid #e0e0e0;
    padding: 2rem 1rem;
    margin-right: 2%;
}

    .esg-visual-section:last-child {
        margin: 0;
    }

.esg-heading {
    color: var(--ic-blue);
}

.esg-icon {
    height: 128px;
    max-height: 128px;
    padding: 1.5rem 0;
}

.esg-list-master {
    text-align: left;
    list-style: disc;
    padding-left: 2rem;
    font-size: 1.65rem;
}

.esg-list-item {
    padding-top: 1rem;
}

.esg-visual-container-2 {
    max-width: 75%;
    margin: auto;
}

.esg-visual-section-2 {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 4rem 0;
}

.esg-text-container {
    text-align: left;
    width: 87.5%;
    padding-right: 2em;
}

h4.esg-heading-2 {
    color: var(--ic-blue);
    font-size: 2rem;
}

.esg-icon-container {
    width: 15%;
    border-left: 1px solid var(--ic-grey);
    text-align: center;
    padding-left: 2em;
}

.esg-icon-2 {
    max-width: 100%;
}

span.esg-heading-2 {
    color: var(--ic-blue);
    font-size: 2.55rem;
    font-weight: bold;
    padding-right: 0.5rem;
}

.esg-text-2 {
    text-align: justify;
}

.esg-visual-section-3 {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 2rem 0;
    border-top: 1px solid #ccc;
}

.esg-icon-container-3 {
    width: 12.5%;
    border-left: 1px solid #ccc;
    text-align: center;
    padding: 1rem 0 0 0.75em;
}

.esg-icon-3 {
    max-width: 70%;
    background: #eee;
    border-radius: 50%;
    padding: 1rem;
}

.esg-icon-adjust {
    padding: 2rem 1rem;
}

.esg-icon-adjust {
    padding: 1.75rem 1rem;
}

@media (max-width:500px) {
    esg-visual-container-2 {
        max-width: 90%;
        margin: auto;
        margin-top: 2.5rem;
    }

    .esg-text-container {
        text-align: left;
        width: 80%;
        padding-right: 1em;
        border-right: 1px solid #ccc;
        padding-top: 0.25rem;
    }

    .esg-visual-section-3 {
        margin: 1.5rem 0;
    }

    .esg-text-2 {
        font-size: 1.35rem;
    }

    span.esg-heading-2 {
        font-size: 1.65rem;
        padding-right: 0;
    }

    .esg-icon-container-3 {
        width: 20%;
        border-left: none;
        padding-left: 0.75rem;
    }

    .esg-icon-3 {
        max-width: 100%;
        padding: 0.55rem;
    }

    .esg-visual-container-2 {
        max-width: 90%;
    }

    .esg-icon-adjust {
        padding: 1.375rem 1rem;
    }
}

.auto_margin {
    margin: auto;
}

@media (max-width:500px) {
    #reports {
        margin: 0;
    }

    .reports__item + .reports__item {
        margin-top: 0;
    }
}


/*.podcast {
    margin: 0 0 2rem 0;
}

.podcast-left {
    width:570px;
    max-width: 60%;
    border-radius: 1rem!important;
    overflow: hidden;
}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 52.25%;
    padding-top:25px;
    height: 0;
}

.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.podcast-right {
    width: 40%;
    max-width: 40%;
    padding-left: 0;
}
.listen-list {
    width:100%;
    display: flex;
    padding-top:1rem;
}

.listen-option {
    width:75%;
    padding-right:10%;
}
*/

.podcast {
    text-align: center;
    scroll-margin-top: 8rem;
    padding: 8rem 10%;
}

.banner-wrapper {
    width: 100%;
    padding: 0 15%;
    margin-bottom: 3rem;
    border-radius: 1rem;
}

    .banner-wrapper img {
        width: 100%;
        border-radius: 1rem;
    }

.info-wrapper {
    text-align: left;
    width: 100%;
    padding: 0 15%;
}

    .info-wrapper h3 {
        font-size: 1.5rem;
    }

    .info-wrapper h1 {
        color: var(--ic-blue);
        margin-bottom: 1rem;
    }

    .info-wrapper p {
        padding-bottom: 1rem;
        text-align: justify;
    }

.full-audio-wrapper {
    width: 100%;
    padding: 0 15%;
    margin-bottom: 4rem;
}

    .full-audio-wrapper h3 {
        text-align: left;
    }

.listen-list {
    display: flex;
    margin-top: 2rem;
    justify-content: space-evenly;
    \
}

    .listen-list .green-audio-player {
        height: 66px;
    }

.full-audio .green-audio-player {
    height: 50px;
    background: #c0c7e1;
    box-shadow: none;
    margin-top: -1rem;
}

.audio-item .green-audio-player {
    height: 60px;
}

.listen-list-item {
    align-items: center;
    margin: 0 1.65%;
}

.listen-left {
    padding-top: 2rem;
}


.list-item-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.listen-icon {
    height: 4rem;
    padding-right: 0.5rem;
}

.list-item-wrapper p {
    font-weight: bold;
    color: #000;
    font-size: 1.75rem;
}

    .list-item-wrapper p:hover {
        color: #ef9e24 !important
    }

#podcast-intro {
    padding-top: 12rem;
}

/*.header-scroll-top{
    background: #ffffff;
}

.nav-list__item-link {
    color: var(--ic-blue)!important;
}*/


.research-db {
    padding-bottom: 8rem;
}
/* disabled line 1951 -- top: 33vh */
/* disabled line 1723 -- transition: all */


/* <!-- 13 Feb 2025 --> */
.intro-toast {
    position: absolute;
    bottom: 5rem;
    right: 5rem;
    width: auto;
    background: #fffe;
    padding: 15px 20px 20px 20px;
    border-radius: 15px;
    /*border: #a41034 2px solid;*/
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: 0.3s all linear !important;
}

    .intro-toast:hover {
        transform: translateY(-5px) !important;
        box-shadow: 0 29px 52px rgba(0,0,0,0.40), 0 25px 16px rgba(0,0,0,0.20);
    }

.toast-wrapper {
    display: flex;
    width: 100%;
    align-items: center;
}

.toast-text-date { /* <!-- 13 Feb 2025 --> */
    color: #a41034;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0px 0px 15px rgba(255,255,255,1);
}

.toast-text-desc {
    color: var(--ic-grey); /* <!-- 13 Feb 2025 --> */
    font-size: 18px;
    text-shadow: 0px 0px 15px rgba(255,255,255,1);
}

    /* <!-- 13 Feb 2025 --> */

    .toast-text-desc span {
        color: #a41034;
    }


.toast-watch {
    display: flex;
    margin: 12px 0 5px 0;
    padding: 8px 16px;
    background: #a41034;
    width: fit-content;
    border-radius: 25px;
    align-items: center;
}

.toast-watch-icon {
    width: 12px;
    height: 12px;
    margin-left: 8px;
    display: inline-flex;
}

    .toast-watch-icon img {
        width: 100%;
        height: 100%;
    }

.toast-watch-cta {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}


/* <!-- 13 Feb 2025 --> */

.toast-icon-wrapper {
    margin-left: 5px;
}

    .toast-icon-wrapper img {
        width: 18px;
    }

@media (max-width: 920px) {

    .intro-toast {
        bottom: 12rem;
        right: auto;
        padding: 1.25rem;
        padding-left: 2rem;
    }

    .podcast {
        margin: 0;
        scroll-margin-top: 4rem;
        padding: 4rem 0;
    }

    .banner-wrapper, .info-wrapper, .full-audio-wrapper {
        padding: 0;
    }

    .listen-wrapper {
        line-height: 1.5rem;
    }

    .list-item-wrapper p {
        text-align: left;
        font-size: 1.35rem;
        font-weight: normal;
    }

    .listen-icon {
        height: 3.25rem;
        padding-right: 0.25rem;
    }
}

@media (max-width: 500px) {
    #about {
        margin-top: -6rem;
    }
}

/* 6 May 2025 -- Replace this section */
#philanthropy, #database {
    text-align: center;
    scroll-margin-top: 18rem;
    padding-top: 8rem;
    padding-bottom: 8rem;
}

/* Current Research section changes -- Line 2339, 2346, 2361 */

.audio-wrapper {
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
}

.audio-item {
    padding: 2rem 0;
}

    .audio-item h3 {
        padding-bottom: 1.25rem;
        font-weight: normal;
        font-size: 1.85rem;
    }

.player {
    align-content: center;
    text-align: center;
    /*margin: 0 50px;*/
}

.podcast-wrapper {
    display: flex;
    width: 100%;
    position: relative;
    flex-flow: column;
}

.podcast-container {
    padding: 0 !important;
    clear: both;
}

.podcast-left {
    width: 55%;
    box-sizing: border-box;
    padding-right: 4rem;
    min-width: 350px;
    position: absolute;
}

.podcast-right {
    width: 45%;
    padding-left: 4rem;
    margin-left: 55%;
}

.banner-wrapper, .info-wrapper, .full-audio-wrapper {
    padding: 0;
}

@media (max-width: 920px) {
    .podcast-left {
        width: 100%;
        box-sizing: border-box;
        padding: 0 3rem;
        margin: 0 auto;
        position: relative;
    }

    .info-wrapper h1 {
        font-size: 2rem;
    }

    .info-wrapper h1 {
        font-size: 2rem;
    }

    .info-wrapper p {
        font-size: 1.5rem;
    }

    .info-wrapper h3 {
        font-size: 14px;
    }

    .listen-left {
        padding-top: 0;
    }

    .listen-wrapper h3 {
        font-size: 20px;
        padding-top: 2rem;
    }

    .podcast-right {
        width: 100%;
        padding: 0 3rem;
        margin-top: 2rem;
        margin-left: 0;
    }

    .audio-wrapper {
        text-align: center;
    }

        .audio-wrapper h3 {
            font-size: 20px;
        }

    .audio-item {
        text-align: left;
        padding: 1rem 0 2rem 0;
    }

        .audio-item h3 {
            font-size: 18px;
        }

        .audio-item .green-audio-player {
            border-radius: 0.5rem;
        }

    .full-audio .green-audio-player {
        height: 60px;
        background: #c0c7e1;
    }
}

.scroll_arrow {
    position: fixed;
    left: calc(50% - 32px);
    bottom: 4rem;
    background-color: rgba(70, 75, 107, 0.75);
    border-radius: 50%;
    cursor: pointer; /* 6 May 2025 --> Add this rule */
}

.scroll_icon img {
    max-width: 64px;
    max-height: 64px;
}


/*19 Dec 2024 -- Add the code from here till the end */

/* 7 June 2025 -- Replace .video-playlist-container */
.video-playlist-container {
    width: 100%;
    max-width: 1250px;
    margin: auto;
    text-align: left;
    padding: 0;
    position: relative;
}

.main-video-container {
    flex: 1 1 100%; /* 7 June 2025 -- Change the value */
    /* background-color: #fff; */ /* 6 MAY 2025 --> Hide this rule */
    padding: 15px 10%; /* 7 June 2025 -- Change the value */
    scroll-margin-top: 80px; /* 7 June 2025 -- Add this rule */
}

.main-video {
    margin-bottom: 7px;
    width: 100%;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 20px 25px -5px, rgba(0, 0, 0, 0.04) 0 10px 10px -5px;
    border: 2px solid #eee;
}

.main-video-title {
    font-size: 20px;
    color: #444;
    padding-top: 1rem;
}

.video-list-container {
    flex: 1 1 300px;
    /* background-color: #fff; */ /* 6 MAY 2025 --> Hide this rule */
    padding: 25px 15px;
    /* 7 June 2025 -- Add the following 3 rules */
    width: 100%;
    position: relative;
    scroll-margin-top: 250px;
}

.vlist {
    display: flex;
    align-items: center;
    gap: 15px;
    /* padding: 10px; 
    border: 1px solid #ddd; */ /* 7 June 2025 -- Remove padding and border rules */
    border-radius: 10px; /* 7 June 2025 -- Change value to 10px */
    margin-bottom: 2rem;
    background-color: #f5f5f5;
    cursor: pointer;
    /* 7 June 2025 -- Add the following rules */
    aspect-ratio: 1.77;
    border: none;
    scale: 1;
    transition: all linear 0.2s;
}

/* 7 June 2025 -- Add the enclosed classes -- START */
.vlist-wrapper {
    display: flex;
}

    .vlist-wrapper .vlist {
        width: 25%;
        aspect-ratio: 1.5;
        margin-right: 15px;
    }

.vlist-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: linear-gradient(0deg, #000D,#0008,transparent,transparent);
}

#investorcall {
    position: relative;
}

.invcall-hl-btn {
    position: absolute;
    right: 0;
    top: 17%; /* 18 Dec 2025 -- Change from 15% to 17% */
    padding: 10px 15px;
    background: #eee;
    border-radius: 25px 0 0 25px;
    box-shadow: 0 5px 10px #0002;
    color: var(--ic-blue); /* 18 Dec 2025 -- Change color value */
    font-weight: bold;
    display: flex;
    font-size: 16px;
    align-items: center;
    cursor: pointer;
}

    .invcall-hl-btn img {
        filter: invert(30%) sepia(28%) saturate(593%) hue-rotate(194deg) brightness(88%) contrast(92%); /* 18 Dec 2025 -- Change filter value */
        height: 20px;
        padding-right: 5px;
    }

/* 7 June 2025 -- Add the enclosed classes -- END */

.vlist:last-child {
    margin-bottom: 0;
}

/* 7 June 2025 -- Add the following class and rule */
.vlist-wrapper > .vlist:last-child {
    margin-bottom: 2rem;
    margin-right: 0;
}

.vlist.active {
    /*background-color: #fafafa;*/ /* 7 June 2025 -- Remove the rule */
    /* 7 June 2025 -- Add the following rules */
    transform: translateY(-10px) translateZ(0) !important;
    border: 3px solid var(--ic-orange);
    transition: all linear 0.2s;
}

    .vlist.active .list-title {
        color: var(--ic-orange);
    }

.label-nowplaying {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 12px;
    background: #0009;
    color: #FFF;
    font-weight: bold;
}

.vlist.active .label-nowplaying {
    display: block !important;
}

.container .video-list-container .vlist.active .vlist.title {
    color: #888;
}

/* 7 Jun 2025 -- Replace .list-video and .list-tile */

.list-video {
    width: 100%;
    border-radius: 8px;
    object-fit: cover;
    aspect-ratio: 1.5;
}

.list-title {
    color: #fff;
    font-weight: 100;
    position: absolute;
    bottom: 0;
    padding: 2rem;
    font-size: 1.75rem;
}

@media (max-width:500px) {
    /* 7 June 2025 -- Remove the enclosed classes -- START */
    /* .video-list-container {
      padding: 5px 0;
      flex: 1 1 auto;
      display: flex;
    }
    
    .vlist {
        margin-bottom: 10px;
        padding: 0 10px 0 0;
    }
    
    .list-video {
        width: 120px;
        border-radius: 5px 0 0 5px;
    }*/


    .list-title {
        font-size: 1.25rem;
    }

    /* 7 June 2025 -- Remove the enclosed classes -- END */

    .video-playlist-container {
        gap: 0;
    }

    .main-video {
        margin-bottom: 0;
    }

    .main-video-title {
        padding-top: 5px;
    }

    #investorcall {
        padding: 4rem 0;
        scroll-margin-top: 4rem;
    }

    /* 7 June 2025 -- Add the enclosed classes -- START */
    .main-video-container {
        padding: 5px 0;
    }

    .video-list-container {
        padding: 5px 0;
        flex: 1 1 auto;
        display: block;
    }

    .vlist-wrapper {
        display: block;
        margin-top: 15px;
    }

        .vlist-wrapper .vlist {
            width: 100%;
            min-width: 100%;
            aspect-ratio: 1.77;
            margin-right: 0;
        }

    .list-video {
        width: 100%;
        min-width: 100%;
        aspect-ratio: 1.77;
    }

    .list-title {
        font-size: 1.5rem;
    }

    .vlist.active {
        transform: none !important;
    }

    .invcall-hl-btn {
        display: none;
    }

    /* 7 June 2025 -- Add the enclosed classes -- END */

}

/* Current Research New Layout -- START (Replace or add the enclosed classes */

.whitepaper-modal {
    transition: transform 2s ease;
    transform: translateX(0);
    position: fixed;
    z-index: 1000;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(255,255,255);
    box-shadow: none;
}

    .whitepaper-modal.open {
        transform: translateX(-100%);
        box-shadow: rgba(0, 0, 0, 0.25) 0 54px 55px, rgba(0, 0, 0, 0.12) 0 -12px 30px, rgba(0, 0, 0, 0.12) 0 4px 6px, rgba(0, 0, 0, 0.17) 0 12px 13px, rgba(0, 0, 0, 0.09) 0 -3px 5px;
    }

.close-whitepaper-modal {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1001;
    display: flex;
    align-items: center;
    order: 2;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    /*cursor: pointer;*/ /* 7-Aug-2025 -- Remove this rule */
    padding: 10px 0 10px 15px;
    background: var(--ic-blue);
    width: 100%; /* 7-Aug-2025 -- Change width to 100% */
    max-width: 250px;
    box-sizing: border-box;
    border-right: 5px solid #ef9e24;
}

    .close-whitepaper-modal img {
        margin-right: 4px;
        filter: var(--filter-ic-blue);
        height: 20px;
    }

.whitepaer-content-wrapper {
    display: flex;
    width: 100%;
}

.whitepaper-navigation {
    max-width: 250px;
    background: var(--ic-blue);
    padding: 15px;
    height: 100%;
    min-height: 100vh;
    padding-top: 30px;
    border-right: 5px solid #ef9e24;
    overflow-y: scroll;
    position: fixed;
    -ms-overflow-style: none;
    scrollbar-width: none;
    /* 7-Aug-2025 -- Add rules -- START */
    width: 100%;
    z-index: 100;
    /* 7-Aug-2025 -- Add rules -- END */
}

.whitepapaer-navigation::-webkit-scrollbar {
    display: none;
}

.whitepaper-navigation-item {
    margin: 20px 0;
    border-radius: 5px;
    scroll-margin-top: 80px;
}

    .whitepaper-navigation-item img {
        width: 100%;
        cursor: pointer;
        border-radius: 5px;
        scale: 1;
        transition: all 0.33s ease-in;
    }

        .whitepaper-navigation-item img:hover {
            box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
            scale: 1.01;
            border: none;
        }

    .whitepaper-navigation-item.active {
        border: 1.5px solid #ef9e24;
    }

.whitepaper-buffer {
    max-width: 250px;
    height: 100vh;
}

.whitepaper-canvas {
    position: fixed;
    width: calc(100% - 250px);
    height: calc(100vh - 50px);
    min-height: calc(100vh - 50px);
    right: 0;
    /*overflow-y: scroll;*/
    background: #eee;
    text-align: center; /* 4-Aug-2025 - Add this rule */
    overflow: auto;
    box-sizing: border-box; /* 12-Aug-2025 - Add these rules */
    /*background-image: url(../images/common/loader2.gif);
    background-repeat: no-repeat;
    background-size: 75px auto;
    background-position: center;*/
}

.loader {
    width: 15px;
    aspect-ratio: 1;
    background: #000;
    border-radius: 50%;
    animation: l6 1s infinite linear alternate;
}

@keyframes l6 {
    0% {
        box-shadow: 15px 0,-25px 0
    }

    50% {
        box-shadow: 15px 0,-15px 0
    }

    100% {
        box-shadow: 25px 0,-15px 0
    }
}

.whitepaper-inner-html {
    width: 100%;
    min-height: 100vh;
}

.whitepaper-dl {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: var(--ic-blue);
    font-size: 12px;
    border-radius: 3px;
    padding: 8px 12px;
    z-index: 9999;
}

    .whitepaper-dl:hover {
        color: #ef9e24;
    }

    .whitepaper-dl a {
        color: #fff;
        font-weight: 300;
        transition: all 1s ease;
    }

        .whitepaper-dl a:hover {
            color: #ef9e24;
        }

/* Current Research New Layout -- END */

.harvardconf {
    background: #a41034;
    padding: 25vh 10%;
    color: #fff;
    text-align: left;
}

.coming-soon {
    background: #fff;
    color: #a41034;
    border-radius: 4px;
    width: 120px;
    text-align: center;
    font-weight: bold;
    padding: 5px;
    font-size: 12px;
}

.event-heading {
    font-size: 3.5rem;
    font-weight: bold;
    padding-top: 10px;
}

.event-details {
    padding: 10px 0;
}

.event-detail-row {
    display: flex;
    padding: 10px 0;
}

.event-detail-icon {
    max-width: 24px;
    margin-right: 10px;
}

    .event-detail-icon img {
        max-width: 24px;
    }

.event-detail-text {
    font-size: 16px;
}

@media (max-width:500px) {
    .event-heading {
        font-size: 2.75rem;
    }

    .event-detail-text {
        font-size: 18px;
    }
}

#indcon .container {
    width: 75%;
    padding: 0;
    margin: auto;
    margin-left: 12.5%;
    box-sizing: border-box;
}

.section-title {
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    color: rgba(255,255,255,0.6);
}

.indcon-desc-wrapper {
    display: flex;
    padding: 14px 0;
    width: 100%;
    max-width: 1000px;
    margin-bottom: 10px;
}

.indcon-heading {
    width: 650px;
    text-align: left;
    font-weight: 800;
    font-size: 36px;
    color: var(--ic-orange);
    line-height: 1.3;
    box-sizing: border-box;
    padding-right: 10px;
}

.indcon-heading-2_4 {
    width: 100%;
    text-align: justify;
    font-size: 42px;
}

.indcon-desc {
    width: 350px;
    max-width: 350px;
    text-align: justify;
    font-size: 13px;
    box-sizing: border-box;
    padding: 0;
    padding-top: 8px;
    color: rgba(255,255,255,0.5)
}

.indcon-video-player {
    position: relative;
}

.indcon-main-video {
    background-color: black;
    transition: opacity 0.5s ease;
    border-radius: 10px; /* India Conference New Video Player -- Change from 5px to 10px */
    opacity: 1;
    border: none;
}

    .indcon-main-video div iframe {
        display: inline-block;
        border-radius: 5px;
    }

.video-fade {
    opacity: 0;
}

.backToFullVideo {
    position: absolute;
    top: 0;
    left: 0;
    margin: 20px;
    background: #a41034;
    padding: 8px 10px;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    display: none;
    z-index: 500;
}

.indcon-highlights-wrapper h3 {
    text-align: left;
    color: var(--ic-orange);
    margin-top: 12px;
    font-size: 20px;
}

@keyframes slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.thumbnails-container {
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 24px;
    position: relative;
    white-space: nowrap;
}

.thumbnails-slider {
    display: flex;
    transition: all 0.3s ease-in-out;
}


.thumbnail {
    width: 200px;
    margin-right: 25px;
    cursor: pointer;
    text-align: center;
    border-radius: 2px;
    white-space: normal;
}

.thumbnail-image {
    position: relative;
    width: 100%;
    height: 112px;
    padding-top: 15px;
    box-sizing: border-box;
    transition: all 0.3s linear;
}

    .thumbnail-image:hover {
        margin-top: -15px;
        margin-bottom: 15px;
    }


    .thumbnail-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 2px;
    }

.now-playing {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fffd;
    color: #a41034;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: bold;
    margin: 10px;
    margin-right: 45px;
    border-radius: 3px;
    display: none;
}

.thumbnail-info {
    text-align: left;
    padding: 14px 0;
    margin-top: 0;
    transition: all 0.3s linear;
}
/*.thumbnail-image:hover ~ .thumbnail-info {
    margin-top: 15px;
}*/
.thumbnail-video-title {
    font-size: 16px;
    color: var(--ic-orange);
    line-height: 1.2;
    font-weight: bold;
}

.thumbnail-video-duration {
    font-size: 12px;
    color: rgba(255,255,255,0.5);
}

.progress-bar {
    height: 3px;
    width: 33%;
    margin: auto;
    background-color: rgba(255,255,255,0.25);
    position: relative;
    margin-top: 5px;
}

.progress-bar-fill {
    height: 100%;
    width: 30%;
    background-color: var(--ic-orange);
    position: absolute;
    left: 0;
    transition: left 0.3s ease;
}

.slider-navigation {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.arrow {
    color: var(--ic-orange);
    border: 2px solid var(--ic-orange);
    width: 36px;
    height: 36px;
    cursor: pointer;
    margin: 0 10px;
    border-radius: 100%;
    font-size: 12px;
    margin-top: 12px;
    background: transparent;
    transition: all 0.3s linear;
}

    .arrow:disabled {
        color: #ccc;
        border-color: #ccc;
        opacity: 0.5;
        cursor: not-allowed;
    }

/* 7 June 2025 -- New rules START */

.swiper_prev_InvCall, .swiper_next_InvCall {
    position: absolute;
    top: calc(50% - 24px);
    z-index: 1000;
    margin: 0;
    padding: 0;
    border: none;
    width: 40px;
    height: 40px;
}

.swiper_prev_InvCall {
    left: 0;
}

.swiper_next_InvCall {
    right: 0;
}

    .swiper_prev_InvCall img, .swiper_next_InvCall img {
        width: 100%;
    }

.swiper-slide-active {
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
    z-index: 10;
    scale: 1.1;
    transition: all linear 0.2s;
    /*border: 2px solid #ef9e24;*/
}

/* 7 June 2025 -- New rules END*/

.section-title-wrapper {
    display: flex;
}

.ich-logo {
    width: 275px;
    height: auto;
    /*opacity: 0.75;*/
    padding-right: 25px;
    border-right: 2px solid #ffffff99;
    margin-right: 25px;
}

    .ich-logo img {
        width: 100%;
        filter: brightness(0) invert(1);
    }

.ich-date {
    text-align: left;
    color: #fff;
    font-size: 14px;
    align-content: center;
}

.ich-date-2_4 {
    text-align: left;
    color: #fff;
    font-size: 20px;
    align-content: center;
}

.indcon-heading a {
    color: var(--ic-orange);
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}

    .indcon-heading a:after {
        display: block;
        content: '';
        width: 100%;
        height: 7px;
        background: var(--ic-orange)66;
        margin-top: -2px;
        transition: 0.3s all ease-in;
        border-radius: 2px;
    }

    .indcon-heading a:hover:after {
        background: var(--ic-orange);
    }


.popup-link {
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}

.popup-tk, .popup-dt {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 20px;
    z-index: 1000;
    max-width: 800px;
    width: 100%;
    animation: popup-appear 0.4s ease-in-out;
}

@keyframes popup-appear {
    from {
        opacity: 0;
        transform: translate(-50%, -60%);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.popup-content {
    display: flex;
    align-items: flex-start;
    padding: 20px;
}

    .popup-content img {
        width: 35%;
        border-radius: 5px;
    }

.popup-heading {
    margin-left: 20px;
}

    .popup-heading h2 {
        margin: 0;
        text-align: left;
        color: var(--ic-blue);
    }

    .popup-heading h3 {
        margin-top: 5px;
        font-size: 1rem;
        color: gray;
        letter-spacing: 1px;
        text-align: left;
        text-transform: uppercase;
        font-size: 16px;
    }

.popup-description {
    margin-top: 10px;
    text-align: justify;
    font-size: 14px;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--ic-grey);
    border: none;
    width: 30px;
    height: 30px;
    font-size: 2rem;
    cursor: pointer;
    z-index: 1001;
    border-radius: 50%;
}

.indcon-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}

.ich-title {
    font-size: 16px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.75);
    text-align: left;
    line-height: 1.25;
    width: 600px;
}

.ich-logo-r {
    height: 75px;
    width: calc(100% - 600px);
    opacity: 75%;
    text-align: right;
}

    .ich-logo-r img {
        height: 100%;
    }

.play-button {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: radial-gradient(#ffff, #ffff, #fff9, #fff0, #fff0);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
    display: block;
    height: 64px;
    width: 64px;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
    transition: all 0.3slinear;
    padding: 0;
    opacity: 0.75
}

    .play-button img {
        width: 100%;
        height: 100%;
    }

    .play-button:hover {
        box-shadow: 0 0 20px var(--ic-orange)99;
        background: radial-gradient(var(--ic-orange)ff,var(--ic-orange)ff,var(--ic-orange)99,var(--ic-orange)00,var(--ic-orange)00);
    }

.popup-ic-vid {
    transition: all 0.5s ease-in;
    /*animation: vid-appear 0.3s linear;*/
}

@keyframes vid-appear {
    from {
        opacity: 0;
        transform: translate(0, -5%);
    }

    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.popup-link-ic-playbtn {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vidPopupButton {
    margin: 22vh auto 18vh auto;
    height: 80px;
    width: 80px;
    background: radial-gradient(#ffff,#ffff,#fff9,#fff0,#fff0);
    border-radius: 50%;
    border: none;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    transition: all 0.3s linear;
    opacity: 0.75;
    padding: 0;
}

    .vidPopupButton:hover {
        box-shadow: 0 0 20px var(--ic-orange)99;
        background: radial-gradient(var(--ic-orange)ff,var(--ic-orange)ff,var(--ic-orange)99,var(--ic-orange)00,var(--ic-orange)00);
    }

    .vidPopupButton div img {
        width: 100%;
        height: 100%;
    }

/*.vidPopupButton div {
    box-shadow: 0px 9px 30px rgba(255, 149, 5, 0.1);
    height:100%;
    width: 100%;
    font-size: 32px;
    line-height: 80px;
    text-align: center;
}*/

.popup-link-ic-hls {
    display: block;
    width: auto;
    margin-bottom: 80px;
    justify-self: right;
    padding: 12px 18px;
    background: #0008;
    border-radius: 36px;
    transition: all 0.3s ease-in-out;
    position: absolute;
    right: 0;
    bottom: 0;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    backdrop-filter: blur(5px);
}

    .popup-link-ic-hls:hover {
        transform: translateY(-5px);
        box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    }

.popup-link-hls-a {
    display: flex;
    color: var(--ic-orange);
    align-items: center;
    font-size: 28px;
    cursor: pointer;
    justify-content: center;
    font-weight: bold;
}

.hls-icon-img {
    height: 36px;
    padding-left: 8px;
    vertical-align: middle;
}

.popup-link-hls-a:hover .hls-hdng, popup-link-hls-a:hover .hls-icon-img {
    color: var(--ic-orange);
    filter: none;
}

.hide-icvids {
    height: 0;
    width: 0;
    opacity: 0;
    overflow: hidden;
}

.indcon-image-bg {
    background: url('../images/indconf/background-4.webp') !important;
    height: 100%;
    background-attachment: fixed;
    background-position: 25% 75% !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.indcon-solid-bg {
    background: #6E2629;
}

.ichvidtitle {
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    color: var(--ic-orange);
    background: linear-gradient(180deg, #000A, #0007, transparent);
    width: 100%;
    padding: 20px;
    font-size: 24px;
    text-shadow: 0 3px 3px #0007;
    font-weight: bold;
    padding-bottom: 25px;
    transition: all 0.3s linear;
    border-radius: 5px 5px 0 0;
    display: none;
}

.thumbnail {
    width: 350px;
    margin-right: 10px;
}

.thumbnail-image {
    height: 195px;
    padding-top: 0;
}

    .thumbnail-image:hover {
        margin-top: 0;
        margin-bottom: 0;
    }

.indcon-main-video[poster] {
    object-fit: cover;
}

.thumbnail-info {
    text-align: left;
    padding: 30px 0 10px 15px;
    margin-top: 0;
    transition: all 0.3s linear;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 10px;
    background: linear-gradient(0deg, #000D, #000B, #0008, transparent);
    width: 100%;
    box-sizing: border-box;
    border-radius: 0 0 5px 5px;
}

#indcon {
    padding: 5rem 5rem 2rem 5rem;
}

    #indcon .container {
        width: 100%;
        max-width: 1500px;
        margin-left: auto;
        min-height: 85vh;
        position: relative;
    }

.ich-logo {
    width: 350px;
}

.indcon-desc-wrapper {
    max-width: 100%;
}

.indcon-heading-2_4 {
    font-size: 3.95vw;
    text-align: left;
    display: inline-block;
}

.indcon-video-wrapper {
    width: 90%;
    max-width: 1100px;
    margin: auto;
}

.indcon-video-player {
    margin: 30px auto;
    background: #000;
    border-radius: 10px;
    box-shadow: 0px 4px 8px -2px rgba(9, 30, 66, 0.25), 0px 0px 0px 1px rgba(9, 30, 66, 0.08);
    /*width: 100%;*/
    max-width: 1000px;
    max-height: 75vh;
    aspect-ratio: 16/9;
    /* display: inline-block; to remove overlap of video and slider */
}

.indcon-highlights-wrapper h3 {
    padding: 0 50px;
}

.indcon-highlights-wrapper {
    /* margin-top: 40px; to remove overlap of video and slider */
    scroll-margin-top: 100px;
}

#fullVideo {
    max-width: 1000px;
    width: 100%;
    max-height: 75vh;
    aspect-ratio: 16/9;
    margin-bottom: 0;
    display: block;
}

.swiper {
    padding-bottom: 90px;
}

button#leftArrow {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100000;
    width: 120px;
    height: 290px;
    border: none;
    border-radius: 0;
    background: linear-gradient(90deg, #6e2629FF, #6e2629FF, #6e2629AA, transparent);
    font-size: 30px;
    text-align: center;
    margin: 0;
    text-shadow: 0 0 15px #000;
    line-height: 0.5;
    text-align: left;
}

button#rightArrow {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100000;
    width: 120px;
    height: 290px;
    border: none;
    border-radius: 0;
    background: linear-gradient(270deg, #6e2629FF, #6e2629FF, #6e2629FF, #6e262933, transparent);
    font-size: 30px;
    text-align: center;
    padding-left: 30px;
    margin: 0;
    text-shadow: 0 0 15px #000;
}

#leftArrow div, #rightArrow div {
    margin-top: -60px;
}

    #leftArrow div img, #rightArrow div img {
        width: 44px;
        background: #0003;
        border-radius: 50%;
    }

.popup-heading h2 span {
    display: none;
}


@media (max-width: 500px) {
    #indcon {
        min-height: calc(100vh - 80px);
        padding: 5rem 0 0 0;
    }

    .section-title-wrapper {
        padding: 0 2rem;
    }

    .indcon-desc-wrapper {
        padding: 3rem 2rem 0 2rem;
    }

    .indcon-heading {
        padding-right: 0;
        font-size: 2.8rem;
    }

    .vidPopupButton {
        margin: 16vh auto;
    }

    .popup-link-ic-hls {
        width: fit-content;
        margin-inline: auto;
        left: 0;
        margin-bottom: 7rem;
    }

    .indcon-video-wrapper {
        width: 100%;
        padding: 0;
    }

    .indcon-video-player {
        margin: 0;
        border-radius: 0;
    }

    .indcon-main-video {
        border-radius: 0;
    }

    .indcon-highlights-wrapper h3 {
        padding: 2rem;
    }

    button#leftArrow {
        top: 40%;
        left: 3%;
        width: 50px;
        height: 50px;
        margin: 0;
        background: transparent;
    }

    button#rightArrow {
        background: transparent;
        top: 40%;
        right: 7% width: 50px;
        height: 50px;
        margin: 0;
    }

    .ichvidtitle {
        font-size: 1.5rem;
        width: 50%;
        padding-left: calc(50% - 20px);
        box-sizing: content-box;
        text-align: left;
    }

    .indcon-image-bg {
        background-position: 60% 100% !important;
    }

    .popup-tk, .popup-dt {
        padding: 1rem;
        width: 90%;
    }

    .popup-content {
        padding: 1.5rem;
        flex-wrap: wrap;
        justify-content: center;
    }

        .popup-content img {
            width: 50%;
            border-radius: 50%;
            aspect-ratio: 1 / 1;
            object-fit: cover;
        }

    .popup-heading {
        margin-left: 0;
        */ padding-top: 2rem;
    }

        .popup-heading h2 {
            text-align: center;
            padding-top: 1rem;
        }

            .popup-heading h2 span {
                display: block;
                height: 0;
            }
}


.ic-background-btn {
    position: absolute;
    top: 0;
    /*right: -5rem;*/
    background: #FFF;
    color: #6E2629;
    padding: 10px 20px;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    transform: translateX(0);
    align-items: center;
    display: flex;
    font-size: 14px;
    width: 160px;
    box-sizing: border-box;
    z-index: 99;
    height: 40px;
}

    .ic-background-btn:hover {
        background: #e6a56a;
    }

    .ic-background-btn img {
        /*filter: brightness(0) invert(1);*/
        display: inline-flex;
        padding-right: 6px;
        height: 18px;
        width: auto;
    }

.ic-goto-hl-btn {
    top: auto;
    bottom: 0;
}

.ic-background-btn-2 {
    position: absolute;
    top: 0;
    right: 0;
    /*background: #FFF;*/
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    transform: translateX(0) translateY(0);
    align-items: center;
    display: flex;
    font-size: 14px;
    box-sizing: border-box;
    z-index: 99;
}

    .ic-background-btn-2 img {
        filter: brightness(0) invert(1);
        display: inline-flex;
        padding-right: 6px;
        height: 18px;
        width: auto;
    }


    .ic-background-btn-2:hover {
        transform: translateY(-2px);
    }

/*.ic-goto-hl-btn img {
    height: 26px;
    transform: rotate(-90deg);
}*/

.ic-background-overlay {
    position: fixed;
    top: 0;
    right: -500px;
    width: 500px;
    height: 100%;
    background: white;
    /*box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);*/
    padding: 120px 30px 40px 30px;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    overflow-y: auto;
    transform: translateX(0);
    text-align: justify;
    font-size: 14px;
    z-index: 100;
}

    .ic-background-overlay p {
        padding-bottom: 12px;
    }

    .ic-background-overlay.open, .ic-background-btn.open, .ic-background-btn-2.open {
        transform: translateX(-500px);
        background: #fff;
        color: #6E2629;
    }

.ic-background-btn-2.open {
    transform: translateX(-490px);
}

    .ic-background-btn.open img, .ic-background-btn-2.open img {
        filter: none;
    }

.ic-background-substrate {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 98;
    display: none;
}

.ic-background-overlay-close {
    position: fixed;
    top: 90px;
    right: 30px;
    color: #000;
    cursor: pointer;
}

    .ic-background-overlay-close img {
        height: 20px;
    }

.ic-background-btn-phone {
    display: flex;
    color: #fff;
    font-size: 16px;
    color: #FFF;
    padding: 2rem;
    padding-bottom: 1.5rem;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    transform: translateX(0);
    align-items: center;
    width: fit-content;
}

    .ic-background-btn-phone img {
        display: inline-flex;
        filter: brightness(0) invert(1);
        height: 18px;
        padding-right: 6px;
        width: auto;
    }

@media (max-width: 500px) {
    .ic-background-btn-2 {
        transform: translateX(-50%) translateY(-50%);
        font-size: 16px;
        left: 50%;
        top: 70%;
        border-radius: 25px;
        background: #0009;
        backdrop-filter: blur(5px);
        width: fit-content;
    }

        .ic-background-btn-2:hover {
            transform: translateX(-50%) translateY(-50%);
        }

    ic-background-btn-2.open {
        transform: translateX(-50%) translateY(-50%);
    }

    .ic-background-overlay {
        top: 100%;
        right: auto;
        width: 100%;
        padding: 100px 30px 50px 30px;
    }

        .ic-background-overlay.open {
            transform: translateX(0) translateY(-100%) !important;
        }

    .ic-background-overlay-close {
        position: fixed;
        top: 70px;
        right: 30px;
        color: #000;
    }

        .ic-background-overlay-close img {
            height: 20px;
        }

    .ic-background-btn, .ic-goto-hl-btn {
        display: none;
    }
    /*.ic-background-btn-phone {
        display: flex;
        color: #fff;
        font-size: 16px;
        color: #FFF;
        padding: 2rem;
        padding-bottom: 1.5rem;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
        transform: translateX(0);
        align-items: center;
        width:fit-content;
    }*/
    .ic-background-btn-phone img {
        display: inline-flex;
        filter: brightness(0) invert(1);
        height: 18px;
        padding-right: 6px;
        width: auto;
    }
}

/* 17 July 2025 -- START -- style rules for new current research grid */
.grid {
    /*background: #EEE;*/
    max-width: 1272px;
    margin: 0 auto;
}

    .grid:after {
        content: '';
        display: block;
        clear: both;
    }

.grid-sizer,
.grid-item {
    width: 5%;
}

.grid-item {
    height: auto;
    float: left;
    /* vertical gutter */
    margin-bottom: 0;
    border-radius: 5px;
    padding: 2.5%;
    cursor: pointer;
}



.grid-item--width_half {
    width: 47.5%;
}

.grid-item--width5 {
    width: 5%;
}

.grid-item--width10 {
    width: 10%;
}

.grid-item--width15 {
    width: 15%;
}

.grid-item--width20 {
    width: 20%;
}

.grid-item--width25 {
    width: 25%;
}

.grid-item--width30 {
    width: 30%;
}

.grid-item--width35 {
    width: 35%;
}

.grid-item--width40 {
    width: 40%;
}

.grid-item--width45 {
    width: 45%;
}

.grid-item--width50 {
    width: 50%;
}

.grid-item--width55 {
    width: 55%;
}

.grid-item--width60 {
    width: 60%;
}

.grid-item--height2 {
    height: 100px;
}

.grid-item--height3 {
    height: 300px;
}

.grid-item--height3_5 {
    height: 350px;
}

.grid-item--height4 {
    height: 400px;
}

.grid-item--height4_5 {
    height: 450px;
}

.grid-item--height5 {
    height: 500px;
}

.grid-item--height5_5 {
    height: 550px;
}

.grid-item--height6 {
    height: 600px;
}

.grid-item--margin10 {
    margin-top: 10px;
}

.grid-item--margin20 {
    margin-top: 20px;
}

.grid-item--margin30 {
    margin-top: 30px;
}

.grid-item--margin40 {
    margin-top: 40px;
}

.grid-item--margin50 {
    margin-top: 50px;
}

.grid-item--margin40inv {
    margin-top: -40px;
}


.report-desc-container {
    width: 100%;
    border-radius: 1rem;
    padding: 2rem;
    box-sizing: border-box;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(0deg, #000C, transparent);
    align-items: end;
    backdrop-filter: none;
    transition: all linear 0.3s;
    pointer-events: none;
}

.report-text-container {
    display: block;
    width: 95%;
    align-content: center;
    text-align: left;
}

.report-subtitle {
    /*text-transform: uppercase;*/
    font-size: 12px;
    color: #f09e24;
    transition: all linear 0.3s;
}

.report-heading {
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    transition: all linear 0.2s;
}

.report-icon-container {
    display: block;
    width: 5%;
    align-content: center;
}

    .report-icon-container img {
        display: block;
        width: 22px;
        opacity: 0.66;
        filter: invert(1);
        padding-bottom: 8px;
    }

#philanthropy {
    margin-bottom: 0;
    padding: 8rem 0 6rem 0;
}

.footer {
    background: #edebe5;
}

.relativeDiv {
    position: relative;
    height: 100%;
    width: 100%;
}

/* 17 July 2025 -- END -- style rules for new current research grid */

/* Current Research New Layout -- Add a screen-width condition -- START */
/*@media (min-width: 500px) {
  .grid-item:hover .report-subtitle {
    font-size: 16px;
  }

  .grid-item:hover .report-heading {
    font-size: 24px;
  }
}*/
/* Current Research New Layout -- Add a screen-width condition -- END*/

.grid-item-buffer {
    display: block
}

@media (max-width: 500px) {
    .grid-item--width_half,
    .grid-item--width5,
    .grid-item--width10,
    .grid-item--width15,
    .grid-item--width20,
    .grid-item--width25,
    .grid-item--width30,
    .grid-item--width35,
    .grid-item--width40,
    .grid-item--width45,
    .grid-item--width50,
    .grid-item--width55,
    .grid-item--width60 {
        width: 100%;
    }

    .grid-item--height2,
    .grid-item--height3,
    .grid-item--height3_5,
    .grid-item--height4,
    .grid-item--height4_5,
    .grid-item--height5,
    .grid-item--height5_5,
    .grid-item--height6 {
        height: 275px;
    }

    .grid-item--margin10,
    .grid-item--margin20,
    .grid-item--margin30,
    .grid-item--margin40,
    .grid-item--margin50,
    .grid-item--margin40inv {
        margin-top: 0;
    }

    .grid-item-buffer {
        display: none;
        height: 0;
        width: 0;
    }
}

.invcall-desc {
    align-items: center;
    display: flex;
    height: fit-content;
    z-index: 99;
    justify-content: center;
    margin: 0 10%;
}

.invcall-desc-inner {
    margin: 0 15px 25px 15px;
    background: #EEE;
    padding: 10px 20px;
    color: #333;
    border-radius: 10px;
    font-size: 14px;
    text-align: justify;
    text-align-last: center;
}


/* Current Research New Layout -- START */

@media (max-width: 500px) {

    /* 28-Jul-2025 - Remove the commented out rules -- START */

    /* .whitepaper-navigation {
    min-width: 100%;
    overflow-x: scroll;
    width: 100%;
    min-height: 120px;
    bottom: 0;
    z-index: 1;
    left: 0;
    display: flex;
    gap: 15px;
    scroll-behavior: smooth;
    padding: 10px;
    height: fit-content;
    top: calc(100% - 120px);
    white-space: nowrap;
    overflow-y: hidden;
    max-width: 100%;
    border:none;
  }
  .whitepaper-navigation-item {
    height: 95px;
    margin: 0;
    aspect-ratio: 1.5;
    flex: 1 1 auto;
    display: inline-block;
  }*/

    /* 28-Jul-2025 - Remove the commented out rules -- END */

    /* 28-Jul-2025 - Add the following rules -- START */
    .whitepaper-navigation-container {
        display: none;
    }
    /* 28-Jul-2025 - Add the following rules -- END */

    .whitepaper-buffer {
        display: none;
    }

    .whitepaper-canvas {
        width: 100%;
        /* 28-Jul-2025 - Replace the following rules -- END */
        height: calc(100vh - 50px);
        min-height: calc(100vh - 50px);
        /* 28-Jul-2025 - Replace the following rules -- END */
        margin-top: 50px;
        background: #fff;
    }

    .close-whitepaper-modal {
        display: none;
        border: none;
        /*background: #0009;*/
        margin: 10px;
        padding: 5px 12px 5px 10px;
        border-radius: 20px;
        width: fit-content;
        font-size: 12px;
    }

    .whitepaper-dl {
        top: 0;
        right: 0;
        bottom: inherit;
        margin: 10px;
        /*background: #0009;*/
        padding: 6px 10px;
        font-size: 12px;
        border-radius: 20px;
        display: none;
    }

    .whitepaper-modal {
        background: #dedede;
    }

    .now-playing {
        background-color: #fff9;
        margin: 20px 10px;
        margin-right: 10px;
        backdrop-filter: blur(5px);
    }
}

.whitepaper-modal-toolbar {
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    padding: 10px 15px;
    display: flex;
}

.whitepaper-close, .whitepaper-download, .whitepaper-zoom-controls {
    width: 10%;
    height: 30px;
    display: inline-block;
    cursor: pointer;
}

.whitepaper-zoom-controls {
    width: 80%;
}

.whitepaper-download {
    text-align: right;
}

.whitepaper-zoom-controls {
    display: flex;
    justify-content: center;
}

.whitepaper-zoom {
    height: 100%;
    width: 20%;
    text-align: center;
    background: #efefef;
    border: 1px solid #999;
    padding: 2px 5px;
}

.zoom-in {
    border-radius: 5px 0 0 5px;
    border-right: none;
}

.zoom-out {
    border-radius: 0 5px 5px 0;
}

.whitepaper-close img, .whitepaper-download img, .whitepaper-zoom-controls .whitepaper-zoom img {
    height: 100%;
    /*opacity: 0.75;*/
    filter: var(--filter-ic-blue);
}

.whitepaper-download span {
    display: none;
}

@media (min-width: 500px) {
    .whitepaper-modal-toolbar {
        left: 0;
        padding: 10px 15px;
        text-align: center;
        right: 0;
        /*transform: translateX(-25px);*/
        width: 100%;
        justify-content: center;
        margin-left: 130px;
        background: #eee;
    }

    .invisible {
        display: none;
    }

    #whitepaper-canvas.page-adjust {
        top: 0;
        overflow: hidden;
    }

    .whitepaper-close {
        display: none;
    }

    .whitepaper-zoom-controls {
        display: flex;
        justify-content: center;
        margin-right: 15px;
        /*box-shadow: 0 5px 5px #0005;*/
        border-radius: 5px;
        width: fit-content;
    }

    .whitepaper-zoom {
        height: 100%;
        width: 60px;
        text-align: center;
        background: #efefef;
        border: 1px solid #999;
        padding: 0;
    }

    whitepaper-close img, .whitepaper-download img, .whitepaper-zoom-controls .whitepaper-zoom img {
        height: 100%;
        padding: 2px;
    }

    .whitepaper-download {
        text-align: center;
        justify-content: center;
        background: var(--ic-blue);
        width: fit-content;
        padding: 0;
        border-radius: 5px;
        /*box-shadow: 0 5px 5px #0005;*/
    }

        .whitepaper-download img {
            filter: invert(1);
            opacity: 1;
            padding: 4px 4px 4px 10px;
        }

        .whitepaper-download span {
            display: inline-block;
            padding-right: 10px;
            font-size: 12px;
        }

    .whitepaper-canvas {
        top: 50px;
    }
}

.whitepaper-dl {
    display: none;
}

@media (max-width: 1024px) and (min-width: 501px) {
    .close-whitepaper-modal, .whitepaper-navigation {
        width: 200px !important;
        max-width: 200px;
    }

    .whitepaper-canvas {
        width: calc(100% - 200px);
    }
}
/* Current Research New Layout -- END */

/* India Conference New Video Player -- START */

.video-player {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    margin-bottom: -7px;
    box-shadow: 0 0 10px 15px #0001;
}

@media (max-width: 500px) {
    .video-player {
        border-radius: 0;
    }
}
/*.report-desc-container {
      padding: 4rem 2rem 2rem 2rem;
      top: auto;
      bottom: 0;
      left: 0;
      height: fit-content;
      background: linear-gradient(0deg, #000C, transparent);
  }*/
/* India Conference New Video Player -- END */


/* 22-Jul-2025 Add these rules START */
.whitepaper-loader-container {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.whitepaper-loader {
    width: 60px;
    max-width: 60px;
    aspect-ratio: 2;
    --_g: no-repeat radial-gradient(circle closest-side,var(--ic-blue) 90%,#464b6b00);
    background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
    background-size: calc(100%/3) 50%;
    animation: l3 1s infinite linear;
}

@keyframes l3 {
    20% {
        background-position: 0% 0%, 50% 50%,100% 50%
    }

    40% {
        background-position: 0% 100%, 50% 0%,100% 50%
    }

    60% {
        background-position: 0% 50%, 50% 100%,100% 0%
    }

    80% {
        background-position: 0% 50%, 50% 50%,100% 100%
    }
}

.whitepaper-hidden {
    display: none;
}

@media (min-width: 501px) {
    .whitepaper-loader-container {
        left: calc(50% + 95px);
    }
}

@media (max-width: 500px) {
    .whitepaper-loader-container {
        left: calc(50% - 30px);
    }
}

.loader {
    display: none; /* Hide pdf-js default loader */
}


/* HTML: <div class="loader"></div> */
.loader {
    width: 60px;
    aspect-ratio: 2;
    --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
    background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
    background-size: calc(100%/3) 50%;
    animation: l3 1s infinite linear;
}

@keyframes l3 {
    20% {
        background-position: 0% 0%, 50% 50%,100% 50%
    }

    40% {
        background-position: 0% 100%, 50% 0%,100% 50%
    }

    60% {
        background-position: 0% 50%, 50% 100%,100% 0%
    }

    80% {
        background-position: 0% 50%, 50% 50%,100% 100%
    }
}


/* 22-Jul-2025 Add these rules END */

/* 4-Aug-2025 -- Add the enclosed rules -- START*/
/*.pdf-page {
  display: block;
  margin: 20px auto;          
  max-width: none;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);          
  background: white;  
}

.pdf-page:first-child {
  margin-top: 0;
}*/
/* 4-Aug-2025 -- Add the enclosed rules -- START*/

/* 6-Aug-2025 -- Change Current Research modal desktop back button */
.close-wp-btn-desk {
    background: #eeeeee;
    padding: 5px 15px;
    color: var(--ic-blue);
    border-radius: 4px;
    display: flex;
    font-weight: bold;
    cursor: pointer /* 7-Aug-2025 -- Add this rule */
}

/* 7-Aug-2025 -- Add the following */
.whitepaper-navigation-container {
    width: 20%;
    max-width: 250px;
}

/* 12-Aug-2025 -- Add these rules -- START */
.pdf-wrapper {
    display: flex;
    justify-content: center;
    padding: 10px 0;
}

.pdf-page {
    display: block;
    max-width: none;
    height: auto;
    margin: 0;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 20px rgba(0,0,0,.08);
}

/* Make sure modal overlay doesn't block clicks (if you haven't already) */
.team-modal::after,
.report-modal::after {
    pointer-events: none;
}


.team-modal {
    position: fixed;
}

.modal-team-management-image {
    width: 22rem !important;
    height: 22rem !important;
    min-width: 22rem !important;
    min-height: 22rem !important;
    filter: grayscale(0%) !important;
}


@media (max-width: 500px) {

    .team-modal__inner {
        scrollbar-width: none;
        margin-right: 0 !important;
    }

    .close-modal {
        position: absolute !important;
        top: 16px;
        right: 20px;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
        height: 34px;
        width: 34px;
    }

        .close-modal svg {
            height: auto;
            width: auto;
            padding: 8px;
        }

    .team-modal {
        padding: 20px 10px !important;
    }

    .modal-logo {
        padding: 0 10px !important;
    }

    .modal-team-management-image {
        width: 180px !important;
        height: 180px !important;
        min-width: 180px !important;
        min-height: 180px !important;
    }

    .team-modal__inner p {
        padding: 0 10px;
    }

    .modal-team-member-header {
        padding-top: 10px;
    }
}

.team-modal__inner {
    height: fit-content;
    30px !important;
    position: relative;
    z-index: 2;
    display: block;
}

/* Smooth, synchronous swap of image + text in team modal */
#modal-img,
#modal-name, #modal-pos,
#modal-bio1, #modal-bio2, #modal-bio3, #modal-bio4, #modal-bio5 {
    transition: opacity .18s ease, transform .18s ease;
}

.team-modal__inner.is-swapping #modal-img,
.team-modal__inner.is-swapping #modal-name,
.team-modal__inner.is-swapping #modal-pos,
.team-modal__inner.is-swapping #modal-bio1,
.team-modal__inner.is-swapping #modal-bio2,
.team-modal__inner.is-swapping #modal-bio3,
.team-modal__inner.is-swapping #modal-bio4,
.team-modal__inner.is-swapping #modal-bio5 {
    opacity: 0;
    transform: translateY(2px);
    pointer-events: none; /* avoid clicks mid-swap */
}


/* --- Team modal: image + side arrows --- */
.modal-team-member-header {
    position: relative;
    text-align: center;
}

/* The image wrapper anchors the arrows */
.team-photo-wrap {
    position: relative;
    display: inline-block; /* hug the image width */
}

/* Ensure circular photo and predictable size (adjust if you like) */
.modal-team-management-image {
    width: 22rem; /* desktop size */
    height: 22rem;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    margin: 0 auto 1rem;
}

/* Common arrow button styles */
.photo-nav {
    position: absolute;
    top: 50%;
    /*transform: translateY(-50%);*/
    width: 44px;
    height: 44px;
    border-radius: 9999px;
    border: 1px solid rgba(0,0,0,.15);
    background: #fff;
    display: grid;
    place-items: center;
    padding: 0;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(0,0,0,.12);
    transition: opacity .18s ease, transform .12s ease, box-shadow .12s ease, background .12s ease;
    z-index: 3;
}

    .photo-nav img {
        width: 22px;
        height: 22px;
    }

    .photo-nav.prev {
        left: -12px;
    }
    /* slightly outside the photo edge */
    .photo-nav.next {
        right: -12px;
    }

        .photo-nav.next img {
            transform: rotate(180deg);
        }

    .photo-nav:hover {
        transform: scale(1.03);
        box-shadow: 0 10px 24px rgba(0,0,0,.16);
    }

    .photo-nav:active {
        transform: scale(1.00);
        box-shadow: 0 6px 18px rgba(0,0,0,.12);
    }

    .photo-nav,
    .photo-nav:focus {
        outline: none;
        -webkit-tap-highlight-color: transparent;
    }

        .photo-nav:focus-visible {
            box-shadow: 0 0 0 3px rgba(0,0,0,.15), 0 6px 18px rgba(0,0,0,.12);
        }

/* Make room and size down on small screens; layout stays the same */
@media (max-width: 500px) {
    .modal-team-management-image {
        width: 18rem;
        height: 18rem;
        min-width: 18rem;
        min-height: 18rem;
    }

    .photo-nav {
        width: 40px;
        height: 40px;
        transition: opacity .18s ease, transform .12s ease, box-shadow .12s ease, background .12s ease;
    }

        .photo-nav img {
            width: 20px;
            height: 20px;
        }

        .photo-nav.prev {
            left: 6px;
        }
        /* tuck inside on narrow screens */
        .photo-nav.next {
            right: 6px;
        }
}

/* Keep side arrows visible and on top during swaps */

/* Optional: a11y focus ring when they *are* visible */
.photo-nav:focus-visible {
    box-shadow: 0 0 0 3px rgba(0,0,0,.15), 0 6px 18px rgba(0,0,0,.12);
}

/* Keep your existing transitions for #modal-img, #modal-name/#modal-pos, #modal-bio* */


/* Panel entrance: subtle lift+scale */
.team-modal__inner {
    transform: translateY(8px) scale(.985);
    opacity: 0;
    transition: transform .28s cubic-bezier(.2,.7,.2,1), opacity .28s ease;
    will-change: transform, opacity;
}

/* When modal is open, bring the panel into place */
.team-modal.is-open .team-modal__inner {
    transform: translateY(0) scale(1);
    opacity: 1;
}

close-modal {
    position: absolute !important; /* anchor instead of flow */
    top: 20px !important; /* adjust to taste */
    right: 24px !important;
    z-index: 1001;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    font-weight: 300;
    font-size: 3rem;
    line-height: 3rem;
    margin: 0; /* no left margin pushing it around */
    cursor: pointer;
}

#modal-skeleton {
    width: calc(100vw - 38rem);
}

/* 12-Aug-2025 -- Add these rules -- END */

/* 14-Aug-2025 -- Add disabled button rules */
#prev-member[disabled],
#next-member[disabled] {
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
    filter: grayscale(80%);
}

/* 28 Nov 2025 -- 30 Years -- START */

#thirty-years {
    position: relative;
    background-image: url(../images/30yrs/bg2.jpg) !important;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    height: calc(100vh - 80px);
    background-size: cover;
    scroll-margin-top: 100px;
}

.ty-container {
    position: relative;
    background: #0005;
    height: 100%;
    width: 100%;
}

.ty-l1-navbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    padding: 3rem 4rem;
    background: #0005;
    gap: 30px;
    z-index: 10;
}

.ty-l1-navbar-item {
    width: 120px;
    text-align: center;
    background: #fff3;
    height: 40px;
    align-content: center;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
}

.ty-l1-navbar-item, .ty-l1-navbar-item-link {
    transition: all linear 0.5s;
}

    .ty-l1-navbar-item:hover {
        background: #fff;
        color: #000;
    }

        .ty-l1-navbar-item:hover .ty-l1-navbar-item-link {
            color: #000;
        }

.ty-l1-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ty-l1-play-btn {
    background: none;
    filter: invert(1);
    height: 100px;
    width: 100px;
    border: none;
}

    .ty-l1-play-btn img {
        height: 100%;
        width: 100%;
    }

.ty-l1-title {
    position: absolute;
    left: 0;
    bottom: 80px;
    padding: 3rem;
    color: #fff;
    width: 55%;
    text-align: left;
    font-size: 24px;
}

    .ty-l1-title h1 {
        font-weight: 800;
        line-height: 1.25;
    }

#TYL2Vid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ty-l2-video-player {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.ty-l2-video-title {
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 5rem;
    height: 100%;
    background-image: radial-gradient(circle at 20% 50%, #0008, #0002);
    width: 100%;
    align-content: center;
    text-align: left;
    color: #fff;
    font-size: 24px;
    text-shadow:
}

    .ty-l2-video-title h1 {
        width: 55%;
        padding-top: 200px;
        font-weight: 800;
        line-height: 1.25;
    }

.ty-l2-play {
    top: 45%;
    z-index: 11;
}

.ty-l2-highlights-container, .ty-l2-speakers-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    padding: 5rem;
    background-image: radial-gradient(circle at 20% 50%, #0008, #0002);
}

.ty-l2-hl-title {
    position: absolute;
    top: 20%;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
}

    .ty-l2-hl-title h1, .ty-l2-speakers-title h1 {
        font-size: 20px;
        font-weight: 200;
    }

.swiper.swiper-ty {
    padding-bottom: 0 !important;
    top: 23%;
}

/*.swiper-wrapper.swiper-wrapper-ty {
    display: flex;
    gap: 5rem;
}*/

.swiper-slide.swiper-slide-ty {
    width: 350px;
    height: auto;
    aspect-ratio: 1.66;
    object-fit: cover;
    position: relative;
    overflow: clip;
    border-radius: 10px;
    border: 2px solid #fff;
    cursor: pointer;
}

    .swiper-slide.swiper-slide-ty.swiper-slide-active {
        box-shadow: none !important;
        z-index: 9 !important;
        scale: 1 !important;
        transition: all linear 0.2s;
    }

    .swiper-slide.swiper-slide-ty img {
        width: 100%;
        height: 100%;
        display: block;
    }

.ty-l2-hl-thumb-title {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    vertical-align: bottom;
    align-items: baseline;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, #000D, #0008, transparent);
}

    .ty-l2-hl-thumb-title h3 {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 1rem 2rem;
        color: #fff;
        font-weight: 200;
        font-size: 18px;
    }

.ty-l2-hl-duration {
    position: absolute;
    top: 0;
    right: 0;
    margin: 24px 0;
    height: 25px;
    width: 80px;
    background: var(--ic-orange);
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px 0 0 13px;
}

.ty-l2-hl-heading {
    position: absolute;
    top: 66%;
    left: 0;
    padding: 0 5rem;
    width: 100%;
    align-content: center;
    text-align: left;
    color: #fff;
    font-size: 24px;
}

    .ty-l2-hl-heading h1 {
        width: 55%;
        font-weight: 800;
        line-height: 1.33;
    }

.ty-l2-speakers-container {
    padding: calc(90px + 5rem) 5rem 5rem 5rem;
    background-image: radial-gradient(circle at 20% 50%, #000a, #0007);
}

.ty-l2-speakers-title {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
    z-index: 11;
    position: relative;
    text-align: left;
}

.ty-l2-speakers-list {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-bottom: 40px;
}

.ty-l2-speakers-list-item {
    width: 20%;
    max-width: 300px;
    aspect-ratio: 1;
    object-fit: cover;
    overflow: clip;
    height: auto;
    border: 2px solid #fff;
    border-radius: 10px;
    position: relative;
}

    .ty-l2-speakers-list-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

.ty-l2-speaker-desc-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000D, #0007, #0000);
}

.ty-l2-speaker-desc {
    position: absolute;
    text-align: left;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 16px 22px;
}

    .ty-l2-speaker-desc h3 {
        font-weight: 600;
        font-size: 18px;
    }

    .ty-l2-speaker-desc h5 {
        font-weight: 200;
        font-size: 14px;
    }

.ty-l2-speaker-heading {
    width: 100%;
    align-content: center;
    text-align: left;
    color: #fff;
    font-size: 24px;
}

    .ty-l2-speaker-heading h1 {
        width: 55%;
        font-weight: 800;
        line-height: 1.33;
    }

.ty-l2-desc-container {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.ty-l2-desc-content {
    width: 60%;
    overflow-y: scroll;
    color: #fff;
    text-align: justify;
    padding-right: 3rem;
}

    .ty-l2-desc-content::-webkit-scrollbar, .ty-l2-desc-img-container::-webkit-scrollbar {
        width: 8px;
        background: #FFF0;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.3) 33%, rgba(255, 255, 255, 0.3) 67%, rgba(255, 255, 255, 0) 67%, rgba(255, 255, 255, 0) 100%);
        border-radius: 8px;
    }

    .ty-l2-desc-content::-webkit-scrollbar-thumb, .ty-l2-desc-img-container::-webkit-scrollbar-thumb {
        background: #aaa;
        border-radius: 8px;
    }

.ty-l2-desc-title {
    margin-bottom: 0;
    padding-bottom: 1rem;
}

.ty-l2-desc-body {
    font-size: 16px;
    padding-bottom: 2rem;
    color: #ccc;
}

    .ty-l2-desc-body p {
        padding-bottom: 1rem;
    }

.ty-l2-desc-img-container {
    width: 30%;
    overflow-y: scroll;
    padding-right: 3rem;
}

.ty-l2-desc-img {
    width: 100%;
    aspect-ratio: 1.66;
    height: auto;
    object-fit: cover;
    margin-bottom: 20px;
    border-radius: 10px;
    border: 2px solid #fff;
}

    .ty-l2-desc-img img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }

.noshow {
    display: none !important;
}

.show {
    display: inherit;
}

div#tyBackToMainVid {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
    padding: 3rem 5rem;
}

div#tyBack {
    width: fit-content;
    padding: 0 2rem;
}

.ty-l1-float-nav {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.ty-fmn-list-item {
    display: flex;
    gap: 7px;
    align-items: center;
    padding: 5px 10px;
    border-radius: 7px;
    background: #000a;
    margin-bottom: 10px;
    height: 44px;
    cursor: pointer;
}

.ty-fmn-li-img {
    width: 20px;
    height: 20px;
    object-fit: cover;
}

    .ty-fmn-li-img img {
        width: 100%;
        height: 100%;
        display: block;
        filter: invert(1);
    }

.ty-fmn-li-text {
    color: #fff;
    display: none;
    opacity: 0;
    transition: all liner 1s;
    font-size: 14px;
}

.ty-l1-float-nav:hover .ty-fmn-li-text {
    opacity: 1;
    display: inline-block;
}

.ty-fmn-list-item:hover .ty-fmn-li-text {
    color: var(--ic-orange);
}

.ty-fmn-list-item:hover .ty-fmn-li-img img {
    filter: invert(60%) sepia(90%) saturate(303%) hue-rotate(349deg) brightness(88%) contrast(93%);
}


/* 15 Dec 2025 -- Add the enclosed rules -- START */
.whitepaper-navigation-item {
    position: relative;
}

    .whitepaper-navigation-item .report-desc-container {
        background: linear-gradient(#0000,#0002,#0006,#0009);
        border-radius: 10px;
        right: 0;
        left: auto;
        justify-content: right;
    }

        .whitepaper-navigation-item .report-desc-container .report-text-container .report-heading {
            font-size: 12px;
            text-align: right;
        }

        .whitepaper-navigation-item .report-desc-container .report-text-container .report-subtitle {
            font-size: 9px;
            font-style: italic;
            font-weight: bold;
            color: #fff;
            text-align: right;
        }

    .whitepaper-navigation-item .report-desc-container {
        padding: 10px;
    }

.whitepaper-navigation-item {
    aspect-ratio: 1.5;
}

    .whitepaper-navigation-item img {
        height: 100%;
        object-fit: cover;
    }
/* 15 Dec 2025 -- Add the enclosed rules -- END */