/**
* © 2025 Gabriel Muras Codei
* Wszystkie prawa zastrzeżone.
*
* Niniejszy plik stanowi część utworu chronionego prawem autorskim.
* Użytkowanie dozwolone wyłącznie w ramach licencji udzielonej
* w Umowie Wykonania i Wdrożenia Strony Internetowej.
* Zabronione kopiowanie, modyfikowanie i rozpowszechnianie bez zgody autora.
*/

/* ------------------------------------------------------ zmienne ---------------------------------------------------- */
:root {
    /* --dark-color: #0d0d0d; */
    --dark-color: #05234c;
    --black-color: #0B0C0E;
    --white-color: #ffffff;
    --accent-color: #064FBC;
  --accent-color: #FF6C1F;

    --border-color: #2d2d2d;
    --light-color: #f5f5f5 !important;
    --heading-color: #404040;
    --succes-color: rgb(6, 104, 6);
    --fail-color: rgb(221, 39, 39);
    /* Spacing system variables */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 20px;
    --spacing-2xl: 24px;
    --spacing-3xl: 32px;
    --spacing-4xl: 40px;
    --spacing-5xl: 48px;
    --spacing-6xl: 64px;
    --spacing-7xl: 80px;

    /* Layout spacing */
    --section-padding: 50px;
    --section-mobile-padding: 30px;
    --component-margin: 50px;
    --component-mobile-margin: 40px;
    --gap: var(--spacing-xl);
    --rounded: var(--spacing-sm);
    --bg-color: #222222;
    --c-tab-container-color: #1114;
    --c-nav-top-container-color: #91917c10;

    /* Button spacing */
    --btn-padding-y: var(--spacing-sm);
    --btn-padding-x: var(--spacing-lg);

    /* Border radius */
    --border-radius-sm: 5px;
    --border-radius-md: var(--spacing-sm);
    --border-radius-lg: 15px;

    /* Border width */
    --border-width: 2px;

    --font-color: var(--dark-color);
    --font-color-light: var(--white-color);

    --bg-color-light: var(--light-color);
    --bg-color-dark: var(--dark-color);
    --bg-color-white: var(--white-color);

    /* Font sizes */
    --font-size-xs: 12px;
    --font-size-sm: 16px;
    --font-size-md: 20px;
    --font-size-lg: 25px;
    --font-size-btn: 14px;

    --text-line-height: 1.6;
}

body {
    padding-top: 100px;
     font-family: "Instrument Sans", sans-serif;
}
.subtitle {
  color: #062145 !important;
}

.subtitle-font {
   font-family: "Rethink Sans", sans-serif;
    font-weight: 400;
}
#strona-glowna .top-03 .top-content {
    /* left: 32% !important; */
    /* transform: unset; */
    /* text-align: left; */
}
#baner-uslugi.top-03-banner .subtitle-font {
    font-size: 3rem;
}
#strona-glowna .top-03 .top-content h1 {
  font-size: 68px;
  letter-spacing: -2px;
  font-weight: 600;
}
#strona-glowna .top-03 .top-content .subtitle {
  color: var(--accent-color) !important;
}
.top-03 .overlay {
  background: rgba(0, 0, 0, 0.4);
}

.box-subtitle::after {
  display: none;
}

/* .box-subtitle {
  background-color: #ababab80;
  padding: 10px 12px;
  border-radius: 50px;
  font-weight: 500!important;
} */

.btn {
  border-radius: 50px !important;
  letter-spacing: 1px;
}
.btn, .btn-accent {
  color: var(--font-color-light) !important;
  font-weight: 500!important;
}

.nav-main-container .navbar-nav {
  margin: 0 auto!important;
}
.gallery-01 .gallery-image,
.rounded {
    border-radius: 15px !important;
}

#strona-glowna .nav-link {
   color: var(--font-color-light) !important;
}

#strona-glowna .navbar-brand img {
  filter: brightness(0) invert(1);
}

#uslugi .top-03-banner {
	margin-top: 0 !important;
}

.box-04 {
	padding: 2rem 0;
}
.cta-02 .cta-section::before {
	border-radius:1.25rem;
}
.cta-02 .col-md-5.cta-image {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
}