/* ------------------Base styles------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
 @font-face {
     font-family: "Britanica-Bold";
     src: url("/content/dam/intelligentcontent/brands/wainua/en/fonts/Britanica-Bold.otf") format("opentype");
}
 @font-face {
     font-family: "Britanica-Regular";
     src: url("/content/dam/intelligentcontent/brands/wainua/en/fonts/Britanica-Regular.otf") format("opentype");
}
 @font-face {
     font-family: "Britanica-Black";
     src: url("/content/dam/intelligentcontent/brands/wainua/en/fonts/Britanica-Black.otf") format("opentype");
}
 :root {
     --black: #000000;
     --white: #ffffff;
     --dark-green: #004122;
     --green: #006838;
     --orange: #F26522;
     --yellow: #FFF33B;
     --grey: #CFD1D3;
     --light-grey: #F6F6F6;
     --dark-green-gradient: transparent linear-gradient(90deg, #004122 0%, #038B4C 100%) 0% 0% no-repeat padding-box;
     --orange-gradient: transparent linear-gradient(90deg, #F26522 0%, #FFF33B 100%) 0% 0% no-repeat padding-box;
     --grey-gradient: transparent linear-gradient(270deg, #FFFFFF 0%, #CFD1D3 100%) 0% 0% no-repeat padding-box;
     --yellow-gradient: transparent linear-gradient(256deg, #F26522 0%, #FFF33B 100%) 0% 0% no-repeat padding-box;
     --green-gradient: transparent linear-gradient(265deg, #004122 0%, #038B4C 100%) 0% 0% no-repeat padding-box;
}


a:focus-visible,
button:focus-visible,
:focus-visible 
 {
    outline: 2px solid #0589C2;

  }

button.close-btn:focus-visible {
   outline: 2px solid #0589C2;
}

#header-section .cmp-topnavigation ul li:first-child a:focus-visible{
outline: 0px;
}

.cmp-navigation ul li:nth-child(2) a:focus-visible ,
.cmp-navigation ul li:nth-child(5) a:focus-visible {
    outline-offset: -3px;

}

.skip-link {
  position: absolute;
  top: -60px; /* Initially hides the link off-screen */
  left: 0;
  background: #fff;
  padding: 10px;
  z-index: 100;
}

.skip-link:focus {
  top: 0; /* Moves the link into view when it is focused */
      background-color: #f90;
}







 .tooltip {
     position: relative;
     display: inline;
     cursor: pointer;
     text-decoration: underline;
}
 .tooltip .tooltiptext {
     /*visibility: hidden;*/
      display: none; 
     width: 387px;
     background-color: #ffffff;
     box-shadow: 0px 3px 6px #00000029;
     border: 2px solid #014424;
     border-radius: 12px;
     color: #000000;
     padding: 27px 30px;
     text-align: left;    
     position: absolute;
     z-index: 1;
     bottom: 125%;    
     left: 50%;
     margin-left: -60px;    
     opacity: 0;
     transition: opacity 0.3s;
     font-size: clamp(16px, 1.4vw, 20px);
     line-height: 1.5;
}


.tooltip:hover .tooltiptext {
    /*visibility: visible;*/
     display: block; 
    opacity: 1;
} 

.tooltip .tooltiptext.active{
    visibility: hidden;
    /* display: none; */
    opacity: 0;
}



 .tooltip-head{
     display: block;
     font-family: "Britanica-Black";
     color: #014424;
}

.tooltip .tooltiptext.sticky {
    /*visibility: visible;*/
     display: block; 
    opacity: 1;
}

.tooltip:focus .tooltiptext {
    /*visibility: visible;*/
     display: block; 
    opacity: 1;
}
.tooltip:focus .tooltiptext.active {
/*visibility: hidden;*/
 display: none; 
opacity: 0;
}
 .close-btn {
     background: none;
     border: none;
     color: white;
     cursor: pointer;
     position: absolute;
     top: 0px;
     right: 2px;
     color: #014424;
     font-size: 25px;
}


html{
scroll-behavior: smooth;
}

span.no-wrap{
    white-space: nowrap;
}
.bri-black{
    font-family: "Britanica-Black";
}
 sup {
     vertical-align: super;
     font-size: 60%;
}
 a:hover, a:active, a:focus{
     text-decoration: none;
}
 .mobile-only {
     display: none;
}
 .story-hide a.cta-primary{
     display: none !important;
}
 .cmp-text ul li::before {
     /* all: unset !important;  */
}
 .cmp-text a[target='_blank']::after {
     /*  all: unset !important;  */
}

 .cmp-text a[target='_blank']:visited:hover {
         color: #ffffff; 
} 
 .cmp-text a[target='_blank'].green-color:visited:hover, #footer-maxwidth .cmp-text a[target='_blank']:visited:hover {
     color:var(--dark-green);
}
 .cmp-text a[target='_blank']:visited{
     color: var(--dark-green);
}
 .cmp-text b, .cmp-text em {
     font-family: inherit ;
}
 *, :after, :before {
     box-sizing: inherit;
     background-repeat: no-repeat;
}
 * {
     -webkit-font-smoothing: antialiased;
     -webkit-font-smoothing: antialiased;
}
 #home-phase1 body {
     -webkit-overflow-scrolling: auto;
     overflow-x: hidden;
}
 h1, h2, h3, h4, h5 {
     margin-top: 0;
     margin-bottom: 0.5rem;
}
 blockquote, dd, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, ul {
     margin: 0;
     color: var(--black);
}
 h1 {
     font-size: clamp(35px, 4vw, 56px);
     line-height: 1.25;
     color: var(--dark-green);
     font-family: 'Lexend', sans-serif;
     font-weight: 700;
}
 h2 {
     font-size: 48px;
     line-height: 63px;
     color: var(--dark-green);
     font-family: 'Lexend', sans-serif;
     font-weight: 600;
}
 h3 {
     color: var(--dark-green);
     font-family: 'Lexend', sans-serif;
     font-weight: 700;
     font-size: clamp(26px, 2.5vw, 36px);
     line-height: 1.35;
}
 h4 {
     font-size: clamp(20px, 2vw, 28px);
     line-height: 1.5;
     color: var(--dark-green);
     font-family: 'Lexend', sans-serif;
     font-weight: 500;
}
 p {
     font-size: clamp(16px, 1.4vw, 20px);
     line-height: 1.5;
     color: #000000;
     font-family: 'Britanica-Regular';
}
#home-phase1 b{
    font-family: "Britanica-Bold";
    font-weight: unset;
}
 ul li {
     font-size: clamp(16px, 1.4vw, 20px);
     line-height: 1.5;
     font-family: 'Britanica-Regular';
     position: relative;
}

