:root {
  --sd-black: #050505;
  --sd-tint4: #F5FFFF;
  --sd-tint3: #CAE8E9;
  --sd-tint2: #9DD8D9;
  --sd-tint1: #63BFC2;
  --sd-base: #2A9DA5;
  --sd-shade1: #00818f; /*rgb in toggler */
  --sd-shade2: #00616c;
  --sd-shade3: #004249;
  --sd-shade4: #022326;
  --sd-neutral-tint4: #FAFEFF;
  --sd-neutral-tint3: #ebf4f4;
  --sd-neutral-tint2b: #dcedef;
  --sd-neutral-tint2: #C9DEE0;
  --sd-neutral-tint1: #A7BFC2;
  --sd-neutral-base: #778E91;
  --sd-neutral-shade1: #4d5d5f;
  --sd-neutral-shade2: #2E3839;
  --sd-neutral-shade3: #1B2223;
  --sd-neutral-shade4: #131919;
  --sd-translucent-hero: rgba(255, 255, 255, 0.2);
  --sd-cta-gradient: linear-gradient(-30deg, rgba(0, 129, 143, 0.6), rgba(0, 66, 73, 0.6));
  --sd-base-focus: rgba(42, 157, 165, 0.502);
  --sd-shade1-focus: rgba(0, 129, 143, 0.502);
  --sd-shade2-focus: rgba(0, 97, 108, 0.502);
  --sd-shadow-center: rgba(5, 5, 5, 0.2);
}

