html {
  margin-top: 0 !important;
}

@font-face {
  font-family: "Gotham";
  src: url("../font/Gotham-Medium.woff2") format("woff2"),
    url("../font/Gotham-Medium.woff") format("woff"),
    url("../font/Gotham-Medium.svg#Gotham-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../font/Gotham-Book.woff2") format("woff2"),
    url("../font/Gotham-Book.woff") format("woff"),
    url("../font/Gotham-Book.svg#Gotham-Book") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../font/Gotham-Bold.woff2") format("woff2"),
    url("../font/Gotham-Bold.woff") format("woff"),
    url("../font/Gotham-Bold.svg#Gotham-Bold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --orange: #e86826;
  --white: #ffffff;
  --black: #000000;
  --blue: #206ebc;
  --darkNavy: #003275;
  --navyBlue: #004b95;
  --lightBlue: #a8d1ef;
  --lightBlue20: #a8d1ef33;
  --darkGrey: #3c3b3b;
  --veryLightGrey: #f7f7f7;
  --border: #d7d7d7;
  --offwhite: #f9f9f9;
  --darkBGStroke: #426f9d;

  --gradient1: linear-gradient(
    68.77deg,
    #206ebc 13.33%,
    #5f9cd4 67.79%,
    #a8d1ef 92.97%
  );
  --gradient2: linear-gradient(119.24deg, #206ebc 11.82%, #0e4d94 74.66%);
  --gradient3: linear-gradient(228.93deg, #00539f 21.19%, #003275 86.2%);
  --gradient4: linear-gradient(
    126.66deg,
    #206ebc 16.44%,
    #5f9cd4 67.52%,
    #a8d1ef 101.44%
  );

  --gotham: "Gotham", sarif;

  --transition3: all 0.3s;

  --container: 1455px;
}

html {
  scrollbar-gutter: stable;
}

*::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar {
  width: 10px;
  height: 6px;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--blue);
  border-radius: 20px;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--darkNavy);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Slider */
.slick-slider {
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;

  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

/* DEFAULT STYLES */

body {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--darkGrey);
  font-family: var(--gotham);
  letter-spacing: -0.3px;
  overflow-x: hidden;
}

body.single-post {
  background-color: var(--white);
}

.single-post header.site-header {
  background-color: var(--veryLightGrey);
}

.lenis-scrolling header.site-header:not(.up, .down) {
  background-color: var(--white);
}

img {
  max-width: 100%;
}

a {
  color: var(--orange);
  text-decoration: none;
  transition: var(--transition3);
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  color: var(--navyBlue);
}

h1 {
  font-weight: 500;
  font-size: 6.5625rem;
  line-height: 1.1;
  font-family: var(--gotham);
  color: var(--black);
  letter-spacing: -1.5px;
  margin: 0;
  padding: 0;
}

h2 {
  font-weight: 500;
  font-size: 3.3125rem;
  line-height: 1.05;
  font-family: var(--gotham);
  color: var(--black);
  letter-spacing: -1.5px;
  margin: 0;
  padding: 0;
}

h3 {
  font-weight: 500;
  font-size: 3rem;
  line-height: 1.2;
  font-family: var(--gotham);
  color: var(--black);
  letter-spacing: -0.7px;
  margin: 0;
  padding: 0;
}

h4 {
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 1.2;
  font-family: var(--gotham);
  color: var(--black);
  letter-spacing: -0.7px;
  margin: 0;
  padding: 0;
}

h5 {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.2;
  font-family: var(--gotham);
  color: var(--black);
  letter-spacing: -0.7px;
  margin: 0;
  padding: 0;
}

h6 {
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 1.2;
  font-family: var(--gotham);
  color: var(--black);
  letter-spacing: -0.7px;
  margin: 0;
  padding: 0;
}

p {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--darkGrey);
  padding: 0;
  margin: 0;
}

img {
  border-radius: 0;
}

/* COMMON STYLES */
*:focus {
  outline: none;
}

button {
  background: no-repeat;
  border: none;
  padding: 0;
  cursor: pointer;
}

ol,
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

form.form-box,
form.form-box * {
  overflow: visible !important;
}

input,
textarea,
select {
  width: 100%;
}

select {
  appearance: none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxOCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzYxOTdfMTAzMSkiPgo8cGF0aCBkPSJNMTYuNSAxLjI1TDkgOC43NUwxLjUgMS4yNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzYxOTdfMTAzMSI+CjxyZWN0IHdpZHRoPSIxOCIgaGVpZ2h0PSIxMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: 98% center;
  background-size: 14px;
}

.pac-container {
  z-index: 99999 !important;
}

.pre-text {
  position: relative;
  /* padding-left: 21px; */
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 9px;
  border-bottom: 0.5px solid var(--border);
  margin-bottom: 30px;
}

.pre-text-inner {
  width: fit-content;
  max-width: 297px;
}

.pre-text::before {
  /* position: absolute; */
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100px;
  border: 3px solid var(--lightBlue);
  left: 0;
  top: 6px;
}

.pre-text span {
  display: inline-flex;
  font-weight: 400;
  font-size: 1.0625rem;
  color: var(--black);
  letter-spacing: -0.7px;
}

.text-center {
  text-align: center;
}

.container {
  max-width: var(--container);
  padding: 0 1rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.box-btn {
  display: inline-flex;
  width: fit-content;
  vertical-align: middle;
}

.box-btn a {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  padding: 13px 60px 13px 15px;
  display: inline-flex;
  border: 0.5px solid transparent;
  border-left-color: var(--orange);
  border-bottom-color: var(--orange);
  position: relative;
  z-index: 0;
}

.box-btn:last-child {
  margin-left: 24px;
}

.box-btn a:hover {
  color: var(--white);
  border-color: var(--orange);
}

.box-btn a::after {
  position: absolute;
  content: "";
  background-image: url("data: image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjIzNzU1IDguODUxNDlMMTcuODg1MSA4Ljg1MTQ5TDEwLjMxNTkgMS4yODIzNUwxMS4yNjc1IDAuMjAxMDQ5TDIwLjYzODggOS41NzIzNkwxMS4yNjc1IDE4Ljk0MzdMMTAuMzE1OSAxNy44NjI0TDE3Ljg4NTEgMTAuMjkzMkwwLjIyMzc1NCAxMC4yOTMyTDAuMjIzNzU1IDguODUxNDlaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
  background-size: 18px;
  z-index: 0;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  right: 0;
  top: 52%;
  transform: translateY(-50%);
  transition: var(--transition3);
}

.box-btn a:hover:after {
  right: 15px;
  filter: brightness(0) invert(1);
}

.box-btn a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  background-color: var(--orange);
  left: 0;
  bottom: 0;
  transition: var(--transition3);
  z-index: -1;
  /* transition-delay: 0.3s; */
}

.box-btn a:hover::before {
  height: 100%;
  top: 0;
  bottom: unset;
}

.btn a {
  background-color: var(--black);
  border: 0.75px solid var(--black);
  color: var(--white);
  font-family: var(--gotham);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.13;
  text-align: center;
  padding: 8px 16px;
  display: inline-flex;
  border-radius: 50rem;
  position: relative;
  overflow: hidden;
  letter-spacing: -0.3px;
}

/* .btn:not(.icon_btn) a::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background-color: var(--black);
  z-index: -1;
  height: 0;
  transition: all 0.7s;
  border-radius: 100%;
}

.btn:not(.icon_btn) a:hover::before {
  height: 100%;
  top: 0;
  bottom: unset;
  border-radius: 100px; 
}*/

.btn a:hover {
  background-color: var(--white);
  color: var(--black);
  border-color: var(--black);
}

.btn.btn_white a {
  background-color: var(--white);
  border-color: var(--white);
  color: var(--navyBlue);
}

.btn.btn_white a:hover {
  background-color: var(--navyBlue);
  border-color: var(--navyBlue);
  color: var(--white);
}

.btn.btn_white_border a {
  background-color: transparent;
  border-color: var(--white);
  color: var(--white);
}

.btn.btn_white_border a:hover {
  background-color: var(--white);
  color: var(--black);
}

.btn.btn_navy a {
  background-color: var(--navyBlue);
  border-color: var(--navyBlue);
  color: var(--white);
}

.btn.btn_navy a:hover {
  background-color: var(--white);
  border-color: var(--navyBlue);
  color: var(--navyBlue);
}

.btn.btn_orange a {
  background-color: var(--orange);
  border-color: var(--orange);
  color: var(--white);
}

.btn.btn_orange a:hover {
  background-color: var(--white);
  border-color: var(--orange);
  color: var(--orange);
}

.btn.btn_navy_border a {
  background-color: var(--white);
  border-color: var(--navyBlue);
  color: var(--navyBlue);
}

.btn.btn_navy_border a:hover {
  background-color: var(--navyBlue);
  border-color: var(--navyBlue);
  color: var(--white);
}

.icon_btn a {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  position: relative;
  padding: 8px 16px 8px 11px;
  padding-right: 43px;
}

.icon_btn a svg,
.icon_btn a img {
  width: 26px;
  aspect-ratio: 1;
  display: inline-flex;
  position: absolute;
  left: calc(100% - 30px);
  top: 50%;
  transform: translateY(-50%);
  transition: var(--transition3);
}

.btn.icon_btn a:hover {
  padding: 8px 16px 8px 11px;
  padding-left: 43px;
  padding-right: 11px;
  background-color: transparent;
  color: var(--white);
}

.btn.icon_btn a:hover svg,
.btn.icon_btn a:hover img {
  left: 4px;
}

/* CUSTOM SLIDER CONTROLS */
.custom-slider-controls {
  display: flex;
  flex-direction: column;
  width: 200px;
  gap: 10px;
}

.custom-slider-controls .arrow-slides-count {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.custom-slider-controls .progress-count {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1;
  display: flex;
}

button.custom-arrow {
  position: unset;
  padding: 0;
  margin: 0;
  transform: unset;
  width: 24px;
  height: 24px;
  display: flex !important;
  color: var(--black);
  transition: var(--transition3);
  font-size: 0;
}

button.custom-arrow.slick-disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

button.custom-arrow:hover {
  fill: var(--orange);
}

button.custom-arrow svg {
  width: 100%;
  height: 100%;
}

.custom-slider-controls .arrows-wrap {
  display: flex;
  gap: 20px;
}

.custom-slider-controls .progress-bar {
  height: 1px;
  background-color: var(--darkGrey);
}

.custom-slider-controls .progress-bar .progress {
  height: 100%;
  display: block;
  box-shadow: 0 0 0 1px var(--orange);
  background-color: var(--orange);
  border-radius: 100px;
  transition: var(--transition3);
}

/* CUSTOM SLIDER CONTROLS */

/* HEADER STYLE */
.imp-notification {
  background-color: #d90400;
  padding: 12px 42px;
  color: var(--white);
}

.imp-notification-row {
  display: flex;
  align-items: center;
}

.imp-notification-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  min-width: 350px;
}

.imp-notification .imp-notification-desc {
  flex: 1;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: var(--white);
}

.imp-notification .imp-notification-desc p {
  color: var(--white);
}

header.site-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  transition: var(--transition3);
}

.home header.site-header,
.page-id-7683 header.site-header {
  background-color: var(--offwhite);
}

header.site-header.down {
  transform: translateY(-100%);
  background-color: var(--white);
}

header.site-header.up {
  transform: translateY(0);
  z-index: 999;
  background-color: var(--white);
}

.site-header-nav {
  display: flex;
  gap: 42px;
  align-items: center;
}

.site-header-row {
  padding: 25px 0 21px;
  display: flex;
  justify-content: space-between;
  border-bottom: 0.5px solid var(--border);
}

.site-header-row .site-header-nav nav {
  display: flex;
  align-items: center;
  gap: 42px;
}

.site-header-row .site-header-nav nav ul {
  display: flex;
  align-items: center;
  gap: 38.76px;
}

.site-header-row .site-header-nav ul li.menu-item {
  position: relative;
}

.site-header-row .site-header-nav ul a {
  display: block;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.19;
  color: var(--black);
  position: relative;
}

.site-header-row .site-header-nav ul.sub-menu a {
  padding: 10px;
  width: 100%;
  display: block;
  border-radius: 5px;
}

.site-header-row .site-header-nav ul.sub-menu li {
  width: 100%;
}

.site-header-row .site-header-nav ul.sub-menu a::before {
  height: 100%;
  border-radius: 5px;
  background-color: var(--lightBlue);
}

.site-header-logo {
  display: flex;
}

.site-header-logo svg {
  display: block;
  max-width: 15.2rem;
  height: auto;
  width: 100%;
}

.site-header-nav > .btn {
  display: flex;
  align-items: center;
}

.mobile-menu-toggler {
  width: 38px;
  height: 38px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: self-end;
}

.mobile-menu-toggler > span {
  display: flex;
  height: 2px;
  background-color: var(--darkNavy);
  max-width: 100%;
  width: 100%;
  cursor: pointer;
  transition: var(--transition3);
}

.mobile-menu-toggler > span:nth-child(2) {
  max-width: 60%;
}

.mobile-menu-toggler > span:nth-child(3) {
  max-width: 80%;
}

.mobile-menu-toggler.active > span:nth-child(2) {
  transform: scale(0);
}

.mobile-menu-toggler.active > span:nth-child(3) {
  max-width: 100%;
  transform: rotate(-45deg) translateY(-4px) translateX(8px);
}

.mobile-menu-toggler.active > span:nth-child(1) {
  width: 100%;
  transform: rotate(45deg) translateY(6px) translateX(10px);
}

/* HEADER STYLE */

/* FOOTER STYLE */
.site-footer > .container {
  position: relative;
}

.site-footer .footer-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 36px 0 50px;
}

.site-footer {
  background-color: var(--white);
  position: relative;
  z-index: 1;
  /* overflow-x: hidden; */
}

.site-footer::before {
  position: absolute;
  content: "";
  width: 100%;
  height: calc(100% - 80px);
  background-color: var(--veryLightGrey);
  z-index: -1;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
  left: calc((100% - var(--container)) / 2);
}

.site-footer .footer-row {
  padding: 36px 0 50px;
}

.footer-ring {
  position: absolute;
  width: 548px;
  aspect-ratio: 1;
  left: -70px;
  bottom: -110px;
  z-index: -1;
}

.footer-ring svg {
  width: 100%;
  height: 100%;
}

.footer-links-clm ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-links-clm ul a {
  font-weight: 500;
  font-size: 1.1875rem;
  line-height: 1;
  color: var(--black);
  position: relative;
}

.site-footer .logo-clm {
  max-width: 306px;
  height: auto;
}

.site-footer .logo-clm svg,
.site-footer .logo-clm img {
  width: 100%;
  height: auto;
}

.site-footer .logo-clm a {
  display: flex;
}

.site-footer .find-center {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.site-footer .find-center .text {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.45;
  color: var(--darkGrey);
}

.site-footer .other-footer-clm {
  max-width: 355px;
  width: 100%;
}

.site-footer .download-app {
  margin-top: 1.625rem;
  padding-top: 1.4375rem;
  border-top: 0.5px solid var(--border);
}

.site-footer .download-app .text {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 31px;
}

.site-footer .download-app .text span {
  color: var(--blue);
}

.site-footer .download-app .resources-stores {
  margin-top: 1.125rem;
}

.site-footer .download-app .resources-store-item,
.accordion-content .resources-store-item {
  color: var(--darkGrey);
  border-color: var(--darkGrey);
}

.site-footer .download-app .resources-store-item:last-child svg,
.accordion-content .resources-store-item:last-child svg {
  filter: brightness(0);
}

.site-footer .download-app .resources-store-item:hover,
.accordion-content .resources-store-item:hover {
  box-shadow: 0 0 0 3px var(--veryLightGrey), 0 0 0 4px var(--darkGrey);
}
.accordion-content .resources-stores {
  margin: 20px 0;
}
.accordion-content .resources-store-item span.icon {
  position: relative !important;
  inset: 0;
  transform: unset !important;
}

.site-footer .footer-social-row {
  display: flex;
  margin-top: 2.5rem;
  margin-bottom: 3.375rem;
  align-items: center;
  gap: 1.875rem;
}

.site-footer .footer-social-row p {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.41;
  height: fit-content;
  color: var(--darkGrey);
}

.site-footer .footer-social-row p span {
  color: var(--blue);
}

.site-footer .footer-social-row ul {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.site-footer .footer-social-row ul a {
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.5px solid var(--darkGrey);
  border-radius: 100px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.site-footer .footer-social-row ul a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scaleY(0);
  transform-origin: bottom;
  border-radius: 100%;
  background-color: var(--orange);
  transition: transform 0.3s ease;
  z-index: -1;
}

.site-footer .footer-social-row ul a:hover::before {
  transform-origin: top;
  transform: scaleY(1);
}

.site-footer .footer-social-row ul a:hover {
  border-color: var(--orange);
}

.site-footer .footer-social-row ul a:hover img,
.site-footer .footer-social-row ul a:hover svg {
  filter: brightness(0) invert(1);
}

.footer-t_and_c-row {
  background-color: var(--white);
  padding: 22px 0;
  border-top: 0.5px solid var(--border);
}

.footer-t_and_c-row ul {
  display: flex;
  align-items: center;
  gap: 22px;
}

.footer-t_and_c-row ul a,
.footer-t_and_c-row .copy-text {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1;
  color: var(--black);
  transition: var(--transition3);
}

.footer-t_and_c-row ul a:hover {
  color: var(--orange);
}

.footer-t_and_c-row .inner {
  display: flex;
  justify-content: space-between;
}

/* FOOTER STYLE */
body.plasma-circle {
  background: var(--white);
}

/* HOME BANNER */

main {
  padding-top: 66px;
  padding-top: 98px;
  overflow-x: clip;
}

.home-banner {
  background-color: var(--offwhite);
  position: relative;
  padding-top: 70px;
  z-index: 123;
}

.home-banner .container {
  position: relative;
}

.home-banner-content h1 {
  font-weight: 500;
  font-size: 6.5625rem;
  line-height: 0.92;
  max-width: 521px;
  color: var(--black);
}

.home-banner-content h1 span {
  color: var(--navyBlue);
}

.home-banner .home-banner-ring {
  width: 912px;
  aspect-ratio: 1;
  position: absolute;
  left: 340px;
  display: flex;
  top: -85px;
}

.home-banner-content {
  position: absolute;
  left: 51%;
  transform: translateX(-50%);
}

.home-banner.hide_video .home-banner-content {
  top: 150px;
}

.home-banner-img img {
  border-radius: 0;
}

.home-banner .home-banner-img {
  width: 37.4%;
  height: calc(100vw / 2);
  max-height: 720px;
  position: relative;
  z-index: -1;
}

.home-banner .home-banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
}

.home-banner .desc-form {
  max-width: 445px;
  position: absolute;
  bottom: -45px;
  right: -45%;
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.home-banner-desc,
.home-banner-desc p {
  font-weight: 400;
  font-size: 1.4375rem;
  line-height: 31px;
}

.home-banner form {
  position: relative;
}

.home-banner form input {
  height: 52.52px;
  width: 100%;
  border-radius: 50px;
  border: 0.5px solid var(--border);
  outline: 0;
  /* padding: 16px 175px 16px 16px; */
  padding: 17px 175px 15px 16px;
  font-size: 0.9375rem;
  color: var(--black);
  font-weight: 400;
  /* transition: var(--transition3); */
  caret-color: var(--orange);
  font-family: var(--gotham);
}

.home-banner form input:focus,
.home-banner form input:active {
  outline: 1px dashed var(--orange);
  outline-offset: 5px;
}

.home-banner form button {
  position: absolute;
  background-color: var(--orange);
  white-space: nowrap;
  border-radius: 100px;
  padding: 10px 23px 7px 23px;
  /* padding: 9px 23px; */
  line-height: 1.3;
  font-size: 1rem;
  right: 7px;
  top: 7px;
  height: unset;
  transition: var(--transition3);
  font-weight: 500;
  color: var(--white);
  font-family: var(--gotham);
}

.home-banner form button:hover {
  background-color: var(--blue);
}

.home-banner form input::placeholder {
  color: var(--darkGrey);
  opacity: 1;
}

/* HOME BANNER */

/* DONAR BOX */
.donors-big-sec {
  display: flex;
  flex-wrap: wrap;
  background-color: var(--offwhite);
  justify-content: center;
}

.donors-big-sec .donors-box {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  aspect-ratio: 1;
  background-color: var(--lightBlue20);
  position: relative;
  overflow: hidden;
}

.donors-big-sec .donors-box > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.7s;
}

.donors-big-sec .donors-box:hover img {
  transform: scale(1.05);
}

.donors-big-sec .donors-box .inner {
  padding: 50px;
  position: relative;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: flex-end;
  z-index: 0;
  z-index: 2;
  pointer-events: none;
}

.donors-big-sec .donors-box .img-link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.donors-big-sec .donors-box:hover .btn a {
  background-color: var(--navyBlue);
  border-color: var(--navyBlue);
  color: var(--white);
  /* pointer-events: all; */
}

.donors-big-sec .donors-box .inner::before {
  position: absolute;
  content: "";
  width: 75%;
  height: 75%;
  left: 0;
  bottom: 0;
  background: linear-gradient(
    225.64deg,
    rgb(0 0 0 / 0%) 47.41%,
    rgb(0 0 0 / 90%) 83.78%
  );
  opacity: 0.7;
  /* background: linear-gradient(225.64deg, rgba(0, 0, 0, 0) 47.41%, rgba(0, 0, 0, 0.55) 83.78%); */
  z-index: -1;
  transition: var(--transition3);
}

.donors-big-sec .donors-box:hover .inner::before {
  opacity: 1;
}

.donors-big-sec .donors-box-content h2 {
  font-weight: 500;
  font-size: 3.125rem;
  line-height: 1.9;
  color: var(--white);
}

.donors-big-sec .donors-box-content .desc,
.donors-big-sec .donors-box-content .desc p {
  font-weight: 500;
  font-size: 1.3125rem;
  color: var(--white);
}

.donors-big-sec .donors-box-content .btn {
  margin-top: 21px;
}

.cta-two-button {
  padding: 70px 0;
  background-color: var(--offwhite);
}

.cta-two-button .desc {
  margin-top: 17px;
}

.cta-two-button .desc,
.cta-two-button .desc p {
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.53;
}

.cta-two-button .desc span {
  color: var(--orange);
}

.cta-two-button .desc::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNy45Mjg3MSIgY3k9IjguNTkzNzUiIHI9IjcuNTkwODIiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC41Ii8+CjxwYXRoIGQ9Ik03LjEwNDY4IDEzLjQyMDlMNy40MjExOCA5LjQ2NDYzTDQuMTYxMiAxMS43NzUxTDMuMzA2NjQgMTAuMjg3NUw2Ljk3ODA4IDguNjEwMDdMMy4zMDY2NCA2LjkwMDk2TDQuMTYxMiA1LjQ0NTA0TDcuNDIxMTggNy43MjM4N0w3LjEwNDY4IDMuNzY3NThIOC43NTA0OUw4LjQzMzk5IDcuNzIzODdMMTEuNjk0IDUuNDQ1MDRMMTIuNTQ4NSA2LjkwMDk2TDguODc3MDkgOC42MTAwN0wxMi41NDg1IDEwLjI4NzVMMTEuNjk0IDExLjc3NTFMOC40MzM5OSA5LjQ2NDYzTDguNzUwNDkgMTMuNDIwOUg3LjEwNDY4WiIgZmlsbD0iI0U4NjgyNiIvPgo8L3N2Zz4K");
  vertical-align: text-top;
}

.cta-two-button .title-text {
  font-weight: 500;
  /* font-size: 4.4875rem; */
  font-size: 4.6875rem;
  line-height: 80px;
  max-width: 1300px;
  color: var(--black);
}

.cta-two-button .title-text span {
  font-weight: 600;
  text-underline-position: from-font;
  display: inline-block;
  box-shadow: 0px 5px 0px var(--orange);
  position: relative;
  margin-right: 13px;
}

.cta-two-button .title-text span::before {
  content: "";
  background-image: url("data: image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNy45Mjg3MSIgY3k9IjguNTkzNzUiIHI9IjcuNTkwODIiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC41Ii8+CjxwYXRoIGQ9Ik03LjEwNDY4IDEzLjQyMDlMNy40MjExOCA5LjQ2NDYzTDQuMTYxMiAxMS43NzUxTDMuMzA2NjQgMTAuMjg3NUw2Ljk3ODA4IDguNjEwMDdMMy4zMDY2NCA2LjkwMDk2TDQuMTYxMiA1LjQ0NTA0TDcuNDIxMTggNy43MjM4N0w3LjEwNDY4IDMuNzY3NThIOC43NTA0OUw4LjQzMzk5IDcuNzIzODdMMTEuNjk0IDUuNDQ1MDRMMTIuNTQ4NSA2LjkwMDk2TDguODc3MDkgOC42MTAwN0wxMi41NDg1IDEwLjI4NzVMMTEuNjk0IDExLjc3NTFMOC40MzM5OSA5LjQ2NDYzTDguNzUwNDkgMTMuNDIwOUg3LjEwNDY4WiIgZmlsbD0iI0U4NjgyNiIvPgo8L3N2Zz4K");
  width: 15px;
  aspect-ratio: 1;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: -20px;
}

/* COMPANY STRIP */

.company-strip {
  padding: 15px 0 55px;
  background-color: var(--offwhite);
}

.company-strip .content {
  max-width: 852px;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.company-strip .heading-text,
.company-strip .heading-text p {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.25;
}

/* COMPANY STRIP */

/* WHY DONATE */
.section-title {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.section-title h2 span {
  color: var(--navyBlue);
}

.section-title .desc,
.section-title .desc p {
  font-weight: 500;
  font-size: 1.375rem;
  color: var(--darkGrey);
}

.why-donate {
  padding: 60px 0;
}

.why-donate-box-links,
.why-donate-boxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
}

.why-donate-box-links {
  margin-top: 65px;
}

.why-donate-box {
  /* height: 340px; */
  display: flex;
  flex-direction: column;
}

.why-donate-box .icon {
  width: 58px;
  aspect-ratio: 1;
}

.why-donate-box .content {
  max-width: calc(100% - 24px);
  margin: 0 auto;
}

.why-donate-box .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.why-donate-box h3 {
  font-weight: 500;
  font-size: 1.5625rem;
  line-height: 1.25;
  margin-top: 24px;
  color: var(--darkGrey);
}

.why-donate-box .desc,
.why-donate-box .desc p {
  font-weight: 400;
  font-size: 1.0625rem;
  color: var(--darkGrey);
}

.why-donate-box .desc {
  margin-top: 12px;
}

.why-donate .why-donate-link {
  margin-top: auto;
}

.why-donate .why-donate-link a {
  padding: 32px;
  background-color: var(--lightBlue20);
  display: flex;
  justify-content: space-between;
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--darkNavy);
}

.why-donate .why-donate-link a svg [fill] {
  fill: var(--darkNavy);
}

.why-donate .why-donate-link:first-child a {
  border-radius: 50px 0 0 50px;
}

.why-donate .why-donate-link:last-child a {
  border-radius: 0 50px 50px 0;
}

.why-donate .why-donate-link a:hover {
  background-color: var(--darkNavy);
  color: var(--white);
}

.why-donate .why-donate-link a:hover svg [fill] {
  fill: var(--white);
}

/* WHY DONATE */

/* RESOURCES */
.resources-sec {
  padding: 60px 0;
  overflow: hidden;
}

.resources-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.resources-box {
  position: relative;
  overflow: hidden;
}

.resources-box .inner .resources-store-item {
  max-width: 145px;
}

.resources-box .inner {
  display: flex;
  flex-wrap: wrap;
  background: var(--gradient1);
  padding-top: 22px;
  align-items: flex-end;
  min-height: 460px;
}

.resources-box:nth-child(2) .inner {
  background: var(--gradient2);
}

.resources-box:nth-child(3) .inner {
  background: var(--gradient3);
}

.resources-box:nth-child(4) .inner {
  background: var(--gradient4);
}

.resources-box .inner .content {
  height: 80%;
  padding-left: 30px;
  padding-bottom: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 53%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.resources-box .inner h3 {
  color: var(--white);
}

.resources-box .inner .image {
  width: 54%;
  margin-left: auto;
  margin-right: -50px;
}

.resources-box .inner .desc,
.resources-box .inner .desc p {
  font-weight: 400;
  font-size: 1.5625rem;
  color: var(--white);
  line-height: 1.3;
}

.resources-box .inner .desc {
  margin-top: 20px;
}

.resources-box .inner .btn {
  margin-top: 20px;
}

.resources-stores {
  margin-top: auto;
  display: flex;
  gap: 14px;
}

.store-title {
  font-size: 17px;
  line-height: 1.25;
  margin-bottom: 13px;
  display: block;
}

.resources-store-item {
  display: flex;
  align-items: center;
  border: 0.5px solid var(--white);
  border-radius: 100px;
  padding: 5px 8px;
  line-height: 1;
  color: var(--white);
  font-style: normal;
  gap: 9px;
  flex: 1;
  justify-content: space-between;
  max-width: 170px;
  letter-spacing: -0.7px;
}

.resources-store-item i {
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 100%;
  white-space: nowrap;
}

.resources-store-item span.icon {
  height: 24px;
  display: flex;
  width: auto;
  aspect-ratio: 1;
}

.resources-store-item span.icon svg {
  width: 100%;
  height: 100%;
  display: block;
  transition: var(--transition3);
}

.resources-store-item:hover {
  background-color: var(--white);
  color: var(--black);
}

.resources-store-item:last-child:hover svg {
  filter: brightness(0) invert(0);
}

/* RESOURCES */

/* DONOR STORY */
.donor-story {
  padding: 60px 0;
  overflow-x: hidden;
}

.donor-story-slide {
  max-width: 750px;
  position: relative;
  overflow: hidden;
}

.donor-story-slide .content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 36px;
  padding-bottom: 50px;
  z-index: 0;
  height: fit-content !important;
}

.donor-story-slide::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzUxIiBoZWlnaHQ9IjU3NCIgdmlld0JveD0iMCAwIDc1MSA1NzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTpsdW1pbm9zaXR5Ij4KPHBhdGggZD0iTTI1Mi44MzcgMC4wODM5ODQ0QzI0NS4xOTQgMjguMDQxOSAyNDEuMzQ2IDU3LjUxMTggMjQxLjM0NiA4OC4zODI4QzI0MS4zNDYgMTc1LjU1IDI3MS42NDEgMjU1LjUxNCAzMzEuMTIyIDMxNy44MjhDMzkwLjk3MyAzNzkuNzgyIDQ2NS42MDEgNDExLjExOCA1NTIuNDIxIDQxMS4xMThDNjI3LjQwOCA0MTEuMTE4IDY5NS4yMjcgMzg3Ljc0IDc1MC42NDYgMzQxLjQ1MVY1NzMuNDc1SDAuMDgxNDIwOVYwLjA4Mzk4NDRIMjUyLjgzN1pNNjk4LjU2MSAwLjA4Mzk4NDRDNzExLjIyOCAyNC40MjYxIDcxNy41NjQgNTIuNDQ3NiA3MTcuNTY0IDg0LjA2MDVDNzE3LjU2NCAxMzkuNTMxIDcwMi40MTYgMTgzLjgzNSA2NzIuODYxIDIxNi42MTJMNjcxLjQ4NSAyMTguNDhDNjQyLjQyNSAyNDkuODkzIDYwMi45OTUgMjY1LjYgNTUzLjg5OSAyNjUuNkM1MDQuMDIzIDI2NS42IDQ2NS4yMzIgMjQ5LjM5IDQzNC45MzcgMjE3LjMzM0M0MDUuMDEyIDE4NS4yNzYgMzg5Ljg2NSAxNDIuNzcyIDM4OS44NjUgOTAuNTQzOUMzODkuODY1IDU2LjI5NiAzOTYuMzc4IDI2LjA3NSA0MDkuMTk2IDAuMDgzOTg0NEg2OTguNTYxWiIgZmlsbD0iIzAwMzI3NSIgZmlsbC1vcGFjaXR5PSIwLjMiLz4KPC9nPgo8L3N2Zz4K");
  top: 0;
  left: 0;
  background-size: cover;
  background-position: right top;
  background-repeat: no-repeat;
}

.donor-story-slider .slick-list {
  overflow: unset;
}

.donor-story-slide .content .story-tag {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 31px;
  color: var(--lightBlue);
}

.donor-story-slide .content h3 {
  font-weight: 500;
  font-size: 1.5625rem;
  line-height: 1.4;
  max-width: 400px;
  color: var(--white);
}

.donor-story-slide .content .btn-wrap {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-top: 16px;
}

.donor-story-slide .content::before {
  position: absolute;
  content: "";
  width: calc(100% + 100px);
  height: calc(100% - 30px);
  background-color: #00193a;
  left: -30px;
  top: 0;
  z-index: -1;
  border-top-right-radius: 170px;
  filter: blur(50px);
}

.donor-story-slide .img {
  width: 100%;
  height: 100%;
}

.donor-story-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.donor-story .slick-track {
  display: flex;
  float: unset;
}

.donor-story-slider .slick-slide > div,
.donor-story-slider .slick-slide .donor-story-slide {
  height: 100%;
}

.donor-story-slider .slick-slide {
  margin: 0 12px;
  height: auto;
}

.donor-story .slider-controls {
  position: absolute;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
}

.donor-story .section-title {
  position: relative;
}

/* DONOR STORY */

/* READY TO MAKE CTA */
.ready-make {
  padding: 60px 0;
  text-align: center;
}

.ready-make .pre-text {
  margin: -25px 0 16px 0;
}

.ready-make .section-title {
  gap: 0;
  margin: 0;
}

.ready-make .btn {
  margin-top: 18px;
}

/* READY TO MAKE CTA */

/* GOOGLE REVIEW SEC */

.google-review .review-row {
  padding: 60px 0;
  border-top: 0.5px solid var(--border);
  display: flex;
  align-items: center;
}

.google-review .google-review-slider {
  max-width: calc(100% - 200px);
  flex: 1;
  padding-right: 50px;
}

.google-logo-star {
  display: flex;
  align-items: center;
  gap: 14px;
}

.google-logo-star .logo {
  width: 40px;
  height: 40px;
  display: flex;
}

.google-logo-star .logo svg,
.google-logo-star .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.google-logo-star .star {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNDAyODQgMTguOTU2NEw2Ljg2NjQzIDEyLjY4NTRMMiA4LjQ2OTNMOC40MTAyOCA3LjkxNDU1TDEwLjkyMDggMkwxMy40MzEzIDcuOTEzMzdMMTkuODQwNCA4LjQ2ODEyTDE0Ljk3NCAxMi42ODQyTDE2LjQzODggMTguOTU1MkwxMC45MjA4IDE1LjYyNjdMNS40MDI4NCAxOC45NTY0WiIgZmlsbD0iI0U4NjgyNiIvPgo8L3N2Zz4K");
  width: 100px;
  height: 20px;
  background-position: center;
  background-repeat: repeat-x;
}

.google-review .review-text {
  margin-top: 24px;
}

.google-review .review-text,
.google-review .review-text p {
  font-weight: 500;
  font-size: 1.4375rem;
  line-height: 1.31;
  color: var(--black);
}

.google-review .review-writer {
  font-weight: 400;
  font-size: 1rem;
  line-height: 31px;
  display: inline-flex;
  margin-top: 10px;
  color: var(--darkGrey);
}

/* GOOGLE REVIEW SEC */

.donor-banner {
  position: relative;
  z-index: 1;
  padding-top: 120px;
  padding-bottom: 20px;
}

.donor-banner .pre-text-wrap {
  position: absolute;
  left: 0;
  max-width: var(--container);
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0;
  top: 00px;
  max-width: var(--container);
  padding-left: 2.5rem;
  /* top: 40.6%; */
  /* transform: translateY(-50%); */
}

.donor-banner .pre-text-wrap.no-image {
  top: 120px;
}

.donor-banner .pre-text-wrap .img {
  max-width: 455px;
  aspect-ratio: 16 / 9;
  margin-bottom: 12px;
}

.donor-banner .pre-text-wrap .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.donor-banner p.pre-text-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.46;
  color: #90adcb;
  margin-bottom: 1px;
}

.donor-banner .pre-text {
  padding-bottom: 0;
  border: none;
  align-items: baseline;
  /* padding-left: 15px; */
}

.donor-banner .pre-text::before {
  border-color: var(--darkNavy);
}

.donor-banner::before {
  position: absolute;
  content: "";
  width: 100%;
  height: calc(100% + 96px);
  top: -96px;
  left: 0;
  background-color: var(--veryLightGrey);
  z-index: 0;
}

.donation-experience-page-donor-banner::before {
  top: 0;
  height: 100%;
}

.donor-banner-ring {
  position: absolute;
  bottom: 18%;
  width: 776px;
  aspect-ratio: 1;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  /* transform: translateX(-50%); */
  z-index: 0;
}

.donor-banner-ring svg {
  width: 100%;
  height: 100%;
}

.donor-banner-content {
  max-width: 850px;
  margin-left: auto;
  margin-right: 100px;
  /* position: relative; */
  z-index: 1;
}

.donor-banner h1,
.donor-banner .sub-title,
.donor-banner .content-btn-wrap {
  position: relative;
  z-index: 1;
}

.donor-banner h1 {
  font-size: 65px;
  font-weight: 500;
}

.donor-banner .sub-title {
  font-weight: 500;
  font-size: 19px;
  line-height: 1.38;
  margin-top: 21px;
}

.donor-banner .content-btn-wrap {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.donor-banner .content-btn-wrap .btn a {
  white-space: nowrap;
}

.donor-banner .content-btn-wrap .desc {
  color: var(--darkGrey);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.donor-banner .content-btn-wrap .desc ul,
.donor-banner .content-btn-wrap .desc ol {
  list-style-type: disc;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.donor-banner .content-btn-wrap .desc ol {
  list-style-type: decimal;
}

.donor-banner .content-btn-wrap .desc ul a {
  color: var(--black);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.donor-banner .content-btn-wrap .desc ul a:hover {
  opacity: 0.8;
}

.donor-banner-menu {
  display: flex;
  align-items: center;
  gap: 80px;
  margin-top: 70px;
  padding-top: 14px;
  border-top: 0.5px solid var(--border);
  position: relative;
}

.donor-banner-menu-list ul {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.donor-banner-menu-list a {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.43;
  display: flex;
  padding: 6px 7px;
  border-radius: 20px;
  border: 0.5px solid var(--border);
  color: var(--darkNavy);
}

.donor-banner-menu-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: var(--darkNavy);
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.donor-banner-menu-list a:hover,
.donor-banner-menu-list .donor-banner-menu-item.active a {
  background-color: var(--darkNavy);
  color: var(--white);
  border-color: var(--darkNavy);
}

.donor-intro-video {
  position: relative;
  aspect-ratio: 5 / 2;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  overflow: hidden;
}

.intro-video-wrap img,
.intro-video-wrap video,
.intro-video-wrap iframe {
  width: 100%;
  height: 120%;
  /* slightly taller for parallax movement */
  will-change: transform;
  object-fit: cover;
  object-position: center;
}

.intro-video-wrap .img-bg {
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  /* slightly taller for parallax movement */
  background-size: cover;
  background-position: center;
  will-change: transform;
}

.intro-video-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
}

.donor-intro-video:has(video)::before {
  position: absolute;
  content: "";
  inset: 0;
  width: 60%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    228.14deg,
    rgba(0, 0, 0, 0) 47.69%,
    rgb(0 0 0 / 16%) 57.25%,
    rgb(0 0 0 / 73%) 85.18%
  );
}

.donor-intro-video .container {
  margin: 0 auto !important;
  position: relative;
  z-index: 1;
}

.donor-intro-video .donor-intro-video-content {
  padding: 24px 30px 48px 30px;
  display: flex;
  align-items: flex-end;
  gap: 18px;
}

.donor-intro-video .donor-intro-video-content .arrow-icon {
  display: flex;
  width: 140px;
  color: aquamarine;
  height: 134px;
}

.donor-intro-video .donor-intro-video-content .arrow-icon svg {
  width: 100%;
  height: 100%;
}

.donor-intro-video .donor-intro-video-content h3 {
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  color: var(--white);
}

.donor-intro-video .donor-intro-video-content .text {
  max-width: 240px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.donor-intro-video .donor-intro-video-content .btn a:hover circle {
  fill: var(--lightBlue);
}

.fancybox-button svg path {
  fill: var(--white);
  stroke-width: 4px;
  stroke: var(--white);
}

.new-donors-page-donor-banner .content-btn-wrap {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

/* INTRO SECTION */
.intro-section {
  padding-top: 112px;
  padding-bottom: 80px;
  background-color: var(--darkNavy);
}

.intro-section .pre-text span {
  color: var(--white);
}

.intro-section .pre-text::before {
  border-color: var(--white);
}

.intro-section .pre-text {
  border-color: var(--darkBGStroke);
}

.intro-section .intro-text-content {
  max-width: 850px;
  margin-left: auto;
  margin-right: 100px;
}

.intro-section .intro-text-para {
  font-weight: 500;
  font-size: 32px;
  line-height: 1.25;
  color: var(--white);
  color: #2e5e9e;
}

.intro-section .intro-text-sub,
.intro-section .intro-text-sub * {
  font-weight: 400;
  line-height: 1.5;
  margin-top: 19px;
  color: var(--white);
}

.intro-section .intro-text-sub ul,
.intro-section .intro-text-sub ol {
  padding-left: 20px;
  list-style-type: disc;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.intro-section .intro-text-sub ul a,
.intro-section .intro-text-sub ol a {
  color: var(--white);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.intro-section .intro-text-sub ul a:hover,
.intro-section .intro-text-sub ol a:hover {
  opacity: 0.8;
}

.intro-section .intro-text-sub ol {
  list-style-type: decimal;
}

.intro-section .intro-button-wrap {
  margin-top: 65px;
  display: flex;
  gap: 10px;
}

.intro-section .intro-text-para span {
  background-clip: text;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  background-image: linear-gradient(90deg, white, white);
  animation: text-reveal-scroll linear forwards;
  animation-timeline: view();
  animation-range-start: contain 10vh;
  animation-range-end: contain 70vh;
  color: #ffffff1f;
}

@keyframes text-reveal-scroll {
  to {
    background-size: 100% 100%;
  }
}

/* INTRO SECTION */

/* GET YOU PAID  */
.inner-box {
  background-color: var(--veryLightGrey);
  padding: 70px 20px 20px;
}

section.get-paid {
  padding: 45px 0;
  --space: 68px;
}

.get-paid-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0 calc(var(--space) * 2);
  justify-content: space-between;
}

.get-paid-row > div {
  max-width: calc(50% - var(--space));
}

.get-paid-row > .right-clm {
  position: sticky;
  top: 50px;
}

.get-paid .pre-text {
  margin-bottom: 10px;
}

.get-paid h2 {
  font-size: 53px;
  line-height: 1.05;
}

.get-paid .content {
  margin-top: 60px;
}

.get-paid .section-title {
  margin: 0;
}

.get-paid .section-title .desc {
  color: var(--black);
  line-height: 1.3;
}

.get-paid .content .smll-text {
  margin-top: 30px;
}

.get-paid .accordion-pre-text {
  margin-top: 64px;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.27;
  color: var(--navyBlue);
}

.get-paid .accordion-item {
  box-shadow: 1px 1px 0px 0px var(--border);
}

.get-paid .accordion-wrapper {
  border-top: 0.5px solid var(--border);
  margin-top: 15px;
  margin-left: -20px;
}

.get-paid .accordion-item:first-child {
  margin-top: -2px;
}

.get-paid .accordion-item .accordion-title:hover {
  background-color: #eeeeee;
}

.get-paid .accordion-item .accordion-title:hover h3 {
  font-weight: 500;
}

.get-paid .accordion-title h3 {
  font-weight: 400;
  font-size: 17px;
  line-height: 28px;
}

.get-paid .accordion-title {
  position: relative;
  height: 100px;
  display: flex;
  align-items: flex-end;
  padding: 20px;
  cursor: pointer;
  transition: var(--transition3);
}

.get-paid .accordion-title .icon {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 26px;
}

.get-paid .accordion-title .icon svg {
  width: 100%;
  height: 100%;
}

.get-paid .right-clm .btn {
  margin-top: 20px;
}

.get-paid .right-clm .img {
  aspect-ratio: 1 / 0.95;
}

.get-paid .right-clm .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.get-paid .accordion-content {
  all: unset;
  padding: 0 20px;
  display: block;
  display: none;
  box-sizing: border-box;
}

.get-paid .accordion-content .inner {
  padding: 0 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 10px;
  border-top: 0.5px solid var(--border);
  width: 100%;
}

.box-end-text {
  margin-top: 115px;
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  max-width: 1105px !important;
  width: 100%;
  color: var(--black);
}

.box-end-text span {
  color: var(--navyBlue);
}

/* GET YOU PAID  */

/* HOW IT WORKS */
.how-it-works {
  padding: 45px 0;
}

.how-it-works-row {
  display: grid;
  grid-template-columns: 1fr 0.8fr;
  gap: 66px;
  align-items: end;
}

.how-it-works-row:not(:last-child) .left-clm {
  margin-bottom: 80px;
}

.how-it-works-row .left-clm .section-title .desc,
.how-it-works-row .left-clm .section-title .desc p {
  color: var(--black);
  line-height: 1.3;
}

.how-it-works-row .right-clm {
  width: 100%;
}

.how-it-works-row .right-clm img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.how-it-works .section-title .desc {
  color: var(--black);
  margin-top: 10px;
}

.how-it-works .section-title .extra-desc {
  margin-top: 20px;
}

.how-it-works-row .right-clm .img {
  aspect-ratio: 1 / 0.85;
}

.how-it-works-cards {
  margin-top: 24px;
  /* display: grid; */
  /* grid-template-columns: repeat(3, 1fr); */
  gap: 14px;
  display: flex;
  flex-wrap: wrap;
}

.how-it-works-card {
  flex: 1;
}

.how-it-works-card .inner {
  background-color: var(--veryLightGrey);
  padding: 30px;
  min-height: 410px;
  display: flex;
  flex-direction: column;
  /* justify-content: flex-end; */
  padding-top: 116px;
  height: 100%;
}

.how-it-works-card .resources-stores {
  margin: 32px 0 0 0;
  min-height: 36px;
}

.how-it-works-card span.count {
  font-weight: 500;
  font-size: 17px;
  line-height: 1.6;
  color: var(--blue);
}

.how-it-works-card h3.title {
  font-weight: 500;
  font-size: 23px;
  line-height: 1.4;
  color: var(--black);
}

.how-it-works-card .editor-data {
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.how-it-works-card ul,
.how-it-works-card ol {
  padding-left: 20px;
  list-style-type: disc;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.how-it-works-card ol {
  list-style-type: decimal;
}

.how-it-works-card ul li,
.how-it-works-card ol li {
  font-weight: 400;
  line-height: 1.5;
  color: var(--darkGrey);
}

.how-it-works-card .resources-stores .resources-store-item {
  border-color: var(--black);
  color: var(--black);
}

.how-it-works-card .resources-stores .resources-store-item:last-child svg {
  filter: brightness(0);
}

.how-it-works-card .resources-stores .resources-store-item:hover {
  box-shadow: 0 0 0 3px var(--veryLightGrey), 0 0 0 4px var(--darkGrey);
}

.how-it-works .content-title {
  font-family: Gotham;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.37;
  margin-top: 38px;
}

.how-it-works .content-title span {
  color: var(--orange);
}

.how-it-works .btn {
  margin-top: 20px;
}

.new-donors-page-how-it-works .section-title {
  margin: 0;
  height: 100%;
  flex-direction: column;
}

.new-donors-page-how-it-works .how-it-works-row:not(:last-child) .left-clm {
  margin: 0;
  height: 100%;
}

.new-donors-page-how-it-works .section-title .extra-desc {
  margin-top: auto;
}

/* HOW IT WORKS */

/* REWARDS PROGRAM */

.rewards-program {
  padding: 70px 0;
  overflow: hidden;
}

.rewards-program-row {
  display: grid;
  grid-template-columns: 0.49fr 1fr;
  gap: 147px;
  position: relative;
  display: block;
}

.rewards-program-row .left-img {
  max-width: 420px;
  aspect-ratio: 1;
  position: absolute;
  left: 0;
  top: 0;
}

.rewards-program-row .left-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rewards-program-row .right-img {
  aspect-ratio: 1.5177 / 1;
  margin-top: 150px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.rewards-program-row .right-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rewards-program-card-wrap {
  width: calc(50% + 32px);
  padding-top: 120px;
  display: flex;
  justify-content: flex-end;
  padding-bottom: 50px;
}

.rewards-program-card {
  position: absolute;
  box-shadow: -30px 50px 80px 0px #00000040;
  background-color: var(--veryLightGrey);
  max-width: 487px;
  padding: 54px 32px 32px;
  width: 100%;
  left: 18.4%;
  top: 15%;
  position: unset;
  width: 100%;
}

.rewards-program-card .inner {
  max-width: 330px;
}

.rewards-program-card .pre-text {
  margin-bottom: 22px;
  border: 0;
  padding-bottom: 0;
}

.rewards-program-card .section-title .content {
  color: var(--darkGrey);
  margin-top: 12px;
}

.rewards-program-card .section-title h2 {
  line-height: 1;
}

.rewards-program .pre-text::before {
  border-color: var(--navyBlue);
}

.earning-potential-page-rewards-program {
  overflow: unset;
}

.earning-potential-page-rewards-program .btn.btn_navy a {
  background-color: var(--orange);
  border-color: var(--orange);
}

.earning-potential-page-rewards-program .btn.btn_navy a:hover {
  background-color: var(--white);
  border-color: var(--orange);
  color: var(--orange);
}

/* REWARDS PROGRAM */

/* Octa App */

section.octaApp {
  position: relative;
  z-index: 1;
  margin: 00px 0 50px;
  padding-top: 70px;
  padding-top: 30px;
  overflow: hidden;
}

.octaApp-box {
  padding-left: 8px;
  padding-top: 40px;
  position: relative;
}

.octaApp-box::before {
  position: absolute;
  content: "";
  width: 1000%;
  height: 100%;
  top: 0;
  background-color: var(--darkNavy);
  left: -1rem;
  z-index: -1;
  background-image: linear-gradient(
    180deg,
    var(--darkNavy) 82.2%,
    var(--navyBlue) 340px
  );
}

.octaApp-row {
  display: flex;
  flex-wrap: wrap;
}

.octaApp-row .section-title h2 {
  color: var(--white);
}

.octaApp-row .title-part-clm {
  width: 61%;
  display: flex;
  align-items: flex-end;
}

.octaApp-row .title-part-clm .section-title {
  max-width: 775px;
  position: relative;
}

.octaApp-row .title-part-clm .section-title h2 .btn {
  display: inline-block;
  transform: translateY(-10px);
}

.octaApp-row .pre-text {
  width: 100%;
  border-color: var(--darkBGStroke);
}

.octaApp-row .pre-text span {
  color: var(--white);
}

.octaApp-row .pre-text::before {
  border-color: var(--white);
}

.octaApp-row .mobile-demo-clm {
  width: 39%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 36px;
}

.octaApp-row .mobile-demo-clm .resources-stores {
  flex-direction: column;
}

.octaApp-row .mobile-demo-clm .resources-stores a {
  white-space: nowrap;
  justify-content: center;
}

.octaApp-row .mobile-demo-clm .resources-stores svg {
  width: 24px;
}

.octaApp-row .mobile-demo-clm .store-title {
  display: flex;
  white-space: nowrap;
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  text-align: center;
  color: var(--white);
  margin-bottom: 13px;
}

.octaApp-row .mobile-demo-clm .img-part {
  max-width: 375px;
}

.octaApp-row .mobile-demo-clm .img-part img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0px 40px 50px #00000099);
  margin-top: -120px;
}

.octaApp-row .mobile-demo-clm .strore-wrap {
  flex: 1;
}

.octaApp-list {
  padding: 31px 16px;
  width: calc(100% + 16px);
  display: flex;
  align-items: center;
  gap: 87px;
  position: relative;
}

.octaApp-list ul {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-between;
}

.octaApp-list .octaApp-list-title {
  font-weight: 700;
  font-size: 19px;
  line-height: 1;
  color: var(--white);
}

.octaApp-list ul li {
  font-weight: 400;
  line-height: 20px;
  color: var(--white);
  padding-left: 21px;
  position: relative;
}

.octaApp-list ul li::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100px;
  border: 3px solid var(--lightBlue);
  left: 0;
  top: 5px;
}

/* Octa App */

/* DONOR PORTAL */
.donor-portal {
  margin: 20px 0 56px;
  width: 100%;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  --mtMinus: -82px;
}

.donor-portal .title-part-clm {
  width: 61%;
  display: flex;
  align-items: flex-end;
  position: relative;
}

.donor-portal .mobile-demo-clm {
  width: 39%;
  display: flex;
  align-items: flex-end;
  position: relative;
  margin-top: var(--mtMinus);
}

.donor-portal-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}

.donor-portal .section-title {
  margin: 0;
  max-width: calc(100% - 150px);
}

.donor-portal .btn {
  display: inline-block;
  transform: translateY(-10px);
}

.donor-portal a.donor-portal-arrow {
  position: absolute;
  top: var(--mtMinus);
  right: 30px;
}

.donor-portal .mobile-demo-clm .img-part {
  height: 460px;
  width: 100%;
}

.donor-portal .mobile-demo-clm .img-part img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.donor-portal-box::before {
  position: absolute;
  content: "";
  left: calc((100% - var(--container)) / 2);
  background-color: var(--veryLightGrey);
  width: 1000%;
  height: 100%;
  left: -1rem;
  top: 0;
  /* background-image: linear-gradient(180deg, var(--veryLightGrey) 82.2%, var(--white)340px); */
}

.donor-portal-box .pre-text {
  width: 100%;
  margin-top: 24px;
}

.donor-portal .octaApp-list {
  backdrop-filter: blur(15px);
  background: #ffffffb2;
  margin-top: -82px;
  margin-left: -16px;
}

.donor-portal .octaApp-list ul li {
  color: var(--black);
}

.donor-portal .octaApp-list ul li::before {
  border-color: var(--navyBlue);
}

.donor-portal .octaApp-list-title {
  color: var(--navyBlue);
}

.donor-portal .octaApp-list ul li {
  color: var(--black);
}

/* DONOR PORTAL */

/* DISCOVER DONOR */
.discover-donor {
  padding: 60px 0;
}

.discover-donor:is(:last-child) {
  margin-bottom: 80px;
}

.discover-donor .section-title {
  position: relative;
}

.discover-donor .custom-slider-controls {
  position: absolute;
  right: 0;
  bottom: 0;
}

.discover-donor .slick-list {
  overflow: unset;
}

.discover-donor-slide {
  position: relative;
  border-right: 0.5px solid var(--border);
}

.discover-donor-slide .img {
  aspect-ratio: 1 / 0.82;
  position: relative;
  max-width: 486px;
}

.discover-donor-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.discover-donor-slide .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--veryLightGrey);
  padding: 21px 18px 28px;
  transition: var(--transition3);
}

.discover-donor-slide .count {
  margin-bottom: auto;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.37;
  transition: var(--transition3);
  color: var(--blue);
}

.discover-donor-slide .title {
  padding-right: 30px;
  position: relative;
}

.discover-donor-slide .title h3 {
  font-weight: 500;
  font-size: 25px;
  line-height: 1.5;
  transition: var(--transition3);
  color: var(--black);
}

.discover-donor-slide .title > span {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0;
  top: 7px;
}

.discover-donor-slide .title > span svg,
.discover-donor-slide .title > span svg path {
  transition: var(--transition3);
  fill: currentColor;
}

.discover-donor-slide .desc {
  padding-top: 32px;
  margin-top: 16px;
  border-top: 0.5px solid var(--black);
  font-weight: 400;
  color: var(--darkGrey);
  transition: var(--transition3);
}

/* DISCOVER DONOR */

/* DONOR FAQ */
.donor-faq {
  padding: 60px 0;
}

.donor-faq-row {
  --space: 62px;
  display: flex;
  flex-wrap: wrap;
  gap: 0 calc(var(--space) * 2);
  justify-content: space-between;
}

.donor-faq-row > div {
  width: calc(40% - var(--space));
}

.donor-faq-row > div.right-clm {
  width: calc(60% - var(--space));
}

.donor-faq .pre-text {
  margin-bottom: 60px;
}

.donor-faq-row .section-title {
  margin-top: 15px;
}

.donor-faq-row .section-title .desc {
  font-weight: 400;
  font-size: 1rem;
}

.donor-faq .accordion-item {
  padding: 21px 0;
  border-bottom: 0.5px solid var(--black);
}

.accordion-item .accordion-title {
  user-select: none;
}

.donor-faq .accordion-item .accordion-title h3 {
  font-weight: 500;
  font-size: 25px;
  line-height: 1.3;
}

.donor-faq .accordion-item .accordion-title {
  padding-right: 30px;
  position: relative;
  cursor: pointer;
}

.donor-faq .accordion-item span.icon {
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.donor-faq .accordion-item span.icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.donor-faq .accordion-item:first-child {
  border-top: 0.5px solid var(--black);
}

.donor-faq .accordion-content {
  all: unset;
  display: none;
  box-sizing: border-box;
}

.donor-faq .accordion-content .inner {
  padding-top: 20px;
  line-height: 1.5;
  color: var(--darkGrey);
}

/* DONOR FAQ */

/* OCTAAPP */
.octaApp-tab {
  padding: 60px 0;
}

.octaApp-tab-row {
  display: grid;
  grid-template-columns: 527px 1fr;
  gap: 13px;
}

.octaApp-tab-content-item .img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 0.91;
}

.octaApp-tab-content-item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.octaApp-tab-content-item {
  position: relative;
}

.octaApp-tab-row .section-title .desc {
  padding-right: 10px;
  color: var(--black);
  line-height: 1.3;
}

.octaApp-tab-content-item .contact {
  background-color: #00000080;
  padding: 37px 32px;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
}

.octaApp-tab-content-item .contact .title {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.2;
  color: var(--white);
}

.octaApp-tab-content-item .contact .desc {
  font-weight: 400;
  color: var(--white);
  margin-top: 11px;
}

.octaApp-tab-row .left-clm {
  border-right: 0.5px solid var(--black);
}

.octaApp-tab-list {
  margin: 10px 0 24px;
}

.octaApp-tab-list ul li {
  padding: 14px 9px;
  display: block;
  border-left: 0.5px solid transparent;
  border-bottom: 0.5px solid var(--black);
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: var(--black);
  cursor: pointer;
  transition: var(--transition3);
}

.octaApp-tab-list ul li.active {
  background-color: #ededed;
  border-left-color: var(--black);
}

.octaApp-tab-list ul {
  display: flex;
  flex-direction: column;
}

.octaApp-tab-list ul li:first-child {
  border-top: 0.5px solid var(--black);
}

.octaApp-tab-row .left-clm {
  display: flex;
  flex-direction: column;
}

.octaApp-tab .octaApp-tab-store {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  padding: 12px;
  border-radius: 30px;
  background-color: var(--darkNavy);
  align-items: flex-end;
}

.octaApp-tab .octaApp-tab-store .btn {
  margin-top: 20px;
}

.octaApp-tab .left-clm .btn a:has(.icon) {
  gap: 6px;
}

.octaApp-tab .octaApp-tab-store .store-title {
  color: var(--white);
  margin-bottom: 13px;
  display: block;
}

.octaApp-tab .octaApp-tab-store > div:not(.octaApp-tab-logo-store) {
  flex: 1;
  margin-right: 10px;
}

.octaApp-tab-logo-store img {
  width: 108px;
  height: 108px;
}

/* OCTAAPP */

/* OCTAPASS */
.octaPass {
  padding: 60px 0;
  position: relative;
}

.octaPass-row {
  display: grid;
  grid-template-columns: 1.07fr 1fr;
  gap: 60px;
}

.plasma-donation-banner {
  background-color: #00000059;
  padding: 124px 24px 24px;
  position: relative;
  position: sticky;
  top: 50px;
  min-height: 800px;
  display: flex;
  flex-direction: column;
}

.plasma-donation-banner > .btn {
  margin-top: 30px;
}

.plasma-donation-banner .section-title {
  margin: 0 0 30px;
}

.plasma-donation-banner > .img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black);
  mix-blend-mode: overlay;
}

.plasma-donation-banner > .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.plasma-donation-banner > p {
  color: var(--white);
}

.plasma-donation-banner > ul + p,
.plasma-donation-banner > ol + p {
  margin-top: 20px;
}

.plasma-donation-banner .section-title h2 {
  color: var(--white);
}

.plasma-donation-banner .section-title .desc,
.plasma-donation-banner h3 {
  color: var(--white);
  font-weight: 500;
  font-size: 22px;
  margin-top: 35px;
  line-height: 1.3;
}

.plasma-donation-banner h3 + ul,
.plasma-donation-banner h3 + ol {
  margin-top: 20px;
}

.plasma-donation-banner .paragraph-text {
  margin-top: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--white);
  max-width: 550px;
}

.plasma-donation-banner ul,
.plasma-donation-banner ol {
  margin-top: 85px;
  border-top: 0.5px solid var(--white);
  padding-top: 18px;
  padding-left: 20px;
  list-style-type: disc;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.plasma-donation-banner ul li,
.plasma-donation-banner ol li {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
}

.plasma-donation-banner ul li a,
.plasma-donation-banner ol li a {
  color: var(--white);
  text-decoration: underline;
}

.plasma-donation-banner > *:has(+ .octaPass-store-btn) {
  margin-bottom: 36px;
}

.plasma-donation-banner .octaPass-store-btn {
  margin-top: auto;
  padding-top: 24px;
  border-top: 0.5px solid var(--white);
}

.plasma-donation-banner .btn a {
  gap: 5px;
  font-size: 14px;
  min-height: 36px;
  align-items: center;
  line-height: 1;
}

.plasma-donation-banner .octaPass-store-btn {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.octaPass-store-wrap .store-title {
  color: var(--white);
}

.octaPass-title-content .title {
  font-weight: 500;
  font-size: 35px;
  line-height: 1;
  color: var(--black);
}

.octaPass-title-content .desc {
  margin-top: 22px;
  font-weight: 400;
  font-size: 16px;
  color: var(--darkGrey);
}

.octaPass-steps-title {
  font-weight: 500;
  font-size: 35px;
  line-height: 1.3;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 0.5px solid var(--lightBlue2);
  letter-spacing: -1.3px;
}

.octaPass-steps-wrap {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.octaPass-steps-item {
  /* min-height: 295px; */
  background-color: var(--veryLightGrey);
  padding: 14px 12px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: var(--transition3);
  gap: 66px;
}

.octaPass-steps-item:hover {
  background-color: var(--darkNavy);
}

.octaPass-steps-item h3 {
  font-weight: 500;
  font-size: 25px;
  line-height: 1.3;
  margin-bottom: 9px;
  transition: var(--transition3);
}

.octaPass-steps-item .desc {
  margin: 0 -12px;
  padding: 0 12px;
  border-top: 0.5px solid var(--black);
  padding-top: 15px;
  transition: var(--transition3);
}

.octaPass-steps-item .count {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.25;
  transition: var(--transition3);
}

.octaPass-steps-item:hover .count {
  color: var(--lightBlue);
}

.octaPass-steps-item:hover :where(h3, .desc) {
  color: var(--white);
}

.octaPass-steps-item:hover .desc {
  border-color: var(--darkBGStroke);
}

/* OCTAPASS */

/* OCTA REWARDS */

.octaRewards {
  margin: 30px 0;
  padding: 110px 0 0;
  background-color: var(--veryLightGrey);
  position: relative;
}

.octaRewards .custom-slider-controls .progress-count {
  opacity: 0;
}

.octaRewards .pre-text {
  position: relative;
  z-index: 1;
}

.octaRewards::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 40%;
  height: 100%;
  background-color: var(--veryLightGrey);
  z-index: 1;
}

.octaRewards-row {
  display: flex;
  flex-wrap: wrap;
  /* display: grid; */
  /* grid-template-columns: 480px 1fr; */
  gap: 85px;
}

.octaRewards .slick-slider .slick-list {
  overflow: unset;
}

.octaRewards-row .section-title .desc {
  margin-top: 24px;
}

.octaRewards-row > .left-clm .section-title .desc,
.octaRewards-row > .left-clm .section-title .desc p {
  color: var(--black);
  line-height: 1.2;
}

.octaRewards-row .section-title .paragraph-text {
  margin-top: 11px;
  line-height: 1.3;
}

.octaRewards-row a.resources-store-item {
  color: var(--black);
  border-color: var(--black);
}

.octaRewards-row a.resources-store-item:last-child svg {
  filter: brightness(0);
}

.octaRewards-row a.resources-store-item:hover {
  box-shadow: 0 0 0 3px var(--veryLightGrey), 0 0 0 4px var(--darkGrey);
}

.octaRewards-slider {
  max-width: 100%;
}

.octaRewards-row .right-clm {
  flex: 1;
  max-width: calc(100% - 565px);
}

.octaRewards-row > .left-clm {
  max-width: 480px;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}

.octaRewards-row > .left-clm::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% + 79px);
  height: 100%;
  background-color: var(--veryLightGrey);
  z-index: 0;
}

.octaRewards-row .left-clm .octaRewards-store-wrap {
  margin: auto 0;
}

.octaRewards-row .paragraph-text {
  line-height: 1.5;
  color: var(--darkGrey);
}

.octaRewards-row .octaRewards-slider-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 15px;
}