.flex-row{display: flex;flex-direction: row;}
.flex-column{display: flex;flex-direction: column;}
.Britanica-Bold{font-family: 'Britanica-Bold';}
.Britanica-Black{font-family: 'Britanica-Black';}

#home-phase1 ul.bullet-points {
    list-style: none; 
    padding-left: 0; 
  }
   
  #home-phase1 ul.bullet-points li {
    position: relative; 
    padding-left: 15px; 
  }
   
  #home-phase1 ul.bullet-points li::before {
    content: "\2022";
    position: absolute;
    left: 0; 
    top: -1px;
    color: #333; 
    font-size: 20px; 
  }

 .footnte{
     font-size: clamp(13px, 1.2vw, 16px);
     line-height: 1.4;
}


 p.bolded {
     font-family: 'Lexend', sans-serif;
     font-weight: 400;
}
 p.underlined {
     color: var(--dark-green);
     font-family: 'Lexend', sans-serif;
     text-decoration: underline;
     font-weight: 700;
}
 #home-phase1 .cmp-text{
     padding: 0;
     overflow-x: unset;
}
 .mb25 {
     margin-bottom: 25px !important;
}
 .mb20 {
     margin-bottom: 20px !important;
}
 a.email-wht-text {
     color: #fff;
}
 .pink-var > a {
     color: inherit;
}
 #header-section .azcl-container .azcl-column-par2 .cmp-navigation__group .cmp-navigation__item.hover-effect .cmp-navigation__dropdownmenu {
     display: block;
     padding: 0;
     padding-top: 35px;
     position: absolute;
     z-index: 999;
}
 a.cta-primary {
     font-size: 20px;
     line-height: 31px;
     font-family: 'Lexend', sans-serif;
     font-weight: 700;
     color: var(--dark-green);
     background: var(--yellow-gradient);
     padding: 10px 42px;
     cursor: pointer;
     position: relative;
     transition: transform 0.4s ease, padding 0.4s ease;
     z-index: 0;
}

 a.cta-primary::before, a.cta-primary::after {
     content: "";
     position: absolute;
     background: var(--yellow-gradient);
     width: 100%;
     top: 0;
     bottom: 0;
     z-index: -1;
     transition: transform 0.4s ease, padding 0.4s ease;
}
 .cta-primary .download-icon:after {
     left: 0px;
}
 a.cta-primary::before {
     left: 0;
     transform-origin: bottom;
}
 a.cta-primary::after {
     right: 0;
     transform-origin: bottom;
}
 a.cta-primary:hover {
     color: var(--white) !important;
     background: none !important;
     padding: 10px 31px 10px 54px;
     text-decoration: none;
}
 a.cta-primary:hover::before {
     transform: skewX(-22deg);
     background: var(--green-gradient);
}
 a.cta-primary:hover::after {
     transform: skewX(-22deg);
     background: var(--green-gradient);
}
 a.cta-primary.cta-secondary, a.cta-primary.cta-download {
     background: none;
     border: 2px solid #004122;
}
 a.cta-primary.cta-secondary:hover, a.cta-primary.cta-download:hover {
     border: none;
     height: 47px;
}
 a.cta-primary.cta-secondary::before, a.cta-primary.cta-download::before, a.cta-primary.cta-secondary::after, a.cta-primary.cta-download::after {
     background: none;
}
 a.cta-primary.cta-secondary:hover::before, a.cta-primary.cta-download:hover::before {
     transform: skewX(-22deg);
     background: var(--green-gradient);
}
 a.cta-primary.cta-secondary:hover::after, a.cta-primary.cta-download:hover::after {
     transform: skewX(-22deg);
     background: var(--green-gradient);
}

 a.cta-link {
     font-size: 28px;
     line-height: 42px;
     font-family: 'Lexend', sans-serif;
     color: var(--dark-green);
     cursor: pointer;
     z-index: 999;
     font-weight: 700;
}
 .mb25 {
     margin-bottom: 25px !important;
}
 .mb20 {
     margin-bottom: 20px !important;
}
 .green-color {
     color: var(--dark-green);
}
 .underline {
     text-decoration: underline;
}
 .heavy-font {
     font-weight: 900;
}
 .footnote-content p {
     font-family: 'Britanica-Regular';
     font-size: 16px;
     line-height: 27px;
     text-indent: -4px;
     padding-left: 4px;
}
 .footnote-content p.no-intent {
     text-indent: 0px;
}
/*-----------Header---------------*/
 #header-section {
    /* background: linear-gradient(215deg, #ffffff 50%, #CFD1D3 100%); */
     background: #ffffff; 
     position: relative;
     z-index: 3;
     height: 137px;
}
 #head-logo-section .image{
     position: relative;
     top: 16px;
     left: 28px;
}
 #header-section:before{
     background-image: url(/content/dam/intelligentcontent/brands/wainua/en/phase1/images/desktop/1.0-hero-gray-bg-new.svg);
     background-position: initial;
     background-repeat: no-repeat;
     content: "";
     background-size: cover;
     position: absolute;
     width: 23.5%;
     height: 127%;
}
 #header-section .cmp-navigation__group {
     justify-content: space-between;
     flex-wrap: nowrap;
     padding-top: 10px;
}
 #header-section .azcl-columns__base {
     gap: 0px !important;
     grid-template-columns: 24% 76% !important;
     margin-top: 0;
     align-items: center;
}
 #header-section.sticky {
     position: fixed;
     top: 0;
     z-index: 10001;
     width: 100%;
     animation: slideDown 0.3s ease-in-out;
    /*  background: linear-gradient(215deg, #ffffff 50%, #CFD1D3 100%); */
}
.page-home1 #header-section,
.page-home1 #header-section.sticky{
    background: linear-gradient(215deg, #ffffff 50%, #CFD1D3 100%);
}

