/* 
 Theme Name: Haldex 2025
 Theme URI: ltb.pl
 Author: ltb.pl
 Author URI: ltb.pl
 Description: Custom theme
 Version: 1.0 
*/

@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins/Poppins-Light.ttf');
    font-weight: 300;
}
@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins/Poppins-Medium.ttf');
    font-weight: 400;
}
@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins/Poppins-Bold.ttf');
    font-weight: 700;
}
@font-face {
    font-family: 'Vujahday Script';
    src: url('assets/fonts/Vujahday_Script/VujahdayScript-Regular.ttf');
}


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

a{
    text-decoration: none;
}
p{
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 150%;
    color: #000;
    margin: 0px;
    margin-bottom: 2.4rem;
}
section li{
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 175%;
    color: #000;
}
h1, .h1{
    font-weight: 600;
    font-size: 4.8rem;
    line-height: 115%;
    margin: 0px;
    margin-bottom: 15px;
    color: #070707;
    text-transform: uppercase;
}
h2, .h2{
    font-weight: 600;
    font-size: 4rem;
    line-height: 115%;
    margin: 0px;
    margin-bottom: 15px;
    color: #070707;
    text-transform: uppercase;
}
h3, .h3{
    font-weight: 400;
    font-size: 2rem;
    line-height: 125%;
    margin: 0px;
    margin-bottom: 15px;
    color: #000;
    text-transform: uppercase;
}
h4, .h4{
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 125%;
    margin: 0px;
    margin-bottom: 15px;
    color: #070707;
}
h5, .h5{
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 115%;
    color: #2F3678;
    margin: 0px;
    margin-bottom: 2.4rem;
}
h1 span, .h1 span,
h2 span, .h2 span,
h3 span, .h3 span{
    color: #50B27D;
}

.ltb_btn,
.ltb_btn_2{
    background: linear-gradient(107.95deg, #07C67D 0%, #4FE06F 100%);
    color: #01160E;
    padding: 14px 34px;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 150%;
    border-radius: 100px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0px;
}
.ltb_btn::after,
.ltb_btn_2::after{
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    background-image: url('assets/css/content/arrow_right_alt.svg');
    background-position: center;
    background-repeat: no-repeat;
    transition-duration: 0.3s;
}
.ltb_btn:hover::after{
    transform: translateX(12px);
}
.ltb_btn_2::after{
    transform: rotate(90deg);
}
.ltb_btn_2:hover::after{
    transform: translateX(12px) rotate(90deg);
}
.ltb_btn.second_style{
    background: linear-gradient(107.95deg, #DAFFF1 0%, #DAFFF1 100%);
}

input[type='text'],
input[type='date'],
input[type='email'],
input[type='tel'],
input[type='number'],
textarea,
select{
    font-family: 'Poppins';
    outline: 0px;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    background-color: #FFF;
    box-shadow: 0px 1px 2px 0px #1018280D;
    padding: 10px 14px;
    width: calc(100% - 28px);
    font-size: 1.6rem;
    font-weight: 300;
}

@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);
    }
}