/* Customizing some BS styles */
:root, [data-bs-theme=light] {
  --bs-primary: var(--sd-shade1);
  --bs-secondary: var(--sd-neutral-shade1);
  --bs-dark: var(--sd-black);
  --bs-primary-rgb: 0, 129, 143;
  --bs-secondary-rgb: 77, 93, 95;
  --bs-dark-rgb: 5, 5, 5;
  --bs-primary-text-emphasis: var(--sd-shade3);
  --bs-secondary-text-emphasis: var(--sd-neutral-shade3);
  --bs-dark-text-emphasis: var(--sd-shade2);
  --bs-primary-bg-subtle: var(--sd-tint3);
  --bs-secondary-bg-subtle: var(--sd-neutral-tint3);
  --bs-dark-bg-subtle: var(--sd-neutral-tint2b);
  --bs-primary-border-subtle: var(--sd-tint2);
  --bs-secondary-border-subtle: var(--sd-neutral-tint2);
  --bs-dark-border-subtle: var(--sd-neutral-tint1);
  --bs-font-sans-serif: system-ui, -apple-system, "Open Sans", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-gradient: linear-gradient(-30deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-color: var(--sd-black);
  --bs-body-color-rgb: var(--bs-dark-rgb);
  --bs-secondary-color: rgba(55, 69, 79, 0.749);
  --bs-secondary-color-rgb: 55, 69, 79;
  --bs-secondary-bg: var(--sd-neutral-tint3);
  --bs-secondary-bg-rgb: 233, 248, 249;
  --bs-link-color: var(--sd-shade1);
  --bs-link-color-rgb: 0, 129, 143;
  --bs-link-hover-color: var(--sd-shade2);
  --bs-link-hover-color-rgb: 0, 97, 108;
  --bs-border-color: var(--sd-neutral-tint2);
  --bs-border-color-translucent: rgba(5,5,5, 0.175);
  --bs-focus-ring-color: rgba(42, 157, 165, 0.251);
}

.navbar {
  --bs-navbar-nav-link-padding-x: 1.5rem;
}

.btn-outline-primary {
  --bs-btn-color: var(--sd-shade1);
  --bs-btn-border-color: var(--sd-shade1);
  --bs-btn-hover-bg: var(--sd-shade1);
  --bs-btn-hover-border-color: var(--sd-shade1);
  --bs-btn-focus-shadow-rgb: 0, 129, 143;
  --bs-btn-active-bg: var(--sd-shade1);
  --bs-btn-active-border-color: var(--sd-shade1);
  --bs-btn-disabled-color: var(--sd-shade1);
  --bs-btn-disabled-border-color: var(--sd-shade1);
}
.btn-outline-dark {
  --bs-btn-color: var(--sd-black);
  --bs-btn-border-color: var(--sd-black);
  --bs-btn-hover-bg: var(--sd-black);
  --bs-btn-hover-border-color: var(--sd-black);
  --bs-btn-focus-shadow-rgb: 5, 5, 5;
  --bs-btn-active-bg: var(--sd-black);
  --bs-btn-active-border-color: var(--sd-black);
  --bs-btn-disabled-color: var(--sd-black);
  --bs-btn-disabled-border-color: var(--sd-black);
}
.btn-outline-light {
  --bs-btn-color: var(--sd-neutral-tint4);
  --bs-btn-border-color: var(--sd-neutral-tint4);
  --bs-btn-hover-bg: var(--sd-neutral-tint4);
  --bs-btn-hover-border-color: var(--sd-neutral-tint4);
  --bs-btn-focus-shadow-rgb: 250, 253, 255;
  --bs-btn-active-bg: var(--sd-neutral-tint4);
  --bs-btn-active-border-color: var(--sd-neutral-tint4);
  --bs-btn-disabled-color: var(--sd-neutral-tint4);
  --bs-btn-disabled-border-color: var(--sd-neutral-tint4);
}
.accordion {
  --bs-accordion-color: var(--sd-black);
  --bs-accordion-bg: var(--sd-neutral-tint3);
  --bs-accordion-border-width: 0;
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300818f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232A9DA5'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: var(--sd-tint1);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(42, 157, 165, 0.251);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.pagination {
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-active-border-color: var(--bs-primary);
}
#sdHomeAccordion, #smUCAccordion {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%2300818f'%3e%3cpath fill-rule='evenodd' d='m64,25.86v12.181c0,.899-.7,1.697-1.7,1.697h-22.5v22.565c0,.899-.7,1.697-1.7,1.697h-12.2c-.9,0-1.7-.699-1.7-1.697v-22.565H1.7c-1,0-1.7-.799-1.7-1.697v-12.181c0-.899.7-1.697,1.7-1.697h22.6V1.697c-.1-.998.7-1.697,1.6-1.697h12.2c.9,0,1.7.699,1.7,1.697v22.565h22.6c.9-.1,1.6.699,1.6,1.598Z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%232A9DA5'%3e%3cpath fill-rule='evenodd' d='m62.2,23H1.8c-1,0-1.8.8-1.8,1.8v14.4c0,1,.8,1.8,1.8,1.8h60.5c1,0,1.8-.8,1.8-1.8v-14.4c-.1-1-.9-1.8-1.9-1.8Z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-transform: none;
  --bs-accordion-btn-icon-transition: all 0.2s ease-in-out;
}

#sdUseCaseContent .card-img-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


#sdHomeFAQ .accordion-item:not(:last-of-type) {
  margin-bottom: 1rem;
}

.shadow-sm {
  box-shadow: .25rem .25rem .75rem rgba(0,0,0,.125) !important;
}

.breadcrumb > .breadcrumb-item.active {
  color: var(--sd-neutral-shade2);
}

input, .form-control, textarea, select {
  border-color: var(--sd-tint1) !important;
}
.input-group > button:focus, input:focus, textarea:focus, select:focus {
  box-shadow: 0 0 0 0.25rem var(--sd-shade2-focus) !important;
}

/* body * {
  outline: 1px solid red;
} */

html {
  font-size: 16px;
}

body {
  color: var(--sd-black);
  background-color: white;
  font-size: 1rem;
}

p {
  line-height: 1.5;
  letter-spacing: 0.325px;
}

.lead {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.3px;
}

.author-name {
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1;
}

.author-position {
  font-size: 0.85rem;
  font-weight: 300;
  font-style: italic;
  line-height: 1;
}

