/* === GLOBAL CSS ===*/
:root{
  
    /*colour*/
    --cobalt-dark:#060F76;
    --cobalt-prime:#1136A8;
    --cobalt-light:#1D5EDC;
    --graphite-dark:#191919;
    --graphite-prime:#3F3F3F;
    --graphite-light:#666666;
    --chroride-dark:#00856E;
    --chroride-prime:#00AC8E;
    --chroride-light:#00D3AF;
    --argon-dark:#850048;
    --argon-prime:#AF015F;
    --argon-light:#D90276;
    --oxide-dark:#FC9628;
    --oxide-prime:#FCB828;
    --oxide-light:#FCDA28;
    --lithium-dark:#370180;
    --lithium-prime:#5715B0;
    --lithium-light:#7729E0;
    --white-dark:#F1F3F4;
    --white-prime:#F6F7F9;
    --white-light:#FFFFFF;
    --text-color:#4D4D4D;
    --white-smoke:##F5F5F5;

    /*Gradients*/
    --cobalt-gradient:linear-gradient(90deg, #060F76 0%, #1D5EDC 100%);
    --graphite-gradient:linear-gradient(90deg, #191919 0%, #666666 100%);
    --chroride-gradient:linear-gradient(90deg, #00856E 0%, #00D3AF 100%);
    --argon-gradient:linear-gradient(90deg, #850048 0%, #D90276 100%);
    --oxide-gradient:linear-gradient(90deg, #FC9628 0%, #FCDA28 100%);
    --lithium-gradient:linear-gradient(90deg, #370180 0%, #7729E0 100%);

    /*shadow*/
    --big-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --small-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);

    /*overlays*/
    --cobalt-overlay-default: linear-gradient(91.08deg, rgba(6, 15, 118, 0.5) 1.16%, rgba(6, 15, 118, 0) 77.01%);
    --cobalt-overlay-hover: linear-gradient(90deg, rgba(6, 15, 118, 0.8) -7.62%, rgba(6, 15, 118, 0) 100%);

    /*font-family*/
    --neuzeit-grotesk: "neuzeit-grotesk",sans-serif;
    --neuzeit-grotesk-condensed: "neuzeit-grotesk-condensed",sans-serif; 
    --neuzeit-grotesk-extra-conden: "neuzeit-grotesk-extra-conden",sans-serif; 
  }

/*=== HTML BODY ===*/
html{-webkit-text-size-adjust:none;font-size:10px;-webkit-font-smoothing:antialiased;}
body{font-family: var(--neuzeit-grotesk);background-color:var(--white-light);color:var(--graphite-prime);font-weight:400;font-size:  clamp(1.4rem, 1.3rem + 0.208vw, 1.6rem) !important;line-height:2.2rem;margin: 0;overflow-x: hidden;}
/*=== HTML BODY ===*/

/*=== CONTAINER ===*/
.container-fluid { max-width:1200px; padding-right: 15px; padding-left: 15px; } 
.container { padding-right: 15px; padding-left: 15px; } 
.row { margin-right: -15px; margin-left: -15px; } 
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 15px; padding-left: 15px; } 

@media all and (max-width: 991.98px){
    .container-fluid { padding-right: 32px; padding-left: 32px; } 
    .container { padding-right: 32px; padding-left: 32px; } 
    .row { margin-right: -8px; margin-left: -8px; } 
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 8px; padding-left: 8px; } 
}
@media all and (max-width: 767.98px){
	.container-fluid { padding-right: 16px; padding-left: 16px; } 
    .container { padding-right: 16px; padding-left: 16px; } 
    .row { margin-right: -8px; margin-left: -8px; } 
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 8px; padding-left: 8px; } 
}
/*=== CONTAINER ===*/

/*=== POSITIONS ===*/
.position-inherit{position: inherit;}
.position-relative{position: relative;}
/*=== POSITIONS ===*/

/*=== HIDDEN ===*/
.invisible {position: absolute;left: -9999999px;top: auto;width: 1px;height: 1px;overflow: hidden;visibility: visible !important;background-color: var(--cobalt-dark);}

.sktmain.visible{position: absolute;left: 0;top: 0;width: auto;height: auto;overflow: hidden;visibility: visible !important;z-index: 11;background-color: var(--cobalt-dark);}
.sktmain.visible > a{color: #fff; text-decoration: none;font-size: 1.8rem;line-height: normal;padding: 10px 30px;background: var(--black-color);display: block;}

noscript{width: 100%}
noscript.background{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;}
noscript > .nojs{position: absolute;width: 100%;height: 100%;top: 0;left:0;z-index: 0;}
.nojs .jsBackDiv{display: none !important}
noscript.autowidth{width: auto}

noscript.image{width: auto;}
noscript.image > .image{width: 100%;}
/*=== HIDDEN ===*/

iframe{border: 0}

/*=== MODULE STYLES ===*/
header.mega-header + .main-content-wrapper{/*margin-top: 130px*/ margin-top:212px;}
body#ip3-Homepage header.mega-header + .main-content-wrapper:has(> section.multiple-signpost) {margin-top: 82px;}
.ip3-preview header.mega-header + .main-content-wrapper, .ip3-edit header.mega-header + .main-content-wrapper{margin-top:0}
.module-wrapper{padding: 64px 0px 64px 0px;}
.banner-wrapper{padding: 0px 0px 64px 0px;}
.banner-wrapper{margin-top: -130px;}
.white-color *{color: var(--white-light);}

@media all and (max-width: 991.98px){
.module-wrapper{padding: 32px 0px 32px 0px;}
.banner-wrapper{padding: 0px 0px 64px 0px;}
header.mega-header + .main-content-wrapper{margin-top: 56px;}
}
@media all and (max-width: 767.98px){
.module-wrapper{padding: 24px 0px 24px 0px;}
.banner-wrapper{padding: 0px 0px 40px 0px;}
}
/*=== MODULE STYLES ===*/

/*=== IMAGE STYLES ===*/
figure{margin: 0}
figcaption{display: none !important}
img{width: 100%; height: auto;object-fit: cover;}
/*=== IMAGE STYLES ===*/

/*=== TYPOGRAPHY STYLES ===*/
.h1-stats-large{font-size: clamp(8.8rem, 6.2rem + 5.417vw, 14rem) !important;line-height: 16.8rem;font-weight: 700;}
.h1-stats-small{font-size: clamp(5.6rem, 4.4rem + 2.5vw, 8rem) !important;line-height: 9.2rem;font-weight: 700;}
h1, .h1{font-size: clamp(4rem, 2.4rem + 3.333vw, 7.2rem) !important;line-height: 8.0rem;font-weight: 700;}
.h2-plus{font-size: clamp(3.2rem, 2rem + 2.5vw, 5.6rem) !important;line-height: 6.4rem;font-weight: 700;}
h2, .h2{font-size: clamp(2.8rem, 1.8rem + 2.083vw, 4.8rem) !important;line-height: 5.8rem;font-weight: 700;}
h3, .h3{font-size: clamp(2.4rem, 1.6rem + 1.667vw, 4rem) !important;line-height: 4.8rem;font-weight: 700;}
h4, .h4{font-size: clamp(2rem, 1.4rem + 1.25vw, 3.2rem) !important;line-height: 4.0rem;font-weight: 400;}
h5, .h5{font-size: clamp(1.6rem, 1.2rem + 0.833vw, 2.4rem) !important;line-height: 3.2rem;font-weight: 400;}
h6, .h6{font-size: clamp(1.4rem, 1.1rem + 0.625vw, 2rem) !important;line-height: 2.8rem;font-weight: 700;}

.body-large, .body-large *{font-size: clamp(1.6rem, 1.5rem + 0.208vw, 1.8rem) !important;line-height: 2.8rem;}
p,.body-small{font-size: clamp(1.4rem, 1.3rem + 0.208vw, 1.6rem) !important;line-height: 2.2rem;}
.quote{font-size: clamp(2rem, 1.8rem + 0.417vw, 2.4rem) !important;line-height: 3.2rem;font-weight: 400;}
.intro{font-size: clamp(1.8rem, 1.6rem + 0.417vw, 2.2rem) !important;line-height: 3.3rem;}
.tag-big{font-size: clamp(1.4rem, 1.3rem + 0.208vw, 1.6rem) !important;line-height: 2.4rem;font-weight: 500;}
.tagSmall{font-size:  clamp(1.2rem, 1.1rem + 0.208vw, 1.4rem) !important;line-height: 2.0rem;font-weight: 500;}
.cta{font-size: clamp(1.6rem, 1.4rem + 0.417vw, 2rem) !important;line-height: 2.8rem;font-weight: 700;}
.nav-big{font-size:clamp(1.8rem, 1.7rem + 0.208vw, 2rem) !important;line-height: 2.4rem;}
.nav-small{font-size: clamp(1.6rem, 1.6rem + 0vw, 1.6rem) !important;line-height: 2.0rem;}

ul{padding: 0;list-style: none}
ul li{line-height: 2.4rem;margin: 0px 0px 18px 0px;letter-spacing: 0;}
ul li, li, .disc-list li{list-style-type: disc!important;}

table{width: 100%;}
table th{font-weight: normal;line-height: 2.8rem;}

a {color: var(--text-color);}
a:focus {outline: 1px solid var(--lithium-light);z-index: 10;outline-offset: 2px;}
a:hover {text-decoration: none;}

.font-normal{font-weight: 400;}
.font-medium{font-weight: 500;}
.font-bold{font-weight: 700;}
.font-extra-bold{font-weight: 900;}

p:last-of-type{margin:0px;}
@media all and (max-width: 991.98px){
    .h1-stats-large{line-height: 13.4rem;}
    .h1-stats-small{line-height: 7.2rem;}
    h1, .h1{line-height: 5.6rem;}
    .h2-plus{line-height: 5.2rem;}
    h2, .h2{line-height: 4.8rem;}
    h3, .h3{line-height: 4.4rem;}
    h4, .h4{line-height: 3.4rem;}
    h5, .h5{line-height: 3.0rem;}
    h6, .h6{line-height: 2.4rem;}

    .body-large{line-height: 2.4rem;}
    p,.body-small{line-height: 2.0rem;}
    .quote{line-height: 3.0rem;}
    .intro{line-height: 3.0rem;}
    .cta{line-height: 2.4rem;}
    .nav-big{line-height: 2.4rem;font-weight: 700;}
    .nav-small{line-height: 2.0rem;}
}
@media all and (max-width: 767.98px){
    .h1-stats-large{line-height: 8.6rem;}
    .h1-stats-small{line-height: 6.4rem;}
    h1, .h1{line-height: 4.8rem;}
    .h2-plus{line-height: 4.0rem;}
    h2, .h2{line-height: 3.6rem;}
    h3, .h3{line-height: 3.2rem;}
    h4, .h4{line-height: 2.8rem;}
    h5, .h5{line-height: 2.4rem;}
    h6, .h6{line-height: 2.4rem;}

    .body-large{line-height: 2.0rem;}
    p,.body-small{line-height:2.0rem;}
    .quote{line-height: 2.8rem;}
    .intro{line-height: 2.8rem;}
    .tag-big{line-height: 2.0rem;}
    .tagSmall{line-height: 1.6rem;}
}
/*=== TYPOGRAPHY STYLES ===*/

/*=== VERTICAL SPACING ===*/

.h1-stats-large,.h1-stats-small,h1,.h1,.h2-plus,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin:0px 0px 24px 0px;}
p,.body-large,.body-small,.intro{margin:0px 0px 16px 0px;}
.cta{margin-top: 12px;display: inline-block;}

@media all and (max-width: 991.98px){
.h1-stats-large,.h1-stats-small,h1,.h1,.h2-plus,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin:0px 0px 16px 0px;}
}

/*=== VERTICAL SPACING ===*/

#auto-top-link{display: none;position: fixed;bottom: 80px;right: 10px;color: var(--white-color);text-decoration: none;border-radius: 10px;height: 55px;width: 55px;z-index: 999999;background: var(--oxide-gradient);text-align: center;}
#auto-top-link > span.icon{position: absolute;left: 0;right: 0;margin: 0 auto;top: 50%;transform: translateY(-50%) rotate(270deg);font-size: 2.0rem;}
body.nojs #auto-top-link{display: none !important}
body.nojs #cc-CookieSetting{display: none !important}

/*=== PADDING MARGIN STYLES ===*/
.pt-0{padding-top: 0px !important}.pt-10{padding-top: 10px !important}.pt-20{padding-top: 20px !important}.pt-30{padding-top: 30px !important}.pt-40{padding-top: 40px !important}.pt-50{padding-top: 50px !important}.pt-60{padding-top: 60px !important}.pt-70{padding-top: 70px !important}.pt-80{padding-top: 80px !important}.pt-90{padding-top: 90px !important}.pt-100{padding-top: 100px !important}.pb-0{padding-bottom: 0px !important}.pb-10{padding-bottom: 10px !important}.pb-20{padding-bottom: 20px !important}.pb-30{padding-bottom: 30px !important}.pb-40{padding-bottom: 40px !important}.pb-50{padding-bottom: 50px !important}.pb-60{padding-bottom: 60px !important}.pb-70{padding-bottom: 70px !important}.pb-80{padding-bottom: 80px !important}.pb-90{padding-bottom: 90px !important}.pb-100{padding-bottom: 100px !important}
.mt-0{margin-top: 0px}.mt-10{margin-top: 10px}.mt-20{margin-top: 20px}.mt-30{margin-top: 30px}.mt-40{margin-top: 40px}.mt-50{margin-top: 50px}.mt-60{margin-top: 60px}.mt-70{margin-top: 70px}.mt-80{margin-top: 80px}.mt-90{margin-top: 90px}.mt-100{margin-top: 100px}.mb-0{margin-bottom: 0px}.mb-10{margin-bottom: 10px}.mb-20{margin-bottom: 20px}.mb-30{margin-bottom: 30px}.mb-40{margin-bottom: 40px}.mb-50{margin-bottom: 50px}.mb-60{margin-bottom: 60px}.mb-70{margin-bottom: 70px}.mb-80{margin-bottom: 80px}.mb-90{margin-bottom: 90px}.mb-100{margin-bottom: 100px}
/*=== PADDING MARGIN STYLES ===*/

/*=== CTA CSS ===*/
.cta-primary { background: var(--white-light); border: 1px solid var(--cobalt-prime); border-radius: 8px; padding: 8px 16px 8px 16px;color: var(--cobalt-prime); transition: 0.5s; } 
.cta-primary span.icon { font-size: 12px; padding-left: 11px; transition: 0.5s; } 
.cta-primary:hover{background:var(--argon-gradient);color:var(--white-light);border-color: var(--argon-prime);box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);}
.cta-primary:hover span.icon{padding-left:19px;}
.cta-primary.white {background: transparent;border: 1px solid var(--white-light);color: var(--white-light);}
.cta-primary.white:hover{background: var(--argon-gradient);color: var(--white-light);border-color: var(--argon-prime);}

