/* Start:/local/js/luxecorp-vue-template/example-component/dist/example-component.bundle.css?1782825806280*/

.button[data-v-04f9a343] {
        background-color: #4CAF50;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        cursor: pointer;
}

/* End */


/* Start:/local/templates/luxecorp_solution/css/normilize.css?17828258066791*/
@layer default {
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
    line-height: 1.15; /* 1 */
    text-size-adjust: 100%; /* 2 */
  }
  
  /* Sections
     ========================================================================== */
  
  /**
   * Remove the margin in all browsers.
   */
  
  body {
    margin: 0;
  }
  
  /**
   * Render the `main` element consistently in IE.
   */
  
  main {
    display: block;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  h1 {
    margin: 0.67em 0;
    font-size: 2em;
  }
  
  /* Grouping content
     ========================================================================== */
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  hr {
    overflow: visible; /* 2 */
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
     ========================================================================== */
  
  /**
   * Remove the gray background on active links in IE 10.
   */
  
  a {
    background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
    font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  sub,
  sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
     ========================================================================== */
  
  /**
   * Remove the border on images inside links in IE 10.
   */
  
  img {
    border-style: none;
  }
  
  /* Forms
     ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
    margin: 0; /* 2 */
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
    text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    appearance: auto;
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  
  legend {
    display: table; /* 1 */

    box-sizing: border-box; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */

    color: inherit; /* 2 */
    white-space: normal; /* 1 */
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
    vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
  [type="search"] {
    appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-decoration {
    appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  ::-webkit-file-upload-button {
    font: inherit; /* 2 */
    appearance: auto; /* 1 */
  }
  
  /* Interactive
     ========================================================================== */
  
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  
  details {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
    display: list-item;
  }
  
  /* Misc
     ========================================================================== */
  
  /**
   * Add the correct display in IE 10+.
   */
  
  template {
    display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  
  [hidden] {
    display: none;
  }
}
/* End */


/* Start:/local/templates/luxecorp_solution/css/header.css?17828258061334*/
.header-container {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;


    padding-block: calc(var(--dimension-base) * 9); 

    /* color: var(--color-secondary);

    background-color: var(--color-primary); */
    
    &>div{
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

div.button-container,
div.menu-container{
    display: flex;

    @media (width <= 1024px) {
        display: none;
    }
} 

div.burger-menu-container {
    display: none;

    @media (width <= 1024px) {
        display: flex;
    }
}

.burger-menu-button {
    color: var(--color-font-primary);
}

.burger-menu-drawer {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);

    display: flex;
    flex-direction: column;
    gap: calc(var(--dimension-base) * 9);

    width: 300px;
    height: 100%;
    padding: calc(var(--dimension-base) * 9);

    background-color: var(--color-primary);

    transition: transform 0.3s ease-in-out;

    &>.button:last-child{
        width: 100%;
    }

    &.is-open {
        transform: translateX(0);
    }
}

.company-name-container {
    display: flex;
    gap: calc(var(--dimension-base) * 4);
    max-width: 200px;
    height: 50px;

    &>img{
        object-fit: contain;
    }
}
/* End */


/* Start:/local/templates/luxecorp_solution/css/footer.css?17828258062292*/
.footer-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc(var(--dimension-base) * 50) calc(var(--dimension-base) * 60);
}

.footer-block {
    display: flex;
    flex-direction: column;
    gap: calc(var(--dimension-base) * 10);

    &>*{
        width:fit-content;
    }
}

.copyright {
    text-wrap-mode: nowrap;
}

.social-links {
    display: flex;
    gap: calc(var(--dimension-base) * 10);
    justify-content: center;
}

.legal-info {
    display: flex;
    gap: calc(var(--dimension-base) * 10);
    align-items: baseline;
    justify-content: space-between;
}

.legal-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--dimension-base) * 10);
}

.luxecorp-link {
    display: flex;
    gap: calc(var(--dimension-base) * 10);
    align-items: center;

    &>div{
        aspect-ratio: 1;
        height: 32px;

        &>img{
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
    }
}

.feedback-form {
	position: relative;
    display: flex;
    flex-direction: column;
    gap: calc(var(--dimension-base) * 10);
}

.feedback-form-text {
    display: flex;
    flex-direction: column;
    gap: calc(var(--dimension-base) * 6);

    &>*{
        width:fit-content;
    }

}

.cookies-form {
    position: fixed;
    bottom: calc(var(--dimension-base) * 10);
    left: 50%;
    transform: translateX(-50%);


    display: flex;
    gap: calc(var(--dimension-base) * 10);

    max-width: 800px;
    padding: calc(var(--dimension-base) * 8);
    border: var(--dimension-base) solid var(--color-border);
    border-radius: calc(var(--dimension-base) * 4);

    background-color: var(--color-secondary);
}

.cookies-form-buttons {
    display: flex;
    flex-direction: column;
    gap: calc(var(--dimension-base) * 2);

    &>.button{
        width: 100%;
    }
}

@media (width <= 600px) {
    .footer-container {
        flex-direction: column;
        gap: calc(var(--dimension-base) * 10);
    }

    .footer-block {
        align-items: center;
        text-align: center;

        & *:not(.input){
            align-items: inherit;
            text-align: inherit;
        }
    }

    .legal-info {
        flex-direction: column;

    }
}
/* End */


/* Start:/local/templates/luxecorp_solution/css/index.css?178282580617949*/
@layer default, mobile;

@layer default {
    .title-description {
        position: relative;
        width: 100%;
        height: fit-content;
    }
    
    .title-description-1 {
        display: flex;
        flex-direction: column;
        row-gap: calc(var(--dimension-base) * 20);
        align-items: center;
    
        text-align: center;
    
        & .title-description-description{
            max-width: 520px;
        }
    }
    
    .title-description-2 {
        display: grid;
        grid-template-areas:
        "header description"
        "short-description buttons";
        grid-template-columns: 1fr 1fr;
        gap: calc(var(--dimension-base) * 14) calc(var(--dimension-base) * 30);
        
        &>.title-description-title {
            grid-area: header;
        }
    
        &>.title-description-short-description {
            grid-area: short-description;
            align-self: end;
        }
    
        &>.title-description-button {
            grid-area: buttons;
        }
    
        @media (width <= 510px) {
            display: flex;
            flex-direction: column;
            gap: calc(var(--dimension-base) * 14);
    
        }
    }
    
    .title-description-3 {
        display: grid;
        grid-template-areas:
        "header ."
        "short-description description" 
        ". buttons";
        grid-template-columns: 1fr 1fr;
        column-gap: calc(var(--dimension-base) * 30);
        align-items: start;
        
        &>.title-description-title {
            grid-area: header;
            margin-bottom: calc(var(--dimension-base) * 30);
        }
    
        &>.title-description-description {
            grid-area: description;
        }
    
        &>.title-description-short-description {
            grid-area: short-description;
        }
    
        &>.title-description-button {
            grid-area: buttons;
            margin-top: calc(var(--dimension-base) * 14);
        }
    
        @media (width <= 510px) {
            display: flex;
            flex-direction: column;
            gap: calc(var(--dimension-base) * 14);
    
        }
    }
    
    .hero-default {
        position: relative;
        display: flex;
        padding-block: calc(var(--dimension-base) * 50) calc(var(--dimension-base) * 30);
    
        &>.hero-text-block {
            display: flex;
            flex-direction: column;
            gap: calc(var(--dimension-base) * 20);  
        }
    
        &>.hero-image-block {
            overflow: hidden;
            width: 100%; 
            border-radius: calc(var(--dimension-base) * 12);
    
            & img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }
    
    .hero-container-1 {
        flex-direction: column;
        gap: calc(var(--dimension-base) * 32);
    
        &>.hero-text-block {
            align-items: center;
            justify-content: center;    
        }
    
        &>.hero-image-block {
            width: 100%; 
        }
    }
    
    .hero-container-2 {
        gap: calc(var(--dimension-base) * 10);
        justify-content: space-between;
    
        &>.hero-text-block {
            align-items: flex-start;
            justify-content: center;    
        }
    
        &>.hero-image-block {
            max-width: 50%; 
            height: 600px;
        }
    }
    
    .hero-button-panel {
        display: flex;
        gap: calc(var(--dimension-base) * 14);
    }
    
    .content-default {
        display: flex;
        flex-direction: column;
        gap: calc(var(--dimension-base) * 32);
        padding-block: calc(var(--dimension-base) * 50);   
    }
    
    .content-gallery-block {
        display: flex;
        gap: calc(var(--dimension-base) * 20) calc(var(--dimension-base) * 10);
    }
    
    .content-gallery-item {
        position: relative;
        display: flex;
    }
    
    .content-gallery-item-image{ 
        overflow: hidden;
        display: flex;
        flex-grow: 1;
    
        aspect-ratio: 1;
        border-radius: calc(var(--dimension-base) * 12);
    
    
        & img {
            width: 100%;
    
            /* height: 100%; */
            object-fit: cover;
        }
    }
    
    .content-gallery-item-text {
        display: flex;
        flex-direction: column;
    }
    
    .content-gallery-block-1 {
        flex-direction: row;
    
        & .content-gallery-item {
            flex-basis: 50%;
            flex-direction: column;
            gap: calc(var(--dimension-base) * 8);
            align-items: center;
    
            & .content-gallery-item-image {
                margin-bottom: auto;
            }
    
            & .content-gallery-item-text {
                gap: var(--dimension-base);
                text-align: center;
            }
        }
    }
    
    .content-gallery-block-2 {
        flex-direction: column;
    
        & .content-gallery-item {
            gap: calc(var(--dimension-base) * 20);
            align-items: center;
            justify-content: space-between;
    
            &>*{
                flex-basis: 50%;
            }
    
            & .content-gallery-item-text {
                gap: calc(var(--dimension-base) * 14);
            }
        }
    
        &.content-gallery-orientation-right {
            &>.content-gallery-item {
                flex-direction: row-reverse;
            }    
        }
    
        &.content-gallery-orientation-left-alternate {
            &>.content-gallery-item:nth-child(even) {
                flex-direction: row-reverse;
            }
        }
    
        &.content-gallery-orientation-right-alternate {
            &>.content-gallery-item:nth-child(odd) {
                flex-direction: row-reverse;
            }
        }
    }
    
    .content-list-block {
        display: flex;
        gap: calc(var(--dimension-base) * 20);
        align-items: center;
    
        &>*{
            flex-basis: 50%;
        }
    }
    
    .content-list{
        display: flex;
        flex-direction: column;
        gap: calc(var(--dimension-base) * 20);
    
        &>.content-list-item {
            position: relative;
            display: flex;
            gap: calc(var(--dimension-base) * 8);
    
            &>svg{
                margin-top: calc(var(--dimension-base) * 2);
                color: var(--color-accent);
            }
    
            &>.content-list-item-info{
                display: flex;
                flex-direction: column;
                gap: calc(var(--dimension-base) * 12);
            }
        }
    }
    
    .content-list-item-image {
        overflow: hidden;
        display: flex;
        flex-basis: 50%;
        flex-grow: 1;
    
        border-radius: calc(var(--dimension-base) * 12);
    
    
        & img {
            width: 100%;
    
            /* height: 100%; */
            object-fit: cover;
        }
    }
    
    .content-list-orientation-right {
        flex-direction: row-reverse;
    }
    
    .content-counters {
        display: flex;
        gap: calc(var(--dimension-base) * 10);
    }
    
    .content-counter-item {
        position: relative;
    
        display: flex;
        flex-basis: 30%;
        flex-direction: column;
        gap: calc(var(--dimension-base) * 8);
        align-items: center;
    
        
    
        text-align: center;
    }
    
    .content-counter-number {
        width: 100%;
        padding: 0 0 calc(var(--dimension-base) * 4);
        border-bottom: 1px solid var(--color-border);
    
        font-size: calc(var(--font-size-base) * 48);
        font-weight: 700;
        line-height: 100%;
        color: var(--color-font-primary);
        
    }
    
    .features-default {
        display: flex;
        flex-direction: column;
        gap: calc(var(--dimension-base) * 30);
        padding-block: calc(var(--dimension-base) * 50);
    }
    
    .features-items-block {
        display: grid;
        gap: calc(var(--dimension-base) * 20);
    }
    
    .feature-item {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: calc(var(--dimension-base) * 8);
    }
    
    .feature-item-image {
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    
        width: calc(var(--dimension-base) * 32);
        height: calc(var(--dimension-base) * 32);
        border-radius: 50%;
    
        background-color: var(--color-secondary);
    
        & img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    
    .feature-item-1 {
        align-items: center;
        text-align: center;
    }
    
    .team-default {
        display: flex;
        flex-direction: column;
        gap: calc(var(--dimension-base) * 30);
        padding-block: calc(var(--dimension-base) * 50);
    
    }
    
    .team-items-block {
        display: grid;
        gap: calc(var(--dimension-base) * 10);
    }
    
    .team-item {
        position: relative;
    
        display: flex;
        flex-direction: column;
        gap: calc(var(--dimension-base) * 8);
    
        width: fit-content;
    
    
        /* & img{
            position: relative;
            left: 50%;
            transform: translateX(-50%);
        } */
    
        & .team-item-image{
            overflow: hidden;
            display: flex;
            aspect-ratio: 1;
    
            &>img{
                width: 100%;
                height: 100%;
                object-fit: cover;           
            }
        }
    
        /* & .team-item-text {
            width: fit-content;
        } */
    }
    
    
    .team-item-2{
        align-items: center;
        text-align: center;
    
        & .team-item-image{
            border-radius: calc(var(--dimension-base) * 300);
        }
    }
    
    .team-items-block-2 {
        &>.team-group {
            display: flex;
            flex-direction: column;
            gap: calc(var(--dimension-base) * 10);
        }
    
        /* &>.team-item{
            align-items: end;
        } */
    
        &>.team-group:first-child {
            align-items: start;
    
            &>.team-item:first-child,
            &>.team-item:nth-child(3n){
                max-width: 84%;
    
                & .team-item-image {
                    aspect-ratio: 0.86;
                }
            } 
    
    
    
            &>.team-item:nth-child(2n) .team-item-image {
                aspect-ratio: 1.57;
            }
    
        }
    
        &>.team-group:last-child {
            align-items: end;
        
            
            &>.team-item:first-child,
            &>.team-item:nth-child(3n) {
                & .team-item-image {
                    aspect-ratio: 1.57;
                }
            }
    
            &>.team-item:nth-child(2n) {
                max-width: 84%;
    
                & .team-item-image {
                    aspect-ratio: 0.86;
                }
            }
    
    
        }
    
    
    }
    
    .clients-default {
        display: flex;
        flex-direction: column;
        gap: calc(var(--dimension-base) * 32);
        padding-block: calc(var(--dimension-base) * 50);
    }
    
    .clients-slider-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .clients-slider {
        overflow-x: hidden;
    }
    
    .clients-slider-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        
        width: calc(var(--dimension-base) * 16);
        height: calc(var(--dimension-base) * 16);
    
        color: var(--color-font-secondary);
    
        &:disabled {
            pointer-events: none;
            cursor: not-allowed;
        }
    }
    
    .clients-items-block {
        display: flex; 
        gap: 1%;
        transition: transform 0.3s ease-in-out;
    }
    
    .clients-item {
        position: relative;
    
        display: flex;
        flex: 1 0 50%;
        flex-direction: column;
        gap: calc(var(--dimension-base) * 12);
    }
    
    .clients-client-info {
        display: flex;
    }
    
    .clients-item-avatar {
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    
        width: calc(var(--dimension-base) * 30);
        height: calc(var(--dimension-base) * 30);
        border-radius: 50%;
    
        background-color: var(--color-secondary);
    
        & img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    
    .clients-star {
        color: var(--accent-caution);
    }
    
    .clients-client-info-1 {
        gap: calc(var(--dimension-base) * 9);
        align-items: center;
    
        & .clients-client-name {
            font-size: calc(var(--dimension-base) * 9);
            font-weight: 600;
            line-height: 156%;
        }
    }
    
    .clients-client-info-2 {
        flex-direction: column;
        gap: calc(var(--dimension-base) * 6);
    }
    
    .clients-item-right {
        align-items: center;
        text-align: center;
    
        &>.clients-client-info {
            align-items: center;
        }
    }
    
    
    .cta-default {
        padding-block: calc(var(--dimension-base) * 50);
    }
    
    .cta-container {
        position: relative;
    
        display: flex;
        gap: calc(var(--dimension-base) * 31);
    
        padding: calc(var(--dimension-base) * 30);
        border-radius: calc(var(--dimension-base) * 12);
    
        background-color: var(--color-secondary);
    }
    
    .cta-text {
        display: flex;
        gap: calc(var(--dimension-base) * 20);
        width: 100%;
    }
    
    .cta-content {
        display: flex;
        flex-direction: column;
        gap: calc(var(--dimension-base) * 15);
    }
    
    .cta-inputs {
        display: flex;
        gap: calc(var(--dimension-base) * 10);
    
        & .input {
            flex-grow: 1;
        }

        &>.button:last-child{
            flex-shrink: 0;
        }
    }
    
    .cta-text-1 {
        flex-direction: column;
        align-items: center;
        text-align: center;
    
        & .cta-description{
            max-width: 520px;
        }
    }
    
    .cta-text-2 {
        gap: calc(var(--dimension-base) * 20);
        align-items: center;
    
        &>*{
            flex-basis: 50%;
        }
    }
    
    .cta-container:has(.cta-image) {
        & .cta-text {
            flex-direction: column;
            justify-content: center;
    
            &>*{flex-basis: auto;}
        }
    }

    .cta-image{
        overflow: hidden;
        display: flex;
        flex-grow: 1;
    
        aspect-ratio: 1;
        border-radius: calc(var(--dimension-base) * 12);
    
    
        & img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    
    .faq-default {
        display: flex;
        gap: calc(var(--dimension-base) * 31);
        padding-block: calc(var(--dimension-base) * 50);
    }
    
    .faq-items-block {
        display: grid;
        gap: calc(var(--dimension-base) * 20);
    }
    
    .faq-item {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: calc(var(--dimension-base) * 8);
    }
    
    .faq-item-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .faq-dropdown-btn{
        display: flex;
        align-items: center;
        justify-content: center;
    
        width: 32px;
        height: 32px;
        padding: 4px;
        border-radius: 50%;
    
        background-color: var(--color-secondary);
    
        transition: transform 0.3s ease-in-out;
    
        &.open {
            transform: rotate(180deg);
        }
    }
    
    .faq-1 {
        flex-direction: column;
        align-items: center;
    }
    
    
    .faq-2 {
        flex-direction: row;
        gap: calc(var(--dimension-base) * 60);
        justify-content: space-between;
    
        &>*{
            flex-basis: 41%;
        }
    
        &>.faq-items-block {
            flex-basis: 50%;
        }
    }
    
    .faq-item.collapsable {
        padding-block: calc(var(--dimension-base) * 16);
        border-bottom: 1px solid var(--color-secondary);
    
        &>.faq-item-answer {
            overflow: hidden;
            height: 0;
            transition: height 0.3s ease-in-out;
    
            &.open {
                height: auto;
            }
        }
    }
}



@layer mobile {
@media (width <= 600px) {
    .hero-default{
        flex-direction: column;
    }

    .hero-image-block{
        max-width: 100%;
        height:auto;
    }

    .content-gallery-block{
        flex-direction: column;
    }

    .content-gallery-item{
        flex-direction: column;
    }

    .content-list-block{
        flex-direction: column;
    }

    .content-list-item-image>img{
        height:100%;
    }

    .content-counters{
        flex-direction: column;
    }

    .features-items-block{
        display: flex;
        flex-direction: column;
    }

    .team-items-block{
        display: flex;
        flex-direction: column;
    }

    .team-group{
        align-items: center;
    }

    .team-item{
        max-width: 100%;
    }

    .team-item-image{
        aspect-ratio: 1;
    }

    .clients-items-block{
        flex-direction: column;
        gap: calc(var(--dimension-base) * 10);
    }

    
    .cta-container{
        flex-direction: column;
    }

    .cta-inputs{
        flex-direction: column;
        align-items: center;

        &>.button{
            width: 100%;
        }
    }



}
}
/* End */


/* Start:/local/templates/luxecorp_solution/css/edit-panel.css?17828258067334*/
.edit-panel-container {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 100%;

    width: 100%;
    height: 100%;
}

.setting-panel {
    position: absolute;
    z-index: 1000;
    right: -50%;

    display: flex;
    flex-direction: column;

    width: 50%;
    height: 100%;

    background-color: rgb(0 0 0 / 35%);

    transition: all 0.3s ease-in-out;

    &.active {
        right: 0;
    }
}

.setting-control-panel {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-100%,0);

    display: flex;
    flex-direction: column;
    gap: 10px;

    width: fit-content;

    &>.button {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}

.edit-panel-sticky-container {
    position: sticky;
    top: 0;
    left: 0;

    /* transform: translate(-100%,0);
     */
    width: 50%;
    border-bottom: calc(var(--dimension-base)*2) solid var(--color-brand);
    border-left: calc(var(--dimension-base)*2) solid var(--color-brand);
    border-bottom-left-radius: calc(var(--dimension-base) * 6);
    
    background-color: var(--color-primary);

    &.open {
        transform: translate(-100%,0);
    }
}

.edit-panel-tabs {
    display: flex;
    border-bottom: calc(var(--dimension-base)*2) solid var(--color-brand);

    &>button.button {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.edit-panel-tab {
    overflow: hidden;
    justify-content: center;

    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: calc(var(--dimension-base) / 2) var(--dimension-base);

    font-size: 14px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edit-panel-tab.active {
    border-color: var(--color-accent);
    color: var(--color-font-light);
    background-color: var(--color-accent);
}

.edit-panel-content {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: var(--dimension-base);

    min-height: 0;
    padding-right: calc(var(--dimension-base) / 3);
}

.edit-panel-section {
    padding: calc(var(--dimension-base) * 3);
}

.edit-panel-section-title {
    margin: 0;
}

.edit-panel-actions {
    padding-top: calc(var(--dimension-base) / 2);

    &>.button{
        border-radius: calc(var(--dimension-base) * 4);
        border-top-left-radius:0;
        border-bottom-right-radius:0;
    }
}

.edit-panel-save-button {
    width: 100%;
}

.header-layout-panel {
    display: flex;
    flex-direction: column;
    gap: var(--dimension-base);
}

.footer-layout-panel,
.index-layout-panel {
    display: flex;
    flex-direction: column;
    gap: var(--dimension-base);
}

.edit-panel-subsection {
    display: flex;
    flex-direction: column;
    gap: calc(var(--dimension-base) / 3);
}

.edit-panel-subsection-title {
    margin: 0;
}

.edit-panel-control-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: calc(var(--dimension-base) / 3);
}

.edit-panel-label {
    max-width: 100%;
    font-size: 14px;
    line-height: 1.3;
}

.header-layout-control-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: var(--dimension-base);
}

.header-layout-control-blocks > div {
    flex: 1 1 220px;
    min-width: 0;
    max-width: 100%;
}

.element-block {
    display: flex;
    flex-direction: column;
    gap: calc(var(--dimension-base) / 2);

    min-width: 0;
    padding: calc(var(--dimension-base) * 0.75);
    border: 1px solid var(--color-accent);
    border-radius: var(--radius-small);

}

.block-control{
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--dimension-base) / 3);
    align-items: center;

    min-width: 0;
}

.block-control .button.icon {
    flex: 0 0 auto;
}

.block-control .input {
    flex: 1 1 180px;
    min-width: 0;
    max-width: 100%;
}

.footer-layout-panel .block-control input[type='number'] {
    flex: 0 1 120px;
}

.edit-panel-subtabs {
    margin-bottom: var(--dimension-base);
}

.edit-panel-subtabs .edit-panel-tab {
    flex: 1 1 90px;
    width: auto;
}

.edit-panel-subtab-content {
    display: flex;
    flex-direction: column;
    gap: var(--dimension-base);
}

.edit-panel-layout-list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--dimension-base) / 2);
}

.edit-panel-layout-row {
    display: flex;
    gap: calc(var(--dimension-base) / 2);
    align-items: center;
    justify-content: space-between;

    padding: calc(var(--dimension-base) * 0.66);
    border: 1px solid var(--color-accent);
    border-radius: var(--radius-small);
}

.edit-panel-layout-row-name {
    overflow: hidden;

    min-width: 0;

    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edit-panel-layout-row-controls {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--dimension-base) * 2);
    align-items: center;
    justify-content: flex-end;
}

.edit-panel-layout-input {
    display: flex;
    gap: calc(var(--dimension-base) / 3);
    align-items: center;
}

.edit-panel-layout-input-label {
    font-size: 12px;
    line-height: 1.2;
}

.edit-panel-layout-input .input {
    width: 90px;
    min-width: 90px;
}

.color-settings-container{
    &>.edit-panel-tabs{
        margin-bottom: calc(var(--dimension-base) * 2);
    }
}

.color-picker-panel {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--dimension-base);
}

.color-theme-switcher {
    display: flex;
    flex-wrap: wrap;
    gap: var(--dimension-base);
}

.color-theme-switcher-item{
    width: fit-content;


    .button{
        width: 100%;
        margin-bottom: calc(var(--dimension-base) * 6);
    }
}

.color-theme-switcher-button {
    width: 100%;
}

.color-theme-switcher-button.active {
    border-color: var(--color-accent);
    color: var(--color-font-light);
    background-color: var(--color-accent);
}

.color-picker-panel-item {
    display: flex;
    gap: calc(var(--dimension-base) * 2);
    align-items: center;

    min-width: 0;
    padding: calc(var(--dimension-base) / 2);
    border: 1px solid var(--color-accent);
    border-radius: var(--radius-small);

}

.color-picker-panel-item-color {
    flex: 0 0 auto;

    width: 20px;
    height: 20px;
    border: 1px solid var(--color-mix);
    border-radius: var(--radius-small);
}

.color-picker-panel-item-label {
    overflow: hidden;
    flex: 1 1 auto;
    min-width: 0;
    text-overflow: ellipsis;
}

.color-picker-panel-input {
    flex: 0 0 auto;

    width: 34px;
    min-width: 34px;
    height: 34px;
    padding: 0;
    border: 0;

    background-color: transparent;
}

@media (width <= 1024px) {
    .setting-panel {
        right: calc(-1 * min(640px, 92vw));
        width: min(640px, 92vw);
    }
}

@media (width <= 768px) {
    .setting-panel {
        right: -100%;
        width: 100%;
    }

    .edit-panel-tabs {
        grid-template-columns: 1fr;
    }

    #edit-panel-container {
        padding: var(--dimension-base);
    }

    .edit-panel-control-grid {
        grid-template-columns: 1fr;
    }

    .edit-panel-layout-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .edit-panel-layout-row-controls {
        justify-content: flex-start;
        width: 100%;
    }

    .color-theme-switcher {
        grid-template-columns: 1fr;
    }
}
/* End */


