@font-face {
  font-family: "Felix";
  src: url("https://www.purina.co.uk/modules/custom/trim_the_tail_components/nppe_component/assets/fonts/Felix-SemiBold.woff2") format("woff2"),
    url("https://www.purina.co.uk/modules/custom/trim_the_tail_components/nppe_component/assets/fonts/Felix-SemiBold.woff") format("woff"),
    url("https://www.purina.co.uk/modules/custom/trim_the_tail_components/nppe_component/assets/fonts/Felix-SemiBold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.nppe-component-newsletter-sticky-banner-web-form-js .webform-submission-sticky-popup-felix-form a {
  font-family: "interlight", Helvetica, sans-serif !important;
}
.nppe-component-newsletter-sticky-banner-web-form-js {z-index: 30 !important;}
.nppe-component-newsletter-sticky-banner-web-form-js:has(.webform-submission-sticky-popup-felix-form) .close-newsletter-sticky-banner-web-form {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 13L13 1L1 13Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 13L1 1L13 13Z' fill='white'/%3E%3Cpath d='M1 13L13 1M13 13L1 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.webform-submission-sticky-popup-felix-form .recaptcha-google, 
.webform-submission-sticky-popup-felix-form .recaptcha-google a {
  font-size:12px !important;
  color: #fff;
  line-height: 16px !important;
}
.webform-submission-sticky-popup-felix-form #edit-primary-cta a,
.webform-submission-sticky-popup-felix-form .recaptcha-google a {
  line-height: 16px !important;
  border-bottom: 1px solid #fff !important;
  padding-bottom:0px;
}
.webform-submission-sticky-popup-felix-form #edit-primary-cta a::before,
.webform-submission-sticky-popup-felix-form .recaptcha-google a::before{
background: none;
bottom: 0px;
}

.webform-submission-sticky-popup-felix-form #edit-cta h3 {
  font-family: "Felix";
  font-size: 35px;
  line-height: 40px;
  color: #fff;
  padding:0px;
  font-weight: 500;
}

.form--nppe-component-newsletter-sticky-banner-web-form-js:has(.webform-submission-sticky-popup-felix-form){background:#0D2547;padding:0px;}
.form--nppe-component-newsletter-sticky-banner-web-form-js:has(.webform-submission-sticky-popup-felix-form) .row .col-12{padding:0px;}

.bt-felix-pop-up{display: flex;gap: 23px;justify-content: center;padding: 0px 14px;}
.img_wrapper {display: flex;margin-top: 45px;}

#edit-logo, #edit-brand-img{margin-bottom:0px;}

#edit-logo .logo_desktop{display:block;}
#edit-logo .logo_mobile{display:none;}
#edit-brand-img{align-self: flex-end;margin-left: -98px;}
#edit-brand-img .img_mobile{display:none;}
#edit-brand-img .img_desktop{display:block;}
#edit-content{max-width:630px;margin-top:40px;}
#edit-cta{margin-bottom:24px;}
#edit-qualifio-container{margin-bottom: 18px;}
#edit-google-recaptcha{margin-bottom: 32px;}

@media (max-width: 1140px) {
  #edit-brand-img .img_desktop{display:none;}
  #edit-brand-img .img_mobile{display:block;}
  #edit-logo .logo_desktop{display:none;}
  #edit-logo .logo_mobile{display:block;margin: auto;}
}

@media (max-width: 768px) {
.nppe-component-newsletter-sticky-banner-web-form-js .btn-close-open {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(-13 -254)'%3E%3Cg%3E%3Cpath d='M0 0H24V24H0z' transform='translate(13 254)'/%3E%3Cg%3E%3Cpath d='M0 0H16V16H0z' transform='translate(13 254) matrix(-1 0 0 1 19 4)'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 15L11 8 3 1' transform='translate(13 254) matrix(-1 0 0 1 19 4) rotate(90 7 8)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
  .bt-felix-pop-up{flex-direction: column;align-items: center;gap: 0;}
  #edit-brand-img{margin-left: 0px;}
  #edit-content{margin-top: 0px;max-width: 100%;}
  .img_wrapper {margin-top: 30px;}
  #edit-google-recaptcha {margin-bottom: 15px;}
  .webform-submission-sticky-popup-felix-form #edit-cta h3 {font-size: 30px;line-height: 30px;}
  #edit-cta {margin-bottom: 40px;}
  #edit-qualifio-container {margin-bottom: 8px;}
  .form--nppe-component-newsletter-sticky-banner-web-form-js .close-newsletter-sticky-banner-web-form {right: 1px;}
}


@media (max-width: 425px) {
  .bt-felix-pop-up{align-items: stretch;}
  #edit-logo {margin: auto;display: flex;}
 
}