.cta-secondary{padding: 8px 12px 8px 0px;background-color: transparent;color: var(--cobalt-prime); transition: 0.5s;}
.cta-secondary:hover{background: var(--argon-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.cta-secondary span.icon-arrow{font-size: 12px;padding-left: 11px; transition: 0.5s;}
.cta-secondary span.icon-download{font-size: 17px;padding-left: 11px; transition: 0.5s;}
.cta-secondary:hover span.icon{padding-left:19px;/*background: var(--argon-gradient);*/-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}

.cta-secondary.white{color: var(--white-light); }
.cta-secondary.white:hover{background: var(--oxide-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.cta-secondary.white:hover span.icon{background: var(--oxide-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}

.cta-icon-link{color: var(--white-light);transition: 0.5s;padding:10px 0px;    display: flex;align-items: center;}
.cta-icon-link span.icon{color: var(--oxide-light);font-size:18px;}
.cta-icon-link:hover,.cta-icon-link:hover span.icon{background:var(--oxide-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.cta-icon-link span.icon{padding-right:8px;}
.cta.video-cta {width: 64px;height: 64px;background-color: var(--white-light);border-radius: 100%;display: flex;align-items: center;justify-content: center;color: var(--cobalt-prime);margin-top: 0;}
.cta.video-cta span.icon {font-size: 2rem;margin-top: 0;margin-left: 5px;}

.cta.cta-download.cta-secondary{padding: 8px 15px 8px 0px;}
.cta.cta-download.cta-primary{padding: 8px 25px 8px 16px;}
.cta.cta-download.cta-primary:hover span.icon-download{padding-left: 11px;}
.cta.cta-download.cta-primary:hover span.icon-download::before, 
.cta.cta-download.cta-primary:hover span.icon-download::after{  background: var(--white-light);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.cta.cta-download .icon-download{position: relative;}
.cta.cta-download .icon-download::before{content: "\e90d";font-family: 'icomoon' !important;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;position: absolute;
transform: rotate(90deg);bottom: 4px;font-size: 12px;left: 11px;}
.cta.cta-download .icon-download::after{content: "\e90c";font-family: 'icomoon' !important;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;
position: absolute;bottom: -7px;left: 9px;font-size: 16px;}
.cta.cta-download:hover span.icon-download{padding-left: 0px;}
.cta.cta-download:hover span.icon-download::before,.cta.cta-download:hover span.icon-download::after{background: var(--argon-gradient);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.cta.cta-download:hover span.icon-download::before{ -webkit-animation: arrowUp 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-animation: arrowUp 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-animation: arrowUp 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);-o-animation: arrowUp 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);animation: arrowUp 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);}
.cta.white.cta-download:hover span.icon-download::before, .cta.white.cta-download:hover span.icon-download::after {
  background: var(--oxide-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.simple-accordion .cta.cta-arrow.cta-secondary{padding-right:0 !important}

@-webkit-keyframes arrowUp {0% {bottom: 0;}50% {bottom: 6px;}100% {bottom: 0;}}
@-moz-keyframes arrowUp {0% {bottom: 0;}50% {bottom: 6px;}100% {bottom: 0;}}
@-o-keyframes arrowUp {0% {bottom: 0;}50% {bottom: 6px;}100% {bottom: 0;}}
@keyframes arrowUp {0% {bottom: 0;}50% {bottom: 6px;}100% {bottom: 0;}}

@media all and (max-width: 991.98px){
.simple-accordion .cta-secondary span.icon-arrow{font-size: 12px;}	
.cta-secondary span.icon-arrow{font-size: 8px;}
.text-video-module .video-wrapper .cta.video-cta{width:48px;height:48px;}
.text-video-module .video-wrapper .cta.video-cta span.icon{font-size:1.5rem;margin-bottom:-2px;}
}
@media all and (max-width: 767.98px){
.text-video-module .video-wrapper .video-cta .cta.video-cta{width:44px;height:44px;}
.text-video-module .video-wrapper .video-cta .cta.video-cta span.icon{font-size:1.2rem;}
}
/*=== CTA CSS ===*/

/*=== TAG CSS ===*/
.tag-small {display: inline-block;border: 1px solid;border-radius: 1px;padding: 4px 8px;transition: 0.5s;}

.tag-yellow{color: var(--oxide-light);}
.tag-yellow:hover{background: var(--oxide-gradient);color: var(--cobalt-prime);border-color:var(--oxide-light);}

.tag-blue{color: var(--cobalt-prime);}
.tag-blue:hover{background: var(--cobalt-gradient);color: var(--white-light);border-color:var(--cobalt-prime);}

.tag-green{color: var(--chroride-dark);}
.tag-green:hover{background: var(--chroride-gradient);color: var(--white-light);border-color:var(--chroride-dark);}

.tag-pink{color: var(--argon-prime);}
.tag-pink:hover{background: var(--argon-gradient);color: var(--white-light);border-color:var(--argon-prime);}

.tag-purple{color: var(--lithium-prime);}
.tag-purple:hover{background: var(--lithium-gradient);color: var(--white-light);border-color:var(--lithium-prime);}

.tag-white{color: var(--white-light);}
.tag-white:hover{background: var(--white-light);color: var(--cobalt-prime);border-color:var(--white-light);}

/*=== TAG CSS ===*/
/*=== TABLE CSS ===*/
table {margin-top: 32px;width:100% !important;}
table thead tr th{background: var(--white-light);border-bottom: 2px solid var(--cobalt-prime);color:var(--cobalt-prime);font-family: var(--neuzeit-grotesk);font-style: normal;font-weight: 700;font-size: clamp(1.4rem, 1.1rem + 0.625vw, 2rem) !important;line-height: 28px;padding: 8px 0px 8px 0px;}
table th:first-child{text-align:left;padding:24px;}
table th:nth-child (2){text-align:center;}
table tbody tr:nth-child(2n-2) td{background:var(--white-dark);}
table tbody tr td{padding: 26px 10px 26px 10px;}
table tbody tr td:first-child{padding-left:24px;}
table tbody tr td a:not([href]):not([class]) {color: var(--cobalt-light);text-decoration: underline;}

/*=== Background Color CSS ===*/
 .dark{background-color:var(--white-dark)}
 .prime{background-color:var(--white-prime)}
 .white-bg{background-color:var(--white-light)}
 
  .cobalt{background:var(--cobalt-gradient);}
  .graphite{background:var(--graphite-gradient);}
  .chroride{background:var(--chroride-gradient)}
  .argon{background:var(--argon-gradient)}
  .oxide{background:var(--oxide-gradient)}
  .lithium{background:var(--lithium-gradient)}
  .turquoise{background:var(--chroride-gradient)}
  
/*=== Video player ===*/
.video-wrapper .video > .video-item.inv_FullScreen .inv_videoMainContainer_inner, 
.video-wrapper .video > .video-item.inv_FullScreen .inv_videoMainContainer, 
.video-wrapper .video > .video-item.inv_FullScreen .inv_videoDisplay, 
.video-wrapper .video > .video-item.inv_FullScreen .inv_videoMainContainer, 
.video-wrapper .video > .video-item.inv_FullScreen .inv_videoDisplay *{
    height:auto !important;
    object-fit: contain !important;
}

.video-wrapper .video > .video-item.inv_FullScreen .inv_videoMainContainer_inner, 
.video-wrapper .video > .video-item.inv_FullScreen .inv_videoMainContainer, 
.video-wrapper .video > .video-item.inv_FullScreen .inv_videoDisplay, 
.video-wrapper .video > .video-item.inv_FullScreen .inv_videoMainContainer, 
.video-wrapper .video > .video-item.inv_FullScreen .inv_videoDisplay *{
    height:100% !important;
    width:100% !important;
}

.dropdown a.drop-trigger{background: var(--cobalt-prime);display: inline-block;min-width: 270px;max-width: 270px;color: var(--white-light);padding: 12.5px 50px 12.5px 16px;border-radius: 8px;position: relative;margin-bottom: 1px;transition: all 0.3s ease-in-out}
.dropdown a.drop-trigger.active{border-radius: 8px 8px 0 0;}
.dropdown a.drop-trigger > span.icon{position: absolute;top: 50%;transform: translateY(-50%) rotate(90deg);right: 18px;transition: all 0.3s ease-in-out}
.dropdown a.drop-trigger.active > span.icon{transform: translateY(-50%) rotate(270deg);}
.dropdown .drop-ul{position: absolute;z-index: 10;background: var(--cobalt-prime);width: 100%;border-radius: 0px 0px 8px 8px;padding: 15px 16px;display: none;max-height: 375px;
  overflow-y: auto;}
.dropdown .drop-ul a.drop-link{padding: 8px 12px;color: var(--white-light);display: block;margin: 0;transition: all 0.3s ease-in-out;border-radius: 0}
.dropdown .drop-ul a.drop-link:hover, .dropdown .drop-ul a.drop-link.active{background: var(--cobalt-light);border-radius: 8px;}

.rad-introtext { font-size: clamp(1.8rem, 1.6rem + 0.417vw, 2.2rem) !important; line-height: 3.3rem; } 
.rad-small { font-size: clamp(1.4rem, 1.3rem + 0.208vw, 1.6rem) !important; line-height: 2.2rem; } 
.rad-big { font-size: clamp(1.6rem, 1.5rem + 0.208vw, 1.8rem) !important; line-height: 2.8rem; } 
.rad-quote { font-size: clamp(2rem, 1.8rem + 0.417vw, 2.4rem) !important; line-height: 3.2rem; font-weight: 400; } 
.rad-link-1 {position: relative; background: var(--white-light); border: 1px solid var(--cobalt-prime); border-radius: 8px; padding: 8px 16px 8px 16px; color: var(--cobalt-prime); transition: 0.5s; margin-top: 12px; display: inline-block; font-size: clamp(1.6rem, 1.4rem + 0.417vw, 2rem) !important; line-height: 2.8rem; font-weight: 700;padding-right: 40px;  } 
.rad-link-1::after { font-size: 12px; position:absolute; right: 18px;top: 16px; transition: 0.5s; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "\e90d"; } 
.rad-link-1:hover {padding-right: 48px; background: var(--argon-gradient); color: var(--white-light); border-color: var(--argon-prime); box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15); } 

.rad-link-2 { position: relative;padding: 8px 12px 8px 0px; background-color: transparent;color: var(--cobalt-prime);transition: 0.5s; margin-top: 12px;display: inline-block; font-size: clamp(1.6rem, 1.4rem + 0.417vw, 2rem) !important;line-height: 2.8rem;font-weight: 700;padding-right: 40px;} 
.rad-link-2::after { font-size: 12px; position:absolute; right: 11px;top: 16px; transition: 0.5s; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "\e90d"; } 
.rad-link-2:hover {padding-right: 48px; background: var(--argon-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;} 
.rad-link-2:hover:after { background: var(--argon-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; } 

.rad-link-3 { position: relative;padding: 8px 12px 8px 0px; background-color: transparent;color: var(--cobalt-prime);transition: 0.5s; margin-top: 12px;display: inline-block; font-size: clamp(1.6rem, 1.4rem + 0.417vw, 2rem) !important;line-height: 2.8rem;font-weight: 700;padding-right: 40px;} 
.rad-link-3::after { font-size: 16px; position:absolute; right: 11px;top: 16px; transition: 0.5s; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "\e908"; } 
.rad-link-3:hover {padding-right: 48px; background: var(--argon-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;} 
.rad-link-3:hover:after { background: var(--argon-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; } 
@media all and (max-width: 767.98px){

}

/* === START share table CSS ===*/
.cobalt-prime {background: var(--cobalt-prime);}   
.graphite-light {background: var(--graphite-light);}
.cobalt-prime{background: var(--cobalt-prime)!important;}
.oxide-prime{background:var(--oxide-prime)}
.white-prime{background:var(--white-prime)}
.text-oxide-prime{color:var(--cobalt-dark)}
.table-border-top{border-top:1px solid var(--text-color)}
.table-border-bottom{border-bottom:1px solid var(--text-color)}
.table-double-border-bottom{border-bottom:4px double var(--text-color)}
.table-white-border-bottom{border-bottom:4px solid var(--white-light)!important}

.share-table ol li, .share-table caption,.share-table sup {font-size: 16px!important;}
.share-table tr td,.share-table tr th{padding:5px;text-align:right; font-size: 16px!important;}
.share-table tr td:first-child,.share-table tr th:first-child{text-align:left;padding-left:10px}
.share-table tr th{vertical-align:middle;max-width:150px;border:none;line-height:20px}
.share-table tr .table-width-lg{width:40%}
.share-table tr td.tab-2{padding-left:24px}
.share-table tr td.tab-3{padding-left:36px}
.share-table tbody tr:nth-child(2n-1) td{background:var(--white-light)}
.share-table tbody tr.white-dark td{background:var(--white-dark)}
.share-table table tbody tr td {background: var(--white-light);}
.share-table .white-bg td {background: var(--white-light)!important;}

@media all and (max-device-width:676px){
	.news-feed-content-wrapper table.tableForDevices tbody tr td { width: 100%; display: block; }
	.news-feed-content-wrapper table.tableForDevices tbody tr td:first-child {padding-left: 10px;}
	.news-feed-content-wrapper table.noTopMargin {margin-top: 0px;}
}
@media screen and (min-device-width:320px) and (max-device-width:575.98px){
    .share-table tr .table-width-lg{width:70%}
} 
/* === End share table CSS ===*/


/* === START bonds table CSS ===*/
.bonds-table tr th, .bonds-table tr td  {font-size: 12px!important;}
.bonds-table tbody tr:nth-child(2n-1) th {background: var(--white-dark);}
.bonds-table tbody tr:nth-child(2n-2) td { background: var(--white-light);}
.bonds-table tbody tr:nth-child(2n-1) td {background: var(--white-dark);}
.bonds-table tr td, .bonds-table tr th{padding: 5px;line-height: 20px!important;}
.bonds-table thead tr th {border-bottom: none;}
/* === END bonds table CSS ===*/

/* === GLOBAL CSS ===*/
.nav_rprt_SectionCardContainer ol li {
    list-style-type: decimal !important;
}

ul.bordered-list li{list-style-type: disc !important;margin-left: 34px;}


#ip3-our-purpose .tab-list ul li a {
    padding: 14px 0px 14px 0px;
}
.news-feed-content-wrapper ul li, .news-feed-content-wrapper li {
    list-style-type: disc !important;
}

.news-feed-content-wrapper ul li ul ,.news-feed-content-wrapper ul {
    margin-left: 18px;
}

.with-left-nav-wrapper .container-fluid .container-fluid {
    padding: 0;
}