/* === START GLOBAL CSS ===*/
:root{
  #ip3-responsible-business #responsible-business { display:none;}
  /*colour*/
  --cobalt-dark:#F47522;
  --cobalt-prime:#F8AC7A;
  --cobalt-light:#FAC7A6;
  --graphite-dark:#FF900F;
  --graphite-prime:#FFBC6F;
  --graphite-light:#FED29E;
  --chroride-dark:#15D9AA;
  --chroride-prime:#72E8CC;
  --chroride-light:#A1EFDC;
  --argon-dark:#00DBE5;
  --argon-prime:#66E9EF;
  --argon-light:#98F0F4;
  --oxide-dark:#3C3C3C;
  --oxide-prime:#8A8A8A;
  --oxide-light:#B0B0B0;
  --lithium-dark:#766E6B;
  --lithium-prime:#ACA8A6;
  --lithium-light:#C8C4C3;
  --white-dark:#F1F3F4;
  --white-prime:#F6F7F9;
  --white-light:#FFFFFF;
  --text-color:#4D4D4D;
  --white-smoke:#F5F5F5;

  --orange-100:#F47522;
  --orange-60:#F8AC7A;
  --orange-40:#FAC7A6;
  --light-orange-100:#FF900F;
  --light-orange-60:#FFBC6F;
  --light-orange-40:#FED29E;
  --green-100:#15D9AA;
  --green-60:#72E8CC;
  --green-40:#A1EFDC;
  --blue-100:#00DBE5;
  --blue-60:#66E9EF;
  --blue-40:#98F0F4;
  --dark-grey-100:#3C3C3C;
  --dark-grey-60:#8A8A8A;
  --dark-grey-40:#B0B0B0;
  --warm-grey-100:#766E6B;
  --warm-grey-60:#ACA8A6;
  --warm-grey-40:#C8C4C3;
  --white-dark:#F1F3F4;
  --white-prime:#F6F7F9;
  --white-light:#FFFFFF;
  --text-color:#3F3F3F;
  --white-smoke:#F5F5F5;
  --primary-graphite-dark:#191919;
  --primary-graphite-666666:#666666;
  --purple-color:#9C1F86;

  /*Gradients*/
  --cobalt-gradient:#3C3C3C;
  --graphite-gradient:linear-gradient(90deg, #191919 0%, #666666 100%);
  --chroride-gradient:#FF900F;
  --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(60, 60, 60, 0.6) 18.68%, rgba(60, 60, 60, 0) 81.73%);
  --cobalt-overlay-hover: linear-gradient(90deg, rgba(60, 60, 60, 0.8) 20.37%, rgba(60, 60, 60, 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(--text-color);font-weight:400;font-size:  clamp(1.4rem, 1.3rem + 0.208vw, 1.6rem);line-height:2.2rem;margin: 0;overflow-x:hideen;}
/*=== 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: transparent;}

.sktmain.visible{position: absolute;left: 0;top: 0;width: auto;height: auto;overflow: hidden;visibility: visible !important;z-index: 11;background-color: var(--orange-100);}
.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}
.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}
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);line-height: 16.8rem;font-weight: 800;}
.h1-stats-small{font-size: clamp(5.6rem, 4.4rem + 2.5vw, 8rem);line-height: 9.2rem;font-weight: 800;}
h1, .h1{font-size: clamp(4rem, 2.4rem + 3.333vw, 7.2rem);line-height: 8.0rem;font-weight: 700;}
.h2-plus{font-size: clamp(3.2rem, 1.6rem + 3.333vw, 6.4rem);line-height: 7.2rem;font-weight: 700;}
h2, .h2{font-size: clamp(2.8rem, 1.8rem + 2.083vw, 4.8rem);line-height: 5.4rem;font-weight: 600;}
h3, .h3{font-size: clamp(2.4rem, 1.6rem + 1.667vw, 4rem);line-height: 4.8rem;font-weight: 600;}
h4, .h4{font-size: clamp(2rem, 1.4rem + 1.25vw, 3.2rem);line-height: 4.0rem;font-weight: 600;}
h5, .h5{font-size: clamp(1.6rem, 1rem + 1.25vw, 2.8rem);line-height: 3.4rem;font-weight: 600;}
h6, .h6{font-size: clamp(1.4rem, 1.1rem + 0.625vw, 2rem);line-height: 2.8rem;font-weight: 700;}

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

ul{padding: 0;list-style: none}
ul li{line-height: 2.4rem;margin: 0px 0px 18px 0px;letter-spacing: 0;}
ol{padding-left: 15px;}
table{width: 100%;}
table th{font-weight: normal;line-height: 2.8rem;}

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

.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: 2.8rem;}
  .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;font-weight: 700;}
  .h1-stats-small{line-height: 6.4rem;font-weight: 700;}
  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:1.8rem;}
  .quote{line-height: 2.8rem;}
  .intro{line-height: 2.4rem;}
  .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: transparent;border: 1px solid var(--white-light);color: var(--white-light);border-radius: 40px;padding: 8px 6px 8px 16px;transition: all 0.5s ease-in-out;display: inline-flex;align-items: center;}
.cta-primary span.icon { font-size: 12px;margin-left: 12px;transition: all 0.3s ease-in-out;;width: 28px;height: 28px;display: flex;align-items: center;background: var(--light-orange-100);justify-content: center;border-radius: 50%;} 
.cta-primary:hover{color:var(--white-light);}
.cta-primary:hover span.icon{margin-left:15px;}
.cta-primary.dark{background: transparent;border: 1px solid var(--dark-grey-100);color: var(--dark-grey-100);border-radius: 40px;}
.cta-primary.dark span.icon{background: var(--dark-grey-100);color: var(--light-orange-100)}

.cta-secondary{padding: 8px 12px 8px 0px;background-color: transparent;color: var(--white-light); transition: all 0.5s ease-in-out;}
.cta-secondary:hover{color: var(--orange-100)}
.cta-secondary span.icon-arrow{font-size: 12px;padding-left: 17px; transition: 0.5s;color: var(--orange-100);}
.cta-secondary span.icon-download{font-size: 17px;margin-left: 5px; transition: 0.5s;color: var(--orange-100);}
.cta-secondary span.icon-long-arrow-left{font-size: 14px;padding-left: 17px; transition: 0.5s;color: var(--orange-100);}
.cta-secondary:hover span.icon{padding-left: 25px;color: var(--orange-100);font-size: 16px;}

.cta-secondary.dark{color: var(--dark-grey-100);background:transparent}
.cta-secondary.dark:hover{color: var(--orange-100);}

.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(--light-orange-100);font-size:18px;}
.cta-icon-link:hover,.cta-icon-link:hover span.icon{color: var(--light-orange-100);}
.cta-icon-link span.icon{padding-right:8px;}
.cta.video-cta {width: 64px;height: 64px;background-color: var(--light-orange-100);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: 1px;margin-left: 5px;color: var(--dark-grey-100);}

.cta.cta-download.cta-secondary{padding: 8px 15px 8px 0px;}
.cta-secondary span.icon-download1{font-size: 16px;margin-left: 17px; transition: 0.5s;color: var(--orange-100);}

.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{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: 7px;content: "\e916";}
.cta.cta-download .icon-download::after{font-family: 'icomoon' !important;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;position: absolute;bottom: -11px;left: 9px;font-size: 16px;content: "\e92e";}
.cta.cta-download:hover span.icon-download{padding-left: 0px;}
.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 {color: var(--orange-100)}
@-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){
.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: 30px;padding: 8px 16px 8px 16px;transition: 0.5s;color: var(--dark-grey-100);text-transform: uppercase;font-weight: 700;}
.tag-small:hover{background: var(--light-orange-100);color: var(--dark-grey-100);border-color: var(--light-orange-100);}

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

.tag-blue:hover{background: var(--dark-grey-100);color: var(--white-light);}

.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(--dark-grey-100);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);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-1) td {background: var(--white-prime);}
table tbody tr td{padding: 26px 10px 26px 10px;}
table tbody tr td:first-child{padding-left:24px;}
table tbody tr td{background: var(--white-light);}
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(--dark-grey-100);}
.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)}

/*=== 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(--dark-grey-100);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(--dark-grey-100);width: 100%;border-radius: 0px 0px 8px 8px;padding: 15px 16px;display: none}
.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); line-height: 3.3rem; } 
.rad-small { font-size: clamp(1.4rem, 1.3rem + 0.208vw, 1.6rem); line-height: 2.2rem; } 
.rad-big { font-size: clamp(1.6rem, 1.5rem + 0.208vw, 1.8rem); line-height: 2.8rem; } 
.rad-quote { font-size: clamp(2rem, 1.8rem + 0.417vw, 2.4rem); line-height: 3.2rem; font-weight: 600; } 
.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); 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);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);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){

}


html .inv_playerContainer[data-inv_playertype="singleplayer"].inv_videoPaused.inv_desktop .inv_overlayPlay, html .inv_playerContainer[data-inv_playertype="singleplayer"].inv_videoPaused.inv_desktop .inv_overlayPlay:hover{background-image: url('/~/media/Images/N/Naspers-Corp-V2/icons/overlay-play.png');}
.inv_mobilelarge.inv_videoPaused .inv_overlayPlay, .inv_mobilesmall.inv_videoPaused .inv_overlayPlay{background-image: url('/~/media/Images/N/Naspers-Corp-V2/icons/overlay-play.png') !important;}
.inv_mobilelarge .inv_overlayPlay, .inv_mobilesmall .inv_overlayPlay{background-image: url('/~/media/Images/N/Naspers-Corp-V2/icons/overlay-play.png')}
.inv_videoPlaying .inv_mobilelarge .inv_overlayPlay, .inv_videoPlaying .inv_mobilesmall .inv_overlayPlay{background-image: none !important}





/* === START SHARE TABLE CSS ===*/
.share-table tr th:first-child { text-align: left;padding-left: 10px;}
.share-table tr th {vertical-align: middle;max-width: 150px;border: none;padding: 5px;text-align: right;font-size: 16px!important;line-height: 20px!important;}
.share-table tr td:first-child { text-align: left;padding-left: 10px;}
.share-table tr td {padding: 5px; text-align: right}	
.share-table tr .table-width-lg {width: 40%;}
.share-table tr td.tab-2 {padding-left: 24px!important;}
.share-table tr td.tab-3 {padding-left: 36px!important;}
@media screen and (min-device-width: 320px) and (max-device-width: 575.98px) {.share-table tr	.table-width-lg {width: 70%;}}
.cobalt-dark{background:var(--cobalt-dark);}
.oxide-prime{background:var(--oxide-prime);}
.white-prime{background: var(--white-prime)!important;}
.text-oxide-prime{color:var(--cobalt-dark)!important;}
.table-border-top{border-top: 1px solid var(--dark-grey-60);}
.table-border-bottom{border-bottom: 1px solid var(--dark-grey-40);}
.table-double-border-bottom{border-bottom: 4px double var(--dark-grey-40);}
.table-white-border-bottom{border-bottom: 4px solid var(--white-light)!important;}

.share-table tbody tr:nth-child(2n-1) td {background: var(--white-light);}
.share-table tbody tr.white-dark td {background: var(--white-dark)!important;}
/* === END SHARE TABLE CSS ===*/
.img-link-rounded {
    width: 100px;
    height: 100px;
    display: block;
        float: left;
    margin-right: 20px;
}
.text-module-wrapper .text-content-wrapper p .img-link-rounded img {
    margin-top: 20px;
}


.main-content-wrapper ul.withBullet { margin-left: 20px; list-style: disc; }
.main-content-wrapper ul.withBullet li { list-style-type: disc !important; }

/* === END GLOBAL CSS ===*/