.footer {
  position: relative;
  top: 0;
  left: 0;
  background-color: var(--white)
}
.footer__main {
  background: linear-gradient(250deg,rgba(255,255,255,0) -1.13%,rgba(240,232,211,.56) 43.61%,rgba(228,217,183,.7) 77.71%)
}
.footer__image {
  max-width: 100%;
  max-width: 24rem
}
.footer__social .action-button {
  padding: 1.2rem;
  font-size: 2.4rem
}
.footer__grid-block {
  display: grid;
  grid-template-areas: "grid1 grid2 grid4" "grid1 grid3 grid4";
  grid-template-columns: 22.22% 22.22% 33.33%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.footer__grid1 {
  grid-area: grid1
}
.footer__grid1 .footer__download-link .cta__label::after {
  height: 4px
}
.footer__grid2 {
  grid-area: grid2
}
.footer__grid3 {
  grid-area: grid3
}
.footer__grid4 {
  grid-area: grid4
}
@media (max-width:991.98px) {
  .footer__grid-block {
    grid-template-areas: "grid1" "grid2" "grid3" "grid4";
    grid-template-columns: 100%
  }
  .footer__accordion-wrapper {
    border-top: 1px solid #8c8279;
    padding-top: var(--sm-2)
  }
  .footer__accordion-wrapper.open .footer__accordion-title::after {
    content: "\e912"
  }
  .footer__accordion-wrapper.open .footer__accordion-content {
    max-height: 300rem;
    padding-bottom: var(--md-2);
    -webkit-transition: padding .2s ease-out;
    transition: padding .2s ease-out;
    padding: 0 .8rem var(--sm-2) .8rem;
  }
  .footer__accordion-title {
    padding: 0 .8rem var(--sm-2) .8rem;
    cursor: pointer;
    position: relative;
    margin-bottom: 0!important
  }
  .footer__accordion-title::after {
    content: "\e911";
    position: absolute;
    font-family: icomoon!important;
    right: 8px;
    font-size: 1.6rem;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
  }
  .footer__accordion-content {
    padding-left: .8rem;
    height: auto;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1s ease-out;
    transition: max-height 1s ease-out;
    -webkit-transition: padding .3s ease-out;
    transition: padding .3s ease-out
  }
  .footer__text {
    text-align: center
  }
  .footer__grid2 {
   margin-bottom: 0 !important;
  }
  .footer__block {
    margin-bottom: var(--md-4);
    padding: var(--lg-4) 0
  }
  .footer__grid4 .footer__accordion-wrapper {
    border-bottom: 1px solid #8c8279
  }
  .footer__links {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

footer .cta--footer-link:focus-visible {outline: dashed 2px var(--black); outline-offset: 1px;}
.quick-links__list > div {margin-bottom: var(--xs-1);}









/*-----------------------Footer logo module css start------------------------------*/
.logo-module__wrapper {
  margin: 0 auto;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.logo-module__list {
  width: 200%!important;
}
.logo-module__list.active:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}
.logo-module__list.active {
  -webkit-animation: marquee 40s linear infinite;
  animation: marquee 40s linear infinite;
}
.logo-module__list.active.right-direction {
  animation-direction: reverse;
}
.logo-module__lio {
  margin-right: .8rem
}
.logo-module__ulo {
  list-style: none;
  padding-left: 0
}
.logo-module__link:hover {
  background-color: transparent
}
.logo-module__image {
  width: 10.4rem;
  height: 6.2rem
}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    -webkit-transform: translateX(-66.6%);
    transform: translateX(-66.6%)
  }
}
@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    -webkit-transform: translateX(-66.6%);
    transform: translateX(-66.6%)
  }
}
@media (min-width:768px) {
  .logo-module__lio {
    margin-right: 7rem
  }
}
@media (min-width:992px) {
  .logo-module__lio {
    margin-right: 10rem
  }
  .logo-module__image {
    width: 11rem;
    height: 7.4rem
  }
}
}
/*  Below is the overwrite for Diageo Horizon Global Footer */
#dg_footer_wrapper {
  background: var(--black)!important
}
#dg_footer_wrapper_inner {
  width: 100%!important;
  text-align: center!important;
  font-size: var(--table-fs)!important;
  line-height: var(--table-lh)!important;
  font-weight: 400!important
}
#dg_footer_wrapper_inner .dg_footer_item_last {
  float: none!important;
  -ms-flex-preferred-size: 100%!important;
  flex-basis: 100%!important;
  margin-top: var(--sm-3)!important
}
#dg_footer_wrapper_inner ul li {
  float: none!important
}
#dg_footer_wrapper_inner ul li::after {
  content: ""!important
}
#dg_footer_wrapper_inner ul li a {
  padding: 0!important
}
#dg_footer_wrapper_inner ul li span {
  color: var(--white)!important
}
#dg_footer_wrapper_inner .dg_footer_aside_left {
  text-align: center!important
}
#dg_footer_wrapper_inner .dg_footer_row_0 {
  font-size: var(--table-fs)!important;
  line-height: var(--table-lh)!important;
  font-family: var(--font-urw-regular)!important;
  font-weight: 400!important;
  padding: 0!important;
  letter-spacing: 0!important;
  background: var(--black)!important;
}
#dg_footer_wrapper_inner .dg_footer_row_0 ul {
  list-style-type: none!important;
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -ms-flex-wrap: wrap!important;
  flex-wrap: wrap!important;
  padding: 0!important;
  -webkit-column-gap: var(--sm-2)!important;
  -moz-column-gap: var(--sm-2)!important;
  column-gap: var(--sm-2)!important;
  row-gap: var(--xs-1)!important;
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
  margin: 0!important
}
#dg_footer_wrapper_inner .dg_footer_row_0 ul a {
  text-decoration: none!important;
  position: relative;
  color: var(--white)!important
}
#dg_footer_wrapper_inner .dg_footer_row_0 ul a::after {
  background-color: var(--white);
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  bottom: -3px;
  left: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}
