footer#colophon {
  background: linear-gradient(
    90deg,
    rgba(40, 25, 66, 1) 0%,
    rgba(81, 54, 119, 1) 50%,
    rgba(40, 25, 66, 1) 100%
  );
    padding: 45px 8%;
	border-radius: 20px 20px 0 0;
}

footer#colophon .footer-top{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 50px;
    padding-bottom: 70px;
    position: relative;
}

footer#colophon .footer-top::after{
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background: #8E869C;
    bottom: 35px;
    right: 0;
}

footer#colophon .footer-top h2{
    min-width: 450px;
}

footer#colophon .footer-top h2,
footer#colophon .footer-top p{
    color: var(--white);
}

footer#colophon .footer-top h2 span{
    color: #B8A2DD;
    display: block;
    font-size: 0.9em;
    font-weight: 200;
}

footer#colophon .footer-top .rhs {
    max-width: 600px;
}


footer#colophon .footer-top  .underline-cta {
    background: linear-gradient(to right, var(--white), var(--white)) no-repeat left bottom;
    background-size: 0% 1.5px;
    color: var(--white);
    transition: background-size 0.2s ease;
}

footer#colophon .footer-top .underline-cta svg {
    background: var(--white);
}

footer#colophon .footer-top  .underline-cta:hover {
    background-size: calc(100% - 28px) 1.5px; 
}

footer#colophon ul li{
    list-style-type:none;
    margin-bottom: 5px;
}

footer#colophon a{
    text-decoration:none;
}

footer#colophon .footer-wrapper{
    display: flex;
    flex-direction: row;
    gap: 50px;
}

footer#colophon .footer-wrapper .wrapper-rhs{
    display: flex;
    flex-direction: column;
    gap: 25px;
}

footer#colophon .footer-wrapper .wrapper-rhs .card{
    background-color: var(--white);
    padding: 35px 25px;
    border-radius: 10px;
    min-width: 450px;
}

footer#colophon .footer-wrapper .wrapper-rhs .card h3 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

footer#colophon .footer-wrapper .wrapper-rhs .card h3 img{
    height: 35px;
}

footer#colophon .footer-wrapper .wrapper-rhs .card a.contact-deet{
    display: flex;
    gap: 10px;
    font-size: 0.9em;
    justify-content: start;
    align-items: center;
    margin-bottom: 8px;
}

footer#colophon .footer-wrapper .wrapper-rhs .card a.contact-deet svg{
    width: 20px
}
footer#colophon .footer-wrapper .wrapper-rhs .card a.contact-deet:hover{
    color: var(--purple);
    transition: 0.3s ease all;
}
footer#colophon .footer-wrapper .wrapper-rhs .card a.contact-deet:hover svg {
    fill: var(--purple);
    transition: 0.3s ease all;
}

footer#colophon .footer-wrapper .wrapper-rhs .card .socials-wrapper{
    display: flex;
    gap: 10px;
    justify-content: start;
    align-items: center;
    margin-top: 25px;
}

footer#colophon .footer-wrapper .wrapper-rhs .card .socials-wrapper .social{
    background-color: var(--purple);
    width: 34px;
    height: 34px;
    border-radius: 20px;
    display: flex;  
    align-items: center;
    justify-content: center;
}

footer#colophon .footer-wrapper .wrapper-rhs .card .socials-wrapper .social:hover {
background-color: var(--darkpurple);
    transition: 0.3s ease all;
}

footer#colophon .footer-wrapper .wrapper-rhs .card .socials-wrapper .social svg{
    width: 18px;
}

footer#colophon .footer-wrapper .wrapper-rhs .purple-card {
    background-color: #544077;
}

footer#colophon .footer-wrapper .wrapper-rhs .purple-card h3{
    color: var(--white);
}

p.gform_required_legend {
    display: none;
}
.gform_wrapper.gravity-theme .gfield_required {
    color: #b58dfc!important;
}
.gform_wrapper.gravity-theme .gfield input.large{
    border-radius: 30px;
}

legend.gfield_label.gform-field-label.gfield_label_before_complex{
    font-weight: 400;
    margin-bottom: 5px;
}
label.gform-field-label.gform-field-label--type-inline.gfield_consent_label {
    color: var(--white);
    font-weight: 200;
    font-size: 0.8em;
}
.gform_wrapper.gravity-theme .gfield_label {
    font-size: 0.9em;
    font-weight: 300;
    color: var(--white);
    margin-bottom: 4px;
}

label.gform-field-label.gform-field-label--type-inline.gfield_consent_label a {
    color: var(--white);
    text-decoration: underline!important;
}