a {
  text-decoration: none;
}
a:not(.btn):hover {
  text-decoration: underline;
}

footer {
  margin-top: 13rem;
}
footer.contact-footer {
  margin-top: 5rem;
}

footer #footerContact {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
footer.contact-footer #footerContact {
  display: none;
}

#topFooter {
  padding-top: 7rem;
}

#topFooter .iso-cert, #topFooter .tx-ramp-cert {
    max-width: 45%;
    height: auto;
    margin-top: 2rem;
}

footer li > a, footer .top-footer-contact a {
  color: var(--sd-tint2);
}
footer li > a:hover, footer .top-footer-contact a:hover {
  color: var(--sd-tint3);
}
#bottomFooter a.dropdown-item {
  color: var(--sd-tint3);
  text-decoration: underline;
}
#bottomFooter a:hover.dropdown-item {
  color: white;
}

footer ul {
  list-style-type: none;
  padding: 0;
}
footer ul > li {
  margin-bottom: 1rem;
}

h1 {
  margin-bottom: 2rem;
  color: var(--sd-shade3);
  font-size: 3rem;
  font-weight: 600;
}
h2 {
  margin-bottom: 1rem;
  color: var(--sd-black);
  font-size: 3.25rem;
}
h3 {
  margin-bottom: 0.75rem;
  font-size: 1.75rem;
}
h4 {
  margin-bottom: 0.5rem;
  color: var(--sd-neutral-base);
  font-size: 1rem;
}

.home-h1 {
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 1.125;
}
.home-h2 {
  font-size: 2.25rem;
  line-height: 1;
}
.home-h3 {
  font-size: 1.25rem;
  line-height: 1;
}
.home-h4 {
  font-size: rem;
  line-height: 0.75;
}

.btn-cta {
  --bs-btn-font-weight: 600;
  --bs-btn-color: white;
  --bs-btn-bg: var(--sd-shade1);
  background-image: var(--sd-cta-gradient);
  --bs-btn-border-color: var(--sd-shade3);
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: var(--sd-shade3);
  --bs-btn-hover-border-color: var(--sd-shade3);
  --bs-btn-focus-shadow-rgb: 0, 129, 143;
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: var(--sd-shade4);
  --bs-btn-active-border-color: var(--sd-shade4);
}
.btn-outline-cta {
  --bs-btn-color: var(--sd-shade1);
  --bs-btn-bg: white;
  --bs-btn-border-color: var(--sd-shade1);
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: var(--sd-shade1);
  --bs-btn-hover-border-color: var(--sd-shade1);
  --bs-btn-focus-shadow-rgb: 0, 129, 143;
  --bs-btn-active-bg: var(--sd-shade2);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-border-color: var(--sd-shade2);
  --bs-btn-disabled-color: var(--sd-shade1);
  --bs-btn-disabled-border-color: var(--sd-shade1);
}

/* Use Case Views Buttons */
#sdV2UseCaseViews .btn-group > input + label > img {
  filter: hue-rotate(-25deg) saturate(90%);
}
#sdV2UseCaseViews .btn-group input:checked + label > img {
  filter: hue-rotate(-25deg) saturate(15%) brightness(220%);
}


/* ------ Sections ------ */
.sd-inner-content > section[id$="Hero"]:not(#sdContactHero) {
  padding: 2rem 0;
}

section:not([id$="Hero"]) {
  padding: 2rem;
}


/* ----- Pagination ----- */
.pagination .page-item {

}
/*
.pagination .page-item > .page-link {
  border-color: var(--sd-base);
}
.pagination .page-item:not(.disabled) > a:hover.page-link {
  background-color: var(--sd-tint3);
}
*/



/* -------- Testimonials ---------*/