#header-section .cmp-topnavigation ul li a:hover {
    text-decoration: underline;
}

 #header-section .cmp-image__image {
     width: 63%;
     max-width: 215px;
}
 #header-section ul li.top-level-pilink.cmp-topnavigation__item.cmp-topnavigation__item--index-0.cmp-topnavigation__item--level-0:first-child > a {
     text-decoration: none;
     cursor: auto;
}
 #header-section .cmp-topnavigation__item.cmp-topnavigation__item--active .cmp-topnavigation__group {
     width: 250px;
     position: absolute;
}
 #header-section .cmp-navigation__item--level-0 .cmp-navigation__dropdownmenu .cmp-navigation__item--level-1 a:hover {
     background: #004122;
     color: white;
}
 #header-section .cmp-topnavigation ul li {
     font-size: clamp(11px, 1.2vw, 14px);
     line-height: 1.2;
     margin: 0 7px;
     color: #000000;
     position: relative;
     opacity: 0.85 
}
 #header-section .cmp-topnavigation ul li:last-child {
     margin-right: 0px;
}
 #header-section .cmp-topnavigation ul li a {
     color: #000;
     font-family: 'Britanica-Regular', sans-serif;
}
 #header-section .topnavigation, #header-section .azcl-container {
     max-width: 1440px;
     margin: auto;
     position: relative;
}
 #header-section .cmp-topnavigation ul li:first-child a {
     color: #5F6062;
}
 #header-section .azcl-container .azcl-column-par2 .cmp-navigation__group .cmp-navigation__item-link {
     font-size: clamp(13px, 1.3vw, 18px);
     line-height: 1.27;
     color: #004122;
     font-family: 'Lexend', sans-serif;
     font-weight: 800;
}
 #header-section .cmp-topnavigation{
     justify-content: flex-end;
}
 #header-section .cmp-navigation__item--level-0 .cmp-navigation__dropdownmenu .cmp-navigation__item--level-1:hover a {
     color: white;
}
 #header-section .azcl-container .azcl-column-par2 .cmp-navigation__item--level-0:last-child .cmp-navigation__item-link {
     font-family: 'Lexend', sans-serif;
     font-weight: 700;
     color: var(--dark-green);
     background: var(--yellow-gradient);
     padding: 12px 38px;
     cursor: pointer;
     position: relative;
     transition: transform 0.4s ease, padding 0.4s ease;
     margin: 0;
     text-align: center;
     font-size: clamp(13px, 1.45vw, 20px);
}
 #header-section .azcl-container .azcl-column-par2 .cmp-navigation__item--level-0:last-child .cmp-navigation__item-link::before, .azcl-container .azcl-column-par2 .cmp-navigation__item--level-0:last-child .cmp-navigation__item-link::after {
     content: "";
     position: absolute;
     background: var(--yellow-gradient);
     width: 100%;
     top: 0;
     bottom: 0;
     z-index: -1;
     transition: transform 0.4s ease, padding 0.4s ease;
}
 #header-section .azcl-container .azcl-column-par2 .cmp-navigation__item--level-0:last-child .cmp-navigation__item-link::before {
     left: 0;
     transform-origin: bottom;
}
 #header-section .azcl-container .azcl-column-par2 .cmp-navigation__item--level-0:last-child .cmp-navigation__item-link::after {
     right: 0;
     transform-origin: bottom;
}
 #header-section .azcl-container .azcl-column-par2 .cmp-navigation__item--level-0:last-child .cmp-navigation__item-link:hover::before {
     transform: skewX(-22deg);
     background: var(--green-gradient);
}
 #header-section .azcl-container .azcl-column-par2 .cmp-navigation__item--level-0:last-child .cmp-navigation__item-link:hover::after {
     transform: skewX(-22deg);
     background: var(--green-gradient);
}
 #header-section .azcl-column-par2>a {
     display: none;
}
 #header-section .azcl-container .azcl-column-par2 .cmp-navigation__item--level-0:last-child .cmp-navigation__item-link:hover {
     color: var(--white);
     background: none;
     text-decoration: none;
     z-index: 999;
     padding: 12px 29px 12px 49px;
}
/*
#header-section .azcl-container .azcl-column-par2 .cmp-navigation__item--level-0:last-child:hover a {
     color: white !important;
} */
 #header-section .azcl-container .azcl-column-par2 .cmp-navigation__group .cmp-navigation__item--level-0 {
     margin: 0;
     padding: 10px 0 17px;
}

#header-section .azcl-container .azcl-column-par2 .cmp-navigation__group .cmp-navigation__item.hover-effect .cmp-navigation__dropdownmenu,
 #header-section .azcl-container .azcl-column-par2 .cmp-navigation__group .cmp-navigation__item:hover .cmp-navigation__dropdownmenu {
     display: block;
     padding: 0;
     position: absolute;
     z-index: 999;
     top: 76px;
     width: max-content;
}

