@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@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;
  }
}

.block{
  display: block;
}

/* Your CSS Styles */

.menu{
  position: sticky;
  top: 0px;
  z-index: 50;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: transparent;
  transition-property: all;
  transition-duration: 1000ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.menu .menu-box{
  position: relative;
  z-index: 50;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.menu .menu-box_top{
  display: flex;
  width: 100%;
  max-width: 1206px;
  justify-content: space-between;
  gap: 1.25rem;
}

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

.menu .menu-box_top__menu{
  display: flex;
  align-items: center;
  gap: 42px;
}

.menu .menu-box_top__menu___item{
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.menu .menu-box_top__menu___item a{
  display: flex;
}

.menu .menu-box_top__menu___item a strong{
  display: block;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.menu .menu-box_top__menu___item: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-text-opacity: 1;
  color: rgb(0 57 131 / var(--tw-text-opacity));
}

.menu .menu-box_top__menu .menu-adres{
  display: flex;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.menu .menu-box_top__menu .menu-adres strong{
  display: block;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.menu .menu-box_mid{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(50 65 97 / var(--tw-bg-opacity));
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media not all and (min-width: 1024px){
  .menu .menu-box_mid{
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px){
  .menu .menu-box_mid{
    justify-content: center;
  }

  .menu .menu-box_mid .burger-menu{
    display: none;
  }

  .menu .menu-box_mid .logo-mob{
    display: none;
  }
}

.menu .menu-box_mid .main-menu{
  display: flex;
  gap: 1.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

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

.menu .menu-box_mid .main-menu li{
  font-size: 1.125rem;
  line-height: 1.75rem;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.menu .menu-box_mid .main-menu li: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));
  font-weight: 600;
}

.bg-header-motion{
  transition-property: all;
  transition-duration: 1000ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px){
  .bg-header-motion{
    top: -178px;
  }
}

.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));
  --tw-text-opacity: 1;
  color: rgb(0 57 131 / var(--tw-text-opacity));
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
}

.menu-mobile .menu-mobile-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.menu-mobile .main-menu{
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-transform: uppercase;
}

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

.footer{
  margin-top: -340px;
  --tw-bg-opacity: 1;
  background-color: rgb(50 65 97 / var(--tw-bg-opacity));
}

.footer .footer-cont{
  margin-left: auto;
  margin-right: auto;
  max-width: 1196px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 370px;
}

@media (min-width: 768px){
  .footer .footer-cont{
    padding-top: 400px;
  }
}

@media (min-width: 1280px){
  .footer .footer-cont{
    padding-top: 510px;
  }
}

.footer .footer-cont-top{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  padding-bottom: 2rem;
}

@media (min-width: 768px){
  .footer .footer-cont-top{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-bottom: 5rem;
  }
}

@media not all and (min-width: 768px){
  .footer .footer-cont-top img{
    margin-left: -20px;
  }
}

.footer .footer-cont-top_des{
  margin-top: 1.25rem;
}

@media (min-width: 768px){
  .footer .footer-cont-top_des{
    margin-top: 46px;
  }
}

.footer .footer-cont-top_des h3{
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .footer .footer-cont-top_des h3{
    margin-bottom: 2.5rem;
  }
}

.footer .footer-cont-top_des p{
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.footer .footer-cont-top_des a{
  font-weight: 700;
}

.footer .footer-cont-top_des strong{
  font-weight: 700;
}

.footer .footer-cont-top_menu{
  margin-top: 1.25rem;
}

@media (min-width: 768px){
  .footer .footer-cont-top_menu{
    margin-top: 46px;
  }
}

.footer .footer-cont-top_menu h3{
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .footer .footer-cont-top_menu h3{
    margin-bottom: 2.5rem;
  }
}

.footer .footer-cont-top_menu li{
  font-weight: 300;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

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

.footer .footer-cont-bot{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media not all and (min-width: 640px){
  .footer .footer-cont-bot{
    gap: 1.25rem;
  }
}

@media (min-width: 640px){
  .footer .footer-cont-bot{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.footer .footer-cont-bot div:nth-child(1){
  order: 3;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

@media (min-width: 640px){
  .footer .footer-cont-bot div:nth-child(1){
    order: 1;
  }
}

.footer .footer-cont-bot div:nth-child(2){
  order: 1;
  display: flex;
  align-items: center;
}

@media (min-width: 640px){
  .footer .footer-cont-bot div:nth-child(2){
    order: 2;
    justify-content: center;
  }
}

.footer .footer-cont-bot_ev{
  order: 2;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

@media (min-width: 640px){
  .footer .footer-cont-bot_ev{
    order: 3;
    justify-content: flex-end;
  }
}

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

.front-page_top{
  position: relative;
  max-height: 550px;
  width: 100%;
}

.front-page_top img{
  max-height: 550px;
  min-height: 340px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 640px){
  .front-page_top img{
    min-height: 400px;
  }
}

.front-page_top__content{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  max-width: 1196px;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  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));
  padding-left: 1rem;
  padding-right: 1rem;
}

.front-page_top__content h1{
  width: 100%;
  max-width: 640px;
  font-size: 28px;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .front-page_top__content h1{
    font-size: 38px;
    line-height: 48px;
  }
}

@media (min-width: 1280px){
  .front-page_top__content h1{
    font-size: 58px;
    line-height: 68px;
  }
}

.front-page_top__content h2{
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media not all and (min-width: 640px){
  .front-page_top__content h2{
    max-width: 200px;
  }
}

.front-page_about{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 1196px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px){
  .front-page_about{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}

.front-page_about h3{
  margin-bottom: 30px;
  font-size: 32px;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .front-page_about h3{
    font-size: 48px;
    line-height: 56ppx;
  }
}

.front-page_about span{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .front-page_about span{
    font-size: 28px;
    line-height: 42px;
  }
}

.front-page_about a{
  margin-top: 1.25rem;
  display: block;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
  text-decoration-line: underline;
  text-underline-offset: 8px;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.front-page_about a:hover{
  --tw-text-opacity: 1;
  color: rgb(0 57 131 / var(--tw-text-opacity));
}

.front-page_about img{
  margin-top: 60px;
  max-height: 600px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.front-page_buissnes{
  margin-left: auto;
  margin-right: auto;
  max-width: 1196px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.front-page_buissnes h3{
  margin-bottom: 2.25rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .front-page_buissnes h3{
    font-size: 38px;
    line-height: 48px;
  }
}

.front-page_buissnes__ofert{
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.front-page_buissnes__ofert___item{
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(163 163 163 / var(--tw-border-opacity));
  padding-bottom: 1.25rem;
}

.front-page_buissnes__ofert___item a{
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.front-page_buissnes__ofert___item a div{
  display: flex;
  align-items: center;
  gap: 1rem;
}

.front-page_buissnes__ofert___item a div h4{
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .front-page_buissnes__ofert___item a div h4{
    font-size: 28px;
  }
}

.front-page_buissnes__ofert___item a:hover h4{
  --tw-text-opacity: 1;
  color: rgb(0 57 131 / var(--tw-text-opacity));
}

@keyframes bounce{
  0%, 100%{
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.front-page_buissnes__ofert___item a:hover img{
  animation: bounce 1s infinite;
}

.front-page_buissnes__ofert___item span{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .front-page_buissnes__ofert___item span{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.front-page_room{
  position: relative;
  margin-top: 80px;
  margin-bottom: 80px;
  display: flex;
  justify-content: flex-end;
}

@media not all and (min-width: 1024px){
  .front-page_room{
    flex-direction: column;
  }
}

.front-page_room__left{
  width: 100%;
  max-width: 1072px;
}

@media (min-width: 1024px){
  .front-page_room__left{
    position: absolute;
    top: 0px;
    left: 0px;
  }
}

.front-page_room__left {
  transform: scaleX(-1);
}

.front-page_room__right{
  position: relative;
  z-index: 10;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(50 65 97 / var(--tw-bg-opacity));
  padding-top: 40px;
  padding-bottom: 40px;
}

@media not all and (min-width: 1024px){
  .front-page_room__right{
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px){
  .front-page_room__right{
    margin-top: 170px;
    max-width: 600px;
    padding-left: 60px;
  }
}

@media (min-width: 1350px){
  .front-page_room__right{
    max-width: 846px;
  }
}

@media (min-width: 1536px){
  .front-page_room__right{
    max-width: 1024px;
  }
}

.front-page_room__right h3{
  margin-bottom: 1.75rem;
  width: 100%;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .front-page_room__right h3{
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1024px){
  .front-page_room__right h3{
    max-width: 584px;
  }
}

.front-page_room__right span{
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .front-page_room__right span{
    max-width: 584px;
  }
}

.front-page_room__right span p{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .front-page_room__right span p{
    max-width: 584px;
  }
}

.front-page_room__right a{
  margin-top: 1.5rem;
  display: block;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: underline;
  text-underline-offset: 8px;
}

.front-page_room__right a:hover{
  font-weight: 600;
}

.front-page_cop{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 1196px;
  flex-direction: column;
  gap: 30px;
  padding-left: 1rem;
  padding-right: 1rem;
}

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

.front-page_cop__boxone{
  display: flex;
  width: 100%;
  max-width: 482px;
  flex-direction: column;
}

.front-page_cop__boxone h3{
  margin-bottom: 3rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .front-page_cop__boxone h3{
    font-size: 38px;
    line-height: 48px;
  }
}

.front-page_cop__boxone img{
  width: 100%;
  max-width: 482px;
  -o-object-fit: cover;
  object-fit: cover;
}

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

.front-page_cop__boxtwo{
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 70px;
}

@media (min-width: 1024px){
  .front-page_cop__boxtwo{
    max-width: 380px;
  }
}

.front-page_cop__boxtwo___item{
  display: flex;
  flex-direction: column;
}

.front-page_cop__boxtwo___item h4{
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  font-size: 28px;
  font-weight: 600;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.front-page_cop__boxtwo___item span{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.front-page_cop__boxtwo___item img{
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 1024px){
  .front-page_cop__boxtwo___item img{
    max-height: 300px;
  }
}

.front-page_cop__boxthree{
  display: flex;
  width: 100%;
  align-items: center;
}

@media (min-width: 1024px){
  .front-page_cop__boxthree{
    max-width: 276px;
  }
}

.front-page_cop__boxthree___item{
  display: flex;
  flex-direction: column;
}

.front-page_cop__boxthree___item h4{
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  font-size: 28px;
  font-weight: 600;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.front-page_cop__boxthree___item span{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.front-page_cop__boxthree___item img{
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 1024px){
  .front-page_cop__boxthree___item img{
    max-height: 300px;
  }
}

.about-top{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  max-width: 1196px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.about-top .about-top-bracrumbs{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.about-top .about-top-bracrumbs a{
  text-decoration-line: underline;
  text-underline-offset: 4px;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.about-top .about-top-bracrumbs a: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-text-opacity: 1;
  color: rgb(0 57 131 / var(--tw-text-opacity));
}

.about-top h1{
  margin-top: 1.5rem;
  width: 100%;
  max-width: 640px;
  font-size: 28px;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .about-top h1{
    font-size: 38px;
    line-height: 48px;
  }
}

@media (min-width: 1280px){
  .about-top h1{
    font-size: 58px;
    line-height: 68px;
  }
}

.about-top .about-top-hero{
  margin-top: 2.5rem;
  max-height: 515px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.about-top .about-top-hero-des{
  margin-top: 2.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .about-top .about-top-hero-des{
    font-size: 28px;
    line-height: 42px;
  }
}

.des-two-wrapper{
  position: relative;
  margin-bottom: 2.5rem;
  min-height: 526px;
}

@media (min-width: 1024px){
  .des-two-wrapper{
    margin-bottom: 5rem;
  }
}

.des-two-wrapper .about-top-hero-destwo{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  display: grid;
  max-width: 1196px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  padding-left: 1rem;
  padding-right: 1rem;
}

@media not all and (min-width: 1024px){
  .des-two-wrapper .about-top-hero-destwo{
    gap: 2.5rem;
  }
}

@media (min-width: 1024px){
  .des-two-wrapper .about-top-hero-destwo{
    margin-top: 5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.des-two-wrapper .about-top-hero-destwo_left img{
  top: 0px;
  height: 526px;
  width: 100%;
  max-width: 1072px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1024px){
  .des-two-wrapper .about-top-hero-destwo_left img{
    position: absolute;
    left: -120px;
  }
}

.des-two-wrapper .about-top-hero-destwo_right{
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .des-two-wrapper .about-top-hero-destwo_right{
    min-height: 526px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.des-two-wrapper .about-top-hero-destwo_right a{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  text-decoration-line: underline;
  text-underline-offset: 4px;
}

.des-two-wrapper .about-top-hero-destwo_right a:hover{
  --tw-text-opacity: 1;
  color: rgb(0 57 131 / var(--tw-text-opacity));
}

.ofert{
  margin-left: auto;
  margin-right: auto;
  max-width: 1196px;
}

.ofert-one{
  margin-top: 2.5rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}

@media not all and (min-width: 1024px){
  .ofert-one{
    flex-direction: column;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.ofert-one_left{
  width: 100%;
}

@media (min-width: 1024px){
  .ofert-one_left{
    max-width: 483px;
  }
}

.ofert-one_left img{
  height: 350px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1024px){
  .ofert-one_left img{
    height: 574px;
    max-width: 483px;
  }
}

.ofert-one_right{
  width: 100%;
}

@media (min-width: 1024px){
  .ofert-one_right{
    max-width: 582px;
  }
}

.ofert-one_right__top{
  display: flex;
  align-items: center;
  gap: 1rem;
}

.ofert-one_right__top h3{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .ofert-one_right__top h3{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.ofert-one_right__contnet{
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.ofert-one_right__contnet h4{
  margin-top: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600 !important;
}

.ofert-one_right__contnet h4 p{
  font-weight: 600 !important;
}

.ofert-one_right__contnet p{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
}

.ofert-two{
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px){
  .ofert-two{
    margin-top: 5rem;
  }
}

.ofert-two_top{
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
}

.ofert-two_top h3{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .ofert-two_top h3{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.ofert-two_contnet{
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.ofert-two_contnet h4{
  margin-top: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600 !important;
}

.ofert-two_contnet h4 p{
  font-weight: 600 !important;
}

.ofert-two_contnet p{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
}

.ofert-three{
  margin-top: 2.5rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}

@media not all and (min-width: 1024px){
  .ofert-three{
    flex-direction: column;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px){
  .ofert-three{
    margin-top: 5rem;
  }
}

.ofert-three_left{
  width: 100%;
}

@media (min-width: 1024px){
  .ofert-three_left{
    max-width: 483px;
  }
}

.ofert-three_left img{
  height: 350px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1024px){
  .ofert-three_left img{
    height: 574px;
    max-width: 483px;
  }
}

.ofert-three_right{
  width: 100%;
}

@media (min-width: 1024px){
  .ofert-three_right{
    max-width: 582px;
  }
}

.ofert-three_right__top{
  display: flex;
  align-items: center;
  gap: 1rem;
}

.ofert-three_right__top h3{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .ofert-three_right__top h3{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.ofert-three_right__contnet{
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.ofert-three_right__contnet h4{
  margin-top: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600 !important;
}

.ofert-three_right__contnet h4 p{
  font-weight: 600 !important;
}

.ofert-three_right__contnet p{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
}

.ofert-four{
  margin-top: 2.5rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}

@media not all and (min-width: 1024px){
  .ofert-four{
    flex-direction: column-reverse;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px){
  .ofert-four{
    margin-top: 5rem;
  }
}

.ofert-four_right{
  width: 100%;
}

@media (min-width: 1024px){
  .ofert-four_right{
    max-width: 381px;
  }
}

.ofert-four_right img{
  height: 320px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1024px){
  .ofert-four_right img{
    height: 484px;
    max-width: 381px;
  }
}

.ofert-four_left{
  width: 100%;
}

@media (min-width: 1024px){
  .ofert-four_left{
    max-width: 687px;
  }
}

.ofert-four_left__top{
  display: flex;
  align-items: center;
  gap: 1rem;
}

.ofert-four_left__top h3{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .ofert-four_left__top h3{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.ofert-four_left__contnet{
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.ofert-four_left__contnet h4{
  margin-top: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600 !important;
}

.ofert-four_left__contnet h4 p{
  font-weight: 600 !important;
}

.ofert-four_left__contnet p{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
}

.ofert-five{
  margin-top: 2.5rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}

@media not all and (min-width: 1024px){
  .ofert-five{
    flex-direction: column-reverse;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px){
  .ofert-five{
    margin-top: 5rem;
  }
}

.ofert-five_right{
  width: 100%;
}

@media (min-width: 1024px){
  .ofert-five_right{
    max-width: 482px;
  }
}

.ofert-five_right img{
  height: 420px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1024px){
  .ofert-five_right img{
    height: 694px;
    max-width: 482px;
  }
}

.ofert-five_left{
  width: 100%;
}

@media (min-width: 1024px){
  .ofert-five_left{
    max-width: 585px;
  }
}

.ofert-five_left__top{
  display: flex;
  align-items: center;
  gap: 1rem;
}

.ofert-five_left__top h3{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .ofert-five_left__top h3{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.ofert-five_left__contnet{
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.ofert-five_left__contnet h4{
  margin-top: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600 !important;
}

.ofert-five_left__contnet h4 p{
  font-weight: 600 !important;
}

.ofert-five_left__contnet p{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
}

.rm{
  position: relative;
}

.rm-cont{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  display: flex;
  max-width: 1196px;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media not all and (min-width: 1024px){
  .rm-cont{
    flex-direction: column;
    gap: 2.5rem;
  }
}

.rm-cont_left{
  position: relative;
  z-index: 10;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  gap: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .rm-cont_left{
    min-height: 526px;
    max-width: 585px;
  }
}

.rm-cont_left a{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  text-decoration-line: underline;
  text-underline-offset: 8px;
}

.rm-cont_left a:hover{
  --tw-text-opacity: 1;
  color: rgb(0 57 131 / var(--tw-text-opacity));
}

.rm-cont_right{
  width: 100%;
}

@media (min-width: 1024px){
  .rm-cont_right{
    max-width: 842px;
  }
}

.rm-cont_right img{
  height: 380px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 640px){
  .rm-cont_right img{
    height: 526px;
  }
}

@media (min-width: 1024px){
  .rm-cont_right img{
    position: absolute;
    top: 0px;
    right: 0px;
    max-width: 842px;
  }
}

.rm-list{
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  display: flex;
  width: 100%;
  max-width: 1196px;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media not all and (min-width: 1024px){
  .rm-list{
    flex-direction: column-reverse;
    gap: 1.75rem;
  }
}

.rm-list_right{
  width: 100%;
}

@media (min-width: 1024px){
  .rm-list_right{
    max-width: 483px;
  }
}

.rm-list_right img{
  height: 380px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1024px){
  .rm-list_right img{
    height: 573px;
    max-width: 483px;
  }
}

.rm-list_left{
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .rm-list_left{
    max-width: 585px;
  }
}

.rm-list_left h3{
  margin-bottom: 0.375rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 600;
}

.rm-list_left ul{
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.rm-list_left ul li{
  position: relative;
  padding-left: 2rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
}

.rm-list_left ul li strong{
  font-weight: 500;
}

.rm-list_left ul li::before{
  position: absolute;
  top: 0.5rem;
  left: 0px;
  height: 26px;
  width: 1.25rem;
  content: "";
  background-image: url("../img/bullet.svg");
}

.rm-list-two{
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  display: flex;
  width: 100%;
  max-width: 1196px;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media not all and (min-width: 1024px){
  .rm-list-two{
    flex-direction: column;
    gap: 1.75rem;
  }
}

.rm-list-two_left{
  width: 100%;
}

@media (min-width: 1024px){
  .rm-list-two_left{
    max-width: 583px;
  }
}

.rm-list-two_left img{
  height: 350px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1024px){
  .rm-list-two_left img{
    height: 457px;
    max-width: 583px;
  }
}

.rm-list-two_right{
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .rm-list-two_right{
    max-width: 585px;
  }
}

.rm-list-two_right h3{
  margin-bottom: 0.375rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 600;
}

.rm-list-two_right .sub-text{
  margin-top: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.rm-list-two_right a{
  margin-top: 1.25rem;
  display: block;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
  text-decoration-line: underline;
  text-underline-offset: 8px;
}

.rm-list-two_right a:hover{
  --tw-text-opacity: 1;
  color: rgb(0 57 131 / var(--tw-text-opacity));
}

.rm-list-two_right ul{
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.rm-list-two_right ul li{
  position: relative;
  padding-left: 2rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
}

.rm-list-two_right ul li strong{
  font-weight: 500;
}

.rm-list-two_right ul li::before{
  position: absolute;
  top: 0.5rem;
  left: 0px;
  height: 26px;
  width: 1.25rem;
  content: "";
  background-image: url("../img/bullet.svg");
}

.ct-cont{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  display: flex;
  max-width: 1196px;
  justify-content: space-between;
  gap: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media not all and (min-width: 1024px){
  .ct-cont{
    flex-direction: column;
  }
}

.ct-cont_left{
  width: 100%;
  max-width: 585px;
  -o-object-fit: cover;
  object-fit: cover;
}

.ct-cont_left img{
  height: 350px;
  width: 100%;
  max-width: 585px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1024px){
  .ct-cont_left img{
    height: 463px;
  }
}

.ct-cont_right{
  display: flex;
  width: 100%;
  max-width: 479px;
  flex-direction: column;
  align-items: center;
}

.ct-cont_right__des{
  font-size: 22px;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .ct-cont_right__des{
    font-size: 28px;
  }
}

.ct-cont_right__info{
  display: flex;
  width: 100%;
  max-width: 479px;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}

.ct-cont_right__info h3{
  margin-top: 2rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.ct-cont_right__info .ct-adress{
  display: flex;
  gap: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.ct-cont_right__info .ct-adress img{
  margin-top: -14px;
}

.ct-cont_right__info .ct-item a{
  display: flex;
  gap: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.ct-cont_right__info .ct-item a img{
  margin-top: -4px;
}

.ct-form{
  position: relative;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  max-width: 1196px;
  --tw-bg-opacity: 1;
  background-color: rgb(246 237 231 / var(--tw-bg-opacity));
  padding-top: 54px;
  padding-bottom: 54px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.ct-form .ct-form-cont{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ct-form .ct-form-cont h3{
  margin-bottom: 0.625rem;
  text-align: center;
  font-size: 38px;
  line-height: 48px;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.ct-form .ct-form-cont p{
  width: 100%;
  max-width: 612px;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

@media not all and (min-width: 640px){
  .ct-form .ct-form-cont .wpcf7{
    width: 100%;
  }
}

.ct-form .ct-form-cont .wpcf7-form{
  margin-top: 1.5rem;
  display: flex;
  max-width: 994px;
  flex-direction: column;
  gap: 1.5rem;
}

.ct-form .ct-form-cont .wpcf7-form .input-form-cont{
  display: flex;
  flex-direction: column;
  gap: 22px;
}

@media (min-width: 768px){
  .ct-form .ct-form-cont .wpcf7-form .input-form-cont{
    flex-direction: row;
  }
}

.ct-form .ct-form-cont .wpcf7-form .input-form-cont .input-form{
  margin-top: 0.75rem;
  width: 100%;
}

.ct-form .ct-form-cont .wpcf7-form .input-form-cont .input-form input{
  width: 100% !important;
  max-width: none;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(50 65 97 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(246 237 231 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
  width: -webkit-fill-available;
  width: -moz-available;
}

@media (max-widht: 640px) {
  .ct-form .ct-form-cont .wpcf7-form .input-form-cont .input-form input {
    max-width: -moz-available
  }
}

.ct-form .ct-form-cont .wpcf7-form .input-form-cont .input-form input::-moz-placeholder{
  position: relative;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.ct-form .ct-form-cont .wpcf7-form .input-form-cont .input-form input::placeholder{
  position: relative;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.ct-form .ct-form-cont .wpcf7-form .input-form-cont .input-file{
  margin-top: -12px;
}

.ct-form .ct-form-cont .wpcf7-form .input-form-cont .input-file input{
  width: 100% !important;
  max-width: none;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(50 65 97 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(246 237 231 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
  width: -webkit-fill-available;
  width: -moz-available;
}

@media (max-widht: 640px) {
  .ct-form .ct-form-cont .wpcf7-form .input-form-cont .input-file input {
    max-width: -moz-available
  }
}

.ct-form .ct-form-cont .wpcf7-form .input-form-cont .input-file input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.ct-form .ct-form-cont .wpcf7-form .input-form-cont .input-file input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.ct-form .ct-form-cont .wpcf7-form .input-form textarea{
  width: 100%;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(50 65 97 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(246 237 231 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.ct-form .ct-form-cont .wpcf7-form .input-form textarea::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.ct-form .ct-form-cont .wpcf7-form .input-form textarea::placeholder{
  --tw-text-opacity: 1;
  color: rgb(50 65 97 / var(--tw-text-opacity));
}

.ct-form .ct-form-cont .wpcf7-form .wpcf7-submit{
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  align-items: center;
  gap: 0.75rem;
  border-radius: 24px;
  border-style: none;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 15px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ct-form .ct-form-cont .wpcf7-form .wpcf7-list-item-label,
      .ct-form .ct-form-cont .wpcf7-form span{
  font-size: 0.75rem;
  line-height: 1rem;
}

@media not all and (min-width: 640px){
  .ct-form .ct-form-cont .wpcf7-form .wpcf7-list-item-label,
      .ct-form .ct-form-cont .wpcf7-form span{
    max-width: 220px;
  }
}

.ct-form .ct-form-cont .wpcf7-form .wpcf7-list-item-label a, .ct-form .ct-form-cont .wpcf7-form span a{
  text-decoration-line: underline;
  text-underline-offset: 6px;
}

.ct-form .ct-form-cont .wpcf7-form .wpcf7-list-item{
  margin: 0px !important;
}

.zgoda-komponent{
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.zgoda-komponent .wpcf7-form-control{
  max-width: none !important;
}

.zgoda-komponent .wpcf7-form-control .wpcf7-list-item{
  max-width: none !important;
}

.zgoda-komponent input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

.zgoda-komponent label{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(50 65 97 / var(--tw-text-opacity)) !important;
  position: relative;
  padding-left: 42px;
  cursor: pointer;
  display: inline-block;
}

.form-btn{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.25rem;
  display: flex;
  height: 60px;
  width: 100%;
  max-width: 280px;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(50 65 97 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(246 237 231 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(50 65 97 / var(--tw-text-opacity)) !important;
}

.form-btn input{
  height: 60px;
  width: 100%;
  padding-left: 4rem !important;
  padding-right: 4rem !important;
  padding-top: 0.75rem !important;
  text-align: start !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1 !important;
  color: rgb(50 65 97 / var(--tw-text-opacity)) !important;
  width: -webkit-fill-available;
  width: -moz-available;
  -webkit-tap-highlight-color: transparent;
}

.form-btn input:disabled{
  border-style: none;
  opacity: 1;
}

.form-btn .btn-arrow{
  position: absolute;
  right: 18px;
  top: 50%;
  --tw-translate-y: -50%;
  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));
}

.form-success {
  display: none;
  margin-top: 12px;
  padding: 10px 14px;
  font-size: 14px;
  color: #155724;
  background: #d4edda;
  border: 1px solid #c3e6cb;
  border-radius: 6px;
}

.wpcf7-response-output{
  display: none;
}

.zgoda-komponent label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: 1.5px solid #324161;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0);
  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: 15px;
  transform: translateY(-50%);
  font-size: 14px;
  color: white;
}

.wpcf7-spinner{
  display: none !important;
}

/* Ukrycie natywnego inputa tylko wizualnie */

.wpcf7-form input[type="file"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
}

/* Wrapper dla pliku (CF7 sam go tworzy) */

.wpcf7-form input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}

/* Kontener wyglądu przycisku */

.wpcf7-file-wrapper{
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  padding: 17px 14px;
  cursor: pointer;
  font-family: system-ui;
  font-size: 16px !important;
  color: #222;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.wpcf7-file-wrapper span{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

/* Ikona SVG jako pseudo-element */

.wpcf7-file-wrapper::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,<svg width='16' height='21' viewBox='0 0 16 21' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0)'><path d='M15.7393 6.9L9.18519 0.264C9.01865 0.0951691 8.79271 0.000210062 8.55704 0H3.25926C2.39485 0 1.56584 0.347677 0.954615 0.966547C0.343385 1.58542 0 2.42479 0 3.3V17.7C0 18.5752 0.343385 19.4146 0.954615 20.0335C1.56584 20.6523 2.39485 21 3.25926 21H12.7407C13.6052 21 14.4342 20.6523 15.0454 20.0335C15.6566 19.4146 16 18.5752 16 17.7V7.5C15.9907 7.27392 15.8976 7.0597 15.7393 6.9ZM9.48148 3.072L12.9659 6.6H9.48148V3.072ZM12.7407 19.2H3.25926C2.86635 19.2 2.48953 19.042 2.21169 18.7607C1.93386 18.4794 1.77778 18.0978 1.77778 17.7V3.3C1.77778 2.90218 1.93386 2.52064 2.21169 2.23934C2.48953 1.95804 2.86635 1.8 3.25926 1.8H7.7037V7.5C7.70677 7.73773 7.80141 7.96485 7.96745 8.13296C8.13349 8.30107 8.3578 8.39689 8.59259 8.4H14.2222V17.7C14.2222 18.0978 14.0661 18.4794 13.7883 18.7607C13.5105 19.042 13.1337 19.2 12.7407 19.2Z' fill='%23707070'/></g><defs><clipPath id='clip0'><rect width='16' height='21' fill='white'/></clipPath></defs></svg>");
}

/* Tekst obok ikony */

.wpcf7-file-wrapper span{
  --tw-text-opacity: 1;
  color: rgb(112 112 112 / var(--tw-text-opacity));
  font-size: 16px;
}

.wpcf7-file-wrapper small {
  font-size: 16px;
  color: #707070;
  margin-left: 4px;
}

.wpcf7-file-wrapper .file-selected-name {
  display: block;
  font-size: 16px;
  color: #707070;
}

.form-control{
  border-radius: 15px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

html {
  scroll-behavior: smooth;
}

body{
  position: relative;
  font-family: Lexend, 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.1);
}

.page-content{
  margin-bottom: 380px;
}

.page-content strong{
  font-weight: 600;
}

/* Jeśli chcesz dostosować listy */

.page-content ul{
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
  list-style-position: inside;
  list-style-type: disc;
}

.page-content ol{
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
  list-style-position: inside;
  list-style-type: decimal;
}

.page-content li{
  margin-bottom: 1rem;
  font-weight: 300;
}

/* Nagłówki H1-H5 */

.page-content h1{
  margin-bottom: 1rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
}

.page-content h2{
  margin-bottom: 0.75rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 600;
}

.page-content h3{
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

.page-content h4{
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
}

.page-content h5{
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
}

.page-content p{
  margin-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
}

.page-content-footer .footer-cont{
  padding-top: 0px !important;
}