/* compiled by scssphp 1.10.2 on Sun, 13 Jul 2025 22:04:55 +0000 (0.2562s) */

/* Services SCSS Document */
/* Variable defaults */
/* Typography */
/* Typography responsive */
/* Colors */
/* headings */
/* Headings responsive */
/* H1 heading */
/* H1 heading responsive */
/* H2 heading */
/* H2 heading responsive */
/* H3 heading */
/* H2 heading responsive */
/* H4 heading */
/* H4 heading responsive */
/* Images */
/* Videos */
/* Forms */
/* Forms responsive */
/* Buttons */
/* Buttons responsive */
/* Grids */
/* Grids responsive */
/* Layout */
/* Layout responsive */
/* Header */
/* Header responsive */
/* Navigation */
/* Navigation responsive */
/* Rotator */
/* Rotator responsive */
/* Footer */
/* Footer responsive */
/* Offcanvas */
/* Offcanvas responsive */
/* Responsive Sizes */
/* Grid Percentages */
/*------------------------------*/
/*    Media Queries - Inline    */
/*------------------------------*/
/*------------------------------*/
/*    Media Queries - Inline    */
/*------------------------------*/
/* All from mobile up (responsive all) */
@media all {
  .service-details .uk-grid > div > * {
    margin-top: 0px;
  }
  .service-details .floated-left, .service-details .floated-right {
    max-width: 45%;
  }
  .service-details .service-image img {
    border-radius: 0;
    overflow: hidden;
  }
  .storage-module {
    display: flex;
    flex-direction: column-reverse;
    gap: 40px;
  }
  .storage-module * {
    color: #FFF;
  }
  .storage-module .storage-column {
    flex: 1 1 45%;
  }
  .storage-module .storage-column .storage-table-wrapper {
    display: flex;
    flex-direction: row;
    overflow: auto;
    gap: 5px;
    padding-left: 24px;
    margin: 0px -24px;
    width: auto;
  }
  .storage-module .storage-column .storage-table-wrapper .storage-table-row, .storage-module .storage-column .storage-table-wrapper .storage-table-head {
    display: flex;
    align-items: center;
    column-gap: 10px;
    border: 1px solid #FFF;
    padding: 10px;
    border-radius: 5px;
    transition: all 0.3s ease-in-out 0s;
  }
  .storage-module .storage-column .storage-table-wrapper .storage-table-row > div, .storage-module .storage-column .storage-table-wrapper .storage-table-head > div {
    font-weight: 600;
  }
  .storage-module .storage-column .storage-table-wrapper .storage-table-row > *:first-child, .storage-module .storage-column .storage-table-wrapper .storage-table-head > *:first-child {
    width: 40px;
    height: 20px;
  }
  .storage-module .storage-column .storage-table-wrapper .storage-table-row > *:last-child, .storage-module .storage-column .storage-table-wrapper .storage-table-head > *:last-child {
    flex: 1 1 25%;
  }
  .storage-module .storage-column .storage-table-wrapper .storage-table-row > *, .storage-module .storage-column .storage-table-wrapper .storage-table-head > * {
    transition: all 0.3s ease-in-out 0s;
  }
  .storage-module .storage-column .storage-table-wrapper .storage-table-row:last-child, .storage-module .storage-column .storage-table-wrapper .storage-table-head:last-child {
    margin-right: 24px;
  }
  .storage-module .storage-column .storage-table-wrapper .storage-table-head {
    padding-top: 0px;
    display: none;
  }
  .storage-module .storage-column .storage-table-wrapper .storage-table-row {
    cursor: pointer;
    overflow: hidden;
    height: 42px;
    flex: 0 0 62px;
    justify-content: center;
    text-align: center;
  }
  .storage-module .storage-column .storage-table-wrapper .storage-table-row:hover, .storage-module .storage-column .storage-table-wrapper .storage-table-row.active {
    background-color: #FFF;
    transition: all 0.1s ease-in-out 0s;
  }
  .storage-module .storage-column .storage-table-wrapper .storage-table-row:hover *, .storage-module .storage-column .storage-table-wrapper .storage-table-row.active * {
    color: #000;
    transition: all 0.1s ease-in-out 0s;
  }
  .storage-module .storage-column .storage-table-wrapper .storage-table-row > div:last-child {
    display: none;
  }
  .storage-module .storage-column:first-child {
    text-align: center;
    display: grid;
  }
  .storage-module .storage-column:first-child > div {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
    transition: all 0.3s ease-in-out 0s;
    transform: translateX(0px);
  }
  .storage-module .storage-column:first-child > div:not(.active) {
    opacity: 0;
    pointer-events: none;
    transform: translateX(100px);
  }
  .storage-module .storage-column:first-child > div img {
    width: 100%;
    aspect-ratio: 1.6;
    object-fit: contain;
  }
  .storage-module .storage-column:first-child > div .button-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .storage-module .storage-column:first-child > div .button-wrapper .storage-price {
    border: 1px solid #FFF;
    border-radius: 3px;
    padding: 15px 20px;
    text-align: center;
    width: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }
}
@media (min-width: 960px) {
  .storage-module {
    gap: 120px;
    flex-direction: row;
  }
}
@media all {
  .page-block-group:has(.storage-module) {
    overflow: hidden;
  }
}
@media (min-width: 960px) {
  .storage-module .storage-column .storage-table-wrapper {
    margin: unset;
    padding: unset;
    flex-direction: column;
    gap: unset;
  }
}
@media (min-width: 960px) {
  .storage-module .storage-column .storage-table-wrapper .storage-table-row, .storage-module .storage-column .storage-table-wrapper .storage-table-head {
    padding: 20px;
    border: 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 960px) {
  .storage-module .storage-column .storage-table-wrapper .storage-table-row > div, .storage-module .storage-column .storage-table-wrapper .storage-table-head > div {
    font-weight: 400;
  }
}
@media (min-width: 960px) {
  .storage-module .storage-column .storage-table-wrapper .storage-table-row > *:first-child, .storage-module .storage-column .storage-table-wrapper .storage-table-head > *:first-child {
    height: unset;
    width: unset;
    flex: 1 1 65%;
  }
}
@media (min-width: 960px) {
  .storage-module .storage-column .storage-table-wrapper .storage-table-row:last-child, .storage-module .storage-column .storage-table-wrapper .storage-table-head:last-child {
    margin: unset;
    border: 0px;
  }
}
@media (min-width: 960px) {
  .storage-module .storage-column .storage-table-wrapper .storage-table-head {
    display: flex;
  }
}
@media (min-width: 960px) {
  .storage-module .storage-column .storage-table-wrapper .storage-table-row {
    text-align: unset;
    justify-content: unset;
    height: unset;
    flex: unset;
  }
}
@media (min-width: 960px) {
  .storage-module .storage-column .storage-table-wrapper .storage-table-row > div:last-child {
    display: block;
  }
}
@media (min-width: 960px) {
  .storage-module .storage-column:first-child > div .button-wrapper .storage-price {
    display: none;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22edit%2Fmodules%2Fservices%2Fservices.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAA0EA%3BAAIQ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAOI%3BAAAA%3BAAAA%3BAAAA%3BAAOR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBI%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAUJ%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeI%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAWZ%3BAAAA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAA5MhB%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcR%3BAAgCQ%3BAAAA%3BAAAA%3BAAAA%3BAA9CA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */