/* 
 Theme Name: Cad It Now Web 2025
 Theme URI: noveo.pl
 Author: noveo.pl
 Author URI: noveo.pl
 Description: Custom theme
 Version: 1.0 
*/

@font-face {
    font-family: 'DM Sans';
    src: url('assets/fonts/DM_Sans/DMSans-VariableFont_opsz,wght.ttf');
}
@font-face {
    font-family: 'Gilda Display';
    src: url('assets/fonts/Gilda_Display/GildaDisplay-Regular.ttf');
}

html{
    font-size: 10px;
}
html body{
    margin: 0px;
    padding: 0px;
    background-color: #FFF;
    font-family: 'DM Sans';
}
.wrapper{
    width: 1248px;
    margin: auto;
    max-width: calc(100% - 48px);
}
.sec_outher{
    margin-bottom: 192px;
}
.background_area{
    width: calc(100% - 24px);
    margin: auto;
    border-radius: 4px;
    overflow: hidden;
}

a{
    text-decoration: none;
}
p{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 175%;
    color: #808080;
    margin: 0px;
    margin-bottom: 2.4rem;
}
h1, h2, .h1, .h2{
    font-weight: 300;
    font-size: 6.4rem;
    line-height: 115%;
    margin: 0px;
    margin-bottom: 4.8rem;
    color: #000;
    /*font-family: 'Gilda Display';*/
}
h3, .h3{
    font-weight: 300;
    font-size: 3.2rem;
    line-height: 115%;
    margin: 0px;
    margin-bottom: 4.8rem;
    color: #000;
    /*font-family: 'Gilda Display';*/
}
h4, .h4{
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 100%;
    margin: 0px;
    margin-bottom: 4.8rem;
    color: #ED999A;
}

.noveo_btn{
    background-color: #A18B68;
    color: #FFF;
    font-size: 1.2rem;
    line-height: 100%;
    font-weight: 400;
    letter-spacing: 0.2rem;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    padding: 16px 24px;
    border: 0px;
    border-radius: 64px;
    transition-duration: 0.4s;
}
.noveo_btn:hover{
    /*background-color: #ED999A;*/
    opacity: 0.9;
}

input[type='text'],
input[type='date'],
input[type='email'],
input[type='tel'],
input[type='number'],
textarea,
select{
    border: 0px;
    border-bottom: 1px solid #E6E6E6;
    background-color: transparent;
    margin: 0px;
    padding: 6px 0px;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.8rem;
    font-family: 'DM Sans';
    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(-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);
    }
}