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

html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
      -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
a {
    text-decoration: none;
}


/*header {
    display: grid;
    max-width: 100%;
    background: #AF003d;
    padding: 12.5px 0;
    justify-items: center;
    justify-content: center;
    align-content: center;
    align-items: center;
}*/
header{
  background-color: #E2004B !important;
  position: sticky;
  top: 0;
  width:100% !important;
  z-index: 10;
}
header .topbar {
  display: flex;
    max-width: 1440px;
    background: #E2004B;
    padding: 12.5px 0;
    justify-items: center;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    /* pointer-events: none; */
}
.logo {
  max-width: 75%;
}
.nearestStore span{
  font-family: 'Helvetica Neue Bold Condensed', sans-serif;
}
.nearestStore {
    display: flex;
    width: 50%;
    /* grid-template-columns: 35px 1fr; */
    align-items: center;
    font-family: 'Helvetica Neue Bold Condensed', sans-serif;
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 700;
    color: #FFF;
    justify-content: center;
}
.topbar::after{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f00d";
  color: #fff;
  font-size: 16px;
  opacity: 0.8;
  position: absolute;
  right:10px;
  cursor: pointer;
  pointer-events: all;
  /* margin-left: 288px;  */
}
.nearestStore a {
  color: #FFF;
  font-family: 'Helvetica Neue Bold Condensed', sans-serif;
  font-size: 16px;
  line-height: 22.4px;
  text-decoration: underline;
}
.nearestStore img {
    padding-right: 2.4px;
}
.hamburgerMenu {
/*  margin-top: -10px;*/
background: none;
border: 0;
padding: 16px 8px;
}

.hamburgerMenu svg {
  display: block;
  pointer-events: none;
}


.menuContainer {
  display: none;
}
.desktopSearch{
  width:65%;
  height: 48px;
  /* background-color: #F3F4F6; */
  padding-top: 14px;
  padding-left: 15px;
  margin-left: 13px;
  position: relative;
}
.desktopSearch input{
  border:none;
  color:#4D5562;
  width: 90%;
  height: 22px;
  background-color: #F3F4F6;
  font-family: 'Helvetica Neue LT Std', sans-serif;
  font-size: 16px;
  line-height: 22.4px;
}
.desktopSearch i{
  font-size: 20px;
  color:#4D5562;
  /* margin-left: 26px; */
  position: absolute;
  right: 17px;
}
.desktopHeaderCTA{
  display: flex;
  min-width: 300px;
  height: 48px;
  background-color: #B8003D;
  align-items: center;
  justify-content: center;
  margin-left: 10px;

}
.desktopHeaderCTA i:nth-of-type(1){
  color:#fff;
  font-size: 16px;
}
.desktopHeaderCTA i:nth-of-type(2){
  color:#fff;
  font-size: 10px;
  margin-left: 4px;
}
.desktopHeaderCTA span{
  color: #fff;
  font-size: 14px;
  line-height: 16.1px;
  font-family: 'Helvetica Neue LT Std', sans-serif;
  font-weight: 700;
  margin-left: 11px;
  text-transform: uppercase;
  margin-top: 4px;
}
.desktopSearch input::placeholder{
  color:#4D5562;
  font-family: 'Helvetica Neue LT Std', sans-serif;
  font-size: 16px;
  line-height: 22.4px;
}
.menuTitle {
  font-family: 'Helvetica Neue LT Std', sans-serif;
  font-size: 12px;
  color: #000;
  margin-top: 25px;
}
footer {
  display: grid;
  background: #f2f2f2;
}
.footerAccordionMenu {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #222;
}
ul.social {
  display: grid;
  list-style-type: none;
  grid-template-columns: repeat(6, 35px);
  justify-content: center;
  column-gap: 5px;
  padding-top: 16px;
  margin-bottom: 16px;
}
ul.social li img {
  max-width: 35px;
  max-height: 35px;
}
.copyright {
  /*display: grid;
  justify-content: center;
  justify-items: center;
  align-content: center;
  font-family: 'Helvetica Neue LT Std', sans-serif;
  font-size: 12.8px;
  padding: 32px;
  align-items: center;
  text-align: center;*/

  max-width: 660px;
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-top: 45px;
  font-family: Arial, Helvetica, sans-serif;

}
.copyright p {
  max-width: 960px;
  color: #3f3f3f;
  font-size: 11px;
  line-height: 17px;
  line-height: normal;
  margin-bottom: 10px;

}
.copyright strong {
  color: #3f3f3f;
  display: block;
  text-align: center;
  padding-top: 5px;
  font-size: 11px;
  line-height: 17px;
}
.subscript {
  margin-bottom: 10px;
  font-size: 11px;
  line-height: 17px;
}
details {
  border-top: 1px solid #ccc;
  padding: 16px 32px;
}
details:hover {
  cursor: pointer;
}
details ul {
  list-style-type: none;
  padding-top: 0.5rem;
}r
details ul li {
  padding: 4px 0;
}
details ul li a {
  color: #000;
  transition: all 0.15s ease-in-out;
}
details ul li a:hover {
  text-decoration: underline;
}
.menu {
  display: none;
}

.desktopContainer {
  /* display: flex;
  justify-content: center;
  padding: 20px 114px 10px;
  width: 100%;
  max-width: 100%;

  background-color: #fff; */
  display: flex;
  /* grid-template-columns: 1fr 1fr; */
  line-height: 1.6rem;
  justify-content: center;
  /* padding: 32px 0; */
  padding: 1.6rem 0;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
}
.desktopTopMenu{
  display: flex;
/*  height: 46px;*/
  max-width: 1280px;
  padding: 0 3.2rem;
  width: 100%;
  /* background-color: blue; */
}
.desktopLogo {
  /*display: grid;
  align-content: center;
  justify-content: center;*/
}

.desktopLogo {
  display: block;
  margin-bottom: -2px;
}

ul.desktopMenu {
  display: grid;
  /*grid-template-columns: repeat(6, 105px);
  grid-gap: 16px;*/
  list-style-type: none;
  /*grid-template-columns: repeat(5, 95px);*/
  grid-template-columns: 70px 100px 70px 105px 105px;
}

ul.desktopMenu img.width30 {
  width: 30px;
}
ul.desktopMenu img {
  /*max-width: 42px;*/
  max-width: 35px;
  height: 30px;
  /*height: auto;*/
  margin:0px auto;
  margin-bottom: 10px;
  display: block;
}
ul.desktopMenu li {
  display: grid;
  justify-content: center;
  align-items: center;
  justify-items: center;
  align-content: center;
  text-align: center;
  margin-top: 0.375rem;
  margin-right: 1.75rem;
}
ul.desktopMenu li a {
  font-family: 'Helvetica Neue LT Std', sans-serif;
  font-size: 14px;
  text-transform: lowercase;
  color: #000;
  line-height: 21px;
}