label.gform-field-label.gform-field-label--type-inline.gfield_consent_label a:hover {
    color: #b58dfc!important;
}

footer#colophon .footer-wrapper .wrapper-rhs .purple-card .gform_wrapper.gravity-theme .gform_footer input{
    border-radius: 50px;
    border: 0;
    background: var(--purple);
    padding: 14px 25px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    width: 100%;
    text-rendering: geometricPrecision;
    font-family: var(--inter);
    font-weight: 500;
    color: var(--white);
    font-size: 0.9em;
    text-transform: capitalize;
}

footer#colophon .site-info {
    padding-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: start;
    gap: 50px;
    flex-wrap: wrap;
    width: 100%;
}

footer#colophon .site-info .widget {
    margin: 0;
    padding: 0;
    max-width: 33.333%;
    width: calc(33% - 31px);
}

footer#colophon .site-info .widget-title {
    color: var(--white);
}

footer#colophon .site-info a,
footer#colophon .site-info p,
footer#colophon .site-info li{
    color:var(--white);
    font-size: 0.9em;
    font-weight: 300;
    transition:all 0.3s ease;
}

footer#colophon .site-info ul{
    margin:0;
    column-count: 1;
    column-gap:40px;
}

footer#colophon .site-info a:hover,
footer#colophon .site-info a:focus{
    transition:all 0.3s ease;
      color: #B8A2DD;
}

footer#colophon .image-gallery{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: start;
    align-items: start;
}

footer#colophon .image-gallery img.sra{
    height: 50px;
        object-fit: contain;
}

footer#colophon .image-gallery img.rs{
        height: 80px;
    object-fit: contain;
}

footer#colophon .image-gallery img.klarna{
        height: 20px;
    object-fit: contain;
	filter: brightness(0) invert(1);
}

footer#colophon .locations {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 15px;
}

footer#colophon .locations .loc-btn {
  background: none;
  border: none;
  color: white;
  font-size: 0.9em;
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: start;
  cursor: pointer;
  padding: 0;
}

footer#colophon .locations .loc-title{
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: start;
}

footer#colophon .locations .loc-title svg{
  width: 15px;
  height: 15px;
}

footer#colophon .locations .arrow {
  margin-left: auto;
  display: flex;
  align-items: center;
  transition: transform 0.25s ease;
}

footer#colophon .locations .arrow svg{
  width: 20px;
  height: 20px;
  display: block;
}

footer#colophon .locations .dropdown-content {
  color: var(--white);
  margin: 10px 0 20px 27px;
  display: none;
  overflow: hidden;
  height: 0;
  transition: height 0.28s ease;
}

footer#colophon .locations .dropdown-content a:hover{
    color: #B8A2DD;
}

footer#colophon .locations .loc.open .arrow {
  transform: rotate(180deg);
}

footer#colophon .terms-banner .banner-wrapper{
    display: flex;
    flex-direction: row;
    gap: 50px;
    position: relative;
    margin-top: 50px;
}

footer#colophon .terms-banner .banner-wrapper::before{
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background: #8E869C;
    top: -15px;
    right: 0;
}

footer#colophon .terms-banner .banner-wrapper a p{
    color: var(--white);
    font-weight: 400;
    font-size: 0.9em;
    margin-bottom: 10px;
}
footer#colophon .terms-banner p.notice{
    color: var(--white);
    font-weight: 200;
    font-size: 0.8em;
}

legend.gfield_label.gform-field-label.gfield_label_before_complex,
.gform_wrapper.gravity-theme .gfield_label{
    color: var(--white);
}



@media screen and (max-width:1200px){
    footer#colophon .footer-top {
    flex-direction: column;
    gap: 0px;
    }
    footer#colophon .footer-top .rhs {
    max-width: 100%;
}
footer#colophon .footer-wrapper {
    flex-direction: column;
}
footer#colophon .footer-wrapper .wrapper-rhs {
    flex-direction: row;
    flex-wrap: wrap;
}
footer#colophon .footer-wrapper .wrapper-rhs .card {
    width: calc((100% / 2) - 13px);
    min-width: unset;
}
}

@media screen and (max-width:860px){
footer#colophon .footer-wrapper .wrapper-rhs .card {
    width: 100%;
}
}

@media screen and (max-width:768px){
    footer#colophon {
    padding: 45px 5%;
}
footer#colophon .terms-banner .banner-wrapper {
    gap: 30px;
}
}

@media screen and (max-width:768px){
footer#colophon .terms-banner .banner-wrapper {
    flex-direction: column;
    gap: 0;
}
footer#colophon .footer-top h2 {
    min-width: unset;
}
}