/* Start:/local/templates/luxecorp_solution/components/bitrix/menu/luxe-menu/style.css?1782825806613*/
.container__local-templates-luxecorp_solution-components-bitrix-menu-luxe-menu-style___W2fhB {
    display: flex;
    gap: calc(var(--dimension-base) * 20);
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    list-style: none;
}

.container__local-templates-luxecorp_solution-components-bitrix-menu-luxe-menu-style___W2fhB.vertical__local-templates-luxecorp_solution-components-bitrix-menu-luxe-menu-style___nUxdy {
        flex-direction: column;
    }

.link__local-templates-luxecorp_solution-components-bitrix-menu-luxe-menu-style___W5JqP {
    text-wrap-mode: nowrap;
}
/* End */


/* Start:/bitrix/components/bitrix/main.map/templates/.default/style.min.css?1776841096139*/
ul.map-level-0 a{font-weight:bold}ul.map-level-1 a,ul.map-level-2 a,ul.map-level-3 a{font-weight:normal}.map-columns td{vertical-align:top}
/* End */


/* Start:/local/templates/luxecorp_solution/components/bitrix/sender.subscribe/luxe-subscribe/style.min.css?17828258064471*/
.bx-subscribe{margin:10px 0}.bx-subscribe div.bx-block-title{font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);color:#343434;text-transform:uppercase;font-size:12px;margin-bottom:9px}.bx-subscribe-desc{color:#aaa;font-size:12px;position:relative;margin-top:-5px;margin-bottom:3px}.bx-subscribe .bx-input-group .bx-form-control{position:relative;margin-bottom:15px;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#f8fafc;border:1px solid #d5dadc;border-radius:2px;outline:0;box-shadow:none !important;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bx-ios .bx-subscribe .bx-input-group .bx-form-control{background-image:-webkit-linear-gradient(#f8fafc 0,#f8fafc 100%);background-image:linear-gradient(#f8fafc 0,#f8fafc 100%)}.btn-subscribe{cursor:pointer;text-align:center;background:#70bb18;border:0;color:#fff;font-size:13px;position:relative;text-transform:uppercase;border-radius:2px;line-height:30px;height:40px;padding:5px 60px 5px 20px;vertical-align:middle;outline:0;-webkit-transition:width 5s linear;-moz-transition:width 5s linear;-ms-transition:width 5s linear;-o-transition:width 5s linear;transition:width 5s linear}.btn-subscribe:hover{background:#7ec629}.btn-subscribe:before{content:" ";position:absolute;top:0;bottom:0;right:0;width:40px;background-color:#5b9f0b;	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkYyNDcxQTFERjZGMTFFNDk5NTY5MzQ3QzQxRkMzMEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkYyNDcxQTJERjZGMTFFNDk5NTY5MzQ3QzQxRkMzMEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjI0NzE5RkRGNkYxMUU0OTk1NjkzNDdDNDFGQzMwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjI0NzFBMERGNkYxMUU0OTk1NjkzNDdDNDFGQzMwQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plv+rHwAAADiSURBVHjajNK9asJQFMDxG42KUqFx9kEcRO1UcBCHjh3q3NXHcBEcdHQQPxY7+AaS0a1v0UEhSlu/rv+jhxIlBQ/84OTmnHuSmzjW2qExpoK9ekDcXMcRAVw1d2hckjxqwQxTJJXEDj+ooa5rK+neoocMnvGB7s3EVxQwwhdeDBMDvEPylr3EBB6yGOhaGzE0cJ5o4enOTSzQgY8D8nhDX2ty0hPTCxt6LDmsMtb6fk+hpr9a10THJ4pw8BtVII0ydRNxb/vPplLrSGNKT/Pb3BdVpOU7jklKSNzZKD+JfxJgAAV0YSAU8mZTAAAAAElFTkSuQmCC"); background-position:50%;background-repeat:no-repeat;border-radius:0 2px 2px 0}.btn-subscribe span{display:block}.btn-subscribe.send{padding:5px 40px;-webkit-animation-name:MeilSend;animation-name:MeilSend;-webkit-animation-duration:.5s;animation-duration:.5s;outline:0;color:#fff}.btn-subscribe:hover,.btn-subscribe:active{color:#fff}.btn-subscribe.send:before{width:0;background-position:100px 50%;-webkit-animation-name:MeilSendButton;animation-name:MeilSendButton;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes MeilSend{0{padding:5px 60px 5px 20px}100%{padding:5px 40px}}@-webkit-keyframes MeilSend{0{padding:5px 60px 5px 20px}100%{padding:5px 40px}}@keyframes MeilSendSpan{0{color:transparent}100%{color:#fff}}@-webkit-keyframes MeilSendSpan{0{color:transparent}100%{color:#fff}}@keyframes MeilSendButton{0{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}@-webkit-keyframes MeilSendButton{0{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}.bx_subscribe_response_container{padding:40px;color:#35414e}.bx_subscribe_checkbox_container{line-height:16px;font-size:13px;margin-bottom:3px;vertical-align:middle;color:#aaa}.bx-sender-subscribe-agreement .main-user-consent-request a{font:11px/10px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}
/* End */


/* Start:/local/templates/luxecorp_solution/styles.css?17828258066805*/
:root {
    interpolate-size: allow-keywords;
}

@font-face {
    font-family: "Golos Text"; 

    font-display: swap;
    src: url('/local/templates/luxecorp_solution/./fonts/GolosText/Golos-Text_VF.ttf') format('ttf');
  }

@layer default {
body {
    height: 100vh;
    margin: 0;
}

p,ul,ol,h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
}

h1 {
    --font-size-base: clamp(0.0625rem, 0.0417rem + 0.0926vw, 0.125rem);;

    font-family: var(--font-family);
    font-size: calc(var(--font-size-base) * 32);;
    font-weight: 700;
    line-height: 100%;
    color: var(--color-font-primary);
}

h3 {
    font-family: var(--font-family);
    font-size: calc(var(--font-size-base) * 15);
    font-weight: 700;
    line-height: 127%;
    color: var(--color-font-primary);
}

h4 {
    font-family: var(--font-family);
    font-size: calc(var(--font-size-base) * 12);
    font-weight: 700;
    line-height: 133%;
    color: var(--color-font-primary);
}

h5 {
    font-family: var(--font-family);
    font-size: calc(var(--font-size-base) * 8);
    font-weight: 700;
    line-height: 150%;
    color: var(--color-font-primary);
}

p {
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: var(--color-font-secondary);;
}

button {
    cursor: pointer;
    border: none;
    background: none;
}

ol { 
    counter-reset: item;
    list-style-type: none;

    &>li {
      display: block;
    }
    
    &>li::before {
      content: counters(item, ".") ". "; 
      counter-increment: item;
    }
}

img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
  

.vue-loading {
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
}

.vue-loading[v-cloak] {
	opacity: 0;
}

.luxe-index{
    display: flex;
    flex-direction: column;
}

.header-container {
    color: var(--color-font-primary);
    background-color: var(--color-primary);
}

.app{
    height: 100%;
}

.footer{
    margin-top: auto;
}

.main-container{
    --black: #000;
    --white: #fff;
    --color-primary:;
	--color-secondary:;
	--color-border:;
	--color-icon:;
	--color-font-primary:;
	--color-font-secondary:;
	--color-brand:;
	--color-brand-light:;
	--color-brand-smooth:;
    --color-mix:;

    /* Accents */
    --accent-error: #f55d6d;
	--accent-success: #5dc14a;
	--accent-caution: #f5d140;

    /* Dimensions */

    --dimension-base: clamp(0.0625rem, 0.0417rem + 0.0926vw, 0.125rem);
    --font-size-base: clamp(0.1rem, 0.0917rem + 0.037vw, 0.125rem);
    --dimension-button-padding: calc(var(--dimension-base) * 8) calc(var(--dimension-base) * 12);
    --page-padding-inline: calc(var(--dimension-base) * 60);
    --border-radius-base: calc(var(--dimension-base) * 4);

    /* Typography */
    --font-family: 'Golos Text', sans-serif;

    position: relative;

    overflow-x: clip;
    display: flex;
    flex-direction: column;

    height: fit-content;
    min-height: 100vh;

    font-family: var(--font-family);
    font-size: calc(var(--font-size-base) * 8);
    font-weight: 400;
    line-height: 150%;
    color: var(--color-font-secondary);

    background-color: var(--color-primary);

    /* text-align: center; */

}

.error {
    p&{
        color: var(--accent-error);
    }

    input& {
        border-color: var(--accent-error);
    }
}

.button {
    position: relative;

    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    height: fit-content;
    padding: var(--dimension-button-padding);
    border: var(--dimension-base) solid transparent;
    border-radius: calc(var(--dimension-base) * 6);

    font-family: var(--font-family);
    font-size: calc(var(--font-size-base) * 8);
    font-weight: 700;
    line-height: 150%;
    text-align: center;
    text-wrap: nowrap;

    .active:hover {
        background-color: auto;
    }

    &>a, &>router-link {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;
    }
}

.button.primary {
    border-color: var(--color-brand);
    color: var(--color-secondary);
    background-color: var(--color-brand);

    &:hover {
        background-color: var(--color-brand-light);        
    }
}

.button.secondary {
    border-color: var(--color-brand);
    color: var(--color-brand);
    background-color: transparent;

    &:hover {
        background-color: var(--color-brand-smooth);
    }

    &.active {
        border-color: var(--color-brand);
        color: var(--color-secondary);
        background-color: var(--color-brand);
    }
} 

.button.clear {
    color: var(--color-brand);
    background-color: transparent;

    &:hover {
        background-color: var(--color-brand-smooth);
    }
}

.button.icon {
    padding: calc(var(--dimension-base) * 8);
}

