/* 
 Theme Name: Spartus 2025
 Theme URI: noveo.pl
 Author: noveo.pl
 Author URI: noveo.pl
 Description: Custom theme
 Version: 1.0 
*/

@font-face {
    font-family: 'Poppins';
    font-weight: 300;
    src: url('assets/fonts/Poppins/Poppins-Light.ttf');
}
@font-face {
    font-family: 'Poppins';
    font-weight: 500;
    src: url('assets/fonts/Poppins/Poppins-Medium.ttf');
}
@font-face {
    font-family: 'Poppins';
    font-weight: 700;
    src: url('assets/fonts/Poppins/Poppins-Bold.ttf');
}

html{
    font-size: 10px;
}
html body{
    margin: 0px;
    padding: 0px;
    background-color: #EEEFF2;
    font-family: 'Poppins';
}
.wrapper{
    width: 1392px;
    margin: auto;
    max-width: calc(100% - 96px);
}
.sec_outher{
    margin-bottom: 96px;
}
.sec_outher .sec_outher:last-child{
    margin-bottom: 0px;
}

body a{
    text-decoration: none;
}
p{
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.4rem;
    color: #808080;
    margin: 0px;
    margin-bottom: 2.4rem;
}
p.title{
    text-transform: uppercase;
    color: #161616;
    margin-bottom: 0.8rem;
    letter-spacing: 0.03rem;
}
p strong{
    font-weight: 700;
    color: #161616;
}
h1{
    font-size: 3.6rem;
    font-weight: 300;
    line-height: 4.1rem;
    color: #161616;
    margin: 0px;
    margin-bottom: 2.4rem;
    text-transform: uppercase;
}
h1 strong{
    font-weight: 700;
}
h2{
    font-size: 3.6rem;
    font-weight: 300;
    line-height: 4.1rem;
    color: #161616;
    margin: 0px;
    margin-bottom: 2.4rem;
    text-transform: uppercase;
}
h2 strong{
    font-weight: 700;
}
h3{
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.1rem;
    color: #161616;
    margin: 0px;
    margin-bottom: 2.4rem;
    text-transform: uppercase;
}
h4{
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.1rem;
    margin: 0px;
    margin-bottom: 2.4rem;
    text-transform: uppercase;
    color: #161616;
}

.noveo_btn{
    background-color: #F46060;
    padding: 1.8rem 2.4rem;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.3rem;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    border: 0px;
    transition-duration: 0.4s;
}
.noveo_btn:hover{
    background-color: #161616;
}

input[type='text'],
input[type='date'],
input[type='email'],
input[type='tel'],
input[type='number'],
textarea,
select{
    border: 1px solid #D8D9DD;
    background-color: transparent;
    margin: 0px;
    padding: 12px 24px;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.8rem;
    font-family: 'Poppins';
    outline: 0px;
}
.no_valid input[type='text'],
.no_valid input[type='date'],
.no_valid input[type='email'],
.no_valid input[type='tel'],
.no_valid input[type='number'],
.no_valid textarea{
    border-color: #F46060;
}
.noveo_radio_style,
.noveo_checkbox_style{
    font-size: 1rem;
    font-weight: 300;
    line-height: 1rem;
    font-family: 'Poppins';
    color: #808080;
    padding-left: 32px;
    position: relative;
    cursor: pointer;
}
.noveo_radio_style.no_valid,
.noveo_checkbox_style.no_valid p{
    color: #F46060;
}
.noveo_radio_style input[type='radio'],
.noveo_checkbox_style input[type='checkbox']{
    position: absolute;
    opacity: 0;
}
.noveo_radio_style::after,
.noveo_checkbox_style::after{
    content: '';
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    border: 1px solid #D8D9DD;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 8px;
}
.noveo_radio_style::before,
.noveo_checkbox_style::before{
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #161616;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition-duration: 0.4s;
}
.noveo_radio_style.active::before,
.noveo_checkbox_style.active::before{
    opacity: 1;
}

@keyframes fade-in {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-10%, 0, 0);
      transform: translate3d(-10%, 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, 10%, 0);
      transform: translate3d(0, 10%, 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;
}

::-webkit-scrollbar {
    width: 6px; 
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #DDD;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb {
    background: #161616;
    border-radius: 6px; 
}
::-webkit-scrollbar-thumb:hover{
    background: #F46060;
}
@-moz-document url-prefix() {
    *{
        scrollbar-width: thin;
        scrollbar-color: #242528 #DDD;
    }
}

@keyframes spin_loading_loop{
    from {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
      transform: translate(-50%, -50%) rotate(360deg);
    }
}