@font-face {
    font-family: 'Faktum';
    src: url('../fonts/Faktum-WideBold.woff2') format('woff2'),
        url('../fonts/Faktum-WideBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Faktum';
    src: url('../fonts/Faktum-WideSemiBold.woff2') format('woff2'),
        url('../fonts/Faktum-WideSemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

html{scroll-behavior:smooth;}
.main_font{font-family: 'Faktum';}
.sec_font, body{font-family: "DM Sans", sans-serif;}
.container{padding-left:20px; padding-right:20px; width:100%; margin:0 auto;}
.trigger span{height:2px; width:20px; background-color: #ffffff;}

section, #industries{scroll-margin-top:86px;}

.slip{overflow:hidden;}
.fixed_header{box-shadow: 0 5px 5px rgba(0,0,0,0.1);  transition:0.2s ease;}

/* Cross animation */
.slip .trigger span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}

.slip .trigger span:nth-child(2){
  opacity:0;
}

.slip .trigger span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

.line_link{font-family: 'Faktum'; font-weight:600; text-transform:uppercase; display:flex; gap:15px; align-items:center; color:#7B1315; font-size:20px; cursor: pointer;}

.line_link svg{transition: all ease 0.3s;}
.line_link:hover svg{transform:translateX(5px);}
.line_link.back:hover svg{transform:translateX(-5px);}


.navigation{position: absolute; left:-20px; top:100%; right:-20px; background-color: #FFF8DC; padding:20px 20px 30px 20px; box-shadow:0 5px 5px rgba(0,0,0,0.1); display:none;}

.navigation ul{display:flex; flex-direction: column; gap:20px;}
.navigation ul li a{color: #611214; text-align: center; transition: all ease 0.2s; font-family: 'Faktum'; font-size: 16px; font-style: normal; display:flex; padding:10px 0; font-weight: 600; line-height: 1; text-transform: uppercase;}
.navigation ul li:hover a{color: #F47B45;}



.industries{display:flex; flex-direction: column; gap:10px}
.industries li{color:#7B1315; font-size:20px; line-height:1.2; font-weight: 500; letter-spacing: -0.5px; border-bottom:1px solid rgba(244, 123, 69, 0.50); padding-bottom: 10px;}
.industries li:last-child{padding-bottom:0; border:none;}

.processes{display:flex; flex-direction:column;}
.process{display:flex; flex-wrap:wrap; justify-content: space-between; padding-bottom: 40px;}
.process:last-child{padding-bottom: 0 !important;}
.process .number{width:50px; height:50px; border-radius:100%; background-color: #F47B45; display: flex; align-items: center; justify-content: center; color: #7B1315; font-family: 'Faktum'; text-align:center; font-size:25px; line-height:1;}

.process .description{width:calc(100% - 50px - 30px); display:flex; flex-direction:column; gap:10px;}
.process .description h4{color:#7B1315; font-family: 'Faktum'; font-size:22px; text-transform: uppercase; line-height: 1; font-weight:bold;}

.process .description p{color:#611214;font-size:16px; line-height: 1.3;}


.testimonials{display: flex; flex-direction: column; gap:50px;}
.testimonials .test_block{display:flex; flex-direction:column; gap:20px;}
.testimonials .test_block .review{color:#611214; font-size:18px; line-height:1.3;}

.testimonials .test_block .reviewer{display: flex; flex-direction: column; gap:8px;}
.testimonials .test_block .reviewer h5{color:#7B1315; text-transform: uppercase; font-family: 'Faktum'; font-size:18px; line-height:1;}
.testimonials .test_block .reviewer span{color: rgba(97, 18, 20, 0.75); font-size:16px; line-height:1;}


.form_row .form_control{position:relative;}
.form_row label.animate{display:block; width:100%; pointer-events:none; position:absolute; font-family: 'Faktum'; font-weight:400; color: rgba(97, 18, 20, 0.60); top:11px; transition: all ease .2s;}

.form_row .active label.animate{color: rgba(97, 18, 20, 1); top:-4px; font-size:13px;}

.form_row input[type="text"],
.form_row input[type="tel"],
.form_row input[type="email"],
.form_row select,
.form_row textarea

{background: none; border:none; border-bottom:1px solid rgba(123, 19, 21, 0.50); width:100%; height:50px; font-size:16px; font-family: 'Faktum'; outline:none; box-shadow:none;}

.form_row textarea{padding:20px 0; height:120px; resize:none;}



.nutrition-ticker {
  width: 100%;
  overflow: hidden;
  margin: 0;
}

.ticker-swiper {
  width: 100%;
  height: auto;
}

.ticker-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
  align-items: center;
}

.ticker-swiper .swiper-slide {
  width: auto !important;
  flex-shrink: 0;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
}

/* Hide scrollbars */
.ticker-swiper {
  overflow: hidden;
}

.swiper-wrapper {
  will-change: transform;
}




@media all and (min-width:640px)
{

    .industries{flex-direction: row; flex-wrap:wrap; gap:20px}
    .industries li{width:calc(50% - 10px); padding:0 10px 0 0; border:none; border-right:2px solid rgba(244, 123, 69, 0.50);}

    .industries li:nth-child(2),
    .industries li:nth-child(4),
    .industries li:last-child{border:none;}

}

@media all and (min-width:768px)
{

    .process .number { width: 80px; height: 80px; font-size: 40px;}
    .process .description { width: calc(100% - 80px - 50px);}
    .process { padding-bottom: 60px;}
     .process .description p{max-width: 450px;}

     .testimonials{justify-content: center; flex-direction:row;  flex-wrap:wrap;}
     .testimonials .test_block{max-width: 45%;}
    
}

@media all and (min-width:1024px)
{
        section, #industries{scroll-margin-top:121px;}
    .line_link{font-size:22px;}
    .navigation{display: flex; position: static; box-shadow:none; padding:0;}
    .navigation ul{flex-direction: row; gap:40px; justify-content: center;}

    .industries li{width:calc(33.33% - 17px); font-size:24px; }


    .industries li:first-child,
    .industries li:nth-child(2),   
    .industries li:nth-child(4),
    .industries li:nth-child(5) 
    { border-right:2px solid rgba(244, 123, 69, 0.50);}

    .industries li:nth-child(3){border:none;}

    .process .description h4{font-size: 30px;}
    .process .description p{font-size:18px; max-width:100%;}
    


.testimonials{gap:0; justify-content: space-between;}
    .testimonials .test_block{max-width: 28%; justify-content: space-between; gap:40px;}
    .testimonials .test_block .review,
    .testimonials .test_block .reviewer h5
    {font-size:20px;}

}

@media all and (min-width:1280px)
{
    .navigation ul li a{letter-spacing: 1.8px; font-size: 18px;}
}

@media all and (min-width:1536px)
{
    .container{max-width:1580px;}
    .line_link{font-size:24px;}

    .fixed_header .logo{max-width:200px;}
    .testimonials .test_block .review,
    .testimonials .test_block .reviewer h5
    {font-size:24px;}

    .testimonials .test_block .reviewer span{font-size:20px;}
}