.button.medium {
    padding: calc(var(--dimension-base) * 5) calc(var(--dimension-base) * 8);
    border-radius: calc(var(--dimension-base) * 4);
}

.button.disabled {
    color: var(--color-icon);
    background-color: var(--color-secondary);
}

.input{
    height: fit-content;
    padding: calc(var(--dimension-base) * 5) calc(var(--dimension-base) * 8);
    border: var(--dimension-base) solid var(--color-border);
    border-radius: calc(var(--dimension-base) * 4);

    font-size: calc(var(--font-size-base) * 8);
    font-weight: 400;
    line-height: 150%;
    color: inherit;

    background-color: var(--color-primary);

    &:hover{
        border-color: var(--color-brand);
    }

    &:focus,
    &:focus-visible {
        border-color: var(--color-brand);
        outline: none;
    }

    &.error {
        border-color: var(--accent-error);
    }

    &.success {
        border-color: var(--accent-success);
    }

    &:disabled {
        color: var(--color-icon);
        background-color: var(--color-secondary);
    }
}


a {
    color: var(--color-font-primary);
    text-decoration: none;

    &:visited {
        color: var(--color-font-primary);
    }

    &:hover {
        /* font-weight: 700; */
        color: var(--color-brand-light);
    }

    &.active {
        font-weight: 700;
        color: var(--color-brand);
        text-decoration: underline;
    }
}