[id$="Testimonials"] .carousel-inner {
  display: flex;
  width: 90%;
  margin-inline: auto;
  padding: 1em 0;
  overflow: hidden;
}
[id$="Testimonials"] .carousel-item .card {
  position: relative;
  width: 90%;
  margin: 0 .5em;
  background: white radial-gradient(circle 5rem at top left, var(--sd-shade1) 98%, transparent) top left;
  border: 1px solid var(--sd-neutral-tint2);
  /* box-shadow: .25rem .25rem .75rem 0 rgba(0,0,0,.125); */
}
[id$="Testimonials"] .carousel-item .card::before {
  position:absolute;
  top: 0;
  left: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 512 512'%3e%3cpath fill='%23fff' d='m195 256h-142.2v-.2c0-39.1 19.4-75.3 51.9-97l89.2-59.5c11.7-7.8 14.8-23.5 7-35.2-4.9-7.3-12.9-11.3-21.2-11.3-4.8 0-9.7 1.4-14.1 4.3l-89.2 59.5c-46.5 31-74.4 83.1-74.4 139.2v10.4 182.8c0 5.6 4.5 10.2 10.2 10.2h182.8c5.6 0 10.2-4.5 10.2-10.2v-182.8c0-5.7-4.5-10.2-10.2-10.2z'/%3e%3cpath fill='%23fff' d='m499.8 256h-142.2v-.2c0-39.1 19.4-75.3 51.9-97l89.2-59.5c11.7-7.8 14.8-23.5 7-35.2-4.9-7.3-12.9-11.3-21.2-11.3-4.8 0-9.7 1.4-14.1 4.3l-89.2 59.5c-46.7 31.1-74.5 83.1-74.5 139.2v10.4 182.8c0 5.6 4.5 10.2 10.2 10.2h182.9c5.6 0 10.2-4.5 10.2-10.2v-182.8c0-5.7-4.6-10.2-10.2-10.2z'/%3e%3c/svg>");
  padding: 1.25rem;
  color: white;
  background-color: transparent;
}
[id$="Testimonials"] .carousel-control-prev, [id$="Testimonials"] .carousel-control-next {
  background-color: var(--sd-neutral-shade3);
  width: 6vh;
  height: 6vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

/* Won't work yet, will leave for now */
[id$="Testimonials"] .carousel-control-prev:disabled, [id$="Testimonials"] .carousel-control-next:disabled {
  background-color: var(--sd-neutral-tint1);
}



[id$="Testimonials"] .carousel-item p {
  font-weight: 500;
}


/* ---------------- Top Nav Header ---------------- */
/* Bootstrap properties */
header #sdTopNav .navbar-text {
  color: var(--sd-neutral-shade3);
}
header #sdTopNav a.nav-link {
  color: var(--sd-black);
  border-top: 3px solid transparent;
  font-size: 1.125rem;
  font-weight: 400;
}
header #sdTopNav a.nav-link:hover {
  color: var(--sd-shade1);
}
header #sdTopNav a.nav-link.active, header nav#sdTopNav a.nav-link:active {
  color: var(--sd-neutral-shade1);
  border-top: 3px solid var(--sd-base);
}

header #sdTopNav .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 129, 143, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
header #sdTopNav .navbar-toggler:focus {
  box-shadow: 0 0 0 0.25rem var(--sd-base-focus);
}

/* ---------------- Hero ---------------- */
#sdHomeHeroHeading {
  margin-top: 2rem;
}

/* ---------------- Clients --------------- */
.client-logo-list > .col {
  width: 10rem;
  height: 8rem;
  margin: 0.5rem auto;
  padding: 0.5rem 1rem;
  border: 1px solid var(--sd-neutral-shade1);
}

/* ---------------- Home ---------------- */

/* Why Us */
#sdHomeWhyUs .row-cols-1 > [class^='col'] {
  margin-top: 5.25rem;
}
#sdHomeWhyUs .benefits-card > div:last-child {
  height: 11rem;
}
.benefits-card img {
  filter: invert(1);
}

