@media screen and (max-width: 768px) {
  .button.knowmore {
    padding-block: 10px;
    padding-inline: 20px;
  }
}
@media screen and (max-width: 425px) {
  .button.knowmore {
    padding-block: 8px;
    padding-inline: 15px;
  }
}
@media (max-width: 325px) {
  .button.knowmore {
    padding-block: 6px;
    padding-inline: 10px;
  }
}
/* ##################################################### */
/* ####################### Reset ####################### */
/* ##################################################### */
@media screen and (max-width: 768px) {
  :root {
    --pinline: 40px ;
  }
}
@media screen and (max-width: 425px) {
  :root {
    --pinline: 30px ;
  }
  body {
    font-size: 12px;
  }
}
@media screen and (max-width: 325px) {
  :root {
    --pinline: 15px ;
  }
}
/* ##################################################### */
/* ##################### Animation ##################### */
/* ##################################################### */
/* ##################################################### */
/* ################### Buttons Class ################### */
/* ##################################################### */
/* ##################################################### */
/* ################## Main Menu Class ################## */
/* ##################################################### */
@media screen and (max-width: 1200px) {
  .imagenet-menu {
    position: relative;
  }
  .imagenet-menu-toggle {
    display: block;
  }
  .imagenet-menu-container {
    z-index: 4;
    position: fixed;
    display: grid;
    right: 0;
    top: 0;
    height: 100%;
    min-width: 350px;
    backdrop-filter: blur(3px);
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: -5px 0 10px rgba(0, 0, 0, 0.1);
    transform: translateX(100%);
    align-items: unset;
    transition: var(--transition);
  }
  .imagenet-menu-container::before {
    content: "";
    display: block;
    position: absolute;
    left: 15px;
    bottom: 0;
    width: 8px;
    height: 20%;
    border-radius: 10px;
    background-color: var(--primary);
    transform: translateY(50%);
    transition: 1500ms;
  }
  .imagenet-menu-content {
    display: grid;
    gap: 50px;
    height: -moz-fit-content;
    height: fit-content;
  }
  .imagenet-menu-content-header {
    display: flex;
    border-bottom: 1px solid #e8e8e8;
  }
  .imagenet-menu-ulist {
    display: grid;
    padding-inline: 30px 20px;
    font-size: 1.1em;
    font-weight: 400;
  }
  .open .imagenet-menu-container {
    transform: translateX(0%);
  }
  .open .imagenet-menu-container::before {
    transform: translateY(0%);
  }
  .open .imagenet-menu-toggle:hover {
    color: var(--primary);
  }
}
@media screen and (max-width: 768px) {
  .imagenet-menu-logo-image {
    max-width: 80px;
  }
}
@media screen and (max-width: 425px) {
  .imagenet-menu-container {
    width: 100%;
  }
}

/* ##################################################### */
/* ############### Main Banner Class ################### */
/* ##################################################### */
/* ##################################################### */
/* #################### Misc Class ##################### */
/* ##################################################### */
/* ##################################################### */
/* ################### Cards Class ##################### */
/* ##################################################### */
/* ##################################################### */
/* #################### Text Class ##################### */
/* ##################################################### */
/* ##################################################### */
/* ##################### Form Class #################### */
/* ##################################################### */
/* ##################################################### */
/* ################### footer Class #################### */
/* ##################################################### */
@media screen and (max-width: 800px) {
  .imagenet-footer-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .imagenet-footer-copyright {
    flex-direction: column;
    text-align: center;
  }
}
@media screen and (max-width: 500px) {
  .imagenet-footer-section-item.address {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
  }
}