body {
 font-family: Arial, Helvetica, sans-serif;
 color: #4a4a4a;
}

.container {
 margin-top: 20px;
}

header {
 background-color: #336094;
 padding: 15px;
 text-align: left;
}

header .container {
 margin-top: 0px !important;
}

.header-logo {
 max-width: 257px;
 margin-left: 1%;
}

.main-content {
 padding: 20px;
}

.heading {
 font-family: Arial;
 font-style: normal;
 font-weight: 700;
 font-size: 36px;
 line-height: 120%;
 /* or 43px */
 letter-spacing: -0.3px;
 color: #336094;
 margin-bottom: 30px;
}

.left-content {
 padding-right: 5%;
}

.bodytext {
 font-family: Arial;
 font-size: 24px;
 font-weight: 700;
 line-height: 30px;
 letter-spacing: 0px;
 text-align: left;
 margin-top: 30px;
 margin-bottom: 2rem;
}

.bodytext1,
.rhstext4 {
 font-family: Arial;
 font-weight: 500;
 font-size: 18px;
 line-height: 150%;
}

li.rhstext4 {
 margin: 15px auto 0px;
}

.bodytext1,
.bodytext1-maincontent {
 margin: 20px 5% 10px 20px;
}

.bodytext2 {
 color: #4A4A4A;
 font-family: Arial;
 font-size: 18px;
 font-style: normal;
 font-weight: 400;
 line-height: 120%;
 /* 21.6px */
}

.bodytext2-maincontent {
 color: #4A4A4A;
 font-family: Arial;
 font-size: 18px;
 font-style: normal;
 font-weight: 700;
 line-height: 120%;
 /* 21.6px */
}

.form-container {
 background-color: #FBCE07;
 border-radius: 10px;
 padding: 35px;
}

.rhstext1 {
 font-weight: 600;
 font-size: 24px;
 line-height: 29px;
 /* font-family: ShellHeavy; */
 font-family: Arial;
 letter-spacing: 0px;
 text-align: left;
}

.rhstext2,
.rhstext3 {
 font-size: 12px;
}

.button {
 margin-top: 20px;
}

.sc-button {
 width: 100%;
 padding: 15px 40px;
 border-radius: 10px;
 border: 0px;
 cursor: pointer;
 margin-top: 15px;
 /* font-family: ShellMedium; */
 font-family: Arial;
 font-size: 20px;
 font-weight: 500;
 line-height: 28px;
 letter-spacing: 0px;
 text-align: center;
}

form {
 margin-top: 35px;
}

form .form-submit {
 background-color: #336094;
 color: #FFF;
}

form input[data-field-type="Text"] {
 height: 58px !important;
 border-radius: 10px;
 color: #919191 !important;
 /* font-family: ShellMedium; */
 font-family: Arial;
 font-size: 18px;
 font-weight: 500;
 line-height: 22px;
 letter-spacing: -1px;
 text-align: left;
}

form input[data-field-type="Phone"] {
 height: 58px !important;
 border-radius: 10px;
 color: #919191 !important;
 /* font-family: ShellMedium; */
 font-family: Arial;
 font-size: 18px;
 font-weight: 500;
 line-height: 22px;
 letter-spacing: -1px;
 text-align: left;
}

input::placeholder {
 color: #919191 !important;
}