/* Solutions */
ul.check-bullets, ul.xmark-bullets {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 2rem;
}
ul.check-bullets li, ul.xmark-bullets li {
  position: relative;
  display: list-item;
  margin: 0 0 1.5rem 2rem;
  padding-left: 0.5rem;
  line-height: 1.325;
}
ul.check-bullets li:not(:last-of-type),
ul.xmark-bullets li:not(:last-of-type) {
  margin-bottom: 1rem;
}
ul.check-bullets li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 512 512'%3e%3cpath fill='%2300818f' d='M437.6,74.7c-99.7-99.6-263.2-99.6-362.8,0s-99.7,263,0,362.6s260.6,99.6,360.3,0C537.2,337.7,537.2,174.3,437.6,74.7z M205.1,383.7L102.8,281.5l35.8-35.8l66.4,66.4l168.6-168.5l35.8,35.8L205.1,383.7z'/%3e%3c/svg%3e");
  display: inline-block;
  vertical-align: middle;
  margin-left: -1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}

ul.xmark-bullets li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 512 512'%3e%3cpath fill='%23A7BFC2' d='M256,0C115.2,0,0,115.2,0,256s115.2,256,256,256s256-115.2,256-256S396.8,0,256,0z M409.6,373.8l-35.8,35.8L256,291.8 L138.2,409.6l-35.8-35.8L220.2,256L102.4,138.2l35.8-35.8L256,220.2l117.8-117.8l35.8,35.8L291.8,256L409.6,373.8z'/%3e%3c/svg%3e");
  display: inline-block;
  vertical-align: middle;
  margin-left: -1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}

/* ---------------- Search -----------------*/

.uc-search-item > .sd-use-case-heading {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.125px;
}
.uc-search-item > .sd-use-case-summary {
  line-height: 1.25;
  letter-spacing: 0.125px;
}

/* ---------------- Use Cases ---------------- */

.sd-use-case-items {
  list-style: none;
  padding: 0;
  display: grid;
}
.sd-use-case-items > .sd-use-case-item {
  display: block;
  /* background-color: var(--sd-neutral-tint3); */
  background-color: white;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: .25rem .25rem .5rem var(--sd-shadow-center);
}
.sd-use-case-item .use-case-item-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.5rem 1rem;
}
.sd-use-case-item .use-case-item-text a.sd2-uc-heading {
  margin-bottom: 2rem;
  color: var(--sd-shade1);
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1.325;
}
.sd-use-case-item .use-case-item-text .sd2-uc-summary p {
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.5;
}


.sd-use-case-items.brick-view {
  gap: 3rem;
}
.sd-use-case-items.brick-view .sd-use-case-item:nth-of-type(even) > .row {
  flex-direction: row-reverse;
}
.sd-use-case-items.brick-view .sd-use-case-item:nth-of-type(even) > .row > .use-case-item-img {
  text-align: end;
}

.sd-use-case-items.list-view {
  gap: 2rem;
}
.sd-use-case-items.list-view > .sd-use-case-item {
  width: 75%;
  margin: 0 auto;
  padding: 1rem 2rem;
}
.sd-use-case-items.list-view .use-case-item-img {
  display: none;
}
.sd-use-case-items.list-view .use-case-item-text {
  width: 100%;
}

/* ---------------- UC Details ---------------- */

#sdUseCaseContent .card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid var(--sd-neutral-shade3);
  border-radius: 0;
}
#sdUseCaseContent .card h2 {
  margin-bottom: 2rem;
  color: var(--sd-neutral-shade2);
  text-align: center;
}


.card#sd2Steps, .card#sd2Outcome {
  padding: 1rem 0.5rem;
}
#sdUseCaseContent .card p, #sdUseCaseContent .card ol, #sdUseCaseContent .card ul {
  font-size: 1.125rem;
}
#sdUseCaseContent .card p {
  padding: 0 0.5rem;
}

#sdUseCaseContent .card#sd2Steps {
  background: white radial-gradient(circle 15rem at top left, var(--sd-neutral-tint3) 99.5%, transparent) top left;
}

#sdUseCaseContent .card#sd2Outcome {
  background: white radial-gradient(circle 15rem at top right, var(--sd-tint3) 99.5%, transparent) top left;
}

