@font-face {
   font-family: 'Stolzl-new';
   src: url('https://infoshare.pl/baltexpo-startup-zone/fonts/Stolzl-Regular.woff2') format('woff2'),
      url('fonts/Stolzl-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Stolzl-new';
   src: url('https://infoshare.pl/baltexpo-startup-zone/fonts/Stolzl-Bold.woff2') format('woff2'),
      url('fonts/Stolzl-Bold.woff') format('woff');
   font-weight: bold;
   font-style: normal;
}

@font-face {
   font-family: 'Stolzl-new';
   src: url('https://infoshare.pl/baltexpo-startup-zone/fonts/Stolzl-Book.woff2') format('woff2');
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: 'Stolzl-new';
   src: url('https://infoshare.pl/baltexpo-startup-zone/fonts/Stolzl-Light.woff2') format('woff2'),
      url('fonts/Stolzl-Light.woff') format('woff');
   font-weight: 200;
   font-style: normal;
}

:root {
   --color-pc-black: #1D1D1B;
   --color-pc-green: #00A295;
   --color-pc-gray: #D3D3D3;
}

.pc-color-green {
   color: var(--color-pc-green);
}

.lang-btn {
   position: fixed;
   top: 20px;
   right: 20px;
   z-index: 99;
}

.grow {
   transition: transform 0.2s;
}

.grow:hover {
   transform: scale(1.07);
}

.pc-main {
   font-family: 'Stolzl-new';
   font-weight: 300;
   color: var(--color-pc-black);
   margin-bottom: 500px;
   z-index: 9;
   background-color: #FBFDFC;
}

.pc-container {
   padding: 0 3vw;
}

.pc-section {
   padding-top: 100px;
   padding-bottom: 100px;
}

.pc-p {
   font-size: 1vw;
   font-family: 'Stolzl-new';
   font-weight: 300;
   color: var(--color-pc-black);
   margin-bottom: 10px;
}

.pc-p a {
   text-decoration: underline;
}

.pc-p-small {
   font-size: 0.8vw;
   font-family: 'Stolzl-new';
   font-weight: 300;
   color: var(--color-pc-black);
   margin-bottom: 10px;
}

.pc-h1 {
   font-size: 2vw;
   font-family: 'Stolzl-new';
   font-weight: bold;
   color: var(--color-pc-black);
}

.pc-h2 {
   font-size: 1.75vw;
   font-family: 'Stolzl-new';
   font-weight: bold;
   color: var(--color-pc-black);
}

.pc-btn {
   display: inline-block;
   padding: 15px 30px;
   text-align: center;
   font-size: 0.8vwpx;
   font-family: 'Stolzl-new';
   font-weight: bold;
   border: solid 1px var(--color-pc-green);
   border-radius: 12px;
   background: linear-gradient(340deg, rgba(25, 31, 48, 1) 0%, rgba(85, 184, 193, 1) 100%);
   background-size: 200%;
   background-position: 0% 100%;
   color: #fff;
   transition: all 0.3s;
}

.pc-btn:hover {
   background-position: 100% 200%;
}

.pc-btn-ghost {
   background: #ffffff00;
   color: var(--color-pc-black);
   border: solid 1px var(--color-pc-green);
}

.pc-btn-ghost:hover {
   background: var(--color-pc-green);
   color: #fff;
}

.pc-btn.btn-disabled {
   opacity: 0.6;
   cursor: not-allowed;
}

.pc-bg-gradient-1 {
   background-image: radial-gradient(at 66% 80%, rgba(0, 255, 199, 0.5) 0%, rgba(255, 255, 255, 1) 40%);
   background-attachment: fixed;
}

.pc-bg-gradient-2 {
   background-image: radial-gradient(at 50% 60%, rgba(215, 250, 240, 1) 0%, rgba(255, 255, 255, 1) 50%);
   background-attachment: fixed;
}

.pc-bg-gradient-dark {
   background-image: radial-gradient(at 80% 80%, rgba(8, 70, 80, 1) 0%, rgba(21, 27, 36, 1) 40%);
   background-attachment: fixed;
}

.pc-bg-gradient-img {
   background: url(./bg-pc-gradient-6762fb9878daa.webp) center / cover;
   background-attachment: fixed;
}

.pc-border {
   border: 1px solid var(--color-pc-green);
   border-radius: 20px;
}

.pc-center {
   display: flex;
   flex-direction: column;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}

.pc-contact {
   display: flex;
}

.pc-contact img {
   width: 200px;
}

.pc-footer {
   position: fixed;
   min-height: 400px;
   background-color: var(--color-pc-black);
   color: #fff;
   top: auto;
   right: 0%;
   left: 0%;
   bottom: 0%;
   padding-top: 100px;
}

@media (max-width: 980px) {
   .pc-main {
      font-size: 17px;
   }

   p,
   a,
   span,
   table,
   button,
   li {
      font-size: 17px !important;
   }

   .pc-h1 {
      font-size: 36px;
   }

   .pc-h2 {
      font-size: 24px;
   }

   .pc-h3 {
      font-size: 20px;
   }

   .pc-contact {
      flex-direction: column;
   }

   .pc-contact img {
      width: 100%;
   }

   .pc-main {
      margin-bottom: 800px;
   }

   .pc-btn {
      font-size: 16px;
   }
}