.octaRewards-row h3 {
  font-weight: 500;
  font-size: 30px;
  line-height: 1;
  color: var(--black);
}

.octaRewards-slide {
  height: 460px;
}

.octaRewards-slide .inner {
  height: 100%;
  width: 100%;
  background-color: var(--white);
  padding: 120px 12px 20px;
}

.octaRewards-slider .slick-slide {
  margin-right: 22px;
  /* max-width: 418px; */
}

.octaRewards-slide .title {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.36;
}

.octaRewards-slide .content {
  margin-top: 46px;
}

.octaRewards-slide .title span {
  white-space: nowrap;
  color: var(--blue);
}

.octaRewards-slide .content li,
.octaRewards-slide .content,
.octaRewards-slide .content p {
  font-weight: 400;
  line-height: 1.5;
  color: var(--darkGrey);
}

.octaRewards-slide .content ul,
.octaRewards-slide .content ol {
  padding-left: 20px;
  list-style-type: disc;
}

.octaRewards-slide .content ol {
  list-style-type: decimal;
}

.octaRewards-slide .content strong,
.octaRewards-slide .content b {
  font-weight: 600;
}

.octaRewards-slide .content a {
  color: var(--navyBlue);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.octaRewards-slide .content ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.octaRewards-slide .title .btn {
  display: inline;
}

.optional-sub-title {
  padding-top: 80px;
}

.optional-sub-title .section-title {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 70px;
  padding-bottom: 50px;
  border-bottom: 0.5px solid var(--border);
  align-items: center;
}

.optional-sub-title .section-title .desc {
  font-size: 16px;
  font-weight: 400;
}

.optional-sub-lists {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.optional-sub-item {
  position: relative;
  height: 440px;
}

.optional-sub-item .content-wrap {
  max-width: 560px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.optional-sub-item .img-wrap {
  max-width: 767px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.optional-sub-item .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.optional-sub-item h3 {
  font-weight: 700;
  font-size: 55px;
  line-height: 1;
  margin-top: auto;
}

.optional-sub-item .sub-title {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.3;
  color: var(--black);
  margin-top: 16px;
}

.optional-sub-item .desc {
  margin-top: 16px;
  margin-bottom: auto;
}

.optional-sub-item::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--border);
  bottom: -14px;
}

.optional-sub-item:nth-child(even) .content-wrap {
  margin-left: auto;
}

.optional-sub-item:nth-child(even) .img-wrap {
  left: 0;
  right: unset;
}

.optional-magic-row {
  position: relative;
  text-align: center;
  padding: 75px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  /* font-size: 7vw; */
  /* line-height: 1.2; */
  /* font-weight: bold; */
  /* color: var(--orange); */
  /* text-shadow: 2px 4px 8px #00000075; */
  z-index: 0;
  /* -webkit-text-stroke: 4px; */
}

.optional-magic-row img {
  display: flex;
  width: 100%;
  height: auto;
  max-width: calc(100% - 40px);
  max-width: 875px;
}

.optional-magic-row::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 52%;
  top: 12px;
  background-color: var(--veryLightGrey);
  left: 0;
  z-index: -1;
}

/* OCTA REWARDS */

/* DID U KNOW */
.did-u-know {
  padding: 60px 0;
  overflow: hidden;
}

.did-u-know .title {
  font-weight: 500;
  font-size: 45px;
  line-height: 1.115;
}

.did-u-know-boxes::before,
.did-u-know-boxes::after {
  position: absolute;
  content: "";
  width: 1000%;
  left: -50%;
  top: 0;
  height: 1px;
  background-color: var(--border);
}

.did-u-know-boxes::after {
  bottom: 0;
  top: unset;
}

.did-u-know-boxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 10px;
  position: relative;
}

.did-u-know-box-item {
  padding: 25px;
  min-height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 0.5px solid var(--border);
  border-right: 0.5px solid var(--border);
}

.did-u-know-box-item:first-child {
  padding-left: 0;
  border: 0;
}

.did-u-know-box-item:last-child {
  padding-right: 0;
  border: 0;
}

.did-u-know-box-item .count {
  font-size: 110px;
  font-weight: 800;
  line-height: 1.1;
  position: relative;
  width: fit-content;
}

.did-u-know-box-item .count .icon {
  width: 28px;
  height: 29px;
  position: absolute;
  right: -30px;
  top: 0;
}

.did-u-know-box-item .count .icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.did-u-know-box-item .desc {
  font-weight: 400;
  font-size: 17px;
  margin-top: 10px;
}

/* DID U KNOW */

/* WHAT TO BRING */
.what-bring {
  padding: 60px 0;
}

.what-bring-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 58px;
}

.what-bring-item .icon {
  width: 18px;
  display: block;
  height: 18px;
  color: var(--blue);
}

.what-bring-item h3 {
  margin-top: 20px;
  font-weight: 500;
  font-size: 25px;
  line-height: 1.5;
  color: var(--darkGrey);
}

.what-bring-item .desc {
  font-weight: 400;
  font-size: 17px;
  margin-top: 20px;
  color: var(--darkGrey);
}

.what-bring-item .desc ul {
  padding-left: 20px;
  list-style-type: disc;
}

.what-bring-item .icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.what-bring-item {
  display: flex;
  flex-direction: column;
}

.what-bring-item img {
  width: fit-content;
}

.what-bring-item .btn {
  margin-top: auto;
}

.what-bring-item .desc:has(+ .btn) {
  margin-bottom: 20px;
}

/* WHAT TO BRING */

/* ELIGIBILITY */
section.eligibility {
  padding: 60px 0;
}

.eligibility-row {
  display: flex;
  justify-content: center;
  /* grid-template-columns: repeat(4, 1fr); */
  row-gap: 12px;
  flex-wrap: wrap;
  margin: 0 -6px;
  margin-right: -6px;
}

.eligibility-item {
  background-color: var(--veryLightGrey);
  padding: 16px;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  width: calc(25% - 12px);
  margin: 0 6px;
}

.eligibility-item .icon {
  color: var(--blue);
  margin-top: 100px;
}

.eligibility-item img {
  max-width: fit-content;
  height: fit-content;
  /* width: 55px; */
  /* height: 55px; */
  margin-top: 80px;
  margin-bottom: 7px;
}

.eligibility-item h3 {
  margin-bottom: auto;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 25px;
  line-height: 1.3;
  color: var(--darkGrey);
}

.eligibility-item .desc {
  color: var(--darkGrey);
}

.eligibility-item .btn.btn_navy {
  margin-top: auto;
}

.eligibility-item .desc:has(+ .btn) {
  margin-bottom: 20px;
}

.resources-store-item {
  height: fit-content;
  aspect-ratio: unset;
}

.eligibility-item .resources-stores .icon {
  margin: 0;
}

.eligibility-item .resources-stores a {
  color: var(--black);
  border-color: var(--black);
}

.eligibility-item .resources-stores a:last-child .icon {
  filter: brightness(0);
}

.eligibility-item .resources-stores {
  margin-top: 20px;
}

.eligibility-item .resources-stores br {
  display: none;
}

.eligibility-item .resources-stores .icon img {
  margin: 0;
}

.eligibility-additional {
  margin-top: 29px;
  max-width: 767px;
}

.eligibility-additional h4 {
  margin-bottom: 17px;
  font-weight: 500;
  font-size: 40px;
  line-height: 1;
  color: var(--black);
}

.eligibility-additional .desc {
  color: var(--darkGrey);
}

.eligibility-additional .desc a {
  text-decoration: unset;
  text-underline-offset: 4px;
}

/* ELIGIBILITY */

/* EXPECT DURING DONATION */
.expect-donation {
  padding: 25px 0 60px;
}

.expect-donation .section-title {
  margin-top: 30px;
}

.expect-donation .donor-intro-video {
  aspect-ratio: 2 / 1;
  max-width: calc(100% - 24px);
  margin-left: auto;
  margin-right: auto;
}

/* EXPECT DURING DONATION */

/* DOWNLOAD OCTA APP */

.download-octaApp {
  background-color: var(--darkNavy);
  padding: 120px 0 46px;
  margin: 30px 0;
}

.download-octaApp-row {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 1.075fr;
  gap: 52px;
}

.download-octaApp .plasma-donation-banner {
  padding: 0;
  position: unset;
  background-color: transparent;
}

.download-octaApp .pre-text::before {
  border-color: var(--white);
}

.download-octaApp .pre-text span {
  color: var(--white);
}

.download-octaApp .pre-text {
  border-color: var(--darkBGStroke);
}

.download-octaApp .section-title .desc,
.download-octaApp .section-title .desc p,
.download-octaApp .desc,
.download-octaApp .desc * {
  font-size: 16px;
  font-weight: 400;
  margin: 10px 0 0 0;
  color: var(--white);
}

.download-octaApp .paragraph-text {
  font-weight: 500;
  font-size: 32px;
  line-height: 1;
  margin: 0;
  color: var(--white);
}

.download-octaApp .paragraph-text * {
  color: var(--white);
}

.download-octaApp .paragraph-text h3:has(+ p) {
  margin-bottom: 20px;
}

.download-octaApp .section-title .desc a,
.download-octaApp .paragraph-text a {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.download-octaApp .section-title .desc a:hover,
.download-octaApp .paragraph-text a:hover {
  color: var(--orange);
}

.download-octaApp .paragraph-text h3 {
  font-weight: 500;
  font-size: 32px;
  line-height: 1;
  color: var(--white);
}

.download-octaApp ul,
.download-octaApp ol {
  margin-top: 0;
  border: 0;
}

.download-octaApp ul li,
.download-octaApp ol li {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}

.download-octaApp ul li strong,
.download-octaApp ol li strong {
  font-weight: 600;
  font-family: var(--gotham);
}

.download-octaApp .extra-text {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.4;
  color: var(--white);
  margin-top: 40px;
  padding-top: 40px;
  border-top: 0.5px solid var(--darkBGStroke);
}

.download-octaApp .octaPass-store-btn {
  border: 0;
  padding: 0;
}

.download-octaApp .octaPass-store-wrap {
  display: flex;
  align-items: center;
  gap: 23px;
}

.download-octaApp .octaPass-store-wrap .store-title {
  margin: 0;
}

.download-octaApp .right-clm img {
  aspect-ratio: 1 / 1.1;
  display: block;
  width: 100%;
  object-fit: cover;
}

/* DOWNLOAD OCTA APP */

/* YOUR VISIT */
.your-visits {
  padding: 60px 0;
}

.your-visits .pre-text {
  justify-content: center;
}

.visit-table {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.dark-blue-row {
  display: grid;
  grid-template-columns: 210px 1fr 1fr;
}

.dark-blue-row > div:not(:empty) {
  padding: 23px 35px;
  background-color: var(--darkNavy);
  color: var(--white);
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
}

.dark-blue-row > div:last-child {
  border-radius: 0 50px 50px 0;
}

.dark-blue-row > div:nth-child(2) {
  border-radius: 50px 0px 0 50px;
}

.dark-blue-row > div:last-child,
.visit-table .mobile-accordion-clm:last-child {
  position: relative;
}

.dark-blue-row > div:last-child::before,
.visit-table .mobile-accordion-clm:last-child::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--border);
}

.dark-blue-row > div:last-child::before {
  background-color: var(--darkBGStroke);
}

.visit-table .mobile-accordion {
  display: grid;
  grid-template-columns: 210px 1fr;
  background-color: var(--veryLightGrey);
  border-radius: 16px;
}

.mobile-accordion-title {
  padding: 20px 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}

.mobile-accordion-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.mobile-accordion-clm ul {
  padding-left: 20px;
  list-style-type: disc;
}

.mobile-accordion-clm {
  padding: 20px;
}

.mobile-accordion-clm ul li,
.mobile-accordion-clm p {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
}

.mobile-accordion-clm ul li span {
  display: block;
  padding-left: 28px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--darkBGStroke);
  position: relative;
}

.mobile-accordion-clm ul li span::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMTI0MDIzIDguNjQ1OTZMMTcuMjAyIDguNjQ1OTZMOS44ODI4NiAxLjMyNjg0TDEwLjgwMyAwLjI4MTI1TDE5Ljg2NDcgOS4zNDMwMkwxMC44MDMgMTguNDA0OEw5Ljg4Mjg1IDE3LjM1OTJMMTcuMjAyIDEwLjA0MDFMMC4xMjQwMjMgMTAuMDQwMUwwLjEyNDAyMyA4LjY0NTk2WiIgZmlsbD0iIzQyNkY5RCIvPgo8L3N2Zz4K");
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
  top: 3px;
}

.visit-table .mobile-accordion.light-blue-bg {
  background-color: #e9f3fa;
}

.visit-table .mobile-accordion.light-blue-bg .mobile-accordion-clm p {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.5;
}

.visit-table .mobile-accordion.light-blue-bg .mobile-accordion-clm {
  display: flex;
  align-items: center;
}

.your-visits-text {
  margin-top: 40px;
  max-width: 767px;
}

.your-visits-text h3 {
  font-weight: 500;
  font-size: 40px;
  line-height: 1.15;
  color: var(--black);
}

.your-visits-text .desc {
  color: var(--darkGrey);
  margin-top: 17px;
}

/* YOUR VISIT */

/* HOW MUCH EARN */
.how-much-earn {
  padding: 60px 0;
}

.how-much-earn .section-title {
  max-width: 1092px;
  margin-left: auto;
  margin-right: auto;
}

.how-much-earn-table-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.how-much-earn-table-row:first-child .how-much-earn-head-item {
  padding: 22px 25px;
}

.how-much-earn-table-row:first-child .how-much-earn-head-item p {
  color: var(--white);
  font-size: 30px;
  line-height: 1;
  font-weight: 500;
}

.how-much-earn-table-row:not(:first-child) .how-much-earn-head-item {
  padding: 32px 25px;
}

.how-much-earn-table-row:not(:first-child) .how-much-earn-head-item p {
  font-weight: 600;
  font-size: 30px;
  line-height: 1;
  color: var(--black);
}

.how-much-earn-table {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.how-much-earn-table-row:first-child {
  background-color: var(--darkNavy);
  border-radius: 50px;
}

.how-much-earn-table-row:not(:first-child) {
  border-radius: 5px;
  background-color: var(--veryLightGrey);
}

.how-much-earn-table-row:not(:first-child) .how-much-earn-head-item span {
  color: var(--blue);
}

.how-much-earn-table,
.local-donor-text,
.how-much-earn-addition {
  max-width: 1092px;
  margin-left: auto;
  margin-right: auto;
}

.local-donor-text {
  position: relative;
  padding-left: 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNy45Mjg3MSIgY3k9IjguNTkzNzUiIHI9IjcuNTkwODIiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC41Ii8+CjxwYXRoIGQ9Ik03LjEwNDY4IDEzLjQyMDlMNy40MjExOCA5LjQ2NDYzTDQuMTYxMiAxMS43NzUxTDMuMzA2NjQgMTAuMjg3NUw2Ljk3ODA4IDguNjEwMDdMMy4zMDY2NCA2LjkwMDk2TDQuMTYxMiA1LjQ0NTA0TDcuNDIxMTggNy43MjM4N0w3LjEwNDY4IDMuNzY3NThIOC43NTA0OUw4LjQzMzk5IDcuNzIzODdMMTEuNjk0IDUuNDQ1MDRMMTIuNTQ4NSA2LjkwMDk2TDguODc3MDkgOC42MTAwN0wxMi41NDg1IDEwLjI4NzVMMTEuNjk0IDExLjc3NTFMOC40MzM5OSA5LjQ2NDYzTDguNzUwNDkgMTMuNDIwOUg3LjEwNDY4WiIgZmlsbD0iI0U4NjgyNiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: top left;
  margin-top: 15px;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.45;
  color: var(--black);
}

.how-much-earn-addition {
  margin-top: 47px;
}

.how-much-earn-addition h3 {
  font-weight: 500;
  font-size: 45px;
  line-height: 0.8;
  margin-bottom: 29px;
}

.how-much-earn-addition .item:not(last-child) {
  margin-bottom: 12px;
}

.how-much-earn-addition .item h4 {
  font-weight: 500;
  font-size: 30px;
  line-height: 1;
  margin-bottom: 11px;
  color: var(--black);
}

.how-much-earn-addition .item .desc,
.how-much-earn-addition .item .desc p {
  font-weight: 400;
  font-size: 16px;
  color: var(--darkGrey);
}

.how-much-earn-head-item.terms p {
  width: fit-content;
  position: relative;
  padding-right: 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNy45Mjg3MSIgY3k9IjguNTkzNzUiIHI9IjcuNTkwODIiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC41Ii8+CjxwYXRoIGQ9Ik03LjEwNDY4IDEzLjQyMDlMNy40MjExOCA5LjQ2NDYzTDQuMTYxMiAxMS43NzUxTDMuMzA2NjQgMTAuMjg3NUw2Ljk3ODA4IDguNjEwMDdMMy4zMDY2NCA2LjkwMDk2TDQuMTYxMiA1LjQ0NTA0TDcuNDIxMTggNy43MjM4N0w3LjEwNDY4IDMuNzY3NThIOC43NTA0OUw4LjQzMzk5IDcuNzIzODdMMTEuNjk0IDUuNDQ1MDRMMTIuNTQ4NSA2LjkwMDk2TDguODc3MDkgOC42MTAwN0wxMi41NDg1IDEwLjI4NzVMMTEuNjk0IDExLjc3NTFMOC40MzM5OSA5LjQ2NDYzTDguNzUwNDkgMTMuNDIwOUg3LjEwNDY4WiIgZmlsbD0iI0U4NjgyNiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 13px;
}

.how-much-earn-table-row:not(:first-child) .how-much-earn-head-item:last-child {
  position: relative;
}

.how-much-earn-table-row:not(:first-child)
  .how-much-earn-head-item:last-child::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMwIiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTMwIDE4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTI5LjM3NiA4LjcxMzg3TDEyMC45NzEgMTcuMTE4MkwxMjAuMTE4IDE2LjE0ODRMMTI2LjkwNiA5LjM2MDM1SDAuNVY4LjA2NzM4SDEyNi45MDZMMTIwLjExOCAxLjI3ODMyTDEyMC45NzEgMC4zMDg1OTRMMTI5LjM3NiA4LjcxMzg3WiIgZmlsbD0iIzIwNkVCQyIvPgo8L3N2Zz4K");
  width: 128px;
  height: 20px;
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  left: -30%;
}

/* HOW MUCH EARN */

/* NEW DONOR */
.new-donor {
  margin: 60px 0;
  background-color: var(--darkNavy);
  padding: 50px 0 0;
  overflow: hidden;
}

.new-donor .content-wrap h2 {
  color: var(--white);
  font-size: 70px;
  line-height: 1.1;
}

.new-donor .left-icon-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
}

.new-donor .left-icon-btn span.arrow {
  display: flex;
  width: 101px;
  height: auto;
}

.new-donor .left-icon-btn span.arrow svg {
  display: block;
  width: 100%;
  height: 100%;
}

.new-donor .left-icon-btn span.text {
  color: var(--white);
  font-weight: 500;
  font-size: 19px;
  line-height: 1.32;
  display: block;
  margin-bottom: 10px;
}

.new-donor .left-icon-btn > div {
  max-width: 200px;
}

.new-donor .content-list {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.new-donor .inner-content-wrap {
  max-width: 902px;
  /* background-color: rgb(255 255 255 / 10%); */
  padding: 12px 20px 30px;
  margin-top: -20px;
  position: relative;
}

.new-donor .inner-content-wrap::before {
  position: absolute;
  content: "";
  width: 1000%;
  height: 100%;
  background-color: var(--white);
  opacity: 0.1;
  left: 0;
  top: 0;
}

.new-donor .inner-content-wrap .desc,
.new-donor .inner-content-wrap .desc * {
  color: var(--white);
}

.new-donor .img-text-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}

.new-donor .img-text-list .img-text-item .text {
  font-weight: 500;
  font-size: 21px;
  line-height: 27px;
  color: var(--white);
  max-width: 600px;
}

.new-donor .img-text-list .img-text-item {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 40px;
}

