/* 
 Theme Name: PSF 2026
 Theme URI: noveo.pl
 Author: noveo.pl
 Author URI: noveo.pl
 Description: Custom theme
 Version: 1.0 
*/

@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/Inter/Inter-VariableFont_opsz,wght.ttf');
}

html{
    font-size: 10px;
}
html.font-large{
    font-size: 15px;
}
html body{
    margin: 0px;
    padding: 0px;
    background-color: #FCFCFC;
    font-family: 'Inter';
}
html.page-contrast body{
    background-color: #000;
}
.wrapper{
    width: 1248px;
    margin: auto;
    max-width: calc(100% - 48px);
}
.wrapper_min{
    width: 824px;
    margin: auto;
    max-width: calc(100% - 48px);
}
.sec_outher{
    margin-bottom: 144px;
}
.sec_inner{
    padding-top: 144px;
    background-color: #F5F5F5;
}
html.page-contrast .sec_inner{
    background-color: #000;
}
img{
    max-width: 100%;
}

a{
    text-decoration: none;
}
p{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 150%;
    color: #808080;
    margin: 0px;
    margin-bottom: 24px;
}
section ul{
    margin: 0px;
    margin-bottom: 24px;
}
section li{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 150%;
    color: #808080;
}
h1, .h1,
h2, .h2{
    font-weight: 700;
    font-size: 6.4rem;
    line-height: 105%;
    margin: 0px;
    margin-bottom: 72px;
    color: #232323;
    letter-spacing: 0.2rem;
}
h3, .h3{
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 115%;
    margin: 0px;
    margin-bottom: 48px;
    color: #232323;
}
h4, .h4{
    display: inline-block;
    font-weight: 800;
    font-size: 1.4rem;
    line-height: 100%;
    margin: 0px;
    margin-bottom: 72px;
    color: #4A4A4A;
    padding: 8px 16px;
    backdrop-filter: blur(25px);
    background-color: #4A4A4A26;
    border-radius: 64px;
}
h5, .h5{
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 105%;
    margin: 0px;
    margin-bottom: 8px;
    color: #000000;
}
html.page-contrast p,
html.page-contrast section ul,
html.page-contrast section li,
html.page-contrast h1,
html.page-contrast .h1,
html.page-contrast h2,
html.page-contrast .h2,
html.page-contrast h3,
html.page-contrast .h3,
html.page-contrast h4,
html.page-contrast .h4{
    color: #FFF;
}

.noveo_btn{
    border: 0px;
    padding: 0px;
    padding-bottom: 8px;
    outline: 0px;
    font-family: 'Inter';
    font-weight: 800;
    font-size: 1.4rem;
    line-height: 100%;
    color: #C43040;
    text-align: center;
    transition-duration: 0.4s;
    cursor: pointer;
    display: inline-block;
    border-bottom: 2px solid #C43040;
}
html.page-contrast .noveo_btn{
    color: #FFF;
    border-bottom: 2px solid #FFF;
}
.noveo_btn:hover{
    color: #1780C1;
    border-bottom: 2px solid #1780C1;
}
html.page-contrast .noveo_btn:hover{
    color: #1780C1;
    border-bottom: 2px solid #1780C1;
}
.noveo_btn:focus-visible{
    outline: 2px solid;
}

input[type='text'],
input[type='date'],
input[type='email'],
input[type='tel'],
textarea,
select{
    background-color: #FCFCFC;
    border: 1px solid #4A4A4A26;
    outline: 0px;
    padding: 18px 24px;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 100%;
    border-radius: 64px;
}
select{
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('assets/css/content/CaretDownRed.svg');
    background-repeat: no-repeat;
    background-position: right 16px center;
}

@keyframes fade-in {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-24px, 0, 0);
      transform: translate3d(-24px, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
}
.fade-in-element{
    animation: fade-in 0.8s;
}
.hidden{
    opacity: 0;
}
@keyframes fade-in-bottom {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 12px, 0);
      transform: translate3d(0, 12px, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
}
.fade-in-element-bottom{
    animation: fade-in-bottom 1.4s;
}
.hidden-bottom{
    opacity: 0;
}

@keyframes spin_loading_loop{
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
}