#phase1-nav > ul > li:nth-child(5):hover .cmp-navigation__dropdownmenu{
    max-width: 250px;
    }


 #header-section .cmp-topnavigation__item--index-1 .cmp-topnavigation__group, #header-section .cmp-topnavigation__item--index-3 .cmp-topnavigation__group {
     padding: 40px 0 0;
     background-color: transparent;
     box-shadow: none;
}
 #header-section .azcl-container .azcl-column-par2 .cmp-navigation__item--level-0 .cmp-navigation__dropdownmenu .cmp-navigation__item-link {
     margin: 0;
     font-weight: 500;
}
 
 #header-section .azcl-column-par2 .cmp-navigation__item--level-0:nth-child(2)::after, #header-section .azcl-column-par2 .cmp-navigation__item--level-0:nth-child(5)::after {
     content: url(/content/dam/intelligentcontent/brands/wainua/en/images/chevron-down-solid.svg);
     position: absolute;
     display: table;
     right: -11px;
     width: 12px;
     height: 6px;
}
 #header-section .azcl-column-par2 .cmp-navigation__item--level-0:nth-child(2) a:hover, #header-section .azcl-column-par2 .cmp-navigation__item--level-0:nth-child(5) a:hover {
     text-decoration: none;
}
 #header-section .azcl-column-par2 .cmp-navigation__item--level-0:nth-child(2):hover::after, #header-section .azcl-column-par2 .cmp-navigation__item--level-0:nth-child(5):hover::after {
     transform: rotate(180deg);
     transition: all 0.3s;
     top: 25px;
}
 #header-section .cmp-topnavigation__item--index-1 .cmp-topnavigation__item--index-1::after, #header-section .cmp-topnavigation__item--index-3 .cmp-topnavigation__item--index-1::after {
     content: none;
}
 #header-section .azcl-container .azcl-column-par2 .cmp-navigation__item--level-0 .cmp-navigation__dropdownmenu .cmp-navigation__item-link a:hover, .azcl-container .azcl-column-par2 .cmp-navigation__item--level-0 .cmp-navigation__dropdownmenu .cmp-navigation__item-link a:hover {
     text-decoration: none;
}
 #home-phase1 .cmp-navigation__item--level-0 .cmp-navigation__dropdownmenu .cmp-navigation__item--level-1:first-child {
     border-top: 3px solid #004122;
}
 #home-phase1 .listToDropdown {
     display: none;
}
 .footer-Links li a:hover {
     text-decoration: underline;
}
/*------------------------ISI code----------------------*/
 #home-phase1 .cmp-highlightinfo__container, #isi-header {
     background: transparent linear-gradient(0deg, #004122 0%, #038B4C 100%) 0% 0% no-repeat padding-box;
     clip-path: polygon(2% 0, 100% 0, 100% 100%, 0% 100%);
     -webkit-clip-path: polygon(2% 0, 100% 0, 100% 100%, 0% 100%);
     border-image: linear-gradient(270deg, #F26522 0%, #FFF33B 100%) 1 0 0 0;
     border-width: 4px 0 0 0;
     border-style: solid;
     padding: 0;
}
 .black-color{
     color: #000000;
}
 #isi-container .isi-content-box a {
     text-decoration: none;
     color: #004122;
}
 #isi-container .isi-content-box a:hover {
     text-decoration: underline;
     color: #004122;
}
 .fa-external-link {
     color: #004122;
     visibility: visible;
}
 #isi-section .cmp-highlightinfo {
     background-color: transparent;
}
 #StickyWrapper::before {
     content: "";
     position: absolute;
     background-color: #ffffff;
     top: 67px;
     z-index: 0;
     width: 100%;
     height: 100%;
}
 .isi-content-box ul li:after {
     content: ".";
     color: #000;
     font-size: 35px;
     top: -22px;
     position: absolute;
     left: -17px;
}
 span.marker-paragraph::before {
    content: ".";    
    color: #000;
    font-size: 20px;           
    position: absolute;
    top: -5px;
    left: -1px;
}
 #isi-container p span.brit-bold-text-isi {
    font-family: "Britanica-Black";
}
 .isi-content-box ul .bold-text {
     font-family: "Britanica-Black";
}
 .cmp-text .isi-content-box ul{
     padding-left: 20px;
     margin-bottom: 25px;
}
 .highlightinformation #isi-header {
     display: none;
}
 #isi-container .isi-bold-content {
     margin-bottom: 8px;
     color: #004122;
     font-family: "Britanica-Black";
}
 .isi-content-box p.most-common {
    margin-top: 15px;
    margin-bottom: 28px;
}
 .highlightinformation .sticky-isi h3 {
     color: #ffffff;
     font-size: 28px;
     line-height: 42px;
     font-family: 'Lexend', sans-serif;
     font-weight: 700;
     justify-content: unset;
}
 #home-phase1 .cmp-highlightinfo {
     z-index: 99999;
}
 #isi-container {
     width: 100%;
     max-width: 100%;
     margin: 0 auto;
     padding: 0;
}
 #isi-section {
     background-color: #fff;
     padding-bottom: 20px;
}
 #isi-container .azcl-container {
     padding-top: 23px;
}
 .isi-content-box p.you-may-text{
     margin-top: 25px;
}
.you-may-text .fa-external-link:before{
    font-size: 13px;
}

 .for-logos {
     display: flex;
     align-items: center;
     margin-top: 15px;
}
 #home-phase1 .cmp-highlightinfo__container .cmp-highlightinfo__button {
     position: relative;
     right: 0px;
     display: block;
     top: -5px;
     width: fit-content;
}
 #home-phase1 .cmp-highlightinfo__container .cmp-highlightinfo__icon {
     display: none;
}
 .logo-az {
     border-right: 1px solid #5F6062;
     padding-right: 17px;
}
 .logo-ionis {
     padding-left: 9px;
}
 #home-phase1 .cmp-highlightinfo__container>h3 {
     max-width: 1270px;
     margin: 0 auto;
     width: 91%;
     padding: 0;
     line-height: 42px;
     justify-content: space-between;
}
 #isi-container #isi-header-inner h3 {
     background: transparent;
     color: #ffffff;
     font-size: 28px;
     line-height: 42px;
     font-family: 'Lexend', sans-serif;
     font-weight: 700;
     padding: 5px 0 5px;
}
 #isi-container .azcl-columns__base {
     gap: 50px;
     max-width: 1100px;
     margin-right: auto;
}
 #isi-container .lex-extra-bold {
     font-family: 'Lexend', sans-serif;
     font-weight: 800;
     margin-bottom: 9px;
     color: #004122;
}
 #isi-container .azcl-column-par1 p.text-indt-pd-isi {
    padding-left: 11px;
    position: relative;
}
 #home-phase1 span.cmp-highlightinfo__text {
     font-size: 22px;
     color: #004122;
     text-decoration: none;
     background: #ffffff;
     padding: 2px 11px 4px;
     border-radius: 50%;
}
 #isi-header-inner {
     max-width: 1270px;
     margin: 0 auto;
     width: 91%;
}
 .isi-content-box {
     max-width: 1100px;
     margin-right: auto;
}
 .isi-content-box p {
     margin: 0 0 24px;
     padding: 0;
}
 .isi-content-box h4.isi-bold-content {
     font-size: 20pxx;
     line-height: 27px;
     margin: 0 0 30px;
}
 .isi-content-box .mobile-only h4 {
     font-size: 16px;
     line-height: 24px;
     font-family: 'Lexend', sans-serif;
     font-weight: 800;
     margin-bottom: 24px;
}
 .isi-content-box p.isi-bold-content.marker-paragraph {
     font-size: 18px;
     line-height: 27px;
     color: black;
     margin-bottom: 24px;
     padding-top: 0px;
}
 p.marker-paragraph::before {
     content: ".";
     margin-right: 8px;
     color: #000;
     font-size: 28px;
     top: -2px;
     position: relative;
}
 .marker-paragraph+p {
     font-size: 18px;
     line-height: 27px;
     color: black;
}