.new-donor .img-text-item .icon {
  width: 30px;
  height: 30px;
}

.new-donor .img-text-item .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

/* NEW DONOR */

/* SIMPLE TEXT SEC */
.simple-text-sec {
  padding: 60px 0;
  /* background-color: var(--white); */
}

.simple-text-sec .section-title .desc {
  color: var(--black);
  max-width: 920px;
}

.simple-text-sec .section-title {
  margin-bottom: 20px;
}

.simple-text-sec .simple-text-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.simple-text-sec .simple-text-content ul {
  padding-left: 20px;
  list-style-type: disc;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.simple-text-sec .simple-text-content ul a {
  color: var(--darkGrey);
  text-decoration: unset;
}

.simple-text-sec .btn-wrap {
  margin-top: 50px;
  display: flex;
  gap: 15px;
}

/* SIMPLE TEXT SEC */

/* SIMPLE VIDE TEXT */
.simple-video-sec {
  padding: 60px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.simple-video-bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}

.simple-video-bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.simple-video-row {
  display: grid;
  grid-template-columns: 0.85fr 1.075fr;
  gap: 32px;
  position: relative;
  z-index: 1;
  align-items: center;
}

.simple-video-sec .donor-intro-video {
  aspect-ratio: 2 / 1;
}

.simple-video-sec .donor-intro-video iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.simple-video-sec .donor-intro-video-content .arrow-icon {
  width: 100px;
  height: 100px;
}

.simple-video-sec .donor-intro-video-content {
  padding: 20px;
}

.simple-video-sec .donor-intro-video .container {
  padding: 0;
  max-width: unset;
}

.simple-video-sec .section-title .desc {
  color: var(--black);
  margin-top: 19px;
}

.simple-video-sec .section-title .content {
  margin-top: 17px;
  line-height: 1.5;
}

.simple-video-sec .section-title h2 {
  color: var(--black);
}

.simple-video-row .simple-video-text {
  position: relative;
}

.simple-video-row .simple-video-text::before {
  position: absolute;
  content: "";
  width: 50%;
  height: 140%;
  background-color: var(--white);
  border-radius: 100%;
  filter: blur(10px) opacity(1);
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  background: conic-gradient(
    from 180deg at 50% 50%,
    rgba(255, 255, 255, 0) -24.23deg,
    var(--white) 86.54deg,
    rgba(255, 255, 255, 0) 335.77deg,
    var(--white) 446.54deg
  );
  backdrop-filter: blur(40px);
}

/* SIMPLE VIDE TEXT */

/* WHAT MADE OFF */
.what-made-off {
  padding: 60px 0;
}

.what-made-off-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 45px;
}

.what-made-off-row .img-clm img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.what-made-off .section-title {
  position: sticky;
  top: 140px;
}

.what-made-off .section-title .desc {
  color: var(--black);
  margin-top: 19px;
}

.what-made-off .section-title .desc span {
  color: var(--blue);
}

.what-made-off .section-title .content {
  margin-top: 20px;
}

.what-made-off .section-title .btn {
  margin-top: 50px;
}

/* WHAT MADE OFF */

/* ACCESS PORTAL */

.access-portal {
  padding: 100px 0 0;
  background-color: var(--veryLightGrey);
}

.access-portal:has(.access-portal-result) {
  padding: 100px 0;
  overflow: hidden;
}

.access-portal-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

.access-portal-row .section-title h2 {
  line-height: 1.2;
}

.access-portal-title {
  font-weight: 400;
  font-size: 17px;
  line-height: 1.2;
  margin-bottom: 36px;
}

.access-portal-lists {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 0;
  padding-bottom: 20px;
}

.access-portal-list-item {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 11px;
  align-items: flex-start;
}

.access-portal-list-item .icon {
  width: 20px;
  margin-top: 7px;
}

.access-portal-list-item .text {
  font-weight: 700;
  font-size: 17px;
  line-height: 1.65;
}

.access-portal-list-item .icon img {
  width: 100%;
  height: 100%;
}

.access-portal-result {
  margin-top: 0px;
}

.access-portal-user-info {
  text-align: center;
  margin-top: 20px;
}

.access-portal-user-info .desc {
  font-weight: 500;
  font-size: 25px;
}

.access-portal-result-list {
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}

.access-portal-result-box {
  display: flex;
  flex-direction: column;
  padding: 20px 32px;
  padding-top: 115px;
  min-height: 400px;
  background-image: var(--gradient2);
  /* justify-content: center; */
}

.access-portal-result-box:nth-child(2) {
  background-image: var(--gradient1);
}

.access-portal-result-box:nth-child(3) {
  background-image: var(--gradient4);
}

.access-portal-result-box:nth-child(4) {
  background-image: var(--gradient3);
}

.access-portal-result-box .icon {
  width: 22px;
}

.access-portal-result-box .icon img {
  filter: brightness(0) invert(1);
  width: 100%;
  height: auto;
  display: block;
}

.access-portal-result-box h3 {
  color: var(--white);
  margin-top: 10px;
}

.access-portal-result-box h3 + * {
  margin-top: 20px;
}

.access-portal-result-box ul li,
.access-portal-result-box p {
  color: var(--white);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  padding: 10px 0;
  border-bottom: 0.5px solid #ffffff4a;
  padding-right: 20%;
}

.access-portal-result-box p {
  border: none;
  padding: 0;
}

.access-portal-result-box ul li:first-child {
  border-top: 0.5px solid #ffffff4a;
}

.access-portal-result-box ul li strong,
.access-portal-result-box ul li b {
  font-weight: 500;
}

.access-portal-result-box ul li:has(a) a {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: var(--lightBlue);
  color: inherit;
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}

.access-portal-result-box ul li:has(a) {
  padding-right: 0;
}

.access-portal-result-box
  ul
  li:has(a)
  a
  span.accordion-trigger-icon
  svg:last-child {
  display: none;
}

.access-portal-result-box ul li:has(a) a span.accordion-trigger-icon {
  width: 20px;
  height: 20px;
}

.access-portal-result-box ul li:has(a) a span.accordion-trigger-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.access-portal-user-info.estimate-info {
  margin-top: 40px;
}

.access-portal .right-clm {
  background-color: var(--white);
  border-top-left-radius: 50px;
  padding: 122px 47px 65px;
  position: relative;
}

.access-portal span.form-title {
  display: block;
  margin-bottom: 21px;
  font-size: 17px;
  line-height: 1;
  color: var(--black);
}

.access-portal .right-clm::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 100%;
  background: var(--white);
}

.access-portal .right-clm .input-box {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-bottom: 34px;
}

.access-portal .right-clm .input-box input {
  border: 0.5px solid #3c3b3b;
  background-color: var(--white);
  color: var(--black);
  padding: 16px;
  font-size: 15px;
  line-height: 1.33;
}

.access-portal .right-clm .donor_submit {
  font-size: 16px;
  line-height: 1;
  height: 100%;
  font-weight: 500;
  border: 0.5px solid var(--navyBlue);
  background-color: var(--navyBlue);
  color: var(--white);
  padding: 10px 22px;
  border-radius: 22px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.access-portal .right-clm .donor_submit:hover {
  background-color: transparent;
  color: var(--navyBlue);
}

.height-weight-wrap {
  min-height: 84px;
  background-color: var(--darkNavy);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: 19px;
  line-height: 1;
  gap: 20px;
  margin-top: 20px;
}

.height-weight-wrap .height-weight-item {
  font-weight: 600;
}

.height-weight-wrap .height-weight-item span {
  color: var(--lightBlue);
}

.height-weight-wrap .height-weight-item:last-child {
  padding-left: 20px;
  border-left: 0.5px solid var(--darkBGStroke);
}

.hct-wrapper {
  margin-top: 8px;
}

.hct-title,
.hct-amount {
  text-align: center;
  background-color: var(--white);
  font-weight: 700;
  font-size: 22px;
  line-height: 2;
  color: var(--black);
  border-radius: 5px 5px 0 0;
}

.hct-list {
  margin-top: 8px;
  display: flex;
  gap: 8px;
}

.hct-list .hct-item {
  flex: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.hct-list .hct-item .hct-top {
  height: 80px;
  background-color: var(--white);
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hct-list .hct-item .hct-bottom {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--lightBlue2);
  font-weight: 700;
  color: var(--blue);
  position: relative;
}

.hct-list .hct-item .hct-bottom::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMwIiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTMwIDE4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTI5LjM3NiA4LjcxMzg3TDEyMC45NzEgMTcuMTE4MkwxMjAuMTE4IDE2LjE0ODRMMTI2LjkwNiA5LjM2MDM1SDAuNVY4LjA2NzM4SDEyNi45MDZMMTIwLjExOCAxLjI3ODMyTDEyMC45NzEgMC4zMDg1OTRMMTI5LjM3NiA4LjcxMzg3WiIgZmlsbD0iIzIwNkVCQyIvPgo8L3N2Zz4K");
  filter: saturate(110%);
  background-position: right center;
  background-repeat: no-repeat;
  top: -13px;
  right: 0;
  left: 0;
  margin: auto;
  transform: rotate(90deg);
}

.hct-amount {
  background-color: var(--lightBlue2);
  border-radius: 0 0 5px 5px;
  margin-top: 8px;
  color: var(--blue);
}

/* ACCESS PORTAL */

/* DONOR STORY SEC */
.donor-story-sec .donor-banner-menu {
  padding-bottom: 14px;
  border-bottom: 0.5px solid var(--border);
  margin: 0 0 20px;
}

.donor-story-sec {
  padding: 60px 0;
}

.donor-story-sec-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}

.donor-story-modal {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1234;
  width: 100%;
  height: 100dvh;
}

.donor-story-modal-overlay {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black);
  opacity: 0.2;
  z-index: -1;
}

.donor-story-modal-inner {
  max-width: 1190px;
  width: 100%;
  margin-left: auto;
  background-color: var(--white);
  height: 100dvh;
  overflow: auto;
}

.donor-story-modal-row {
  display: grid;
  grid-template-columns: 43% 53%;
  justify-content: space-between;
  overflow: hidden;
  padding-bottom: 10px;
}

.donor-story-modal-row .img {
  aspect-ratio: 1 / 0.7;
}

.donor-story-modal-row .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-bottom-left-radius: 45px;
}

.donor-story-modal-row .left-clm {
  display: flex;
  flex-direction: column;
}

.donor-story-modal .donor-story-user {
  display: flex;
  padding: 8px 0 8px 44px;
  align-items: center;
  position: relative;
}

.donor-story-modal .donor-story-user::before {
  position: absolute;
  content: "";
  width: 1000%;
  left: 0;
  top: 0;
  z-index: 0;
  height: 100%;
  background-color: #a8d1ef33;
  pointer-events: none;
}

.donor-story-modal-row .left-clm .story-tag {
  margin-top: auto;
  font-weight: 500;
  font-size: 15px;
  line-height: 2;
  padding-left: 38px;
  color: var(--blue);
  margin-bottom: 22px;
}

.donor-story-modal-row .story-title {
  font-weight: 500;
  font-size: 40px;
  line-height: 47px;
  padding-left: 38px;
  margin-bottom: 28px;
}

.donor-story-modal-row .story-title span {
  color: var(--blue);
}

.donor-story-modal-row .right-clm {
  position: relative;
}

.donor-story-modalclose-close {
  /* margin-top: 54px; */
  margin-top: 38px;
  margin-left: 38px;
  font-weight: 400;
  font-size: 14px;
  line-height: 2;
  text-align: center;
  display: inline-flex;
  border: 0.5px solid var(--border);
  width: fit-content;
  border-radius: 30px;
  padding: 2px 10px;
  cursor: pointer;
  transition: var(--transition3);
}

.donor-story-content .donor-story-modalclose-close {
  position: unset;
  margin: 30px 0 0 0;
  line-height: 2;
}

.donor-story-modalclose-close:hover {
  background-color: var(--black);
  color: var(--white);
}

.donor-story-modal .donor-story-user .title {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 15px;
  line-height: 2;
  text-transform: uppercase;
  color: var(--darkNavy);
  gap: 6px;
  padding-right: 6px;
  /* padding-right: 30px; */
  position: relative;
}

.donor-story-modal .donor-story-user .title::before {
  position: absolute;
  content: "";
  width: 15px;
  right: 9px;
  background-color: var(--darkNavy);
  height: 1px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}

.donor-story-modal .donor-story-user .name strong,
.donor-story-modal .donor-story-user .name b {
  font-weight: 400;
  font-family: var(--gotham);
}

.donor-story-content {
  padding: 38px;
}

.donor-story-content i,
.donor-story-content em {
  color: var(--navyBlue);
}

.donor-story-content *:not(h1, h2, h3, h4, h5, h6) {
  line-height: 1.5;
}

.donor-story-content blockquote,
.donor-story-content blockquote p,
.donor-story-content blockquote p em {
  color: var(--navyBlue);
  font-weight: 900;
  line-height: 1.5;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  font-family: var(--gotham-bold);
}

.donor-story-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.donor-story-content h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
}

/* DONOR STORY SEC */

/* TAB FAQ */
section.tab-faq {
  padding: 60px 0;
}

.tab-faq-row {
  display: grid;
  grid-template-columns: 400px 1fr;
}

.tab-faq .tab-faq-left-clm .title {
  font-weight: 400;
  font-size: 17px;
  line-height: 1.25;
  display: block;
  color: var(--navyBlue);
  margin-bottom: 10px;
}

.tab-faq-left-clm ul li {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.7;
  background-color: var(--veryLightGrey);
  padding: 1px 4px;
  transition: var(--transition3);
  cursor: pointer;
}

.tab-faq-left-clm ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.tab-faq-left-clm ul li:hover,
.tab-faq-left-clm ul li.active {
  background-color: var(--darkNavy);
  color: var(--white);
}

.tab-faq-group {
  border-left: 0.5px solid var(--black);
  display: none;
}

.tab-faq-group.active {
  display: block;
}

.tab-faq-right-clm {
  padding-left: 5px;
}

.tab-faq-group-title {
  font-weight: 500;
  font-size: 35px;
  line-height: 1.1;
  padding: 19px 31px;
  background-color: var(--veryLightGrey);
  color: var(--blue);
}

.tab-faq .accordion-item {
  border-top: 0.5px solid var(--black);
}

.tab-faq .accordion-item .accordion-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 30px;
  padding-right: 0;
}

.tab-faq .accordion-item .accordion-title .title {
  display: flex;
  height: fit-content;
  font-weight: 500;
  font-size: 25px;
  cursor: pointer;
  flex: 1;
}

.tab-faq .accordion-item .accordion-title .icon svg {
  width: 100%;
}

.tab-faq .accordion-item .accordion-title .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  overflow: hidden;
  transition: var(--transition3);
}

.tab-faq .accordion-item .accordion-title.active .icon {
  height: 1px;
}

.tab-faq .accordion-item .accordion-content {
  all: unset;
  box-sizing: border-box;
  width: 100%;
  display: none;
}

.tab-faq .accordion-item .accordion-content .inner {
  font-size: 1rem;
  line-height: 1.7;
  padding: 0 30px 20px;
  color: var(--darkGrey);
}

.tab-faq .accordion-item .accordion-content ul,
.accordion-content ul {
  list-style: disc;
  padding-left: 20px;
  color: var(--darkGrey);
}
.accordion-content ol {
  list-style: decimal;
  padding-left: 20px;
  color: var(--darkGrey);
}

.tab-faq-group:not(:first-child) .tab-faq-group-title {
  border-top: 0.5px solid var(--black);
}

.tab-faq-left-clm .inner {
  position: sticky;
  /* top: 70px; */
  top: 120px;
  transition: var(--transition3);
}

/* TAB FAQ */

/* Plasma Center */
.plasma_center_sec {
  padding-bottom: 52px;
  position: relative;
  overflow: hidden;
  background-color: var(--veryLightGrey);
}

.plasma_center_sec .white-vector {
  position: absolute;
  top: -31%;
  /* top: -40%; */
  left: 50%;
  transform: translateX(-50%);
}

.plasma_center_sec .grid {
  /* display: grid; */
  /* grid-template-columns: repeat(2, 1fr); */
  /* display: grid; */
  /* grid-template-columns: repeat(2, 1fr); */
  /* grid-template-rows: repeat(2, 1fr); */
  /* grid-column-gap: 0px; */
  /* grid-row-gap: 0px; */
  position: relative;
  z-index: 1;
  display: flex;
  /* flex-wrap: wrap; */
  max-width: 50%;
  height: 1090px;
  flex-direction: column;
}

.plasma_map {
  width: 100%;
  position: absolute;
  right: -100%;
}

.plasma_map + .show-mobile {
  display: none;
}

.plasma_map,
.plasma_map .map-code,
.plasma_map,
.plasma_map .map-code .acf-map {
  height: 100%;
}

.plasma_header,
.plasma_filter_list {
  width: 100%;
}

.plasma_header {
  padding-top: 116px;
  padding-left: 40px;
  padding-right: 18px;
}

.plasma_header h1 {
  font-size: 56px;
  line-height: 1.07;
  color: var(--black);
  font-weight: 500;
  margin-bottom: 52px;
}

.plasma_header h1 span {
  color: var(--navyBlue);
}

.filter_div {
  margin-bottom: 47px;
}

.filter_div .form-cover {
  display: flex;
  align-items: center;
  gap: 16.91px;
  margin-bottom: 10px;
}

.filter_div .form-box {
  position: relative;
  flex: 1;
}

.filter_div .form-control,
.filter_div select#search_by_state {
  border: 0.75px solid var(--darkGrey);
  background-color: var(--white);
  padding: 16px 12px;
  font-size: 15px;
  line-height: 1.33;
  border-radius: 0;
  height: 100%;
  font-family: var(--gotham);
  font-size: 16px;
  color: var(--black);
}

.filter_div .form-control::placeholder,
.filter_div select#search_by_state::placeholder {
  color: var(--black);
}

.filter_div select#search_by_state {
  background: none;
  background-color: var(--white);
}

.filter_div .form-control {
  padding-right: 35px !important;
}

.filter_div .submit-btn {
  position: absolute;
  right: 12px;
  top: 54%;
  transform: translateY(-50%);
  /* pointer-events: none; */
}

.filter_div .submit-btn div {
  position: relative;
}

.filter_div .submit-btn div svg {
  width: 15px;
  height: 15px;
}

.filter_div .btn_submit {
  position: absolute;
  inset: 0;
  width: 15px;
  height: 15px;
  padding: 0px;
  opacity: 0;
}

.location_text {
  font-size: 16px;
  color: var(--orange);
  display: flex;
  align-items: center;
  gap: 4px;
}

.result_text,
.search_text {
  font-size: 22px;
  line-height: 1.3;
  color: var(--black);
  font-weight: 700;
  margin-bottom: 23px;
}

.search_text {
  max-width: 550px;
  margin: auto;
  text-align: center;
  line-height: 1.3;
}

.result_text span,
.search_text span {
  color: var(--navyBlue);
}

.plasma_filter_list {
  max-height: calc(100vh - 483px);
  max-height: 670px;
  overflow-y: auto;
  position: relative;
}

.plasma_filter_card {
  padding: 29px 8px 16px 43px;
  border: 0.5px solid transparent;
  border-bottom: 0.5px solid var(--border);
}

.plasma_filter_card.selected {
  background-color: #a8d1ef29;
  border-color: #3c3b3b;
  border-left-color: transparent;
}

.plasma_filter_card.selected .right_text {
  visibility: visible;
}

.right_text {
  display: flex;
  align-items: center;
  justify-content: end;
  font-size: 13px;
  font-weight: 500;
  gap: 6px;
  line-height: 1.5;
  margin-bottom: 3px;
  margin-top: -36px;
  visibility: hidden;
}

.right_text span {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 0.5px solid var(--black);
  display: flex;
  align-items: center;
  justify-content: center;
}

.filter_address {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 34px;
}

.filter_add_div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.filter_address .add_heading_text,
.filter_address .add_heading_text a {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: var(--black);
}

.filter_address .add_heading_text a:hover {
  color: var(--orange);
}

.filter_address .gray_text {
  font-size: 16px;
  line-height: 1.25;
  color: var(--darkGrey);
}

.filter_address .code_text {
  font-size: 16px;
  line-height: 1.25;
  color: var(--navyBlue);
}

.bottom_details {
  display: flex;
  align-items: center;
  gap: 21px;
}

.time_text {
  display: flex;
  align-items: start;
  gap: 5px;
  font-size: 14px;
  line-height: 1.42;
  color: var(--darkGrey);
  max-width: 100px;
}

.time_text svg {
  margin-top: 3px;
  min-width: 12px;
  height: 12px;
}

.distance_text {
  font-size: 14px;
  line-height: 1.42;
  color: var(--darkGrey);
}

.bottom_content {
  display: flex;
  align-items: center;
  gap: 32px;
}

.btn_group {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}

.btn_group .btn_orange,
.btn-strip .btn.button1 a {
  padding: 7.36px 13.33px;
  border: 0.5px solid var(--orange);
  background-color: var(--orange);
  color: var(--white);
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
  border-radius: 22px;
  transition: all 0.3s ease-in-out;
}

.btn_group .btn_orange:hover,
.btn-strip .btn.button1 a:hover {
  background-color: transparent;
  color: var(--orange);
}

.btn_group .btn_outline_blue,
.btn-strip .btn.button2 a {
  padding: 7.36px 11.85px;
  border: 0.5px solid var(--darkNavy);
  background-color: transparent;
  color: var(--darkNavy);
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
  border-radius: 22px;
  transition: all 0.3s ease-in-out;
}

.btn_group .btn_outline_blue:hover,
.btn-strip .btn.button2 a:hover {
  background-color: var(--darkNavy);
  color: var(--white);
}

.sub_map {
  display: none;
}

.location_sec {
  padding: 52px 0px;
  background-color: var(--veryLightGrey);
}

.location_sec h2 {
  font-size: 53px;
  line-height: 0.9;
  color: var(--black);
  font-weight: 500;
  margin-bottom: 51px;
  text-align: center;
}

.location_sec h2 span {
  color: var(--navyBlue);
}

.location_sec .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0px;
  padding: 0px 182px;
  border-top: 0.75px solid var(--border);
}

.state_card {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
  padding: 35px;
  width: 100%;
  /* border-bottom: 0.75px solid var(--border); */
}

.state_card:nth-child(4n + 1):before {
  position: absolute;
  content: "";
  width: 1000%;
  left: -500%;
  height: 0.75px;
  bottom: 0;
  background-color: var(--border);
}

.state_card:hover {
  background-color: var(--darkNavy);
  border-top-color: var(--darkNavy);
  border-bottom-color: var(--darkNavy);
}

.state_card p {
  font-size: 22px;
  line-height: 1;
  font-weight: 500;
  color: var(--darkGrey);
}

/* .state_card.active p, */
.state_card:hover p {
  color: var(--white);
}

.state_card svg {
  position: absolute;
  right: 6px;
  top: 6px;
  display: none;
  transition: all 0.3s ease-in-out;
}

/* .state_card.active svg, */
.state_card:hover svg {
  display: block;
}

.state-section {
  width: 100%;
  padding: 40px 0;
  background: var(--white);
}

.plasma_center_sec .acf-map {
  /* min-height: calc(100vh - 80px); */
  /* height: 1090px; */
  margin: 0px;
  border-radius: 0px;
  border-top-left-radius: 80px;
}

.plasma_center_sec .gm-style-iw.gm-style-iw-c {
  border: 0.75px solid var(--border);
  box-shadow: none;
  border-radius: 0px;
  background-color: #ffffffa6 !important;
  box-shadow: 0px 0px 25px 0px #0000001a;
  backdrop-filter: blur(15px);
}

.plasma_center_sec .gm-style-iw.gm-style-iw-c .gm-style-iw-d {
  overflow: unset !important;
}

.plasma_center_sec .gm-style-iw.gm-style-iw-c {
  padding: 18px 10px 12px !important;
  min-width: 385px !important;
}

.plasma_center_sec .gm-style-iw.gm-style-iw-c .gm-style-iw-chr {
  position: absolute;
  right: 0;
  top: 0;
}

.plasma_center_sec .gm-style-iw.gm-style-iw-c .gm-ui-hover-effect {
  visibility: visible !important;
  width: 40px !important;
  height: 40px !important;
}

.plasma_center_sec .gm-style-iw.gm-style-iw-c .gm-ui-hover-effect span {
  margin: 8px !important;
}

.plasma_center_sec .gm-style-iw.gm-style-iw-c a.link-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.plasma_center_sec .gm-style-iw.gm-style-iw-c .gm-ui-hover-effect {
  position: relative;
  z-index: 1;
}

.plasma_map .in-cover h5 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1;
  color: var(--black);
  margin-bottom: 10px;
}

.plasma_center_sec .gm-style-iw-d .map-location-details h6 {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.33;
  color: var(--darkGrey);
  margin-bottom: 10px;
}

.plasma_map .contact a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  color: var(--blue);
}

.btn-strip {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 25px;
}

.gm-style-iw-chr {
  height: 12px;
}

/* Overview Details Page */
.center_detail_banner {
  background: linear-gradient(
    290.36deg,
    #206ebc 11.43%,
    #1457a0 38.46%,
    #0e4d94 80.55%
  );
  padding: 22px 0px 38px;
  color: var(--white);
}

.center_detail_banner .breadcrumb {
  padding-bottom: 45px;
}

.center_detail_banner .breadcrumb a {
  font-size: 14px;
  line-height: 1.42;
  color: var(--white);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 13px;
}

.center_detail_banner .grid {
  display: grid;
  grid-template-columns: 1fr 500px;
  gap: 47px;
}

.single_map_iframe iframe {
  width: 100%;
  height: 300px;
}

.add_details {
  display: flex;
  align-items: start;
  gap: 41px;
  margin-bottom: 32px;
}

.add_details_content {
  display: flex;
  flex-direction: column;
}

.add_details_content img {
  height: 180px;
  width: 100%;
  object-fit: cover;
}

.add_details_content h1 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 6px;
  color: var(--lightBlue);
  padding-top: 7px;
  letter-spacing: -0.3px;
}

.add_details_content .add_heading {
  font-size: 60px;
  font-weight: 500;
  line-height: 1.08;
  color: var(--white);
  margin-top: 4px;
  display: block;
}

.add_details_content div:not(.add_heading) {
  margin-top: 34px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.add_details_content .add_title,
.address_detail .add_title {
  font-size: 18px;
  font-weight: 700;
  /*   line-height: 1.11; */
  color: var(--white);
  letter-spacing: -0.3px;
}

.add_details_content p,
.address_detail p {
  font-size: 19px;
  /*   line-height: 1; */
  color: var(--white);
}

.appointment_div .add_details_content {
  display: none;
}

.appointment_div .app_title {
  font-size: 18px;
  font-weight: 700;
  /*   line-height: 1.11; */
  color: var(--white);
  margin-bottom: 15px;
  letter-spacing: -0.3px;
}

.appointment_div .italic_text {
  font-size: 15px;
  line-height: 1.33;
  padding-bottom: 25px;
  color: var(--white);
}

.appointment_div hr {
  border-color: #5291d0;
  margin: 0;
}

.appointment_div .number_text {
  font-size: 17px;
  line-height: 1.17;
  color: var(--white);
  padding: 23px 0px;
}

.appointment_div .number_text a {
  color: var(--white);
}

.appointment_div .number_text a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.appointment_div .donation_timing {
  padding-top: 30px;
}

.appointment_div .hour_title {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.17;
  color: var(--white);
  margin-bottom: 20px;
  letter-spacing: -0.3px;
}

.appointment_div .btn_orange {
  padding: 16.23px 17.65px;
  border-radius: 25px;
  border: 0.5px solid var(--orange);
  background-color: var(--orange);
  color: var(--white);
  display: flex;
  align-items: center;
  gap: 13px;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500;
  max-width: 386px;
  width: 100%;
  margin-bottom: 10px;
  cursor: pointer;
  text-decoration: none;
}

.appointment_div .btn_orange:hover {
  background-color: var(--white);
  color: var(--black);
  border-color: var(--white);
}

.appointment_div .btn_orange img {
  transition: var(--transition);
}

.appointment_div .btn_orange:hover img,
.appointment_div .btn_orange:hover svg {
  filter: brightness(0) invert(0);
}

.station_detail_content .address_detail {
  display: none;
}

.appointment_div .btn_orange img {
  width: 17px;
}

.appointment_div .btn_orange .arrow_icon {
  margin-left: auto;
  width: 14px;
  transition: var(--transition);
}

.appointment_div .btn_orange:hover .arrow_icon {
  transform: rotate(-45deg);
}

.hour_list {
  display: flex;
  flex-direction: column;
  gap: 13.71px;
}

.hour_div {
  display: flex;
  align-items: center;
}

.hour_div .day {
  font-size: 17px;
  line-height: 1.17;
  font-weight: 500;
  max-width: 94px;
  width: 100%;
  color: var(--white);
  text-transform: capitalize;
}

.hour_div .timing {
  font-size: 17px;
  line-height: 1.17;
  color: var(--white);
}

/* Info Section */
body.home,
body.single-opi_locations {
  background-color: var(--white);
}

.info_sec {
  padding: 47px 0px 40px;
}

.more_info_title {
  padding-bottom: 10px;
  border-bottom: 0.75px solid var(--border);
  display: flex;
  align-items: center;
  gap: 12.6px;
  margin-bottom: 28px;
}

.more_info_title .circle {
  width: 10px;
  height: 10px;
  background-color: var(--white);
  border: 3px solid var(--navyBlue);
  border-radius: 50%;
}

.more_info_title p {
  font-size: 17px !important;
  line-height: 1.17 !important;
  color: var(--black) !important;
  margin-bottom: 0 !important;
}

.heading_text,
.info_sec h3 {
  font-size: 53px;
  font-weight: 500;
  line-height: 0.9;
  color: var(--navyBlue);
  margin-bottom: 20px;
}

.heading_text span,
.info_sec h3 strong {
  color: var(--darkGrey);
}

.journey_text,
.info_sec p:has(strong),
.info_sec p:has(b) {
  /* font-size: 22px; */
  /* font-weight: 500; */
  line-height: 1.5;
  margin-bottom: 16px;
  /* color: var(--black); */
}

.para_text {
  font-size: 16px;
  line-height: 1.5;
  color: var(--darkGrey);
  margin-bottom: 50px;
  margin-top: 16px;
}

.details_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 31px;
}