.secondaryMenu {
    display: flex;
    justify-content: flex-start;
    background: #fff;
    /* padding: 32px 0; */
/*    padding: 18px 0;*/

    max-width: 1280px;
    padding: 0 2.4rem;
    width: 100%;
    /* background-color: #B8003D; */
    margin-left: auto;
    margin-right: auto;
}
.naviMenu{
  width: calc(100% / 6);
  display: flex;
  align-items: center;
  justify-content: center;

}
.naviMenu a{
  font-family: 'Helvetica Neue Bold Condensed', sans-serif;
  font-size: 16px;
  text-transform: capitalize;
  color: #000;
  display: flex;
  font-weight: 700;
  line-height: 22.4px;
  padding: 1.6rem;
}
.secondaryContainer{
  display: flex;
  width:100%;
  border-top: 1px solid #E6E7EB;
  border-bottom: 1px solid #E6E7EB;
  background-color: #fff;
}
.secondaryContainer ul{
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
.secondaryContainer ul li{
  width: fit-content;
  display: block;
}
.secondaryMenu ul {
  
  display: flex;
  grid-template-columns: 1fr 1fr 1fr;
    /* align-items: center; */
    /* justify-items: center; */
  justify-content: space-around;
  align-content: center;
  list-style-type: none;
  margin-bottom: 0px;
  line-height: 24px;
}
.naviMenu:nth-of-type(1){
/*  justify-content: flex-start !important;*/
/*  padding-left: 70px;*/
}
.secondaryMenu ul li {

}

.secondaryMenu ul li a {
  text-transform: capitalize;
  color: #000;
  font-family: 'Helvetica Neue LT Std', sans-serif;
  font-weight: 700;
  transition: all 0.25s ease-in-out;
  font-size: 16px;
  line-height: 22.4px;
  color:#121826;
}
.secondaryMenu ul li a:hover {
  color: #AF003d;
}
.footerAccordionMenu {
  display: none;
}

.footerMenu {
  display: flex;
  flex: 0 0 25%;
  max-width: 25%;
  flex-direction: column;
  padding: 48px 0 0 0;
  width: 960px;
  max-width: 100%;
  margin: 0px auto;
  flex-direction: row;
}


.footerCol {
  display: flex;
  flex: 0 0 25%;
  max-width: 25%;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
  /*padding-right: 32px;*/
  border-right: 1px solid #ccc;
}

.footerCol:nth-child(2), .footerCol:nth-child(4) {
    padding-left: 4.5%;
}

/*.footerMenu {
  display: grid;
  grid-template-columns: repeat(3, 330px);
  align-content: center;
  justify-content: center;
  justify-items: center;
  padding: 48px 0 0 0;
  width: 960px;
  max-width: 100%;
  margin: 0px auto;
}
.footerCol {
  padding-right: 32px;
  border-right: 1px solid #ccc;
  width: 25%;
}
.footerCol ul {
  list-style-type: none;
  margin: 16px 0 0 0;
  padding: 0;
}*/
.noBorder {
  border: 0;
}
/*.footerCol ul.policy {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
}*/
.footerCol ul li {
  padding-bottom: 10px;
}
.footerCol ul li a {
  color: #666;
  font-family: Arial;
  font-size: 14px;
  padding: 3px 19px 3px 11px!important;
  font-weight: 300;
  line-height: 17px;
  letter-spacing: 0.3px;
  font-style: normal;
  display: block;
}
.footerCol strong {
  /*font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 26px;
  color: #3f3f3f;
  font-weight: normal;
  margin: 0 0 28px;*/

  text-align: left;
  padding: 4px 12px 8px;
  margin-bottom: 10px;
  text-transform: capitalize;
  font-size: 17px;
  font-weight: 400;
  color: #3f3f3f;
  font-family: Arial!important;

}
.socialLinks {
  margin-top: 45px;
}



@media only screen and (max-width: 1440px) {
  .topbar::after{
    right: 117px;
    cursor: pointer;
    pointer-events: all;
  }
}

 /* =========================== Responsive */
 @media only screen and (max-width: 991px) {
  ::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: end !important;
    text-align-last: end !important;
    color: grey;
  }
.topbar::after {
  right: 23px;
  cursor: pointer;
  pointer-events: all;
}
.socialLinks {
  margin-top: 0px;
}
.desktopContainer {
  display: none;
}
.secondaryMenu {
  display: none;
}
.footerMenu {
  display: none;
}
.footerAccordionMenu {
  display: block;
}
.menu {
  display: block;
}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.logo svg{
/*  width:181px;*/
  height: 5rem;
  width: 19.2rem;
}
img {
    max-width: 100%;
    height: auto;
}
a {
    text-decoration: none;
}
header .topbar{
  display: flex;
    max-width: 1440px;
    background: #E2004B;
    padding: 12.5px 0;
    justify-items: center;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.logo {
  max-width: 75%;
}
.nearestStore {
  display: flex;
    width: 90%;
    /* grid-template-columns: 35px 1fr; */
    align-items: center;
    font-family: 'Helvetica Neue LT Std', sans-serif;
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 700;
    color: #FFF;
    justify-content: flex-start;
    padding-left: 15px;
}
.nearestStore a {
    color: #FFF;
}
.nearestStore img {
    padding-right: 2.4px;
}
.menuContainer {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: flex;
    align-items: center;
/*    justify-items: center;*/
    justify-content: space-between;
    padding: 16px;
    background-color: #fff;
    position: relative;
/*    height: 64px;*/
}
.menuContainer i:nth-of-type(2){
  font-size: 20px;
  color: #121826;
  position: absolute;
  right: 70px;

}
.menuContainer i:nth-of-type(1){
    font-size: 20px;
    color: #121826;
  /*  position: absolute;
    right: 65px;*/
    padding: 16px 8px;
}
.navi-icon {
  /* font-size: 20px; */
  background: transparent;
  border: 0;
  color: #121826;
/*  position: absolute;*/
/*  right: 65px;*/
  padding: 16px 8px;
}

.navi-icon svg {
  display: block;
}
.menuContainer .logo{
  /* width:70%; */
      flex-grow: 1;
}
.rightMenu{
  /* width:30%; */
}
.giftCards {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12.8px;
    color: #000;
}
.giftCardsImg {
    display: block;
    padding-bottom: 5px;
    height: auto;
    margin: 0 auto;
    max-width: 50%;
}
.giftCards span {
  color:#000;
}
/* Menu button */
 @import url("https://fonts.googleapis.com/css?family=K2D");
 .menu__toggler {
    z-index: 999;
    height: 20px;
    width: 24px;
    outline: none;
    cursor: pointer;
    display: grid;
    align-items: center;
/*    position: absolute;
    right: 24px;
    top: 22px;*/
 }
 .menu__toggler span,
 .menu__toggler span::before,
 .menu__toggler span::after {
   position: absolute;
   content: "";
   width: 28px;
   height: 2.5px;
   background: #000;
   border-radius: 20px;
   transition: 500ms cubic-bezier(0.77, 0, 0.175, 1);
 }
 .menu__toggler span::before {
   top: -8px;
 }
 .menu__toggler span::after {
   top: 8px;
 }
 .menu__toggler.active > span {
   background: transparent;
 }
 .menu__toggler.active > span::before, .menu__toggler.active > span::after {
   background: #F7F5F5;
   top: 0px;
 }
 .menu__toggler.active > span::before {
   transform: rotate(-225deg);
   display: none;
 }
 .menu__toggler.active > span::after {
   transform: rotate(225deg);
   display: none;
 }
 .closeMenu__toggler {
  z-index: 999;
  width: 100%;
  height:auto;
  outline: none;
  cursor: pointer;
  border: none;
  /*padding-top:7px;
  padding-left: 10px;*/
  /* background: #c30140; */
  background-color: rgb(226 0 75 / 1);  
  padding: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.closeMenu__toggler > svg {
  color:#fff;
  width: 173px;
  height: 40px;
  display: block;
}
.closeMenu__toggler p {
  position: absolute;
  right: 10px;
  top: 30px;
  font-family: 'Helvetica Neue LT Std', sans-serif;
  color: #FFF;
  font-size: 12px !important;
  text-align: right;
}

.closeMenu__toggler span {
}

.closeMenu__toggler span svg {
    color: #fff;
}
 /* Sliding menu panel */
 .menu-cta{
    width: 100%;
    min-height: 76px;
    background-color: #fff;
    padding: 1.6rem 2.4rem;
    border-bottom: 1px solid rgb(229 231 235 / 1);
 }
 .CTA-Find-Store{
  align-items: center;
  width: 100%;
  min-height: 44px;
  background-color: #121826;
  display: flex;
  flex-direction: row;
  justify-content: center;
  letter-spacing: .3px;
  padding-top: 0px;
 }
 .CTA-Find-Store a{
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
 }
 .CTA-Find-Store a span{
  font-size: 12px;
    text-transform: uppercase;
    font-family: 'Helvetica Neue Bold Condensed', sans-serif;
    color: #fff;
 }
 .menu {
   position: absolute;
   top: 0;
   left: -30%;
   z-index: 998;
   color: #000;
   background: #FFF;
   width: 30%;
   height: 100%;
   transition: 300ms left cubic-bezier(0.77, 0, 0.175, 1);
 }
 ul.mobileMenu {
  list-style-type: none;
 }
 ul.mobileMenu li {
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  padding: 16px;
  border-bottom: 1px solid #ccc;
 }
 ul.mobileMenu li a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  padding-left: 16px;
 }
 ul.mobileMenu li img {
  max-width: 42px;
  height: auto;
 }
 ul.featured {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  list-style-type: none;
  font-size: 16px;
  margin-bottom: 0;
      height: calc(100vh - 148px);
    background-color: #fff;
}

 ul.featured li {
   background: #fff;
    /* padding: 16px; */
    width: 100%;
    height: 57px;
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    padding: 0 1.2rem;
 }
 ul.featured li a {
    align-items: center;
    border-bottom: 1px solid rgb(229 231 235 / 1);
    color: #000;
    display: flex;
    flex-direction: row;
    font-family: "Helvetica Neue Bold Condensed", Helvetica, Arial, sans-serif;
    height: 100%;
    justify-content: space-between;
    padding-left: 16px;
    padding-right: 16px;
    text-transform: capitalize;
    width: 100%;
 }
  ul.featured li a span {
    font-family: inherit;
    pointer-events: none;
  }
 ul.featured li a i {
  pointer-events: none;
 }
footer {
  display: grid;
  background: #f2f2f2;
}
.footerAccordionMenu {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #222;
}
ul.social {
  display: grid;
  list-style-type: none;
  grid-template-columns: repeat(6, 35px);
  justify-content: center;
  column-gap: 5px;
  padding-top: 16px;
}
ul.social li img {
  max-width: 35px;
  max-height: 35px;
}
.copyright {
  display: grid;
  justify-content: center;
  justify-items: center;
  font-family: 'Helvetica Neue LT Std', sans-serif;
  font-size: 12.8px;
  align-items: center;
  color: #3f3f3f;
}
.copyright p {
  font-size: 12.8px;
  color: #3f3f3f;
}
details {
  border-top: 1px solid #ccc;
  padding: 16px 32px;
}
details:hover {
  cursor: pointer;
}
details ul {
  list-style-type: none;
  padding-top: 8px;
}
details ul li {
  padding: 4px 0;
}
details ul li a {
  color: #000;
  transition: all 0.15s ease-in-out;
}
details ul li a:hover {
  text-decoration: underline;
}
   .menu {
    width: 100%;
    left: -100%;
   }
 .menu.active {
   top: 0;
   left: 0;
 }
 .menu p {
   font-size: 16px;
 }
 .logo {
  max-width: 100%;
/*  position: absolute;*/
/*    left: 16px;*/
  }
}

@media (max-width: 768px) {
  .secondaryContainer {
    display: none;
  }
}



/* new header & footer styles */



.bottom-sec{
  background-color: #F3F4F6;
  width: 100%;
  height: auto;
  
}


.bottom-box {
    align-items: center;
    background-color: #fff;
    border: 1px solid #F3F4F6;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    padding: 2.4rem;
    text-align: center;
    width: 100%;
}

.bottom-box svg {
    color: #b8003d;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
}

.bottom-box-bottom strong {
    --tw-text-opacity: 1;
    color: rgb(18 24 38 / var(--tw-text-opacity));
    display: block;
    font-family: 'Helvetica Neue Bold Condensed', sans-serif;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 18px;
    text-transform: uppercase;
    text-wrap: balance;
}

.bottom-wrapper{
  width: 100%;
    min-height: 200px;
    height: auto;
    background-color: #F3F4F6;
    padding: 39px 3.2rem;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    gap: .65rem;
 
}

.bottom-box-bottom {
    line-height: 24px;
}

.bottom-box-bottom span {
    font-size: 14px;
    font-weight: normal;
    font-family: 'Helvetica Neue Bold Condensed', sans-serif !important;
    color: #B8003D;
    text-decoration: underline;
}

@media(max-width: 1260px) and (min-width: 992px) {
  .bottom-wrapper {
    width: 100%;
    min-height: 200px;
    height: auto;
    /* background-color: #0A95E6; */
    padding: 32px 2.5% 30px 2.5%;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    /* flex-wrap: wrap; */
    gap: 1%;
  }
}

@media (max-width: 991px) {
  .bottom-wrapper {
    width: 100%;
    min-height: 200px;
    height: auto;
    /* background-color: #0A95E6; */
    padding: 32px 2.5% 30px 2.5%;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    /* flex-wrap: wrap; */
    gap: .8rem;
  }
}

@media(max-width: 870px){
.bottom-wrapper {
    display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: .8rem;
    height: auto;
    justify-content: flex-start;
    min-height: 200px;
        /* padding: 32px 1.6rem 30px; */
        padding: 32px 1.6rem 23px;
        width: 100%;
  }
    .bottom-box {
        border: 1px solid #F3F4F6;
        justify-content: space-between;
        padding: 24px;
        width: calc(50% - 4px);
  }

    .bottom-box-bottom strong {
        font-size: 1.4rem;
        line-height: 1.225;
    }
  .bottom-box-bottom span {
    color: #B8003D;
        font-family: 'Helvetica Neue', sans-serif;
        font-size: 1.4rem;
    font-weight: 700;
    line-height: 14.4px;
    text-decoration: underline;
  }

  .accordion-content ul{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap:10px;
        margin-bottom: 0;
  }
  .accordion-content ul li a{
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    font-family: 'Helvetica Neue LT Std', sans-serif;
    color: #4D5562;
  }
  .footer-right {
    width: 100%;
    min-height: 50px;
    /* background-color: #0685cd; */
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }
  .accordion {
    border-bottom: 1px solid #D2D5DB;
    border-radius: 4px;
    border-top: 1px solid #D2D5DB;
    margin-bottom: 28px;
  }
    
    .accordion-item {
    border-bottom: 1px solid #D2D5DB;
    }
    
    .accordion-header {
    background-color: #f4f4f4;
    padding: 10px 0px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
    .accordion-header span{
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    font-family: 'Helvetica Neue Bold Condensed', sans-serif !important;
    color: #121826;
    text-transform: uppercase;
    }
    .accordion-header{
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color:#121826;
    }
   
    .accordion-content {
    padding: 8px 0 0;
    display: none;
    }
}

.fill-black {
    fill: #111;
}

.size-\[20px\] {
    width: 20px;
    height: 20px;
}

.footer {
    background-color: #F3F4F6;
    margin-top: 0;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    
}


.footer-inner {
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    
}

.footer-inner strong {
  display: block;
  font-family: 'Helvetica Neue Bold Condensed', sans-serif;
  line-height: 28px;
}

.footer-inner svg {
    display: block;
    vertical-align: middle;
}

.footer-inner ul svg {
  position: relative;
  top: -2px;
  flex-shrink: 0;
}

.footer-inner a, .text-footer a {
  color: inherit;
}

.footer-button-wrap {
  border-bottom: 1px solid #d2d5db;
}

.border-b, .border-y {
    border-bottom-width: 1px;
}

.flex {
  display: flex;
}

.flex-col {
    flex-direction: column;
}

.grid {
  display: grid;
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.justify-between {
    justify-content: space-between;
}

.md\:grid{
  display: grid;
}

.gap-2 {
/*  gap: .8rem;*/
  gap: .8rem;
}

.gap-3 {
    gap: 1.2rem;
}

.gap-6 {
    gap: 2.4rem;
}

.w-48 {
    width: 19.2rem;
}

.h-12 {
    height: 4.8rem;
}

.mb-4 {
    margin-bottom: 1.6rem;
}

strong.mb-4 {
  margin-bottom: 1.75rem;
}

.pb-6 {
    padding-bottom: 2.4rem;
}

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

.text-base {
    font-size: 1.6rem;
    line-height: 1.4;
}

.font-bold {
    font-weight: 700;
}

.border-brand-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(210 213 219 / var(--tw-border-opacity));
}

.text-brand-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(77 85 98 / var(--tw-text-opacity));
}

.text-brand-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(18 24 38 / var(--tw-text-opacity));
}