.form-group select {
 height: 58px !important;
 border-radius: 10px;
 color: #919191 !important;
 box-sizing: border-box;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 /* font-family: ShellMedium; */
 font-family: Arial;
 font-size: 18px;
 font-weight: 500;
 line-height: 22px;
 letter-spacing: -1px;
 text-align: left;
 background-image: url(https://image.chemical.shell.com/lib/fe2d11737364047e731176/m/1/arrow.png);
 background-position: center right 10px;
 background-repeat: no-repeat;
}

.checkbox-form-control {
 font-size: 16px;
 font-weight: 500;
 line-height: 1.1;
 display: grid;
 grid-template-columns: 1em auto;
 gap: 2em;
 margin-top: 7%;
 margin-bottom: 5%;
 /* font-family: ShellMedium; */
 font-family: Arial;
 line-height: 22px;
 letter-spacing: -0.02em;
 text-align: left;

}

.market-value {
 font-family: Arial !important;
 font-size: 16px !important;
 font-weight: 400 !important;
 line-height: 19.2px !important;
 margin-top: 5% !important;
 margin-bottom: -5% ! important;
}

.sc-consent {
 font-family: Arial;
 font-size: 15px;
 font-weight: 400;
 line-height: 20px;
 letter-spacing: 0px;
 text-align: left;
 margin: 18px auto;
}

.checkbox-form-control+.checkbox-form-control {
 margin-top: 1em;
}

input[type=checkbox] {
 /* Add if not using autoprefixer */
 -webkit-appearance: none;
 /* Remove most all native input styles */
 -moz-appearance: none;
 appearance: none;

 /*background-color: #FBCE07;*/
 /* Not removed via appearance */
 margin: 0;
 font: inherit;
 color: #4a4a4a;
 width: 30px;
 height: 30px;
 border: 1px solid #4a4a4a;
 border-radius: 6px;
 transform: translateY(-0.075em);
 display: grid;
 place-content: center;
}

input[type=checkbox]::before {
 content: "";
 width: 15px;
 height: 15px;
 -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
 clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
 transform: scale(0);
 transform-origin: bottom left;
 transition: 120ms transform ease-in-out;
 box-shadow: inset 2px 2px #4a4a4a;
 /* Windows High Contrast Mode */
 background-color: #4a4a4a;
}

input[type=checkbox]:checked::before {
 transform: scale(1);
}

.form-check {
 padding-left: 0px !important;
}

.form-check-input {
 position: relative !important;
 margin-left: 0px !important;
}

footer {
 background-color: #F5F5F5;
 padding: 10px;
 text-align: center;
}

.footer-text {
 font-size: 12px;
}

@media (max-width: 768px) {
 .heading {
  font-size: 24px;
 }

 .bodytext {
  font-size: 22px;
 }

 .bodytext1,
 .bodytext1-maincontent {
  font-size: 16px;
 }

 .rhstext1 {
  font-size: 18px;
 }

 .rhstext2,
 .rhstext3 {
  font-size: 14px;
 }

}

@media (max-width: 600px) {
 header .container {
  padding-left: 0px;
 }
}

.left-content ul li {
 display: flex;
 align-items: flex-start;
}

.left-content ul li::before {
 content: "\2022";
 color: #336094;
 font-weight: bold;
 display: inline-block;
 padding-right: 10px;
 margin-left: -0.5em;
 font-size: 25px;

}

.left-content ul {
 list-style: none;
 margin-right: 5%;
 padding-left: 1rem ! IMPORTANT;
}

.content-list li::before {
 content: "\2022";
 color: #4A4A4A !IMPORTANT;
 font-weight: bold;
 display: inline-block;
 padding-right: 10px;
 margin-left: -0.1em !IMPORTANT;
 font-size: 20px !IMPORTANT;
}

.sustainability-challenges-box {
 background-color: #FFFFFF;
 padding: 20px 20px 0px 20px;
 border: 1px solid #cccccc;
 border-radius: 10px;
 margin-top: 10%;
}

.market-heading {
 font-family: Arial;
 font-size: 18px;
 font-weight: 400;
 line-height: 20px;
 text-align: left;

}

.selectize-control {
 width: 100%;
}

.selectize-input {
 height: 58px !important;
 border-radius: 10px !important;
 color: #919191 !important;
 box-sizing: border-box;
 /* font-family: ShellMedium !important; */
 font-family: Arial;
 font-size: 18px;
 font-weight: 500;
 line-height: 22px;
 letter-spacing: -1px;
 text-align: left;
 padding: 16px 9px !important;
 background-image: url('https://image.chemical.shell.com/lib/fe2d11737364047e731176/m/1/arrow.png');
 background-position: center right 10px;
 /* Position of the custom image */
 background-repeat: no-repeat;
 background-size: 25px;
 /* Adjust size of the custom image */
}

.selectize-dropdown {
 border: 1px solid #ced4da;
 border-radius: 0.25rem;
 z-index: 1000;
 /* font-family: ShellMedium; */
 font-family: Arial;
 /* Match the font family */
 font-size: 18px;
 /* Match the font size */
 font-weight: 500;
 /* Match the font weight */
 line-height: 22px;
 /* Match the line height */
}

.selectize-dropdown .option {
 color: #000 !important;
 padding: 10px !important;
 /* font-family: ShellMedium !important; */
 font-family: Arial;
 font-size: 18px !important;
 color: #919191 !important;
}

.selectize-control.single .selectize-input:after {
 border-style: unset !important;
 border-width: unset !important;
 border-color: unset !important;

}

.selectize-control.single .selectize-input.input-active,
.selectize-input {
 background-image: url('https://image.chemical.shell.com/lib/fe2d11737364047e731176/m/1/arrow.png') !important;
 background-position: center right 10px !important;
 /* Position of the custom image */
 background-repeat: no-repeat !important;
 background-size: 25px !important;
}

/* TYP styles */

body {
 font-family: Arial, Helvetica, sans-serif;
 color: #4a4a4a;
}

.container {
 margin-top: 20px;
}

header {
 background-color: #336094;
 padding: 15px;
 text-align: left;
}

header .container {
 margin-top: 0px !important;
}

.header-logo {
 max-width: 257px;
 margin-left: 1%;
}

.main-content {
 margin: 60px auto;
 padding: 0px;
}

.heading {
 font-family: Arial;
 font-size: 35px;
 font-style: normal;
 font-weight: 700;
 line-height: 43.2px;
 letter-spacing: -0.3px;
 text-align: left;
 color: #336094;
 margin-bottom: 40px;
 width: 100%;
 max-width: 850px;
}

.featured-img {
 height: auto;
 max-width: 500px;
 width: 100%;
}

.left-content {
 padding-right: 5%;
}

.bodytext {
 font-size: 24px;
 font-weight: 600;
 line-height: 29px;
 margin-top: 40px;
 margin-bottom: 2rem;
 /* font-family: ShellHeavy; */
 font-family: Arial;
}

.bodytext3 {
 font-family: Arial;
 font-size: 24px;
 font-weight: 700;
 line-height: 28.8px;
 text-align: left;
 margin: 40px 0;
}

.bodytext1,
.rhstext4 {
 color: #4A4A4A;
 font-family: Arial;
 font-size: 18px;
 font-style: normal;
 font-weight: 400;
 line-height: 120%;
 /* 21.6px */
}

.bodytext1 a {
 color: #4A4A4A;
 font-family: Arial;
 font-size: 18px;
 font-style: normal;
 font-weight: 400;
 line-height: 120%;
 text-decoration-line: underline;
}

li.rhstext4 {
 margin: 20px auto 0px;
}

.subtext {
 color: var(--Primary-Grey-Main, #4A4A4A);
 font-family: Arial;
 font-size: 28px;
 font-style: normal;
 font-weight: 700;
 line-height: 120%;
 /* 33.6px */
 margin: 40px 0;
}

.bodytext1,
.bodytext2 {
 margin: 40px 0;
}

.bodytext2 {
 font-family: Arial;
 font-weight: 400;
 font-size: 18px;
 line-height: 120%;
 text-align: left;
 margin-bottom: 2rem;
}

.form-container {
 background-color: #FBCE07;
 border-radius: 10px;
 padding: 35px;
}

.rhstext1 {
 font-weight: 700;
 font-size: 24px;
 line-height: 29px;
}

.rhstext2,
.rhstext3 {
 font-size: 12px;
}

.button {
 margin-top: 20px;
}

.sc-button {
 width: 100%;
 padding: 15px 40px;
 border-radius: 10px;
 border: 0px;
 cursor: pointer;
}

form {
 margin-top: 35px;
}

form input[data-field-type="Text"] {
 height: 58px !important;
 border-radius: 10px;
 color: #919191 !important;
}

.form-group select {
 height: 58px !important;
 border-radius: 10px;
 color: #919191 !important;
 box-sizing: border-box;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background-image: url(https://image.chemical.shell.com/lib/fe2d11737364047e731176/m/1/arrow.png);
 background-position: center right 10px;
 background-repeat: no-repeat;
}

.checkbox-form-control {
 align-items: center;
 display: flex;
 gap: 15px;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.1;
}

.checkbox-form-control+.checkbox-form-control {
 margin-top: 1em;
}

input[type=checkbox] {
 /* Add if not using autoprefixer */
 -webkit-appearance: none;
 /* Remove most all native input styles */
 -moz-appearance: none;
 appearance: none;
 /*background-color: #FBCE07;*/
 /* Not removed via appearance */
 margin: 0;
 font: inherit;
 color: #4a4a4a;
 width: 30px;
 height: 30px;
 border: 1px solid #4a4a4a;
 border-radius: 6px;
 transform: translateY(-0.075em);
 display: grid;
 place-content: center;
}

input[type=checkbox]::before {
 content: "";
 width: 15px;
 height: 15px;
 -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
 clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
 transform: scale(0);
 transform-origin: bottom left;
 transition: 120ms transform ease-in-out;
 box-shadow: inset 2px 2px #4a4a4a;
 /* Windows High Contrast Mode */
 background-color: #4a4a4a;
}

input[type=checkbox]:checked::before {
 transform: scale(1);
}

.form-check {
 padding-left: 0px !important;
}

.form-check-input {
 position: relative !important;
 margin-left: 0px !important;
}

footer {
 background-color: #F5F5F5;
 padding: 10px;
 text-align: center;
}

.footer-text {
 font-size: 12px;
}

.resource-links-list {
 list-style-type: none;
 padding-left: 0px;
}

.resource-links {
 color: #336094;
 display: block;
 font-family: Arial;
 font-size: 18px;
 font-style: normal;
 font-weight: 400;
 line-height: 120%;
 /* 21.6px */
 text-decoration-line: underline;
 padding-bottom: 10px;
 max-width: 750px;
 width: 100%;
}

a.downloadBtn {
 line-height: 120%;
 font-family: Arial;
 font-style: normal;
 font-weight: 700;
 font-size: 24px;
 mso-line-height-rule: exactly;
 text-align: center;
 border-radius: 20px;
 display: inline-block;
 padding: 24px 70px;
 background-color: #FBCE07;
 color: #4A4A4A;
 text-decoration: none;
 box-shadow: 9px 11px 30px rgba(0, 0, 0, 0.15);
 margin-bottom: 30px;
 line-height: 29px;
 letter-spacing: -0.01em;
 transition: all 0.2s ease-out;
 text-decoration: none;
}

a.downloadBtn:hover {
 background-color: #336094;
 color: white;
}

@media (max-width: 768px) {
 .heading {
  font-size: 24px;
  line-height: 1.2;
 }

 .bodytext {
  font-size: 22px;
 }

 .bodytext1 {
  font-size: 16px;
 }

 .rhstext1 {
  font-size: 18px;
 }

 .rhstext2,
 .rhstext3 {
  font-size: 14px;
 }

 .subtext {
  font-size: 20px;
 }

 .bodytext3 {
  font-size: 18px;
  line-height: 1.2;
 }
}

@media (max-width: 600px) {
 header .container {
  padding-left: 0px;
 }
}

.left-content ul {
 list-style: none;
 margin-right: 3%;
}

.left-content ul li {
 display: flex;
 align-items: flex-start;
}

.left-content ul li::before {
 content: "\2022";
 color: #336094;
 font-weight: bold;
 display: inline-block;
 padding-right: 10px;
 margin-left: -0.5em;
 font-size: 25px;
}

body .selectize-dropdown, body .selectize-input, body .selectize-input input {
  font-family: "Arial";
  font-size: 18px;
}

.sc-button.submit-btn {
  background-color:#336094;
  color: #FFF
}

.loading-text {
 display: none;
 gap: 10px;
}

.loading-text.show {
  align-items: center;
  display: flex;
  justify-content: center;
}

.loading-text .loading {
  align-items: center;
  display: flex;
  justify-content: center;
  font-weight: bold;
}

.loading-text .period {
    margin: 0px;
    animation: bounce 1.5s infinite ease-in-out;
    -webkit-animation: bounce 1.5s infinite ease-in-out;
}

.loading-text .period:nth-child(2) {
    animation-delay: 0.2s;
}

.loading-text .period:nth-child(3) {
    animation-delay: 0.4s;
}

@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-3px);
    }
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-3px);
    }
}

#formContainer form {
 margin-top: 0px;
}

#formContainer h2 {
 margin-bottom: 32px;
}