p.confirming-text {
    margin-top: 10px;
}
p.confirming-text a {
    color: #014424;
}
p.confirming-text a:hover {
    text-decoration: underline;
}

.footer-content .socialMedia-iconsMain {
    display: flex;
    column-gap: 30px;
    margin-bottom: 28px;
}
.footer-content a.socMed-iconAnch img {
    max-width: 41px;
}

/***************** Mobile breakponits starts ***********************************/
 @media (max-width: 991px) {

    .tooltip{
        display: inline-block;
    }


    .you-may-text .fa-external-link:before{
        font-size: 12px;
    }
    #home-phase1 ul.bullet-points li::before{

        top: -3px;
    }

    #home-phase1 ul.bullet-points.supertext li:first-child::before{

        top: 1px;
    }

     .tooltip .tooltiptext{
        width: 290px;
        left: 0;
        margin-left: 0;
        padding: 15px;        
        overflow: hidden;
    }
     .mobile-only {
         display: block;
    }
     .desktop-only {
         display: none;
    }
     .body-copy, #body-copy {
         padding-left:14px;
         padding-right:14px;
    }
     .body-copy-1, #body-copy-1 {
         padding-left:14px;
         padding-right:14px;
    }
     .body-copy-2, #body-copy-2{
         padding-left:14px;
         padding-right:14px;
    }
    .body-copy-3, #body-copy-3{
        padding-left:14px;
        padding-right:14px;
   }
     h1 {
         font-size: 24px;
         line-height: 29px;
    }
     h2 {
         font-size: 24px;
         line-height: 29px;
    }
     h3 {
         font-size: 22px;
         line-height: 29px;
    }
     h4 {
         font-size: 20px;
         line-height: 30px;
         color: var(--dark-green);
         font-family: 'Lexend', sans-serif;
         font-weight: 400;
    }
     p {
         font-size: 17px;
         line-height: 24px;
    }
     .mobile-spacing {
         padding: 0 13px;
    }
     a.cta-link {
         font-size: 21px;
         line-height: 29px;
         font-family: 'Lexend', sans-serif;
         color: var(--dark-green);
         cursor: pointer;
         z-index: 999;
         font-weight: 700;
    }
     .footnte{
         font-size: 14px;
         line-height: 16px;
    }
     a.cta-primary{
         font-size: 16px;
         line-height: 24px;
    }
    .thanks-text a.cta-primary{
        font-size: 20px;
        line-height: 31px;
   }
     #home-phase1 .cmp-highlightinfo__container, #isi-header {
         border-width: 3px 0 0 0;
    }
     #home-phase1 span.cmp-highlightinfo__text {
         font-size: 15px;
         padding: 1px 7px 2px;
         line-height: 24px;
         position: relative;
         top: 0px;
    }
     #home-phase1 .cmp-highlightinfo__container, #isi-header {
         clip-path: polygon(15px 0, 100% 0, 100% 100%, 0% 100%);
         -webkit-clip-path: polygon(15px 0, 100% 0, 100% 100%, 0% 100%);
    }
     .what-is-background img.white-overlay {
         top: 0;
    }
     #home-phase1 .cmp-highlightinfo__container>h3{
         line-height: 32px;
    }
     #isi-container .azcl-container {
         padding-top: 15px;
    }
     #isi-container .azcl-column-par1 p, #isi-container .azcl-column-par2 p {
         font-size: 16px;
         line-height: 24px;
         
    }
     .isi-content-box p.most-common {
         margin-top: 0px;
         margin-bottom: 25px;
         
         
    }

    .isi-content-box p{
    font-size: 16px;
    }
     #isi-container .azcl-column-par1 h4, #isi-container .azcl-column-par2 h4{
         font-size: 16px;
         line-height: 24px;
    }
     #isi-container .isi-bold-content {
         font-size: 16px;
         line-height: 24px;
    }
     .isi-content-box ul {
         font-size: 16px;
         line-height: 24px;
         font-family: 'Britanica-Regular';
         padding-left: 20px;
         margin-bottom: 40px !important;
    }
    #isi-section{
        padding-bottom: 40px;
    }
     .isi-content-box .mobile-only h4 {
         padding-top: 0px;
    }
     .isi-content-box .mobile-only h4 {
         font-size: 16px;
         line-height: 24px;
         font-family: 'Lexend', sans-serif;
         font-weight: 800;
         margin-bottom: 5px;
    }
     #isi-container #isi-header-inner h3, .highlightinformation .sticky-isi h3 {
         font-size: 16px;
         line-height: 24px;
    }
     #isi-container .azcl-column-par1 p, #isi-container .azcl-column-par2 p {
         width: 100%;
    }
     .isi-content-box p.isi-bold-content.marker-paragraph {
         margin-bottom: 20px;
         font-size: 16px;
         line-height: 24px;
    }
     #phase-hero-img .see-you-lattr a {
         font-size: 14px;
         line-height: 18px;
         padding: 9px 17px;
    }
     a.cmp-list-dropdown__head {
         text-align: center;
         color: white;
         background: #004122;
         padding: 2px;
         font-size: 12px;
         font-family: "Britanica-Regular";        
    }
     #header-section .cmp-image__image {
         width: 100%;
         height: auto;
         position: relative;
         max-width: 121px;
    }
    #header-section img.newSticky-logoImg {
        display: none;
    }
     #isi-container .azcl-columns__base {
        gap: 10px;
         grid-template-columns: unset;
    }
    .isi-content-box ul li:after{
        top: -26px;
    }
     #home-phase1 .listToDropdown {
         display: block;
         position: relative;
         z-index: 10000;
    }
     #home-phase1 .listToDropdown.sticky {
         position: fixed;
         top: 0;
         z-index: 10001;
         animation: slideDown 0.3s ease-in-out;
    }
     #home-phase1 a.cmp-list-dropdown__head .fa-chevron-circle-down {
         position: relative;
    }


    .cmp-navigation__item--level-0 .cmp-navigation__dropdownmenu .cmp-navigation__item--level-1{
        margin: 0;
        background: white;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.175);
        transition: all 0.3s ease;
        padding: 0px 18px;
        height: 51px;
        display: flex;
        align-items: center;
        text-align: left;
        
   }
     #home-phase1 a.cmp-list-dropdown__head .fa-chevron-circle-down:before {
         content: url(/content/dam/intelligentcontent/brands/wainua/en/images/chevron-down-white.svg);
         position: absolute;
         top: -11px;
         right: -12px;
         width: 9px;
         height: 6px;
         z-index: 999;
    }
     #header-section:before{
        width: 47%;
        height: 81px;
        max-width: 190px;
    }
     #head-logo-section .image{
         top: 2px;
         left: 12px;
    }
     .ic-hamburger .hamburger {
         position: absolute;
         z-index: 3;
         color: #004122;
         width: 35px;
         height: 30px;
         transform: none;
         transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
         top: 7px;
    }
     .ic-hamburger .hamburger-wrapper:after {
         content: 'MENU';
         position: relative;
         top: 21px;
         font-family: 'Lexend', sans-serif;
         left: 0px;
         color: #004122;
         display: inline-block;
         font-size: 12px;
         line-height: 15px;
    }
     .ic-header.menuclose .ic-hamburger .hamburger-wrapper:after {
         content: 'CLOSE';
         
         top: 27px;
    }
     #home-phase1 .navigation-overlay.show {
         background: transparent linear-gradient(90deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;
         position: fixed;
         top: 91px;
         left: 0px;
         width: 100%;
         background-color: #fff;
         z-index: -1;
         overflow: auto;
         /* height: 100vh !important; */
         height: calc(100vh - 91px) !important;
    }
     #home-phase1 .navigation-overlay.active {
         position: relative;
         left: 10%;
         transform: translate(-50%, 0px);
         width: 100vw;
         top: 55px;
         height: 100vh !important;
         border-top: 0.5px solid black;
         display: block;
         z-index: 999;
    }
     #home-phase1 .navigation-overlay.show {
         background: transparent linear-gradient(90deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;
    }
     .ic-hamburger .hamburger-line {
         position: absolute;
         z-index: 1;
         left: 5px;
         display: block;
         width: 25px;
         height: 2px;
         background: #004122;
         transition: transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
    }
     #header-section .azcl-container .azcl-column-par2 .cmp-navigation__group .cmp-navigation__item--level-0:nth-child(2)>a, #header-section .azcl-container .azcl-column-par2 .cmp-navigation__group .cmp-navigation__item--level-0:nth-child(5)>a {
         pointer-events: none;
    }
     #home-phase1 .topnavigation {
         display: none;
    }
     .ic-header .cmp-navigation__item {
         display: none;
    }
     #home-phase1 .cmp-navigation__group {
         flex-direction: column;
         padding-top: 0px;
    }
     .ic-hamburger .hamburger-line-mid {
         top: 14px;
    }
     .ic-hamburger .hamburger-line-bottom {
         bottom: 13px;
         transform: translateY(7px);
    }
     .ic-hamburger .hamburger-line-top {
         top: 14px;
         transform: translateY(-7px);
    }
     #header-section {
         background: #ffffff;
         padding: 0;
         margin-top: 0;
         position: relative;
         height: auto;
    }
     #head-logo-section .azcl-column-par2 > .cmp-container{
        display: flex;
        justify-content: end;
        align-items: baseline;
        margin-right: 14px;
    }
     #header-section.sticky {
         z-index: 1;
         margin-top: 16px;
    }
     #header-section .azcl-columns__base {
        grid-template-columns: 41% 59% !important;
         align-items: center;
         margin-top: 0;
         height: 75px;
    }

    #header-section .azcl-columns__base .navigation{
        width: 36px;
    }
     #header-section .azcl-container .azcl-column-par2 .cmp-navigation__group .cmp-navigation__item--level-0 {
         margin: 0;
         padding: 0;
         border-top: 1px solid #707070;
    }
     #header-section .azcl-column-par2 .cmp-navigation__item--level-0:nth-child(2)::after, #header-section .azcl-column-par2 .cmp-navigation__item--level-0:nth-child(5)::after {
         content: url(/content/dam/intelligentcontent/brands/wainua/en/images/chevron-down-solid.svg);
         position: absolute;
         top: 28px;
         right: 16px;
         width: 18px;
         height: 10px;
         transform: none !important;
    }
     .navigation-overlay .cmp-navigation__item--level-0:last-child {
         display: none;
    }
     #header-section .azcl-container .azcl-column-par2 .cmp-navigation__group .cmp-navigation__item-link {
         width: 100%;
         display: block;
         height: 100%;
         padding: 21px 14px 21px 14px;
         font-size: 18px;
         line-height: 23px;
    }
     #header-section .azcl-container .azcl-column-par2 .cmp-navigation__item--level-0 .cmp-navigation__dropdownmenu .cmp-navigation__item--level-1 {
         background: #E2E2E2;
         box-shadow: none;
    }
     #header-section .azcl-container .azcl-column-par2 .cmp-navigation__item--level-0 .cmp-navigation__dropdownmenu .cmp-navigation__item--level-1:hover {
         background: #004122;
    }
     #home-phase1 .cmp-navigation__item--level-0 .cmp-navigation__dropdownmenu .cmp-navigation__item--level-1:first-child {
         border-top: 2px solid #004122;
    }
     #home-phase1 .cmp-navigation__item--level-0 .cmp-navigation__dropdownmenu .cmp-navigation__item--level-1 {
         padding: 0;
    }
    #home-phase1 #header-section li.cmp-navigation__item.cmp-navigation__item--level-1.active > a
    {
       color: #ffffff;
       background-color: #004122;
      }

     #header-section .azcl-container .azcl-column-par2 .cmp-navigation__group .cmp-navigation__item:hover .cmp-navigation__dropdownmenu {
         padding-top: 0;
         position: static;
    }
     .Sign-up-mobile{
         font-size: 16px;
         line-height: 24px;
         padding: 4px 2px 4px;
         font-family: 'Lexend', sans-serif;
         font-weight: 700;
         color: var(--dark-green);
         background: var(--yellow-gradient);
         cursor: pointer;
         transition: transform 0.4s ease, padding 0.4s ease;
         margin: 0;
         text-align: center;
         max-width: 74%;
         margin: 0 auto;
    }
     .Sign-up-mobile a{
         color: #004122;
    }
  
     #phase1-nav > ul > li:nth-child(5){
         border-bottom: 1px solid #707070;
    }
     #header-section .azcl-container .azcl-column-par2 .cmp-navigation__item--level-0 .cmp-navigation__dropdownmenu .cmp-navigation__item-link {
         margin: 0;
         padding: 14px 30px 12px 34px;
         font-size: 16px;
         font-family: 'Lexend', sans-serif;
         font-weight: 500;
         line-height: 20px;
    }
     #home-phase1 .cmp-navigation__item--level-0 .cmp-navigation__dropdownmenu .cmp-navigation__item--level-1:first-child {
         border-top: none;
    }
     #header-section li.cmp-navigation__item.cmp-navigation__item--level-0.cmp-navigation__item--active.main-active > a.cmp-navigation__item-link {
         color: #fff;
         background: #004122;
    }
     #header-section li.cmp-navigation__item.cmp-navigation__item--level-1.sub-active > a.cmp-navigation__item-link {
         color: #fff;
         background: #004122;
         font-weight: 400 !important;
    }
     .ic-hamburger .hamburger-line {
         position: absolute;
         z-index: 1;
         left: 0px;
         display: block;
         width: 37px;
         height: 3px;
         background: #004122;
         transition: transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
         clip-path: polygon(6% 0%, 100% 3%, 94% 100%, 0% 100%);
         -webkit-clip-path: polygon(6% 0%, 100% 3%, 94% 100%, 0% 100%);
    }
     .ic-header.mobile-nav-open .ic-hamburger .hamburger-line {
         width: 29px;
         background: #004122;
         left: 3px;
         clip-path: unset;
    }
     .ic-hamburger .hamburger-line-mid {
         top: 14px;
    }
   
     .ic-header.menuclose .ic-hamburger .hamburger-top {
         transform: rotate(45deg);
    }
     .ic-header.menuclose .ic-hamburger .hamburger {
         transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
    }
     .cmp-navigation--byd-nav .ic-hamburger .hamburger-line {
         background-color: #333;
    }
     .ic-header.menuclose .ic-hamburger .hamburger-line {
         transform: none;
         transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    }
     .ic-header.menuclose .ic-hamburger .hamburger-mid {
         visibility: hidden;
    }
     .ic-header.menuclose .ic-hamburger .hamburger-bottom {
         transform: rotate(-45deg);
    }
     .hamburger-wrapper.active .hamburger-wrapper:after {
         content: 'CLOSE';
         color: #006838;
         left: 4px;
    }
     #home-phase1 .cmp-list-dropdown--portrait.cmp-list-dropdown--vertical .cmp-list-dropdown--list li a {
         color: black;
         font-size: 14px;
         line-height: 17px;
    }
     #home-phase1 .cmp-list-dropdown--portrait.cmp-list-dropdown--vertical.active .cmp-list-dropdown--list {
         display: block;
         margin: 0;
         background: transparent linear-gradient(90deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;
         border-color: black;
    }
     #home-phase1 .cmp-list-dropdown--portrait.cmp-list-dropdown--vertical .cmp-list-dropdown--list li {
         width: 100%;
         padding: 11px 11px 15px 13px;
         background: transparent linear-gradient(90deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;
         border-color: black;
         border-bottom: 1px solid black;
         border-top: 0;
         font-family: "Britanica-Regular";
         
         line-height: 17px;
         font-size: 14px;
         color: #000000;
    }
     #home-phase1 .cmp-list-dropdown--portrait.cmp-list-dropdown--vertical .cmp-list-dropdown--list {
         padding: 0;
    }
     #home-phase1 .cmp-list-dropdown__head.active .fa-chevron-circle-down:before {
         transform: rotate(180deg);
         transition: all 0.3s;
         top: -3px;
    }
     #home-phase1 .cmp-list-dropdown--portrait.cmp-list-dropdown--vertical .open+.cmp-list-dropdown--list {
         width: 100%;
         border: none !important;
         padding: 0 !important;
         margin: 0 !important;
    }
     #home-phase1 .cmp-list-dropdown__head .cmp-list-dropdown__target {
         pointer-events: none;
    }
     #home-phase1 a.cmp-list-dropdown__head:hover {
         text-decoration: none;
    }
     #header-section .azcl-column-par2 .navigation:last-child {
         display: none;
    }
     #header-section .azcl-column-par2>a {
         font-size: 14px;
         line-height: 18px;
         padding: 8px 12px 8px;
         font-family: 'Lexend', sans-serif;
         font-weight: 700;
         color: var(--dark-green);
         background: var(--yellow-gradient);
         cursor: pointer;
         transition: transform 0.4s ease, padding 0.4s ease;
         margin: 0;
         text-align: center;
         position: absolute;
         right: 25%;
         top: 0px;
         display: block;
    }
     .azcl-column-par2 {
         position: relative;
    }
     #header-section .azcl-column-par2>a::before, #header-section .azcl-column-par2>a::after {
         content: "";
         position: absolute;
         background: var(--yellow-gradient);
         width: 100%;
         top: 0;
         bottom: 0;
         z-index: -1;
         transition: transform 0.4s ease, padding 0.4s ease;
    }
     #header-section .azcl-column-par2>a::before {
         left: 0;
         transform-origin: bottom;
    }
     #header-section .azcl-column-par2>a::after {
         right: 0;
         transform-origin: bottom;
    }
     #header-section .azcl-column-par2>a:hover::before {
         transform: skewX(-22deg);
         background: var(--green-gradient);
    }
     #header-section .azcl-column-par2>a:hover::after {
         transform: skewX(-22deg);
         background: var(--green-gradient);
    }
     #header-section .azcl-column-par2>a:hover {
         color: var(--white);
         background: none;
         padding: 11px 6px 8px 19px;
         text-decoration: none;
         z-index: 999;
    }
     #header-section li.cmp-navigation__item.cmp-navigation__item--level-0.sub-menu-open ul.cmp-navigation__dropdownmenu {
         display: inline !important;
    }
     #header-section li.cmp-navigation__item.cmp-navigation__item--level-0 ul.cmp-navigation__dropdownmenu {
         display: none !important;
    }
     #header-section .azcl-column-par2 .cmp-navigation__item--level-0.sub-menu-open:nth-child(2)::after, #header-section .azcl-column-par2 .cmp-navigation__item--level-0.sub-menu-open:nth-child(4)::after {
         transform: rotate(180deg) !important;
    }
}
 @media only screen and (max-height: 480px) and (orientation: landscape) {
     .modal{
         overflow-y: scroll !important;
    }
     .navigation-overlay.show{
         height: 64vh !important;
         overflow-y: scroll;
    }
}

