/*!
Theme Name: Digital Farmers
Theme URI: http://underscores.me/
Author: Farmer Arif
Author URI: https://digitalfarmers.be/
Description: Bij Digital Farmers schrijven we een verhaal. Een verhaal waarin jij de hoofdrol speelt en wij farmers een ondersteunende bijrol aannemen. Denk dan zeker niet aan figuranten die er met één simpele instructie vanaf komen. Nee, daar worden we niet enthousiast van! :grin: Als je al eens fatsoenlijk gekeken hebt naar onze website, zal je gemerkt hebben dat er verschillende soorten farmers aan het werk zijn. Iedere farmer blinkt uit in zijn of haar specifieke skill. Naargelang de grootte en de aard van jouw project, zullen de juiste farmers aan jouw eigen stuk land toegewezen worden. We stellen als het ware je eigen digital farmers team samen die collectief verantwoordelijk zijn om jouw zaadje (je idee/project) tot een rijkelijk landschap om te toveren waar jij de vruchten van kan plukken.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: digitalfarmers
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Digital Farmers is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

:root{
    --ff-inter: 'Inter', sans-serif;
}



body {
    line-height: 1.6;
    font-size: 18px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    color: #1f3c88;
    background: #fff;
}
  
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
  
  
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1f3c88;
    font-family: 'Thasadith', sans-serif;
    font-weight: 700;
}
  
h1 {
    font-size: 42px;
}
  
h2 {
    font-size: 36px;
}
  
h3 {
    font-size: 30px;
}
  
h4 {
    font-size: 24px;
}
  
h5 {
    font-size: 18px;
}
  
h6 {
    font-size: 16px;
}
  
a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
  
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}
  
button:focus {
    outline: none;
    box-shadow: none;
}
  
.slick-slide:focus {
    outline: none;
    box-shadow: none;
}
  
.slick-slide img {
    display: inline-block !important;
}
  
button {
    border: none;
}
  
img {
    max-width: 100%;
    height: auto;
}
  
input:focus,
textarea:focus {
  outline: 1px solid #D1232A;
  box-shadow: none;
}

input {
  color: #070404;
  width: 100%;
  background: transparent;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #9b9b9b;
  padding: 0 20px;
  line-height: 55px;
}

input::placeholder, textarea::placeholder {
  color: #070404;
  font-size: 16px;
}

/* animation delay css
============================================================================================ */
.delay-1 {
    animation-delay: 0.1s;
}
  
.delay-2 {
    animation-delay: 0.2s;
}
  
.delay-3 {
    animation-delay: 0.3s;
}
  
.delay-4 {
    animation-delay: 0.4s;
}
  
.delay-5 {
    animation-delay: 0.5s;
}
  
.delay-6 {
    animation-delay: 0.6s;
}
  
.delay-7 {
    animation-delay: 0.7s;
}
  
.delay-8 {
    animation-delay: 0.8s;
}
  
.delay-9 {
    animation-delay: 0.9s;
}
  
.delay-10 {
    animation-delay: 1s;
}
  
/* Main Title Area css
============================================================================================ */
  
.section-title {
    margin-bottom: 50px;
}

.section-title h2 {
    font-size: 48px;
}

  
/* Start Primary btns css
============================================================================================ */
.primary-btn {
    position: relative;
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    padding: 15px 30px;
    transition: 0.3s;
    color: #fff;
    background: #E68404;
    border-radius: 5px;
}
  
.primary-btn:hover {
    background: #006837;
    color: #fff;
}
  