#dg_footer_wrapper_inner .dg_footer_row_0 ul a:hover {
  text-decoration: none!important;
  color: var(--white)!important
}
#dg_footer_wrapper_inner .dg_footer_row_0 ul a:hover::after {
  width: 100%;
  -webkit-transition: width .3s ease-in-out;
  transition: width .3s ease-in-out
}
#dg_footer_wrapper_inner a:focus-visible {
    outline: dashed 1px var(--white);
    outline-offset: 1px;
}
#dg_footer_wrapper_inner .dg_footer_row_1 a {
  color: var(--white)!important
}
#dg_footer_wrapper_inner .dg_footer_row_1 a:hover {
  color: var(--white)!important
}
#dg_footer_wrapper_inner .dg_footer_aside_right {
  text-align: center!important
}
/*  Below is the overwrite for Diageo Horizon Age Gate */
/* #age_gate #age_overlay {
  background-color: rgba(0,0,0,.5)!important;
  opacity: 1!important
}
#age_gate #age_content {
  max-width: 37rem!important;
  padding: var(--sm-1)!important;
  background: var(--Gradient-Right-Brown,linear-gradient(131deg,rgba(255,255,255,0) 32.61%,rgba(240,232,211,.32) 67.4%,rgba(228,217,183,.4) 83.22%),#fff)!important
}
#age_gate #age_content .age_logo {
  margin-bottom: var(--sm-1)!important
}
#age_gate #age_content .age_header_title {
  color: var(--black)!important;
  font-family: var(--font-fs-brabo-italic)!important;
  font-size: var(--quote-sm-fs)!important;
  line-height: var(--quote-sm-lh)!important;
  margin-top: 0!important;
  margin-bottom: var(--sm-1)!important
}
#age_gate #age_content #age_age_group {
  margin: 0 0 var(--sm-1) 0!important
}
#age_gate #age_content #age_age_group #age_age_date_input_textfield {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: var(--sm-1)
}
#age_gate #age_content #age_age_group #age_inputs {
  width: 100%!important;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--xs-1);
  background: 0 0!important
}
#age_gate #age_content #age_age_group #age_inputs .age-field-con {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  margin: 0!important;
  width: 100%!important
}
#age_gate #age_content #age_age_group #age_inputs .age-field-con .age-input-field-label {
  margin-bottom: var(--xs-1)!important;
  margin: 0!important;
  font-size: var(--body-sm-fs)!important;
  line-height: var(--body-sm-lh)!important;
  color: var(--black)!important;
  font-family: var(--font-urw-regular)!important
}
#age_gate #age_content #age_age_group #age_inputs .age-field-con input {
  width: 100%!important;
  padding: var(--sm-3) var(--sm-3) var(--sm-4) var(--sm-3)!important;
  font-size: var(--body-fs)!important;
  line-height: var(--body-lh)!important;
  font-family: var(--font-urw-regular)!important;
  border: none!important;
  border-bottom: solid 2px var(--black)!important;
  color: var(--black)!important;
  text-align: left!important;
  background: 0 0!important
}
#age_gate #age_content #age_age_group #age_inputs .age-field-con input::-webkit-input-placeholder {
  color: #aeaeae!important;
  text-align: left!important
}
#age_gate #age_content #age_age_group #age_inputs .age-field-con input::-moz-placeholder {
  color: #aeaeae!important;
  text-align: left!important
}
#age_gate #age_content #age_age_group #age_inputs .age-field-con input:-ms-input-placeholder {
  color: #aeaeae!important;
  text-align: left!important
}
#age_gate #age_content #age_age_group #age_inputs .age-field-con input::-ms-input-placeholder {
  color: #aeaeae!important;
  text-align: left!important
}
#age_gate #age_content #age_age_group #age_inputs .age-field-con input::placeholder {
  color: #aeaeae!important;
  text-align: left!important
}
#age_gate #age_content #age_age_group #age_inputs .age-field-con input:focus {
  outline: 0!important
}
#age_gate #age_content #age_age_group #age_confirm {
  margin: 0!important
}
#age_gate #age_content #age_confirm {
  margin: 0 0 var(--sm-1) 0!important
}
#age_gate #age_content #age_confirm_btn {
  width: 100%!important;
  background-color: var(--black)!important;
  color: var(--white)!important;
  padding: var(--sm-2) var(--sm-3)!important;
  text-transform: uppercase!important;
  letter-spacing: .26rem!important;
  font-size: var(--buttons-fs)!important;
  line-height: var(--buttons-lh)!important;
  font-weight: 700!important;
  border: none!important
}
#age_gate #age_content #age_confirm_btn.age-gate-btn-disabled {
  background-color: var(--black)!important
}
#age_gate #age_content #age_remember_me_row {
  margin: 0 0 var(--sm-1) 0!important
}
#age_gate #age_content #age_remember_me_row #age_remember_label {
  font-size: var(--body-sm-fs)!important;
  line-height: var(--body-sm-lh)!important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
#age_gate #age_content #age_remember_me_row #age_remember_label span {
  color: var(--black)!important;
  font-family: var(--font-urw-regular)!important
}
#age_gate #age_content #age_missing_message {
  font-size: var(--body-sm-fs)!important;
  line-height: var(--body-sm-lh)!important;
  text-align: center!important
}
#age_gate #age_content .age_drinkiq {
  margin: 0 0 var(--sm-3) 0!important
}
#age_gate #age_content .age_drinkiq .age_drinkiq_message {
  font-size: var(--body-sm-fs)!important;
  line-height: var(--body-sm-lh)!important;
  color: var(--black)!important;
  margin-bottom: var(--xs-1)!important;
  font-family: var(--font-urw-regular)!important
}
#age_gate #age_content .age_drinkiq .age_drinkiq_logo {
  margin: 0!important
}
#age_gate #age_content .age_drinkiq .age_drinkiq_logo a:hover {
  background-color: transparent
}
#age_gate #age_content .age_drinkiq #age_drinkiq_logo_img {
  width: 8.2rem!important;
  height: auto!important
}
#age_gate #age_content .age_terms {
  font-size: var(--body-sm-fs)!important;
  line-height: var(--body-sm-lh)!important;
  margin: 0 0 var(--sm-3) 0
}
#age_gate #age_content .age_terms a {
  color: var(--black)!important;
  text-decoration: underline!important
}
#age_gate #age_content .age_terms a:hover {
  color: var(--black)!important;
  text-decoration: none!important;
  background-color: transparent!important
}
#age_gate #age_content .agegate_country_lang {
  margin: 0!important;
  line-height: 8px!important
}
#age_gate #age_content .agegate_country_lang #age_select_country_group {
  border: solid 1px var(--black);
  color: var(--black);
  padding: 0
}
#age_gate #age_content .agegate_country_lang #age_select_country_group li {
  width: 100%;
  padding: var(--sm-3) var(--sm-2)
}
#age_gate #age_content .agegate_country_lang #age_select_country_group li a {
  color: var(--black)!important;
  text-transform: uppercase!important;
  letter-spacing: .26rem!important;
  font-size: var(--buttons-fs)!important;
  line-height: var(--buttons-lh)!important;
  font-weight: 700!important
}
#age_gate #age_content .agegate_country_lang #age_select_country_group li a:hover {
  background: 0 0!important
}
#age_gate #age_content .agegate_country_lang #age_select_country {
  top: 0
} */ 

/*WO-84872 Diageo site wide issues css starts*/
body > #age_gate:nth-child(2) {
  display: none;
}
/*WO-84872 Diageo site wide issues css ends*/