.details_list .detail_card {
  max-width: 350px;
  width: 100%;
  padding: 14px 10px 14px 18px;
  border: 0.75px solid var(--border);
  background-color: #eef8ff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 36px;
}

.details_list .detail_card .title_text {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.29;
  color: var(--black);
}

.details_list .detail_card p,
.info_sec p {
  font-size: 16px;
  line-height: 1.5;
  color: var(--darkGrey);
  margin-bottom: 20px;
}

.details_list .detail_card div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.journey_text.gray_text {
  color: var(--darkGrey);
  padding-bottom: 10px;
}

.info_sec ul {
  list-style: disc;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--darkGrey);
  margin-bottom: 25px;
}

.blue_text,
.info_sec h5 {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--navyBlue);
  margin-bottom: 10px;
}

.small_title {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--darkGrey);
  margin-bottom: 10px;
}

.bottom_text {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.32;
  list-style: none;
  color: var(--black);
  padding-top: 16px;
}

.single-opi_locations .donor-faq {
  padding: 30px 0px;
}

/* Related Center */
.location_sec:is(:last-child),
.center_state_sec:is(:last-child),
.related_center_sec:is(:last-child) {
  margin-bottom: 120px;
}

.related_center_sec {
  padding: 20px 0px;
}

.related_center_sec .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.related_card {
  border: 0.75px solid var(--border);
  background-color: var(--white);
  padding: 19px 16px 13px;
}

/* Center State overview Section */
.center_state_sec {
  padding: 32px 0px;
  overflow: unset !important;
}

.center_state_sec .breadcrumb {
  padding-bottom: 45px;
}

.center_state_sec .breadcrumb a {
  font-size: 14px;
  line-height: 1.42;
  color: var(--black);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 13px;
}

.section_header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 20px;
}

.sec_title {
  font-size: 56px;
  line-height: 1.07;
  color: var(--black);
  font-weight: 500;
  margin-bottom: 52px;
}

.sec_title span {
  color: var(--navyBlue);
}

.side_text {
  font-size: 19px;
  font-weight: 500;
  line-height: 1.42;
  text-align: end;
  max-width: 482px;
  padding-top: 6px;
}

.center_location_div {
  padding-top: 34px;
  padding-bottom: 18px;
}

.list_title {
  font-size: 35px;
  font-weight: 500;
  line-height: 1.42;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--black);
  letter-spacing: -0.7px;
}

.list_title span {
  border: 0.75px solid var(--border);
  padding: 4px 12px;
  font-size: 14px;
  line-height: 1.42;
  color: var(--navyBlue);
  border-radius: 22px;
  letter-spacing: -0.3px;
}

.sticky-cta-orange-bar {
  background-color: var(--orange);
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: var(--transition3);
  z-index: 12;
}

.sticky-cta-orange-bar a {
  color: var(--white);
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 10px;
}

.sticky-cta-orange-bar.show-orange-bar {
  opacity: 1;
  top: 0;
}

body:has(header.up) .sticky-cta-orange-bar.show-orange-bar {
  top: 98px;
}

.new-policy-style .content {
  margin: 0 auto;
}

.new-policy-style .content h3 {
  margin-bottom: 10px;
  margin-top: 30px;
  font-size: 28px;
}

.new-policy-style .content p:not(:last-child) {
  margin-bottom: 20px;
}

.new-policy-style .check_icon_new li:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  box-shadow: none;
  background-image: url(/wp-content/uploads/2025/09/Vector-1.svg);
  background-color: snow;
  background-size: 17px;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
}

.new-policy-style .check_icon_new ul li,
.new-policy-style .check_icon_new ol li {
  font-size: 16px;
  padding: 0;
  padding-left: 30px;
  position: relative;
}

.new-policy-style .check_icon_new ul,
.new-policy-style .check_icon_new ol {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style-type: none !important;
  margin-left: 0 !important;
  padding-left: 0;
}

#cmplz-document,
.editor-styles-wrapper .cmplz-unlinked-mode {
  max-width: 100%;
}

#cmplz-document p,
#cmplz-document li,
#cmplz-document td,
.editor-styles-wrapper .cmplz-unlinked-mode p,
.editor-styles-wrapper .cmplz-unlinked-mode li,
.editor-styles-wrapper .cmplz-unlinked-mode td {
  font-size: 16px;
  line-height: 1.5;
}

.information-extra-desc {
  padding: 60px 0;
}

.information-extra-desc .content {
  max-width: 800px;
  margin: 0 auto;
}

.information-extra-desc .content h2.gform_title {
  font-size: 28px;
  line-height: 1.5;
  color: var(--black);
}

.information-extra-desc .content p.gform_description {
  font-size: 16px;
  color: var(--darkGrey);
}

.information-extra-desc .content .gform_heading {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.information-extra-desc .content p.gform_required_legend {
  font-weight: 500;
}

.information-extra-desc input[value="Submit"] {
  width: fit-content;
  background-color: var(--orange);
  border: 0.75px solid var(--orange);
  color: var(--white);
  font-family: var(--gotham);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.13;
  text-align: center;
  padding: 8px 16px;
  display: inline-flex;
  border-radius: 50rem;
  position: relative;
  overflow: hidden;
  letter-spacing: -0.3px;
  min-width: 120px;
  margin: 0;
  margin-left: auto;
  cursor: pointer;
  transition: var(--transition3);
}

.information-extra-desc input[value="Submit"]:hover {
  background-color: transparent;
  color: var(--orange);
}

.information-extra-desc input,
.information-extra-desc textarea,
.information-extra-desc select {
  font-size: 16px !important;
  line-height: 1;
  padding: 10px 20px !important;
  border: 1px solid var(--border);
  border-bottom-width: 3px;
  border-radius: 7px;
  min-height: 50px;
}

.information-extra-desc input:focus,
.information-extra-desc input:active,
.information-extra-desc textarea:focus,
.information-extra-desc textarea:active,
.information-extra-desc select:focus,
.information-extra-desc select:active {
  border-color: var(--black);
}

.information-extra-desc .gform_wrapper.gravity-theme .gfield_label {
  font-weight: 500;
  font-size: 14px;
  margin: 0 0 4px;
  color: var(--darkGrey);
}

.information-extra-desc .gform_wrapper.gravity-theme .gform_fields {
  gap: 20px;
}

.information-extra-desc .gform_wrapper.gravity-theme .gfield_description {
  padding: 0;
  border: none;
  background: no-repeat;
  font-size: 14px;
  margin: 3px 0 0 0;
}

.email-preferences-page ~ div main.site-main {
  padding: 60px 0;
}

.email-preferences-page ~ div main.site-main .gform_wrapper {
  max-width: 800px;
  margin: 0 auto;
}

.email-preferences-page
  ~ div
  main.site-main
  .gform_wrapper
  input[type="submit"] {
  width: fit-content;
  background-color: var(--orange) !important;
  border: 0.75px solid var(--orange) !important;
  color: var(--white) !important;
  font-family: var(--gotham) !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  line-height: 1.13 !important;
  text-align: center !important;
  padding: 8px 16px;
  display: inline-flex !important;
  border-radius: 50rem !important;
  position: relative;
  letter-spacing: -0.3px !important;
  min-width: 120px;
  margin: 0;
  margin-left: auto;
  cursor: pointer !important;
  transition: var(--transition3) !important;
}

.email-preferences-page
  ~ div
  main.site-main
  .gform_wrapper
  input[type="submit"]:hover {
  background-color: transparent !important;
  color: var(--orange) !important;
}

form#cmplz-datarequest-form {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

form#cmplz-datarequest-form > div {
  width: calc(50% - 10px);
}

form#cmplz-datarequest-form > div label:has(input[type="checkbox"]) {
  position: relative;
  padding-left: 29px;
  display: block;
}

form#cmplz-datarequest-form > div label input[type="checkbox"] {
  appearance: none;
  margin: 0;
  width: 20px;
  height: 20px;
  border-radius: 60px;
  padding: 0 !important;
  border: 1px solid var(--border);
  line-height: 1 !important;
  min-height: unset;
  top: 0px;
  left: 0;
  position: absolute;
}

form#cmplz-datarequest-form > div label input[type="checkbox"]:checked {
  background: url(/wp-content/uploads/2025/09/Vector-1.svg);
  background-position: center;
  background-size: 110%;
  border: none;
}

/* Banner Section */
.banner-section.banner-section-new {
  position: relative;
  z-index: 1;
  padding-top: 80px;
  padding-bottom: 0px;
  margin-bottom: 60px;
  /* padding-bottom: 50px; */
}

.banner-section.banner-section-new::after {
  position: absolute;
  content: "";
  width: 345px;
  aspect-ratio: 1;
  border-radius: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: -100%;
  z-index: 0;
  box-shadow: 0 0 0 130px var(--lightBlue20);
}

.banner-section.banner-section-new::before {
  position: absolute;
  content: "";
  width: 100%;
  height: calc(100% + 96px);
  top: -96px;
  left: 0;
  background-color: var(--veryLightGrey);
  z-index: 0;
  pointer-events: none;
}

.banner-section.banner-section-new .banner-section-inner {
  position: relative;
  z-index: 1;
  max-width: 1920px;
  margin: 0 auto;
  padding-bottom: 50px;
  /* min-height: 600px; */
}

.banner-section.banner-section-new .left-image-lady {
  position: absolute;
  left: -30px;
  bottom: 0px;
  max-width: 400px;
  height: fit-content;
}

.banner-section.banner-section-new .left-image-lady img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.banner-section.banner-section-new .container {
  /* max-width: calc(100% - 600px); */
  /* margin-left: auto; */
  /* margin-right: 0; */
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.banner-section.banner-section-new .banner-text-block {
  max-width: 100%;
  padding-top: 0;
}

.banner-section.banner-section-new .heading-line {
  max-width: 70%;
}

.banner-section.banner-section-new .heading-line h4 {
  font-size: 26px;
}

.banner-section.banner-section-new .heading-line h3 {
  font-size: 55px;
  font-weight: 500;
  line-height: 1.05;
}

.banner-section.banner-section-new .heading-line h3 strong {
  color: var(--navyBlue);
}

.hero_bottom_text {
  display: flex;
  align-items: center;
  gap: 10px;
}

.hero_bottom_text p {
  font-size: 20px;
}

.hero_bottom_text p strong {
  color: var(--navyBlue);
}

.hero_bottom_text .icom-box {
  display: flex;
}

.banner-section.banner-section-new .desktop-hide {
  display: none;
}

/* tab-content-section */
.tab-content-section {
  padding-bottom: 00px;
  margin-top: 0 !important;
  /* padding-top: 350px; */
  position: relative;
}

.donor_detail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  gap: 50px;
}

.or_div {
  width: 60px;
  height: 60px;
  background-color: var(--darkNavy);
  color: var(--white);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  order: 2;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(339deg);
  top: 20%;
}

.or_div span {
  font-size: 22px;
  font-weight: 500;
  color: var(--white);
  transform: rotate(20deg);
}

.donor_detail .donor_card:first {
  order: 1;
}

.donor_detail .donor_card:last-child {
  order: 3;
}

.donor_card {
  background-color: var(--veryLightGrey);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  border-radius: 12px;
  border: 1px solid var(--veryLightGrey);
  transition: var(--transition3);
  max-width: 100%;
  /* height: 100%; */
}

.donor_card.selected {
  background-color: var(--white);
  box-shadow: rgb(231 102 48 / 12%) 0px 2px 14px 0px,
    rgb(231 102 48 / 32%) 0px 2px 26px 0px;
  border: 1px solid #e8682699;
}

.appoiment_detect-location a {
  display: flex;
  align-items: center;
  gap: 4px;
}

.donor_card .welcome_title h5 {
  font-size: 24px;
}

.data-content-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}

.data-content-text h6 {
  display: flex;
  font-size: 16px;
  width: max-content;
  padding: 5px 10px;
  border: 1px solid var(--blue);
  border-radius: 20px;
  color: var(--blue);
}

.data-content-text h3 {
  font-size: 32px;
  max-width: 90%;
}

.data-content-text h3 strong {
  color: var(--blue);
}

.location-overview-section .form-box {
  position: relative;
}

.location-overview-section .form-box input {
  border: 0.75px solid var(--border);
  background-color: var(--white);
  padding: 16px 120px 16px 12px;
  font-size: 16px;
  line-height: 1.33;
  border-radius: 50px;
  height: 100%;
}

.location-overview-section .submit-btn {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.location-overview-section .submit-btn .btn_submit {
  background-color: var(--orange);
  color: var(--white);
  border: 0.75px solid var(--orange);
  font-family: var(--gotham);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.13;
  text-align: center;
  padding: 8px 16px;
  display: inline-flex;
  border-radius: 50rem;
  position: relative;
  overflow: hidden;
  letter-spacing: -0.3px;
  cursor: pointer;
}

.location-overview-section .submit-btn .btn_submit:hover {
  background-color: transparent;
  border-color: var(--orange);
  color: var(--orange);
}

.appoiment_detect-location {
  font-size: 14px;
  font-style: normal;
  font-family: var(--gotham-bold);
  line-height: normal;
  letter-spacing: 0.28px;
  margin-top: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.tab_data_box .location-overview-section .left-part span.or {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.02em;
  margin: 0;
  width: auto;
  text-align: center;
}

.tab_data_box .location-overview-section .left-part a {
  display: flex;
  align-items: center;
  gap: 10px;
}

.tab_data_box .location-overview-section .left-part a img {
  margin-bottom: -2px;
}

.find-center {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.find-center h5 {
  font-size: 18px;
}

.playstore-block {
  width: 100%;
  background: var(--navyBlue);
  color: var(--white);
  border-radius: 12px;
  margin-top: 30px;
  text-align: left;
  position: relative;
  padding: 25px 50px;
  padding-right: 170px;
  padding-left: 130px;
}

.playstore-block h5 {
  font-size: 20px;
  margin-bottom: 30px;
  color: var(--white);
  margin: 0;
  line-height: 1.5;
}

.playstore-block {
  margin-top: 30px;
  text-align: left;
  position: relative;
  padding: 35px 50px;
  padding-right: 170px;
  padding-left: 130px;
}

.playstore-block .link_box {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  gap: 10px;
}

.playstore-block .link_box img {
  display: flex;
  max-width: 150px;
}

.playstore-block .link_box > div {
  display: none;
}

.playstore-block .inenr-playstore > img {
  width: 100px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-45%);
}

/* New Donor Section */
.optional-v2-section {
  padding: 30px 0 100px;
}

.optional-v2-section .inner-cover {
  display: grid;
  grid-template-columns: 524px 1fr;
  gap: 50px;
  align-items: center;
}

.optional-v2-section .inner-cover .left-part {
  width: 100%;
}

.optional-v2-section .inner-cover .right-part {
  order: 2;
  /* padding: 20px; */
  /* background-color: var(--veryLightGrey); */
  /* border-radius: 12px; */
  /* margin: 50px 0 0 0; */
  /* margin-bottom: 80px; */
}

.optional-v2-section .inner-cover .right-part h2 {
  font-weight: 500;
  font-size: 3.3125rem;
  line-height: 1.05;
  font-family: var(--gotham);
  color: var(--black);
  letter-spacing: -1.5px;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

.optional-v2-section .inner-cover .right-part h2 span {
  color: var(--navyBlue);
}

.optional-v2-section .inner-cover .right-part h3 {
  color: var(--black);
  line-height: 1.3;
  font-weight: 500;
  font-size: 1.375rem;
  margin-bottom: 30px;
}

.optional-v2-section .left-part .img-box {
  /* margin-top: -130px; */
}

.optional-v2-section .left-part .img-box img {
  display: flex;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 16px;
  object-position: center top;
}

.optional-v2-section {
  position: relative;
}

/* Full Search Section */
.full-search-section {
  margin: 60px 0 100px;
}

.full-search-section .location-overview-section .left-part {
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
}

.full-search-section .location-overview-section .form-cover {
  max-width: 700px;
  width: 100%;
  margin: auto;
}

.full-search-section
  .location-overview-section
  .form-cover
  .appoiment_detect-location {
  justify-content: center;
}

/* Search Result */
.search-result-box.location-data-updated {
  padding: 40px 0;
}

#custom_plasma_search_result {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.result-count-box {
  margin-bottom: 30px;
  grid-column: span 3 / span 3;
}

.result-count-box h3 {
  font-size: 35px;
  text-align: center;
  color: var(--black);
}

.list-record {
  background-color: var(--veryLightGrey);
  padding: 16px;
}

.result-left-map-box iframe {
  width: 100%;
  max-height: 250px;
}

.result-title h3,
.result-title h3 a {
  font-size: 24px;
  color: var(--black);
}

.list-record .result-left-data .address-box,
.list-record .result-left-data .phone-no {
  position: relative;
  color: #002e59;
  font-size: 16px;
  font-style: normal;
  line-height: 22px;
}

.result-right-contact-info {
  margin-top: 20px;
}

.list-record .result-right-contact-info > div:not(:last-child) {
  margin-bottom: 22px;
}

.get-direction {
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  color: #002e59;
  margin-top: 5px;
}

.result-right-data {
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.location_appoint_modal {
  width: 100%;
  text-align: center;
  justify-content: center;
}

.result-right-data a.location_appoint_modal {
  background-color: var(--orange);
  border-color: var(--orange);
}

.result-right-data a.location_appoint_modal:hover {
  background-color: transparent;
  color: var(--orange);
}

.appoin_iframe {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 10000;
}

.appoin_iframe.modal-active {
  visibility: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}

.list-record .result-left-data .address-box > span {
  color: var(--black);
  color: var(--black);
}

a.get-direction,
.phone-no a {
  color: var(--navyBlue);
}

a.get-direction:hover,
.phone-no a:hover {
  text-decoration: underline;
}

.appoin_iframe .modal-overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(4px);
  background-color: rgba(17, 21, 30, 0.5);
  box-shadow: 0 10px 50px rgb(0 0 0 / 32%);
}

.appoin_iframe.modal-active .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.appoin_iframe .modal-wrap {
  position: absolute;
  z-index: 9999;
  width: 100%;
  max-width: 991px;
  height: 80vh;
  margin-top: 40px;
  padding: 0 16px;
}

.appoin_iframe .modal-wrap iframe {
  width: 100%;
  height: 100%;
}

button.modal-close.location_appoint_modal_close {
  margin-bottom: 0;
  position: absolute;
  right: 0;
  top: -50px;
  padding: 0;
  line-height: 1;
  width: 50px;
  height: 50px;
  transition: none;
  background: var(--white);
  border-radius: 40px;
  transition: all 0.4s;
  border: 1px solid var(--white);
}

button.modal-close.location_appoint_modal_close::before {
  content: "";
  position: absolute;
  left: 50%;
  font-weight: normal;
  background-image: url(/wp-content/uploads/2025/02/closed.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translate(-50%, -50%);
}

.view-hrs {
  position: relative;
}

.list-record .result-right-data .view-hrs h3 {
  font-family: var(--gotham);
  border-top: 1px solid var(--darkNavy);
  border-bottom: 1px solid var(--darkNavy);
  color: var(--darkNavy);
  cursor: pointer;
  position: relative;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 10px 0;
}

.list-record .result-right-data .view-hrs h3:before {
  content: "";
  position: absolute;
  right: 0;
  font-weight: normal;
  background-image: url(/wp-content/uploads/2025/02/down-cons.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 8px;
  height: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.list-record .result-right-data .view-hrs h3.active:before {
  content: "";
  background-image: url(/wp-content/uploads/2025/02/closed.svg);
}

.show-hrs {
  display: none;
  position: absolute;
  top: calc(100% - 1px);
  background: var(--white);
  padding: 15px 15px 50px;
  border: 2px solid var(--navyBlue);
  width: 100%;
  z-index: 2;
}

.show-hrs ul li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid var(--navyBlue);
  padding: 10px 0;
}

.show-hrs .days {
  color: #002e59;
  font-family: var(--gotham);
  text-transform: uppercase;
}

.show-hrs .times {
  text-transform: uppercase;
  font-size: 15px;
  font-style: normal;
  line-height: normal;
  color: #002e59;
}

.show-hrs .close-btn {
  position: absolute;
  color: #f3902a;
  right: 15px;
  bottom: 0;
  padding: 0;
  font-size: 23px;
  background: transparent;
}

.error404 main {
  padding: 0;
}

.error-404.not-found {
  padding: 250px 0;
  text-align: center;
  position: relative;
  z-index: 0;
}

.error-404.not-found::before {
  z-index: -1;
  position: absolute;
  content: "";
  width: 400px;
  aspect-ratio: 1;
  box-shadow: 0 0 0 150px #000000;
  border-radius: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: -16%;
  opacity: 0.05;
}

.error-404.not-found h1.page-title {
  font-size: 150px;
}

.error-404.not-found h5.sub-title {
  color: var(--darkGrey);
}

.error-404.not-found .page-content {
  margin-top: 20px;
}

.error-404.not-found .page-content .button a {
  display: inline-flex;
  background-color: var(--orange);
  color: var(--white);
  line-height: 1;
  padding: 10px 16px;
  border-radius: 30px;
  font-weight: 500;
  margin-top: 20px;
  border: 1px solid var(--orange);
}

.error-404.not-found .page-content .button a:hover {
  color: var(--orange);
  background-color: transparent;
}

.page-template-center-overview main {
  background-color: var(--veryLightGrey);
}

.center_state_sec {
  position: relative;
  overflow: hidden;
  background-color: var(--veryLightGrey);
}

.center_state_sec .donor-banner-ring {
  bottom: unset;
  top: -400px;
}

.center_state_sec .container {
  position: relative;
  z-index: 1;
}

.center_state_sec .accordion-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 18px;
}

.center_state_sec .accordion-title {
  padding: 25px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background-color: var(--navyBlue);
  color: var(--white);
  cursor: pointer;
}

.center_state_sec .accordion-title.active {
  background-color: var(--darkNavy);
}

.center_state_sec .accordion-title .city_detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 300px;
}

.city_name {
  font-size: 22px;
  font-weight: 500;
  color: var(--white);
  line-height: 0.9;
}

.center_count {
  font-size: 14px;
  color: var(--white);
  line-height: 1.4;
}

.center_state_sec .accordion-title .icon .plus,
.center_state_sec .accordion-title .icon .minus {
  display: flex;
  align-items: center;
  gap: 11px;
}

.center_state_sec .accordion-title .icon .plus,
.center_state_sec .accordion-title.active .icon .minus {
  display: flex;
}

.center_state_sec .accordion-title .icon .minus,
.center_state_sec .accordion-title.active .icon .plus {
  display: none;
}

.center_state_sec .accordion-title .icon p {
  font-size: 14px;
  font-weight: 500;
  color: var(--white);
  line-height: 1.4;
  text-transform: uppercase;
}

.center_state_sec .accordion-content {
  all: unset;
  box-sizing: border-box;
  width: 100%;
}

.center_state_sec .accordion-content .inner {
  padding: 18px 0px 0px;
  width: 100%;
}

.center_state_sec .grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.single_city_location {
  padding: 30px 0px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.single_city_location .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.related_card.coming_card {
  background-color: #eef8ff;
}

/* BLOG STYLE */
.blog-list-div {
  background-color: var(--veryLightGrey);
  padding: 0 0 80px;
}

.blog-list-div .filter-by-topic {
  display: flex;
  gap: 20px;
  align-items: start;
  padding: 13px 0;
  border-top: 1px solid var(--border);
  z-index: 2;
  position: relative;
}

.blog-list-div .filter-by-topic .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
  position: relative;
  z-index: 1;
}

.blog-list-div .filter-by-topic .heading p {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.42;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--navyBlue);
  text-transform: uppercase;
  white-space: nowrap;
}

.blog-list-div .filter-by-topic .heading p img {
  max-width: 17px;
}

.blog-list-div .filter-by-topic .heading .plus-btn {
  display: none;
  cursor: pointer;
}

.blog-list-div .filter-by-topic .filters ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.blog-list-div .filter-by-topic .filters ul li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.43;
  color: var(--black);
  display: block;
  padding: 7px 10px;
  border-radius: 23px;
  border: 1px solid var(--border);
  min-width: 48px;
  text-align: center;
}

.blog-list-div .filter-by-topic .filters ul li.active a {
  background-color: var(--navyBlue) !important;
  color: var(--white) !important;
  border-color: var(--navyBlue) !important;
}

.blog-list-div .filter-by-topic .filters ul li:hover a {
  background-color: #004b951a;
}

.custom-blog-list .blog-listing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 26px;
}

.custom-blog-list .blog-listing .blog-card {
  background-color: var(--white);
  padding: 12px 11px;
  /* transition: all 0.1s; */
  display: flex;
  flex-direction: column;
  position: relative;
}

.custom-blog-list .blog-listing .blog-card > a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.blog-list-div .blog-listing .blog-card:first-child {
  grid-column: 1 / -1;
}

.custom-blog-list .blog-listing .blog-card .img-div {
  max-height: 357px;
  min-height: 357px;
  margin-bottom: 9px;
  overflow: hidden;
}

.custom-blog-list .blog-listing .blog-card .img-div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.custom-blog-list .blog-listing .blog-card .feature {
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.custom-blog-list .blog-listing .blog_content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.feature span {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
  color: var(--navyBlue);
  margin-bottom: 0;
  padding: 4px 10px;
  border-radius: 23px;
  border: 1px solid var(--border);
  width: fit-content;
}

.custom-blog-list .blog-listing .blog-card .title,
.custom-blog-list .blog-listing .blog-card .title a {
  text-decoration: none;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.3;
  color: var(--black);
  max-width: 310px;
  letter-spacing: -1.3px;
}

.custom-blog-list .blog-listing .blog-card .title,
.custom-blog-list .blog-listing .blog-card .title a {
  margin-bottom: 20px;
  max-width: 309px;
}

.blog-list-div .blog-listing .blog-card:first-child .title {
  max-width: 550px;
}

.custom-blog-list .blog-listing .blog-card .arrow-btn {
  text-align: right;
  margin-top: auto;
}

.custom-blog-list .blog-listing .blog-card .arrow-btn a {
  display: block;
}

.custom-blog-list .blog-listing .blog-card .arrow-btn img {
  max-width: 38px;
  transition: all 0.1s;
}

.blog-list-div .blog-card:first-child .blog_content div:not(.arrow-btn) {
  margin-top: auto;
}

.blog-list-div .blog-card:first-child .blog_content .arrow-btn {
  margin-top: 0px;
}

.custom-blog-list .blog-listing .blog-card:hover {
  background-color: #eaf2f8;
}

.custom-blog-list .blog-listing .blog-card:hover .arrow-btn img {
  transform: rotate(-45deg);
  filter: brightness(0) saturate(100%) invert(20%) sepia(85%) saturate(800%)
    hue-rotate(180deg) brightness(90%) contrast(95%);
}

.blog-content-div {
  background-color: var(--veryLightGrey);
}

.blog-content-div .blog-flex {
  display: flex;
  align-items: start;
  border-top: 1px solid var(--border);
}

.blog-content-div .blog-flex > div {
  width: 100%;
}

.blog-content-div .blog-flex .sticky-div {
  padding: 40px 23px 20px 0;
  max-width: 308px;
  position: sticky;
  top: 0;
}

.blog-content-div .blog-flex .sticky-div .list {
  display: flex;
  flex-direction: column;
  gap: 33px;
}

.blog-content-div .blog-flex .sticky-div .list .data {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 13px 40px;
}

.blog-content-div .blog-flex .sticky-div .list .data h4 {
  font-weight: 500;
  font-size: 15px;
  line-height: 2.06;
  color: var(--navyBlue);
  margin-bottom: 0;
  position: relative;
}

.blog-content-div .blog-flex .sticky-div .list .data h4::after {
  content: "";
  width: 16px;
  height: 1px;
  background-color: var(--navyBlue);
  position: absolute;
  right: -28px;
  top: 14px;
}

.blog-content-div .blog-flex .sticky-div .list .data .social ul {
  display: flex;
  gap: 9px;
  align-items: center;
}

.blog-content-div .blog-flex .sticky-div .list .data .social ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  border: 1px solid var(--darkGrey);
  transition: all 0.1s;
}