/* Steps and Outcome */

#sd2Steps ol {
  list-style: none;
  counter-reset: uc-steps-counter;
  margin: 0;
  padding: 1rem;
}
#sd2Steps ol li {
  position: relative;
  /*display: list-item;*/
  counter-increment: uc-steps-counter;
  margin: 0 0 2rem 2rem;
  padding-left: 0.5rem;
  line-height: 1.325;
}
#sd2Steps ol li::before {
  content: counter(uc-steps-counter);
  position: absolute;
  top: -0.5rem;
  left: -1.5rem;
  height: 100%;
  font-size: 2rem;
  font-weight: 700;
}

#sd2Outcome ul {
  list-style: none;
  margin: 0;
  padding: 1rem;
}
#sd2Outcome ul li {
  position: relative;
  display: list-item;
  margin: 0 0 4rem 2rem;
  padding-left: 0.5rem;
  line-height: 1.325;
}
#sd2Outcome ul li::before {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 64 64'%3e%3cpath d='m64,25.86v12.181c0,.899-.7,1.697-1.7,1.697h-22.5v22.565c0,.899-.7,1.697-1.7,1.697h-12.2c-.9,0-1.7-.699-1.7-1.697v-22.565H1.7c-1,0-1.7-.799-1.7-1.697v-12.181c0-.899.7-1.697,1.7-1.697h22.6V1.697c-.1-.998.7-1.697,1.6-1.697h12.2c.9,0,1.7.699,1.7,1.697v22.565h22.6c.9-.1,1.6.699,1.6,1.598Z'/%3e%3c/svg%3e");
    position: absolute;
    top: 0;
    left: -2rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: -2rem;
}
/*#sd2Outcome ul li::marker {
  content: '+';
  font-size: 4rem;
  font-weight: 800;
  line-height: 1;
}*/

/* --- Bottom Breadcrumb --- */
#sd2UCBottomBreadcrumb > .breadcrumb-bottom-box {
  border: 1px solid var(--sd-neutral-shade3);
}
#sdUseCasesHero nav#sdInnerBreadcrumbListTop, #sd2UCBottomBreadcrumb nav#breadcrumbBottom {
  font-size: 1.5rem;
}


/* ---------------- Why Us ---------------- */

#sdWhyUsChallenges .challenges-block {
  padding: 2rem;
  background-color: var(--sd-neutral-tint3);
}
.special-number {
  color: var(--sd-shade2);
  font-size: 3rem;
  font-weight: 800;
  letter-spacing: -3px;
}

.special-text {
  color: var(--sd-shade2);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.325;
  letter-spacing: -0.75px;
}


#sdWhyUsSolutions > .row:not(:last-of-type) {
  margin-bottom: 1rem;
}

#sdWhyUsSolutions .solution-block {
  display: flex;
  justify-content: flex-end;
  position: relative;
  height: 5rem;
  background-color: var(--sd-neutral-tint2b);
}

#sdWhyUsSolutions .solution-block > .solution-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: -2.5rem;
  z-index: 1;
  width: 5rem;
  height: 5rem;
  background-color: var(--sd-shade1);
  border-radius: 50rem;
}
#sdWhyUsSolutions > .row:nth-child(3) .solution-icon {
  filter: brightness(120%) saturate(80%);
}
#sdWhyUsSolutions > .row:nth-child(4) .solution-icon {
  filter: brightness(140%) saturate(70%);
}
#sdWhyUsSolutions > .row:nth-child(4) .solution-icon > img {
  padding-bottom: 0.125rem;
  padding-left: 0.25rem;
}
#sdWhyUsSolutions > .row:nth-child(5) .solution-icon {
  filter: brightness(155%) saturate(58%);
}

#sdWhyUsSolutions .solution-icon > img {
  filter: invert(100%);
}


/* ---------------- FAQ ---------------- */

