@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* Tailwind CSS */

/* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 409px){
  .container{
    max-width: 409px;
  }
}

@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1150px){
  .container{
    max-width: 1150px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}

@media (min-width: 1350px){
  .container{
    max-width: 1350px;
  }
}

@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}

@media (min-width: 1640px){
  .container{
    max-width: 1640px;
  }
}

.mt-16{
  margin-top: 4rem;
}

.block{
  display: block;
}

.hidden{
  display: none;
}

/* Your CSS Styles */

.white-bg-box{
  position: relative;
  z-index: 20;
  margin-left: auto;
  margin-right: auto;
  height: 1.25rem;
  width: 100%;
  max-width: 1280px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.menu{
  position: sticky;
  top: 0px;
  z-index: 50;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 4.5px;
  padding-right: 4.5px;
}

.menu .menu-box{
  position: relative;
  z-index: 50;
  display: flex;
  min-height: 56px;
  width: 100%;
  max-width: 1280px;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(227 232 239 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px){
  .menu .menu-box{
    min-height: 80px;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.menu .menu-box{
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
}

.menu .menu-box_left{
  display: flex;
  align-items: center;
  gap: 1rem;
}

.menu .menu-box_left .menu-heading-mob{
  font-family: Work Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -1px;
}

.menu .menu-box_left .menu-logo{
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media not all and (min-width: 1024px){
  .menu .menu-box_left .menu-logo{
    width: 100px;
  }
}

.menu .menu-box_left .menu-logo:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media not all and (min-width: 1280px){
  .menu .menu-box_left__lang{
    display: none;
  }
}

.menu .menu-box_left__lang #gt_float_wrapper{
  display: flex;
  align-items: center;
}

.menu .menu-box_left__lang .gt_options{
  position: absolute;
  left: 0px;
  bottom: -20px;
}

.menu .menu-box_left__lang .gt_options a{
  position: relative;
  padding: 0px;
  font-family: DM Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.5rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  color: transparent;
}

.menu .menu-box_left__lang .gt_options a img{
  display: none;
}

.menu .menu-box_left__lang .gt_options a::after{
  content: attr(data-gt-lang);
  color: #000;
  position: absolute;
  left: 0;
  top: 0;
}

.menu .menu-box_left__lang .gt_options a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-weight: 700;
}

.menu .menu-box_left__lang .gt_float_switcher{
  position: relative;
  box-shadow: none !important;
  overflow: visible;
}

.menu .menu-box_left__lang .gt_float_switcher .gt-selected .gt-current-lang{
  position: relative;
  display: flex;
  align-items: center;
  padding: 0px;
  padding-right: 1rem;
}

.menu .menu-box_left__lang .gt_float_switcher .gt-selected .gt-current-lang::before{
  position: absolute;
  top: 56%;
  right: 0px;
  height: 1rem;
  width: 1rem;
  transform: translateY(-50%);
  background-image: url('../img/ar-b-down.svg');
  content: "";
}

.menu .menu-box_left__lang .gt_float_switcher .gt-selected .gt-current-lang img{
  display: none;
}

.menu .menu-box_left__lang .gt_float_switcher .gt-selected .gt-current-lang .gt_float_switcher-arrow{
  display: none;
}

.menu .menu-box_left__lang .gt_float_switcher .gt-selected .gt-current-lang .gt-lang-code{
  font-family: DM Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.5rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.menu .menu-box_left__lang .gt_float_switcher .gt-selected .gt-current-lang .gt-lang-code:hover{
  font-weight: 700;
}

@media not all and (min-width: 1024px){
  .menu .menu-box .menu-cta{
    display: none;
  }
}

@media (min-width: 1024px){
  .menu .menu-box .burger-menu{
    display: none;
  }
}

.menu .main-menu{
  align-items: center;
  gap: 1rem;
  display: none;
}

@media (min-width: 1024px){
  .menu .main-menu{
    display: flex;
  }
}

.menu .main-menu li{
  display: flex;
  align-items: center;
  font-family: DM Sans, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1280px){
  .menu .main-menu li{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.menu .main-menu li .item-bg{
  display: flex;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 246 255 / var(--tw-bg-opacity));
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(48 127 255 / var(--tw-text-opacity));
}

.menu .main-menu li a{
  display: flex;
  align-items: center;
  gap: 0.125rem;
}

.menu .main-menu li a font{
}

.menu .main-menu li:hover{
  font-weight: 600;
}

.menu .main-menu li:hover .item-bg{
  font-weight: 600;
}

.menu .main-menu .current_page_item{
  font-weight: 600;
}

.menu .main-menu #menu-item-48, .menu .main-menu #menu-item-47{
  font-weight: 400 !important;
}

.menu-mobile{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 50;
  height: 100vh;
  width: 100%;
  overflow-y: scroll;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
}

.menu-mobile .menu-mobile-wrapper{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 375px;
}

.menu-mobile .menu-mobile-nav{
  margin-top: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.menu-mobile .menu-mobile-nav .main-menu{
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.menu-mobile .menu-mobile-nav .main-menu li{
  display: flex;
  align-items: center;
  font-family: DM Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -1px;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

@media (min-width: 1280px){
  .menu-mobile .menu-mobile-nav .main-menu li{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.menu-mobile .menu-mobile-nav .main-menu li .item-bg{
  display: flex;
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 246 255 / var(--tw-bg-opacity));
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(48 127 255 / var(--tw-text-opacity));
}

.menu-mobile .menu-mobile-nav .main-menu li a{
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.menu-mobile .menu-mobile-nav .main-menu li a .link{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.menu-mobile .menu-mobile-nav .main-menu .current_page_item{
  font-weight: 600;
}

.menu-mobile .menu-mobile-box{
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  border-radius: 1rem;
}

@media (min-width: 640px){
  .menu-mobile .menu-mobile-box{
    margin-left: 2rem;
    margin-right: 2rem;
    max-width: 360px;
  }
}

.menu-mobile .menu-mobile-box p{
  font-family: DM Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
}

.menu-mobile .menu-mobile-box .cta-zamow{
  max-width: 315px;
}

.menu-mobile .menu-mobile-box .cta-zamow a{
  display: flex;
  width: 315px;
  width: 100%;
  justify-content: center;
}

.menu-mobile .menu-mobile-box .btn-trans{
  max-width: 315px;
}

.menu-mobile .menu-mobile-box .menu-cta{
  width: 100%;
}

.menu-mobile .menu-mobile-box .menu-cta .btn-black{
  width: 100%;
}

.menu-mobile .menu-mobile-fot{
  margin-top: 3rem;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 2rem;
  padding-right: 2rem;
}

.menu-mobile .menu-mobile-fot p{
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.menu-mobile .menu-mobile-fot_lang{
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.menu-mobile .menu-mobile-fot_lang #gt_float_wrapper{
  display: flex;
  align-items: center;
}

.menu-mobile .menu-mobile-fot_lang .gt_options{
  position: absolute;
  left: 0px;
  bottom: -20px;
}

.menu-mobile .menu-mobile-fot_lang .gt_options a{
  position: relative;
  padding: 0px;
  font-family: DM Sans, sans-serif;
  font-size: 1rem;
  text-transform: capitalize !important;
  line-height: 1.5rem;
  --tw-text-opacity: 1 !important;
  color: rgb(75 85 101 / var(--tw-text-opacity)) !important;
  color: transparent;
}

.menu-mobile .menu-mobile-fot_lang .gt_options a img{
  display: none;
}

.menu-mobile .menu-mobile-fot_lang .gt_options a:hover{
  background-color: transparent;
}

.menu-mobile .menu-mobile-fot_lang .gt_float_switcher{
  position: relative;
  background-color: transparent !important;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
  box-shadow: none !important;
  overflow: visible;
}

.menu-mobile .menu-mobile-fot_lang .gt_float_switcher .gt-selected{
  background-color: transparent;
}

.menu-mobile .menu-mobile-fot_lang .gt_float_switcher .gt-selected .gt-current-lang{
  position: relative;
  display: flex;
  align-items: center;
  padding: 0px;
  padding-right: 1rem;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.menu-mobile .menu-mobile-fot_lang .gt_float_switcher .gt-selected .gt-current-lang::before{
  position: absolute;
  top: 56%;
  right: -4px;
  height: 1rem;
  width: 1rem;
  transform: translateY(-50%);
  background-image: url('../img/ar-lang-bot.svg');
  content: "";
}

.menu-mobile .menu-mobile-fot_lang .gt_float_switcher .gt-selected .gt-current-lang img{
  display: none;
}

.menu-mobile .menu-mobile-fot_lang .gt_float_switcher .gt-selected .gt-current-lang .gt_float_switcher-arrow{
  display: none;
}

.menu-mobile .menu-mobile-fot_lang .gt_float_switcher .gt-selected .gt-current-lang .gt-lang-code{
  font-family: DM Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-transform: capitalize !important;
  line-height: 1.5rem;
}

.menu-mobile .menu-mobile-fot_lang .gt_float_switcher .gt-selected .gt-current-lang .gt_options a{
  position: relative;
  display: flex;
  align-items: center;
  padding: 0px;
  padding-right: 1rem;
  font-family: DM Sans, sans-serif;
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(75 85 101 / var(--tw-text-opacity)) !important;
}

.menu-mobile .menu-mobile-fot_lang .gt_float_switcher .gt-selected .gt-current-lang .gt_options a:hover{
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(75 85 101 / var(--tw-text-opacity)) !important;
}

.menu-mobile.active {
  transform: translateX(0);
}

.footer{
  display: flex;
  justify-content: center;
  padding: 1rem;
}

@media (min-width: 768px){
  .footer{
    padding: 2rem;
  }
}

.footer .footer-cont{
  position: relative;
  display: flex;
  width: 100%;
  max-width: 1376px;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(19 35 88 / var(--tw-bg-opacity));
  padding-top: 64px;
  padding-bottom: 3rem;
}

@media (min-width: 768px){
  .footer .footer-cont{
    gap: 64px;
    padding-bottom: 56px;
  }
}

.footer .footer-cont .footer-bg{
  position: absolute;
  bottom: 0px;
  left: 50%;
}

@media not all and (min-width: 1024px){
  .footer .footer-cont .footer-bg{
    display: none;
  }
}

.footer .footer-cont .footer-bg{
  transform: translateX(-50%);
}

.footer .footer-cont .footer-cont-top{
  display: flex;
  width: 100%;
  max-width: 1280px;
  flex-direction: column;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
}

.footer .footer-cont .footer-cont-top_menu{
  margin-top: 2rem;
  width: 100%;
}

.footer .footer-cont .footer-cont-top_menu .fot-menu{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media not all and (min-width: 1350px){
  .footer .footer-cont .footer-cont-top_menu .fot-menu{
    flex-wrap: wrap;
  }
}

@media not all and (min-width: 1024px){
  .footer .footer-cont .footer-cont-top_menu .fot-menu{
    align-items: flex-end;
  }
}

@media (min-width: 1024px){
  .footer .footer-cont .footer-cont-top_menu .fot-menu{
    flex-direction: row;
    gap: 2rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}

@media (min-width: 1350px){
  .footer .footer-cont .footer-cont-top_menu .fot-menu{
    justify-content: space-between;
  }
}

.footer .footer-cont .footer-cont-top_menu .fot-menu li{
  display: flex;
  gap: 0.5rem;
  font-family: Plus Jakarta Sans, sans-serif;
  font-weight: 600;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(154 164 178 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.footer .footer-cont .footer-cont-top_menu .fot-menu li .item-bg{
  display: flex;
  max-height: 1.5rem;
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 246 255 / var(--tw-bg-opacity));
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-family: DM Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(48 127 255 / var(--tw-text-opacity));
}

.footer .footer-cont .footer-cont-top_menu .fot-menu li a{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px){
  .footer .footer-cont .footer-cont-top_menu .fot-menu li a{
    flex-direction: row;
  }
}

.footer .footer-cont .footer-cont-top_menu .fot-menu li a:hover{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(105 117 134 / var(--tw-text-opacity));
}

.footer .footer-cont .footer-cont-top_menu .fot-menu li a:hover .item-bg{
  font-weight: 600;
}

.footer .footer-cont .footer-cont-top_menu .fot-menu li:hover{
  font-weight: 600;
}

.footer .footer-cont .footer-cont-top_menu .fot-menu li:hover .item-bg{
  font-weight: 600;
}

@media not all and (min-width: 1024px){
  .footer .footer-cont .footer-cont-top_menu .fot-menu #menu-item-40{
    margin-top: 1.5rem;
  }
}

.footer .footer-cont .footer-cont-bot{
  margin-top: 2rem;
  display: flex;
  width: 100%;
  max-width: 1280px;
  align-items: center;
  justify-content: space-between;
  padding-left: 2rem;
  padding-right: 2rem;
}

.footer .footer-cont .footer-cont-bot .world-img{
  margin-top: 0.25rem;
}

.footer .footer-cont .footer-cont-bot p{
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.05em;
  --tw-text-opacity: 1;
  color: rgb(154 164 178 / var(--tw-text-opacity));
}

.footer .footer-cont .footer-cont-bot_lang{
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.footer .footer-cont .footer-cont-bot_lang #gt_float_wrapper{
  display: flex;
  align-items: center;
}

.footer .footer-cont .footer-cont-bot_lang .gt_options{
  position: absolute;
  left: 0px;
  bottom: -20px;
}

.footer .footer-cont .footer-cont-bot_lang .gt_options a{
  position: relative;
  padding: 0px;
  font-family: DM Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-transform: capitalize !important;
  line-height: 1.5rem;
  --tw-text-opacity: 1 !important;
  color: rgb(154 164 178 / var(--tw-text-opacity)) !important;
  color: transparent;
}

.footer .footer-cont .footer-cont-bot_lang .gt_options a img{
  display: none;
}

.footer .footer-cont .footer-cont-bot_lang .gt_options a:hover{
  background-color: transparent;
}

.footer .footer-cont .footer-cont-bot_lang .gt_float_switcher{
  position: relative;
  background-color: transparent !important;
  --tw-text-opacity: 1;
  color: rgb(154 164 178 / var(--tw-text-opacity));
  box-shadow: none !important;
  overflow: visible;
}

.footer .footer-cont .footer-cont-bot_lang .gt_float_switcher .gt-selected{
  background-color: transparent;
}

.footer .footer-cont .footer-cont-bot_lang .gt_float_switcher .gt-selected .gt-current-lang{
  position: relative;
  display: flex;
  align-items: center;
  padding: 0px;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(154 164 178 / var(--tw-text-opacity));
}

.footer .footer-cont .footer-cont-bot_lang .gt_float_switcher .gt-selected .gt-current-lang::before{
  position: absolute;
  top: 56%;
  right: -4px;
  height: 1rem;
  width: 1rem;
  transform: translateY(-50%);
  background-image: url('../img/ar-lang-bot.svg');
  content: "";
}

.footer .footer-cont .footer-cont-bot_lang .gt_float_switcher .gt-selected .gt-current-lang img{
  display: none;
}

.footer .footer-cont .footer-cont-bot_lang .gt_float_switcher .gt-selected .gt-current-lang .gt_float_switcher-arrow{
  display: none;
}

.footer .footer-cont .footer-cont-bot_lang .gt_float_switcher .gt-selected .gt-current-lang .gt-lang-code{
  font-family: DM Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-transform: capitalize !important;
  line-height: 1.5rem;
}

/* ---------------------------------
   RESET / NORMALIZE
---------------------------------- */

/* Box sizing reset */

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Remove default margin and padding */

html,
body,
div,
span,
applet,
object,
iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
a, abbr, acronym, address,
big, cite, code,
del, dfn, em, img, ins,
kbd, q, s, samp,
small, strike, strong,
sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details,
embed, figure, figcaption,
footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* Normalize line-height */

body {
  line-height: 1.5;
  font-family: $font-base;
  font-size: $font-size-base;
  color: $color-text;
  background-color: $color-background;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Remove list styles */

ul, ol {
  list-style: none;
}

/* Remove link underlines and set color inheritance */

a {
  text-decoration: none;
  color: inherit;
}

/* Images and media */

img,
video {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Form elements */

button,
input,
select,
textarea {
  font: inherit;
  border: none;
  background: none;
  outline: none;
}

/* Buttons */

button {
  cursor: pointer;
  background-color: transparent;
}

/* Tables */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ---------------------------------
   UTILITIES (OPTIONAL)
---------------------------------- */

.hidden {
  display: none !important;
}

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

/* Headings */

.heading-1{
  font-size: 32px;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -2px;
  --tw-text-opacity: 1;
  color: rgb(13 18 28 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .heading-1{
    font-size: 56px;
    line-height: 56px;
  }
}

.heading-11{
  font-size: 40px;
  font-weight: 500;
  line-height: 2.5rem;
  letter-spacing: -2px;
  --tw-text-opacity: 1;
  color: rgb(13 18 28 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .heading-11{
    font-size: 56px;
    line-height: 56px;
  }
}

.heading-2{
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -2px;
  --tw-text-opacity: 1;
  color: rgb(13 18 28 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .heading-2{
    font-size: 28px;
    line-height: 28px;
  }
}

@media (min-width: 1024px){
  .heading-2{
    font-size: 48px;
    line-height: 48px;
    letter-spacing: -1px;
  }
}

.heading-22{
  font-size: 32px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -2px;
  --tw-text-opacity: 1;
  color: rgb(13 18 28 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .heading-22{
    font-size: 32px;
    line-height: 32px;
  }
}

@media (min-width: 1024px){
  .heading-22{
    font-size: 48px;
    line-height: 48px;
    letter-spacing: -1px;
  }
}

.heading-222{
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -2px;
  --tw-text-opacity: 1;
  color: rgb(13 18 28 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .heading-222{
    font-size: 40px;
    line-height: 40px;
  }
}

@media (min-width: 1024px){
  .heading-222{
    font-size: 48px;
    line-height: 48px;
    letter-spacing: -1px;
  }
}

.heading-3{
  font-family: Work Sans, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.05em;
}

.heading-4{
  font-family: Work Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.05em;
}

/*  Text secondary */

.text-secondary{
  font-family: DM Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .text-secondary{
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
  }
}

.text-secondary-two{
  font-family: DM Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .text-secondary-two{
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
  }
}

@media (min-width: 640px){
  .br-mobile{
    display: none;
  }
}

.collapsible-box{
  margin: 0px !important;
  max-height: 0px;
  overflow: hidden;
  border-style: none !important;
  padding: 0px !important;
  transition-property: max-height;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.collapsible-box.open{
  max-height: 1000px;
}

@media (min-width: 640px) {
  .collapsible-box {
    max-height: none !important;
    overflow: visible !important;
  }
}

.btn-black{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(19 35 88 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(13 18 28 / var(--tw-bg-opacity));
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 1rem;
  padding-right: 0.5rem;
  font-family: DM Sans, sans-serif;
  font-weight: 600;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
}

.btn-black:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(32 41 57 / var(--tw-bg-opacity));
}

.btn-trans{
  display: flex;
  height: 56px;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(154 164 178 / var(--tw-border-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: Work Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  transition-property: all;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 640px){
  .btn-trans{
    max-width: 226px;
  }
}

.btn-trans:hover{
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(75 85 101 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(238 246 255 / var(--tw-bg-opacity));
  font-weight: 600;
  box-shadow: 0px 1px 7px 0px #00000033;
}

.btn-blue{
  display: flex;
  height: 60px;
  width: 100%;
  max-width: 247px;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(187 219 255 / var(--tw-bg-opacity));
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
  font-weight: 500;
  letter-spacing: -0.05em;
  transition-property: all;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-blue:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(141 197 255 / var(--tw-bg-opacity));
  box-shadow: 0px 1px 7px 0px #00000033;
}

.btn-white{
  display: flex;
  height: 56px;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(154 164 178 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-family: Work Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -1px;
  transition-property: all;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 640px){
  .btn-white{
    max-width: 244px;
  }
}

.btn-white:hover{
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(75 85 101 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(238 246 255 / var(--tw-bg-opacity));
  font-weight: 600;
  box-shadow: 0px 1px 7px 0px #00000033;
}

.cta-zamow{
  position: relative;
  width: 100%;
}

@media (min-width: 640px){
  .cta-zamow{
    max-width: 306px;
  }
}

.cta-zamow a{
  position: relative;
  display: flex;
  height: 56px;
  width: 100%;
  align-items: center;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(19 35 88 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(13 18 28 / var(--tw-bg-opacity));
  padding-right: 48px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .cta-zamow a{
    width: 306px;
  }
}

.cta-zamow .cta-zamow-arrow{
  position: absolute;
  top: 50%;
  right: 0.25rem;
  display: flex;
  height: 3rem;
  width: 3rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(87 164 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(-50%);
}

.cta-zamow:hover .cta-zamow-arrow{
  width: 4rem;
  --tw-bg-opacity: 1;
  background-color: rgb(48 127 255 / var(--tw-bg-opacity));
}

.badge-blue{
  display: flex;
  height: 1.5rem;
  max-width: -moz-fit-content;
  max-width: fit-content;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 246 255 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-family: DM Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(48 127 255 / var(--tw-text-opacity));
}

.hit-page_gradient{
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 30;
  display: none;
}

@media (min-width: 1024px){
  .hit-page_gradient{
    display: block;
  }
}

.hit-page_gradientmob{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 30;
  display: block;
  width: 100%;
}

@media (min-width: 1024px){
  .hit-page_gradientmob{
    display: none;
  }
}

.hit-page .hit-page-top{
  position: relative;
  z-index: 40;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (min-width: 1024px){
  .hit-page .hit-page-top{
    margin-top: 64px;
  }
}

.hit-page .hit-page-top p{
  text-align: center;
}

.hit-page .hit-page-boxes{
  position: relative;
  z-index: 40;
  margin-top: 3rem;
  display: flex;
  width: 100%;
  flex-direction: column;
}

@media (min-width: 1024px){
  .hit-page .hit-page-boxes{
    margin-top: 4rem;
  }
}

.hit-page .hit-page-boxes_item{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  max-width: 1216px;
  flex-direction: column;
  border-radius: 24px;
  padding-bottom: 1.5rem;
  padding-top: 2rem;
}

@media (min-width: 1024px){
  .hit-page .hit-page-boxes_item{
    align-items: center;
    padding-bottom: 2.5rem;
    padding-top: 3rem;
  }
}

.hit-page .hit-page-boxes_item{
  border: 0.5px solid #E3E8EF ;
  box-shadow:
            -34px 64px 20px rgba(0, 0, 0, 0),303.price-box
            -22px 41px 19px rgba(0, 0, 0, 0.01),
            -12px 23px 16px rgba(0, 0, 0, 0.05),
            -6px 10px 12px rgba(0, 0, 0, 0.09),
            -1px 3px 10px rgba(0, 0, 0, 0.10);
}

@media not all and (min-width: 1024px){
  .hit-page .hit-page-boxes_item h2{
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 640px){
  .hit-page .hit-page-boxes_item h2{
    text-align: center;
  }
}

.hit-page .hit-page-boxes_item__content{
  margin-top: 2rem;
  display: flex;
  width: 100%;
  gap: 2rem;
}

@media (min-width: 640px){
  .hit-page .hit-page-boxes_item__content{
    justify-content: center;
  }
}

@media (min-width: 1024px){
  .hit-page .hit-page-boxes_item__content{
    margin-top: 3.5rem;
    justify-content: space-between;
    padding-left: 57px;
    padding-right: 57px;
  }
}

@media not all and (min-width: 640px){
  .hit-page .hit-page-boxes_item__content___left{
    width: 100%;
  }
}

@media (min-width: 640px){
  .hit-page .hit-page-boxes_item__content___left{
    max-width: 548px;
  }
}

.hit-page .hit-page-boxes_item__content___left____list{
  display: flex;
  list-style-type: none;
  flex-direction: column;
  gap: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.hit-page .hit-page-boxes_item__content___left____list li{
  position: relative;
  padding-left: 2rem;
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.hit-page .hit-page-boxes_item__content___left____list li::before{
  position: absolute;
  left: 0px;
  top: 50%;
  height: 1.5rem;
  width: 1.5rem;
  content: "";
  transform: translateY(-50%);
  background-image: url('../img/check.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.hit-page .hit-page-boxes_item__content___left____price{
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2rem;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 0.625rem !important;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 246 255 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px){
  .hit-page .hit-page-boxes_item__content___left____price{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    max-width: 439px;
    flex-direction: row;
    gap: 1rem;
    border-radius: 1.5rem;
    padding-bottom: 1rem;
  }
}

@media (min-width: 1024px){
  .hit-page .hit-page-boxes_item__content___left____price{
    margin-top: 2.5rem;
  }
}

.hit-page .hit-page-boxes_item__content___left____price .price-box-one{
  display: flex;
  height: 64px;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px){
  .hit-page .hit-page-boxes_item__content___left____price .price-box-one{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 1024px){
  .hit-page .hit-page-boxes_item__content___left____price .price-box-one{
    max-width: 204px !important;
  }
}

.hit-page .hit-page-boxes_item__content___left____price .price-box-one p{
  left: 2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -2px;
  --tw-text-opacity: 1;
  color: rgb(13 18 28 / var(--tw-text-opacity));
}

.hit-page .hit-page-boxes_item__content___left____price .price-box-one p span{
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.hit-page .hit-page-boxes_item__content___left____price .price-box{
  display: flex;
  height: 64px;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
}

@media not all and (min-width: 640px){
  .hit-page .hit-page-boxes_item__content___left____price .price-box{
    width: 100%;
    max-width: 280px;
  }
}

@media (min-width: 640px){
  .hit-page .hit-page-boxes_item__content___left____price .price-box{
    max-width: 234px !important;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.hit-page .hit-page-boxes_item__content___left____price .price-box p{
  left: 2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -2px;
  --tw-text-opacity: 1;
  color: rgb(13 18 28 / var(--tw-text-opacity));
}

.hit-page .hit-page-boxes_item__content___left____price .price-box p span{
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.hit-page .hit-page-boxes_item__content___left____price .price-des{
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
}

@media (min-width: 640px){
  .hit-page .hit-page-boxes_item__content___left____price .price-des .mob-des{
    display: none;
  }
}

.hit-page .hit-page-boxes_item__content___left .price-link{
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  text-decoration-line: underline;
  text-underline-offset: 2px;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px){
  .hit-page .hit-page-boxes_item__content___left .price-link{
    margin-top: 1.25rem;
  }
}

@media not all and (min-width: 640px){
  .hit-page .hit-page-boxes_item__content___left .price-link img{
    display: none;
  }
}

.hit-page .hit-page-boxes_item__content___left .price-link:hover{
  --tw-text-opacity: 1;
  color: rgb(48 127 255 / var(--tw-text-opacity));
}

@media not all and (min-width: 1024px){
  .hit-page .hit-page-boxes_item__content___right{
    display: none;
  }
}

.hit-page .hit-page-bot{
  padding-top: 3rem;
  padding-bottom: 3.5rem;
}

@media (min-width: 640px){
  .hit-page .hit-page-bot{
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
  }
}

@media (min-width: 1024px){
  .hit-page .hit-page-bot{
    padding-bottom: 4rem;
  }
}

.hit-page .hit-page-bot_content h3{
  text-align: center;
}

@media not all and (min-width: 1024px){
  .hit-page .hit-page-bot_content h3{
    padding-left: 20px;
    padding-right: 20px;
  }
}

.hit-page .hit-page-bot_content__box{
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  display: flex;
  max-width: 1216px;
  justify-content: center;
  padding: 0.25rem;
}

@media (min-width: 640px){
  .hit-page .hit-page-bot_content__box{
    padding-left: 153px;
    padding-right: 153px;
  }
}

@media (min-width: 1024px){
  .hit-page .hit-page-bot_content__box{
    margin-top: 4rem;
    justify-content: space-between;
  }
}

.hit-page .hit-page-bot_content__box___left{
  display: flex;
  max-width: 360px;
  flex-direction: column;
  align-items: center;
}

.hit-page .hit-page-bot_content__box___left p{
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

@media not all and (min-width: 640px){
  .hit-page .hit-page-bot_content__box___left p{
    --tw-text-opacity: 1;
    color: rgb(75 85 101 / var(--tw-text-opacity));
  }
}

@media (min-width: 640px){
  .hit-page .hit-page-bot_content__box___left p{
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
  }
}

.hit-page .hit-page-bot_content__box___left .link-work{
  margin-top: 1.5rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-decoration-line: underline;
  text-underline-offset: 2px;
  transition-property: all;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.hit-page .hit-page-bot_content__box___left .link-work:hover{
  --tw-text-opacity: 1;
  color: rgb(48 127 255 / var(--tw-text-opacity));
}

.hit-page .hit-page-bot_content__box___left .cta-zamow{
  margin-top: 2rem;
}

@media (min-width: 640px){
  .hit-page .hit-page-bot_content__box___left .cta-zamow{
    margin-top: 3rem;
  }
}

.hit-page .hit-page-bot_content__box___left .cta-zamow{
  margin-top: 2rem;
}

@media (min-width: 640px){
  .hit-page .hit-page-bot_content__box___left .cta-zamow{
    margin-top: 3rem;
  }
}

.hit-page .hit-page-bot_content__box___left .cta-zamow a{
  justify-content: center;
}

@media (min-width: 640px){
  .hit-page .hit-page-bot_content__box___left .cta-zamow a{
    width: 314px;
  }

  .hit-page .hit-page-bot_content__box___left .cta-zamow .cta-zamow-arrow{
    right: -2px;
  }
}

@media not all and (min-width: 1024px){
  .hit-page .hit-page-bot_content__box___right img{
    display: none;
  }

  .content-box-two{
    margin-top: 1rem !important;
  }
}

.content-box-two .price-box{
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.content-box-three{
  margin-bottom: 56px;
}

@media not all and (min-width: 1024px){
  .content-box-three{
    margin-top: 1rem !important;
  }
}

@media (min-width: 640px){
  .content-box-three{
    margin-bottom: 64px;
  }
}

@media not all and (min-width: 640px){
  .content-box-three .hit-page-boxes_item__content{
    padding-left: 11.5px;
    padding-right: 11.5px;
  }

  .content-box-three .hit-page-boxes_item__content___left{
    width: 100%;
  }
}

@media (min-width: 640px){
  .content-box-three .hit-page-boxes_item__content___left{
    max-width: 548px;
  }
}

@media not all and (min-width: 640px){
  .content-box-three .hit-page-boxes_item__content___left____des{
    padding-left: 8.5px;
    padding-right: 8.5px;
  }
}

.content-box-three .hit-page-boxes_item__content___left____des p{
  max-width: 492px;
  text-align: start;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(13 18 28 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .content-box-three .hit-page-boxes_item__content___left____des p{
    text-align: center;
    font-weight: 500;
  }
}

@media (min-width: 1024px){
  .content-box-three .hit-page-boxes_item__content___left____des p{
    text-align: start;
  }
}

.content-box-three .hit-page-boxes_item__content___left____buttons{
  margin-top: 2rem;
  margin-bottom: 2.5rem;
  display: flex;
  max-width: 303px;
  flex-direction: column;
  gap: 0.625rem;
}

@media not all and (min-width: 1024px){
  .content-box-three .hit-page-boxes_item__content___left____buttons{
    margin-left: auto;
    margin-right: auto;
  }
}

@media not all and (min-width: 640px){
  .content-box-three .hit-page-boxes_item__content___left____buttons{
    align-items: center;
    padding-left: 8.5px;
    padding-right: 8.5px;
  }
}

.content-box-three .hit-page-boxes_item__content___left____buttons .buttons-top-text{
  text-align: center;
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(13 18 28 / var(--tw-text-opacity));
}

.content-box-three .hit-page-boxes_item__content___left____buttons .buttons-top, .content-box-three .hit-page-boxes_item__content___left____buttons .buttons-bot{
  margin-bottom: 1rem;
  display: flex;
  max-width: 417px;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(234 236 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding: 6px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(102 112 133 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .content-box-three .hit-page-boxes_item__content___left____buttons .buttons-top, .content-box-three .hit-page-boxes_item__content___left____buttons .buttons-bot{
    align-items: center;
  }
}

.content-box-three .hit-page-boxes_item__content___left____buttons .buttons-top button,.content-box-three .hit-page-boxes_item__content___left____buttons .buttons-bot button{
  display: flex;
  height: 2.75rem;
  width: 141.5px;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media not all and (min-width: 640px){
  .content-box-three .hit-page-boxes_item__content___left____buttons .buttons-top button,.content-box-three .hit-page-boxes_item__content___left____buttons .buttons-bot button{
    text-transform: capitalize;
  }

  .content-box-three .hit-page-boxes_item__content___left____buttons .buttons-top button span,.content-box-three .hit-page-boxes_item__content___left____buttons .buttons-bot button span{
    display: none;
  }
}

.content-box-three .hit-page-boxes_item__content___left____buttons .buttons-top button:hover,.content-box-three .hit-page-boxes_item__content___left____buttons .buttons-bot button:hover{
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(154 164 178 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(13 18 28 / var(--tw-text-opacity));
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.10);
}

.content-box-three .hit-page-boxes_item__content___left____buttons .buttons-top .active,.content-box-three .hit-page-boxes_item__content___left____buttons .buttons-bot .active{
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(154 164 178 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(13 18 28 / var(--tw-text-opacity));
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.10);
}

.content-box-three .hit-page-boxes_item__content___left____buttons .buttons-top .button-one,.content-box-three .hit-page-boxes_item__content___left____buttons .buttons-bot .button-one{
  width: 141.5px;
}

.content-box-three .hit-page-boxes_item__content___left____buttons .buttons-top .button-two,.content-box-three .hit-page-boxes_item__content___left____buttons .buttons-bot .button-two{
  width: 141.5px;
}

.content-box-three .hit-page-boxes_item__content___left____price{
  margin-top: 2rem;
  margin-left: 0px;
  display: flex;
  width: 100%;
  max-width: none !important;
  align-items: center;
  gap: 1rem;
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 246 255 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px){
  .content-box-three .hit-page-boxes_item__content___left____price{
    margin-top: 2.5rem;
    max-width: 492px !important;
    padding-bottom: 1rem;
  }
}

.content-box-three .hit-page-boxes_item__content___left____price .price-box{
  display: flex;
  height: 64px;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0px !important;
  padding-right: 0px !important;
}

@media not all and (min-width: 640px){
  .content-box-three .hit-page-boxes_item__content___left____price .price-box{
    max-width: none;
  }
}

@media (min-width: 640px){
  .content-box-three .hit-page-boxes_item__content___left____price .price-box{
    width: 411px !important;
  }
}

.content-box-three .hit-page-boxes_item__content___left____price .price-box p{
  left: 2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -2px;
  --tw-text-opacity: 1;
  color: rgb(13 18 28 / var(--tw-text-opacity));
}

.content-box-three .hit-page-boxes_item__content___left____price .price-box p span{
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.content-box-three .hit-page-boxes_item__content___left____price .price-box img{
}

.content-box-three .hit-page-boxes_item__content___left____price .price-des{
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
}

@media not all and (min-width: 640px){
  .content-box-three .hit-page-boxes_item__content___left____price .price-des{
    text-align: center;
  }
}

.content-box-three .hit-page-boxes_item__content___left____pricetwo{
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  align-items: center;
  gap: 0.625rem;
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(217 234 255 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px){
  .content-box-three .hit-page-boxes_item__content___left____pricetwo{
    max-width: 492px !important;
    flex-direction: row;
    gap: 1rem;
    padding-bottom: 1rem;
  }
}

.content-box-three .hit-page-boxes_item__content___left____pricetwo .price-box{
  display: flex;
  height: 64px;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0px !important;
  padding-right: 0px !important;
}

@media (min-width: 640px){
  .content-box-three .hit-page-boxes_item__content___left____pricetwo .price-box{
    width: 234px;
  }
}

.content-box-three .hit-page-boxes_item__content___left____pricetwo .price-box p{
  left: 2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -2px;
  --tw-text-opacity: 1;
  color: rgb(13 18 28 / var(--tw-text-opacity));
}

.content-box-three .hit-page-boxes_item__content___left____pricetwo .price-box p span{
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.content-box-three .hit-page-boxes_item__content___left____pricetwo .price-des{
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
}

@media not all and (min-width: 640px){
  .content-box-three .hit-page-boxes_item__content___left____pricetwo .price-des{
    text-align: center;
  }
}

.content-box-three .hit-page-boxes_item__content___left .price-link{
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

@media not all and (min-width: 640px){
  .space-bar{
    display: none;
  }
}

.front-page{
  overflow: hidden;
}

.front-page_gradient{
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 30;
  display: none;
}

@media (min-width: 1024px){
  .front-page_gradient{
    display: block;
  }
}

.front-page_gradientmob{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 30;
  display: block;
  width: 100%;
}

@media (min-width: 1024px){
  .front-page_gradientmob{
    display: none;
  }
}

.front-page .front-page-top{
  position: relative;
  z-index: 30;
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 2rem;
}

@media (min-width: 1024px){
  .front-page .front-page-top{
    margin-top: 74px;
    padding-bottom: 3.5rem;
  }
}

.front-page .front-page-top_box{
  position: relative;
  z-index: 10;
  display: grid;
  width: 100%;
  max-width: 1280px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px){
  .front-page .front-page-top_box{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 42px;
  }
}

.front-page .front-page-top_box__bg{
  position: absolute;
  left: -330px;
  bottom: -280px;
}

@media not all and (min-width: 1024px){
  .front-page .front-page-top_box__bg{
    display: none;
  }
}

.front-page .front-page-top_box__left{
  position: relative;
  z-index: 10;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 1024px){
  .front-page .front-page-top_box__left{
    max-width: 605px;
  }
}

.front-page .front-page-top_box__left .icons-top{
  order: 2;
  display: flex;
  gap: 0.75rem;
}

@media not all and (min-width: 1024px){
  .front-page .front-page-top_box__left .icons-top{
    margin-top: 1.5rem;
    justify-content: center;
  }
}

@media (min-width: 1024px){
  .front-page .front-page-top_box__left .icons-top{
    order: 1;
  }
}

.front-page .front-page-top_box__left .icons-top_item{
  display: flex;
  align-items: center;
  gap: 2px;
  font-family: Work Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.025em;
}

.front-page .front-page-top_box__left h1{
  order: 1;
}

@media not all and (min-width: 1024px){
  .front-page .front-page-top_box__left h1{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px !important;
    max-width: 600px;
    text-align: center;
  }
}

@media not all and (min-width: 640px){
  .front-page .front-page-top_box__left h1{
    max-width: 340px;
  }
}

@media (min-width: 1024px){
  .front-page .front-page-top_box__left h1{
    order: 2;
  }
}

.front-page .front-page-top_box__left p{
  order: 3;
}

@media not all and (min-width: 1024px){
  .front-page .front-page-top_box__left p{
    margin-left: auto;
    margin-right: auto;
    max-width: 650px;
    text-align: center;
  }
}

.front-page .front-page-top_box__left .buttons-top{
  order: 4;
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}

@media not all and (min-width: 640px){
  .front-page .front-page-top_box__left .buttons-top{
    align-items: center;
  }
}

@media (min-width: 640px){
  .front-page .front-page-top_box__left .buttons-top{
    flex-direction: row;
  }
}

@media (min-width: 1024px){
  .front-page .front-page-top_box__left .buttons-top{
    margin-top: 3.5rem;
    flex-direction: column;
    justify-content: flex-start;
  }
}

@media (min-width: 1280px){
  .front-page .front-page-top_box__left .buttons-top{
    flex-direction: row;
    align-items: center;
    gap: 1.25rem;
  }
}

.front-page .front-page-top_box__left .buttons-top .cta-zamow{
  width: 315px;
}

.front-page .front-page-top_box__left .buttons-top .cta-zamow a{
  display: flex;
  width: 315px;
  justify-content: center;
}

@media (min-width: 640px){
  .front-page .front-page-top_box__left .buttons-top .cta-zamow a{
    margin-left: -4px;
  }
}

.front-page .front-page-top_box__left .buttons-top .cta-zamow .cta-zamow-arrow{
  right: 3px;
}

@media (min-width: 640px){
  .front-page .front-page-top_box__left .buttons-top .cta-zamow .cta-zamow-arrow{
    right: -1px;
  }
}

.front-page .front-page-top_box__left .buttons-top .btn-trans{
  width: 100%;
  max-width: 315px;
  letter-spacing: -1px;
}

@media (min-width: 1280px){
  .front-page .front-page-top_box__left .buttons-top .btn-trans{
    max-width: 207px;
  }
}

.front-page .front-page-top_box__left h1{
  margin-top: 1.5rem;
}

.front-page .front-page-top_box__left p{
  margin-top: 2rem;
}

.front-page .front-page-top_box__right{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}

@media not all and (min-width: 1024px){
  .front-page .front-page-top_box__right{
    align-items: center;
  }
}

@media (min-width: 1024px){
  .front-page .front-page-top_box__right{
    flex-direction: row;
  }
}

.front-page .front-page-top_box__right .swiper-top-hero{
  width: 100%;
  max-width: 464px;
  overflow: hidden;
}

.front-page .front-page-top_box__right .swiper-top-hero .swiper-wrapper .swiper-slide{
  position: relative;
  max-height: 464px;
  min-height: 450px;
  overflow: hidden;
}

.front-page .front-page-top_box__right .swiper-top-hero .swiper-wrapper .swiper-slide .person-img{
  height: 100%;
  min-height: 450px;
  width: 100%;
  border-bottom-right-radius: 1rem;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 640px){
  .front-page .front-page-top_box__right .swiper-top-hero .swiper-wrapper .swiper-slide .person-img{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
}

.front-page .front-page-top_box__right .swiper-top-hero .swiper-wrapper .swiper-slide .experience{
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 10;
  display: flex;
  height: 30px;
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  border-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.front-page .front-page-top_box__right .swiper-top-hero .swiper-wrapper .swiper-slide .experience p{
  font-family: DM Sans, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.front-page .front-page-top_box__right .swiper-top-hero .swiper-wrapper .swiper-slide .person-detalis{
  position: absolute;
  bottom: 0px;
  right: 0px;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1rem;
  border-bottom-right-radius: 1rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.7;
  padding: 1.25rem;
  --tw-backdrop-blur: blur(6px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

@media not all and (min-width: 640px){
  .front-page .front-page-top_box__right .swiper-top-hero .swiper-wrapper .swiper-slide .person-detalis{
    border-bottom-left-radius: 1rem;
  }
}

@media (min-width: 640px){
  .front-page .front-page-top_box__right .swiper-top-hero .swiper-wrapper .swiper-slide .person-detalis{
    max-width: 343px;
    border-top-left-radius: 1rem;
  }
}

.front-page .front-page-top_box__right .swiper-top-hero .swiper-wrapper .swiper-slide .person-detalis_top{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.front-page .front-page-top_box__right .swiper-top-hero .swiper-wrapper .swiper-slide .person-detalis_top__left{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: Work Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(41 42 45 / var(--tw-text-opacity));
}

.front-page .front-page-top_box__right .swiper-top-hero .swiper-wrapper .swiper-slide .person-detalis_top__right{
  display: flex;
  height: 1.5rem;
  max-width: -moz-fit-content;
  max-width: fit-content;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 246 255 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-family: DM Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(48 127 255 / var(--tw-text-opacity));
}

.front-page .front-page-top_box__right .swiper-top-hero .swiper-wrapper .swiper-slide .person-detalis_mid{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: Work Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.05em;
  --tw-text-opacity: 1;
  color: rgb(41 42 45 / var(--tw-text-opacity));
}

.front-page .front-page-top_box__right .swiper-top-hero .swiper-wrapper .swiper-slide .person-detalis_bot{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: Work Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.front-page .front-page-top_box__right .swiper-top-hero .swiper-wrapper .swiper-slide .person-detalis_bot span{
  font-size: 32px;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.05em;
  --tw-text-opacity: 1;
  color: rgb(13 18 28 / var(--tw-text-opacity));
}

.front-page .front-page-company{
  margin-top: 32px;
  margin-bottom: 32px;
  display: flex;
  max-width: 1280px;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 1024px){
  .front-page .front-page-company{
    margin-top: 96px;
    margin-bottom: 96px;
  }
}

.front-page .front-page-company h2{
  text-align: center;
  line-height: 2.5rem !important;
  letter-spacing: -1px !important;
}

@media not all and (min-width: 409px){
  .front-page .front-page-company h2{
    max-width: 250px;
  }
}

.front-page .front-page-company_boxes{
  margin-top: 3rem;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 640px){
  .front-page .front-page-company_boxes{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){
  .front-page .front-page-company_boxes{
    margin-top: 4rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.front-page .front-page-company_boxes__item{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(227 232 239 / var(--tw-border-opacity));
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.front-page .front-page-company_boxes__item p{
  text-align: center;
  font-family: Work Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.05em;
}

.front-page .front-page-price{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 1150px){
  .front-page .front-page-price{
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
    padding-top: 120px;
    padding-bottom: 128px;
  }
}

@media (min-width: 1024px){
  .front-page .front-page-price .pricing-box-one, .front-page .front-page-price .pricing-box-two{
    padding-top: 2.5rem;
    padding-bottom: 3rem;
  }
}

.front-page .front-page-price_box{
  display: flex;
  max-width: 1280px;
  flex-direction: column;
  gap: 2.5rem;
}

@media (min-width: 1150px){
  .front-page .front-page-price_box{
    flex-direction: row;
    gap: 0.75rem;
  }
}

.front-page .front-page-price_box__left{
  display: flex;
  width: 100%;
  max-width: 480px;
  flex-direction: column;
  gap: 2rem;
}

@media not all and (min-width: 1150px){
  .front-page .front-page-price_box__left{
    margin-left: auto;
    margin-right: auto;
    align-items: center;
  }

  .front-page .front-page-price_box__left p{
    text-align: center;
  }
}

@media (min-width: 1150px){
  .front-page .front-page-price_box__left p{
    max-width: 390px;
  }
}

@media not all and (min-width: 1150px){
  .front-page .front-page-price_box__left h3{
    text-align: center;
  }
}

@media not all and (min-width: 768px){
  .front-page .front-page-price_box__left a{
    display: none;
  }
}

.front-page .front-page-price_box__right{
  display: flex;
  width: 100%;
  flex-direction: column;
}

@media not all and (min-width: 1150px){
  .front-page .front-page-price_box__right{
    justify-content: center;
  }
}

@media not all and (min-width: 768px){
  .front-page .front-page-price_box__right{
    align-items: center;
  }
}

@media (min-width: 768px){
  .front-page .front-page-price_box__right{
    flex-direction: row;
  }
}

.front-page .front-page-price_box__right a{
  margin-top: 2.5rem;
}

@media (min-width: 768px){
  .front-page .front-page-price_box__right a{
    display: none;
  }
}

.front-page .front-page-price_box__right .box-cont{
  max-width: 303px;
}

.front-page .front-page-fast{
  display: flex;
  justify-content: center;
  padding-top: 32px;
  padding-bottom: 32px;
}

@media (min-width: 1024px){
  .front-page .front-page-fast{
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.front-page .front-page-fast .front-page-fast-box{
  display: flex;
  width: 100%;
  max-width: 1280px;
  flex-direction: column;
  gap: 2.5rem;
}

@media (min-width: 1024px){
  .front-page .front-page-fast .front-page-fast-box{
    flex-direction: row;
    gap: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.front-page .front-page-fast .front-page-fast-box_left{
  display: flex;
  width: 100%;
  max-width: 560px;
  flex-direction: column;
  gap: 2rem;
}

@media not all and (min-width: 1024px){
  .front-page .front-page-fast .front-page-fast-box_left{
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1024px){
  .front-page .front-page-fast .front-page-fast-box_left{
    gap: 2.5rem;
  }
}

@media not all and (min-width: 1024px){
  .front-page .front-page-fast .front-page-fast-box_left h3{
    text-align: center;
  }
}

.front-page .front-page-fast .front-page-fast-box_left__des{
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 1024px){
  .front-page .front-page-fast .front-page-fast-box_left__des{
    gap: 2.5rem;
  }
}

.front-page .front-page-fast .front-page-fast-box_left__des___item h4{
  margin-bottom: 0.75rem;
  font-family: Work Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.05em;
}

@media not all and (min-width: 1024px){
  .front-page .front-page-fast .front-page-fast-box_left__des___item h4{
    text-align: center;
  }
}

@media (min-width: 640px){
  .front-page .front-page-fast .front-page-fast-box_left__des___item h4{
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 1024px){
  .front-page .front-page-fast .front-page-fast-box_left__des___item h4{
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}

.front-page .front-page-fast .front-page-fast-box_left__des___item p{
  font-family: Work Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

@media not all and (min-width: 1024px){
  .front-page .front-page-fast .front-page-fast-box_left__des___item p{
    text-align: center;
  }
}

@media (min-width: 1024px){
  .front-page .front-page-fast .front-page-fast-box_left__des___item p{
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
  }
}

.front-page .front-page-fast .front-page-fast-box_right{
  display: flex;
  width: 100%;
  max-width: 608px;
  justify-content: center;
  padding-top: 11px;
  padding-bottom: 11px;
}

@media not all and (min-width: 1024px){
  .front-page .front-page-fast .front-page-fast-box_right{
    margin-left: auto;
    margin-right: auto;
  }
}

.front-page .front-page-fast .front-page-fast-box_right__box{
  width: 100%;
  border-radius: 1.5rem;
}

@media (min-width: 640px){
  .front-page .front-page-fast .front-page-fast-box_right__box{
    max-width: 426px;
  }
}

@media (min-width: 1024px){
  .front-page .front-page-fast .front-page-fast-box_right__box{
    --tw-bg-opacity: 1;
    background-color: rgb(238 246 255 / var(--tw-bg-opacity));
    padding: 1.5rem;
  }
}

.front-page .front-page-fast .front-page-fast-box_right__box___content{
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px){
  .front-page .front-page-fast .front-page-fast-box_right__box___content{
    padding: 1rem;
  }
}

.front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content{
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(227 232 239 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
  padding-left: 23.5px;
  padding-right: 23.5px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@media not all and (min-width: 1024px){
  .front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content{
    margin-left: auto;
    margin-right: auto;
  }
}

.front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content .fast-box-cont{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 296px;
}

.front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content_top{
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
}

.front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content h3{
  margin-bottom: 2rem;
}

.front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content_buttons{
  display: flex;
  gap: 0.5rem;
}

.front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content_buttons__item{
  display: flex;
  width: 100%;
  max-width: 144px;
  flex-direction: column;
  align-items: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 6px;
  padding-bottom: 6px;
}

.front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content_buttons__item h5{
  font-family: DM Sans, sans-serif;
  font-size: 11px;
  line-height: 14px;
  --tw-text-opacity: 1;
  color: rgb(154 164 178 / var(--tw-text-opacity));
}

.front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content_buttons__item___footer{
  margin-top: 2px;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -1.5px;
}

.front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content_buttons__item___footer span{
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0px;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content_description{
  margin-top: 0.75rem;
  display: flex;
  gap: 0.25rem;
}

.front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content_description__boxone, .front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content_description__boxtwo, .front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content_description__boxthree{
  display: flex;
  height: 2.25rem;
  width: 96px;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  text-align: center;
  font-family: DM Sans, sans-serif;
  font-size: 11px;
  line-height: 14px;
}

.front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content_description__boxone{
  --tw-bg-opacity: 1;
  background-color: rgb(18 73 227 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(217 234 255 / var(--tw-text-opacity));
}

.front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content_description__boxtwo{
  --tw-bg-opacity: 1;
  background-color: rgb(141 197 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(24 55 144 / var(--tw-text-opacity));
}

.front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content_description__boxthree{
  --tw-bg-opacity: 1;
  background-color: rgb(187 219 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(22 61 188 / var(--tw-text-opacity));
}

.front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content_lead{
  margin-top: 2rem;
  display: flex;
  height: 2.25rem;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(227 232 239 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.625rem;
}

.front-page .front-page-fast .front-page-fast-box_right__box___content .fast-box-content_lead__text{
  display: flex;
  align-items: center;
  gap: 2px;
  font-family: DM Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(54 65 82 / var(--tw-text-opacity));
}

.front-page .front-page-how{
  display: flex;
  justify-content: center;
  padding-top: 32px;
  padding-bottom: 64px;
}

@media (min-width: 1024px){
  .front-page .front-page-how{
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.front-page .front-page-how h3{
  margin-bottom: 2rem;
  text-align: center;
}

.front-page .front-page-how_box{
  width: 100%;
  max-width: 1280px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px){
  .front-page .front-page-how_box{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.front-page .front-page-how_box__content{
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 640px){
  .front-page .front-page-how_box__content{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){
  .front-page .front-page-how_box__content{
    margin-top: 4rem;
  }
}

@media (min-width: 1280px){
  .front-page .front-page-how_box__content{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.front-page .front-page-how_box__content___item{
  border-radius: 1.5rem;
  border-width: 0.5px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(227 232 239 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.5rem;
  box-shadow: 
                        -1px 3px 6px 0px #0000001A,
                        -6px 10px 12px 0px #00000017,
                        -12px 23px 16px 0px #0000000D,
                        -22px 41px 19px 0px #00000003,
                        -34px 64px 20px 0px #00000000;
}

.front-page .front-page-how_box__content___item .number-box{
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 96px;
  border-width: 4px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(13 18 28 / var(--tw-bg-opacity));
  font-family: Work Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.front-page .front-page-how_box__content___item .number-box span{
  display: flex;
  height: 1.25rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
}

.front-page .front-page-how_box__content___item h4{
  margin-top: 1.5rem;
}

.front-page .front-page-how_box__content___item p{
  margin-top: 0.5rem;
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.front-page .front-page-how_box__content___itemlead{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(187 219 255 / var(--tw-bg-opacity));
  padding: 1.5rem;
  box-shadow: 
                        -1px 3px 6px 0px #0000001A,
                        -6px 10px 12px 0px #00000017,
                        -12px 23px 16px 0px #0000000D,
                        -22px 41px 19px 0px #00000003,
                        -34px 64px 20px 0px #00000000;
}

.front-page .front-page-how_box__content___itemlead .itemlead-heading{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media not all and (min-width: 1280px){
  .front-page .front-page-how_box__content___itemlead .itemlead-heading{
    margin-top: 1.5rem;
  }
}

.front-page .front-page-forwho{
  --tw-bg-opacity: 1;
  background-color: rgb(19 35 88 / var(--tw-bg-opacity));
  padding-top: 64px;
  padding-bottom: 64px;
}

@media (min-width: 1024px){
  .front-page .front-page-forwho{
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.front-page .front-page-forwho h3{
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.front-page .front-page-forwho .front-page-forwho_cont{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1280px;
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes{
  margin-top: 52px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes{
    margin-top: 4rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1280px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item{
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(19 35 88 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
  padding-top: 2.5rem;
}

@media (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item{
    height: 518px;
  }
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item h4{
  margin-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  letter-spacing: -2px;
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item p{
  padding-left: 2rem;
  padding-right: 2rem;
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-one-info{
  display: flex;
  width: 100%;
  max-width: 282px;
  flex-direction: column;
  gap: 1rem;
  border-radius: 0.5rem;
  border-width: 0.5px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(227 232 239 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
}

@media not all and (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-one-info{
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.5rem;
    margin-bottom: 2rem;
  }
}

@media (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-one-info{
    position: absolute;
    bottom: 2rem;
    right: -16px;
    max-height: none;
    overflow: visible;
  }
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-one-info_top{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-one-info_top__text{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.05em;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-one-info_bot{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.5rem;
  border-width: 0.5px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(233 236 239 / var(--tw-border-opacity));
  padding: 0.5rem;
  box-shadow: 0px 24px 64px 0px #E0E0E07A;
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-one-info_bot__text{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.05em;
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-one-info.open{
  display: flex;
  width: 100%;
  max-width: 282px;
  flex-direction: column;
  gap: 1rem;
  border-radius: 0.5rem;
  border-width: 0.5px !important;
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(227 232 239 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem !important;
}

@media not all and (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-one-info.open{
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 2.5rem !important;
    margin-bottom: 2rem !important;
  }
}

@media (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-one-info.open{
    position: absolute;
    bottom: 2rem;
    right: -16px;
    max-height: none;
    overflow: visible;
  }
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-one-info.open_top{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-one-info.open_top__text{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.05em;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-one-info.open_bot{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.5rem;
  border-width: 0.5px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(233 236 239 / var(--tw-border-opacity));
  padding: 0.5rem;
  box-shadow: 0px 24px 64px 0px #E0E0E07A;
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-one-info.open_bot__text{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.05em;
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-two-info{
  position: relative;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  padding-left: 2rem;
}

@media (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-two-info{
    max-height: none;
    overflow: visible;
  }
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-two-info .box-two-info-content{
  z-index: 10;
  display: flex;
  width: 100%;
  max-width: 282px;
  align-items: center;
  gap: 1rem;
  border-radius: 0.5rem;
  border-width: 0.5px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(227 232 239 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
}

@media not all and (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-two-info .box-two-info-content{
    margin-bottom: 51px;
  }
}

@media (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-two-info .box-two-info-content{
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-two-info .box-two-info-content_des h3{
  text-align: start;
  font-family: Satoshi, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-two-info .box-two-info-content_des h5{
  font-family: Satoshi, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.025em;
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-two-info.open{
  position: relative;
  margin-top: 1rem !important;
  display: flex;
  flex-direction: column;
  padding-left: 2rem !important;
}

@media (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-two-info.open{
    max-height: none;
    overflow: visible;
  }
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-two-info.open .box-two-info-content{
  z-index: 10;
  display: flex;
  width: 100%;
  max-width: 282px;
  align-items: center;
  gap: 1rem;
  border-radius: 0.5rem;
  border-width: 0.5px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(227 232 239 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
}

@media not all and (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-two-info.open .box-two-info-content{
    margin-bottom: 51px;
  }
}

@media (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-two-info.open .box-two-info-content{
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-two-info.open .box-two-info-content_des h3{
  text-align: start;
  font-family: Satoshi, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-two-info.open .box-two-info-content_des h5{
  font-family: Satoshi, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.025em;
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-three-info{
  margin-left: 2rem;
  margin-top: 3rem;
  width: 100%;
  border-radius: 12px;
  border-width: 0.5px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(227 232 239 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 2rem;
}

@media not all and (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-three-info{
    margin-bottom: 94px;
  }
}

@media (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-three-info{
    max-height: none;
    overflow: visible;
  }
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-three-info.open{
  margin-left: 2rem !important;
  margin-top: 3rem !important;
  width: 100%;
  border-radius: 12px;
  border-width: 0.5px !important;
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(227 232 239 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 2rem !important;
}

@media not all and (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-three-info.open{
    margin-bottom: 94px !important;
  }
}

@media (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-three-info.open{
    max-height: none;
    overflow: visible;
  }
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-four-info{
  margin-left: 2rem;
  margin-right: 2rem;
  margin-top: 3rem;
  border-radius: 20px;
  border-width: 0.5px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(227 232 239 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem;
}

@media not all and (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-four-info{
    margin-bottom: 154px;
  }
}

@media (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-four-info{
    max-height: none;
    overflow: visible;
  }
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-four-info.open{
  margin-left: 2rem !important;
  margin-right: 2rem !important;
  margin-top: 3rem !important;
  border-radius: 20px;
  border-width: 0.5px !important;
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(227 232 239 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem !important;
}

@media not all and (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-four-info.open{
    margin-bottom: 154px !important;
  }
}

@media (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .box-four-info.open{
    max-height: none;
    overflow: visible;
  }
}

.front-page .front-page-forwho .front-page-forwho_cont__boxes___item .see-more{
  margin-left: 2rem;
  margin-bottom: 2rem;
  margin-top: 1rem;
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

@media (min-width: 640px){
  .front-page .front-page-forwho .front-page-forwho_cont__boxes___item .see-more{
    display: none;
  }
}

.front-page .front-page-faq{
  display: flex;
  justify-content: center;
  padding-top: 64px;
  padding-bottom: 64px;
}

@media (min-width: 1024px){
  .front-page .front-page-faq{
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.front-page .front-page-faq .front-page-faq-cont{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  max-width: 1280px;
  flex-direction: column;
  align-items: center;
}

.front-page .front-page-faq .front-page-faq-cont h3{
  text-align: center;
}

@media (min-width: 1024px){
  .front-page .front-page-faq .front-page-faq-cont h3{
    margin-bottom: 2rem;
  }
}

.front-page .front-page-faq .front-page-faq-cont_box{
  margin-top: 52px;
  width: 100%;
  max-width: 768px;
}

@media (min-width: 1024px){
  .front-page .front-page-faq .front-page-faq-cont_box{
    margin-top: 4rem;
  }
}

.front-page .front-page-faq .front-page-faq-cont_box__question{
  position: relative;
  z-index: 10;
  cursor: pointer;
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-top-color: rgb(227 232 239 / var(--tw-border-opacity));
  padding-bottom: 2rem;
}

.front-page .front-page-faq .front-page-faq-cont_box__question #question{
  display: flex;
  justify-content: space-between;
  padding-top: 1.5rem;
}

@media not all and (min-width: 640px){
  .front-page .front-page-faq .front-page-faq-cont_box__question #question{
    align-items: flex-start;
  }
}

.front-page .front-page-faq .front-page-faq-cont_box__question #question h4{
  margin-bottom: 0.5rem;
  max-width: 724px;
  font-family: Work Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
}

.front-page .front-page-faq .front-page-faq-cont_box__question #question #icon-minus{
  display: none;
}

@media not all and (min-width: 640px){
  .front-page .front-page-faq .front-page-faq-cont_box__question #question #icon-minus{
    margin-top: 0.5rem;
  }

  .front-page .front-page-faq .front-page-faq-cont_box__question #question #icon-plus{
    margin-top: 0.5rem;
  }
}

.front-page .front-page-faq .front-page-faq-cont_box__question #answer{
  max-height: 0px;
  max-width: 724px;
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}

.front-page .front-page-faq .front-page-faq-cont_box__question .open{
  max-height: 162px !important;
  opacity: 1 !important;
}

@media (min-width: 1024px){
  .front-page .front-page-faq .front-page-faq-cont_box__question .open{
    max-height: 72px !important;
  }
}

.front-page .front-page-faq .front-page-faq-cont_box__question:first-child{
  border-style: none !important;
}

.front-page .buttons-wrapper{
  position: relative;
  z-index: 10;
  display: flex;
  min-height: 48px;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 1.25rem;
}

@media (min-width: 1024px){
  .front-page .buttons-wrapper{
    display: none;
  }
}

.front-page .buttons-wrapper .swiper-button-prev-for, .front-page .buttons-wrapper .swiper-button-next-for{
  position: relative !important;
  display: block !important;
}

.front-page .buttons-wrapper .swiper-button-prev-for{
  height: 48px !important;
  width: 58px !important;
  border-radius: 0.5rem !important;
  border-width: 1px !important;
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(154 164 178 / var(--tw-border-opacity)) !important;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.front-page .buttons-wrapper .swiper-button-prev-for::after{
  position: absolute;
  left: 46%;
  top: 50%;
  width: 24px;
  height: 24px;
  content: "";
  transform: translate(-50% , -50%);
  background-image: url('../img/ar-l-cta.svg');
  z-index: 10;
}

.front-page .buttons-wrapper .swiper-button-next-for{
  height: 48px !important;
  width: 58px !important;
  border-radius: 0.5rem !important;
  border-width: 1px !important;
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(154 164 178 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.front-page .buttons-wrapper .swiper-button-next-for::after{
  position: absolute;
  left: 46%;
  top: 50%;
  width: 24px;
  height: 24px;
  content: "";
  transform: translate(-50% , -50%);
  background-image: url('../img/ar-r-cta.svg');
  z-index: 10;
}

.pricing-box-one{
  display: flex;
  width: 100%;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(238 246 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2.5rem;
}

@media not all and (min-width: 768px){
  .pricing-box-one{
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
}

@media (min-width: 640px){
  .pricing-box-one{
    max-width: 367px;
  }
}

@media (min-width: 768px){
  .pricing-box-one{
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
}

.pricing-box-one .box-cont{
  display: flex;
  width: 100%;
  max-width: 280px;
  flex-direction: column;
  gap: 2.5rem;
}

.pricing-box-one_top{
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.pricing-box-one_top__text{
  display: flex;
  flex-direction: column;
}

.pricing-box-one_top__text h4{
  font-family: Work Sans, sans-serif;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -1.5px;
}

.pricing-box-one_top__text h3{
  font-family: Work Sans, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.05em;
}

.pricing-box-one .price-full-cont{
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.pricing-box-one .price-full-cont h4{
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
}

.pricing-box-two{
  display: flex;
  width: 100%;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(217 234 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2.5rem;
}

@media not all and (min-width: 768px){
  .pricing-box-two{
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
  }
}

@media (min-width: 640px){
  .pricing-box-two{
    max-width: 367px;
  }
}

@media (min-width: 768px){
  .pricing-box-two{
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
}

.pricing-box-two .box-cont{
  display: flex;
  width: 100%;
  max-width: 280px;
  flex-direction: column;
  gap: 2.5rem;
}

.pricing-box-two_top{
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.pricing-box-two_top__text{
  display: flex;
  flex-direction: column;
}

.pricing-box-two_top__text h4{
  font-family: Work Sans, sans-serif;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -1.5px;
}

.pricing-box-two_top__text h3{
  font-family: Work Sans, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.05em;
}

.pricing-box-two .price-full-cont{
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.pricing-box-two .price-full-cont h4{
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
}

.buttons-bot{
  display: flex;
  max-width: 318px;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(234 236 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding: 6px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(102 112 133 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .buttons-bot{
    max-width: 417px;
    align-items: center;
  }
}

.buttons-bot button{
  display: flex;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media not all and (min-width: 640px){
  .buttons-bot button{
    text-transform: capitalize;
  }

  .buttons-bot button span{
    display: none;
  }
}

.buttons-bot button:hover{
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(154 164 178 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(13 18 28 / var(--tw-text-opacity));
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.10);
}

.buttons-bot .active{
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(154 164 178 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(13 18 28 / var(--tw-text-opacity));
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.10);
}

.buttons-bot .button-one{
  width: 141.5px;
}

.buttons-bot .button-two{
  width: 141.5px;
}

.price-box{
  display: flex;
  height: 64px;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0px !important;
  padding-right: 0px !important;
}

@media (min-width: 640px){
  .price-box{
    max-width: 303px !important;
  }
}

.price-box p{
  left: 2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -2px;
  --tw-text-opacity: 1;
  color: rgb(13 18 28 / var(--tw-text-opacity));
}

.price-box p span{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.price-box img{
}

.price-work-range{
  margin-bottom: 0.625rem;
  display: flex;
  height: 2.5rem;
  width: 94px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  line-height: 1.5rem;
}

.menager-page{
  overflow: hidden;
}

.menager-page_gradient{
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 30;
  display: none;
}

@media (min-width: 1024px){
  .menager-page_gradient{
    display: block;
  }
}

.menager-page_gradientmob{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 30;
  display: block;
  width: 100%;
}

@media (min-width: 1024px){
  .menager-page_gradientmob{
    display: none;
  }
}

.menager-page .menager-page-top{
  position: relative;
  z-index: 40;
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 1024px){
  .menager-page .menager-page-top{
    margin-top: 64px;
  }
}

.menager-page .menager-page-top_box{
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1280px;
  gap: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 3rem;
}

@media (min-width: 1024px){
  .menager-page .menager-page-top_box{
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }
}

.menager-page .menager-page-top_box__left{
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 1024px){
  .menager-page .menager-page-top_box__left{
    max-width: 960px;
  }
}

.menager-page .menager-page-top_box__left .icons-top{
  order: 2;
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}

@media not all and (min-width: 1024px){
  .menager-page .menager-page-top_box__left .icons-top{
    margin-top: 1.5rem;
  }
}

@media (min-width: 1024px){
  .menager-page .menager-page-top_box__left .icons-top{
    order: 1;
    display: none;
  }
}

.menager-page .menager-page-top_box__left .icons-top_item{
  display: flex;
  align-items: center;
  gap: 2px;
  font-family: Work Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.025em;
}

.menager-page .menager-page-top_box__left h1{
  order: 1;
  margin-top: 1rem;
  text-align: center;
}

@media not all and (min-width: 1024px){
  .menager-page .menager-page-top_box__left h1{
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
  }
}

@media not all and (min-width: 640px){
  .menager-page .menager-page-top_box__left h1{
    max-width: 340px;
  }
}

@media (min-width: 1024px){
  .menager-page .menager-page-top_box__left h1{
    order: 2;
  }
}

.menager-page .menager-page-top_box__left p{
  order: 3;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  max-width: 720px;
  text-align: center;
}

@media not all and (min-width: 1024px){
  .menager-page .menager-page-top_box__left p{
    margin-left: auto;
    margin-right: auto;
    max-width: 650px;
    text-align: center;
  }
}

.menager-page .menager-page-content{
  position: relative;
  z-index: 10;
  padding-bottom: 3.5rem;
}

@media (min-width: 1024px){
  .menager-page .menager-page-content{
    padding-bottom: 64px;
  }
}

.menager-page .menager-page-content h2{
  padding-top: 4rem;
  text-align: center;
}

@media not all and (min-width: 640px){
  .menager-page .menager-page-content h2{
    border-top-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-top-color: rgb(154 164 178 / var(--tw-border-opacity));
  }
}

.menager-page .menager-page-content .menager-page-content-box{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  display: flex;
  width: 100%;
  max-width: 1216px;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
  border-radius: 24px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 640px){
  .menager-page .menager-page-content .menager-page-content-box{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 1024px){
  .menager-page .menager-page-content .menager-page-content-box{
    margin-top: 4rem;
    flex-direction: row;
    gap: 1.25rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 57px;
    padding-right: 57px;
  }
}

.menager-page .menager-page-content .menager-page-content-box{
  border: 0.5px solid #E3E8EF ;
  box-shadow:
            -34px 64px 20px rgba(0, 0, 0, 0),
            -22px 41px 19px rgba(0, 0, 0, 0.01),
            -12px 23px 16px rgba(0, 0, 0, 0.05),
            -6px 10px 12px rgba(0, 0, 0, 0.09),
            -1px 3px 10px rgba(0, 0, 0, 0.10);
}

.menager-page .menager-page-content .menager-page-content-box_left{
  width: 100%;
  max-width: 548px;
}

@media not all and (min-width: 640px){
  .menager-page .menager-page-content .menager-page-content-box_left{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.menager-page .menager-page-content .menager-page-content-box_left .name-box{
  display: flex;
  height: 2rem;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(48 127 255 / var(--tw-border-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 640px){
  .menager-page .menager-page-content .menager-page-content-box_left .name-box{
    height: 2.5rem;
  }
}

.menager-page .menager-page-content .menager-page-content-box_left .name-box p{
  font-family: Work Sans, sans-serif;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -1px;
  --tw-text-opacity: 1;
  color: rgb(48 127 255 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .menager-page .menager-page-content .menager-page-content-box_left .name-box p{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.menager-page .menager-page-content .menager-page-content-box_left h3{
  left: 2rem;
  margin-top: 1rem;
  font-family: Work Sans, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -2px;
}

@media (min-width: 1024px){
  .menager-page .menager-page-content .menager-page-content-box_left h3{
    font-size: 32px;
    line-height: 2rem;
  }
}

.menager-page .menager-page-content .menager-page-content-box_left .list-box{
  margin-top: 2.5rem;
  display: flex;
  list-style-type: none;
  flex-direction: column;
  gap: 1rem;
}

.menager-page .menager-page-content .menager-page-content-box_left .list-box li{
  position: relative;
  padding-left: 2rem;
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.menager-page .menager-page-content .menager-page-content-box_left .list-box li::before{
  position: absolute;
  left: 0px;
  top: 50%;
  height: 1.5rem;
  width: 1.5rem;
  content: "";
  transform: translateY(-50%);
  background-image: url('../img/check.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.menager-page .menager-page-content .menager-page-content-box_left .info-box{
  margin-top: 2.5rem;
  flex-direction: column;
  gap: 1rem;
  display: none;
}

@media (min-width: 1024px){
  .menager-page .menager-page-content .menager-page-content-box_left .info-box{
    display: flex;
  }
}

.menager-page .menager-page-content .menager-page-content-box_left .info-box h4{
  font-family: Work Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.025em;
}

.menager-page .menager-page-content .menager-page-content-box_left .info-box_promo{
  display: flex;
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 246 255 / var(--tw-bg-opacity));
  padding: 1rem;
}

.menager-page .menager-page-content .menager-page-content-box_left .info-box_promo h5{
  font-family: Work Sans, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.05em;
}

.menager-page .menager-page-content .menager-page-content-box_left .info-box_promo p{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(189 245 155 / var(--tw-bg-opacity));
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.menager-page .menager-page-content .menager-page-content-box_right{
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
  width: 100%;
  overflow: hidden;
}

@media not all and (min-width: 640px){
  .menager-page .menager-page-content .menager-page-content-box_right{
    margin-top: 0.5rem;
  }
}

@media (min-width: 1024px){
  .menager-page .menager-page-content .menager-page-content-box_right{
    max-height: 464px;
    min-height: 450px;
    max-width: 464px;
  }
}

.menager-page .menager-page-content .menager-page-content-box_right .person-img{
  height: 100%;
  min-height: 450px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 640px){
  .menager-page .menager-page-content .menager-page-content-box_right .person-img{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
}

.menager-page .menager-page-content .menager-page-content-box_right .experience{
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 10;
  display: flex;
  height: 30px;
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  border-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.menager-page .menager-page-content .menager-page-content-box_right .experience p{
  font-family: DM Sans, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.menager-page .menager-page-content .menager-page-content-box_right .person-detalis{
  position: absolute;
  bottom: 0px;
  right: 0px;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.7;
  padding: 1.25rem;
  --tw-backdrop-blur: blur(6px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

@media (min-width: 640px){
  .menager-page .menager-page-content .menager-page-content-box_right .person-detalis{
    max-width: 343px;
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
}

.menager-page .menager-page-content .menager-page-content-box_right .person-detalis_top{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menager-page .menager-page-content .menager-page-content-box_right .person-detalis_top__left{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: Work Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(41 42 45 / var(--tw-text-opacity));
}

.menager-page .menager-page-content .menager-page-content-box_right .person-detalis_top__right{
  display: flex;
  height: 1.5rem;
  max-width: -moz-fit-content;
  max-width: fit-content;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 246 255 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-family: DM Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(48 127 255 / var(--tw-text-opacity));
}

.menager-page .menager-page-content .menager-page-content-box_right .person-detalis_mid{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: Work Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.05em;
  --tw-text-opacity: 1;
  color: rgb(41 42 45 / var(--tw-text-opacity));
}

.menager-page .menager-page-content .menager-page-content-box_right .person-detalis_bot{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: Work Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.menager-page .menager-page-content .menager-page-content-box_right .person-detalis_bot span{
  font-size: 32px;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.05em;
  --tw-text-opacity: 1;
  color: rgb(13 18 28 / var(--tw-text-opacity));
}

@media not all and (min-width: 640px){
  .menager-page .menager-page-content .menager-page-content-box .info-box-mob{
    padding-left: 11.5px;
    padding-right: 11.5px;
  }
}

@media (min-width: 640px){
  .menager-page .menager-page-content .menager-page-content-box .info-box-mob{
    margin-top: 1.5rem;
  }
}

@media (min-width: 1024px){
  .menager-page .menager-page-content .menager-page-content-box .info-box-mob{
    display: none;
  }
}

.menager-page .menager-page-content .menager-page-content-box .info-box-mob_top{
  border-radius: 0.5rem;
  border-width: 1.5px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(187 219 255 / var(--tw-border-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.menager-page .menager-page-content .menager-page-content-box .info-box-mob_top h5{
  text-align: center;
  font-family: Work Sans, sans-serif;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -1.5px;
}

@media not all and (min-width: 640px){
  .menager-page .menager-page-content .menager-page-content-box .info-box-mob_top h5{
    margin-bottom: 0.75rem;
  }
}

.menager-page .menager-page-content .menager-page-content-box .info-box-mob_top__text{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.menager-page .menager-page-content .menager-page-content-box .info-box-mob_top__text h4{
  font-family: Work Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -1px;
}

.menager-page .menager-page-content .menager-page-content-box .info-box-mob_top__text p{
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(189 245 155 / var(--tw-bg-opacity));
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-family: DM Sans, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.menager-page .menager-page-content .menager-page-content-box .info-box-mob a{
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
}

.menager-page .menager-page-bot{
  padding-top: 3rem;
  padding-bottom: 3.5rem;
}

@media (min-width: 640px){
  .menager-page .menager-page-bot{
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
  }
}

@media (min-width: 1024px){
  .menager-page .menager-page-bot{
    padding-bottom: 4rem;
  }
}

.menager-page .menager-page-bot_content h3{
  text-align: center;
}

@media not all and (min-width: 1024px){
  .menager-page .menager-page-bot_content h3{
    padding-left: 20px;
    padding-right: 20px;
  }
}

.menager-page .menager-page-bot_content__box{
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  display: flex;
  max-width: 1216px;
  justify-content: center;
  padding: 0.25rem;
}

@media (min-width: 640px){
  .menager-page .menager-page-bot_content__box{
    padding-left: 153px;
    padding-right: 153px;
  }
}

@media (min-width: 1024px){
  .menager-page .menager-page-bot_content__box{
    margin-top: 4rem;
    justify-content: space-between;
  }
}

.menager-page .menager-page-bot_content__box___left{
  display: flex;
  max-width: 360px;
  flex-direction: column;
  align-items: center;
}

.menager-page .menager-page-bot_content__box___left p{
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

@media not all and (min-width: 640px){
  .menager-page .menager-page-bot_content__box___left p{
    --tw-text-opacity: 1;
    color: rgb(75 85 101 / var(--tw-text-opacity));
  }
}

@media (min-width: 640px){
  .menager-page .menager-page-bot_content__box___left p{
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
  }
}

.menager-page .menager-page-bot_content__box___left .link-work{
  margin-top: 1.5rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-decoration-line: underline;
  text-underline-offset: 2px;
  transition-property: all;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.menager-page .menager-page-bot_content__box___left .link-work:hover{
  --tw-text-opacity: 1;
  color: rgb(48 127 255 / var(--tw-text-opacity));
}

.menager-page .menager-page-bot_content__box___left .cta-zamow{
  margin-top: 2rem;
}

@media (min-width: 640px){
  .menager-page .menager-page-bot_content__box___left .cta-zamow{
    margin-top: 3rem;
  }
}

.menager-page .menager-page-bot_content__box___left .cta-zamow a{
  justify-content: center;
}

@media (min-width: 640px){
  .menager-page .menager-page-bot_content__box___left .cta-zamow a{
    width: 314px;
  }

  .menager-page .menager-page-bot_content__box___left .cta-zamow .cta-zamow-arrow{
    right: -2px;
  }
}

@media not all and (min-width: 1024px){
  .menager-page .menager-page-bot_content__box___right img{
    display: none;
  }
}

.pricing-page{
  overflow: hidden;
}

.pricing-page_gradient{
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 30;
  display: none;
}

@media (min-width: 1024px){
  .pricing-page_gradient{
    display: block;
  }
}

.pricing-page_gradientmob{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 30;
  display: block;
  width: 100%;
}

@media (min-width: 1024px){
  .pricing-page_gradientmob{
    display: none;
  }
}

.pricing-page .pricing-page-top{
  position: relative;
  z-index: 40;
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-top{
    margin-top: 64px;
  }
}

.pricing-page .pricing-page-top_box{
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1280px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-top_box{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.pricing-page .pricing-page-top_box__left{
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-top_box__left{
    max-width: 960px;
  }
}

.pricing-page .pricing-page-top_box__left h1{
  order: 1;
  margin-top: 1rem;
  text-align: center;
}

@media not all and (min-width: 1024px){
  .pricing-page .pricing-page-top_box__left h1{
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
  }
}

@media not all and (min-width: 640px){
  .pricing-page .pricing-page-top_box__left h1{
    max-width: 340px;
  }
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-top_box__left h1{
    order: 2;
  }
}

.pricing-page .pricing-page-hero{
  position: relative;
  z-index: 40;
  margin-top: 1.5rem;
}

@media (min-width: 1150px){
  .pricing-page .pricing-page-hero{
    margin-top: 4rem;
  }
}

.pricing-page .pricing-page-hero .pricing-page-hero-box{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 1280px;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.25rem;
  padding-bottom: 3.5rem;
}

@media not all and (min-width: 1150px){
  .pricing-page .pricing-page-hero .pricing-page-hero-box{
    align-items: center;
  }
}

@media (min-width: 1150px){
  .pricing-page .pricing-page-hero .pricing-page-hero-box{
    flex-direction: row;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.pricing-page .pricing-page-hero .pricing-page-hero-box_left{
  width: 100%;
  max-width: 688px;
}

@media (min-width: 1150px){
  .pricing-page .pricing-page-hero .pricing-page-hero-box_left{
    max-width: 430px;
  }
}

.pricing-page .pricing-page-hero .pricing-page-hero-box_left h2{
  max-width: 688px;
}

@media not all and (min-width: 1024px){
  .pricing-page .pricing-page-hero .pricing-page-hero-box_left h2{
    text-align: center;
  }
}

@media (min-width: 1150px){
  .pricing-page .pricing-page-hero .pricing-page-hero-box_left h2{
    max-width: 400px;
  }
}

.pricing-page .pricing-page-hero .pricing-page-hero-box_left p{
  margin-top: 2rem;
  max-width: 688px;
  font-family: DM Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-hero .pricing-page-hero-box_left p{
    font-family: Work Sans, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
  }
}

@media (min-width: 1150px){
  .pricing-page .pricing-page-hero .pricing-page-hero-box_left p{
    max-width: 410px;
  }
}

.pricing-page .pricing-page-hero .pricing-page-hero-box_right{
  display: flex;
  width: 100%;
  max-width: 688px;
  flex-direction: column;
}

@media not all and (min-width: 1150px){
  .pricing-page .pricing-page-hero .pricing-page-hero-box_right{
    margin-top: 2rem;
    justify-content: center;
  }
}

@media not all and (min-width: 768px){
  .pricing-page .pricing-page-hero .pricing-page-hero-box_right{
    align-items: center;
  }
}

@media (min-width: 768px){
  .pricing-page .pricing-page-hero .pricing-page-hero-box_right{
    flex-direction: row;
  }
}

.pricing-page .pricing-page-hero .pricing-page-hero-box .dash-line img{
  width: 100%;
}

.pricing-page .pricing-page-ofert{
  position: relative;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
  padding-top: 64px;
  padding-bottom: 110px;
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-ofert{
    margin-top: 4rem;
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.pricing-page .pricing-page-ofert h3{
  margin-left: auto;
  margin-right: auto;
  max-width: 560px;
  text-align: center;
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-ofert h3{
    max-width: 800px;
  }
}

.pricing-page .pricing-page-ofert .pricing-page-ofert-box{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  display: grid;
  max-width: 1280px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-ofert .pricing-page-ofert-box{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.pricing-page .pricing-page-ofert .pricing-page-ofert-box_left{
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  width: 100%;
  max-width: 480px;
  flex-direction: column;
  gap: 2rem;
}

@media not all and (min-width: 1024px){
  .pricing-page .pricing-page-ofert .pricing-page-ofert-box_left{
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 105px;
  }
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-ofert .pricing-page-ofert-box_left{
    padding-top: 75px;
    padding-bottom: 75px;
  }
}

.pricing-page .pricing-page-ofert .pricing-page-ofert-box_left .pricing-ofert-list{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

@media (min-width: 640px){
  .pricing-page .pricing-page-ofert .pricing-page-ofert-box_left .pricing-ofert-list{
    flex-direction: row;
    align-items: flex-start;
    gap: 1.5rem;
  }
}

.pricing-page .pricing-page-ofert .pricing-page-ofert-box_left .pricing-ofert-list_text h4{
  font-family: Work Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.025em;
}

@media not all and (min-width: 640px){
  .pricing-page .pricing-page-ofert .pricing-page-ofert-box_left .pricing-ofert-list_text h4{
    text-align: center;
  }
}

.pricing-page .pricing-page-ofert .pricing-page-ofert-box_left .pricing-ofert-list_text p{
  margin-top: 0.625rem;
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

@media not all and (min-width: 640px){
  .pricing-page .pricing-page-ofert .pricing-page-ofert-box_left .pricing-ofert-list_text p{
    text-align: center;
  }
}

@media (min-width: 640px){
  .pricing-page .pricing-page-ofert .pricing-page-ofert-box_left .pricing-ofert-list_text p{
    margin-top: 0.25rem;
  }
}

.pricing-page .pricing-page-ofert .pricing-page-ofert-box_right{
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  max-height: 335px;
  max-width: 432px;
  align-items: center;
}

@media not all and (min-width: 1024px){
  .pricing-page .pricing-page-ofert .pricing-page-ofert-box_right{
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-ofert .pricing-page-ofert-box_right{
    padding-left: 48px;
  }
}

.pricing-page .pricing-page-ofert .pricing-page-ofert-box_right .box-right-pricing-one{
  position: absolute;
  bottom: -56px;
  left: 7px;
  z-index: 10;
  display: flex;
  max-width: 177px;
  flex-direction: column;
  gap: 0.75rem;
  border-radius: 0.5rem;
  border-width: 0.5px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(227 232 239 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-ofert .pricing-page-ofert-box_right .box-right-pricing-one{
    bottom: 28.5px;
    left: 1.25rem;
  }
}

.pricing-page .pricing-page-ofert .pricing-page-ofert-box_right .box-right-pricing-one{
  box-shadow:
                    -1px 3px 6px 0 rgba(0, 0, 0, 0.10),
                    -6px 10px 12px 0 rgba(0, 0, 0, 0.09);
}

.pricing-page .pricing-page-ofert .pricing-page-ofert-box_right .box-right-pricing-one h5{
  font-family: Work Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -1px;
}

.pricing-page .pricing-page-ofert .pricing-page-ofert-box_right .box-right-pricing-one p{
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: DM Sans, sans-serif;
  font-size: 11px;
  line-height: .75rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.pricing-page .pricing-page-ofert .pricing-page-ofert-box_right .box-right-pricing-two{
  position: absolute;
  top: -61px;
  right: 7px;
  z-index: 10;
  display: flex;
  max-width: 190px;
  flex-direction: column;
  gap: 0.75rem;
  border-radius: 0.5rem;
  border-width: 0.5px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(227 232 239 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-ofert .pricing-page-ofert-box_right .box-right-pricing-two{
    top: 37.5px;
    right: -103px;
  }
}

.pricing-page .pricing-page-ofert .pricing-page-ofert-box_right .box-right-pricing-two{
  box-shadow:
                    -1px 3px 6px 0 rgba(0, 0, 0, 0.10),
                    -6px 10px 12px 0 rgba(0, 0, 0, 0.09);
}

.pricing-page .pricing-page-ofert .pricing-page-ofert-box_right .box-right-pricing-two h5{
  font-family: Work Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -1px;
}

.pricing-page .pricing-page-ofert .pricing-page-ofert-box_right .box-right-pricing-two p{
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: DM Sans, sans-serif;
  font-size: 11px;
  line-height: .75rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.pricing-page .pricing-page-des{
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-des{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

.pricing-page .pricing-page-des_box{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 1008px;
  flex-direction: column;
}

@media not all and (min-width: 1024px){
  .pricing-page .pricing-page-des_box{
    gap: 3.5rem;
  }
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-des_box{
    flex-direction: row;
    justify-content: space-between;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.pricing-page .pricing-page-des_box__content{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-des_box__content{
    min-height: 434px;
    max-width: 400px;
    gap: 2.5rem;
  }
}

.pricing-page .pricing-page-des_box__content h3{
  font-family: Work Sans, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -1px;
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-des_box__content h3{
    font-size: 32px;
    letter-spacing: -2px;
  }
}

.pricing-page .pricing-page-des_box__content___des{
  font-family: DM Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-des_box__content___des{
    min-height: 196px;
    font-family: Work Sans, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
  }
}

@media not all and (min-width: 1024px){
  .pricing-page .pricing-page-des_box .dashed-line{
    display: none;
  }
}

.pricing-page .pricing-page-des_box .dex-box-cta{
  display: flex;
  flex-direction: column;
}

.pricing-page .pricing-page-des_box .dex-box-cta p{
  margin-bottom: 0.625rem;
  font-family: DM Sans, sans-serif;
}

.pricing-page .pricing-page-des_box .dex-box-cta .btn-blue{
  width: 100%;
}

@media not all and (min-width: 640px){
  .pricing-page .pricing-page-des_box .dex-box-cta .btn-blue{
    max-width: none;
  }
}

@media (min-width: 640px){
  .pricing-page .pricing-page-des_box .dex-box-cta .btn-blue{
    max-width: 318px;
  }
}

.pricing-page .pricing-page-suc{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
  padding-top: 56px;
  padding-bottom: 56px;
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-suc{
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.pricing-page .pricing-page-suc .pricing-page-suc-box{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 1280px;
  flex-direction: column;
  gap: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-suc .pricing-page-suc-box{
    flex-direction: row;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.pricing-page .pricing-page-suc .pricing-page-suc-box_left{
  width: 100%;
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-suc .pricing-page-suc-box_left{
    max-width: 480px;
  }
}

@media not all and (min-width: 640px){
  .pricing-page .pricing-page-suc .pricing-page-suc-box_left h3{
    text-align: center;
  }
}

.pricing-page .pricing-page-suc .pricing-page-suc-box_right{
  width: 100%;
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-suc .pricing-page-suc-box_right{
    max-width: 692px;
    padding-top: 1.5rem;
  }
}

.pricing-page .pricing-page-suc .pricing-page-suc-box_right .pricing-suc-des{
  font-family: DM Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

@media not all and (min-width: 640px){
  .pricing-page .pricing-page-suc .pricing-page-suc-box_right .pricing-suc-des{
    text-align: center;
  }
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-suc .pricing-page-suc-box_right .pricing-suc-des{
    font-family: Work Sans, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
  }
}

.pricing-page .pricing-page-suc .pricing-page-suc-box_right__content{
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 246 255 / var(--tw-bg-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2rem;
  padding-bottom: 2.5rem;
}

@media not all and (min-width: 1280px){
  .pricing-page .pricing-page-suc .pricing-page-suc-box_right__content{
    gap: 1.5rem;
  }
}

@media not all and (min-width: 640px){
  .pricing-page .pricing-page-suc .pricing-page-suc-box_right__content{
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-suc .pricing-page-suc-box_right__content{
    padding-top: 2.5rem;
    padding-bottom: 3rem;
  }
}

@media (min-width: 1280px){
  .pricing-page .pricing-page-suc .pricing-page-suc-box_right__content{
    flex-direction: row;
  }
}

.pricing-page .pricing-page-suc .pricing-page-suc-box_right__content .image-one{
  display: none;
}

@media (min-width: 1280px){
  .pricing-page .pricing-page-suc .pricing-page-suc-box_right__content .image-one{
    display: block;
  }
}

.pricing-page .pricing-page-suc .pricing-page-suc-box_right__content .image-two{
  height: 1rem;
}

@media (min-width: 1280px){
  .pricing-page .pricing-page-suc .pricing-page-suc-box_right__content .image-two{
    display: none;
  }
}

.pricing-page .pricing-page-suc .pricing-page-suc-box_right__content___item{
  width: 100%;
  max-width: 280px;
}

.pricing-page .pricing-page-suc .pricing-page-suc-box_right__content___item h4{
  margin-bottom: 0.625rem;
  font-family: DM Sans, sans-serif;
}

@media not all and (min-width: 640px){
  .pricing-page .pricing-page-suc .pricing-page-suc-box_right__content___item h4{
    text-align: center;
  }
}

.pricing-page .pricing-page-suc .pricing-page-suc-box_right__content___item .desktop-text{
  display: none;
}

@media (min-width: 768px){
  .pricing-page .pricing-page-suc .pricing-page-suc-box_right__content___item .desktop-text{
    display: block;
  }

  .pricing-page .pricing-page-suc .pricing-page-suc-box_right__content___item .mobile-text{
    display: none;
  }
}

.pricing-page .pricing-page-bot{
  padding-top: 3rem;
  padding-bottom: 3.5rem;
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-bot{
    margin-top: 4rem;
    padding-top: 3.5rem;
    padding-bottom: 4rem;
  }
}

.pricing-page .pricing-page-bot_content h3{
  text-align: center;
}

@media not all and (min-width: 1024px){
  .pricing-page .pricing-page-bot_content h3{
    padding-left: 20px;
    padding-right: 20px;
  }
}

.pricing-page .pricing-page-bot_content__box{
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  display: flex;
  max-width: 1216px;
  justify-content: center;
  padding: 0.25rem;
}

@media (min-width: 640px){
  .pricing-page .pricing-page-bot_content__box{
    padding-left: 153px;
    padding-right: 153px;
  }
}

@media (min-width: 1024px){
  .pricing-page .pricing-page-bot_content__box{
    margin-top: 4rem;
    justify-content: space-between;
  }
}

.pricing-page .pricing-page-bot_content__box___left{
  display: flex;
  max-width: 360px;
  flex-direction: column;
  align-items: center;
}

.pricing-page .pricing-page-bot_content__box___left p{
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

@media not all and (min-width: 640px){
  .pricing-page .pricing-page-bot_content__box___left p{
    --tw-text-opacity: 1;
    color: rgb(75 85 101 / var(--tw-text-opacity));
  }
}

@media (min-width: 640px){
  .pricing-page .pricing-page-bot_content__box___left p{
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
  }
}

.pricing-page .pricing-page-bot_content__box___left .link-work{
  margin-top: 1.5rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-decoration-line: underline;
  text-underline-offset: 2px;
  transition-property: all;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.pricing-page .pricing-page-bot_content__box___left .link-work:hover{
  --tw-text-opacity: 1;
  color: rgb(48 127 255 / var(--tw-text-opacity));
}

.pricing-page .pricing-page-bot_content__box___left .cta-zamow{
  margin-top: 2rem;
}

@media (min-width: 640px){
  .pricing-page .pricing-page-bot_content__box___left .cta-zamow{
    margin-top: 3rem;
  }
}

.pricing-page .pricing-page-bot_content__box___left .cta-zamow a{
  justify-content: center;
}

@media (min-width: 640px){
  .pricing-page .pricing-page-bot_content__box___left .cta-zamow a{
    width: 314px;
  }

  .pricing-page .pricing-page-bot_content__box___left .cta-zamow .cta-zamow-arrow{
    right: -2px;
  }
}

@media not all and (min-width: 1024px){
  .pricing-page .pricing-page-bot_content__box___right img{
    display: none;
  }
}

.order-page{
  padding-bottom: 4rem;
}

@media (min-width: 640px){
  .order-page{
    padding-bottom: 3.5rem;
  }
}

.order-page_gradient{
  position: absolute;
  top: 0px;
  right: 0px;
  display: none;
}

@media (min-width: 1024px){
  .order-page_gradient{
    display: block;
  }
}

.order-page_gradientmob{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 30;
  display: block;
  width: 100%;
}

@media (min-width: 1024px){
  .order-page_gradientmob{
    display: none;
  }
}

.order-page .succes-submit{
  position: relative;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  min-height: 480px;
  max-width: 960px;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (min-width: 640px){
  .order-page .succes-submit{
    min-height: 656px;
  }
}

@media (min-width: 768px){
  .order-page .succes-submit{
    margin-top: 4rem;
  }
}

.order-page .succes-submit p{
  max-width: 720px;
  text-align: center;
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .order-page .succes-submit p{
    font-family: Work Sans, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
  }
}

.order-page .order-page-top{
  position: relative;
  z-index: 40;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  display: flex;
  max-width: 1280px;
  flex-direction: column;
}

@media (min-width: 768px){
  .order-page .order-page-top{
    margin-top: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media not all and (min-width: 768px){
  .order-page .order-page-top h1{
    text-align: center;
  }
}

@media (min-width: 768px){
  .order-page .order-page-top h1{
    padding-left: 3rem;
  }
}

.order-page .order-page-top_list{
  margin-top: 3rem;
}

@media (min-width: 768px){
  .order-page .order-page-top_list{
    margin-top: 4rem;
    padding-left: 3rem;
  }
}

.order-page .order-page-top_list ul{
  display: flex;
  list-style-type: none;
  flex-direction: column;
  gap: 1rem;
}

.order-page .order-page-top_list ul li{
  position: relative;
  padding-left: 2rem;
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.order-page .order-page-top_list ul li::before{
  position: absolute;
  left: 0px;
  top: 50%;
  height: 1.5rem;
  width: 1.5rem;
  content: "";
  transform: translateY(-50%);
  background-image: url('../img/check.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.order-page .order-page-top_list a{
  margin-top: 2rem;
  gap: 0.5rem;
  font-family: Work Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -1px;
}

@media (min-width: 640px){
  .order-page .order-page-top_list a{
    max-width: 343px;
  }
}

.order-page .order-page-top_list .contact-des{
  text-align: start !important;
  font-family: Work Sans, sans-serif !important;
  font-size: 1.125rem !important;
  font-weight: 500 !important;
  line-height: 1.75rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(75 85 101 / var(--tw-text-opacity)) !important;
}

.order-page .order-page-top_list .contact-des a{
  --tw-text-opacity: 1;
  color: rgb(48 127 255 / var(--tw-text-opacity));
}

.order-page .order-page-top p{
  text-align: center;
}

.order-page .order-page-form-cont{
  position: relative;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
}

@media (min-width: 768px){
  .order-page .order-page-form-cont{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media not all and (min-width: 640px){
  .order-page .contact-box{
    margin-top: 18px !important;
    border-style: none !important;
  }
}

@media (min-width: 640px){
  .order-page .contact-box{
    padding: 2.5rem !important;
  }
}

@media not all and (min-width: 640px){
  .order-page .contact-box h2{
    text-align: start !important;
  }
}

.order-page .order-page-form{
  margin-top: 3rem;
  border-top-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(154 164 178 / var(--tw-border-opacity));
  padding-top: 3rem;
}

@media (min-width: 640px){
  .order-page .order-page-form{
    border-radius: 24px;
    border-width: 0.5px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(154 164 178 / var(--tw-border-opacity));
    padding: 3rem;
  }
}

.order-page .order-page-form_box{
  width: 100%;
  max-width: 720px;
}

@media not all and (min-width: 640px){
  .order-page .order-page-form_box h2{
    text-align: center;
  }
}

.order-page .order-page-form_box .form-des{
  margin-top: 2rem;
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .order-page .order-page-form_box .form-des{
    font-family: Work Sans, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
  }
}

/* From  */

.wpcf7{
  margin-top: 2.5rem;
  width: 100%;
}

@media (min-width: 640px){
  .wpcf7{
    margin-top: 3rem;
    max-width: 343px;
  }
}

.wpcf7 .wpcf7-list-item{
  margin: 0px !important;
}

.wpcf7 .text-info{
  margin-top: 3rem;
  margin-bottom: 0.25rem;
  padding-left: 33px;
  font-family: Work Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -1px;
}

@media (min-width: 640px){
  .wpcf7 .text-info{
    margin-top: 1rem;
  }
}

.wpcf7 form{
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.wpcf7 form .input-form-cont label{
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.wpcf7 form .input-form-cont .input-form input, .wpcf7 form .input-form-cont .input-form textarea{
  margin-top: 0.5rem;
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(154 164 178 / var(--tw-border-opacity));
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
  width: -webkit-fill-available;
  max-width: -moz-available;
}

.wpcf7 form .input-form-cont .input-form input::-moz-placeholder{
  font-family: Work Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -1px;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.wpcf7 form .input-form-cont .input-form input::placeholder{
  font-family: Work Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -1px;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.wpcf7 form .input-form-cont .input-form textarea::-moz-placeholder{
  font-family: Work Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -1px;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.wpcf7 form .input-form-cont .input-form textarea::placeholder{
  font-family: Work Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -1px;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.wpcf7 form .input-form-cont h3{
  margin-bottom: 0.5rem;
  margin-top: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}

.wpcf7 form .input-form-cont p{
  line-height: 32px;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.zgoda-komponent{
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.zgoda-komponent input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

.zgoda-komponent label{
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
  position: relative;
  padding-left: 42px;
  cursor: pointer;
  display: inline-block;
}

.zgoda-komponent label a{
  --tw-text-opacity: 1;
  color: rgb(48 127 255 / var(--tw-text-opacity));
  text-decoration-line: underline;
  text-underline-offset: 1px;
}

.zgoda-komponent label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: 1.5px solid #132358;
  border-radius: 2px;
  background: white;
  box-sizing: border-box;
}

.zgoda-komponent label:has(input[type="checkbox"]:checked)::before {
  background: rgb(19 35 88 );
  border-color: rgb(19 35 88 );
}

.zgoda-komponent label:has(input[type="checkbox"]:checked)::after {
  content: "✓";
  position: absolute;
  left: 7px;
  top: 16px;
  transform: translateY(-50%);
  font-size: 14px;
  color: white;
}

.wpcf7-spinner{
  display: none !important;
}

.custom-submit-wrap{
  margin-top: 0.25rem;
  display: flex ;
}

@media not all and (min-width: 640px){
  .custom-submit-wrap .btn-blue{
    width: 100%;
    max-width: none;
  }
}

@media (min-width: 640px){
  .custom-submit-wrap .btn-blue{
    max-width: 343px;
  }
}

.wpcf7-submit{
  width: 100%;
}

.wpcf7-submit span{
  margin: 0px !important;
}

.wpcf7-submit .btn-icon svg {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  fill: white;
}

.wpcf7-submit:hover .btn-icon svg {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  fill: black !important;
}

.succes-submit {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease;
}

/* Animacje fade */

.fade-out {
  opacity: 0;
  transition: opacity 0.5s ease;
}

.fade-in {
  display: flex !important;
  opacity: 1 !important;
}

.wpcf7-response-output{
  --tw-border-opacity: 1 !important;
  border-color: rgb(219 29 29 / var(--tw-border-opacity)) !important;
}

.validation-error{
  margin-top: 0.625rem;
}

@media not all and (min-width: 640px){
  .contact-page .custom-submit-wrap .btn-blue{
    margin-top: 3rem;
  }
}

.contact-page{
  padding-bottom: 3.5rem !important;
}

@media (min-width: 640px){
  .contact-page{
    padding-bottom: 4rem !important;
  }
}

.privacy-page{
  padding-bottom: 2.5rem;
}

@media (min-width: 640px){
  .privacy-page{
    padding-bottom: 104px;
  }
}

.privacy-page_gradient{
  position: absolute;
  top: 0px;
  right: 0px;
  display: none;
}

@media (min-width: 1024px){
  .privacy-page_gradient{
    display: block;
  }
}

.privacy-page_gradientmob{
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
}

@media (min-width: 1024px){
  .privacy-page_gradientmob{
    display: none;
  }
}

.privacy-page .privacy-page-top{
  position: relative;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  display: flex;
  max-width: 1280px;
  flex-direction: column;
}

@media (min-width: 768px){
  .privacy-page .privacy-page-top{
    margin-top: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.privacy-page .privacy-page-top h1{
  text-align: center;
}

@media not all and (min-width: 768px){
  .privacy-page .privacy-page-top h1 span{
    display: none;
  }
}

.privacy-page .privacy-page-top_boxone{
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 768px){
  .privacy-page .privacy-page-top_boxone{
    padding-left: 22px;
    padding-right: 22px;
  }
}

.privacy-page .privacy-page-top_boxone h2, .privacy-page .privacy-page-top_boxone h3{
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

@media not all and (min-width: 640px){
  .privacy-page .privacy-page-top_boxone h2, .privacy-page .privacy-page-top_boxone h3{
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}

.privacy-page .privacy-page-top_boxone h4{
  font-family: Work Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.privacy-page .privacy-page-top_boxone p{
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.privacy-page .privacy-page-top_boxone .number-listed{
  padding-left: 0.5rem;
}

.modal-page{
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  z-index: 999;
}

.modal-page .modal-page-cont{
  position: relative;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.modal-page .modal-page-cont_gradientmob{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 30;
  display: block;
  width: 100%;
}

@media (min-width: 1024px){
  .modal-page .modal-page-cont_gradientmob{
    display: none;
  }
}

.modal-page .modal-page-cont .modal-head{
  position: relative;
  z-index: 40;
  display: flex;
  justify-content: center;
  box-shadow: 0px 4px 4px 0px #00000040;
}

.modal-page .modal-page-cont .modal-head .modal-box{
  display: flex;
  width: 100%;
  max-width: 1280px;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.75rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 1024px){
  .modal-page .modal-page-cont .modal-head .modal-box{
    padding-top: 1.5rem;
    padding-bottom: 0.75rem;
  }
}

.modal-page .modal-page-cont .modal-head .modal-box_left h2{
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -1px;
}

@media (min-width: 1024px){
  .modal-page .modal-page-cont .modal-head .modal-box_left h2{
    font-family: Work Sans, sans-serif;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: -4px;
  }
}

.modal-page .modal-page-cont .modal-head .modal-box .modal-close{
  display: flex;
  min-width: 40px;
  max-width: 72px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(19 35 88 / var(--tw-border-opacity));
  padding: 0.25rem;
}

@media not all and (min-width: 1024px){
  .modal-page .modal-page-cont .modal-head .modal-box .modal-close{
    min-height: 40px;
  }
}

@media (min-width: 1024px){
  .modal-page .modal-page-cont .modal-head .modal-box .modal-close{
    border-radius: 0.5rem;
    padding: 1.25rem;
  }
}

@media not all and (min-width: 1024px){
  .modal-page .modal-page-cont .modal-head .modal-box .modal-close img{
    width: 1.5rem;
  }
}

.modal-page .modal-section-one{
  position: relative;
  z-index: 40;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  max-width: 1280px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 64px;
}

@media (min-width: 1024px){
  .modal-page .modal-section-one{
    margin-top: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 96px;
  }
}

.modal-page .modal-section-one h3{
  width: 100%;
  max-width: 720px;
}

.modal-page .modal-section-one_list{
  margin-top: 2.5rem;
  display: flex;
  list-style-type: none;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1024px){
  .modal-page .modal-section-one_list{
    margin-top: 3rem;
  }
}

.modal-page .modal-section-one_list li{
  position: relative;
  padding-left: 2rem;
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.modal-page .modal-section-one_list li::before{
  position: absolute;
  left: 0px;
  top: 50%;
  height: 1.5rem;
  width: 1.5rem;
  content: "";
  transform: translateY(-50%);
  background-image: url('../img/check.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.modal-page .modal-section-two{
  display: flex;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
  padding-top: 64px;
  padding-bottom: 64px;
}

@media (min-width: 1024px){
  .modal-page .modal-section-two{
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.modal-page .modal-section-two_box{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  max-width: 1280px;
  justify-content: space-between;
  gap: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px){
  .modal-page .modal-section-two_box{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.modal-page .modal-section-two_box__left{
  width: 100%;
  max-width: 548px;
}

.modal-page .modal-section-two_box__left___list{
  margin-top: 2.5rem;
  display: flex;
  list-style-type: none;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1024px){
  .modal-page .modal-section-two_box__left___list{
    margin-top: 3rem;
  }
}

.modal-page .modal-section-two_box__left___list li{
  position: relative;
  padding-left: 2rem;
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.modal-page .modal-section-two_box__left___list li::before{
  position: absolute;
  left: 0px;
  top: 50%;
  height: 1.5rem;
  width: 1.5rem;
  content: "";
  transform: translateY(-50%);
  background-image: url('../img/check.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.modal-page .modal-section-two_box__left___info{
  margin-top: 2.5rem;
  display: flex;
  max-width: 339px;
  gap: 0.75rem;
}

.modal-page .modal-section-two_box__left___info p{
  font-family: DM Sans, sans-serif;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.modal-page .modal-section-two_box__right{
  width: 100%;
  max-width: 548px;
  align-items: center;
  justify-content: center;
  display: none;
}

@media (min-width: 1150px){
  .modal-page .modal-section-two_box__right{
    display: flex;
  }
}

.modal-page .modal-section-three{
  padding-top: 4rem;
  padding-bottom: 2rem;
}

@media (min-width: 1024px){
  .modal-page .modal-section-three{
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.modal-page .modal-section-three .modal-section-three-cont{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1280px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px){
  .modal-page .modal-section-three .modal-section-three-cont{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.modal-page .modal-section-three .modal-section-three-cont_box{
  display: flex;
  width: 100%;
  max-width: 720px;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1024px){
  .modal-page .modal-section-three .modal-section-three-cont_box{
    gap: 2.5rem;
  }
}

.modal-page .modal-section-three .modal-section-three-cont_box p{
  width: 100%;
  max-width: 480px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .modal-page .modal-section-three .modal-section-three-cont_box p{
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
  }
}

.modal-page .modal-section-three .modal-section-three-cont_box__buttons{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 768px){
  .modal-page .modal-section-three .modal-section-three-cont_box__buttons{
    flex-direction: row;
    gap: 2rem;
  }
}

.modal-page .modal-section-three .modal-section-three-cont_box__buttons___item{
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

@media not all and (min-width: 640px){
  .modal-page .modal-section-three .modal-section-three-cont_box__buttons___item .btn-blue{
    max-width: none;
  }
}

@media (min-width: 640px){
  .modal-page .modal-section-three .modal-section-three-cont_box__buttons___item .btn-blue{
    width: 343px;
    max-width: 343px;
  }
}

.modal-page .modal-section-four{
  padding-top: 56px;
  padding-bottom: 56px;
}

@media (min-width: 1024px){
  .modal-page .modal-section-four{
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

.modal-page .modal-section-four .modal-section-four-cont{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  max-width: 1280px;
  flex-direction: column;
  gap: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px){
  .modal-page .modal-section-four .modal-section-four-cont{
    flex-direction: row;
    gap: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.modal-page .modal-section-four .modal-section-four-cont_left{
  width: 100%;
  max-width: 480px;
}

.modal-page .modal-section-four .modal-section-four-cont_left .desktop-heading{
  display: none;
}

@media (min-width: 1024px){
  .modal-page .modal-section-four .modal-section-four-cont_left .desktop-heading{
    display: block;
  }

  .modal-page .modal-section-four .modal-section-four-cont_left .mob-heading{
    display: none;
  }
}

.modal-page .modal-section-four .modal-section-four-cont_right{
  width: 100%;
  max-width: 512px;
}

.modal-page .modal-section-four .modal-section-four-cont_right p{
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .modal-page .modal-section-four .modal-section-four-cont_right p{
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
  }
}

.modal-page .modal-section-four .modal-section-four-cont_right .swiper-modal{
  margin-top: 2rem;
}

.modal-page .modal-section-four .modal-section-four-cont_right .swiper-modal .swiper-slide{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 1rem;
  border-width: 0.5px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(227 232 239 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1024px){
  .modal-page .modal-section-four .modal-section-four-cont_right .swiper-modal .swiper-slide{
    gap: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 3rem;
    padding-right: 4rem;
  }
}

.modal-page .modal-section-four .modal-section-four-cont_right .swiper-modal .swiper-slide h4{
  font-family: Work Sans, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -2px;
}

@media (min-width: 1024px){
  .modal-page .modal-section-four .modal-section-four-cont_right .swiper-modal .swiper-slide h4{
    font-size: 32px;
    line-height: 2rem;
  }
}

.modal-page .modal-section-four .modal-section-four-cont_right .swiper-modal .swiper-slide p{
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 101 / var(--tw-text-opacity));
}

.modal-page .modal-section-four .modal-section-four-cont_right .swiper-modal .buttons-wrapper{
  position: relative;
  z-index: 10;
  margin-top: 1.5rem;
  display: flex;
  min-height: 48px;
  align-items: flex-end;
  justify-content: center;
  gap: 1.25rem;
}

.modal-page .modal-section-four .modal-section-four-cont_right .swiper-modal .buttons-wrapper .swiper-button-prev-modal, .modal-page .modal-section-four .modal-section-four-cont_right .swiper-modal .buttons-wrapper .swiper-button-next-modal{
  position: relative !important;
  display: block !important;
}

.modal-page .modal-section-four .modal-section-four-cont_right .swiper-modal .buttons-wrapper .swiper-button-prev-modal{
  height: 48px !important;
  width: 58px !important;
  border-radius: 0.5rem !important;
  border-width: 1px !important;
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(154 164 178 / var(--tw-border-opacity)) !important;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-page .modal-section-four .modal-section-four-cont_right .swiper-modal .buttons-wrapper .swiper-button-prev-modal::after{
  position: absolute;
  left: 46%;
  top: 50%;
  width: 24px;
  height: 24px;
  content: "";
  transform: translate(-50% , -50%);
  background-image: url('../img/ar-l-cta.svg');
  z-index: 10;
}

.modal-page .modal-section-four .modal-section-four-cont_right .swiper-modal .buttons-wrapper .swiper-button-next-modal{
  height: 48px !important;
  width: 58px !important;
  border-radius: 0.5rem !important;
  border-width: 1px !important;
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(154 164 178 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-page .modal-section-four .modal-section-four-cont_right .swiper-modal .buttons-wrapper .swiper-button-next-modal::after{
  position: absolute;
  left: 46%;
  top: 50%;
  width: 24px;
  height: 24px;
  content: "";
  transform: translate(-50% , -50%);
  background-image: url('../img/ar-r-cta.svg');
  z-index: 10;
}

.modal-page {
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  /* żeby kliknięcia nie działały gdy ukryty */
}

.modal-page.show {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}

.modal-page.hide {
  opacity: 0;
  transform: scale(0.95);
  pointer-events: none;
}

html{
  scroll-behavior: smooth
}

body{
  position: relative;
  font-family: Work Sans, sans-serif;
}

main{
  overflow-x: hidden;
}

.container{
  max-width: 1440px;
}

.content-box{
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
}

.shadow-deep-layered {
  box-shadow:
    -34px 64px 20px rgba(0, 0, 0, 0),
    -22px 41px 19px rgba(0, 0, 0, 0.01),
    -12px 23px 16px rgba(0, 0, 0, 0.05),
    -6px 10px 12px rgba(0, 0, 0, 0.09),
    -1px 3px 10px rgba(0, 0, 0, 0.10);
}

@media (min-width: 409px){
  .xsm\:mt-28{
    margin-top: 7rem;
  }
}

@media (min-width: 640px){
  .sm\:hidden{
    display: none;
  }
}