.blog-content-div .blog-flex .sticky-div .list .data .social ul li a img {
  max-width: 11px;
}

.blog-content-div .blog-flex .sticky-div .list .data .social ul li a:hover {
  transform: scale(1.1);
  background-color: var(--white);
}

.blog-content-div .blog-flex .sticky-div .list .data .listing {
  width: 100%;
}

.blog-content-div .blog-flex .sticky-div .list .data .listing ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.blog-content-div .blog-flex .sticky-div .list .data .listing ul li {
  padding-left: 20px;
  padding-bottom: 9px;
  border-bottom: 1px solid var(--border);
  position: relative;
}

.blog-content-div .blog-flex .sticky-div .list .data .listing ul li:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}

.blog-content-div .blog-flex .sticky-div .list .data .listing ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--navyBlue);
  position: absolute;
  left: 0px;
  top: 6px;
  background-color: transparent;
  box-shadow: inset 0 0 0 3px var(--navyBlue);
}

.blog-content-div .blog-flex .sticky-div .list .data .listing ul li a {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.26;
  color: var(--black);
  transition: all 0.1s;
}

.blog-content-div .blog-flex .sticky-div .list .data .listing ul li.active a,
.blog-content-div .blog-flex .sticky-div .list .data .listing ul li:hover a {
  font-weight: 700;
}

.blog-content-div .blog-flex .content {
  padding: 23px 0 20px 23px;
  border-left: 1px solid var(--border);
}

.blog-content-div .blog-flex .img-div {
  margin-bottom: 28px;
  max-height: 650px;
  overflow: hidden;
}

.blog-content-div .blog-flex .content .img-div {
  display: block;
}

.blog-content-div .blog-flex .sticky-div .img-div {
  display: none;
}

.blog-content-div .blog-flex .img-div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: unset !important;
}

.blog-content-div .blog-flex .content .data-text {
  background-color: var(--white);
  padding: 37px 23px;
}

.blog-content-div .blog-flex .content .data-text h2 {
  font-weight: 500;
  font-size: 40px;
  line-height: 1.1;
  margin-bottom: 10px;
  color: var(--black);
  letter-spacing: -1.3px;
}

.blog-content-div .blog-flex .content .data-text h2 span,
.blog-content-div .blog-flex .content .data-text h3 span,
.blog-content-div .blog-flex .content .data-text h4 span {
  color: var(--black);
}

.blog-content-div .blog-flex .content .data-text h3 {
  font-weight: 500;
  font-size: 30px;
  line-height: 1.125;
  color: var(--black);
  margin-bottom: 10px;
}

.blog-content-div .blog-flex .content .data-text h4 {
  font-size: 20px;
  color: var(--black);
  margin-bottom: 10px;
}

.blog-content-div .blog-flex .content .data-text p {
  font-weight: 400;
  font-size: 17px;
  line-height: 1.55;
  color: var(--black);
  margin-bottom: 22px;
}

.blog-content-div .blog-flex .content .data-text p a,
.blog-content-div .blog-flex .content .data-text li a,
.blog-content-div .blog-flex .content .data-text a {
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 500;
}

.blog-content-div .blog-flex .content .data-text ul {
  margin-bottom: 20px;
  padding-left: 13px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.blog-content-div .blog-flex .content .data-text ul li {
  font-weight: 400;
  font-size: 17px;
  line-height: 1.55;
  color: var(--black);
  position: relative;
}

.blog-content-div .blog-flex .content .data-text ul li::before {
  content: "";
  position: absolute;
  top: 9px;
  left: -12px;
  width: 7px;
  height: 7px;
  background-color: var(--blue);
  border-radius: 50%;
}

.blog-content-div .blog-flex .content .data-text ul li ul {
  margin-top: 6px;
}

.blog-content-div .blog-flex .content .data-text .notes {
  padding: 17px 25px;
  position: relative;
  margin: 50px 0;
}

.blog-content-div .blog-flex .content .data-text .notes::before {
  content: "";
  width: 110px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid var(--border);
  border-right: 0;
}

.blog-content-div .blog-flex .content .data-text .notes p {
  font-weight: 500;
  font-size: 23px;
  line-height: 1.3;
  color: var(--navyBlue);
  margin-bottom: 0;
}

.blog-content-div h1 {
  font-size: 65px;
  line-height: 1;
  font-weight: 500;
  padding: 80px 0px;
  position: relative;
  z-index: 1;
}

.blog-content-list {
  padding: 120px 0;
  background-color: var(--veryLightGrey);
}

.blog-content-list h2 {
  font-size: 17px;
  line-height: 1;
  font-weight: 400;
  position: relative;
  padding-left: 20px;
  padding-bottom: 15px;
  margin-bottom: 17px;
  border-bottom: 1px solid #d7d7d7;
}

.blog_title {
  position: relative;
  z-index: 1;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  color: var(--darkGrey);
  padding-left: 20px;
}

.blog-content-list h2::before,
.blog_title::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--navyBlue);
  position: absolute;
  left: 0px;
  top: 5px;
  background-color: transparent;
  box-shadow: inset 0 0 0 3px var(--navyBlue);
}

.blog_detail_banner {
  position: relative;
  padding: 33px 0px 15px;
}

.blog-banner {
  padding: 115px 0 25px;
  background-color: var(--veryLightGrey);
  position: relative;
  z-index: 1;
}

body.blog main .blog-banner {
  padding-top: 215px;
}

body.blog main {
  padding: 0;
}

.blog-banner .sec-title h2 {
  font-weight: 500;
  font-size: 65px;
  line-height: 1.153;
  color: var(--black);
}

.blog-banner .sec-title h2 span {
  color: var(--navyBlue);
}

.blog-banner .sec-title {
  position: relative;
  z-index: 9;
  max-width: 951px;
}

.blog-banner .sec-title p {
  font-weight: 500;
  font-size: 19px;
  line-height: 1.35;
  color: var(--black);
  margin-top: 22px;
  max-width: 695px;
  margin-left: auto;
}

.blog-banner .white-vector,
.blog_detail_banner .white-vector {
  position: absolute;
  top: -260px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.blog_detail_banner .white-vector {
  bottom: -70px;
  top: unset;
  z-index: unset;
}

.blog-list-div .filter-by-topic .filters {
  position: relative;
  z-index: 1;
}

/* Pagination */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  margin-top: 80px;
}

.pagination .page-numbers {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.5px solid #d7d7d7;
  font-size: 16px;
  line-height: 1.2;
  color: var(--black);
  background-color: transparent;
  transition: 0.3s all ease-in-out;
}

.pagination .page-numbers.current {
  background-color: var(--darkNavy);
  color: var(--white);
  border-color: var(--darkNavy);
}

.pagination .page-numbers.dots {
  width: auto;
  height: auto;
  border: none;
}

.pagination .page-numbers.dots:hover {
  background-color: transparent;
  color: var(--black);
}

.prev-arrow,
.prev.page-numbers {
  color: var(--darkNavy);
  border-color: transparent;
  margin-right: 30px;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.next.page-numbers,
.next-arrow.page-numbers {
  color: var(--darkNavy);
  border-color: transparent;
  margin-left: 30px;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prev-arrow svg,
.prev.page-numbers svg,
.next.page-numbers svg,
.next-arrow.page-numbers svg {
  width: 30px;
}

.next.page-numbers:hover,
.prev.page-numbers:hover {
  background-color: transparent;
  color: var(--darkNavy);
}

/* BLOG STYLE END */

.page-id-6633 .site-header-row {
  max-width: 1310px;
  margin-left: auto;
}

.appointment-button-wrap {
  display: flex;
  align-items: center;
  gap: 30px;
}

.appointment-button-item a {
  display: flex;
  position: relative;
  padding-right: 36px;
  font-size: 18px;
  font-weight: 500;
  padding: 6px 45px 6px 14px;
  transition: var(--transition3);
  border-radius: 40px;
  color: var(--black);
}

.appointment-button-item a::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzYyNzJfMTkyMykiPgo8cGF0aCBkPSJNMCA3LjEwMTY2SDE5LjM3MDFMMTUuMTgwMSAxMS4yOTE2TDE2LjI0NDQgMTIuMzQ4NUwyMi4yNDA4IDYuMzUyMTFMMTYuMjQ0NSAwLjM1NTcxM0wxNS4xODc2IDEuNDEyNThMMTkuMzcwMSA1LjYwMjU2SDBWNy4xMDE2NloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNjI3Ml8xOTIzIj4KPHJlY3Qgd2lkdGg9IjIzIiBoZWlnaHQ9IjEzIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
  width: 23px;
  height: 13px;
  filter: brightness(0);
  background-position: center;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  transition: var(--transition3);
}

.appointment-button-item.current a {
  background-color: var(--orange);
  color: var(--white);
}

.appointment-button-item.current a::before {
  filter: brightness(0) invert(1);
}

.appointment-button-item:not(.current) a:hover {
  background-color: #e8682614;
  color: var(--orange);
}

.appointment-button-item:not(.current) a:hover:before {
  filter: invert(48%) sepia(32%) saturate(1783%) hue-rotate(342deg)
    brightness(94%) contrast(93%);
}

/* RESPONSIVE */
@media (min-width: 1201px) {
  .blog-list-div .blog-listing .blog-card:first-child .title {
    font-size: 43px;
    line-height: 1.125;
  }

  .blog-list-div .blog-listing .blog-card:first-child .arrow-btn img {
    width: 125px;
    max-width: 125px;
  }
}

@media screen and (min-width: 991px) {
  header.site-header:has(li.menu-item:hover) {
    z-index: 999;
  }

  .site-header-row .site-header-nav li.menu-item::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 30px;
    top: 100%;
    left: 0;
    pointer-events: none;
  }

  .site-header-row .site-header-nav li.menu-item:hover::before {
    pointer-events: all;
  }

  .site-header-row .site-header-nav ul.sub-menu {
    position: absolute;
    top: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: var(--white);
    padding: 10px;
    border-radius: 10px;
    gap: 3px;
    min-width: 320px;
    transform: translateY(20px);
    transition: var(--transition3);
    opacity: 0;
    pointer-events: none;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
      rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  }

  .site-header-row .site-header-nav li.menu-item:hover ul.sub-menu {
    transform: translateY(10px);
    opacity: 1;
    pointer-events: all;
  }

  .footer-links-clm ul a::before,
  .site-header-row .site-header-nav ul a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 8px;
    bottom: 0;
    background-color: var(--orange);
    right: 0;
    transition: var(--transition3);
    width: 0;
    opacity: 0.3;
  }

  .footer-links-clm ul a:hover::before,
  .site-header-row .site-header-nav ul a:hover::before,
  .site-header-row .site-header-nav .menu li li.current_page_item a::before {
    width: 100%;
    left: 0;
  }

  .site-header-row .site-header-nav .menu > li.current_page_parent > a::after {
    position: absolute;
    content: "";
    width: 15px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--orange);
    border-radius: 20px;
    height: 5px;
    bottom: -8px;
    transition: var(--transition3);
  }

  .site-header-row
    .site-header-nav
    .menu
    > li.current_page_parent:hover
    > a::after {
    opacity: 0;
  }

  div#mobileToggle {
    display: none;
  }

  .octaApp-tab-content-item-title {
    display: none;
  }

  .show-mobile {
    display: none;
  }

  .discover-donor-slide:hover .content {
    background-color: transparent;
  }

  .discover-donor-slide .img::before {
    position: absolute;
    content: "";
    background: linear-gradient(
      9.81deg,
      rgba(0, 0, 0, 0.58) 12.87%,
      rgba(0, 0, 0, 0.1) 80.89%
    );
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

  .discover-donor-slide:hover
    :where(.count, .title h3, .title > span svg, .desc) {
    color: var(--white) !important;
    border-color: var(--white);
  }
}

@media (min-width: 768px) {
  .blog-list-div .blog-listing .blog-card:first-child > div:nth-child(3) {
    padding: 25px;
  }
}

@media (min-width: 578px) {
  .blog-list-div .blog-listing .blog-card:first-child {
    display: flex;
    flex-direction: row-reverse;
    align-items: end;
    gap: 0px;
    padding: 0;
    background-color: var(--darkNavy);
  }

  .blog-list-div .blog-listing .blog-card:first-child > div {
    width: 100%;
  }

  .blog-list-div .blog-listing .blog-card:first-child > .img-div {
    max-width: 780px;
    max-height: unset;
    min-height: unset;
    margin-bottom: 0;
    height: 100%;
  }

  .blog-list-div .blog-listing .blog-card:first-child > div:nth-child(3) {
    padding: 15px;
  }

  .blog-list-div .blog-listing .blog-card:first-child .feature span {
    border-color: var(--darkBGStroke);
    color: var(--white);
  }

  .blog-list-div .blog-listing .blog-card:first-child .feature {
    margin-bottom: 20px;
  }

  .blog-list-div .blog-listing .blog-card:first-child .title {
    font-weight: 500;
    color: var(--white);
  }

  .blog-list-div .blog-listing .blog-card:first-child .arrow-btn {
    text-align: left;
  }

  .blog-list-div .blog-listing .blog-card:first-child .arrow-btn img {
    transform: rotate(-45deg);
    width: 45px;
    max-width: 45px;
    filter: brightness(0) saturate(100%) invert(36%) sepia(19%) saturate(1060%)
      hue-rotate(175deg) brightness(93%) contrast(89%);
  }
}

@media (max-width: 1919px) and (min-width: 1581px) {
  .page-id-6633 .site-header-row {
    max-width: 87%;
  }

  .banner-section.banner-section-new .container {
    margin-left: 23%;
  }
}

@media (max-width: 1580px) {
  .site-footer::before {
    left: calc((100% - var(--container) + 20) / 2);
  }

  .cta-two-button .title-text {
    font-size: 4.4875rem;
    max-width: 1200px;
  }

  .container {
    padding: 0 2.5rem;
  }

  .banner-section.banner-section-new .container {
    margin-right: 0;
    margin-left: 23%;
  }

  .banner-section.banner-section-new::after {
    top: -100%;
  }

  .banner-section.banner-section-new .left-image-lady {
    max-width: 400px;
  }

  .donor_card {
    gap: 15px;
  }

  .data-content-text h3 {
    font-size: 28px;
  }

  .banner-section.banner-section-new {
    margin-bottom: 40px;
  }

  .page-id-6633 .site-header-row {
    max-width: 1140px;
    margin-left: auto;
  }
}

@media screen and (max-width: 1440px) {
  .optional-sub-item .img-wrap {
    max-width: calc(100% - 580px);
  }

  .donor-banner-ring {
    width: 646px;
  }

  .banner-section.banner-section-new .left-image-lady {
    max-width: 290px;
  }

  .banner-section.banner-section-new .heading-line h3 {
    font-size: 58px;
  }

  .banner-section.banner-section-new .container {
    max-width: 1080px;
  }

  .banner-section.banner-section-new {
    padding-top: 40px;
  }

  .banner-section.banner-section-new .left-image-lady {
    max-width: 380px;
  }

  .banner-section.banner-section-new .heading-line {
    max-width: 90%;
  }

  .page-id-6633 .site-header-row {
    max-width: 1060px;
  }
}

@media (max-width: 1399px) {
  h1 {
    font-weight: 500;
    font-size: 5.9375rem;
  }

  h2 {
    font-weight: 500;
    font-size: 3rem;
  }

  h3 {
    font-weight: 500;
    font-size: 2.5rem;
  }

  h4 {
    font-weight: 500;
    font-size: 2rem;
  }

  h5 {
    font-weight: 500;
    font-size: 1.75rem;
  }

  h6 {
    font-weight: 500;
    font-size: 1.5rem;
  }

  .home-banner .home-banner-ring {
    width: 54%;
  }

  .home-banner {
    padding-top: 40px;
  }

  .section-title .desc,
  .section-title .desc p {
    font-size: 1.25rem;
  }

  .resources-box .inner .desc,
  .resources-box .inner .desc p {
    font-size: 1.25rem;
  }

  .center_detail_banner .grid {
    grid-template-columns: 1fr 430px;
    gap: 32px;
  }

  .donor-banner .pre-text-wrap {
    padding: 0 16px;
  }

  .donor-banner .pre-text-wrap .img {
    max-width: 375px;
  }

  .plasma-donation-banner {
    min-height: 611px;
  }

  .cta-two-button .title-text {
    font-size: 4.2875rem;
  }

  .home-banner-content h1 {
    font-size: 5.8625rem;
  }

  .home-banner-desc,
  .home-banner-desc p {
    font-size: 1.2375rem;
  }

  .rewards-program-row .right-img {
    max-width: 680px;
    /* aspect-ratio: 1.2177 / 1; */
  }

  .pre-text-inner {
    max-width: 250px;
  }

  .custom-blog-list .blog-listing {
    grid-template-columns: repeat(2, 1fr);
  }

  .custom-blog-list .blog-listing .blog-card .img-div {
    max-height: 300px;
    min-height: 300px;
  }

  .custom-blog-list .blog-listing .blog-card .feature {
    margin-bottom: 13px;
  }

  .blog-content-div .blog-flex .img-div {
    max-height: 400px;
  }

  .blog-content-div .blog-flex .content .data-text .notes p {
    font-size: 18px;
    line-height: 1.44;
  }

  .blog-banner .sec-title h2 {
    font-size: 55px;
    line-height: 1.18;
  }

  .blog-banner .white-vector,
  .blog_detail_banner .white-vector {
    max-width: 500px;
  }

  .banner-section.banner-section-new .container {
    /* padding-left: 160px; */
    max-width: 1020px;
    padding-right: 16px;
  }

  .page-id-6633 .site-header-row {
    max-width: 1040px;
  }
}

@media (max-width: 1280px) {
  .banner-section.banner-section-new .left-image-lady {
    max-width: 310px;
  }

  .data-content-text h3 {
    max-width: 100%;
  }

  .home-banner .home-banner-img {
    height: calc(100vw / 1.5);
  }
}

@media (max-width: 1199px) {
  .container {
    padding: 0 1.5rem;
  }

  .cta-two-button .title-text {
    font-size: 4.2875rem;
  }

  .company-strip .heading-text,
  .company-strip .heading-text p {
    font-size: 1.8rem;
  }

  .donor-story-slide {
    height: calc(100vw / 2.2);
  }

  .cta-two-button,
  .why-donate,
  .resources-sec,
  .donor-story,
  .google-review .review-row,
  .ready-make {
    padding: 45px 0;
  }

  .footer-ring {
    width: 518px;
  }

  .plasma_center_sec .grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .sub_map {
    display: block;
  }

  .plasma_header {
    padding-top: 50px;
  }

  .plasma_header h1 {
    font-size: 45px;
    margin-bottom: 20px;
  }

  .location_sec h2 {
    font-size: 40px;
    margin-bottom: 20px;
  }

  .filter_div {
    margin-bottom: 25px;
  }

  .plasma_header {
    padding-left: 20px;
    padding-right: 20px;
  }

  .plasma_filter_card {
    padding-left: 20px;
  }

  .location_sec .grid {
    padding: 0px 50px;
  }

  .plasma_center_sec .white-vector {
    max-width: 500px;
  }

  .donor-banner-content {
    margin-left: 0;
  }

  .donor-banner .pre-text-wrap .img {
    position: relative;
  }

  .donor-banner .pre-text-inner {
    position: absolute;
    top: 35px;
    left: 1.5rem;
    z-index: 1;
  }

  .donor-banner .pre-text-wrap {
    position: unset;
    top: 0;
    left: 0;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    width: auto;
  }

  /* .donor-banner .pre-text-wrap>*:not(.img) {
    display: none;
  } */

  .center_detail_banner .grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .appointment_div .add_details_content {
    display: block;
    padding-bottom: 22px;
  }

  .station_detail_content {
    padding-top: 26px;
    border-top: 0.75px solid #5291d0;
  }

  .station_detail_content .add_details_content {
    display: none;
  }

  .appointment_div .app_title {
    display: none;
  }

  .station_detail_content {
    order: 2;
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
  }

  .station_detail_content .address_detail {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 22px;
  }

  .station_detail_content .add_details img {
    width: 100%;
  }

  .map_img {
    width: 100%;
  }

  .related_center_sec .grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .location_sec:is(:last-child),
  .center_state_sec:is(:last-child),
  .related_center_sec:is(:last-child) {
    margin-bottom: 100px;
  }

  .donor-banner-ring {
    bottom: 48%;
    width: 556px;
  }

  .donor-banner-ring svg {
    width: 100%;
    height: auto;
  }

  .section-title h2 {
    font-size: 2.5rem;
  }

  .section-title .desc,
  .section-title .desc p {
    font-size: 1.125rem;
  }

  .donor-banner h1 {
    font-size: 55px;
  }

  .donor-intro-video .donor-intro-video-content .arrow-icon {
    width: 100px;
    height: auto;
  }

  .intro-section .intro-button-wrap {
    margin-top: 30px;
  }

  .get-paid .content {
    margin-top: 20px;
  }

  .get-paid .accordion-title {
    height: 80px;
    padding: 20px;
  }

  .box-end-text {
    margin-top: 70px;
  }

  .how-it-works-card .inner {
    padding-top: 76px;
    min-height: 360px;
  }

  .rewards-program {
    padding: 50px 0;
  }

  .octaApp-row .section-title h2 {
    font-size: 2.3rem;
    line-height: 1.4;
  }

  .octaApp-box::before {
    background-image: linear-gradient(
      180deg,
      var(--darkNavy) 76.2%,
      var(--navyBlue) 340px
    );
  }

  .donor-portal .section-title h2 {
    font-size: 2.3rem;
  }

  .donor-portal a.donor-portal-arrow {
    width: 80px;
    display: block;
    height: auto;
  }

  .donor-portal a.donor-portal-arrow svg {
    width: 100%;
    height: 100%;
  }

  .donor-faq {
    padding: 50px 0;
  }

  .discover-donor {
    padding: 50px 0 10px;
  }

  .discover-donor:is(:last-child) {
    margin-bottom: 50px;
  }

  .donor-faq .accordion-item .accordion-title h3 {
    font-size: 18px;
  }

  .google-review + .octaApp-tab {
    padding: 50px 0;
    padding-top: 20px;
  }

  .octaApp-tab-content-item .img {
    aspect-ratio: 1 / 1.15;
  }

  .octaPass {
    padding: 50px 0;
  }

  .octaPass-steps-title {
    font-size: 28px;
  }

  .octaPass-steps-item {
    /* min-height: 250px; */
    gap: 30px;
  }

  .plasma-donation-banner {
    padding: 44px 24px 24px;
  }

  .octaRewards-slide .inner {
    padding: 70px 12px 20px;
  }

  .octaRewards-slide {
    height: 380px;
  }

  .optional-sub-title {
    padding-top: 40px;
  }

  .optional-sub-item .img-wrap {
    max-width: 51%;
  }

  .optional-sub-item .content-wrap {
    max-width: 46%;
  }

  .optional-sub-item h3 {
    font-size: 43px;
  }

  .optional-sub-item {
    height: 380px;
  }

  .optional-magic-row {
    -webkit-text-stroke: 1px;
    padding: 50px 0;
  }

  .did-u-know {
    padding: 50px 0;
    overflow: hidden;
  }

  .did-u-know-boxes::after {
    bottom: 0;
    top: unset;
  }

  .what-bring-row {
    gap: 30px;
  }

  .what-bring {
    padding: 50px 0;
  }

  section.eligibility {
    padding: 50px 0;
  }

  .eligibility-item h3 {
    font-size: 20px;
  }

  .eligibility-item .icon {
    margin-top: 70px;
  }

  .eligibility-item {
    min-height: 290px;
  }

  .eligibility-additional h4 {
    font-size: 32px;
  }

  .download-octaApp {
    padding: 80px 0 30px;
  }

  .your-visits {
    padding: 40px 0;
  }

  .dark-blue-row > div:not(:empty) {
    font-size: 24px;
  }

  .visit-table .mobile-accordion.light-blue-bg .mobile-accordion-clm p {
    font-size: 18px;
  }

  .mobile-accordion-clm ul li,
  .mobile-accordion-clm p {
    font-size: 16px;
  }

  .how-much-earn {
    padding: 50px 0;
  }

  .how-much-earn-table-row:first-child .how-much-earn-head-item p {
    font-size: 24px;
  }

  .how-much-earn-table-row:not(:first-child) .how-much-earn-head-item p {
    font-size: 24px;
  }

  .how-much-earn-addition h3 {
    font-size: 36px;
  }

  .how-much-earn-addition .item h4 {
    font-size: 24px;
  }

  .new-donor {
    margin: 40px 0;
  }

  .new-donor .content-wrap h2 {
    font-size: 55px;
  }

  .new-donor .inner-content-wrap {
    margin: 0;
  }

  .new-donor .img-text-list .img-text-item .text {
    font-size: 18px;
  }

  .simple-text-sec {
    padding: 50px 0;
  }

  .simple-text-sec .btn-wrap {
    margin-top: 30px;
  }

  .access-portal:has(.access-portal-result) {
    padding: 60px 0;
  }

  .access-portal {
    padding: 60px 0 0;
  }

  .access-portal-list-item .text {
    font-size: 15px;
  }

  .access-portal-user-info h2 {
    font-size: 2.5rem;
  }

  .access-portal-user-info .desc {
    font-size: 18px;
    margin-top: 7px;
  }

  .access-portal-result-box {
    padding: 20px 32px;
    padding-top: 75px;
  }

  .access-portal-result-box h3 {
    font-size: 32px;
  }

  section.tab-faq {
    padding: 50px 0;
  }

  .tab-faq-group-title {
    font-size: 28px;
    padding: 18px 20px;
  }

  .tab-faq .accordion-item .accordion-title {
    padding: 22px;
    padding-right: 0;
  }

  .tab-faq .accordion-item .accordion-title .title {
    font-size: 20px;
  }

  .home-banner .home-banner-ring svg {
    width: 100%;
    height: 100%;
  }

  .home-banner .home-banner-ring {
    top: -60px;
    width: 64%;
    left: 230px;
  }

  .home-banner.hide_video .home-banner-content {
    top: 60px;
  }

  .banner-section.banner-section-new {
    margin-bottom: 30px;
    padding-top: 50px;
  }

  .left-image-lady {
    /* width: 700px !important; */
    /* height: 600px !important; */
  }

  .data-content-text h3 {
    font-size: 24px;
  }

  .tab-content-section {
    padding-bottom: 00px;
  }

  .optional-v2-section {
    padding: 60px 0;
  }

  .error-404.not-found {
    padding: 190px 0 150px;
  }

  .error-404.not-found::before {
    top: -31%;
  }

  #custom_plasma_search_result {
    grid-template-columns: repeat(2, 1fr);
  }

  .result-count-box {
    grid-column: span 2 / span 2;
  }

  .banner-section.banner-section-new .left-image-lady {
    height: auto !important;
  }

  .banner-section.banner-section-new .container {
    max-width: 768px;
    margin-left: auto;
  }
}

