@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@100;200;300;400;500;600;700&display=swap");
@import url("../themes/galactica/assets/import/body.css");
@import url("../themes/galactica/assets/import/header.css");
@import url("../themes/galactica/assets/import/footer.css");
#kontakt .section__baner{display:flex;align-items:center;height:600px;position:relative}
#kontakt .section__baner h1{font-size:2rem;font-weight:600;color:var(--color-text-white);text-align:center;position:relative}
#kontakt .section__baner h1 span{color:var(--color-red);font-weight:700}
#kontakt .section__baner h2{font-size:1rem;font-weight:300;color:var(--color-text-white);text-align:center;position:relative;top:60px;line-height:1.8}
#kontakt .section__1{position:relative;top:0;margin-bottom:100px;padding-top:0px}
#kontakt .section__1:before{content:"";position:absolute;left:0;right:0;width:100vw;height:1px;background:var(--color-gray);top:-30px}
#kontakt .section__1:after{content:"";position:absolute;top:-30px;background:linear-gradient(0deg,#40404000 0%,#40404080 100%);height:30%;width:100%;z-index:-1}
#kontakt .section__1-form-mapa{display:flex;flex-wrap:wrap;flex-direction:row;gap:20px}
#kontakt .section__1-form{display:flex;flex:1 1 auto;flex-direction:column}
#kontakt .section__1-mapa{display:flex;flex:1 1 auto;flex-direction:column;min-height:400px;position:relative;top:-70px}
#kontakt .section__1-mapa iframe{border-radius:10px}
@media (max-width:576px){#kontakt .section__1-mapa{top:0px}}
#kontakt .form-control{border:0px solid #ced4da;background-color:var(--color-gray);color:var(--color-text-faq);border-radius:10px}
#kontakt .form-floating>label{text-transform:lowercase;color:var(--color-text-faq)}
#kontakt .form-floating>.form-control:focus ~ label::after,#kontakt .form-floating>.form-control:not(:placeholder-shown) ~ label::after{background-color:transparent}
#kontakt .form-check label{color:var(--color-text-faq)}
#kontakt .form-check label a{color:var(--color-red);font-weight:bold}
.button__baner{display:flex;align-items:center;border:0;padding:12px 22px;margin:0;margin-top:34px;position:relative;width:fit-content;border-radius:10px;background-color:var(--color-red);color:var(--color-text-white);transition:all 0.3s ease}
.button__baner:hover{background-color:var(--color-gray);padding-right:36px;box-shadow:0px 0px 50px 10px #292929}
.button__baner span{position:absolute;right:37px;opacity:0;margin-left:0;width:0px}
.button__baner:hover span{width:24px;overflow:hidden;right:8px;opacity:1}.section__zaufali{padding:100px 0;background:var(--color-text-white)}
.section__zaufali h3{text-align:center;padding-bottom:50px;color:var(--color-text-black);font-size:clamp(1.5rem,4vw,2rem);font-weight:700}
.splide__slide img{width:100%;height:100%;max-width:150px}
@media (max-width:500px){#kontakt .section__baner h1{text-align:left;font-size:1.5rem}}
@media (max-width:500px){#kontakt .section__baner{height:calc(300px + 100px);justify-content:flex-start;flex-direction:column;top:100px}#kontakt .section__baner h2{text-align:left}}
#to__top{display:none;position:fixed;bottom:30px;right:30px;z-index:99;font-size:0px;border:none;outline:none;background-color:var(--color-red);color:var(--color-text-white);cursor:pointer;border-radius:100px;height:50px;width:50px;transition:0.2s ease}
#to__top:hover{background-color:#555;transition:0.2s ease}
.info{margin-top:40px;padding:40px 20px;border-radius:8px;display:none;color:#fff}
.info--success{background:#03b00345;border:1px solid green;display:block}
.info--error{background:#b0030345;border:1px solid red;display:block}