@media (min-width: 320px) and (max-width: 361px) {

    #header-section .cmp-image__image{
        max-width: 104px;
    }
}



/***************** Desktop breakponits starts ***********************************/
 @media (min-width: 992px) {
     .mobile-only {
         display: none;
    }
     .body-copy, #body-copy {
         margin: 0 auto;
         width: 91%;
         max-width: 1360px;
    }
     .body-copy-1, #body-copy-1 {
         max-width: 1030px;
         margin: 0 auto;
         width: 91%;
    }
     .body-copy-2, #body-copy-2 {
         max-width: 1270px;
         margin: 0 auto;
         width: 91%;
    }
    .body-copy-3, #body-copy-3 {
        max-width: 1023px;
        margin: 0 auto;
        width: 91%;
   }
     #phase-three-column .content {
         min-height: 105px;
    }
     #head-logo-section .azcl-column-par2{
         padding-right: 2.5%;
    }
     .cmp-navigation ul li {
         white-space: unset;
         display: flex;
         align-items: center;
         text-align: center;
         padding: 0;
        margin: 0;
    }
     .cmp-navigation ul li:nth-child(1) {
         flex-basis: 16%;
    }
     .cmp-navigation ul li:nth-child(2) {
         flex-basis: 9%;
    }
     .cmp-navigation ul li:nth-child(3) {
         flex-basis: 12%;
    }
     .cmp-navigation ul li:nth-child(4) {
         flex-basis: 7%;
    }
    .cmp-navigation ul li:nth-child(5) {
        flex-basis: 11%;
   }


    .cmp-navigation__item--level-0 .cmp-navigation__dropdownmenu .cmp-navigation__item--level-1 a{
        margin: 0;
        background: white;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.175);
        transition: all 0.3s ease;
        padding: 0px 18px;
        height: 51px;
        display: flex;
        align-items: center;
        text-align: left;
        width: 100%;
   }

    #phase1-nav > ul > li:nth-child(5):hover .cmp-navigation__dropdownmenu > li:first-child a{
        height: 67px;
        }
     #home-phase1 li.cmp-navigation__item.cmp-navigation__item--level-0.active:before {
         content: "";
         position: absolute;
         bottom: 9px;
         width: 100%;
         height: 3px;
         background-color: #F26522;
    }
    #header-section .azcl-container .azcl-column-par2 .cmp-navigation__item--level-0:last-child:before{
        display: none;
    }
    #home-phase1 #header-section .azcl-column-par2 .cmp-navigation__item--level-0:nth-child(1) a:hover, #home-phase1 #header-section .azcl-column-par2 .cmp-navigation__item--level-0:nth-child(3) a:hover, #home-phase1 #header-section .azcl-column-par2 .cmp-navigation__item--level-0:nth-child(4) a:hover{
        text-decoration: underline;
    }

    #header-section img.newSticky-logoImg {
        display: none;
    }
    #header-section.sticky img.newSticky-logoImg {
        display: unset;
        width: 16%;
        max-width: 55px;
        position: relative;
        /*left: 28px;*/
        left: 45%;
        top: 6px;
    }

    #header-section .cmp-image__image {
        display: unset;
    }
    #header-section.sticky .cmp-image__image {
        display: none;
    }

    #header-section.sticky #head-logo-section .azcl-column-par2 .topnavigation {
        display: none;
    }
    #header-section.sticky:before {
        display: none;
    }
    #header-section.sticky {
        height: 90px;
    }


}
 @media (min-width: 992px) and (max-width: 1199px) {
     #header-section{
         height: 115px;
    }
     .phase-hero-banner-sec .phase-first p.grey-eyebrw-text{
         padding-left: 173px !important;
    }
     #header-section:before{
         width: 25%;
         height: 130%;
    }
     #header-section .azcl-container .azcl-column-par2 .cmp-navigation__group .cmp-navigation__item:hover .cmp-navigation__dropdownmenu{
         top: 62px;
    }
     #phase-three-column .content {
         min-height: 159px;
    }
     #phase-three-column .heading {
         min-height: 125px;
    }
     #phase-three-column a.cta-primary {
         padding: 10px 32px;
    }
}
 @keyframes slideDown {
     from {
         transform: translateY(-100%);
         opacity: 0;
    }
     to {
         transform: translateY(0);
         opacity: 1;
    }
}