@media (max-width: 991px) {
  .site-header-row .site-header-nav ul.sub-menu {
    max-width: calc(100% - 30px);
    margin-left: auto;
    padding: 00px 0 10px;
    gap: 0;
  }

  .site-header-row .site-header-nav ul.sub-menu a {
    border-radius: 0;
    padding: 14px 10px;
  }

  .site-header-row .site-header-nav ul li.has-submenu .child-triggerm {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 0;
    top: 0;
    top: 0;
  }

  .site-header-row .site-header-nav ul li.has-submenu .child-triggerm::before,
  .site-header-row .site-header-nav ul li.has-submenu .child-triggerm span {
    position: absolute;
    content: "";
    width: 40%;
    height: 2px;
    background-color: var(--black);
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    transition: var(--transition3);
  }

  .site-header-row .site-header-nav ul li.has-submenu .child-triggerm span {
    height: 40%;
    width: 2px;
  }

  .site-header-row
    .site-header-nav
    ul
    li.has-submenu.open
    .child-triggerm
    span {
    height: 0px;
  }

  .site-header-row .site-header-nav ul.menu > li.menu-item {
    border-bottom: 0.5px solid var(--border);
  }

  .site-header-row .site-header-nav ul.sub-menu li:not(:last-child) a {
    border-bottom: 0.5px solid var(--border);
  }

  .site-header-row .site-header-nav nav {
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--white);
    padding: 10px;
    display: none;
  }

  .site-header-row .site-header-nav nav ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 00px;
  }

  .home-banner .home-banner-img {
    width: 100%;
    aspect-ratio: 16 / 9;
    margin-top: 20px;
  }

  .home-banner-content {
    left: 0;
    position: relative;
    transform: unset;
    z-index: 1;
  }

  .home-banner .desc-form {
    position: unset;
    margin-top: 30px;
  }

  .home-banner {
    overflow-x: hidden;
  }

  .home-banner .home-banner-ring {
    height: fit-content;
    width: 100%;
    z-index: 0;
  }

  .home-banner .home-banner-ring svg {
    height: 100%;
  }

  .home-banner {
    z-index: 0;
  }

  .site-header-row .site-header-nav ul a {
    padding: 15px 10px;
    width: calc(100% - 60px);
  }

  .site-header-row .site-header-nav nav ul li {
    width: 100%;
  }

  .why-donate-box-links,
  .why-donate-boxes {
    grid-template-columns: repeat(2, 1fr);
  }

  .resources-wrap {
    grid-template-columns: repeat(1, 1fr);
    max-width: 620px;
    margin: 0 auto;
  }

  .donor-story-slide .content {
    padding-left: 16px;
    padding-bottom: 20px;
  }

  .donor-story-slide .content h3 {
    max-width: 80%;
  }

  .footer-ring {
    width: 510px;
  }

  .footer-links-clm {
    width: 50%;
  }

  .site-footer .logo-clm {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }

  .site-footer .other-footer-clm {
    width: 50%;
  }

  .site-footer .logo-clm a {
    max-width: 360px;
  }

  .site-footer .find-center {
    width: 100%;
    max-width: 100%;
  }

  .site-footer .footer-social-row {
    margin-top: 0;
    margin-bottom: 3rem;
  }

  .donors-big-sec .donors-box .inner {
    padding: 20px;
  }

  .donors-big-sec .donors-box .inner::before {
    width: 100%;
    height: 100%;
  }

  .donors-big-sec .donors-box-content h2 {
    font-size: 2.525rem;
  }

  .donors-big-sec .donors-box-content .desc,
  .donors-big-sec .donors-box-content .desc p {
    font-size: 1.1125rem;
  }

  .ready-make .pre-text {
    margin-top: 0;
    order: -1;
  }

  .your-visits .visit-table .mobile-accordion-clm::before {
    all: unset;
    box-sizing: border-box;
    content: attr(data-text) !important;
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--navyBlue);
    margin-bottom: 6px;
  }

  .visit-table .mobile-accordion-clm {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .visit-table .mobile-accordion-clm:not(:last-child) {
    padding-bottom: 0;
  }

  .octaRewards::before {
    opacity: 0;
  }

  .octaApp-tab-row {
    display: flex;
    flex-direction: column;
  }

  .octaApp-tab-list {
    display: none;
  }

  .octaApp-tab-content-item {
    display: block !important;
  }

  .octaApp-tab-content-item .contact {
    position: unset;
    padding: 20px 8px;
    background-color: var(--offwhite);
  }

  .octaApp-tab-content-item .inner-wrap {
    display: flex;
    flex-direction: column-reverse;
    display: none;
  }

  .octaApp-tab-content-item .contact .title {
    display: none;
  }

  .octaApp-tab-content-item .contact .desc {
    color: var(--black);
    margin: 0;
  }

  .octaApp-tab-content-item-title {
    padding: 16px 0px;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    display: flex;
    justify-content: space-between;
    border-bottom: 0.5px solid var(--border);
    align-items: center;
  }

  .octaApp-tab-content-item:first-child .octaApp-tab-content-item-title {
    border-top: 0.5px solid var(--border);
  }

  .octaApp-tab-row .left-clm {
    border: none;
  }

  .octaApp-tab-content-item-title span.icon {
    height: fit-content;
    display: flex;
    overflow: hidden;
    align-items: center;
  }

  .octaApp-tab-content-item.active .octaApp-tab-content-item-title span.icon {
    height: 2px;
  }

  .octaApp-tab-content-item .img {
    height: 290px;
    aspect-ratio: unset;
  }

  .octaApp-tab .octaApp-tab-store {
    position: absolute;
    bottom: 0;
    padding: 18px 20px;
  }

  .octaApp-tab-row {
    position: relative;
    /* padding-bottom: 170px; */
    padding-bottom: 250px;
  }

  .access-portal-result-box {
    padding: 40px 20px 20px 20px;
    min-height: 280px;
  }

  .access-portal-user-info .desc {
    margin-top: 20px;
  }

  .access-portal-result-box h3 {
    font-size: 26px;
  }

  .access-portal-result-box ul li,
  .access-portal-result-box p {
    font-size: 17px;
  }

  .access-portal-user-info.estimate-info h2 {
    font-size: 26px;
    text-align: left;
  }

  .height-weight-wrap {
    flex-wrap: wrap;
    gap: 16px 0;
    padding: 34px 20px;
    border-radius: 100px;
  }

  .height-weight-wrap .height-weight-item {
    width: auto;
    font-size: 16px;
  }

  .height-weight-wrap > span {
    width: 100%;
    text-align: center;
    display: block;
  }

  .height-weight-wrap .height-weight-item:last-child {
    margin-left: 20px;
  }

  .hct-wrapper {
    display: flex;
    flex-wrap: wrap;
  }

  .hct-title,
  .hct-amount {
    width: 50%;
    background: none;
    font-size: 18px;
    color: var(--black);
  }

  .hct-amount {
    margin: 0;
  }

  .hct-list {
    order: 99;
    flex-direction: column;
    width: 100%;
  }

  .hct-list .hct-item {
    flex-direction: row;
    display: grid;
    grid-template-columns: 0.8fr 1fr;
    gap: 40px;
  }

  .hct-list .hct-item .hct-top,
  .hct-list .hct-item .hct-bottom {
    flex: 1;
    padding: 6px;
    min-height: 45px;
    height: fit-content;
  }

  .hct-list .hct-item .hct-bottom {
    position: relative;
  }

  .hct-list .hct-item .hct-bottom::before {
    top: unset;
    transform: unset;
    right: unset;
    left: -30px;
  }

  .access-portal:has(.access-portal-result) {
    padding: 50px 0;
  }

  .intro-section .intro-text-content {
    max-width: 100%;
    margin: 0;
  }

  .get-paid-row {
    gap: 0;
  }

  section.get-paid {
    padding: 45px 0;
    --space: 16px;
  }

  .box-end-text {
    margin-top: 50px;
  }

  .how-it-works-row .right-clm {
    display: none;
  }

  .how-it-works-row {
    display: flex;
    max-width: 550px;
    margin: 0 auto;
  }

  .how-it-works-cards {
    display: flex;
    flex-direction: column;
  }

  .how-it-works-card .inner {
    min-height: 250px;
    padding-top: 50px;
  }

  .rewards-program-row {
    flex-direction: column;
    display: flex;
    gap: 0;
  }

  .rewards-program-row .right-img {
    /* order: 99; */
    /* margin-top: 0; */
    max-width: 430px;
    aspect-ratio: 1.2177 / 1;
  }

  .rewards-program-row .left-img {
    max-width: 300px;
  }

  .rewards-program-card-wrap {
    width: calc(70% + 32px);
  }

  .octaApp-row .title-part-clm {
    width: 100%;
  }

  .octaApp-row .mobile-demo-clm .img-part img {
    margin: 0;
  }

  .octaApp-row .mobile-demo-clm {
    width: 100%;
  }

  .octaApp-box::before {
    background-image: linear-gradient(
      180deg,
      var(--darkNavy) 82.2%,
      var(--navyBlue) 340px
    );
  }

  .octaApp-list ul {
    gap: 4px;
  }

  .donor-portal .title-part-clm {
    width: 100%;
  }

  .donor-portal .btn {
    position: unset;
    display: block;
    margin-top: 20px;
  }

  .donor-portal .mobile-demo-clm {
    width: 100%;
    margin: 0;
  }

  .did-u-know-box-item:first-child {
    padding: 25px;
  }

  .donor-portal .octaApp-list-title {
    max-width: 50%;
  }

  .donor-portal {
    margin-bottom: 0;
  }

  .discover-donor-slide .img {
    /* aspect-ratio: unset; */
    max-width: 436px;
  }

  .donor-faq-row {
    flex-direction: column;
    gap: 30px;
    --space: 0;
  }

  .octaPass-row {
    display: flex;
    flex-direction: column;
  }

  .octaRewards-row {
    flex-direction: column;
  }

  .octaRewards-row > .left-clm {
    max-width: 100%;
  }

  .octaRewards-row .right-clm {
    max-width: 100%;
  }

  .optional-sub-item h3 {
    font-size: 32px;
  }

  .optional-sub-item .sub-title {
    font-size: 20px;
  }

  .did-u-know-box-item .count {
    font-size: 70px;
  }

  .did-u-know-boxes {
    display: flex;
    flex-direction: column;
  }

  .did-u-know-box-item {
    width: 50%;
    border: 0.5px solid var(--border) !important;
  }

  .did-u-know-box-item:nth-child(2) {
    margin-left: auto;
  }

  .did-u-know-boxes::before,
  .did-u-know-boxes::after {
    opacity: 0;
  }

  .what-bring-row {
    display: flex;
    flex-direction: column;
  }

  .eligibility-item {
    width: calc(50% - 12px);
  }

  .eligibility-item .icon {
    margin-top: 50px;
  }

  .eligibility-item {
    min-height: 240px;
    display: block;
  }

  .download-octaApp-row .right-clm {
    display: none;
  }

  .download-octaApp-row .left-clm {
    width: 100%;
  }

  .download-octaApp-row {
    display: flex;
    flex-direction: column;
  }

  .download-octaApp-row .img {
    max-width: 550px;
  }

  .download-octaApp-row .paragraph-text {
    margin-top: 20px;
  }

  .download-octaApp .extra-text {
    margin-top: 30px;
    padding-top: 30px;
  }

  .visit-table .mobile-accordion {
    display: flex;
    flex-direction: column;
    background-color: #e9f3fa;
    border-radius: 30px;
  }

  .dark-blue-row {
    display: none;
  }

  .mobile-accordion-title {
    border-radius: 100px;
    background-color: var(--darkNavy);
    color: var(--white);
    font-size: 18px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .mobile-accordion-title span.icon {
    display: flex;
    height: 18px;
    width: 18px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    transition: var(--transition3);
  }

  .mobile-accordion-title.active span.icon {
    height: 1px;
  }

  .mobile-accordion-title span.icon svg {
    width: 100%;
  }

  .new-donor .content-list {
    flex-direction: column;
  }

  .new-donor .left-icon-btn {
    margin-right: auto;
    margin-top: 20px;
  }

  .new-donor {
    margin-bottom: 0;
  }

  .simple-video-row {
    display: flex;
    flex-direction: column;
  }

  .simple-video-row .simple-video-wrap {
    width: 100%;
  }

  .what-made-off-row > .img-clm {
    display: none;
  }

  .what-made-off-row {
    display: flex;
    flex-direction: column;
  }

  .what-made-off-row .content-clm .img-clm {
    max-width: 550px;
  }

  .what-made-off .section-title {
    margin: 0;
  }

  .access-portal-row {
    display: flex;
    flex-direction: column;
  }

  .tab-faq-row {
    display: flex;
    flex-direction: column;
  }

  .tab-faq .tab-faq-left-clm .title {
    padding: 12px 6px;
    background-color: var(--navyBlue);
    color: var(--white);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMzk5NDE0IDAuODE2NDA2TDI0Ljc2ODIgMC44MTY0MDgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS42Ii8+CjxwYXRoIGQ9Ik00LjM5NTUxIDYuNTQ2ODhMMjAuNzcyIDYuNTQ2ODgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS42Ii8+CjxwYXRoIGQ9Ik04LjYxMTMzIDEyLjI3MzRMMTYuNTU2NyAxMi4yNzM0IiBzdHJva2U9IiNBOEQxRUYiIHN0cm9rZS13aWR0aD0iMS42Ii8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 24px;
  }

  .tab-faq-left-clm .inner .list {
    position: absolute;
    width: 100%;
    background-color: var(--white);
    box-shadow: 1px 1px 11px #0000006b;
    padding: 10px;
    border-radius: 10px;
  }

  .tab-faq-right-clm {
    padding: 0;
    margin: 0 -16px;
  }

  .tab-faq-group {
    border: 0;
  }

  .tab-faq .accordion-item .accordion-title {
    padding: 13px 10px;
    gap: 20px;
  }

  .tab-faq .accordion-item .accordion-title .title {
    font-size: 22px;
    line-height: 1.2;
  }

  .tab-faq-group-title {
    padding: 15px 10px;
    font-size: 25px;
  }

  .tab-faq .accordion-item .accordion-content .inner {
    padding: 0 15px 20px;
  }

  section.tab-faq {
    padding: 50px 0;
  }

  .imp-notification-row {
    flex-direction: column;
  }

  .imp-notification {
    padding: 12px;
  }

  .imp-notification-title {
    min-width: unset;
    width: 100%;
    margin-bottom: 6px;
  }

  .home-banner.hide_video .home-banner-content {
    top: 0;
  }

  .tab-faq-left-clm {
    position: sticky;
    top: 30px;
  }

  body:has(header.site-header.up) .tab-faq-left-clm {
    top: 80px;
  }

  .plasma_map .map-code {
    position: unset;
    height: 40dvh;
  }

  .plasma_center_sec .grid {
    width: 100%;
    max-width: 100%;
    height: unset;
  }

  .plasma_center_sec .acf-map {
    border-top-left-radius: 0;
  }

  .lenis:not(.lenis-autoToggle).lenis-stopped,
  .lenis:not(.lenis-autoToggle).lenis-stopped:has(.map-location-details) {
    overflow: unset;
  }

  .tab-content-section {
    /* padding-top: 350px; */
  }

  .banner-section.banner-section-new .container {
    max-width: calc(100% - 270px);
  }

  .banner-section.banner-section-new .banner-section-inner {
    min-height: unset;
  }

  .banner-section.banner-section-new .left-image-lady {
    max-width: 290px;
    left: -90px;
    /* height: fit-content !important; */
  }

  .hero_bottom_text .icom-box {
    width: 65px;
    margin-top: 6px;
  }

  .hero_bottom_text {
    align-items: flex-start;
  }

  .optional-v2-section .inner-cover .right-part h2 {
    font-size: 2.4125rem;
  }

  .banner-section.banner-section-new .banner-text-block {
    padding-bottom: 30px;
  }

  #custom_plasma_search_result {
    grid-template-columns: repeat(1, 1fr);
    gap: 25px;
  }

  .result-count-box {
    margin-bottom: 10px;
    grid-column: auto;
  }

  .result-count-box h3 {
    font-size: 28px;
  }

  .result-right-contact-info {
    margin-top: 10px;
  }

  .list-record .result-right-contact-info > div:not(:last-child) {
    margin-bottom: 12px;
  }

  .result-title h3,
  .result-title h3 a {
    font-size: 22px;
  }

  .result-right-data {
    margin-top: 16px;
    gap: 16px;
  }

  .plasma_map {
    position: relative;
    right: unset;
  }

  .plasma_map + .show-mobile {
    display: block;
  }

  .plasma_header .result_text,
  .plasma_header .search_text {
    display: none;
  }

  .section_header {
    flex-direction: column;
    margin-bottom: 45px;
  }

  .sec_title {
    margin-bottom: 0px;
    font-size: 44px;
  }

  .side_text {
    text-align: start;
  }

  .center_state_sec .grid,
  .single_city_location .grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .blog-banner .sec-title h2 {
    font-size: 45px;
    line-height: 1.22;
  }

  .pagination {
    margin-top: 60px;
  }

  body.blog main .blog-banner {
    padding-top: 145px;
  }

  .donor_detail {
    display: flex;
    flex-direction: column;
  }

  .or_div {
    top: 310px;
  }

  .optional-v2-section .inner-cover {
    grid-template-columns: 270px 1fr;
  }

  .banner-section.banner-section-new .container {
    max-width: 590px;
    padding-left: 16px;
    margin-right: 0;
  }

  .banner-section.banner-section-new {
    padding-top: 30px;
  }

  .banner-section.banner-section-new .heading-line h3 {
    font-size: 44px;
  }

  .banner-section.banner-section-new .heading-line h4 {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .container {
    padding: 0 1rem;
  }

  h1 {
    font-weight: 500;
    font-size: 3.78rem;
  }

  h2 {
    font-weight: 500;
    font-size: 2.3125rem;
  }

  h3 {
    font-weight: 500;
    font-size: 2rem;
  }

  h4 {
    font-weight: 500;
    font-size: 1.75rem;
  }

  h5 {
    font-weight: 500;
    font-size: 1.5rem;
  }

  h6 {
    font-weight: 500;
    font-size: 1.25rem;
  }

  main {
    padding-top: 84px;
  }

  .home-banner form button {
    padding: 9px 23px 10px 23px;
  }

  .cta-two-button,
  .why-donate,
  .resources-sec,
  .donor-story,
  .google-review .review-row,
  .ready-make {
    padding: 30px 0;
  }

  .home-banner .container {
    position: unset;
  }

  .home-banner-content h1 {
    font-size: 3.78rem;
  }

  .home-banner-desc,
  .home-banner-desc p {
    font-size: 17px;
    max-width: 312px;
  }

  .home-banner .home-banner-ring {
    left: 40%;
    top: 0;
    width: 480px;
  }

  .home-banner form {
    margin-left: -16px;
  }

  .home-banner form input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .donors-big-sec {
    flex-direction: column;
  }

  .donors-big-sec .donors-box {
    width: 100%;
  }

  .donors-big-sec .donors-box-content h2 {
    font-size: 37px;
  }

  .donors-big-sec .donors-box-content .desc,
  .donors-big-sec .donors-box-content .desc p {
    font-size: 17px;
  }

  .donors-big-sec .donors-box .inner {
    padding: 16px 16px 24px;
  }

  .donors-big-sec .donors-box-content {
    max-width: 85%;
  }

  .donor-banner .pre-text-wrap .img {
    max-width: 475px;
  }

  .donor-banner .pre-text-inner {
    left: 1rem;
  }

  .donor-banner .pre-text-wrap {
    margin-left: -16px;
    margin-right: -16px;
  }

  .cta-two-button .title-text {
    font-size: 45px;
    line-height: 1.2;
  }

  .box-btn {
    width: 100%;
  }

  .box-btn a {
    width: 100%;
  }

  .box-btn:last-child {
    margin: 0;
  }

  .cta-two-button .title-text span {
    box-shadow: 0px 3px 0px var(--orange);
    line-height: 1;
  }

  .cta-two-button {
    padding-bottom: 110px;
  }

  .company-strip .heading-text,
  .company-strip .heading-text p {
    font-size: 25px;
  }

  .company-strip .content {
    gap: 28px;
  }

  .why-donate-box-links,
  .why-donate-boxes {
    display: flex;
    flex-direction: column;
  }

  .why-donate-box .content {
    max-width: 100%;
  }

  .why-donate-box {
    text-align: center;
  }

  .why-donate-box .icon {
    margin: 0 auto;
  }

  .why-donate-box h3 {
    font-size: 22px;
  }

  .why-donate-box .desc,
  .why-donate-box .desc p {
    font-size: 16px;
  }

  .why-donate .why-donate-link a {
    font-size: 17px;
  }

  .why-donate .why-donate-link:first-child a {
    border-radius: 50px 0 0 00px;
  }

  .why-donate .why-donate-link:last-child a {
    border-radius: 0 00px 50px 0;
  }

  .resources-box .inner .content {
    position: unset;
    padding-left: 10px;
    padding-bottom: 34px;
    max-width: 245px;
    justify-content: space-between;
    height: auto;
    /* height: -webkit-fill-available; */
  }

  .resources-box .inner .image {
    position: absolute;
    /* right: -10px; */
    /* width: 278px; */
    right: -2.1vw;
    width: 70vw;
    top: 0;
  }

  .resources-stores {
    min-width: 285px;
  }

  .resources-box .inner {
    min-height: 389px;
    align-items: unset;
  }

  .resources-box {
    padding-right: 20px;
  }

  .resources-wrap {
    margin: 0 -16px;
  }

  .donor-story .slider-controls {
    position: unset;
    margin-top: 10px;
  }

  .donor-story .slider-controls .btn {
    display: none;
  }

  .donor-story .custom-slider-controls {
    width: 100%;
  }

  .donor-story-slide {
    height: 437px !important;
    max-width: calc(100vw - 8vw);
  }

  .google-review .review-row {
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
  }

  .google-review .google-review-slider {
    max-width: 100%;
    padding: 0;
  }

  .google-review {
    margin-bottom: 50px;
  }

  .ready-make h2 {
    margin-bottom: 10px;
  }

  .btn a {
    /* padding: 9px 20px; */
    padding: 9px 15px;
  }

  .icon_btn a {
    padding: 9px 39px 9px 20px;
  }

  .site-footer .footer-row {
    flex-direction: column;
  }

  .site-footer .footer-links-clm,
  .site-footer .other-footer-clm {
    width: 100%;
    max-width: 100%;
  }

  .footer-ring {
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: fit-content;
    max-width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-ring svg {
    width: calc(100% + 40px);
  }

  .site-footer {
    /* background-color: transparent; */
    /* background-image: linear-gradient(0deg, var(--veryLightGrey) 83%, transparent 100%); */
    padding-top: 160px;
  }

  .site-footer::before {
    left: 0;
    border-top-left-radius: 999px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 999px;
    height: calc(100% - 190px);
    top: 0;
  }

  .site-footer > .container {
    position: unset;
  }

  .ready-make {
    padding-bottom: 0;
  }

  .site-footer .footer-links-clm {
    margin-top: 100px;
    text-align: center;
  }

  .footer-links-clm ul {
    gap: 9px;
  }

  .site-footer .other-footer-clm {
    flex-direction: column-reverse;
    display: flex;
  }

  .site-footer .download-app {
    border: 0;
    text-align: center;
  }

  .site-footer .download-app .resources-stores {
    justify-content: center;
    flex-direction: row;
  }

  .site-footer .find-center {
    flex-direction: column;
    padding: 20px 0 28px 0;
    border-top: 0.5px solid var(--border);
    border-bottom: 0.5px solid var(--border);
    margin-top: 21px;
  }

  .site-footer .find-center .text {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.43;
    margin-bottom: 15px;
  }

  .site-footer .footer-social-row {
    flex-direction: column;
    gap: 14px;
    padding-bottom: 2.4rem;
    margin-bottom: 0;
  }

  .footer-t_and_c-row ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .footer-t_and_c-row .inner {
    flex-direction: column-reverse;
  }

  .footer-t_and_c-row .copy-text {
    max-width: 266px;
    margin-left: auto;
    text-align: right;
    line-height: 1.5;
  }

  .site-header-logo {
    max-width: 160px;
  }

  .site-header-nav {
    flex-direction: row-reverse;
    gap: 0;
    flex: 1;
  }

  .site-header-nav > .btn {
    margin: 0 auto;
  }

  .footer-t_and_c-row {
    border-top: unset;
    background-color: transparent;
  }

  .footer-t_and_c-row .inner nav {
    border-top: 0.5px solid var(--border);
    padding-top: 20px;
    margin-top: 40px;
  }

  .plasma_header {
    padding-top: 33px;
  }

  .plasma_header h1 {
    font-size: 35px;
    margin-bottom: 11px;
  }

  .location_sec h2 {
    font-size: 37px;
    margin-bottom: 18px;
    line-height: 1.25;
  }

  .plasma_filter_list {
    max-height: unset;
    height: 100%;
  }

  .plasma_filter_card {
    padding: 20px 4px;
  }

  .filter_address .add_heading_text,
  .filter_address .add_heading_text a {
    font-size: 16px;
  }

  .right_text {
    margin-top: 0px;
  }

  .filter_address .gray_text,
  .filter_address .code_text {
    font-size: 14px;
  }

  .filter_address {
    margin-bottom: 12px;
  }

  .bottom_content {
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
  }

  .result_text,
  .search_text {
    /* font-size: 16px; */
    margin-bottom: 13px;
    margin-top: 24px;
    padding: 0 10px;
  }

  .state_card::before {
    opacity: 0;
  }

  .state_card::before {
    width: 1000%;
    left: -500%;
    height: 0.75px;
    bottom: 0;
    background-color: var(--border);
    position: absolute;
    content: "";
    opacity: 1 !important;
  }

  .filter_div .form-control,
  .filter_div select#search_by_state {
    padding: 11px;
  }

  .filter_div {
    margin-bottom: 6px;
  }

  .plasma_header {
    padding-left: 10px;
    padding-right: 10px;
  }

  .location_sec .grid {
    grid-template-columns: repeat(3, 1fr);
    padding: 0px 0px;
  }

  .state_card {
    padding: 15px 8px;
    justify-content: flex-start;
  }

  .state_card p {
    font-size: 16px;
  }

  .state_card svg {
    right: 3px;
    top: 3px;
  }

  .state_card svg {
    width: 16px;
    height: 16px;
  }

  .plasma_center_sec {
    margin-bottom: 0;
    padding-bottom: 35px;
  }

  .location_sec {
    padding: 35px 0px;
  }

  .plasma_center_sec .white-vector {
    top: -260px;
    left: 10%;
    transform: unset;
    max-width: 550px;
  }

  .plasma-donation-banner {
    min-height: 600px;
  }

  .station_detail_content .add_details {
    gap: 0;
    margin-bottom: 0px;
  }

  .add_details_content h1 {
    font-size: 18px;
    padding-top: 0px;
  }

  .add_details_content .add_heading {
    font-size: 40px;
  }

  .appointment_div .btn_orange {
    padding: 19px 13.5px;
    font-size: 14px;
    line-height: 1;
    border-radius: 30px;
  }

  .appointment_div .btn_orange img {
    width: 14px;
  }

  .appointment_div .italic_text {
    font-size: 14px;
  }

  .appointment_div .number_text {
    padding: 20px 0px;
  }

  .appointment_div .donation_timing {
    padding-top: 27px;
  }

  .appointment_div .hour_title {
    margin-bottom: 16px;
  }

  .address_detail .add_title,
  .address_detail p {
    font-size: 17px;
  }

  .hour_list {
    gap: 10px;
  }

  .hour_div .day {
    font-size: 16px;
  }

  .hour_div .timing {
    font-size: 15px;
  }

  .center_detail_banner {
    padding: 21px 0px 15px;
  }

  .center_detail_banner .breadcrumb {
    padding-bottom: 40px;
  }

  .info_sec {
    padding: 36px 0px;
    line-height: 1.5;
  }

  .more_info_title p {
    font-size: 16px !important;
  }

  .heading_text,
  .info_sec h2 {
    font-size: 37px;
    margin-bottom: 16px;
  }

  .para_text {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .details_list .detail_card {
    max-width: 100%;
    padding: 14px 17px;
    min-height: 72px;
  }

  .blue_text {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .small_title {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .bottom_text {
    font-size: 22px;
  }

  .location_sec:is(:last-child),
  .center_state_sec:is(:last-child),
  .related_center_sec:is(:last-child) {
    margin-bottom: 80px;
  }

  .related_center_sec .grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 9.3px;
  }

  .related_card {
    padding: 19px 8px 8px;
  }

  .donor-banner h1 {
    font-size: 45px;
  }

  .donor-banner {
    padding-top: 116px;
  }

  .donor-banner-ring {
    width: 620px;
    bottom: 60%;
    left: 20px;
  }

  .donor-banner .pre-text {
    margin: 0;
  }

  .donor-banner-content {
    max-width: 100%;
    margin: 0;
  }

  .donor-banner .content-btn-wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .donor-banner-menu {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }

  .donor-banner-menu-list ul {
    flex-wrap: wrap;
  }

  .donor-intro-video {
    aspect-ratio: 1 / 0.73;
  }

  .donor-intro-video .donor-intro-video-content {
    padding: 0px 0px 30px 0px;
  }

  .donor-intro-video .donor-intro-video-content .arrow-icon {
    width: 90px;
    height: auto;
  }

  .donor-intro-video .donor-intro-video-content h3 {
    font-size: 19px;
  }

  .intro-section {
    padding-top: 90px;
    padding-bottom: 25px;
  }

  .intro-section .intro-text-content {
    margin: 0;
  }

  .intro-section .intro-text-para {
    font-size: 25px;
  }

  .intro-section .intro-button-wrap {
    margin-top: 40px;
  }

  .get-paid-row {
    flex-direction: column;
  }

  .get-paid-row > div {
    max-width: 100%;
    font-size: 25px;
  }

  .get-paid-row > .right-clm {
    position: unset;
    order: 99;
    margin-top: 40px;
  }

  .box-end-text {
    margin-top: 36px;
  }

  .inner-box {
    padding: 0;
    padding: 40px 16px 20px;
    margin: 0 -16px;
  }

  .get-paid .accordion-title {
    padding-left: 20px;
    padding-right: 0;
    padding-bottom: 18px;
    height: 84px;
  }

  .get-paid .accordion-content .inner {
    padding: 10px 0 20px;
  }

  .get-paid h2 {
    font-size: 37px;
    margin-bottom: 13px;
  }

  .get-paid .content .smll-text {
    margin-top: 15px;
  }

  .get-paid .accordion-pre-text {
    margin-top: 23px;
  }

  .get-paid .content {
    margin-top: 24px;
  }

  .how-it-works-row {
    display: flex;
    flex-direction: column;
  }

  .how-it-works-row .right-clm {
    display: none;
  }

  .how-it-works-row .left-clm {
    margin: 0 !important;
  }

  .how-it-works-row .left-clm .section-title {
    margin: 0;
  }

  .how-it-works-card .resources-stores {
    flex-direction: row;
  }

  .how-it-works-card .inner {
    min-height: auto;
  }

  .how-it-works .content-title {
    font-size: 18px;
  }

  .how-it-works-card h3.title {
    font-size: 20px;
  }

  .how-it-works-card .inner {
    padding: 22px 12px;
  }

  .rewards-program-row {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .rewards-program-card-wrap {
    margin-right: -16px;
    width: auto;
    padding-left: 16px;
    padding-bottom: 190px;
  }

  .rewards-program-row .left-img {
    max-width: unset;
    /* margin: 0 -16px; */
    width: auto;
    height: 221px;
    aspect-ratio: unset;
    right: 0;
  }

  .rewards-program-row {
    position: unset;
  }

  .rewards-program-row .right-img {
    height: 305px;
    aspect-ratio: unset;
    left: 0;
  }

  section.octaApp {
    max-width: calc(100% - 8px);
    margin-left: auto;
    padding-bottom: 110%;
  }

  .octaApp-row {
    flex-direction: column;
  }

  .octaApp-row .title-part-clm {
    width: 100%;
  }

  .octaApp-list {
    flex-direction: column;
    gap: 20px;
    margin-left: -24px;
    width: calc(100% + 40px);
    background-color: var(--navyBlue);
    align-items: flex-start;
    padding: 18px 8px;
    margin-bottom: 30px;
  }

  .octaApp-row .mobile-demo-clm {
    width: 100%;
    flex-direction: column;
    order: 99;
    padding-bottom: 10px;
  }

  .octaApp-row .mobile-demo-clm .img-part img {
    margin: 0;
  }

  .octaApp-row .mobile-demo-clm .img-part {
    position: absolute;
    bottom: 30px;
    left: 10px;
  }

  .octaApp-box::before {
    background-image: unset;
    left: 0;
  }

  .octaApp-box {
    position: unset;
  }

  .octaApp-row .mobile-demo-clm .strore-wrap {
    width: 100%;
  }

  .octaApp-row .mobile-demo-clm .resources-stores {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .donor-portal-box {
    flex-direction: column;
  }

  .donor-portal .title-part-clm {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .donor-portal a.donor-portal-arrow {
    display: none;
  }

  .donor-portal .section-title {
    max-width: 100%;
  }

  .donor-portal .mobile-demo-clm {
    width: 100%;
    margin-top: 30px;
  }

  .donor-portal .octaApp-list {
    margin-top: 0;
    margin-left: 0;
    width: 100%;
    margin: 0;
    background: #ffffffb2;
    backdrop-filter: blur(15px);
    margin-top: -40px;
  }

  .discover-donor .custom-slider-controls {
    position: static;
    margin-top: 10px;
  }

  .discover-donor-slide .content {
    background-color: #00000091;
  }

  .discover-donor-slide .content .count {
    color: var(--white);
  }

  .discover-donor-slide .content h3 {
    color: var(--white);
  }

  .discover-donor-slide .title > span svg,
  .discover-donor-slide .title > span svg path {
    fill: var(--white);
  }

  .discover-donor-slide .desc {
    color: var(--white);
    border-color: var(--border);
  }

  .discover-donor {
    padding: 50px 0;
  }

  .donor-faq {
    padding: 50px 0;
  }

  .donor-faq-row {
    flex-direction: column;
    --space: 0;
  }

  .donor-faq .pre-text {
    margin-bottom: 10px;
  }

  .resources-stores {
    /* flex-direction: column; */
    margin-top: 10px;
  }

  .resources-box .inner h3 {
    margin-top: auto;
  }

  .resources-box .inner .btn {
    margin-bottom: auto;
  }

  .resources-store-item {
    width: fit-content;
    min-width: 140px;
    justify-content: space-between;
  }

  .octaApp-tab-row .section-title {
    margin-bottom: 10px;
  }

  .octaPass {
    padding: 50px 0;
  }

  .octaApp-tab {
    padding: 50px 0;
  }

  .octaPass-row {
    flex-direction: column;
    display: flex;
  }

  .plasma-donation-banner {
    padding: 40px 10px 17px;
    position: unset;
    margin: 0 -16px;
  }

  .plasma-donation-banner .section-title .desc,
  .plasma-donation-banner h3 {
    margin-top: 10px;
    font-size: 18px;
  }

  .plasma-donation-banner .section-title {
    margin: 0;
  }

  .plasma-donation-banner ul {
    margin-top: 30px;
    padding-top: 10px;
  }

  .plasma-donation-banner .octaPass-store-btn {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
  }

  .plasma-donation-banner > *:has(+ .octaPass-store-btn) {
    margin-bottom: 10px;
  }

  .plasma-donation-banner .octaPass-store-btn .octaPass-store-wrap {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }

  .plasma-donation-banner .octaPass-store-btn .resources-stores {
    flex-direction: row;
    justify-content: center;
  }

  .plasma-donation-banner > .img {
    left: -16px;
    width: calc(100% + 32px);
  }

  .plasma-donation-banner .btn a {
    padding: 8px 12px;
  }

  .plasma-donation-banner ul li {
    font-weight: 300;
  }

  .octaPass-steps-title {
    font-size: 26px;
  }

  .location-search.site-inner {
    background-color: var(--white);
  }

  .octaRewards-row .right-clm {
    max-width: 100%;
  }

  .octaRewards-slide .inner {
    padding: 50px 8px 46px;
  }

  .octaRewards-slide {
    height: auto;
  }

  .octaRewards-row {
    flex-direction: column;
    gap: 30px;
  }

  .octaRewards-row > .left-clm {
    position: unset;
  }

  .octaRewards .section-title {
    margin: 0;
  }

  .octaRewards::before,
  .octaRewards-row > .left-clm::before {
    opacity: 0;
    display: none;
  }

  .octaRewards-slider .slick-slide {
    margin: 0 10px 0 0;
    height: auto !important;
    float: unset;
  }

  .octaRewards-slider .slick-track {
    display: flex;
  }

  .octaRewards-slider .slick-slide > div {
    height: 100%;
  }

  .octaRewards-slider .slick-slide .octaRewards-slide {
    height: 100%;
  }

  .octaRewards-store-wrap .resources-stores {
    flex-direction: row;
    justify-content: center;
  }

  .octaRewards-store-wrap {
    text-align: center;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .octaRewards {
    padding-bottom: 140px;
  }

  .octaRewards-row .octaRewards-slider-title {
    margin-bottom: 20px;
  }

  .optional-sub-title .section-title {
    flex-direction: column;
    display: flex;
    margin-top: 0;
    padding-bottom: 50px;
  }

  .optional-sub-item .img-wrap {
    height: 167px;
    position: unset;
    margin-top: 12px;
  }

  .optional-sub-item .content-wrap {
    max-width: 100%;
  }

  .optional-sub-item .img-wrap {
    max-width: 100%;
  }

  .optional-sub-item .btn {
    margin-top: 20px;
  }

  .optional-sub-item {
    height: auto;
    padding-bottom: 50px;
  }

  .optional-sub-item h3 {
    font-weight: 700;
    font-size: 38px;
    line-height: 50px;
  }

  .optional-sub-item .sub-title {
    margin-top: 0;
  }

  .optional-magic-row {
    font-size: 14vw;
    -webkit-text-stroke: 1px;
  }

  .did-u-know-boxes {
    display: flex;
    flex-direction: column;
    position: relative;
  }

  .did-u-know-box-item {
    border: none !important;
    padding: 0;
    width: 100%;
    min-height: 190px;
  }

  .did-u-know::before,
  .did-u-know::after {
    opacity: 0;
  }

  .did-u-know-box-item::before,
  .did-u-know-boxes::before {
    position: absolute;
    content: "";
    width: 1000%;
    height: 1px;
    top: 0;
    left: -50%;
    background-color: var(--border);
  }

  .did-u-know {
    padding: 50px 0;
    overflow: hidden;
  }

  .did-u-know-boxes::before {
    bottom: 0;
    top: unset;
  }

  .what-bring .section-title {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .what-bring-row {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 40px;
  }

  .what-bring-item .icon {
    margin: 0 auto;
  }

  .what-bring-item h3 {
    margin-top: 11px;
  }

  .what-bring {
    padding: 50px 0;
  }

  .eligibility-row {
    display: flex;
    flex-direction: column;
  }

  .eligibility-item {
    min-height: 240px;
    width: 100%;
  }

  .eligibility-item h3 {
    margin-bottom: 15px;
  }

  .eligibility-item .desc {
    margin-bottom: auto;
  }

  .eligibility-additional {
    margin-top: 36px;
  }

  .expect-donation {
    padding: 50px 0;
  }

  .expect-donation .donor-intro-video {
    max-width: inherit;
    margin: 0 -16px;
    aspect-ratio: unset;
    height: 311px;
  }

  .download-octaApp .plasma-donation-banner {
    margin: 0;
  }

  .download-octaApp {
    padding: 70px 0 50px;
  }

  .download-octaApp .octaPass-store-wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    margin: 0;
  }

  .download-octaApp-row {
    display: flex;
    flex-direction: column;
  }

  .download-octaApp .section-title {
    margin-bottom: 30px;
  }

  .plasma-donation-banner ul {
    margin-top: 20px;
  }

  .download-octaApp .paragraph-text h3 {
    font-size: 25px;
  }

  .download-octaApp .extra-text {
    font-size: 18px;
  }

  .download-octaApp-row .right-clm {
    display: none;
  }

  .mobile-accordion.aos-init.aos-animate {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .mobile-accordion-content {
    display: flex;
    flex-direction: column;
    display: none;
  }

  .dark-blue-row > div:last-child::before {
    opacity: 0;
  }

  .dark-blue-row {
    display: none;
  }

  .eligibility-item .icon {
    margin-top: 50px;
  }

  .visit-table .mobile-accordion {
    border-radius: 26px;
  }

  .your-visits-text h3 {
    font-size: 32px;
  }

  .how-much-earn .pre-text {
    justify-content: center;
  }

  .how-much-earn-table-row {
    flex-direction: column;
    display: flex;
    border-radius: 20px !important;
  }

  .how-much-earn-table-row:first-child {
    display: none;
  }

  .how-much-earn-head-item::after {
    content: attr(data-text);
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: var(--navyBlue);
    margin-bottom: 1px;
  }

  .how-much-earn-head-item {
    display: flex;
    flex-direction: column-reverse;
  }

  .how-much-earn-table-row:not(:first-child) .how-much-earn-head-item p {
    font-size: 25px;
  }

  .how-much-earn-head-item:last-child p {
    padding-left: 30px;
  }

  .how-much-earn-table-row:not(:first-child)
    .how-much-earn-head-item:last-child::before {
    left: 14px;
    width: 18px;
    top: 38px;
    height: 16px;
  }

  .how-much-earn-table-row:not(:first-child) .how-much-earn-head-item {
    padding: 22px 10px 31px 10px;
  }

  .how-much-earn-head-item + .how-much-earn-head-item {
    padding-top: 0 !important;
  }

  .how-much-earn-addition h3 {
    font-size: 32px;
  }

  .how-much-earn-addition .item h4 {
    font-size: 22px;
  }

  .how-much-earn-addition .item:not(last-child) {
    margin-bottom: 20px;
  }

  .how-much-earn-addition .item:last-child {
    margin: 0;
  }

  .new-donor .content-wrap h2 {
    font-size: 45px;
  }

  .new-donor .content-list {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 35px;
  }

  .new-donor .inner-content-wrap {
    margin: 14px 0 0;
  }

  .new-donor .img-text-list .img-text-item .text {
    font-size: 18px;
    font-weight: 500;
  }

  .new-donor .img-text-list .img-text-item {
    gap: 10px;
  }

  .simple-text-sec .btn-wrap {
    margin-top: 30px;
  }

  .simple-video-row {
    flex-direction: column;
    display: flex;
  }

  .simple-video-row .simple-video-text::before {
    width: 300%;
    opacity: 0.9;
    border-radius: 0;
    left: -50%;
    top: -90px;
    transform: unset;
    height: 100%;
  }

  .simple-video-sec {
    overflow: hidden;
    padding-bottom: 0;
  }

  .simple-video-sec .donor-intro-video {
    height: 311px;
    width: auto;
    aspect-ratio: unset;
  }

  .simple-video-sec .simple-video-wrap {
    width: calc(100% + 32px);
    margin-left: 0;
  }

  .simple-video-sec .donor-intro-video .container {
    padding-left: 10px;
  }

  .what-made-off-row {
    display: flex;
    flex-direction: column;
  }

  .what-made-off-row > .img-clm {
    display: none;
  }

  .what-made-off-row .section-title .img-clm {
    width: calc(100% + 32px);
    margin-left: -16px;
    height: 590px;
    margin-top: 5px;
  }

  .what-made-off .section-title .desc {
    font-size: 18px;
  }

  .what-made-off .section-title .content {
    margin-top: 10px;
  }

  .what-made-off .section-title .btn {
    margin-top: 30px;
  }

  .what-made-off .section-title {
    position: unset;
  }

  .access-portal-row {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .access-portal-lists {
    display: flex;
    flex-direction: column;
  }

  .access-portal .section-title {
    margin-bottom: 30px;
  }

  .access-portal .right-clm {
    padding: 37px 0px 40px 14px;
  }

  .access-portal-result-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .donor-faq .accordion-item .accordion-title h3 {
    font-size: 22px;
  }

  .donor-story-sec-list {
    display: flex;
    flex-direction: column;
  }

  .donor-story-slide::before {
    background-size: 100%;
  }

  .donor-story-slide .content h3 {
    max-width: 95%;
  }

  .heading_text,
  .info_sec h3 {
    font-size: 37px;
    line-height: 1.25;
  }

  .donor-story-modal-row {
    flex-direction: column-reverse;
    display: flex;
    position: relative;
  }

  .donor-story-modal-row .right-clm {
    max-width: calc(100% - 30%);
    margin-left: auto;
    margin-bottom: 13px;
  }

  .donor-story-modal-row .img {
    aspect-ratio: 1;
  }

  .donor-story-modalclose-close {
    position: absolute;
    top: 0;
    margin-left: 20px;
    margin-top: 25px;
  }

  .donor-story-modal-row .left-clm .story-tag {
    padding-left: 16px;
    color: #acacac;
    margin-bottom: 4px;
  }

  .donor-story-modal-row .story-title {
    padding-left: 16px;
    font-size: 32px;
    line-height: 37px;
  }

  .donor-story-content {
    padding: 16px;
  }

  .donor-story-modal .donor-story-user {
    padding: 8px 8px 8px 16px;
  }

  .single_city_location:last-child {
    padding-bottom: 0;
  }

  .simple-text-sec {
    padding: 50px 0;
  }

  body:has(header.up) .sticky-cta-orange-bar.show-orange-bar {
    top: 84px;
  }

  .sticky-cta-orange-bar a {
    font-size: 16px;
  }

  .intro-video-wrap .img-bg {
    height: 160%;
  }

  .what-bring-item .desc ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }

  .what-bring-item {
    align-items: flex-start;
  }

  .what-bring-item h3 {
    text-align: left;
  }

  .what-bring-item .desc ul li {
    width: fit-content;
  }

  .optional-magic-row::before {
    height: 43%;
  }

  .did-u-know-box-item:first-child {
    padding: 0;
  }

  .optional-magic-row img {
    max-width: calc(100% - 40px);
  }

  header.site-header {
    background-color: var(--white);
  }

  .tab-faq-left-clm {
    top: 100px;
  }

  .plasma_map .map-code {
    height: 32svh;
  }

  .plasma_center_sec .gm-style-iw.gm-style-iw-c {
    min-width: 335px !important;
    max-height: unset !important;
  }

  .plasma_center_sec .gm-style-iw.gm-style-iw-c .gm-style-iw-d {
    max-height: unset !important;
  }

  .sticky-cta-orange-bar.show-orange-bar {
    top: 84px;
  }

  form#cmplz-datarequest-form {
    flex-direction: column;
  }

  form#cmplz-datarequest-form > div {
    width: 100%;
  }

  .banner-section.banner-section-new .banner-section-inner {
    padding-bottom: 0;
  }

  .banner-section.banner-section-new .container {
    max-width: 100%;
  }

  .banner-section.banner-section-new .left-image-lady {
    position: unset;
    order: 99;
    height: 260px !important;
    width: fit-content !important;
    z-index: 1;
  }

  .banner-section.banner-section-new .banner-section-inner {
    display: flex;
    flex-direction: column;
  }

  .banner-section.banner-section-new .heading-line h3 {
    /* font-size: 52px; */
  }

  .banner-section.banner-section-new .heading-line h3 {
    font-size: 9.1vw;
  }

  .banner-section.banner-section-new .heading-line h4 {
    font-size: 16px;
  }

  .banner-section.banner-section-new .banner-text-block {
    padding-bottom: 0;
  }

  .donor_detail {
    display: flex;
    flex-direction: column;
    gap: 26px;
  }

  .appointment-button-item a {
    padding: 6px 43px 6px 14px;
  }

  .playstore-block {
    position: unset;
    transform: unset;
    margin-top: 30px;
  }

  .tab-content-section {
    padding-top: 20px;
  }

  .optional-v2-section .inner-cover {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .optional-v2-section .inner-cover .right-part {
    margin-bottom: 40px;
    margin-top: 30px;
  }

  .optional-v2-section {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .resources-box .inner .desc {
    min-height: 72px;
    margin-bottom: 22px;
  }

  .sec_title {
    font-size: 35px;
  }

  .side_text {
    font-size: 18px;
  }

  .center_state_sec .result_text {
    font-size: 18px;
    text-align: center;
  }

  .list_title {
    flex-direction: column;
    text-align: center;
    font-size: 27px;
  }

  .center_state_sec .accordion-wrapper {
    margin-top: 23px;
  }

  .center_state_sec .accordion-content .inner {
    padding: 9.3px 0px 0px;
  }

  .center_state_sec .grid,
  .single_city_location .grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 9.3px;
  }

  .center_state_sec .accordion-title .icon p {
    display: none;
  }

  body.blog main .blog-banner {
    padding-top: 128px;
  }

  .custom-blog-list .blog-listing .blog-card .img-div {
    max-height: 190px;
    min-height: 190px;
  }

  .blog-list-div {
    padding: 0 0 40px;
  }

  .blog-list-div .filter-by-topic .filters {
    display: none;
  }

  .blog-list-div .filter-by-topic .heading .plus-btn {
    display: block;
  }

  .blog-list-div .filter-by-topic .heading {
    width: 100%;
    margin-top: 0;
  }

  .blog-list-div .filter-by-topic .heading .plus-btn a {
    color: var(--navyBlue);
    font-size: 25px;
  }

  .blog-list-div .filter-by-topic {
    flex-direction: column;
    position: relative;
  }

  .blog-content-div h1 {
    font-size: 54px;
    padding: 60px 0px;
  }

  .custom-blog-list .blog-listing .blog-card .title,
  .custom-blog-list .blog-listing .blog-card .title a {
    font-size: 18px;
  }

  .custom-blog-list .blog-listing .blog-card .arrow-btn img {
    max-width: 30px;
  }

  .blog-content-div .blog-flex {
    flex-direction: column;
  }

  .blog-content-div .blog-flex .content {
    padding: 23px 0 20px 0px;
    border-left: none;
  }

  .blog-content-div .blog-flex .sticky-div {
    position: unset;
    max-width: unset;
  }

  .blog-content-div .blog-flex .sticky-div .list {
    gap: 15px;
  }

  .blog-content-div .blog-flex .content .data-text .notes p {
    font-size: 16px;
    line-height: 1.5;
  }

  .blog-content-div .blog-flex .content .data-text .notes {
    padding: 12px 12px;
  }

  .blog-content-list {
    padding: 30px 0;
  }

  .blog-banner {
    overflow: hidden;
  }

  .blog-banner .sec-title p {
    font-size: 18px;
    margin-top: 20px;
  }

  .blog-banner {
    padding: 75px 0 20px;
  }

  .blog-banner .white-vector,
  .blog_detail_banner .white-vector {
    top: -260px;
    left: 10%;
    transform: unset;
    max-width: 550px;
  }

  .blog-content-div h1 {
    font-size: 40px;
    padding: 40px 0px;
  }

  .pagination {
    margin-top: 40px;
  }

  .blog-content-div .blog-flex .content .img-div {
    display: none;
  }

  .blog-content-div .blog-flex .sticky-div .img-div {
    display: block;
  }

  .blog-list-div .blog-listing .blog-card:first-child {
    background-color: var(--navyBlue);
  }

  .blog-list-div .blog-listing .blog-card:first-child .feature span {
    border-color: var(--darkBGStroke);
    color: var(--white);
  }

  .blog-list-div .blog-listing .blog-card:first-child .title {
    color: var(--white);
    font-size: 32px;
  }

  .blog-list-div .blog-listing .blog-card:first-child .arrow-btn img {
    transform: rotate(-45deg);
    filter: brightness(0) saturate(100%) invert(36%) sepia(19%) saturate(1060%)
      hue-rotate(175deg) brightness(93%) contrast(89%);
  }

  .blog-content-div-banner {
    overflow: hidden;
  }

  .blog-list-div .blog-listing .blog-card:first-child .arrow-btn img {
    width: 90px;
    max-width: unset;
  }

  .custom-blog-list .blog-card:first-child .arrow-btn a {
    display: flex;
    width: fit-content;
  }

  .donor-faq-row .left-clm .btn {
    position: absolute;
    bottom: 0;
  }

  .donor-faq-row {
    position: relative;
    padding-bottom: 60px;
  }

  .banner-section.banner-section-new .heading-line {
    max-width: 100%;
  }

  .playstore-block .link_box a {
    display: flex;
  }

  .playstore-block .link_box a img {
    display: block;
    max-width: 100%;
  }

  .hero_bottom_text p {
    font-size: 18px;
  }
  .banner-section.banner-section-new .left-image-lady img {
    object-fit: contain;
  }
  .time_text {
    font-size: 12px;
    max-width: 90px;
  }
  .bottom_details .btn_group .btn_orange,
  .bottom_details .btn_group .btn_outline_blue {
    font-size: 13px;
  }
  .center_state_sec .accordion-title .city_detail {
    min-width: 270px;
  }
}

@media (max-width: 576px) {
  .bottom_details {
    justify-content: space-between;
    /* flex-direction: column; */
    align-items: flex-start;
    gap: 10px;
  }

  .btn_group {
    margin-left: 0;
  }

  .location_sec:is(:last-child),
  .center_state_sec:is(:last-child),
  .related_center_sec:is(:last-child) {
    margin-bottom: 30px;
  }

  .custom-blog-list .blog-listing {
    grid-template-columns: repeat(1, 1fr);
    gap: 13px 10px;
  }

  .custom-blog-list .blog-listing .blog-card .img-div {
    max-height: 300px;
    min-height: unset;
  }

  .custom-blog-list .blog-listing .blog_content {
    height: auto;
  }

  .banner-section.banner-section-new::after {
    transform: unset;
    top: -60px;
    left: unset;
    right: -240px;
    width: 400px;
  }

  .playstore-block {
    padding: 10px;
    position: relative;
  }

  .playstore-block .inenr-playstore > img {
    position: unset;
    transform: unset;
    width: 140px;
  }

  .playstore-block .link_box {
    position: unset;
    transform: unset;
    flex-direction: row;
    justify-content: center;
  }

  .playstore-block .inenr-playstore {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .or_div {
    position: unset;
    order: 2;
    transform: translateX(00%) rotate(339deg);
    margin: auto;
  }

  .site-header-row:has(.appointment-button-wrap) {
    flex-direction: column;
    padding: 16px 0 16px;
  }

  .site-header-row .appointment-button-wrap {
    margin-top: 10px;
    border-top: 1px solid var(--border);
    padding-top: 20px;
  }

  .site-header-row:has(.appointment-button-wrap) .site-header-nav {
    justify-content: center;
  }

  .appointment-button-item a {
    font-size: 15px;
  }

  body:has(.appointment-button-wrap) main {
    padding-top: 134px;
  }

  .site-header-row:has(.appointment-button-wrap) a.site-header-logo {
    max-width: 250px;
    margin: 0 auto;
  }
}

/*home-banner new*/
.fixed_video {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}

.video_content {
  min-width: 700px;
  max-width: 700px;
  width: 100%;
  background-color: #003275;
  padding: 6px;
  display: flex;
  align-items: end;
  gap: 24px;
}

.video_link {
  position: relative;
  max-width: 400px;
  height: 222px;
}

.video_link::before {
  content: "";
  position: absolute;
  top: -1px;
  right: 60px;
  z-index: 10;
  width: 20px;
  height: 20px;
  box-shadow: 14px 0px 0px #003275;
  border-top-right-radius: 9px;
}

.video_link {
  width: 100%;
}

.video_link iframe {
  width: 100%;
  height: 100% !important;
}

.video_link::after {
  content: "";
  position: absolute;
  top: 46px;
  right: 0px;
  z-index: 10;
  width: 20px;
  height: 20px;
  box-shadow: 14px 0px 0px #003275;
  border-top-right-radius: 9px;
}

.video_link video {
  width: 100%;
  height: 100%;
}

.video_link .play_btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 47px;
  background-color: #003275;
  border-bottom-left-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.intro_content {
  max-width: 280px;
  width: 100%;
  padding-bottom: 28px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.intro_content p {
  max-width: 161px;
  font-size: 22px;
  font-weight: 500;
  color: var(--white);
}

.intro_content a {
  font-size: 14px;
  font-weight: 500;
  color: #a8d1ef;
  text-decoration: underline;
  width: max-content;
}

@media screen and (max-width: 767px) {
  .fixed_video {
    position: relative;
  }

  .video_content {
    min-width: 100%;
    max-width: 100%;
    flex-direction: column;
  }

  .video_link {
    max-width: 100%;
    height: 100%;
  }

  .intro_content {
    max-width: 100%;
    padding-bottom: 10px;
    gap: 26px;
  }

  .intro_content p {
    max-width: 100%;
  }

  .video_link .play_btn {
    top: unset;
    bottom: 0;
    right: 0;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 0px;
  }

  .video_link::before {
    top: unset;
    bottom: 4px;
    right: 60px;
    box-shadow: 10px 0px 0px #003275;
    transform: rotate(90deg);
  }

  .video_link::after {
    top: unset;
    bottom: 47px;
    right: 0px;
    box-shadow: 10px 0px 0px #003275;
    transform: rotate(90deg);
  }
}

@media (max-width: 575px) {
  .filter_div .form-cover {
    flex-direction: column;
    gap: 12px;
  }

  .filter_div .form-box {
    width: 100%;
  }

  .appointment_div .btn_orange {
    max-width: 100%;
  }

  .single-opi_locations .donor-faq {
    padding: 30px 0 60px;
  }
}

/* Landing Page */