:root{
   --black: #09100f;
   --white: #f9f8f5;
   --dark-grey: #aeaeae;
   --coral: #FF8A36;
 }
 .footer-new {
   padding: 100px 0px 80px;
   background-color: var(--black);
   color: var(--white);
   background-image: url(/assets/img/footer-eclipse.svg);
   background-position: left bottom;
   background-size: 100% 100%;
   background-repeat: no-repeat;
 
 }
 .footer-new div, .footer-new p, .footer-new a, .footer-new span {
   font-family: 'Poppins';
 }
 .footer-new-content {
   display: flex;
   flex-direction: row;
   gap: 16px;
   padding-bottom: 48px;
   border-bottom: 1px solid var(--white);
 }
 
 .footer-new-content-left,
 .footer-new-content-right {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .footer-new-heading {
   justify-content: space-between;
   align-items: flex-end;
 }
 
 .footer-new-heading .footer-new-content-left {
   width: 40%;
 }
 
 .footer-new-heading .footer-new-content-right {
   width: 40%;
 }
 
 
 .footer-new-content-title {
   position: relative;
   font-size: 24px;
   line-height: 133%;
   letter-spacing: -0.48px
 }
 
 .footer-new-heading-decal {
   position: absolute;
   top: -40px;
   left: -30px;
 }
 
 .footer-new-wrapper {
   max-width: min(1192px, 100%);
   margin: 0 auto;
 }
 
 .footer-new-social a:not(.footer-new-footer-logo) {
   width: 16px;
 }
 
 .footer-new-social a svg {
   fill: var(--white);
 }
 
 .footer-new-links {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 50px;
   justify-content: space-between;
   padding: 48px 0;
 }
 
 .footer-new-links-column {
   display: flex;
   flex-direction: column;
   gap: 24px;
 }
 
 p.footer-new-links-title {
   font-weight: 400;
   margin: 0;
 }
 
 .footer-new-links-group {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 p.footer-new-links-title {
   font-weight: 400;
   margin: 0;
 }
 
 .footer-new-links-group {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .footer-new-links-group a {
   color: var(--dark-grey);
   text-decoration: none;
   font-family: 'Poppins';
 }
 
 .footer-new-links-group a:hover {
   color: var(--white);
 }
 
 .footer-new-social-links {
   display: flex;
   flex-direction: row;
   gap: 24px;
 }
 
 .footer-new-social-links a svg {
   height: 24px;
   width: 24px;
   object-fit: contain;
 }
 
 .footer-new-social {
   align-items: center;
 }
 
 .footer-new-social .footer-new-content-right {
   align-items: flex-end;
   flex: 1;
 }
 
 .footer-new-social .footer-new-content-left {
   align-items: flex-start;
   flex: 1;
 }
 
 .footer-new-footer-logo {
   height: 48px;
   width: auto;
 }
 
 .footer-new-footnotes {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   gap: 24px;
   padding-top: 24px;
 }
 
 .footer-new-footnotes a {
   text-transform: uppercase;
   color: #fff;
 }
 
 .footer-new-form-success-message {
   display: none;
 }
 
 .footer-new-subscribe-form input[type=email] {
   background: rgba(249, 248, 245, 0.10);
   border: none;
   border-radius: 5px;
   color: var(--white);
   font-family: Poppins, sans-serif;
   padding: 8px 16px;
 }
 
 .footer-new-subscribe-form button {
   padding: 12px 18px;
   align-items: center;
   border: none;
   border-radius: 5px;
   font-size: 12px;
   font-weight: 300;
   line-height: 1;
   background: var(--white);
   color: var(--black)
 }
 
 .footer-new-subscribe-form button:hover {
   background: var(--coral);
   color: var(--white)
 }
 
 .footer-new-subscribe-form {
   display: flex;
   flex-direction: row;
   gap: 24px;
   align-items: flex-start;
 }
 
 .footer-new-subscribe-form.success .footer-new-form-success-message {
   display: block;
   font-size: 16px;
 }
 
 .footer-new-subscribe-form.success input[type=email],
 .footer-new-subscribe-form.success button {
   display: none;
 }
 
 
 .footer-new-subscribe-form.loading {
   background: #ffffff26;
   border-radius: 5px;
   overflow: hidden;
 }
 
 .footer-new-subscribe-form.loading:after {
   background: linear-gradient(90deg, transparent, #ededed26, transparent);
 }
 
 @media screen and (max-width: 1400px) {
   .footer-new {
     padding-inline: 32px;
   }
 }
 
 @media screen and (max-width: 1200px) {
   .footer-new-links {
     grid-template-columns: repeat(5, 1fr);
   }
 
   .footer-new {
     background-image: none;
   }
 }
 
 @media screen and (max-width: 768px) {
   .footer-new-links {
     grid-template-columns: repeat(4, 1fr);
   }
 
   .footer-new-heading {
     flex-direction: column;
     align-items: flex-start;
     gap: 24px;
   }
 
   .footer-new-heading .footer-new-content-left {
     width: 100%;
   }
 
   .footer-new-heading .footer-new-content-right {
     width: 60%;
   }
 
   .footer-new-subscribe-form {
     flex-wrap: wrap;
     gap: 16px;
   }
 
   .footer-new-social-links {
     flex-wrap: wrap;
   }
 }
 
 @media screen and (max-width: 700px) {
   .footer-new-links {
     grid-template-columns: repeat(3, 1fr);
   }
 
   .footer-new-social {
     flex-direction: column;
     align-items: flex-start;
     gap: 24px;
   }
 
   .footer-new-heading .footer-new-content-left {
     width: 100%;
   }
 
   .footer-new-heading .footer-new-content-right {
     width: 100%;
   }
 
   .footer-new-social .footer-new-content-left {
     width: 100%;
   }
 
   .footer-new-social .footer-new-content-right {
     align-items: flex-start;
   }
 
   .footer-new-footnotes {
     flex-direction: column;
   }
 }
 
 @media screen and (max-width: 600px) {
   .footer-new-links {
     grid-template-columns: repeat(2, 1fr);
   }
 }
 
 @media screen and (max-width: 500px) {
   .footer-new-links {
     grid-template-columns: 1fr;
   }
 }