.sd-inner-content [id^="faqCategory"] {
  margin: 0;
  padding: 1rem 1rem 3rem 1rem;
}
.sd-inner-content [id^="faqCategory"]:nth-of-type(odd) {
  background-color: var(--sd-neutral-tint4);
}
[id^="faqCategory"] .faq-category-heading {
  color: var(--sd-shade2);
  text-transform: uppercase;
  font-size: 3rem;
  font-weight: 700;
}

.sd-faq-qa-block:not(:last-of-type) {
  margin-bottom: 1rem;
}
.sd-inner-content [id^="faqCategory"] .sd-faq-qa-block .sd-faq-collapse {
  min-height: 2rem;
  margin: 0;
  border: 0;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.75px;
}
.sd-inner-content [id^="faqCategory"] .sd-faq-qa-block .sd-faq-collapse > a {
  display: inline-block;
  text-decoration: none;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.sd-inner-content [id^="faqCategory"] .sd-faq-qa-block .sd-faq-collapse > a::before {
  content: "\276F";
  display: inline-block;
  transition: all 0.25s ease-in;
  color: var(--sd-shade2);
}
.sd-inner-content [id^="faqCategory"] .sd-faq-qa-block .sd-faq-collapse > a[aria-expanded='true']::before {
  transform-origin: center;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sd-inner-content [id^="faqCategory"] .sd-faq-qa-block .card {
  border: 0;
  font-size: 1.125rem;
}

/* ---------------- Contact Us ---------------- */
.contact-icon > img {
  filter: grayscale(1) invert(0.3);
}
.contact-social-media img {
  filter: grayscale(1) invert(0.7) sepia(100%) hue-rotate(140deg) saturate(500%);
}


/* ---------------- Media Queries --------------- */
@media screen and (min-width: 684px) {
  .home-h1 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.25;
  }
  .home-h2 {
    font-size: 2.5rem;
    line-height: 1.125;
  }
  .home-h3 {
    font-size: 1.5rem;
    line-height: 1.125;
  }
  .home-h4 {
    font-size: 1.125rem;
    line-height: 1.1;
  }
  
  footer {
    margin-top: 12rem;
  }
}

@media screen and (min-width: 862px) {
  /* .carousel-item {
    margin-right: 0;
    flex: 0 0 25%;
    display: block;
  } */
}

@media (max-width: 991px) {
  [id$="TestimonialItems"] .carousel-inner .carousel-item > div {
    display: none;
  }
  [id$="TestimonialItems"] .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

[id$="TestimonialItems"] .carousel-inner .carousel-item.active,
[id$="TestimonialItems"] .carousel-inner .carousel-item-next,
[id$="TestimonialItems"] .carousel-inner .carousel-item-prev {
  display: flex;
}

@media screen and (min-width: 992px) {
  h1 {
    font-size: 4rem;
  }
  
  .home-h3 {
    font-size: 1.5rem;
    line-height: 1.1;
  }

  #sdHomeHeroHeading, #sdContactHeroHeading {
    margin: 2rem 0;
  }

  [id$="TestimonialItems"] .carousel-inner .carousel-item > .card {
    width: 20rem;
  }

  [id$="TestimonialItems"] .carousel-inner .carousel-item-end.active,
  [id$="TestimonialItems"] .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }

  [id$="TestimonialItems"] .carousel-inner .carousel-item-start.active, 
  [id$="TestimonialItems"] .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }
  
  #topFooter {
    padding-top: 3rem;
  }
  #topFooter .iso-cert, #topFooter .tx-ramp-cert {
    margin-top: 1rem;
  }
}
[id$="TestimonialItems"] .carousel-inner .carousel-item-end,
[id$="TestimonialItems"] .carousel-inner .carousel-item-start { 
  transform: translateX(0);
} /* Will check if this must be out of media query or not */

/*
@media screen and (min-width: 1300px) and (max-width: 1403px) {

}*/

@media screen and (min-width: 1404px) {
  #sdHomeWhyUs .benefits-card > div:last-child {
    height: 9rem;
  }
}