/* gradient-bg css
============================================================================================ */
.gradient-bg {
    background: -webkit-linear-gradient(90deg, #fe690b 0%, #ff8f1e 100%);
    background: -moz-linear-gradient(90deg, #fe690b 0%, #ff8f1e 100%);
    background: -o-linear-gradient(90deg, #fe690b 0%, #ff8f1e 100%);
    background: linear-gradient(90deg, #fe690b 0%, #ff8f1e 100%);
}
  
  
/* Start Header area style
============================================================================================ */
.header-area {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background: #fff;
    transition: 0.3s;
    padding: 10px 0;
}

.header-area .navbar {
  background: transparent;
  padding: 0px;
  border: 0px;
  border-radius: 0px;
}

.header-area .navbar .navbar-nav li {
  position: relative;
  margin-right: 35px;
}

.header-area .navbar .navbar-nav li a {
  color: #000;
  padding: 0px;
  display: inline-block;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 40px;
}

.custom-logo {
    max-width: 150px;
}

.mobile-header {
	display: none;
}

.header-meta {
    display: flex;
    align-items: center;
    gap: 20px;
}

.menu-humburger {
    cursor: pointer;
}

.menu-humburger svg {
    font-size: 36px;
	color: #4C4C4C;
}

.sub-menu {
	position: absolute;
	background-color: #F8F8F8;
	border-radius: 5px;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	transition: 0.2s;
	overflow: hidden;
	top: 120%;
	min-width: 130px;
}

.sub-menu li {
	margin: 0!important;
}

.header-area .navbar .navbar-nav .sub-menu li a {
	display: block;
	padding: 8px 10px!important;
	line-height: inherit;
}

.header-area .navbar .navbar-nav .sub-menu li a:hover {
    background: #E68404;
    color: #fff!important;
}
  
.header-area .navbar .navbar-nav .sub-menu li a:hover {
	color: #F8073F;
}
  
li.menu-item-has-children a:after {
	display: none;
}
li.menu-item-has-children > a {
    padding-right: 20px !important;
}
  
li.menu-item-has-children > a:before {
	position: absolute;
	right: 0px;
	top: 0;
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
  
.header-area .navbar .navbar-nav li.menu-item-has-children a{
	padding-right: 20px;
}
li.menu-item-has-children {
	margin-right: 45px;
}
  
.menu-item-has-children:hover .sub-menu {
	z-index: 9;
	opacity: 1;
	visibility: visible;
	box-shadow: 0 0 20px #00000038;
	top: 100%;
}


.offcanvas-wraper {
    position: fixed;
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    top: 0;
    z-index: 999;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border-radius: 0 0 50% 50%;
    width: 100%;
}

.offcanvas-head {
    padding: 20px 0;
}

.offcanvas-body {
    height: 75vh;
    align-items: center;
}

.offcanvas-content h2 {
    font-size: 54px;
    font-weight: 400;
    color: #000;
    margin-bottom: 50px;
    max-width: 600px;
}

.offcanvas-content h2 span {
    font-weight: 700;
    color: #E68404;
}


.offcanvas-body .navbar-nav a {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4em;
    color: #000;
    transition: .3s;
}

.offcanvas-body .navbar-nav li:not(:last-child) {
    margin-bottom: 25px;
}

.offcanvas-body .navbar-nav a:hover {
    color: #E68404;
}

.offcanvas-social {
    display: flex;
    align-items: center;
    gap: 15px;
}

.offcanvas-social a {
    color: #C0C0C0;
}

.offcanvas-footer .email a {
    color: #000;
    transition: .3s;
}

.offcanvas-footer .email {
    text-align: right;
}


.offcanvas-footer .email a:hover {
    color: #E68404;
}

.offcanvas-footer {
    border-top: 1px solid #C0C0C0;
    padding-top: 25px;
}


.offcanvas-wraper.active {
    height: 100vh;
    opacity: 1;
    visibility: visible;
    border-radius: 0;
}
  
.offcanvas-wraper.active .offcanvas-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
  
.offcanvas-wraper.active .navbar-nav {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
  
.offcanvas-wraper .offcanvas-content {
    -webkit-transform: translateY(-130%);
    -moz-transform: translateY(-130%);
    -ms-transform: translateY(-130%);
    -o-transform: translateY(-130%);
    transform: translateY(-130%);
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
  
  
.offcanvas-body .navbar-nav {
    margin-top: 10px;
    -webkit-transform: translateY(-130%);
    -moz-transform: translateY(-130%);
    -ms-transform: translateY(-130%);
    -o-transform: translateY(-130%);
    transform: translateY(-130%);
    -webkit-transition: 0.9s;
    -moz-transition: 0.9s;
    -o-transition: 0.9s;
    transition: 0.9s;
    margin-left: 50px;
}


.menu-close svg {
    font-size: 30px;
    color: #69727d;
}

.menu-close {
    display: inline-block;
    cursor: pointer;
}

.offcanvas-content .drone-img {
    margin-bottom: 30px;
    animation: offcanvasDroneVerticalMove 3s infinite;
}

@keyframes offcanvasDroneVerticalMove {
	0% {
        transform: translateY(-35px);
    }
    50% { 
        transform: translateY(-0px);
    }
    100% { 
        transform: translateY(-35px);
    }
}



.header-meta .primary-btn {
    padding: 7px 30px;
    border: 1px solid #E68404;
}

.header-meta .primary-btn:hover {
    background: transparent;
    color: #E68404;
}


/* Overrides for range slider skin */
.range_slider{
    font-family: "Thasadith", Sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0 !important;
}
.irs {
    height: 40px;
    margin-top: 15px;
    margin-bottom: 30px;
    width: 100%;
}
.irs-with-grid {
    height: 85px
}
.irs-line {
    height: 12px;
    top: 35px
}
.irs-line-left {
    height: 12px;
    background-position: 0 -30px
}
.irs-line-mid {
    height: 12px;
    background-position: 0 0
}
.irs-line-right {
    height: 12px;
    background-position: 100% -30px
}
.irs-bar {
    height: 12px;
    top: 35px;
    background-position: 0 -60px;
    background-color: #f39031;
    background-image: none !important;
}
.irs-bar-edge {
    top: 35px;
    height: 12px;
    width: 15px;
    background-color: #f39031;
    background-image: none !important;
    -webkit-border-top-left-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px
}
.irs-shadow {
    height: 3px;
    top: 35px;
    background: #000;
    opacity: .25
}
.lt-ie9 .irs-shadow {
    filter: alpha(opacity=25)
}
.irs-slider {
    width: 25px;
    height: 25px;
    top: 29px;
    background-position: 0 -120px;
    background-image: none;
    background-color: #ccc;
    border-radius: 100%;
    transition: background-color 200ms ease-in
}
.irs-slider.state_hover,
.irs-slider:hover {
    width: 25px;
    height: 25px;
    top: 29px;
    background-position: 0 -120px;
    background-image: none;
    background-color: #f39031;
    border-radius: 100%
}
.irs-min,
.irs-max {
    color: #999;
    font-size: 1em;
    line-height: 1em;
    text-shadow: none;
    top: -5;
    padding: 8px;
    margin-bottom: 30px;
    background: #e1e4e9;
    -moz-border-radius: 4px;
    border-radius: 4px
}
.irs-from,
.irs-to,
.irs-single {
    color: #fff;
    font-size: 1em;
    line-height: 1em;
    text-shadow: none;
    padding: 8px;
    margin-bottom: 30px;
    background: #f39031;
    -moz-border-radius: 4px;
    top: -10px;
    border-radius: 4px
}
.irs-from:after,
.irs-to:after,
.irs-single:after {
    position: absolute;
    display: block;
    content: "";
    bottom: -5px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #f39031
}
.irs-grid-pol {
    background: #e1e4e9
}
.irs-grid-text {
    color: #999;
    font-size: 0.8em;
}


/* Horizontal Slider */
.horizontal-slider.anmiation-home {
    position: relative;
    overflow: visible;
    height: 600vh;
    margin-bottom: 0px;
    padding-top: 90px;
    padding-bottom: 0px;
}
.horizontal-slider .animation-container {
    position: -webkit-sticky;
    position: sticky;
    top: 30px;
    height: 100vh;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.horizontal-slider .animation-progress {
    position: -webkit-sticky;
    position: sticky;
    top: 99%;
    bottom: 0%;
    width: 0vw;
    height: 6px;
    background-color: #fa86be;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    max-width: 99.1vw;
}

.horizontal-slider .animation-wrap {
    overflow: hidden;
}

.horizontal-slider .anim_1_img {
    max-height: 70vh;
    margin-top: 16vh;
}
.horizontal-slider .anim2_img {
    max-height: 77vh;
    max-width: none;
    margin-top: 10vh;
}
.horizontal-slider .anim_3-img {
    height: 70vh;
    margin-top: 10vh;
}
.horizontal-slider .anim_3-img .slider-big-banner {
    height: 100%;
    width: auto;
}
.horizontal-slider .anim_3-img .slider-3-drone {
    position: absolute;
    top: 20%;
    left: 0%;
    animation: slider3droneAnimation 5s infinite;
    max-width: 30%;
}

@media screen and (max-width: 678px){
    .horizontal-slider .anim_3-img .slider-3-drone {
        top: 25%;
    }
}

@keyframes slider3droneAnimation {
	0% {
        transform: translateY(50px);        
    }
	80% { 
        transform: translateY(0px);
    }
    100% { 
        transform: translateY(50px);
    }
}


.horizontal-slider .anim_1,
.horizontal-slider .anim_2,
.horizontal-slider .anim_3 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: block;
    overflow: hidden;
    height: 100%;
    padding-top: 20px;
    opacity: 1;
    color: #f39031;
    text-align: center;
}

.horizontal-slider .anim1_h-1,
.horizontal-slider .anim2_h-2 {
    position: absolute;
    left: 0px;
    right: 0px;
    margin-right: auto;
    margin-left: auto;
}
.horizontal-slider .slide-heading{
    margin-top: 20px;
    margin-bottom: 10px;
}
@media(max-width: 767px){
    .horizontal-slider .anim2_img {
        max-height: 36vh;
        max-width: none;
        margin-top: 31vh;
    }
    .horizontal-slider .anim_1-img,
    .horizontal-slider .anim_3-img {
        height: 60vh;
        margin-top: 15vh;
    }
}



/* Diensten Landschap */
.diensten-landschap-banner svg{
    width: 100%;
    height: auto;
}


/* DIENSTEN LANDSCAPE */
.diensten-item{
    z-index: 4;
    cursor: help;
    position: absolute;
}
.diensten-item .farmer-description{
    display: none;
}
.diensten-item .read-more-landscape{
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    cursor: pointer;
    margin-top: 10px;
    color: #1f3c88;
    text-decoration: underline;
}
.diensten-item.active .diensten-item__popup{
    visibility: visible;
    opacity: 1;
}

.diensten-item .diensten-item__popup:before{
    content: "";
    position: absolute;
    width: 25px;
    height: 40px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjVweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMjUgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjMgKDU3NTQ0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYXRoIDU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNNzAxLDE4MyBMNjg3LjgyNDMzOCwxOTQuMDYyMjczIEM2ODYuOTc4Mzk3LDE5NC43NzI1MjQgNjg2Ljg2ODM5OCwxOTYuMDM0MDY4IDY4Ny41Nzg2NSwxOTYuODgwMDA5IEM2ODcuNjUzMjYzLDE5Ni45Njg4NzcgNjg3LjczNTQ3LDE5Ny4wNTEwODMgNjg3LjgyNDMzOCwxOTcuMTI1Njk3IEw3MDEsMjA4LjE4Nzk3IEw3MDEsMTgzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgICAgICA8ZmlsdGVyIHg9Ii0xMjAuMCUiIHk9Ii00Ny42JSIgd2lkdGg9IjI2MC4wJSIgaGVpZ2h0PSIxOTUuMyUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci0yIj4KICAgICAgICAgICAgPGZlT2Zmc2V0IGR4PSItNiIgZHk9IjAiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiPjwvZmVPZmZzZXQ+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUdhdXNzaWFuQmx1cj4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgICAwIDAgMCAwIDAgICAwIDAgMCAwIDAgIDAgMCAwIDAuMDUzODEwMDA5MSAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iU2VydmljZXMtLS1MaXN0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjc2LjAwMDAwMCwgLTE3OC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IlBhdGgtNSI+CiAgICAgICAgICAgICAgICA8dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");    
    left: -24px;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}
.diensten-item__popup{
    width: var(--popup-max-width, 640px);
    background-color: #fff;
    border-radius: 8px;
    padding: 30px 40px 30px 35px;
    position: absolute;
    box-shadow: 0 0 56px rgba(0, 0, 0, .09);
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    z-index: 99;

}
.diensten-item__popup .farmer-excerpt {
    font-family: var(--ff-inter);
    font-weight: 500;
    color: #18200A;
    font-size: 17px;
    margin-bottom: 15px;
}
.diensten-item__popup .farmer-name-text {
    font-family: "Fira Sans", sans-serif;
    letter-spacing: .19px;
    margin-top: 0;
    margin-bottom: 0;
    color: #18200A;
    font-size: 22px;
    font-weight: 500;
    line-height: 29px;
}
.diensten-item__popup .farmer-name-text strong{
    color: var(--popup-item-color);
}
.diensten-item__popup .farmer-description .content{
    font-size: 14px;
    line-height: 1.5;
    color: #262626;
}
.diensten-item__popup  .primary-btn {
    font-size: 12px;
    padding: 12px 20px;
    background: var(--popup-item-color, #E68404);
    letter-spacing: 0.25px;
}

/* Michael */
.diensten-item-michael{
    z-index: 2;
    width: 9%;
    height: 37%;
    bottom: 7%;
    left: 1%;
}
.diensten-item-michael .diensten-item__popup{
    top: -81px;
    left: 94%;
    transform: scale(1);
}
.diensten-item-michael .diensten-item__popup:before{
    top: 103px;
    bottom: auto;
}

/* Social Media */
.diensten-item-social-media{
    z-index: 2;
    width: 12%;
    height: 37%;
    bottom: 7%;
    left: 35%;
}
.diensten-item-social-media .diensten-item__popup{
    top: auto;
    left: 94%;
    transform: scale(1);
    bottom: 46%;
}
.diensten-item-social-media .diensten-item__popup:before{
    top: auto;
    bottom: 65px;
}

/* Yanice */
.diensten-item-yanice{
    width: 8%;
    height: 16%;
    top: 13%;
    left: 3%;
}
.diensten-item-yanice .diensten-item__popup{
    top: -1px;
    left: 92%;
    transform: scale(1);
}
.diensten-item-yanice .diensten-item__popup:before{
    top: 30px;
    left: -25px;
}

/* MO */
.diensten-item-mo{
    width: 8%;
    height: 19%;
    top: 23%;
    left: 31%;
}
.diensten-item-mo .diensten-item__popup{
    top: -1px;
    left: 92%;
    transform: scale(1);
}
.diensten-item-mo .diensten-item__popup:before{
    top: 30px;
    left: -25px;
}

/* Jonathan */
.diensten-item-jonathan{
    width: 9%;
    height: 28%;
    top: auto;
    bottom: 24%;
    left: auto;
    right: 9%;
}
.diensten-item-jonathan .diensten-item__popup{
    top: -42px;
    bottom: auto;
    left: auto;
    right: 88%;
}
.diensten-item-jonathan .diensten-item__popup:before{
    left: auto;
    top: 77px;
    right: -25px;
    transform: rotate(180deg);
}

/* SEO */
.diensten-item-seo{
    width: 9%;
    height: 36%;
    top: auto;
    bottom: 4%;
    left: auto;
    right: 21%;
}
.diensten-item-seo .diensten-item__popup{
    top: -89px;
    bottom: auto;
    left: auto;
    right: 90%;
}
.diensten-item-seo .diensten-item__popup:before{
    left: auto;
    top: 121px;
    right: -25px;
    transform: rotate(180deg);
}


/* Illustration */
.diensten-item-Illustration{
    width: 6%;
    height: 21%;
    top: 13%;
    bottom: auto;
    left: auto;
    right: 15%;
}
.diensten-item-Illustration .diensten-item__popup{
    top: -11px;
    bottom: auto;
    left: auto;
    right: 73%;
    transform: none;
}
.diensten-item-Illustration .diensten-item__popup:before{
    top: 33px;
    left: auto;
    right: -25px;
    transform: rotate(180deg);
}

/* server-hosting */
.diensten-item-server-hosting{
    width: 9%;
    height: 23%;
    top: 18%;
    bottom: auto;
    left: auto;
    right: 25%;
}
.diensten-item-server-hosting .diensten-item__popup{
    top: -89px;
    bottom: auto;
    left: auto;
    right: 90%;
}
.diensten-item-server-hosting .diensten-item__popup:before{
    left: auto;
    top: 121px;
    right: -25px;
    transform: rotate(180deg);
}

/* content-creation */
.diensten-item-content-creation{
    width: 21%;
    height: 20%;
    top: 41%;
    bottom: auto;
    left: auto;
    right: 27%;
}
.diensten-item-content-creation .diensten-item__popup{
    top: auto;
    bottom: 100%;
    left: auto;
    right: 50%;
    transform: translateX(50%);
}
.diensten-item-content-creation .diensten-item__popup:before{
    left: auto;
    top: calc(100% - 10px);
    right: 50%;
    transform: rotate(-90deg);
} 



.featured-image {
    height: 70vh;
    margin-bottom: 0.5rem;
    overflow: hidden;
    width: 100%;
    display: block;
    box-shadow: 0 5px 10px #00000036!important;
    border-radius: 5px;
}
  
.featured-image img {
    object-fit: cover;
    overflow: hidden;
    /* transition duration is less than the one on hover */
    /* so img returns faster to its original position */
    transition: transform 1s ease-in-out;
    width: 100%;
}
  
.featured-image:hover img {
    transform: translateY(calc(-100% + 70vh));
    transition: transform 3s ease-in-out;
}


.single-case-item .df-cases-item__title{
    font-size: 22px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}

.single-case-item .df-cases-item__info {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.single-case-item .df-cases-item__name{
    font-size: 18px;
    font-weight: 600;
    color: #30CC83;
}

.single-case-item .df-cases-item__line{
    display: inline-block;
    width: 30px;
    height: 2px;
    background-color: #000;	
}

.single-case-item .df-cases-item__task {
    color: #000;
}

.cases-area .col-lg-6:nth-child(odd) {
    margin-top: 80px;
}

.df-cases-item__content {
    margin-top: 30px;
}


.single-cases-post-page {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #18200A;
    padding-top: 50px;
    background: #FAFAFA;
}

.single-cases-post-page h1, .single-cases-post-page h2, .single-cases-post-page h3, .single-cases-post-page h4, .single-cases-post-page h5, .single-cases-post-page h5 {
    font-family: 'Inter', sans-serif;
    color: #18200A;
    font-weight: 400;
}


.single-cases-head {
    border-radius: 20px;
    box-shadow: 0px 4px 27px -2px rgba(51, 51, 51, 0.06);
    padding: 30px 30px 60px;
}

.left-content .entry-title {
    font-weight: 400;
}

.left-content .sub-heading {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 30px;
    color: #4C4C4C;
}

.case-head-thumbnail {
    text-align: right;
}

.left-content .industry .icon-part {
    color: #48601F;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.left-content .author-user .icon-part {
    color: #48601F;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 700;
}

.left-content .industry {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
}

.left-content hr {
    color: #F1F5EA;
    opacity: 1;
    margin: 25px 0;
}

.author-user h5 {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #48601F;
    font-weight: 700;
}


.provided-services h5 {
    margin-bottom: 0;
    display: flex;
    gap: 5px;
    color: #48601F;
    font-weight: 700;
    margin-bottom: 15px;
}

.provided-services ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.provided-services li {
    color: #18200A;
    font-weight: 700;
    display: flex;
    align-items: center;
    background: #ddd;
    border-radius: 12px;
    padding: 6px 15px;
}

.provided-services li img {
    margin-right: 10px;
}

.provided-services li.color1 {
    background: #E1DAFB;
}

.provided-services li.color2 {
    background: #DAF4FB;
}

.features-single {
    padding: 30px 0;
}

.features-box {
    background: #F5F7F0;
    padding: 30px;
    height: 100%;
    border-radius: 20px;
}

.features-box img {
    margin-bottom: 15px;
}

.features-box h4 {
    margin-bottom: 20px;
}

.features-box li {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #18200A;
    padding-left: 22px;
}

.features-box li svg {
    position: absolute;
    left: 0;
    top: 5px;
    color: #8EBC3F;
}

.features-box li:not(:last-child) {
    margin-bottom: 15px;
}

.features-box .desc {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 16px;
    color: #4C4C4C;
}

.features-box.features-bg2 {
    background: #F6F1F5;
}

.case-short-inner {
    background: #F0F6FE;
    padding: 60px 30px;
    border-radius: 20px;
}

.case-short-inner p {
    font-size: 32px;
    text-align: right;
    color: #2263B9;
    margin-bottom: 0;
}

.media-box {
    background: #fff;
    padding: 80px 0;
}

.case-short-description {
    padding-bottom: 50px;
}

.media-content h2 {
    font-size: 64px;
    font-family: 'Patrick Hand', cursive;
}

.media-slider-content .slider__counter, .media-slider-content .slider__counter2 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    display: block;
}

.media-slider-content h2 {
    color: #fff;
    font-size: 48px;
}

.media-slider-content {
    display: flex;
    justify-content: space-between;
    height: 100%;
    flex-direction: column;
}

.media-arrows .slick-arrow {
    color: #fff;
    display: block;
    cursor: pointer;
}

.media-arrows .slick-arrow svg {
    font-size: 32px;
}

.media-arrows {
    display: flex;
    align-items: center;
    gap: 20px;
}

.single-media-slider {
    padding: 80px 0;
}


.testimonial-area {
    text-align: center;
    padding: 120px 0;
}

.testimonial-area .title {
    font-size: 64px;
    font-family: 'Patrick Hand', cursive;
}

.testimonial-area .desc {
    color: #4C4C4C;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 40px;
}


.testimonial-quote {
    padding: 80px 0;
    background: #F0F6FE;
    text-align: center;
}

.testimonial-quote img {
    margin-bottom: 40px;
}

.testimonial-quote .message {
    color: #18200A;
    font-size: 32px;
    margin-bottom: 35px;
}

.testimonial-quote .meta {
    color: #4C4C4C;
    font-weight: 700;
    font-size: 20px;
}


.behind-scenes-content h2 {
    font-family: 'Patrick Hand', cursive;
    font-size: 48px;
    margin-bottom: 25px;
}

.behind-scenes-content h6 {
    font-size: 15px;
    color: #000000;
    text-transform: uppercase;
}

.behind-scenes-content p {
    font-size: 20px;
    color: #4C4C4C;
    font-weight: 700;
}

.behind-scenes-wrap .slick-dots {
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}

.behind-scenes-wrap .slick-dots li {
    display: flex;
}

.behind-scenes-wrap .slick-dots li button {
    text-indent: -9999px;
    padding: 0;
    height: 8px;
    width: 8px;
    background: #D2D2D2;
    border-radius: 50%;
}

.behind-scenes-wrap .slick-dots li.slick-active button {
    background: #4D4D4D;
}


.behind-scenes-wrap .slick-arrow {
    position: absolute;
    top: 40%;
    left: -30px;
    z-index: 999;
    cursor: pointer;
    transition: .3s;
}

.behind-scenes-wrap {
    position: relative;
}

.behind-scenes-wrap .slick-arrow svg {
    font-size: 30px;
}

.behind-scenes-wrap .slick-arrow.behind-next {
    left: auto;
    right: -30px;
}

.behind-scenes-wrap .slick-arrow {
    color: #CCCCCC;
}

.behind-scenes-wrap .slick-arrow:hover {
    color: #000;
}

.behind-the-scenes {
    padding: 120px 0;
}


.cta-inner {
    background: #1A466F;
    border-radius: 20px;
    padding: 45px 65px;
}

.cta-content h2 {
    color: #fff;
    font-family: 'Patrick Hand', cursive;
    font-size: 48px;
    margin-bottom: 20px;
}

.cta-content p {
    font-size: 20px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 25px;
}

.cta-content .primary-btn {
    border-radius: 12px;
    background: var(--primary-linear, linear-gradient(96deg, #79A134 0%, #A0D348 100%));
}

.cta-thumb {
    text-align: right;
}




.single-related-case {
    height: 260px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: top center;
    display: flex;
    align-items: flex-end;
    padding: 15px;
}

.single-related-case:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    z-index: -1;
    border-radius: 20px;
}



.related-case-inner h4 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}

.related-case-inner {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.related-case-inner a {
    color: #D6E2C2;
    font-size: 16px;
}


.related-posts .section-title h2 {
    font-family: 'Patrick Hand', cursive;
    font-size: 48px;
    margin-bottom: 0;
}

.related-posts .section-title {
    margin-bottom: 0;
}

.related-posts .title-wrap {
    align-items: center;
    margin-bottom: 30px;
}

.related-posts .title-wrap .inline-btn {
    font-size: 15px;
    color: #000;
}

.related-posts {
    padding: 120px 0;
}

.page-id-1463 footer {
    display: none;
}



.banner-section {
    position: relative;
    background-position: 50% 100%, 0px 0px;
    background-size: 100%, auto;
    background-repeat: no-repeat, repeat;
    color: #fff;
    z-index: 1;
    height: 100vh;
    min-height: 760px;
}

@media (max-width: 678px){
    .banner-section {
        min-height: 500px;
    }
}



.banner-section .drone {
    position: absolute;
    left: 0;
    animation: move 5s infinite;
    width: 170px;
    top: 13%;
}

@keyframes move {
	0% {
        left: 0%;
        
    }
	80% { 
        left: 17%;
    }
    100% { 
        left: 0%;
    }
}

.drops {
    transform-origin: top;
    transform: scale(0);
    animation: rain 5s infinite;
}

@keyframes rain {
	0% {
        transform: scale(0);  
        opacity: 0;
    }
	80% { 
        transform: scale(1);
        opacity: 1; 
    }
    85% { 
        transform: scale(1.2);
        opacity: 0; 
    }
    100% { 
        transform: scale(1.6);
        opacity: 0; 
    }
}

.drone-light {
    width: 220px;
    position: absolute;
    top: 37%;
    left: 3%;
}

.drone-light .light {
    transform-origin: left;
    animation: light 2s infinite;
}

@keyframes light {
	0% {
        opacity: 0; 
    }
    50% {
        opacity: .5;
    }
    100% { 
        opacity: .8;
    }
}




.banner-content {
    text-align: center;
    padding: 60px 15px 0;
}

.banner-content h1 {
    color: var(--e-global-color-astglobalcolor5 );
    font-family: "Thasadith", Sans-serif;
    font-size: 40px;
    font-weight: 700;
    text-transform: none;
    line-height: 52px;
    letter-spacing: 0.19px;
    margin-bottom: 20px;
}

.banner-lists {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-bottom: 40px;
}

.banner-lists li {
    font-family: "Thasadith", Sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.78px;
    text-transform: uppercase;
    position: relative;
    color: #1f3c88;
}

.banner-lists li:before {
    position: absolute;
    left: -15px;
    top: 7px;
    height: 5px;
    width: 5px;
    content: "";
    background: #E68404;
    border-radius: 50%;
}

.banner-lists li:first-child:before {
    display: none;
}


.banner-content .primary-btn {
    background: #fff;
    color: #E68404;
    border-radius: 3px;
    padding: 12px 30px;
    font-weight: 400;
    border: 0px solid #E68404;
    transition: all 0.1s ease-in-out;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.banner-content .primary-btn:hover {
    background: #E68404;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(230, 132, 4, 0.3);
}

.banner-content .primary-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #E68404;
    z-index: -1;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.1s ease-in-out;
}

.banner-content .primary-btn:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}

.banner-content .primary-btn:active {
    transform: translateY(1px);
    box-shadow: 0 2px 8px rgba(230, 132, 4, 0.2);
}


.animated-drone {
    position: absolute;
    left: 0;
    animation: newmove 10s infinite;
}

@keyframes newmove {
	0% {
        left: -55%;
        
    }
    80% { 
        left: 0;
    }
    100% { 
        left: -55%;
    }
}


.zoom-circle img {
    animation: zoom 10s infinite;
}

@keyframes zoom {
	0% {
        transform: scale(0); 
    }
    80% { 
        transform: scale(1);
    }
    100% { 
        transform: scale(0); 
    }
}

.animated-right-drone {
    position: absolute;
    bottom: 0;
    animation: verticalMove 3s infinite;
}

@keyframes verticalMove {
	0% {
        bottom: 5%;
        
    }
    50% { 
        bottom: 0;
    }
    100% { 
        bottom: 5%;
    }
}

.anim--vertical-move{
    animation: verticalMoveTrans 3s infinite;
}

@keyframes verticalMoveTrans {
	0% {
        transform: translateY(-3%);
    }
    33% { 
        transform: translateY(0%);
    }
    100% { 
        transform: translateY(-3%);
    }
}



.service-area {
    -webkit-animation: SlideAnimation 30s linear infinite;
    animation: SlideAnimation 30s linear infinite;
}

@keyframes SlideAnimation {
	from {
		background-position: 0 0;
	}
	to {
		background-position: 1000px 0;
	}
}



.light-green {
    color: #79A134;
}

.light-red {
    color: #A14834;
}





.media-slider-wrap {
    margin: 0 -15px; 
}

.media-slider-wrap .slick-list {
    clip-path: inset(-100vw -100vw -100vw 0);
    overflow: inherit; 
    padding-left: 0!important;
}

.media-slider-wrap .slick-slide {
    margin-left: 15px;
    margin-right: 15px; 
}


.sinlge-media-slider .media-part {
    height: 270px;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 25px;
}

.sinlge-media-slider .meta {
    font-size: 14px;
    color: #90BF41;
    font-weight: 400;
    margin-bottom: 5px;
}

.sinlge-media-slider .name {
    font-size: 24px;
    color: #000;
}

.sinlge-media-slider .desc {
    font-size: 16px;
    font-weight: 700;
    color: #4C4C4C;
}


.video-wrap {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-wrap .play-btn {
    position: relative;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    color: #8FBD3F;
    font-size: 18px;
    z-index: 2; 
}
.video-wrap .play-btn:after {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: 100%;
    content: "";
    border-radius: 50%;
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: glowing 1.5s linear infinite;
    -moz-animation: glowing 1.5s linear infinite;
    -o-animation: glowing 1.5s linear infinite;
    animation: glowing 1.5s linear infinite;
    z-index: -1; 
}
@-webkit-keyframes glowing {
    0% {
    height: 100%;
    width: 100%; 
    }
    100% {
    height: 150%;
    width: 150%;
    opacity: 0; 
    } 
}
@-moz-keyframes glowing {
    0% {
    height: 100%;
    width: 100%; 
    }
    100% {
    height: 150%;
    width: 150%;
    opacity: 0; 
    } 
}
@-o-keyframes glowing {
    0% {
    height: 100%;
    width: 100%; 
    }
    100% {
    height: 150%;
    width: 150%;
    opacity: 0; 
    } 
}
@keyframes glowing {
    0% {
    height: 100%;
    width: 100%; 
    }
    100% {
    height: 150%;
    width: 150%;
    opacity: 0; 
    } 
}










/* faq area css  */
.accordion-button {
    font-size: 18px;
    font-weight: 600;
    color: #000615;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 35px;
  }
  
  /* .accordion-button i {
    position: absolute;
    right: 0;
    top: 32px;
  } */
  
  .accordion-body {
    padding: 0 20px 20px;
    position: relative;
    z-index: 1;
    background: #F1F5EA;
  }
  
  /* .accordion-button[aria-expanded="true"] {
    color: #0000FF;
  }
  
  .accordion-button[aria-expanded="true"] .fa-plus {
    display: none;
  } */
  
  .accordion-button {
    font-size: 20px;
    color: #18200A;
    padding: 20px;
    box-shadow: none !important;
    background: transparent;
    padding-right: 30px;
    font-weight: 700;
  }
  
  .accordion-button:not(.collapsed) {
    color: initial;
    background-color: #F1F5EA;
    box-shadow: none;
  }
  
  .accordion-item {
    margin-bottom: 20px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #E5E5E5;
    border-radius: 0!important;
    
  }
  
  .accordion-item.active {
    background: #F1F5EA;
    border-color: transparent;
  }
  
  /* .accordion-button::after {
    display: none;
  } */
  
  .accordion-body p {
    margin-bottom: 0;
    font-size: 14px;
    color: #4C4C4C;
    font-weight: 500;
  }




.tab-lists .elementor-icon-list-item {
    padding: 15px!important;
    border-radius: 12px;
}

.tab-lists.sky-blue .elementor-icon-list-item {
    background: #D7E7FC;
}

.tab-lists.purple .elementor-icon-list-item {
    background: #FFDFF5;
}

.tab-lists.light-green .elementor-icon-list-item {
    background: #D6E2C2;
}

.footer-links a.hfe-menu-item.elementor-button:after{
    height: 3px !important;
    background-color: #E68404 !important;
}

@media (max-width: 767px){
    .home-tabs-open.elementor-widget-n-tabs .e-n-tabs-content>.e-con:not(.e-active){
        display: block;
    }
    .home-tabs-open .e-n-tab-title{
        --n-tabs-title-color-active: initial;
    }
}

.anim2_h-2.slide-heading{
    margin-top: -60px;
}


/* DIGITAL FARMERS WIDGETS */
.df-widget-services-area .single-service-item .single-service-title{
    color: #18200A;
    font-size: 26px;
    line-height: 34px;
    font-family: "Fira Sans", sans-serif;
    font-weight: 700;
}

.df-widget-services-area .single-service-item .single-service-title span{
    color: var(--df-widget-service-card-span-color);
}
.df-widget-services-area .single-service-item{
    background-color: var(--df-widget-service-card-bg);
    border-radius: 24px;
}
.df-widget-services-area .single-service-item .single-service-sub-heading{
    font-family: var(--ff-inter);
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
    color: #18200A;
}
.df-widget-services-area .single-service-content{
    color: #262626;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-family: var(--ff-inter);
}
.df-widget-services-area .form-service-select{
    padding: 15px 30px;
    cursor: pointer;
}
.df-widget-services-area .form-service-input,
.df-widget-services-area .form-service-select{
    padding: 15px 30px;
}

.empty-services-message{
    text-align: center;
    min-height: 25vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(230, 132, 4, 0.05);
    color: rgba(230, 132, 4, 1);
    border-radius: 24px;
}

.df-widget-services-area .single-service-category-list {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    align-items: center;
}

@media(min-width: 992px){
    .df-widget-services-area .single-service-item .single-service-title{
        font-size: 36px;
        line-height: 40px;
    }
    .df-widget-services-area .single-service-item .single-service-sub-heading{
        font-size: 18px;
        line-height: 27px;
    }
}
.single-service-item .primary-btn{
    background-color: var(--df-widget-service-card-span-color);
    color: #fff;
}


/* CASES SLIDER */
.case-slider-area{
    position: relative;
}

.case-slider-area .slick-slide.slick-active .case-slide-content{
    transform: translateX(var(--case-slide-content-transform-x, 0px)) translateY(0px);
    opacity: 1;
    visibility: visible;
}
.case-slider-area .case-slide-content{
    max-width: 100%;
    transform: translateX(var(--case-slide-content-transform-x, 0px)) translateY(50px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    transition-delay: 0.2s;
}
.case-slider-area .case-slide-content .card{
    --bs-card-border-radius: 0.25rem;
    --bs-card-border-width: 0px;
    --bs-card-spacer-x: 25px;
    --bs-card-spacer-y: 20px;
}

.case-slide-heading {
    color: var(--item-color, #222);
    margin-bottom: 15px;
}
.case-slide-quote {
    color: var(--item-color, #222);
    letter-spacing: 0.25px;
    margin-bottom: 35px;
}

.cases-btn--primary {
    background: var(--item-color, #E68404);
    font-size: 16px;
    display: flex;
    padding: 12px 30px;
    color: #fff;
    border-radius: 0;
}
.cases-btn--primary:hover{
    --item-color: #E68404;
    background-color: var(--item-color, #E68404);
    color: #fff;
}

.cases-btn--secondary {
    color: var(--item-color, #E68404);
    font-size: 16px;
    display: flex;
    padding: 12px 30px;
    background-color: transparent;
    border-radius: 0;
}
.cases-btn--secondary:hover{
    --item-color: #E68404;
    color: var(--item-color, #E68404);
}

.case-slider-area .case-slide-content .card-footer {
    color: #6D6D6D;
    font-family: "Fira Sans", Sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    line-height: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.case-slider-area .case-slider-navigation {
    display: flex;
    align-items: center;
    padding: 15px;
    z-index: 3;
    gap: 10px;
    width: 100%;
}

.case-slider-area .banner-spacer{
    min-height: 300px;
}
.case-slider-area .case-slide-arrow {
    display: inline-flex;
    align-items: center;
    width: 40px;
    height: 40px;
    justify-content: center;
    border-radius: 50px;
    font-size: 14px;
    background: #fff;
    transition: all 0.2s ease-in-out;
}
.case-slider-area .case-slide-arrow:hover{
    background-color: #E68404;
    color: #fff;
}
.case-slide-gallery img {
    width: auto;
    height: 16px;
    filter: brightness( 0% ) contrast( 0% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );
}
.case-slide-gallery img:hover {
    filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}
.case-slide-gallery {
    display: flex;
    gap: 20px;
}
.case-slide-banner{
    background-position: center;
    background-size: cover;
}
@media (min-width: 768px){
    .card-alignment--right{
        --case-slide-content-transform-x: -100px;
    }
    .card-alignment--left{
        --case-slide-content-transform-x: 100px;
    }
    .case-slider-area .case-slide-content .card{
        --bs-card-spacer-x: 40px;
        --bs-card-spacer-y: 30px;
    }
    .case-slider-area .case-slide-content{
        max-width: 600px;
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .case-slider-area .case-slider-navigation {
        position: absolute;
        bottom: 10px;
        left: 0;
    }
    .case-slider-area .slick-track{
        display: flex;
    }
    .case-slider-area .slick-track .slick-slide{
        height: auto;
    }
    .case-slider-area .slick-track .slick-slide > div,
    .case-slider-area .slick-track .slick-slide > div > div,
    .case-slider-area .slick-track .slick-slide > div > div > div,
    .case-slider-area .slick-track .slick-slide > div > div > div > div,
    .case-slider-area .slick-track .slick-slide > div > div > div > div > div, 
    .case-slider-area .slick-track .slick-slide > div > div > div > div > div > div{ 
        height: 100%;
    }
}
@media (max-width: 767px){
    .card-alignment--right{
        padding: 15px;
    }
    .card-alignment--left{
        padding: 15px;
    }
}
@media (max-width: 882px){
    .cases-btn--primary{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cases-btn--secondary{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 767px){}

.video-play-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    transition: all 0.2s ease-in-out;
}
@media (max-width: 991px){
    .video-play-button {
        font-size: 20px;
        width: 30px;
        height: 30px;
    }
    .video-play-button:after{
        width: 60px;
        height: 60px;
    }

}           
.video-play-button:hover,
.video-play-button:hover:after,
.video-play-button:hover:before {
    --item-color: #E68404;
    background-color: var(--item-color, #E68404);
}
.video-play-button:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: var(--item-color, #E68404);;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: -1;
    transition: all 0.2s ease-in-out;
  }
  .video-play-button:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: var(--item-color, #E68404);;
    border-radius: 50%;
    transition: all 200ms;
  }
  
@keyframes pulse-border {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
    }
  }
  
  @media (min-width: 1366px){
    .about-group >.e-con-inner:before {
        width: 47%;
        right: 0%;
    }

  }
  
@media (min-width: 881px){
    .about-group >.e-con-inner {
        position: relative;
    }
    .about-group >.e-con-inner:before {
        content: "";
        position: absolute;
        width: 330px;
        height: 100%;
        background: url('https://digitalfarmers.be/wp-content/uploads/2023/10/about-us-right-bg.svg');
        right: 18%;
        bottom: 80px;
    }
}


/* W */
.error-404{
    padding: 50px 0;
    text-align: center;
}
.error-404 .page-title{
    font-size: 22px;
    color: #000;
    font-weight: 700;
}

.error-404 p{
    font-size: 13px;
    color: #000;
}

.error-404 .btn-home{
    font-size: 13px;
    line-height: 18px;
    padding: 10px 20px;
    border-width: 2px;
}
@media (min-width: 991px){
    .error-404{
        padding: 70px 0;
    }
    .error-404 p{
        font-size: 20px;
    }
        
    .error-404 .btn-home{
        font-size: 17px;
        line-height: 22px;
        padding: 12px 35px;
    }
    .error-404 .page-title{
        font-size: 50px;
    }    
}


  .rainbow-shift {
    background: linear-gradient(to right, #f69f1f, #fbb03b, #f69f1f);
    background-size: 200% 100%;
    animation: shift-gradient 3s linear infinite;
    transition: all 0.5s ease;
    padding: 10px 34px;
    display: inline-flex
;
    font-size: .9rem;
    font-weight: 400;
    color: #fff;
    border-radius: 6px;
  }

  .rainbow-shift:hover {
    background: linear-gradient(to right, #006837, #559632, #006837);
    color: #fff !important;
    background-size: 200% 100%;
    animation: shift-gradient 3s linear infinite;
  }

  @keyframes shift-gradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }