/* #region Fonts */
/* Light */
@font-face {
    font-family: "Jost";
    src: local("Jost"), 
    url("../fonts/Jost-Light.woff2") format("woff2"),
    url("../fonts/Jost-Light.woff") format("woff"),
    url("../fonts/Jost-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}
/* Light Italic */
@font-face {
    font-family: "Jost";
    src: local("Jost"), 
    url("../fonts/Jost-LightItalic.woff2") format("woff2"),
    url("../fonts/Jost-LightItalic.woff") format("woff"),
    url("../fonts/Jost-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}
/* Regular */
@font-face {
    font-family: "Jost";
    src: local("Jost"), 
    url("../fonts/Jost-Regular.woff2") format("woff2"),
    url("../fonts/Jost-Regular.woff") format("woff"),
    url("../fonts/Jost-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
/* Regular Italic */
@font-face {
    font-family: "Jost";
    src: local("Jost"), 
    url("../fonts/Jost-Italic.woff2") format("woff2"),
    url("../fonts/Jost-Italic.woff") format("woff"),
    url("../fonts/Jost-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}
/* Medium */
@font-face {
    font-family: "Jost";
    src: local("Jost"), 
    url("../fonts/Jost-Medium.woff2") format("woff2"),
    url("../fonts/Jost-Medium.woff") format("woff"),
    url("../fonts/Jost-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}
/* Medium Italic */
@font-face {
    font-family: "Jost";
    src: local("Jost"), 
    url("../fonts/Jost-MediumItalic.woff2") format("woff2"),
    url("../fonts/Jost-MediumItalic.woff") format("woff"),
    url("../fonts/Jost-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}
/* SemiBold */
@font-face {
    font-family: "Jost";
    src: local("Jost"), 
    url("../fonts/Jost-SemiBold.woff2") format("woff2"),
    url("../fonts/Jost-SemiBold.woff") format("woff"),
    url("../fonts/Jost-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}
/* SemiBold Italic */
@font-face {
    font-family: "Jost";
    src: local("Jost"), 
    url("../fonts/Jost-SemiBoldItalic.woff2") format("woff2"),
    url("../fonts/Jost-SemiBoldItalic.woff") format("woff"),
    url("../fonts/Jost-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}
/* Bold */
@font-face {
    font-family: "Jost";
    src: local("Jost"), 
    url("../fonts/Jost-Bold.woff2") format("woff2"),
    url("../fonts/Jost-Bold.woff") format("woff"),
    url("../fonts/Jost-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
/* Bold Italic */
@font-face {
    font-family: "Jost";
    src: local("Jost"), 
    url("../fonts/Jost-BoldItalic.woff2") format("woff2"),
    url("../fonts/Jost-BoldItalic.woff") format("woff"),
    url("../fonts/Jost-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

/* #endregion */

/* #region Main styles */
:root{
    /* Colors */
    --q-color-main: #AFCA0B;
    --q-color-submain-a: #008BD2;
    --q-color-submain-b: #FF6633;
    --q-color-dark: #0E222D;
    --q-color-black: #000000;
    --q-color-white: #FFFFFF;
    --q-color-gray-light: #EDEDED;
    --q-color-gray-arrow: #D6D6D6;
    --q-color-gray_bg: #F5F5F5;

    /* Base font options */
    --q-font-size: 0.875rem;
    --q-font-size-menu_desc: 0.875rem;
    --q-font-weight: 400;
    --q-font-family: "Jost", Arial, Helvetica, sans-serif;
    --q-line-height: 1.6;
    --q-font-size-title-slider: 2.9375rem;
    /* --q-font-size-16: 0.75rem; */
    --q-font-size-16: 1rem;
    --q-font-size-18: 1.125rem;
    --q-font-size-19: 1.1875rem;
    --q-font-size-20: 1.25rem;
    --q-font-size-22: 1.375rem;
    --q-font-size-23: 1.4375rem;
    --q-font-size-24: 1.5rem;
    --q-font-size-26: 1.625rem;
    --q-font-size-28: 1.75rem;
    --q-font-size-30: 1.875rem;
    --q-font-size-37: 2.3125rem;

    --size-bg-circle: 65.375rem;
 

    /* Base other options */
    --q-text-color: var(var(--q-color-dark)); 

  /* The intrinsic width of the underline stroke (in pixels). This is 
   * the same as the height of the cap images. Don't specify the
   * units! This is because of some of the calculations we do later on. */
   --underline-intrinsic-width: 8;
  
   /* The actual width of the underline stroke we want to render (in pixels).
    * You can modify this, and the sizing and positioning should be calculated
    * accordingly. Again, Don't specify the units! */
   --underline-width: 12;
   
   /* The colour used to draw the underline. It should match the colour
    * used in the cap images... unfortunately we can't modify the SVG
    * fill via CSS because it's a background image. */
   --underline-color: #f1a1e3;
   
   /* We need to know the width of the cap images so that we
    * can position everything on the x axis accordingly. */
   --underline-cap-width: 4px;
   
   /* The border is positioned relative to the bottom of the line.
    * We can move it upwards a little to create an overlap effect. */
   --underline-offset-y: -2px;
   
   /* The padding to add to the x axis. By default, the caps would be
    * aligned with the beginning and end of the line. */
   --underline-padding-x: 0.12em;
   
   /* The cap images to use that form the left and right rounded
    * shape. I guess these could be any shape, they don't
    * necessarily have to be round 🙂.
    */
   --cap-image-left: url(https://files-d4s40otz1.now.sh/left.svg);
   --cap-image-right: url(https://files-4vvqilj8v.now.sh/right.svg);
}
/* 
@MEDIA all and (max-width: 780px) {

} */
html{
    min-height: 100vh;
}
body{
    min-height: inherit;
    font-family: var(--q-font-family);
    font-size: var(--q-font-size);
    line-height: var(--q-line-height);
    font-weight: var(--q-font-weight);
    color: var(--q-text-color);
    overflow-x: hidden;
    /* background-color: var(--q-color-gray_bg); */
    display: flex;
    flex-direction: column;
}
main{
    display       : flex;
    flex          : 1 0 auto;
    flex-direction: column;
    overflow: hidden;
}
.container{
    padding: 0 1rem;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.container__fhd {
    max-width: 1920px;
    width: 100%;
    padding: 0 18px;
    margin: 0 auto;
    position: relative;
}
.container.container--fullw{
    max-width: 100%!important;
}
.section{
    
    overflow: hidden;
}
.section>.container{
    z-index: 20;
    position: relative;
}

.link__phone{
    font-size: var(--q-font-size-20);
    font-weight: 300;
    line-height: 1.625rem;
    text-decoration: underline;
    margin-bottom: 0.7rem;
    color: var(--q-color-main);
    transition: color 250ms ease-in-out;
}

.link__phone:hover, .link__phone:focus-visible {
    color: var(--q-color-submain-b);
}

.text_p{
    font-size: 16px;
    line-height: 1.2;
}

.splide__arrow {
    height    : 3.4rem;
    width     : 3.4rem;
    background: rgba(255,255,255,0.5);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    opacity   : 1;
    transition: background-color 50ms ease-in-out;
}

.splide__arrow--prev,
.splide__arrow--next  {
    z-index: 100;
    color: #fff;
    font-size: 1.2rem;
    transition: background-color 250ms ease-in-out;
}

.splide__arrow--prev{
    transform: rotate(180deg) translateY(1.5rem);
}
.splide__pagination{
    padding-bottom: 1.4rem;
    align-items: flex-end;

}

.splide__pagination__page{
    width: 0.2rem;
    height: 0.6rem;
    border-radius: 3px;
    opacity: 1;
    margin: 0 0.5rem;
    background-color: #fff;
    transition: height 190ms ease-in-out;
}
.splide__pagination__page.is-active{
    background: #fff;
    transform: none;
    height: 1rem;
}
.splide__arrow--next:hover,
.splide__arrow--next:focus,
.splide__arrow--prev:hover,
.splide__arrow--prev:focus{
    background-color: var(--q-color-main) !important;
}
.line_bottom{
    position: relative;
}
.line_bottom::after{
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
    z-index: 10;
    /* background: repeating-linear-gradient(90deg, rgba(175,202,11,1) 0px, rgba(175,202,11,1) 40px, rgba(255,102,51,1) 40px, rgba(255,102,51,1) 80px, rgba(0,139,210,1) 80px,rgba(0,139,210,1) 120px ); */
    background: repeating-linear-gradient(90deg, rgba(175,202,11,1) 0rem, rgba(175,202,11,1) 2.5rem, rgba(255,102,51,1) 2.5rem, rgba(255,102,51,1) 5rem, rgba(0,139,210,1) 5rem,rgba(0,139,210,1) 7.5rem );
}

@media(prefers-reduced-motion:reduce) {
    html:focus-within {
        scroll-behavior: auto
    }

    *,
    ::after,
    ::before {
        -webkit-animation-duration: .01ms !important;
        animation-duration: .01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: .01ms !important;
        -o-transition-duration: .01ms !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}

.breadcrumbs__over{
    padding: 1.2rem 0;
}

.breadcrumbs__list *,
.breadcrumbs__list {
    font-size: var(--q-font-size-16);
    font-weight: 400;
    line-height: 1;
}
.breadcrumbs__list a{
    color: var(--q-color-submain-a);
    transition: color 250ms ease-in-out;
}

.breadcrumbs__list a:hover,
.breadcrumbs__list a:focus-visible{
    color: var(--q-color-submain-b);
}

.breadcrumbs{
    background: linear-gradient(180deg, #E3F3FB 0%, #F6FAFC 100%);
    position: relative;
    z-index: 10;
}

.page{
    padding-bottom: 3rem;
}

.page_item__link{
    font-size: var(--q-font-size-16);
    color: var(--q-color-dark);
    line-height: 1.2;
    text-decoration: none;
    transition: color 250ms ease-in-out;
}

.page_item__link:hover,
.page_item__link:focus-visible{
    color: var(--q-color-main);
}

.page_items{
    padding: 1rem 0;
}

.page__content,
.page__content p{
    font-size: var(--q-font-size-16);
    color:var(--q-color-dark);
    line-height: 1.4;
}


.section__bg_circle{
    overflow: visible;
    position: relative;
}

.section__bg_circle::after {
    content: '';
    --size:  34.375rem;
    position: absolute;
    right: 0px;
    left: 64%;
    top: 0;
    margin: 0 auto;
    bottom: 40px;
    border-radius: 50%;
    display: block;
    width: var(--size);
    height: var(--size);
    z-index: 2;
    background: linear-gradient(345deg, #E3F3FB 23.28%, #FFFFFF 70.46%);
}

.section__bg_circle::before {
    content: '';
    --size:  13rem;
    position: absolute;
    right: 83%;
    left: 0px;
    bottom: 40px;
    margin: 0 auto;
    border-radius: 50%;
    display: block;
    width: var(--size);
    height: var(--size);
    z-index: 2;
    background: linear-gradient(357deg, #E3F3FB 23.28%, #FFFFFF 70.46%);
}


.section__bg_circle_2{
    overflow: visible;
    position: relative;
}

.section__bg_circle_2::after {
    content: '';
    --size:  25rem;
    position: absolute;
    right: 0px;
    left: 86%;
    top: 0;
    margin: 0 auto;
    bottom: 40px;
    border-radius: 50%;
    display: block;
    width: var(--size);
    height: var(--size);
    z-index: 2;
    background: linear-gradient(345deg, #E3F3FB 23.28%, #FFFFFF 70.46%);
}

.section__bg_circle_2::before {
    content: '';
    --size:  10rem;
    position: absolute;
    bottom: 40px;
    right: 83%;
    left: 0px;
    margin: 0 auto;
    border-radius: 50%;
    display: block;
    width: var(--size);
    height: var(--size);
    z-index: 2;
    background: linear-gradient(357deg, #E3F3FB 23.28%, #FFFFFF 70.46%);
}

.section__bg_circle_3{
    overflow: visible;
    position: relative;
}

.section__bg_circle_3::after {
    content: '';
    --size:  10rem;
    position: absolute;
    top: 0;
    right: 0px;
    left: 86%;
    margin: 0 auto;
    border-radius: 50%;
    display: block;
    width: var(--size);
    height: var(--size);
    z-index: 2;
    background: linear-gradient(336deg, #E3F3FB 23.28%, #FFFFFF 70.46%);
}

.section__bg_circle_3::before {
    content: '';
    --size:  25rem;
    position: absolute;
    right: 83%;
    left: 0px;
      bottom: 40px;
    margin: 0 auto;
    border-radius: 50%;
    display: block;
    width: var(--size);
    height: var(--size);
    z-index: 2;
    background: linear-gradient(49deg, #E3F3FB 23.28%, #FFFFFF 70.46%);
}


/* #endregion */

/* #region UI */
.logotype{
    position: relative;
    display: block;
    --size: 1.5rem;
    font-size: var(--size);
    font-weight: 700;
    line-height: 1;
    color: var(--q-color-dark);
    text-transform: uppercase;
    transition: color 250ms ease-in-out;
}
.logotype:hover, .logotype:focus-visible{
    color: var(--q-color-submain-b);
}
.logotype__text{
    display: inherit;
    z-index: 2;
    position: relative;
}
.logotype::after{
    content: "";
    z-index: 1;
    width: var(--size);
    height: var(--size);
    border-radius: calc(var(--size) * 1.5);
    display: block;
    background-color: var(--q-color-main);
    position: absolute;
    right: calc(var(--size) / 1.6 * (-1));
    bottom: calc(var(--size) / 2.14 * (-1));
}
/* #endregion */


/* #region Cursor */

  /* .cursor {
    pointer-events: none;
  }
  .cursor__ball {
    position: fixed;
    top: 0;
    left: 0;
    mix-blend-mode: difference;
    z-index: 10000;
  }
  .cursor__ball circle {
    fill: #3773ea;
  } */


  :root{
    cursor: none !important;
    /* cursor: url('../img/cursor_png.png') default !important; */
  }

  a{
    cursor:none !important;
  }
  button {
    cursor: none !important;
  }
  input {
    cursor: none !important;
  }
  label{
    cursor: none !important;
  }
  textarea{
    cursor: none !important;
  }
  .mscursor-cursor {
    pointer-events: none;
    position: fixed;
    display: block;
    border-radius: 0;
    top: 0;
    left: 0;
    background-color: var(--q-color-submain-a) !important;
    z-index: 9999999;  
  }
  .mscursor-difference{
    /* mix-blend-mode: difference; */
    /* mix-blend-mode: normal; */
  }
  .mscursor-circle {
      transform-origin: center;
      position: absolute;
      display: block;
      /* background-color:#333; */
      width: 26px;
      height: 26px;
      border-radius: 20px;
  }
  .mscursor-border-transform{

    /* background-color: #333; */
    animation: border-transform 3s linear infinite;
  }
  @keyframes border-transform {
    0%,
    100% {
      border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
    }
    14% {
      border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
    }
    28% {
      border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
    }
    42% {
      border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
    }
    56% {
      border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
    }
    70% {
      border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
    }
    84% {
      border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
    }
  }
  .mscursor-scale{
    transition: .5s ease;
    /* background-color: var(--q-color-submain-a) !important; */
    transform: scale(1.6);
  }
  .mscursor-scale-outline{
    transform:scale(1.9);
    background-color: transparent !important;
  }

  .mscursor-border-transform{
    border-color: var(--q-color-submain-b) !important;
    /* background-color:#E3F3FB !important; */
  }
  
  .mscursor-nocursor{
    cursor:none!important;
  }
  

  
/* #endregion */

/* #region animation */
@keyframes gradientMove {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 100% 0%;
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradientMoveCircle {
    0%
   {
     transform:rotate(0deg)
   }
    25%
   {
     transform:rotate(90deg)
   }
   50%
   {
     transform:rotate(180deg)
   }
    75%
   {
     transform:rotate(270deg)
   }
   100% {
     transform:rotate(360deg)
   }
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@media (prefers-reduced-motion: no-preference) {
    /* .animation_line:hover::after,
    .animation_line:focus::after {
        background-size: 350% 200% !important;
        animation: gradientMove 40s infinite;
        animation-iteration-count: 2;
    } */

    .footer::after{
        /* background-size: 350% 200% !important; */
        animation: gradientMoveCircle 10s infinite;
        animation-iteration-count: 2;
    }
}
/* #endregion */

/* #region Form */

button[disabled], input[disabled] { cursor: default; }

input { vertical-align: middle; }
input[type="text"],
input[type="email"],
input[type="phone"],
input[type="tel"],
textarea { -webkit-appearance: none; }
input[type="button"],
input[type="submit"],
input[type="phone"],
input[type="reset"],
button { 
    /* cursor: pointer;  */
    overflow: visible; -webkit-appearance: button; }
button[disabled], input[disabled] { 
    /* cursor: default; */
 }
input[type="text"],
input[type="password"],
input[type="email"],
input[type="phone"],
input[type="tel"],
input[type="number"],
input[type="search"] {
    padding: 0;
    border: none;
    background: transparent;
}
input::-webkit-input-placeholder { color: var(--q-color-dark) !important; }
input::-moz-placeholder { color: var(--q-color-dark) !important; }
input:-ms-input-placeholder { color: var(--q-color-dark) !important; }

.form__grid{
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 0.5rem;
}

textarea{
    background-color: transparent;
    appearance: none;
    resize: vertical; 
    max-height: 200px;
    min-height: 60px;
}

input::placeholder,
textarea::placeholder{
    opacity: 1;
    color: var(--q-color-dark);
    font-size: var(--q-font-size-16);
}
input,
textarea{
    width: 100%;
    color: var(--q-color-dark);
    font-size: var(--q-font-size-16);
}

.label_input{
    background-color: #fff;
    padding: 0.6rem 2.2rem;
    border: none;
    border-radius: 1.25rem;
    font-size: var(--q-font-size);
    color: var(--q-color-dark);
    /* cursor:pointer; */
    box-shadow: 10px 11px 33px #E7E7E8;
    transition: box-shadow 250ms ease-in-out;
}

.label_input:hover{
    box-shadow: 3px 5px 0px #e7e7e8;
}


.input_field{
    appearance: none;
    vertical-align: middle; 
    outline: 0; 
}

input[type='checkbox']{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
}

input[type='checkbox']{
    width: 1rem;
    height: 1rem;
    margin-left: -1.2rem;
    pointer-events: painted;
    /* cursor: pointer; */
}

.check_box{
    position: absolute;
    width: 13px;
    height: 13px;
    margin-left: -1.2rem;
    background-color: #fff;
    border-radius: 50%;
    pointer-events: none;
    z-index: 3;
    transition: background-color 200ms ease-in-out;
}

.check_box::before{
    content: '';
    /* background-color: #fff; */
    border-radius: 50%;
    border:2px solid var(--q-color-main);
    width: 21px;
    height: 21px;
    left: -4px;
    top: -4px;
    display: block;
    position: absolute;
    z-index: 1;
    transition: border-color 300ms ease-in-out;
}


.checkbox__label{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 4rem;
}

input[type='checkbox']:checked + .check_box {
    background-color: var(--q-color-main);
}
input[type='checkbox']:hover + .check_box::before {
  border-color: var(--q-color-submain-b);
}
input[type='checkbox']:checked:focus + .check_box {
    border-color: var(--q-color-submain-b);
}
input[type='checkbox']:disabled + .check_box {
    background-color: var(--q-color-main);
}
input[type='checkbox']:disabled:focus + .check_box {
    background-color: var(--q-color-main);
}

.checkbox_text{
    font-size: var(--q-font-size-16);
    color: var(--q-color-dark);
    line-height: 1.0625rem;
    margin: 0.5rem 0;
}

.check_link{
    text-decoration-line: underline;
    color: var(--q-color-dark);
}
.bottom_button{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.6rem;

}
.button_submit{
    background-color: var(--q-color-main);
    min-width: 142px;
    margin:auto;
    border: none;
    font-size: var(--q-font-size-16);
    color: var(--q-color-white);
    font-weight: 700;
    border-radius: 3.5rem;
    padding: 0.875rem 1.9375rem;
    transition: background-color 200ms ease-in-out;
}

.button_submit:hover,
.button_submit:focus{
    background-color: var(--q-color-submain-b);
}

/* #endregion */

/* #region Header */
.header{
    width: 100%;
    z-index: 1000;
}
.header-top{
    padding: 1.5rem 0 1.375rem;
}
.header-top__container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-top__nav{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-top__nav-item{
    padding: 0 0.625rem;
    display: block;
    margin-bottom: -0.25rem;
}

.header-menu{
    display: none;
}
.header-top__nav-link{
    font-size: 1rem;
    line-height: 1.2;
    display: block;
    color: var(--q-color-dark);
    padding-bottom: 0.25rem;
    position: relative;
}

.header-top__nav-link::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0.1875rem;
    width: 100%;
    max-width: 0;
    display: block;
    background-color: var(--q-color-main);
    transition: max-width 250ms ease-in-out;
}

.header-top__nav-link:hover::after, .header-top__nav-link:focus-visible::after{
    max-width: 100%;
}

.header-top__mobile{
    display: none;
}

.header__link{
    position: relative;
    --size: 3.625rem;
    padding-left: calc(var(--size) / 1.61);
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: right;
}
.header__link-icon{
    position: absolute;
    font-size: var(--size);
    line-height: 0.75;
    color: var(--q-color-gray-light);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.header__link-main{
    font-size: calc(var(--size) / 2.63);
    font-weight: 700;
    color: var(--q-color-dark);
    line-height: 1.2;
    z-index: 2;
    transition: color 250ms ease-in-out;
}
.header__link-main:hover, .header__link-main:focus-visible{
    color: var(--q-color-submain-b);
}
.header__link-sub{
    font-size: calc(var(--size) * 0.276);
    font-weight: 400;
    line-height: 1.2;
    color: var(--q-color-dark);
    z-index: 2;
    transition: color 250ms ease-in-out;
}
.header__link-sub:hover, .header__link-sub:focus-visible{
    color: var(--q-color-main);
}
.header__social{
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    --size: 1.25rem;
    border-radius: 3.5rem;
    font-size: var(--size);
    background-color: var(--q-color-main);
    color: var(--q-color-white);
    position: relative;
    padding-left: calc(var(--size) * 2.65);
    padding-top: calc(var(--size) * 0.5);
    padding-bottom: calc(var(--size) * 0.5);
    padding-right: calc(var(--size) * 1.3);
    transition: background-color 250ms ease-in-out;
}
.header__social:hover, .header__social:focus-visible{
    background-color: var(--q-color-submain-a);
}
.header__social-icon{
    position: absolute;
    left: calc(var(--size) * 0.8);
    top: 50%;
    transform: translateY(-50%);
    display: block;
    font-size: calc(var(--size) * 1.6);
    line-height: 0.75;
}
.header-nav{
    background-color: var(--q-color-submain-a);
}
.header-nav__list{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
}
.header-nav__item{
    display: block;
}
.header-nav__link{
    display: block;
    /* font-size: var(--q-font-size); */
    font-size: var(--q-font-size-menu_desc);
    font-weight: 700;
    color: var(--q-color-white);
    padding: 0.75rem 1.375rem;
    text-align: center;
    height: 100%;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0);
    transition: background-color 250ms ease-in-out;
}
.header-nav__item:first-child .header-nav__link{
    padding-left: 1.85rem;
    padding-right: 1.85rem;
}
.header-nav__link.--is_active{
    background-color: var(--q-color-main);
}
.header-nav__link:hover, .header-nav__link:focus-visible{
    background-color: #FF6633;
}

.header-nav__grid{
    display: grid;
    grid-template-columns: 24px 1fr;
    grid-gap: 7px;
    align-items: center;
    position: relative;
}

.header-nav__hover{
    position: relative;
}

.header-nav__box{
    width: 1170px;
    position: absolute;
    top: 58px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    background-color: #FFF;
    /* border-bottom: 10px solid #1d8136; */
    transform: translateY(-10px);
    transition: visibility 0ms ease, opacity 150ms ease, transform 150ms ease;
    transition-delay: 150ms, 0ms, 0ms;
    /* padding: 15px; */
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: 3px 5px 11px 0 rgba(0, 0, 0, 0.09);
}

.header-nav__hover:hover .header-nav__box{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
/* .header-nav__hover .header-nav__box{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
} */

.header-nav__dopmenu{
    list-style: none;
    padding: 10px 0;
    /* display: flex;
    flex-direction: row;
    flex-wrap: wrap; */
    columns: 2;
}


.header-nav__dopmenu  .header-menu__nav_link{
    /* padding: 7px 30px 7px 30px; */
    width: 100%;
   
    display: block;
   
    line-height: 1;
    font-size: var(--q-font-size-menu_desc);
    /* font-weight: 700; */
    color: #333;
    text-transform: uppercase;
    padding: 0.75rem 1.375rem;
    transition: all 150ms ease-in;
}

.header-nav__dopmenu  .header-menu__nav_link:hover{
    /* color: #1c0950; */
    /* opacity: .65; */
    /* background: #f3f2f6; */
    background: var(--q-color-submain-a);
    color: #fff;
}
/* #endregion */

/* #region section Slider */

.main_slider__body{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.main_slider__title{
    font-size: var(--q-font-size-title-slider);
    text-transform: uppercase;
    color: var(--q-color-white);
    line-height: 155%;
    font-weight: 600;
}

.main_slider__lists ul{
    padding-left: 1rem;
    margin: 2rem 0; 

    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.main_slider__lists ul>li{
    color: var(--q-color-white);
    font-size: var(--q-font-size-20);
    font-weight: 600;
    position: relative;
    text-align: left;
    list-style: none;
}

.main_slider__lists ul>li::before{
    content: '';
    left: -1rem;
    width: 11px;
    height: 3px;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    background-color: var(--q-color-main);
}

.main_slider__link{
    display: grid;
    grid-template-columns: auto 20px;
    grid-gap: 0.5rem;
    justify-content: start;
    align-items: center;
    font-size: var(--q-font-size-20);
    line-height: 31px;
    font-weight: 700;
    width: fit-content;
    color: var(--q-color-main);
    text-transform: uppercase;
    transition: color 190ms ease-in-out;

    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.main_slider__link svg{
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.main_slider__link:hover,
.main_slider__link:focus{
    color: var(--q-color-submain-b);
}

.main_slider__box{
    max-width: 40rem;
    margin: 1rem 0;
}

.main_slider__title {
    --underline-width: 8;
    --underline-offset-y: -2px;
    display: inline;
    --underline-width-scale: calc(var(--underline-width) / var(--underline-intrinsic-width));
    padding: 0;
    box-decoration-break: clone;
    background-repeat: no-repeat;
    background-image:
      linear-gradient(180deg, var(--q-color-submain-b), var(--q-color-submain-b)),
      var(--cap-image-left),
      var(--cap-image-right);
 
    background-position-y: calc(100% - var(--underline-offset-y) * -1);
    background-size:
      calc(100% - calc(var(--underline-cap-width) * var(--underline-width-scale) * 2)) calc(var(--underline-width) * 3px),
      auto calc(var(--underline-width) * 1px),
      auto calc(var(--underline-width) * 1px);

      -webkit-animation-duration: 4s;
      animation-duration: 4s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: fadeIn;
      animation-name: fadeIn;
}
/* #endregion */

/* #region section Adventages */
.section_advantages{
    padding: 1.2rem 0 2.6rem 0;
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #E3F3FB 0%, #F6FAFC 100%);
}

.section_advantages::after{
    content: '';
    position: absolute;
    right: 0px;
    left: 46%;
    bottom: 40px;
    border-radius: 50%;
    display: block;
    width: var(--size-bg-circle);
    height: var(--size-bg-circle);
    z-index: 2;
    background: linear-gradient(261.94deg, #E3F3FB 23.28%, #FFFFFF 70.46%);
}

.advantages_body{
    display: block;
}

.section__box_title{
    /* margin: 2rem 0; */
    display: flex;
    flex-direction: column;
}

.section__title{
    font-size: var(--q-font-size-37);
    font-weight: 300;
    letter-spacing: 0.15em;
}

.adventages_content__items{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 0.6875rem;
}

.adventages_content__item{
    position: relative;
    background-color: #fff;
    min-height: 200px;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    padding: 0.875rem;
    box-shadow: 10px 11px 33px #E7E7E8;
    transition: .3s;
}
.adventages_content__item:hover{
    -webkit-box-shadow: 0 4px 15px rgba(153,153,153,0.4);
    box-shadow: 0 4px 15px rgba(153,153,153,0,4);
    transform: translate(0, -4px);
}
.adventages__count{
    background-color: var(--q-color-submain-b);
    border-radius: 50%;
    position: absolute;
    left: -0.5rem;
    top: -0.7rem;
    width: 2.4375rem;
    height: 2.4375rem;
    color: var(--q-color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:var(--q-font-size-20);
    font-weight: 700;
    line-height: var(--q-font-size-20);
}

.adventages_item__box_icon{
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0.2rem;
    align-items: flex-start;
}

.adventages_item__icon{
    width: 100%;
    height: 100%;
    max-width: 57px;
    object-fit: contain;
}

.adventages_item__title{
    color: var(--q-color-main);
    font-size: var(--q-font-size-18);
    line-height: 1.75rem;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 0.5rem 0 0.2rem;
    margin: 0;
}
.adventages_item__text{
    color: var(--q-color-dark);
    font-size: var(--q-font-size);
    text-align: center;
    display: flex;
    justify-content: center;
    line-height: 1;
    padding: 0.3rem 0 0.8rem;
}
.adventages_content__bottom_info{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 2rem;
    margin: 2.3rem 0;
}
.adventages_bottom_info__left{
    text-align: right;
    font-size: var(--q-font-size-20);
    color: var(--q-color-dark);
    font-weight: 500;
    line-height: 1.3125rem;
    max-width: 24rem;
    margin-left: auto;
}
.adventages_link{
    color: var(--q-color-dark);
    font-size: var(--q-font-size-30);
    line-height: 2.6875rem;
    font-weight: 600;
    display: grid;
    grid-template-columns: 34px auto;
    grid-gap: 0.5625rem;
    align-items: center;
    transition: color 250ms ease-in-out;
}

.adventages_link:hover,
.adventages_link:focus{
    color: var(--q-color-submain-b);
}

/* #endregion */

/* #region section Services  */

.section_services{
    padding: 1.8rem 0 2.6rem 0;
    position: relative;
}

.section_services::after{
    content: '';
    position: absolute;
    right: 0;
    left: -764px;
    top: -40px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    width: var(--size-bg-circle);
    height: var(--size-bg-circle);
    z-index: 2;
    background: linear-gradient(261.94deg, #E3F3FB 23.28%, #FFFFFF 70.46%);
}

.section_services::before{
    content: '';
    position: absolute;
    right: 0;
    left: 43%;
    top: 130px;
    border-radius: 50%;
    display: block;
    width: var(--size-bg-circle);
    height: var(--size-bg-circle);
    z-index: 2;
    transform: rotate(132.9deg);
    background: linear-gradient(261.94deg, rgba(227, 243, 251, 0.43) 23.28%, #FFFFFF 70.46%);
}

.services_content__items{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 0.6875rem;
    margin-bottom: 2.2rem
}

.services_content__item{
    position: relative;
    background-color: #fff;
    min-height: 183px;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    padding: 0.875rem;
    box-shadow: 10px 11px 33px #e7e7e8;
    transition: .3s;
}

.services_content__item:hover{
    transform: translate(0, -4px);
}

.services_item__box_title{
    min-height: 71px;
    padding: 0 1rem;

}

.services_item__title{
    color: var(--q-color-dark);
    font-size: var(--q-font-size-22);
    line-height: 1.6rem;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 0.6rem 0 0.2rem;
    margin: 0;
}

.services_item__box_price{
    max-width: 40rem;
    margin: 1rem auto;
}

.services_item__price{
    --underline-width: 3;
    --underline-offset-y: -2px;
    display: inline;
    --underline-width-scale: calc(var(--underline-width) / var(--underline-intrinsic-width));
    padding: 0 0.275rem;
    box-decoration-break: clone;
    background-repeat: no-repeat;
    background-image:
      linear-gradient(180deg, var(--q-color-main), var(--q-color-main)),
      var(--cap-image-left),
      var(--cap-image-right);
 
    background-position-y: calc(100% - var(--underline-offset-y) * -1);
    background-size:
      calc(100% - calc(var(--underline-cap-width) * var(--underline-width-scale) * 2)) calc(var(--underline-width) * 3px),
      auto calc(var(--underline-width) * 1px),
      auto calc(var(--underline-width) * 1px);

      font-size: var(--q-font-size-20);
      font-weight: 600;
      line-height: 1.25rem;
}

.services_link{
    font-size: var(--q-font-size);
    text-align: center;
    line-height: 0.875rem;
    font-weight: 400;
    color: var(--q-color-dark);
    text-transform: uppercase;
    padding: 0.4rem;
    transition: color 250ms ease-in-out;
    margin-top:auto;
}

.services_link:hover,
.services_link:focus-visible{
    color: var(--q-color-submain-b);
}

.item_line_bottom{
    position: relative;
}
.item_line_bottom::after{
    content: '';
    position: absolute;
    bottom: -5px;
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
    height: 5px;
    /* background: repeating-linear-gradient(90deg, rgba(175,202,11,1) 0px, rgba(175,202,11,1) 40px, rgba(255,102,51,1) 40px, rgba(255,102,51,1) 80px, rgba(0,139,210,1) 80px,rgba(0,139,210,1) 120px ); */
    background: repeating-linear-gradient(90deg, rgba(175,202,11,1) 0rem, rgba(175,202,11,1) 0.6875rem, rgba(255,102,51,1) 0.6875rem, rgba(255,102,51,1) 1.375rem, rgba(0,139,210,1) 1.375rem,rgba(0,139,210,1) 2.062rem );
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

/* #endregion */

/* #region section Sertificat */

.section_sertificat{
    padding-bottom: 3rem;
    overflow: visible;
}

.box_grid{
    display: grid;
    grid-template-columns: auto 1fr;
}

.sertificat__title{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 2rem;
    margin:0;
    align-items: end;
}

.sertificat__title .section__title{
    margin:0;
}

.sertificat_link{
    font-size: var(--q-font-size-20);
    color: var(--q-color-dark);
    font-weight: 300;
    line-height: 1.625rem;
    text-decoration: underline;
    margin-bottom: 0.7rem;
    transition: color 250ms ease-in-out;
}


.sertificat_link:hover,
.sertificat_link:focus-visible{
    color: var(--q-color-submain-b);
}

.sertificat_body{
    margin-top: 0.3rem;
}

.sertificat_slider__link{
    position: relative;
    z-index: 10;
    margin: 3px 0;
    display: block;
    transition: 250ms ease-in-out;
}

.sertificat_slider .splide__track  {
    padding-top: 14px;
}

.sertificat_slider__link:hover{
    transform: translate(0, -4px);
}

.sertificat_body__content{
    margin-top: 2.65rem;
    margin-bottom: 2.9rem;
}

.sertificat_slider .splide__arrow--prev{
    left: -6.6rem;
    background-color: #D6D6D6;
    box-shadow: none;
}

.sertificat_slider .splide__arrow--next{
    right: -6.6rem;
    background-color: #D6D6D6;
    box-shadow: none;
}


/* #endregion */

/* #region section Work */

.section_work{
    padding-top: 1rem;
    padding-bottom: 4rem;
    background: url('../img/bg.jpg') center center no-repeat;
    background-size: cover;
}

.work__title{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 1.5rem;
    margin: 2rem 0 1rem;
    align-items: end;
}

.work__title .section__title{
    margin:0;
}

.work_link{
    font-size: var(--q-font-size-20);
    color: var(--q-color-dark);
    font-weight: 300;
    line-height: 1.625rem;
    text-decoration: underline;
    margin-bottom: 0.7rem;
    transition: color 250ms ease-in-out;
}


.work_link:hover,
.work_link:focus-visible{
    color: var(--q-color-submain-b);
}

.color__white{
    color: #fff;
}

.color__green{
    color: var(--q-color-main);
}

.work_body__content{
    padding: 1rem 0;
}

.work_items{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 1.875rem;
}

.work__item{
    position: relative;
    background-color: #fff;
    min-height: 183px;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    padding:  1.75rem 0.5625rem 1rem;
    /* box-shadow: 10px 11px 33px #e7e7e8; */
    transition: .3s;
    display: grid;
    grid-template-columns: 73px auto;
    grid-gap: 0.9375rem;
}

.work__link{
    transition: .3s;
}

.work__link:hover {
    transform: translate(0, -4px);
}

.work__count{
    background-color: var(--q-color-submain-b);
    border-radius: 50%;
    position: absolute;
    left: -0.7rem;
    top: -1rem;
    width: 2.4375rem;
    height: 2.4375rem;
    color: var(--q-color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--q-font-size-20);
    font-weight: 700;
    line-height: var(--q-font-size-20);
}

.work_item__title{
    font-size: var(--q-font-size-23);
    color: var(--q-color-submain-b);
    margin:0;
    line-height: 1rem;
    margin-bottom: 0.5rem;
}
.work_item__text{
    padding-top: 0.5rem;
    font-size: var(--q-font-size);
    color: var(--q-color-dark);
    line-height: 1rem;
}
.work_item__text p{
    margin:0;
    padding:0;
}
.line_top{
    position: relative;
}

.line_top::before{
    content: '';
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 5px;
    z-index: 10;
    /* background: repeating-linear-gradient(90deg, rgba(175,202,11,1) 0px, rgba(175,202,11,1) 40px, rgba(255,102,51,1) 40px, rgba(255,102,51,1) 80px, rgba(0,139,210,1) 80px,rgba(0,139,210,1) 120px ); */
    background: repeating-linear-gradient(90deg, rgba(175,202,11,1) 0rem, rgba(175,202,11,1) 2.5rem, rgba(255,102,51,1) 2.5rem, rgba(255,102,51,1) 5rem, rgba(0,139,210,1) 5rem,rgba(0,139,210,1) 7.5rem );
}


/* #endregion */

/* #region section Info */

.section_info{
    padding-top: 0.8rem;
    padding-bottom: 1.75rem;
    position: relative;
}

.section_info::after{
    content: '';
    position: absolute;
    right:0;
    left:890px;
    top: -117%;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    width: var(--size-bg-circle);
    height: var(--size-bg-circle);
    z-index: 2;
    background: linear-gradient(261.94deg, #E3F3FB 23.28%, #FFFFFF 70.46%);
}

.section_info::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    width: 5px;
    height: 100%;
    background: repeating-linear-gradient(180deg, rgba(175,202,11,1) 0rem, rgba(175,202,11,1) 2.5rem, rgba(255,102,51,1) 2.5rem, rgba(255,102,51,1) 5rem, rgba(0,139,210,1) 5rem,rgba(0,139,210,1) 7.5rem );
}

.info__grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 1.875rem;
}
.section_info{
    background: linear-gradient(180deg, #E3F3FB 0%, #F6FAFC 100%);
}
.text_align__center{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.input_message{
    width: 100%;
    height: 100%;
    appearance: none;
    border: none;
    outline: none;
}

.info_left__form{
    margin-right: 6.4rem;
}

.info_left__form .section__title {
    margin-bottom: 1rem;
}

.partners_items{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2,1fr);
    grid-gap: 0.875rem 0.6875rem;
}

.partners_item{
    background-color: var(--q-color-white);
    box-shadow: 10px 9px 18px #e7e7e8;
    border-radius: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem;
}

.partners_item__img{
    max-width: 123px;
    max-height: 92px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.partners_slider{
    max-width: 550px;
}
.partners_slider .splide__arrow--prev{
    left: -0.2rem;
    margin-top: -23px;
    background-color: var(--q-color-gray-arrow);
    box-shadow: none;
}
.partners_slider .splide__arrow--next{
    right: -0.3rem;
    margin-top: -23px;
    background-color: var(--q-color-gray-arrow);
    box-shadow: none;
}

.partners_slider .splide__pagination{
    bottom: -3.4rem;
}

.partners_slider .splide__pagination__page{
    background-color: var(--q-color-dark);
}


/* #endregion */

/* #region section FAQ */
.section_faq{
    padding: 0.6rem 0 2.6rem;
    position: relative;
}

.section_faq::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    width: 5px;
    height: 100%;
    background: repeating-linear-gradient(180deg, rgba(175,202,11,1) 0rem, rgba(175,202,11,1) 2.5rem, rgba(255,102,51,1) 2.5rem, rgba(255,102,51,1) 5rem, rgba(0,139,210,1) 5rem,rgba(0,139,210,1) 7.5rem );
}


.faq__item{
    background-color: #EDF8FD;
    border-radius: 1.25rem;
    margin-bottom: 1.25rem;
    position: relative;
}

.faq_item__box_body {
    width     : 100%;
    max-height: 0;

    overflow          : hidden;
    -webkit-transition: max-height 350ms ease-in-out;
    -o-transition     : max-height 350ms ease-in-out;
    transition        : max-height 350ms ease-in-out;
}

.faq_item__box_title{
    width: 100%;
    height: 100%;
    position: relative;
}

.faq_item__title{
    font-size: var(--q-font-size-20);
    color: var(--q-color-dark);
    font-weight: 600;
    padding: 1.625rem 4.25rem;
    display: block;
}

.faq_item__text{
    padding: 0  4.25rem 1.625rem 4.25rem ;
    font-size: 0.9375rem;
    font-weight: 400;
    opacity: 1;
    transition: opacity 300ms ease-in-out;
}
.faq_item__text p{
    margin: 0;
    padding:0;
}

/* .faq__item .--is__active .faq_item__text{
    opacity: 1;
} */

.faq__count{
    background-color: var(--q-color-submain-b);
    border-radius: 50%;
    position: absolute;
    left: -0.7rem;
    top: -1rem;
    width: 2.4375rem;
    height: 2.4375rem;
    color: var(--q-color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--q-font-size-20);
    font-weight: 700;
    line-height: var(--q-font-size-20);
}

.faq__pluse_close{
    position: absolute;
    right: 3rem;
    top: 50%;
    transform: translateY(-50%) ;
    color: var(--q-color-main);
    pointer-events: none;
    transition: 550ms ease;
}

.faq__pluse_close svg{
    width: 22px;
    height: 22px;
}

.faq_item__body.--is_active .faq__pluse_close{
    transform: translateY(-50%) rotate(90deg);
    color: var(--q-color-submain-b);
}

.section_faq_services{
    padding-bottom: 3rem;
}

/* #endregion */

/* #region section Reviews */
.section_reviews{
    background: url("../img/bg_1-min.jpg") center center no-repeat;
    background-size: cover;
    padding: 3.125rem  1.125rem;
}

.reviews_title{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 1.5rem;
    margin: 2rem 0 1rem;
    align-items: end;
    /* align-items: center; */
}

.reviews_title .section__title {
    margin: 0;
}

.reviews_link{
    font-size: var(--q-font-size-20);
    font-weight: 300;
    line-height: 1.625rem;
    text-decoration: underline;
    margin-bottom: 0.7rem;
    color: var(--q-color-main);
    transition: color 250ms ease-in-out;
}

.reviews_link:hover,
.reviews_link:focus-visible{
    color: var(--q-color-submain-b);
}


.reviews_body__content{

}

.reviews_items{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 1.875rem;
}

.reviews_quotes{
    background-color: var(--q-color-submain-b);
    border-radius: 50%;
    position: absolute;
    left: -0.7rem;
    top: -1rem;
    width: 2.4375rem;
    height: 2.4375rem;
    color: var(--q-color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--q-font-size-20);
    font-weight: 700;
    line-height: var(--q-font-size-20);
}

.reviews__item{
    background-color: #fff;
    border-radius: 1.25rem;
    padding: 1rem;
    position: relative;
    padding-top: 1.9375rem;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    transition: .3s;
}

.reviews_text{
    font-size: var(--q-font-size);
    line-height: 1rem;
}
.reviews_text p{
    margin:0;
    padding:0;
}

.reviews_author{
    color: var(--q-color-main);
    margin-top: 0.6875rem;
    transition: .3s;
}
.reviews__link{
    display: block;
    width: 100%;
    height: 100%;
 
}

.reviews__item:hover{
    transform: translate(0, -4px);
}
.reviews_text{
    color: var(--q-color-dark) !important;
}
.reviews_text:hover,
.reviews_text:focus,
.reviews_text:active{
    color: var(--q-color-dark) !important;
}

.reviews__item:hover .reviews_author{
    color: var(--q-color-submain-b);
}

.box-shadow{
    box-shadow: 10px 11px 33px #E7E7E8;
}



/* #endregion */

/* #region section Map */

.section_map{
    padding: 1.4rem 0 4rem 0;
}
.map_body{
    display: grid;
    grid-template-columns: 300px 1fr;
    grid-gap: 4.375rem;
}

.map_contacts__link{
    display: inline-grid;
    grid-template-columns: 24px 1fr;
    grid-gap: 0.625rem;
    transition: 300ms;
    font-size: var(--q-font-size-16);
    color: var(--q-color-dark);
    padding-right: 0.4rem;
}

.map_contacts_items{
    margin-top: 1.6rem;
}

.map_contacts__link svg{
    color: var(--q-color-main);
    /* margin-top: 0.1rem; */
}

.link__phone.map_contacts__link svg{
    margin-top: 0.3rem;
}

.link__phone{
    transition: color 250ms ease-in-out;
}

.link__phone svg,
.link__mail svg{
    transition: color 250ms ease-in-out;
}

.link__phone:hover svg, 
.link__phone:focus-visible svg{
    color: var(--q-color-submain-b);
}

.link__phone:hover, 
.link__phone:focus-visible{
    color: var(--q-color-submain-b);
}

/* .map_contacts__link:hover,
.map_contacts__link:focus,
.map_contacts__link:active{
    background-color: #ebebeb;
    border-radius: 6px;
} */

.link__phone{
    font-size: var(--q-font-size-22);
    font-weight: 700;
}

.link__mail:hover, 
.link__mail:focus-visible{
    color: var(--q-color-submain-a);
}

.link__mail:hover svg, 
.link__mail:focus-visible svg{
    color: var(--q-color-submain-a);
}

.map_contacts__arrd{
    display: grid;
    grid-template-columns: 24px 1fr;
    grid-gap: 0.625rem;
    margin:0;
    margin-bottom: 0.6rem;
    font-size: var(--q-font-size-16);
    color: var(--q-color-dark);
    line-height: 1.375rem;
}

.map_contacts__info{
    display: grid;
    grid-template-columns: 24px 1fr;
    grid-gap: 0.625rem;
    margin:0;
    margin-bottom: 0.6rem;
    font-size: var(--q-font-size-16);
    color: var(--q-color-dark);
    line-height: 1.375rem;
}

.map_contacts__info svg,
.map_contacts__arrd svg{
    color: var(--q-color-main);
}

.map_contacts__item{
    margin-bottom: 0.6rem;
}

.button__mess{
    display: inline-grid;
    margin-top: 1.3rem;
    grid-template-columns: 24px 1fr;
    grid-gap: 0.625rem;
    align-items: center;
    --size: 1.1rem;
    border-radius: 3.5rem;
    font-size: var(--size);
    background-color: var(--q-color-main);
    color: var(--q-color-white);
    position: relative;
    padding-top: calc(var(--size) * 0.75);
    padding-left: calc(var(--size) * 1.625);
    padding-right: calc(var(--size) * 1.625);
    padding-bottom: calc(var(--size) * 0.75);
    transition: background-color 250ms ease-in-out;
}

.button__mess svg{
    width: 20px;
    height: 20px;
    font-size: 20px;
}


.button__mess:hover,
.button__mess:focus-visible {
    background-color: var(--q-color-submain-a);
}

.map__contacts .section__box_title .section__title{
    margin-bottom: 0.5rem;
}

#map_container{
    height: 403px;
    width: 100%;
    border-radius: 1.2rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map__content{
    padding: 2rem 0;
}


.map_servises{
    grid-column: 1/ span 2;
}

.map_servises__lists{
    list-style: none;
    margin:0;
    padding:0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    flex-wrap:wrap;
}


.map_servise__link{
    color: var(--q-color-dark);
    line-height: 2;
    display: block;
    font-weight: 500;
    font-size: var(--q-font-size-16);
    /* opacity: 0; */
    transition: opacity 300ms;


}

.map_servises__list{
    border-radius: 1.25rem;
    margin-bottom: 1rem;
    --size: 1rem;
    background-color: #EDF8FD;
    padding: calc(var(--size) * 0.5) calc(var(--size) * 1.0);
}

.map_servises__list:hover .map_servise__link,
.map_servises__list:focus .map_servise__link,
.map_servises__list:active .map_servise__link{
    --underline-width: 3;
    --underline-offset-y: -2px;
    opacity:1;
    display: inline;
    --underline-width-scale: calc(var(--underline-width) / var(--underline-intrinsic-width));
    box-decoration-break: clone;
    background-repeat: no-repeat;
    background-image:
      linear-gradient(180deg, var(--q-color-main), var(--q-color-main)),
      var(--cap-image-left),
      var(--cap-image-right);
 
    background-position-y: calc(100% - var(--underline-offset-y) * -1);
    background-size:
      calc(100% - calc(var(--underline-cap-width) * var(--underline-width-scale) * 2)) calc(var(--underline-width) * 3px),
      auto calc(var(--underline-width) * 1px),
      auto calc(var(--underline-width) * 1px);
}


/* #endregion */

/* #region category akcii */
.category_akcii{
    /* background: linear-gradient(180deg, #E3F3FB 0%, #F6FAFC 100%); */
    position: relative;
    overflow: visible;
}



.category_akcii__items{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 1rem;
}

.category_akcii__item{
    position: relative;
    background-color: #fff;
    min-height: 200px;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    padding: 0.6rem;
    box-shadow: 10px 11px 33px #e7e7e8;
    transition: .3s;
}

.category_akcii__item:hover,
.category_akcii__item:focus-visible{
    transform: translateY(-5px);
    -webkit-box-shadow: 0 4px 15px rgba(153,153,153,0.4);
    box-shadow: 0 4px 15px rgba(153,153,153,0,4);
}
.category_akcii__box_img{
    width: 100%;
    height: 160px;
}

.category_akcii__img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 1rem;
}

.category_akcii__link{
    font-size: var(--q-font-size-16);
    color: var(--q-color-dark);
    line-height: 1.2;
}

.category_akcii__text{
    font-size: var(--q-font-size);
    color: var(--q-color-dark);
    line-height: 1.2;
    margin: 0.5rem 0;
}

.page__img{
    float: left;
    margin-right: 1rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    max-width: 300px;
    width: 100%;
}
/* #endregion */

/* #region category sertificat */
.category_sertificat__items{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 1.5rem;   
}

.category_sertificat__box_img{
 
}

.category_sertificat__link {
    display: block;
    width: 100%;
    height: 320px;
    transition: .3s;
}

.category_sertificat__link:hover,
.category_sertificat__link:focus-visible{
    transform: translate(0, -6px);
}

.category_sertificat__img{
    /* width: 100%; */
    height: 100%;
    /* object-fit: cover; */
}
/* #endregion */

/* #region category team */
.category_team{
    padding-top: 1rem;
    padding-bottom: 4rem;
    /* background: url('../img/bg.jpg') center center no-repeat; */
    /* background-size: cover; */
}

.category_team__items{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 1.5rem;
}

.category_team__item{
    border-radius: 1rem;
    background-color: #fff;
    padding: 1.4rem;
    transition: 300ms;
    box-shadow: 10px 11px 33px #e7e7e8;

}
.category_item_bg_circle{
    position: relative;
}
.category_item_bg_circle::before {
    content: '';
    --size: 2rem;
    position: absolute;
    right: 83%;
    left: 0px;
    top: 10px;
    margin: 0 auto;
    border-radius: 50%;
    display: block;
    width: var(--size);
    height: var(--size);
    z-index: 2;
    background: linear-gradient(206deg, #E3F3FB 23.28%, #FFFFFF 70.46%);
}

.category_item_bg_circle::after {
    content: '';
    --size: 3rem;
    position: absolute;
    right: 0;
    left: 78%;
    bottom: 118px;
    margin: 0 auto;
    border-radius: 50%;
    display: block;
    width: var(--size);
    height: var(--size);
    z-index: 2;
    background: linear-gradient(47deg, #E3F3FB 23.28%, #FFFFFF 70.46%);
}

.category_item_bg_circle_2::before {
    content: '';
    --size:  2rem;
    position: absolute;
    right: 83%;
    left: 0px;
    top: 10px;
    margin: 0 auto;
    border-radius: 50%;
    display: block;
    width: var(--size);
    height: var(--size);
    z-index: 2;
    background: linear-gradient(206deg, #E3F3FB 23.28%, #FFFFFF 70.46%);
}
.category_item_bg_circle_3::before {
    content: '';
    --size:  3rem;
    position: absolute;
    right: 83%;
    left: 0px;
    top: 10px;
    margin: 0 auto;
    border-radius: 50%;
    display: block;
    width: var(--size);
    height: var(--size);
    z-index: 2;
    background: linear-gradient(206deg, #E3F3FB 23.28%, #FFFFFF 70.46%);
}


.category_team__item:hover,
.category_team__item:focus-visible{
    transform: translateY(-6px);
    -webkit-box-shadow: 0 4px 15px rgba(153,153,153,0.4);
    box-shadow: 0 4px 15px rgba(153,153,153,0,4);
}

.category_team__box_img{
    width: 236px;
    height: 236px;
    display: block;
}

.category_team__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    transition: box-shadow 300ms ease-in-out;
}

.category_team__item:hover .category_team__img,
.category_team__item:focus-visible .categort_team__img{
    box-shadow: 0 0 0 3px #7ecef6;
}

.category_team__link{
    display: block;
    height: 100%;
}

.category_team_title__title{
    color:#096999;
    font-size: var(--q-font-size-16);
    line-height: 1.2;
    margin: 0.7rem 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category_item__text{
    color: #a1a0a0;
    font-size: var(--q-font-size);
    line-height: 1.2;
    margin: 0.5rem 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category_item__info{
    display: flex;
    flex-direction: column;
}

.page_detail__team_post{
    color: #a1a0a0;
    font-size: var(--q-font-size);
    line-height: 1.2;
    margin: 0.5rem 0;
}


/* #endregion */

/* #region category portfolio */

.category_portfolio__items{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 1.875rem;
}

.category_portfolio__item{
    background-color: #fff;
    box-shadow: 0 0 7px 1px var(--q-color-gray-arrow);
    transition: 300ms;
    border-radius: 1rem;
    overflow: hidden;
}

.category_portfolio__item:hover,
.category_portfolio__item:focus-visible{
    transform: translateY(-4px);
}

.category_portfolio_item__box_img{
    height: 200px;
    width: 100%;
}

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



.category_portfolio_item__link{
    display: block;
    font-weight: 500;
    font-size: var(--q-font-size-18);
    line-height: 1.4;
    text-transform: capitalize;
    color: var(--q-color-black);
    padding-bottom: 0.5rem;

}

.category_portfolio_item__info{
    padding-top: 1.875rem;
    padding-left: 0.8rem;
    padding-right: 0.5rem;
    padding-bottom: 0.8rem;
}

.category_portfolio_item__text{
    color: var(--q-color-dark);
    font-size: var(--q-font-size-16);
    line-height: 1.4;
}

.category_item__bottom{
    padding: 0.8rem;
    color: #8fa700;
    font-size: var(--q-font-size-16);
    display: grid;
    grid-template-columns: 30px auto;
}

.page_portfol__img{
    height: 400px;
    width: 100%;
    display: flex;
    justify-content: center;
    object-fit: cover;
}

.page_date{
    padding: 0.8rem;
    color: #8fa700;
    font-size: var(--q-font-size-16);
    display: grid;
    grid-template-columns: 30px auto;
    align-items: center;
}

.section_portfolio{
    padding-top: 2rem;
}

/* #endregion */

/* #region services  */

.page_services__box{
    background: rgb(0,153,229);
    background: -moz-linear-gradient(30deg, rgb(0,153,229) 0%, rgb(126,188,255) 43%, rgba(250,252,255,1) 99%);
    background: -webkit-linear-gradient(30deg, rgb(0,153,229) 0%, rgb(126,188,255) 43%, rgba(250,252,255,1) 99%);
    background: linear-gradient(30deg, rgb(0,153,229) 0%, rgb(126,188,255) 43%, rgba(250,252,255,1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6fafcf",endColorstr="#fafcff",GradientType=1);
    border-radius: 1rem;
    padding: 4rem 2.6rem;
    margin-top: 3rem;
}

.category_services_bg_circle{
    position: relative;
    overflow: hidden;
}

.category_services_bg_circle::before {
    content: '';
    --size: 4rem;
    position: absolute;
    right: 0;
    left: 60%;
    top: 10px;
    margin: 0 auto;
    border-radius: 50%;
    display: block;
    width: var(--size);
    height: var(--size);
    z-index: 2;
    box-shadow: 0px 3px 6px 0px #8bd4ef52;
    background: linear-gradient(206deg, #E3F3FB 2.28%, #FFFFFF 70.46%);
}

.category_services_bg_circle::after {
    content: '';
    --size: 8rem;
    position: absolute;
    right: 0;
    left: 78%;
    bottom: 28px;
    margin: 0 auto;
    border-radius: 50%;
    display: block;
    width: var(--size);
    height: var(--size);
    z-index: 2;
    box-shadow: 3px 1px 5px 0px  #39c9ff2e;
    background: linear-gradient(47deg, #E3F3FB 23.28%, #FFFFFF 87.46%);
}

.services_box__title{
    font-size: var(--q-font-size-28);
    font-weight: 300;
    color: var(--q-color-white);
    letter-spacing: 0.15em;
    margin-top: 0;
    max-width: 80%;
}

.services_box__text{
    font-size: var(--q-font-size-20);
    font-weight: 300;
    color: var(--q-color-white);
    margin-top: 2rem;
    max-width: 80%;
}

.font-size-18{
    font-size: var(--q-font-size-18);
}

.services_page__link{
    display: grid;
    grid-template-columns: auto 20px;
    grid-gap: 0.5rem;
    justify-content: start;
    align-items: center;
    font-size: var(--q-font-size-20);
    line-height: 31px;
    font-weight: 700;
    width: fit-content;
    color: var(--q-color-main);
    text-transform: uppercase;
    margin-top: 1rem;
    transition: color 190ms ease-in-out;
}


.services_page__link:hover,
.services_page__link:focus-visible {
    color: var(--q-color-submain-b);
}


.section__services_page{
    overflow:hidden;
}

/* #endregion */

/* #region slider team */

.slider_team__item{
    border-radius: 1rem;
    background-color: #fff;
    padding: 1.4rem;
    transition: 300ms;
    box-shadow: 1px 0px 10px  #e7e7e8;

}
.slider_team_item_bg_circle{
    position: relative;
}
.slider_team_item_bg_circle::before {
    content: '';
    --size: 2rem;
    position: absolute;
    right: 83%;
    left: 0px;
    top: 10px;
    margin: 0 auto;
    border-radius: 50%;
    display: block;
    width: var(--size);
    height: var(--size);
    z-index: 2;
    background: linear-gradient(206deg, #E3F3FB 23.28%, #FFFFFF 70.46%);
}

.slider_team_item_bg_circle::after {
    content: '';
    --size: 3rem;
    position: absolute;
    right: 0;
    left: 78%;
    bottom: 118px;
    margin: 0 auto;
    border-radius: 50%;
    display: block;
    width: var(--size);
    height: var(--size);
    z-index: 2;
    background: linear-gradient(47deg, #E3F3FB 23.28%, #FFFFFF 70.46%);
}

.slider_team__item:hover,
.slider_team__item:focus-visible{
    transform: translateY(-6px);
    -webkit-box-shadow: 0 4px 15px rgba(153,153,153,0.4);
    box-shadow: 0 4px 15px rgba(153,153,153,0,4);
}

.slider_team__box_img{
    width: 236px;
    height: 236px;
    display: block;
    margin: auto;
}

.slider_team__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    transition: box-shadow 300ms ease-in-out;
}

.slider_team__item:hover .slider_team__img,
.slider_team__item:focus-visible .slider_team__img{
    box-shadow: 0 0 0 3px #7ecef6;
}

.slider_team__link{
    display: block;
    height: 100%;
}

.slider_team_title__title{
    color:#096999;
    font-size: var(--q-font-size-16);
    line-height: 1.2;
    margin: 0.7rem 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider_team_item__text{
    color: #a1a0a0;
    font-size: var(--q-font-size);
    line-height: 1.2;
    margin: 0.5rem 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider_team_item__info{
    display: flex;
    flex-direction: column;
}


.team_slider  .splide__arrow--prev{
    left: -6.6rem;
    background-color: #D6D6D6;
    box-shadow: none;
}

.team_slider  .splide__arrow--next{
    right: -6.6rem;
    background-color: #D6D6D6;
    box-shadow: none;
}

.team_slider .splide__track  {
padding-top: 2rem;
padding-bottom: 2rem;
}

/* .page_detail__team_post{
    color: #a1a0a0;
    font-size: var(--q-font-size);
    line-height: 1.2;
    margin: 0.5rem 0;
} */

/* #endregion */

/* #region slider portfolio */

.portfolio_slider  .splide__arrow--prev{
    left: -6.6rem;
    background-color: #D6D6D6;
    box-shadow: none;
}

.portfolio_slider  .splide__arrow--next{
    right: -6.6rem;
    background-color: #D6D6D6;
    box-shadow: none;
}


.portfolio_slider .splide__track {
    padding-top: 1rem;
    padding-bottom: 2rem;
}
/* #endregion */

/* #region slider reviews */

.section_reviews .section__title {
    margin: 0.4rem 0;
}
.reviews_slider  .splide__arrow--prev{
    left: -6.6rem;
    background: rgba(255,255,255,0.5);
    box-shadow: none;
}

.reviews_slider  .splide__arrow--next{
    right: -6.6rem;
    background: rgba(255,255,255,0.5);
    box-shadow: none;
}

.reviews_slider  .splide__arrow--next svg{
    color: #fff;
}
.reviews_slider  .splide__arrow--prev svg{
    color: #fff;
}

.reviews_slider .splide__track {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/* #endregion */

/* #region price */

.price_content__items{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 0.6875rem;
    margin-bottom: 2.2rem;
    margin-top: 5.2rem;
}

.price_content__item{
    position: relative;
    background-color: #fff;
    min-height: 183px;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    padding: 0.875rem;
    box-shadow: 10px 11px 33px #e7e7e8;
    transition: .3s;
}

.price_content__item:hover{
    transform: translate(0, -4px);
}

.price_item__box_title{
    min-height: 71px;
    padding: 0 1rem;

}

.price_item__title{
    color: var(--q-color-dark);
    font-size: var(--q-font-size-22);
    line-height: 1.6rem;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 0.6rem 0 0.2rem;
    margin: 0;
}

.price_item__box_price{
    max-width: 40rem;
    margin: 1rem auto;
}

.price_item__price{
    --underline-width: 3;
    --underline-offset-y: -2px;
    display: inline;
    --underline-width-scale: calc(var(--underline-width) / var(--underline-intrinsic-width));
    padding: 0 0.275rem;
    box-decoration-break: clone;
    background-repeat: no-repeat;
    background-image:
      linear-gradient(180deg, var(--q-color-main), var(--q-color-main)),
      var(--cap-image-left),
      var(--cap-image-right);
 
    background-position-y: calc(100% - var(--underline-offset-y) * -1);
    background-size:
      calc(100% - calc(var(--underline-cap-width) * var(--underline-width-scale) * 2)) calc(var(--underline-width) * 3px),
      auto calc(var(--underline-width) * 1px),
      auto calc(var(--underline-width) * 1px);

      font-size: var(--q-font-size-20);
      font-weight: 600;
      line-height: 1.25rem;
}

.price_link{
    font-size: var(--q-font-size-16);
    text-align: center;
    line-height: 0.875rem;
    font-weight: 400;
    color: var(--q-color-dark);
    text-transform: uppercase;
    padding: 0.4rem;
    transition: color 250ms ease-in-out;
    margin-top:auto;
}

.price_link:hover,
.price_link:focus-visible{
    color: var(--q-color-submain-b);
}

/* #endregion */

/* #region modal form */


  
.modal {
    width           : 100%;
    height          : 100%;
    position        : fixed;
    left            : 0;
    top             : 0;
    bottom          : 0;
    right           : 0;
    background-color: rgba(0, 0, 0, 0.3);
    padding         : 15px;
    z-index         : 9999;
    display         : flex;
    align-items     : center;
    justify-content : center;
    transition      : visibility .3s ease, opacity .3s ease;
}


.modal.--is_fade {
    visibility: hidden;
    opacity   : 0;
}


.modal__dialog {
    width         : 100%;
    max-width     : 540px;
    margin        : auto;
    max-height    : 100%;
    display       : flex;
    flex-direction: column;
}

.modal__content {
    display         : flex;
    flex-direction  : column;
    background-color: #fff;
    position        : relative;
    max-height      : calc(100vh - 30px);
    overflow-y      : auto;
    background: linear-gradient(61deg, #E3F3FB 0%, #F6FAFC 100%);
    box-shadow: 0px 4px 18px #697981;
    border-radius: 0.5rem;
}

.modal__header {
    position: relative;
    padding : 2.2rem 2rem;
}

.modal__close {
    font-size: 29px;
    position: absolute;
    display: flex;
    width: 36px;
    height: 36px;
    right: 9px;
    top: 9px;
    color: var(--q-color-submain-b);
    align-items: center;
    justify-content: center;
}




.modal__close:hover,
.modal__close:focus {
    color    : #54BDEB;
    transform: scale(1.05);
}

.modal__title {
    font-weight    : 700;
    line-height    : 1.2;
    color          : var(--black);
    text-align     : center;
    display        : flex;
    align-items    : center;
    justify-content: center;
    margin         : 0;
    font-size      : 28px;
    text-transform : uppercase;

    font-size: var(--q-font-size-30);
    font-weight: 300;
    letter-spacing: 0.15em;
}

.modal__body {
    padding: 0 2rem 2rem;
}

.label_input {
    display       : flex;
    flex-direction: column;
}

.button_modal_submit{
    background-color: var(--q-color-submain-a);
    min-width: 100%;
    margin:auto;
    margin-top:0.5rem;
    border: none;
    font-size: var(--q-font-size-18);
    color: var(--q-color-white);
    font-weight: 400;
    border-radius: 3.5rem;
    letter-spacing: 0.03em;
    padding: 0.77rem 1.9375rem;
    transition: background-color 300ms ease-in-out;
}

.button_modal_submit:hover,
.button_modal_submit:focus{
    background-color: var(--q-color-submain-b);
}

.grid--gap{
    grid-gap: 0.875rem;
}

.modal__body .label_input{
    box-shadow: 0px 3px 5px #e7e7e8;
    font-size: var(--q-font-size-18);
    font-weight: 400;
    padding: 0.8rem 2.2rem;
    border: 1px solid #fff;
    transition: 300ms;
}

.modal__body .label_input:hover,
.modal__body .label_input:focus-visible,
.modal__body .label_input .input_field:focus-visible,
.modal__body .label_input:focus-within {
    border-color: var(--q-color-main);
}

.modal__body .label_input::placeholder{
    font-size: var(--q-font-size-18);
    font-weight: 400;

}


/* #endregion */

/* #region Footer */
.footer{
    min-height: 0;
    padding-top: 3.1875rem;
    background: linear-gradient(180deg, #E3F3FB 0%, #F6FAFC 100%);
    overflow: hidden;
    position: relative;
    z-index: 20;
}

.footer::after{
    content: '';
    position: absolute;
    right:0;
    left: 790px;
    top: -218%;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    width: var(--size-bg-circle);
    height: var(--size-bg-circle);
    z-index: 2;

    background: linear-gradient(261.94deg, #E3F3FB 23.28%, #FFFFFF 70.46%);
}

.footer_body{
    display: grid;
    grid-template-columns: 287px 1fr;
    grid-gap: 2.4rem;
}

.footer_link__phone{
    font-size: var(--q-font-size-16);
    font-weight: 700;
    margin-top: 2rem;
}
.footer_item__link{
    line-height: 1.4375rem;
    color: var(--q-color-dark);
    font-size: var(--q-font-size-16);
    display: inline-grid;
    grid-template-columns: 24px 1fr;
    grid-gap: 0.625rem;
    transition: color 250ms ease-in-out;
    margin-bottom: 1rem;
}
.footer_link__email svg{
    transition: color 250ms ease-in-out;
}
.footer_link__email:hover,
.footer_link__email:focus-visible{
    color: var(--q-color-submain-a);
}
.footer_link__email:hover svg,
.footer_link__email:focus-visible svg{
    color: var(--q-color-submain-a);
}
.footer_link__phone:hover,
.footer_link__phone:focus-visible{
    color: var(--q-color-submain-b);
}
.footer_link__phone svg{
    
    transition: color 250ms ease-in-out;
}
.footer_link__phone:hover svg,
.footer_link__phone:focus-visible svg{
    color: var(--q-color-submain-b);
}
.footer__logotype{
    /* margin-bottom: 1.0625rem; */
    display: inline;
}
.footer_item__adres{
    margin:0;
    display: inline-grid;
    grid-template-columns: 24px 1fr;
    grid-gap: 0.625rem;
    font-size: var(--q-font-size-16);
    line-height: 1.4375rem;
}
.footer_item_nav__link{
    color: var(--q-color-dark);
    font-size: var(--q-font-size-16);
    line-height: 1.8125rem;
    position: relative;
}

.footer_item_nav__link::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0.1875rem;
    width: 100%;
    max-width: 0;
    display: block;
    background-color: var(--q-color-main);
    transition: max-width 250ms ease-in-out;
}

.footer_item_nav__link:hover::after, .footer_item_nav__link:focus-visible::after{
    max-width: 100%;
}

.footer_item__nav{
    display: flex;
    flex-direction: column;
    list-style: none;
    margin:0;
}
.footer_bottom__info{
    text-align: center;
    margin:0;
    padding: 1rem;
}

.footer_item .footer_item_info:first-child{
    margin-top: 20px
}

.footer_item_info svg{
    color: var(--q-color-main);
}


.footer_box__nav{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap:3.375rem;
}

.footer .container {
    z-index: 40;
    position: relative;
}

/* #endregion */


/* #region Media */

@MEDIA all and (max-width: 1400px) {
    .sertificat_slider .splide__arrow--next{
        right:-1rem;
    }

    .sertificat_slider .splide__arrow--prev{
        left: -1rem;
    }
}


@MEDIA all and (max-width: 1240px) {
    .header-nav__link{
        padding: 0.75rem 0.2rem;
        white-space: nowrap;
    }

    .header-nav__item{
        width: 100%;
        height: 100%;
    }

    .logotype{
        --size: 1.25rem;
    }

    .header-nav__item:first-child .header-nav__link{
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .category_team__box_img{
        margin:auto;
    }

    .category_team__items{
        grid-template-columns: repeat(3,1fr);
    }


    .category_akcii__items {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .team_slider  .splide__arrow--next {
        right: 0;
    }

    .team_slider .splide__arrow--prev {
        left: 0;
    }

    /* .portfolio_slider   .splide__arrow--next {
        right: 0;
    }

    .portfolio_slider  .splide__arrow--prev {
        left: 0;
    } */
    .header-nav__box{
        width: 860px;
    }
}

@MEDIA all and (max-width: 1048px) {
    /* .header-nav{
        display: none;
    }
    .header-top{
        display: none;
    } */

    html.--is_overflowed {
        overflow: hidden;
    }

    .main{
        padding-top: 66px;
    }
    .header{
        display: block;
        min-height: 66px;
        background-color: #fff;
        box-shadow: 2px 1px 2px 1px   rgba(1,1,1,.2);
    }

    .header__burger {
        display: block;
        position: relative;
        width: 30px;
        height: 20px;
        background: rgba(255, 255, 255, 0);
        border: 0;
    }

    .header-menu__bottom .header__link{
        display: block;
    }
    .header-menu__bottom .header__link{
        display: block;
    }
    .header-menu__bottom .header__social{
        display: block;
    }


    .header__burger>span {
        background-color: var(--q-color-black);
        position: absolute;
        width: 100%;
        height: 2px;
        top: 9px;
        left: 0;
        transition: all 300ms ease 0s;
    }

    .header__burger::after,
    .header__burger::before {
        content: "";
        background-color: var(--q-color-black);
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        transition: all 300ms ease 0s;
    }

    .header__burger.--is_active>span {
        transform: scale(0);
    }
    
    .header__burger.--is_active::before {
        transform: rotate(45deg);
        top: 9px;
        background-color: var(--q-color-black);
    }
    
    .header__burger.--is_active::after {
        transform: rotate(-45deg);
        bottom: 9px;
        background-color:var(--q-color-black);
    }

    .header__burger::before {
        top: 0;
    }

    .header__burger::after {
        bottom: 0;
    }

    .header__link{
        display: none;
    }
    .header__social{
        display: none;
    }
    .header-top__nav{
        display: none;
    }

    .header-top__mobile{
        display: block;
    }

    .header-menu__box_nav{
        background-color: #fff;
    }


    .header-menu_accordion{
        list-style: none;
        padding-top: 0.5rem;
        width: 100%;
        height: auto;
        max-height: 0;
        overflow: hidden;
        padding-left: 1.5rem;
        transition: all 200ms ease;
    }

    .header-menu{
        z-index: 2;
        display: none;
        position: fixed;
        overflow-y: auto;
        top: -50px;
        left: 0;
        bottom: 0;
        width: 100%;
        height: auto;
        /* background-color: var(--q-color-white); */
        margin-top: 116px;
        padding: 0 0 1rem 0;
        border-top: 1px solid var(--q-color-main);
        /* background-color: var(--q-color-gray_bg); */
        background: linear-gradient(330deg, #E3F3FB 0%, #F6FAFC 100%);
    }

    .header-menu__nav_lists{
        margin:0;
        list-style: none;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 2rem;
    }

    .header-menu__nav_list{
        padding-bottom: 0.5rem;
    }


    .header-menu__nav_link{
        position: relative;
        border: 0;
        background-color: rgba(255, 255, 255, 0);
        font-size: var(--q-font-size-18);
        font-weight: 500;
        line-height: 1.3;
        display: flex;
        align-items: center;
        min-height: 1.875rem;
        text-align: left;
        color: var(--q-color-dark);
        padding: 0.5rem 0.125rem  0.4rem 0;
        transition: all 200ms ease;
        justify-content: space-between;
     
    }
    .header-menu__nav_lists>li{
        border-bottom: 1px solid  rgba(1, 1, 1, .2);
    }


    .header-menu__nav_box_accordion{
        padding-top: 1rem;
        padding-bottom:0;
    }

    .header-menu_accordion>.header-menu__nav_list{
        border-bottom: 1px solid  rgba(1, 1, 1, .2);
    }

    .header-menu_accordion>.header-menu__nav_list:last-child{
        margin-bottom:1.5rem;
    }

    .header-menu__nav_link.--is_initialized.--is_active{
        color:var(--q-color-main);
    }

    .header-menu__nav_link>svg{
        background-color: var(--q-color-gray-arrow);
        color: var(--q-color-white);
        width: 20px;
        height: 20px;
        transition: background-color 200ms ease-in-out;
    }

    .header-menu__nav_list.--is_active>li{
        border-bottom: 1px solid var(--q-color-main)
    }

     .header-menu__nav_link.--is_active>svg{
        background-color: var(--q-color-main);
    }

    .header-menu.--is_active {
        display: block;
    }

    .header-nav{
        display: none;
    }

    .header{
        position: fixed;
    }


    .header__link{
        --size: 2.625rem;
    }
    .header-menu__bottom{
        margin-bottom: 1rem;
    }

    .header-menu__bottom{
        margin-top: 0.5rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .header__link-bottom{
        line-height: 1.4375rem;
        color: var(--q-color-dark);
        font-size: var(--q-font-size-16);
        display: inline-grid;
        grid-template-columns: 24px 1fr;
        grid-gap: 0.625rem;
        transition: color 250ms ease-in-out;
        margin-bottom: 1rem;
    }


    .header__link-bottom:hover,
    .header__link-bottom:focus-visible{
        color: var(--q-color-submain-a);
    }

    .header-menu__nav_link:hover,
    .header-menu__nav_link:focus-visible{
        color: var(--q-color-main);
    }

    .header-menu__bottom .header__social{
        width: 100%;
        text-align: center;
    }

    .header__social{
        --size: 1rem;
    }

    .main_slider__title{
        line-height: 3rem;
        padding:0;
        --underline-width: 5;
    }

    .section_info::before{
        right: 68px;
        left: inherit;
        content: none;
    }

    .section_faq::before{
        right: 68px;
        left: inherit;
        content: none;
    }

    
    :root{
        --q-font-size-title-slider: 2rem;
        --size-bg-circle: 65.375rem;
        --q-font-size-menu_desc: 0.75rem;
    }

    .main_slider__body.container{
        padding: 0 5rem;
    }

    .adventages_content__items{
        grid-template-columns: repeat(2,1fr);
        grid-gap: 2rem;
        max-width: 74vw;
        margin: 0 auto;
    }

    .services_content__items{
        grid-template-columns: repeat(2,1fr);
        grid-gap: 2rem;
        max-width: 74vw;
        margin: 0 auto;
        margin-bottom: 1.5rem;
    }

    .work_items{
        grid-template-columns: 100%;
        max-width: 74vw;
        margin: 0 auto;
    }

    .button_submit{
        width: 100%;
    }
    .faq_item__title{
        font-size: var(--q-font-size-18);
        padding-right: 5rem;
        line-height: 1.1;
    }

    .info__grid{
        grid-template-columns: 100%;
    }

    .adventages__count{
        font-size: var(--q-font-size-16);
        width: 2rem;
        height: 2rem;
    }

    .faq__count{
        font-size: var(--q-font-size-16);
        width: 2rem;
        height: 2rem;
    }

    .work__count{
        font-size: var(--q-font-size-16);
        width: 2rem;
        height: 2rem;
    }



    .info_left__form{
        margin-right: 0;
        max-width: 83vw;
        margin:auto;
    }

    .info_right__slider{
        margin:auto;
    }

    .section_info{
        padding-bottom:4.75rem;
    }

    .reviews_items{
        grid-template-columns: 100%;
        max-width: 74vw;
        margin: 0 auto;
    }

    .map_body{
        grid-template-columns: 100%;
        grid-gap: 0;
    }
    .map_servises{
        grid-column: 1;
    }


    .footer_item__nav{
        padding-left:1rem;
    }

    .footer_box__nav{
        grid-gap: 2rem;
    }

    .team_slider  .splide__arrow--next {
        right: 0;
    }

    .team_slider .splide__arrow--prev {
        left: 0;
    }
}

@MEDIA all and (max-width: 980px) {
    .category_team__items{
        grid-template-columns: repeat(2, 1fr);
    }

    .category_sertificat__items{
        grid-template-columns: repeat(3,1fr);
    }
    
    .price_content__items{
        grid-template-columns: repeat(3,1fr);
        grid-gap: 1.6875rem;
    }

    .category_portfolio__items{
        grid-template-columns: repeat(2,1fr);
    }
}

@MEDIA all and (max-width: 780px) {

    :root{
        --size-bg-circle: 37rem;
    }

    .section_services::before{
        top: 500px;
    }
    .section__box_title{
        margin-bottom: 1rem;
    }
    .section__title{
        font-size: var(--q-font-size-30);
        line-height: 1.3;
        margin: 1rem 0;
    }

    .section_advantages{
        padding: 1rem 0 1rem 0;
    }
    .adventages_link{
        font-size: var(--q-font-size-20);
        grid-template-columns: 25px auto;
    }
    .adventages_link>svg{
        width: 20px;
        height: 20px;
    }

    .section_services::after{
        top:0;
    }

    .adventages_item__title{
        line-height: 1;
    }

    .adventages_content__bottom_info{
        display: grid;
        grid-template-columns: 100%;
        grid-gap: 0.5rem;
        margin: 2.3rem 0 1.2rem 0;
        justify-items: center;
        align-items: center;
    }

    .adventages_bottom_info__left{
        text-align: center;
        margin: 0 auto;
    }
    .section_services{
        padding: 1rem 0;
    }
    .services_item__price{
        --underline-width: 1;
        --underline-offset-y: -5px;
    }

    .services_item__title{
        font-size: var(--q-font-size-18);
        line-height: 1.2rem;
        font-weight: 500;
    }

    .reviews_link{
        margin-bottom:0;
    }

    .work_link {
        margin-bottom:0;
    }

    .sertificat_link{
        margin-bottom:0;
    }

    .section_sertificat{
        padding: 1rem 0;
    }

    .section_work {
        padding: 1rem 0;
    }

    .section_info{
        padding: 1rem 0;
    }

    .info__grid{
        grid-gap: 1rem;
    }

    .reviews_items{
        margin-top: 2rem;
    }

    .faq_item__title{
        padding: 1rem 1.8rem;
        padding-right: 5rem;
    }
    .info_right__slider{
        margin-bottom: 2rem;
    }

    .map_contacts_items{
        max-width: 39vw;
    }

    .button__mess{
        --size: 1rem;
        width: 100%;
        justify-items: center;
        font-size: 1rem;
        padding-left: calc(var(--size) * 0.8);
        padding-top: calc(var(--size) * 0.5);
        padding-bottom: calc(var(--size) * 0.5);
        padding-right: calc(var(--size) * 1.3);
    }

    .button_submit{
        --size: 1rem;
        padding-left: calc(var(--size) * 0.8);
        padding-top: calc(var(--size) * 0.5);
        padding-bottom: calc(var(--size) * 0.5);
        padding-right: calc(var(--size) * 1.3);
    }

    .services_item__box_title{
        min-height: 58px;
    }

    .services_content__item{
        min-height: 165px;
    }

    .map_servises__lists{
        justify-content: flex-start;
    }
    .map_servises__list{
        --size: 0.6rem;
        margin-right: 1rem;
    }
    .map_servise__link{
        font-size: var(--q-font-size);
        padding: 0 0.5rem;
    }
    .footer_body{
        grid-template-columns: 100%;
    }
    .footer_box__nav{
        grid-gap: 1rem;
    }
    .footer_item__nav{
        padding-left: 0;
    }

    .splide__arrow{
        width: 2rem;
        height: 2rem;
        font-size: 12px;
    }

    .faq_body__content{
        max-width: 93vw;
        margin: auto;
    }
    .faq__pluse_close{
        right: 2.3rem;
    }

    .adventages_content__items{
        max-width: 85vw;
    }
    .services_content__items{
        max-width: 85vw;
    }
    .work_items{
        max-width: 85vw;
    }
    .reviews_items{
        max-width: 85vw;
    }
    
    .main_slider__lists ul>li{
        font-size: var(--q-font-size-16);
    }

    .reviews_title{
        grid-template-columns: 100%;
        grid-gap: 1rem;
    }
    .reviews_title{
        margin-top: 0.5rem;
    }

    .faq_item__text{
        padding: 0 2rem;
        padding-bottom: 1rem;
    }

    .category_akcii__items{
        grid-template-columns: 100%;
        justify-items: center;
    }

    .category_akcii__item{
        max-width: 360px;
        width: 100%;
    }

    .category_akcii__item{
        box-shadow: 3px 2px 14px #e7e7e8;
    }

    .category_sertificat__items{
        grid-template-columns: repeat(2,1fr);
        grid-gap: 1rem;
    }

    .category_sertificat__link{
        height: 263px;
        display: flex;
        margin: auto;
        justify-content: center;
    }

    .services_box__title{
        max-width: 81%;
        line-height: 1.1;
        font-size: var(--q-font-size-20);
    }
 
    .services_box__text{
        max-width: 81%;
        line-height: 1.2;
        font-size: var(--q-font-size-18);
    }

    .category_services_bg_circle::before{
        --size: 2rem;
    }

    .category_services_bg_circle::after{
        --size: 4rem;
    }

    .page_services__box{
        padding: 3rem 1.6rem;
    } 

    .price_content__items{
        grid-template-columns: repeat(2,1fr);
        grid-gap: 1rem;
    }

    .price_item__title {
        font-size: var(--q-font-size-18);
        line-height: 1.2rem;
        font-weight: 500;
    }

    .price_item__price {
        font-size: var(--q-font-size-16);
    }
    
    .price_item__price {
        --underline-width: 1;
        --underline-offset-y: -5px;
    }

    .price_content__item{
        min-height: 165px;
    }

    .price_item__box_title{
        min-height: 51px;
    }
    .portfolio_slider   .splide__arrow--next {
        right: 0;
    }

    .portfolio_slider  .splide__arrow--prev {
        left: 0;
    }

    .reviews_slider .splide__pagination{
        padding-bottom: 0;
    }

    .category_portfolio__items{
        grid-template-columns: 100%;
        grid-gap: 1rem;
    }
  
}

@MEDIA all and (max-width: 600px) { 

    .map_servises__list:hover .map_servise__link,
    .map_servises__list:focus .map_servise__link,
    .map_servises__list:active .map_servise__link{
        --underline-width: 1;
        --underline-offset-y: -2px;
    }

    .section_faq_services{
        margin-bottom: 2rem;
    }
    .price_content__items{
        grid-template-columns: repeat(1,1fr);
        grid-gap: 1rem;
    }

    .price_content__items  {
        max-width: 240px;
        margin: auto;
    }

    .slider_team__box_img{
        width: 48vw;
        height: 48vw;
    }

    .page{
        min-height: 300px;
    }
       

    .main_slider__title{
        font-size: var(--q-font-size-28);
        line-height: 1.2;
    }
    .main_slider__box{
        max-width: inherit;
        margin-top: 4rem;
    }

    /* .splide__arrow{
        top: inherit;
        bottom: 0
    } */

    .main_slider__body.container{
        /* display: grid; */
        /* grid-template-rows: 143px auto auto; */
        padding: 0 0.4rem;
        padding-top:2rem;
        max-width: 82vw;
        padding-bottom: 4.4rem;
    }

    .main_slider__lists ul>li{
        margin-top: auto;
        margin-bottom:auto;
    }

    .main_slider__lists ul>li{
        font-size: var(--q-font-size);
        line-height: 1;
        margin-bottom: 0.5rem;
    }

    .splide__arrow--prev{
        left: 0.5em;
    }

    .splide__arrow--next{
        right: 0.5em;
    }

    .adventages_content__items{
        grid-template-columns: 100%;
        max-width: 70vw;
        grid-gap: 1rem;
    }

    .adventages_item__icon{
        max-width: 48px;
    }

    .adventages_item__title{
        font-size: var(--q-font-size);
    }

    .adventages_content__item{
        min-height: 167px;
    }

    .adventages_bottom_info__left{
        font-size: var(--q-font-size-16);
    }

    .adventages_link{
        font-size: var(--q-font-size-16);
        line-height: 1.2;
    }

    .section__title{
        font-size: var(--q-font-size-24);
        letter-spacing: 0.10em;
    }

    .services_content__items{
        grid-template-columns: 100%;
        grid-gap: 1.4rem;
        max-width: 300px;
    }

    .sertificat__title{
        grid-template-columns: 100%;
        grid-gap: 1rem;
        justify-items: flex-start;
    }
    .sertificat_slider__link{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sertificat_slider .splide__arrow--next{
        right: 1rem;
    }

    .sertificat_slider .splide__arrow--prev {
        left: 1rem;
    }

    .work__title{
        grid-template-columns: 100%;
        grid-gap: 1rem;
        justify-items: flex-start;
    }

    .work_items{
        grid-gap: 1.5rem;
    }

    .work__item{
        padding-top: 1rem;
        min-height: 150px;
        grid-template-columns: 60px auto;
        padding:1.3rem 0.9rem 1.3rem;
        grid-gap: 0.5rem;
    }

    .work_item__img{
        max-width: 53px;
    }

    .work_item__title{
        font-size: var(--q-font-size-18);
    }

    .partners_slider{
        max-width: 90vw;
    }

    .partners_slider .splide__track  {
        padding-bottom: 3rem;
    }

    .checkbox__label{
        padding-left: 1rem;
    }

    .label_input{
        padding: 0.6rem 1.2rem;
    }

    .input_field,
    .input_message{
        font-size: var(--q-font-size);
    }
    .input_field::placeholder,
    .input_message::placeholder{
        font-size: var(--q-font-size);
    }

    .checkbox_text{
        font-size: var(--q-font-size);
    }

    .faq_item__title{
        font-size: var(--q-font-size);
        font-weight: 400;
    }

    .faq__count{
        left: -0.5rem;
        top: -0.6rem;
    }
    

    .reviews_items{
        grid-gap: 1.5rem;
    }

    .map_contacts_items{
        max-width: inherit;
    }

    #map_container{
        height: 80vw;
        width: 90vw;
        margin: auto;
    }

    .map_servise__link{
        font-size: 0.75rem;
        padding: 0 0.2rem;
    }

    .map_servises__list{
        padding: 0.2rem 0.4rem;
        margin: 0.3rem 0.3rem;
    }

    .footer_box__nav{
        grid-template-columns: 1fr 1fr;
    }

    .link__phone{
        font-size: var(--q-font-size-18);
    }

    .section_map{
        padding-bottom: 2rem;
    }

    .footer_bottom__info{
        font-size: 0.7rem;
    }

    .services_item__box_title{
        min-height: 20px;
        font-size: var(--q-font-size);
    }

    .services_content__items{
        max-width: 240px;
    }

    .services_item__price{
        font-size: var(--q-font-size-16);
    }

    .section__title{
        text-align: center;
        display: flex;
    justify-content: center;
    }

    .sertificat__title{
        justify-items: center;
    }

    .work__title{
        justify-items: center;
    }

    .faq_item__title{
        padding-right: 3rem;
    }
    .faq__pluse_close{
        right: 1.3rem;
    }

    .faq_item__text{
        font-size: 0.9rem;
    }

    .faq_item__text ul{
        padding-left: 1rem;
    }

    .faq__count{
        font-size: 0.9rem;
        width: 1.4rem;
        height: 1.4rem;
    }

    .faq__pluse_close svg{
        width: 15px;
        height: 15px;
    }

    .reviews_title{
        justify-items: center;
    }
    .page__content, .page__content p{
        font-size: var(--q-font-size);
    }
    .faq_item__text p{
        font-size: var(--q-font-size);
        font-weight: 400;
    }

    .page__img{
        float: inherit;
        max-width: 100%;
        max-height: 210px;
        margin: auto;
        object-fit: cover;
    }

    .section__bg_circle_2::after{
        --size: 10rem;
        right: 0px;
        left: 76%;
    }
    .section__bg_circle_2::before{
        --size: 8rem;
    }
    .section__bg_circle_3::before{
        --size: 5rem;
    }

    .category_team__items{
        grid-template-columns: 100%;
        /* padding-left: 1rem;
        padding-right: 1rem; */

    }

    .category_team__box_img{
        width: 48vw;
        height: 48vw;
    }

    .category_team__link{
        max-width: 93%;
        margin:auto;
    }

    /* .item_line_bottom::after{
        width: 94%;
        bottom:0;
        border-bottom-left-radius: 57px;
        border-bottom-right-radius: 57px;
    }

    .services_item__title{
        font-size: var(--q-font-size);
        line-height: 1.2;
        padding:0;
    }

    .services_item__box_price{
        max-width: inherit;
        margin: auto;
    }
    .services_item__price{
   
        font-size: var(--q-font-size-16);
    } */

    .modal__header{
        padding: 1rem 1rem;
    }
    .modal__title{
        font-size: var(--q-font-size-20);
    }
    .grid--gap{
        grid-gap: 0.6rem;
    }

    .modal__body{
        padding: 1rem 1.6rem;
    }
    .modal__body .label_input{
        padding: 0.5rem 1.5rem;
    }

    .button_modal_submit{
        font-size: var(--q-font-size-16);
        padding :0.5rem 1rem;
    }

    .modal__body .checkbox_text{
        margin-left: 0.6rem;
    }

    .services_box__title{
        max-width: 90%;
        line-height: 1.1;
        font-size: var(--q-font-size-18);
    }
 
    .services_box__text{
        max-width: 90%;
        line-height: 1.2;
        font-size: var(--q-font-size-16);
        margin-top: 1rem;
    }

    .page_services__box{
        padding: 2rem 1.6rem;
        background: rgb(0,153,229);
        background: -moz-linear-gradient(15deg, rgb(0,153,229) 33%, rgb(126,188,255) 56%, rgba(250,252,255,1) 99%);
        background: -webkit-linear-gradient(15deg, rgb(0,153,229) 33%, rgb(126,188,255) 56%, rgba(250,252,255,1) 99%);
        background: linear-gradient(15deg, rgb(0,153,229) 33%, rgb(126,188,255) 56%, rgba(250,252,255,1) 99%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6fafcf",endColorstr="#fafcff",GradientType=1);
    }
    .category_services_bg_circle::after{
        --size: 1rem;
    }

    .category_services_bg_circle::before{
        right: 0;
        left: 93%;
    }

    .breadcrumbs__over{
        padding: 0.8rem 0;
    }

    .breadcrumbs__list *, .breadcrumbs__list{
        font-size: var(--q-font-size);
    }

    .sertificat_link{
        font-size: var(--q-font-size-16);
    }

    .work_link{
        font-size: var(--q-font-size-16);
    }

    .reviews_link{
        font-size: var(--q-font-size-16);
    }
 
    .work__title{
        margin-top: 1rem;
    }
}

@MEDIA all and (max-width: 380px) {
    .category_sertificat__items{
        grid-template-columns: 100%;
    }
}

/* #endregion */