*:has(.edit-overlay-button):hover {
    &>.edit-overlay-button {
        opacity: 1;
    }
}

.edit-overlay-button {
    position: absolute;
    top: 0;
    right: 0;

    display: flex;
    gap: calc(var(--dimension-base) * 4);

    opacity: 0;

    transition: opacity 0.3s ease-in-out;
}

.page-block {
    padding-inline: calc(var(--dimension-base) * 60);

    @media (width <= 768px) {
        padding-inline: 16px;
    }
}

.info-container {
    display: flex;
    flex-direction: column;
    gap: calc(var(--dimension-base) * 20);
}

.info-section {
    display: flex;
    gap: calc(var(--dimension-base) * 10);
}


}
/* End */
/* /local/js/luxecorp-vue-template/example-component/dist/example-component.bundle.css?1782825806280 */
/* /local/templates/luxecorp_solution/css/normilize.css?17828258066791 */
/* /local/templates/luxecorp_solution/css/header.css?17828258061334 */
/* /local/templates/luxecorp_solution/css/footer.css?17828258062292 */
/* /local/templates/luxecorp_solution/css/index.css?178282580617949 */
/* /local/templates/luxecorp_solution/css/edit-panel.css?17828258067334 */
/* /local/templates/luxecorp_solution/components/bitrix/menu/luxe-menu/style.css?1782825806613 */
/* /bitrix/components/bitrix/main.map/templates/.default/style.min.css?1776841096139 */
/* /local/templates/luxecorp_solution/components/bitrix/sender.subscribe/luxe-subscribe/style.min.css?17828258064471 */
/* /local/templates/luxecorp_solution/styles.css?17828258066805 */