/* Start:/local/templates/luxecorp_solution/css/normilize.css?17800628076791*/
@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?17800628071272*/
.header-container {
    position: relative;

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

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

    /* 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);
}
/* End */


/* Start:/local/templates/luxecorp_solution/css/footer.css?17800628072256*/
.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;
}

.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?178006280717929*/
@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);
            }
    
            &>div{
                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?17800628077355*/
.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;
    flex-wrap: wrap;
    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?1780063896613*/
.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.css?1780064509745*/
.feedback-form-response {
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;

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

.feedback-form-inputs {
    /* keep wrapper styles here if needed */
}

.feedback-form-inputs > form {
    display: flex;
    gap: calc(var(--dimension-base) * 10);
}

.feedback-form-inputs input {
    flex-grow: 1;
}

@media (max-width: 600px) {
    .feedback-form-inputs > form {
        flex-direction: column;
    }

    .feedback-form-inputs > form > .button {
        width: 100%;
    }

    .feedback-form-inputs > form > .input {
        box-sizing: border-box;
        width: 100%;
    }
}
/* End */


/* Start:/local/templates/luxecorp_solution/styles.css?17800628076785*/
: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('truetype');
  }

@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;
    }
}
  

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

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

.luxe-index{
    display: flex;
    flex-direction: column;
    padding-inline: var(--page-padding-inline);
}

.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; */
}

.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;
    }
}

.edit-overlay {
    position: absolute;
    z-index: 500;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    border-radius: calc(var(--dimension-base) * 12);

    opacity: 0;
    background-color: rgb(0 0 0 / 50%);

    transition: opacity 0.3s ease-in-out;

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

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

    &:hover {
        opacity: 1;
    }
}

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

.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/templates/luxecorp_solution/css/normilize.css?17800628076791 */
/* /local/templates/luxecorp_solution/css/header.css?17800628071272 */
/* /local/templates/luxecorp_solution/css/footer.css?17800628072256 */
/* /local/templates/luxecorp_solution/css/index.css?178006280717929 */
/* /local/templates/luxecorp_solution/css/edit-panel.css?17800628077355 */
/* /local/templates/luxecorp_solution/components/bitrix/menu/luxe-menu/style.css?1780063896613 */
/* /bitrix/components/bitrix/main.map/templates/.default/style.min.css?1776841096139 */
/* /local/templates/luxecorp_solution/components/bitrix/sender.subscribe/luxe-subscribe/style.css?1780064509745 */
/* /local/templates/luxecorp_solution/styles.css?17800628076785 */