.capitalize {
    text-transform: capitalize;
}

.uppercase {
    text-transform: uppercase;
}

.gap-1 {
    gap: .4rem;
}

.items-center {
    align-items: center;
}
.inline-flex {
    display: inline-flex;
}

.text-footer {
    font-size: 1.4rem;
    line-height: 1.225;
}


.size-4 {
  height: 1.6rem;
  width: 1.6rem;
}

.size-\[\.6rem\] {
    width: .959rem;
    height: .959rem;
}

.show-md-lg {
  display: none;
}

.show-sm-xs {
  display: block;
}

.my-6 {
  margin-bottom: 2.4rem;
}

.text-lg {
  font-size: 1.8rem;
}
.py-4 {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}

.w-full {
    width: 100%;
}

.pt-6 {
    padding-top: 2.4rem;
}

footer button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
    border: 0;
}

@media (max-width: 767px) {
  footer {
    padding-bottom: 3.2rem;
  }

  .footer-inner {
      border-top: 1px solid #d2d5db;
      border-bottom: 1px solid #d2d5db;
  }
}

@media (min-width: 768px){

  .footer {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:h-\[3\.125rem\] {
    height: 5rem;
  }

  .md\:border-b-0 {
    border-bottom-width: 0;
  }
  .md\:grid-cols-12 {
    grid-template-columns: repeat(12,minmax(0,1fr))
  }

  .md\:pt-10 {
    padding-top: 4rem
  }

  .md\:divide-y>:not([hidden])~:not([hidden]){
    --tw-divide-y-reverse:0;
    border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
  }

  .md\:order-2 {
    order: 2;
  }

  .md\:col-span-4 {
    grid-column: span 4 / span 4;
}

  .md\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .footer {
    padding-bottom: 3.8rem;
  }

  .footer-inner {
/*    padding-bottom: 4rem;*/
    padding-bottom: 3rem;
  }

  .show-md-lg {
    display: grid;
  }

  .show-sm-xs {
    display: none;
  }
}

@media (min-width: 1024px) {
  .lg\:col-start-5 {
      grid-column-start: 5;
  }
  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
}
}

.footer-inner button svg.svg-minus {
  display: none;
}

.footer-inner button.expanded svg.svg-plus {
  display: none;
}

.footer-inner button.expanded svg.svg-minus {
  display: block;
}