.module-component-footer-style-1 {
  background-color: var(--tertiary);
  padding-top: var(--spacing-52);
  padding-bottom: var(--spacing-24);

}

.module-component-footer-style-1 .box {
  padding: var(--spacing-32);
  border-radius: var(--radius-20);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  color: var(--white-100);
  width: 100%;
}
.module-component-footer-style-1 .box .link,
.module-component-footer-style-1 .box.secondary div{transition: var(--transition-fast);}

.module-component-footer-style-1 .box .link:hover,
.module-component-footer-style-1 .box.secondary.delba:hover div,
.module-component-footer-style-1 .box.secondary a:hover{opacity: 0.6;}


.module-component-footer-style-1 .box a{color: var(--white-100);}
.module-component-footer-style-1 .box.primary .link {
  position: relative;
  z-index: 1;
}
.module-component-footer-style-1 .box.primary {
  position: relative;
  background-color: var(--primary);
}
.module-component-footer-style-1 .box.primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--fon);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.2;
  z-index: 0;
}


.module-component-footer-style-1 .box.secondary{background-color: var(--tertiary-hover);}



.module-component-footer-style-1 .logo img{
  width: 100%;
  filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(0%) hue-rotate(28deg) brightness(107%) contrast(107%);
}


.module-component-footer-style-1 .menu,
.module-component-footer-style-1 .menu .grid a {
  color: var(--white-100);
}
.module-component-footer-style-1 .menu .grid {
  row-gap:var(--spacing-24);
  column-gap:var(--spacing-72);
}




.module-component-footer-style-1 .poly{
  color: var(--white-50);
  text-decoration: underline;
}
.module-component-footer-style-1 .poly:hover  {
  color: var(--white-100);
}
.module-component-footer-style-1 .links{
  row-gap: var(--spacing-24);
  column-gap: var(--spacing-40);
}




@media (max-width: 767px) {
  
}

@media (min-width: 768px) and (max-width: 1023px) {
  .module-component-footer-style-1 .main {gap: var(--spacing-32) !important;}

  .module-component-footer-style-1 .menu[tablet] {gap: var(--spacing-12);}
  .module-component-footer-style-1 .menu[tablet] a {font: var(--font-p3);color: var(--white-100);}

}

@media (max-width: 1023px) {
  .module-component-footer-style-1 {
    padding-top: var(--spacing-36);
    padding-bottom: var(--spacing-36);
  }

  .module-component-footer-style-1 .main-main {gap: var(--spacing-32);}
  .module-component-footer-style-1 .main {gap: var(--spacing-68);}

  .module-component-footer-style-1 .logo img {height: calc(65 * var(--rpx));}

  .module-component-footer-style-1 .boxes {gap: var(--spacing-20);}
  .module-component-footer-style-1 .box {padding: var(--spacing-20);}
  .module-component-footer-style-1 .box br {display: none;}
  .module-component-footer-style-1 .box .link {align-items: center;}
  .module-component-footer-style-1 .box .p1 {font-size: calc(24 * var(--rpx));}
  .module-component-footer-style-1 .box.secondary .p1 {font:var(--font-h3);}

  .module-component-footer-style-1 .menu {gap: var(--spacing-32);text-align: center;}
  .module-component-footer-style-1 .menu .p2 {font: var(--font-h3);}
  .module-component-footer-style-1 .menu .grid {gap: var(--spacing-20);}
  .module-component-footer-style-1 .menu a {font: var(--font-p2);}

  .module-component-footer-style-1 .categories {align-items: center;}

}

@media (min-width: 1024px) {
  
}