@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
 @-webkit-keyframes defes_fade {
     from {
        opacity:0;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
    }
     to {
        opacity:1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
 @keyframes defes_fade {
     from {
        opacity:0;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
    }
     to {
        opacity:1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
 @-webkit-keyframes defes_small_fade {
     from {
        opacity:0;
    }
     to {
        opacity:0.6;
    }
}
 @keyframes defes_small_fade {
     from {
        opacity:0;
    }
     to {
        opacity:0.6;
    }
}
 @-webkit-keyframes defes_header_right {
     from {
        right: -1000px;
    }
     to {
        right: 0px;
    }
}
 @keyframes defes_header_right {
     from {
        right: -1000px;
    }
     to {
        right: 0px;
    }
}
 @-webkit-keyframes show_pagination {
     from {
        opacity: 0;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
    }
     to {
        opacity: 1;
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
}
 @keyframes show_pagination {
     from {
        opacity: 0;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
    }
     to {
        opacity: 1;
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
}
 @-webkit-keyframes pagination_hide {
     from {
        opacity: 1;
    }
     to {
        opacity: 0;
    }
}
 @keyframes pagination_hide {
     from {
        opacity: 1;
    }
     to {
        opacity: 0;
    }
}
 @-webkit-keyframes pagination_show {
     from {
        opacity: 0;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
    }
     to {
        opacity: 1;
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
}
 @keyframes pagination_show {
     from {
        opacity: 0;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
    }
     to {
        opacity: 1;
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
}
@-webkit-keyframes pagination_show_circles {
    from {
       opacity: 0;
   }
    to {
       opacity: 1;
   }
}
@keyframes pagination_show_circles {
    from {
       opacity: 0;
   }
    to {
       opacity: 1;
   }
}
 @-webkit-keyframes defes_left_animation {
     from {
        left: -1000px;
    }
     to {
        left: 0px;
    }
}
 @keyframes defes_left_animation {
     from {
        left: -1000px;
    }
     to {
        left: 0px;
    }
}
 @-webkit-keyframes defes_show_promo {
     from {
        opacity:0;
    }
     to {
        opacity: 1;
    }
}
 @keyframes defes_show_promo {
     from {
        opacity:0;
    }
     to {
        opacity: 1;
    }
}
 @-webkit-keyframes defes_ndesign2_active_dot {
     0% {
         -webkit-transform: scale(1.0);
         transform: scale(1.0);
         opacity: 0;
    }
     25% {
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
         opacity: 1;
    }
     50% {
         -webkit-transform: scale(1.0);
         transform: scale(1.0);
         opacity: 1;
    }
     75% {
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
         opacity: 1;
    }
     100% {
         -webkit-transform: scale(1.0);
         transform: scale(1.0);
         opacity: 1;
    }
}
 @keyframes defes_ndesign2_active_dot {
     0% {
         -webkit-transform: scale(1.0);
         transform: scale(1.0);
         opacity: 0;
    }
     25% {
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
         opacity: 1;
    }
     50% {
         -webkit-transform: scale(1.0);
         transform: scale(1.0);
         opacity: 1;
    }
     75% {
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
         opacity: 1;
    }
     100% {
         -webkit-transform: scale(1.0);
         transform: scale(1.0);
         opacity: 1;
    }
}
 @-webkit-keyframes defes_width_animation {
     from {
        width:0px;
    }
     to {
        width:550px;
    }
}
 @keyframes defes_width_animation {
     from {
        width:0px;
    }
     to {
        width:550px;
    }
}
 @-webkit-keyframes defes_fade_from_bottom {
     from {
        bottom:-800px;
        opacity: 0;
    }
     to {
        bottom:0px;
        opacity: 1;
    }
}
 @keyframes defes_fade_from_bottom {
     from {
        bottom:-800px;
        opacity: 0;
    }
     to {
        bottom:0px;
        opacity: 1;
    }
}
@-webkit-keyframes remove_active_dot {
    from {
        background-color: #51a56f;
        -webkit-box-shadow: 1px 1px 15px 5px rgba(74, 208, 121, 0.7);
        box-shadow: 1px 1px 15px 5px rgba(74, 208, 121, 0.7);
    }
     to {
        background-color: #97ddbd;
        -webkit-box-shadow: none;
        box-shadow: none;
     }
}
@keyframes remove_active_dot {
    from {
        background-color: #51a56f;
        -webkit-box-shadow: 1px 1px 15px 5px rgba(74, 208, 121, 0.7);
        box-shadow: 1px 1px 15px 5px rgba(74, 208, 121, 0.7);
    }
     to {
        background-color: #97ddbd;
        -webkit-box-shadow: none;
        box-shadow: none;
     }
}
@-webkit-keyframes defes_active_dot_second_delay {
    from {
        background-color: #97ddbd;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
     to {
        background-color: #51a56f;
        -webkit-box-shadow: 1px 1px 15px 5px rgba(74, 208, 121, 0.7);
        box-shadow: 1px 1px 15px 5px rgba(74, 208, 121, 0.7);
     }
}
@keyframes defes_active_dot_second_delay {
    from {
        background-color: #97ddbd;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
     to {
        background-color: #51a56f;
        -webkit-box-shadow: 1px 1px 15px 5px rgba(74, 208, 121, 0.7);
        box-shadow: 1px 1px 15px 5px rgba(74, 208, 121, 0.7);
     }
}
@-webkit-keyframes second_circle_animation {
    0%{
        height: 20px;
        width: 20px;
        opacity: 0;
    }
    20%{
        opacity: 0.7;
    }
    100%{
        height: 42px;
        width: 42px;
        opacity: 0;
    }
}
@keyframes second_circle_animation {
    0%{
        height: 20px;
        width: 20px;
        opacity: 0;
    }
    20%{
        opacity: 0.7;
    }
    100%{
        height: 42px;
        width: 42px;
        opacity: 0;
    }
}
@-webkit-keyframes second_circle_animation_medium {
    0%{
        height: 17px;
        width: 17px;
        opacity: 0;
    }
    20%{
        opacity: 0.7;
    }
    100%{
        height: 37px;
        width: 37px;
        opacity: 0;
    }
}
@keyframes second_circle_animation_medium {
    0%{
        height: 17px;
        width: 17px;
        opacity: 0;
    }
    20%{
        opacity: 0.7;
    }
    100%{
        height: 37px;
        width: 37px;
        opacity: 0;
    }
}
@-webkit-keyframes second_circle_animation_small {
    0%{
        height: 15px;
        width: 15px;
        opacity: 0;
    }
    20%{
        opacity: 0.7;
    }
    100%{
        height: 32px;
        width: 32px;
        opacity: 0;
    }
}
@keyframes second_circle_animation_small {
    0%{
        height: 15px;
        width: 15px;
        opacity: 0;
    }
    20%{
        opacity: 0.7;
    }
    100%{
        height: 32px;
        width: 32px;
        opacity: 0;
    }

}
@-webkit-keyframes second_circle_animation_xsmall {

    0%{
        height: 12px;
        width: 12px;
        opacity: 0;
    }
    20%{
        opacity: 0.7;
    }
    100%{
        height: 28px;
        width: 28px;
        opacity: 0;
    }

}
@keyframes second_circle_animation_xsmall {
    0%{
        height: 12px;
        width: 12px;
        opacity: 0;
    }
    20%{
        opacity: 0.7;
    }
    100%{
        height: 28px;
        width: 28px;
        opacity: 0;
    }
}

.defes_active_second_dot_animation {
    -webkit-animation: defes_active_dot_second_delay 0.5s forwards;
            animation: defes_active_dot_second_delay 0.5s forwards;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
}

 .defes_fade_from_bottom{
     -webkit-animation: defes_fade_from_bottom 0.9s;
     animation: defes_fade_from_bottom 0.9s;
     -webkit-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
}
 .defes_width_animation{
     -webkit-animation: defes_width_animation 0.5s;
     animation: defes_width_animation 0.5s;
     -webkit-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
}
 .defes_show_promo{
     -webkit-animation: defes_show_promo 0.5s;
     animation: defes_show_promo 0.5s;
     -webkit-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
}
 .initial_pagination{
     -webkit-animation: pagination_show 0.5s;
     animation: pagination_show 0.5s;
     -webkit-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
}
.initial_pagination_delay{
    -webkit-animation: pagination_show 0.5s;
    animation: pagination_show 0.5s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-delay: 4s;
            animation-delay: 4s;
}
 .show_pagination{
     -webkit-animation: pagination_show 0.5s;
     animation: pagination_show 0.5s;
     -webkit-animation-delay: 0.6s;
     animation-delay: 0.6s;
     -webkit-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
}
 .show_fade{
     -webkit-animation: pagination_show 0.5s;
     animation: pagination_show 0.5s;
     -webkit-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
     -webkit-animation-delay: 0.4s;
             animation-delay: 0.4s;
}
 .benefit_opacity_animation {
     -webkit-animation: pagination_show_circles 0.5s;
     animation: pagination_show_circles 0.5s;
     -webkit-animation-delay: 2.6s;
     animation-delay: 2.6s;
     -webkit-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
}
.benefit_opacity_animation_txt_elements {
    -webkit-animation: pagination_show 0.5s;
    animation: pagination_show 0.5s;
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
}
 .benefit_opacity_animation_flow {
     -webkit-animation: defes_small_fade 0.5s;
     animation: defes_small_fade 0.5s;
     -webkit-animation-delay: 2.6s;
     animation-delay: 2.6s;
     -webkit-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
}
.remove_pagination{
     -webkit-animation: pagination_hide 0.5s;
     animation: pagination_hide 0.5s;
     -webkit-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
}
.remove_pagination_delay{
    -webkit-animation: pagination_hide 0.5s;
    animation: pagination_hide 0.5s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-delay: 3.4s;
            animation-delay: 3.4s;
}
.remove_active_dot {
    -webkit-animation: remove_active_dot 0.5s;
    animation: remove_active_dot 0.5s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-delay: 3.4s;
            animation-delay: 3.4s;
}
 .left_slide_animation{
     -webkit-animation: defes_left_animation 1.2s;
     animation: defes_left_animation 1.2s;
     -webkit-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
}
 .right_slide_animation{
     -webkit-animation: defes_header_right 1.2s;
     animation: defes_header_right 1.2s;
     -webkit-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
}
 .defes_main_section{
     max-width:1600px;
     margin:auto;
     font-family: "Encode Sans", sans-serif!important;
}
 .defes_main_section_wrapper{
     width:100%;
     container-type: inline-size;
     overflow: hidden;
}
 .defes_main_section *{
     margin:0px;
     padding:0px;
     border:0px;
     outline:none;
}
 .defes_header_section{
     width:100%;
     background-image: url("/content/dam/bekoglobal/bg/campaigns/energyspin/img/header.png");
     background-size:cover;
     background-repeat: no-repeat;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .defes_header_content{
     padding:50px 80px 30px 120px;
     overflow: hidden;
}
 .defes_header_logo{
     margin-bottom:30px;
     position:relative;
}
 .defes_header_logo img{
     width: 450px;
     -webkit-animation: defes_fade 1s;
     animation: defes_fade 1s;
     -webkit-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
     opacity: 0;
}
 .defes_header_text{
     margin-bottom:40px;
}
 .defes_header_title{
     font-size:50px;
     color:#fff;
     font-weight: bold;
     text-shadow: 1px 1px 10px rgb(153, 250, 185, 0.5);
     margin-bottom:20px;
     -webkit-animation: defes_fade 1s;
     animation: defes_fade 1s;
     -webkit-animation-delay: 0.5s;
     animation-delay: 0.5s;
     -webkit-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
     opacity: 0;
     position:relative;
}
 .defes_header_title span{
     display:block;
     font-size:140px;
     color:#98fab8;
     height:auto;
     line-height: 1;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
}
 .defes_header_title span:hover{
     text-shadow: 1px 1px 25px rgb(153, 250, 185, 0.5);
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
}
 .defes_header_subtitle{
     font-size:32px;
     color:#fff;
     font-weight: bold;
     text-shadow: 1px 1px 10px rgb(153, 250, 185, 0.5);
     -webkit-animation: defes_fade 1s;
     animation: defes_fade 1s;
     -webkit-animation-delay: 0.5s;
     animation-delay: 0.5s;
     -webkit-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
     opacity: 0;
     position:relative;
}
 .defes_header_text_disclaimer{
     font-size:18px;
     color:#fff;
     max-width: 580px;
     -webkit-animation: defes_fade 1.2s;
     animation: defes_fade 1.2s;
     -webkit-animation-delay: 1s;
     animation-delay: 1s;
     -webkit-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
     opacity: 0;
}
 .defes_header_image{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
     padding-top:20px;
     position: relative;
     right:-1000px;
     -webkit-animation: defes_header_right 1.2s ease;
     animation: defes_header_right 1.2s ease;
     -webkit-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
}
 .defes_header_image_green{
     position: absolute;
     width: 100%;
     top:-50px;
}
 .defes_header_image_green_custom{
     position: absolute;
     top:50%;
     left:50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width:55%;
     height:55%;
     border-radius: 1000px;
     -webkit-box-shadow: 0px 0px 94px 18px rgba(152,250,184,1);
     box-shadow: 0px 0px 94px 18px rgba(152,250,184,1);
}
 .defes_header_image img{
     height:750px;
}
 .defes_header_image_mobile{
     display:none;
     position: relative;
     -webkit-animation: defes_header_right 1.2s;
     animation: defes_header_right 1.2s;
     right:-1000px;
     -webkit-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
}
 .defes_header_image_machine{
     position: relative;
     z-index:1;
}
/*Second segment*/
 .defes_green_section{
     background-image: url("/content/dam/bekoglobal/bg/campaigns/energyspin/img/second_segment.png");
     background-size:cover;
     background-repeat: no-repeat;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding:80px 120px 80px;
}
 .defes_green_left{
     width: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .defes_green_left_content{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding-left:70px;
     position:relative;
     left:-1000px;
}
 .defes_green_left_text{
     font-size:40px;
     color:#01152a;
     font-weight: bold;
     text-align: center;
     margin-bottom: 10px;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
}
 .defes_green_left_content img{
     width: 340px;
}
 .defes_green_right{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 50%;
}
 .defes_green_right_wrapper{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width:-webkit-fit-content;
     width:-moz-fit-content;
     width:fit-content;
     opacity: 0;
}
 .defes_green_right_dots{
     width:300px;
     height:20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .defes_green_right_dot{
     background-color: #97ddbd;
     height:20px;
     width:20px;
     border-radius: 60px;
     cursor: pointer;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
}
 .defes_green_right_dot:hover{
     background-color: #51a56f;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
     -webkit-box-shadow: 1px 1px 15px 5px rgb(74, 208, 121, 0.7);
     box-shadow: 1px 1px 15px 5px rgb(74, 208, 121, 0.7);
}
 .defes_active_dot{
     background-color: #51a56f;
     -webkit-box-shadow: 1px 1px 15px 5px rgb(74, 208, 121, 0.7);
     box-shadow: 1px 1px 15px 5px rgb(74, 208, 121, 0.7);
}
 .defes_green_right_content{
     width:450px;
     margin: auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height:330px;
}
 .defes_green_right_text{
     opacity: 0;
     position: absolute;
     -webkit-transition: 0.5s ease;
     -o-transition: 0.5s ease;
     transition: 0.5s ease;
     max-width:450px;
     text-align: center;
     font-size:25px;
}
 .defes_green_right_text_bold{
     color:#51a56f;
     font-weight:bold;
}
/*Third segment*/
 .defes_benefits_section{
     background-image: url("/content/dam/bekoglobal/bg/campaigns/energyspin/img/third_segment.png");
     background-size:cover;
     background-repeat: no-repeat;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding:40px 0px;
}
 .defes_benefits_left, .defes_benefits_right{
     width: 50%;
}
 .defes_benefits_left{
     padding-left:120px;
     position:relative;
     z-index: 9;
}
 .defes_benefits_block{
     height:200px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom:20px;
     cursor: pointer;
}
 .defes_benefits_image{
     min-width:150px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     position:relative;
     left:-1000px;
}
 .defes_benefits_img_first{
     width: 145px;
     position: relative;
     z-index: 1;
}
 .defes_benefits_img_first_glow{
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width:360px;
     height:320px;
     opacity: 0;
     -webkit-transition: 0.7s ease;
     -o-transition: 0.7s ease;
     transition: 0.7s ease;
}
 .defes_benefits_img_second{
     width: 150px;
     position: relative;
     z-index: 1;
}
 .defes_benefits_img_second_glow{
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width:400px;
     opacity: 0;
     -webkit-transition: 0.7s ease;
     -o-transition: 0.7s ease;
     transition: 0.7s ease;
}
 .defes_benefits_img_third{
     width: 120px;
     position: relative;
     z-index: 1;
}
 .defes_benefits_img_third_glow{
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width:370px;
     opacity: 0;
     -webkit-transition: 0.7s ease;
     -o-transition: 0.7s ease;
     transition: 0.7s ease;
}
 #defes_benefit_animation_element{
     height:150px;
     position: absolute;
     left:0px;
     top:4%;
     -webkit-transition:0.5s ease;
     -o-transition:0.5s ease;
     transition:0.5s ease;
}
 #defes_benefit_animation_element img{
     height:150px;
     opacity:0;
}
 .defes_benefits_text{
     -webkit-transition: 0.5s ease;
     -o-transition: 0.5s ease;
     transition: 0.5s ease;
     min-width:400px;
     width:400px;
     text-align: left;
     font-size:25px;
     color:#fff;
     margin-left:30px;
     position:relative;
     opacity:0;
}
.defes_benefits_text_transform{
    -webkit-transition: 0.5s ease;
     -o-transition: 0.5s ease;
     transition: 0.5s ease;
     padding-right:20px;
}
 .defes_benefits_text_bold{
     color:#98fab8;
     font-weight:bold;
}
 .defes_benefits_right{
     position:relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .defes_benefits_right img{
     width:750px;
     position: relative;
}
 #defes_machine_green{
     display: none;
}
 .defes_benefits_right_wrapper{
     position: relative;
     right:-1000px;
}
 #defes_machine_img{
     position:relative;
     right:-25px;
}
/*Forth Section*/
 .defes_programs_section{
     padding:50px 0px;
     background-image: url("/content/dam/bekoglobal/bg/campaigns/energyspin/img/forth_section.png");
     width: 100%;
     background-size: cover;
     background-repeat: no-repeat;
}
 .defes_programs_title{
     font-size:40px;
     color:#000;
     font-weight:bold;
     text-align: center;
     padding:0px 40px;
     max-width: 1250px;
     margin:auto auto 50px;
     opacity: 0;
}
 .defes_programs_animation{
     width:1230px;
     margin:auto;
     overflow:hidden;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .defes_programs_animation_wrapper{
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-pack:center;
     -ms-flex-pack:center;
     justify-content:center;
     width:1230px;
     margin:auto;
     position:relative;
     -webkit-transition:0.5s ease;
     -o-transition:0.5s ease;
     transition:0.5s ease;
}
 .defes_programs_arrows{
     width:400px;
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-pack:justify;
     -ms-flex-pack:justify;
     justify-content:space-between;
     margin:auto;
     cursor: pointer;
}
 .defes_programs_arrow{
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
}
 .defes_programs_arrows img{
     width:25px;
}
 .defes_program {
     position: relative;
     display: inline-block;
     width: 390px;
     height: 390px;
     border-radius: 50%;
     background: rgb(43,107,109);
     background: -o-linear-gradient(306deg, rgba(43,107,109,1) 0%, rgba(13,68,88,1) 100%);
     background: linear-gradient(144deg, rgba(43,107,109,1) 0%, rgba(13,68,88,1) 100%);
     -webkit-transition: 0.5s ease;
     -o-transition: 0.5s ease;
     transition: 0.5s ease;
}
 .defes_program svg {
     -webkit-transform: rotate(270deg);
     -ms-transform: rotate(270deg);
     transform: rotate(270deg);
}
 .defes_program circle {
     stroke-width: 8;
     fill: none;
     stroke-linecap: round;
}
 .defes_program_background{
     stroke: #98fab8;
     stroke-dasharray: calc(2 * 3.14 * 40);
     display:block;
}
 .defes_program_background_first{
     stroke-dashoffset: calc(0.30 * (2 * 3.14 * 40));
}
 .defes_program_background_second{
     stroke-dashoffset: calc(0.44 * (2 * 3.14 * 40));
}
 .defes_program_background_third{
     stroke-dashoffset: calc(0.64 * (2 * 3.14 * 40));
}
 .defes_program circle:nth-of-type(2) {
     stroke: #98fab8;
     stroke-dasharray: calc(2 * 3.14 * 40);
     stroke-dashoffset: calc(1 * (2 * 3.14 * 40));
     -webkit-transition: stroke-dashoffset 0.5s ease;
     -o-transition: stroke-dashoffset 0.5s ease;
     transition: stroke-dashoffset 0.5s ease;
     -webkit-filter: drop-shadow(0 0 2px #98fab8);
     filter: drop-shadow(0 0 2px #98fab8);
}
 .defes_program_inner {
     margin: 0;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     background:#d8ffed;
     height:230px;
     width:230px;
     border-radius:500px;
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align:center;
     -ms-flex-align:center;
     align-items:center;
     -webkit-box-pack:center;
     -ms-flex-pack:center;
     justify-content:center;
}
 .defes_program_inner_value{
     font-weight: bold;
     color:#000;
     font-size:70px;
     text-align: center;
}
 .defes_program_inner_text{
     color:#000;
     font-size:27px;
     text-align: center;
}
 .defes_program_middle{
     margin:0px 30px;
}
 .defes_programs_disclaimer{
     text-align: center;
     font-size:18px;
     color:#000;
     padding:0px 30px;
     margin-top:40px;
}
 .defes_programs_anim{
     opacity: 0;
}
/*Promo section*/
 .defes_promo_section{
     background-color: #fff;
     width:100%;
     padding:60px 120px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .defes_promo_left, .defes_promo_right{
     width:50%;
}
 .defes_promo_left{
     padding-right:50px;
}
 .defes_promo_right{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
}
 .defes_promo_title{
     font-size:40px;
     color:#000;
     font-weight:bold;
     text-align: left;
     margin-bottom:40px;
     opacity: 0;
}
 .defes_promo_text{
     color:#000;
     text-align: left;
     font-size: 25px;
     opacity: 1;
     max-width: 580px;
     margin-bottom:40px;
     opacity: 0;
}
 .defes_promo_text_bold{
     font-weight: bold;
     color:#51a56f;
}
 .defes_promo_button{
     padding:10px 30px;
     background: rgb(32,159,133);
     background: -o-linear-gradient(top, rgba(32,159,133,1) 0%, rgba(121,214,165,1) 100%);
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(32,159,133,1)), to(rgba(121,214,165,1)));
     background: linear-gradient(180deg, rgba(32,159,133,1) 0%, rgba(121,214,165,1) 100%);
     text-decoration: none;
     border-radius:60px;
     color:#fff;
     font-weight: bold;
     white-space: nowrap;
}
 .defes_promo_button_wrapper{
     width: 100%;
     -webkit-transition:0.3s ease;
     -o-transition:0.3s ease;
     transition:0.3s ease;
     opacity: 1;
}
 .defes_promo_button_wrapper:hover{
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05);
     -webkit-transition:0.3s ease;
     -o-transition:0.3s ease;
     transition:0.3s ease;
}
 .defes_promo_image{
     max-width:600px;
     width: 100%;
     cursor: pointer;
     -webkit-transition:0.3s ease;
     -o-transition:0.3s ease;
     transition:0.3s ease;
     position: relative;
     right:-1000px;
}
 .defes_promo_image_mobile{
     display:none;
}
 .defes_promo_image_desktop{
     display:block;
}
 .defes_promo_image:hover{
     -webkit-transform: scale(1.03);
     -ms-transform: scale(1.03);
     transform: scale(1.03);
     -webkit-transition:0.3s ease;
     -o-transition:0.3s ease;
     transition:0.3s ease;
}
 .defes_promo_video_wrapper{
     width:100%;
     height:100vh;
     background-color: rgba(0,0,0,0.6);
     position:fixed;
     top:0px;
     left:0px;
     z-index: 999999999;
     opacity: 0;
     display:none;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .defes_promo_video_close{
     height:55px;
     width:55px;
     top:0px;
     right:0px;
     position: absolute;
     background-color: #000;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     cursor: pointer;
}
 .defes_promo_video_close img{
     width:20px;
}
 .defes_promo_video_yt_wrapper{
     max-width: 1000px;
     width: 95%;
     aspect-ratio: 16 / 9;
     overflow: hidden;
     border:0px;
}
 .defes_promo_video_yt{
     width: 100%;
     height:100%;
}
/*Technologies */
 .defes_techno_section{
     background-image: url("/content/dam/bekoglobal/bg/campaigns/energyspin/img/techno_background.png");
     background-size: cover;
     padding:60px 120px;
     width: 100%;
}
 .defes_techno_logo{
     margin:auto auto 40px;
     width:450px;
     opacity: 0;
}
 .defes_techno_logo img{
     width:100%;
}
 .defes_techno_first_text{
     font-size:35px;
     text-align: center;
     font-weight: bold;
     color:#000;
     max-width: 1120px;
     margin:auto auto 40px;
     opacity: 0;
}
 .defes_techno_second_text{
     font-size:35px;
     text-align: center;
     font-weight: bold;
     color:#167ea3;
     max-width: 920px;
     margin:auto auto 40px;
     opacity: 0;
}
 .defes_techno_buttons_wrapper, .defes_techno_buttons_wrapper_desktop{
     width:100%;
     max-width: 1200px;
     margin:auto;
}
 .defes_techno_buttons_wrapper{
     opacity: 0;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
}
 .defes_techno_buttons_wrapper_desktop{
     display:block;
}
 .defes_techno_buttons_wrapper{
     display:none;
}
 .defes_techno_buttons, .defes_techno_buttons_desktop{
     width: 100%;
     position:relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .defes_techno_buttons{
     padding-bottom:25px;
}
 .defes_techno_button, .defes_techno_button_desktop{
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     border:3px solid #a2ffde;
     border-radius: 100px;
     -webkit-transition:0.3s ease;
     -o-transition:0.3s ease;
     transition:0.3s ease;
}
 .defes_techno_button_desktop{
     opacity: 0;
     -webkit-transition:0.3s ease;
     -o-transition:0.3s ease;
     transition:0.3s ease;
}
 .defes_techno_button_element, .defes_techno_button_element_desktop{
     width:140px;
     height:55px;
     border-radius: 100px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background: rgb(85,227,189);
     background: -o-linear-gradient(top, rgba(85,227,189,1) 0%, rgba(33,144,167,1) 100%);
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(85,227,189,1)), to(rgba(33,144,167,1)));
     background: linear-gradient(180deg, rgba(85,227,189,1) 0%, rgba(33,144,167,1) 100%);
     cursor: pointer;
     color: #fff;
     font-size:17px;
}
 .defes_techno_button:hover, .defes_techno_button_desktop:hover{
     -webkit-transition:0.3s ease;
     -o-transition:0.3s ease;
     transition:0.3s ease;
     -webkit-transform: scale(1.15);
     -ms-transform: scale(1.15);
     transform: scale(1.15);
}
 .defes_techno_content{
     opacity: 0;
     position: absolute;
     top:0px;
     padding:0px 30px;
     opacity: 0;
}
 .defes_techno_content_wrapper{
     margin-top:40px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height:150px;
     opacity:0;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
     position: relative;
}
 .defes_techno_content_title{
     font-size:29px;
     font-weight:bold;
     color:#167ea3;
     text-align: center;
     margin-bottom:20px;
}
 .defes_techno_content_text{
     font-size:25px;
     color:#167ea3;
     text-align: center;
     max-width: 1100px;
     margin:auto;
}
 .defes_active_button{
     -webkit-transition:0.3s ease;
     -o-transition:0.3s ease;
     transition:0.3s ease;
     -webkit-transform: scale(1.15);
     -ms-transform: scale(1.15);
     transform: scale(1.15);
     -webkit-box-shadow: 0px 14px 28px -20px rgba(0,0,0,0.75);
     box-shadow: 0px 14px 28px -20px rgba(0,0,0,0.75);
     border:3px solid #70fdda 
}
 .defes_active_button_mobile{
     -webkit-transition:0.3s ease;
     -o-transition:0.3s ease;
     transition:0.3s ease;
     -webkit-transform: scale(1.15);
     -ms-transform: scale(1.15);
     transform: scale(1.15);
     -webkit-box-shadow: 0px 14px 28px -20px rgba(0,0,0,0.75);
     box-shadow: 0px 14px 28px -20px rgba(0,0,0,0.75);
     border:3px solid #70fdda 
}
 .defes_techno_arrows{
     width:400px;
     display:none;
     -webkit-box-pack:justify;
     -ms-flex-pack:justify;
     justify-content:space-between;
     margin:auto;
     cursor: pointer;
     margin-top:20px;
}
 .defes_techno_arrow{
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
}
 .defes_techno_arrows img{
     width:25px;
}
/*New Design*/
 .defes_ndesign_section{
     background-image: url("/content/dam/bekoglobal/bg/campaigns/energyspin/img/ndesign.png");
     background-size: cover;
     background-position: center;
     padding:60px 120px 70px;
     width: 100%;
}
 .defes_ndesign_title{
     font-size:55px;
     color:#fff;
     text-align: center;
     margin-bottom:25px;
     opacity: 0;
}
 .defes_ndesign_subtitle{
     font-size:27px;
     color:#98fab8;
     text-align: center;
     margin-bottom:50px;
     font-weight: bold;
     opacity: 0;
}
 .defes_ndesign_image_wrapper{
     max-width: 1000px;
     width: 100%;
     margin: auto;
     overflow: hidden;
}
 .defes_ndesign_image_img{
     width: 100%;
     position: relative;
     opacity:0;
     bottom:-800px;
}
 .defes_ndesign_pagination_wrapper{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width:-webkit-fit-content;
     width:-moz-fit-content;
     width:fit-content;
     margin:auto;
     width:100%;
     max-width: 1000px;
     opacity: 0;
}
 .defes_ndesign_pagination_dots{
     width:270px;
     height:20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .defes_ndesign_pagination_dot{
     background-color: #97ddbd;
     height:20px;
     width:20px;
     border-radius: 60px;
     cursor: pointer;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
}
 .defes_ndesign_pagination_dot:hover{
     background-color: #51a56f;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
     -webkit-box-shadow: 1px 1px 15px 5px rgb(74, 208, 121, 0.7);
     box-shadow: 1px 1px 15px 5px rgb(74, 208, 121, 0.7);
}
 .defes_ndesign_pagination_active_dot{
     background-color: #51a56f;
     -webkit-box-shadow: 1px 1px 15px 5px rgb(74, 208, 121, 0.7);
     box-shadow: 1px 1px 15px 5px rgb(74, 208, 121, 0.7);
}
 .defes_ndesign_pagination_content{
     width:100%;
     margin: auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: flex-start;
     -ms-flex-align: flex-start;
     align-items: flex-start;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height:150px;
     color: #fff;
     margin-top:60px;
}
 .defes_ndesign_pagination_text{
     opacity: 0;
     position: absolute;
     -webkit-transition: 0.5s ease;
     -o-transition: 0.5s ease;
     transition: 0.5s ease;
     max-width:1000px;
     text-align: center;
     font-size:25px;
}
 .defes_ndesign_pagination_bold{
     color:#51a56f;
     font-weight:bold;
}
/*Products section*/
 .defes_products_section{
     background-color:#0c4b56;
     width: 100%;
     padding:100px 120px 80px;
     position: relative;
}
 .defes_products_title{
     color: #fff;
     font-size:37px;
     font-weight:bold;
     text-align: center;
     margin-bottom:100px;
     padding:0px 30px;
     opacity: 0;
}
 .defes_products_wrapper{
     width: 100%;
}
 .defes_products_row{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     opacity: 0;
}
 .defes_products_product{
     width:250px;
     margin-bottom: 80px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .defes_products_product img{
     width:100%;
     -webkit-transition: -webkit-transform 0.3s ease;
     transition: -webkit-transform 0.3s ease;
     -o-transition: transform 0.3s ease;
     transition: transform 0.3s ease;
     transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
 .defes_products_code{
     font-size:21px;
     font-weight: bold;
     color:#98fab8;
     margin:30px auto;
     text-align: center;
}
 .defes_products_link{
     width:95%;
     padding:12px 0px;
     background: rgb(65,154,127);
     background: -o-linear-gradient(top, rgba(65,154,127,1) 0%, rgba(80,165,112,1) 100%);
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(65,154,127,1)), to(rgba(80,165,112,1)));
     background: linear-gradient(180deg, rgba(65,154,127,1) 0%, rgba(80,165,112,1) 100%);
     color:#fff;
     font-size:17px;
     font-weight: bold;
     text-align: center;
     border-radius:60px;
     -webkit-transition: -webkit-transform 0.3s ease;
     transition: -webkit-transform 0.3s ease;
     -o-transition: transform 0.3s ease;
     transition: transform 0.3s ease;
     transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.defes_products_link:hover{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
 .defes_products_main_button_wrapper{
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     margin:auto;
     -webkit-transition: -webkit-transform 0.3s ease;
     transition: -webkit-transform 0.3s ease;
     -o-transition: transform 0.3s ease;
     transition: transform 0.3s ease;
     transition: transform 0.3s ease, -webkit-transform 0.3s ease;
     opacity: 1;
}
.defes_products_main_button_transform, .defes_promo_button_transform{
    opacity: 0;
    transition: transform 0.3s ease;
}
.defes_promo_button_transform{
    width: 100%;
}
 .defes_products_main_button{
     padding:12px 30px;
     background: rgb(65,154,127);
     background: -o-linear-gradient(top, rgba(65,154,127,1) 0%, rgba(80,165,112,1) 100%);
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(65,154,127,1)), to(rgba(80,165,112,1)));
     background: linear-gradient(180deg, rgba(65,154,127,1) 0%, rgba(80,165,112,1) 100%);
     color:#fff;
     font-weight: bold;
     font-size:19px;
     text-align: center;
     border-radius:60px;
     -webkit-transition: -webkit-transform 0.3s ease;
     transition: -webkit-transform 0.3s ease;
     -o-transition: transform 0.3s ease;
     transition: transform 0.3s ease;
     transition: transform 0.3s ease, -webkit-transform 0.3s ease;
     white-space: nowrap;
}
 .defes_products_main_button_wrapper:hover{
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05);
     -webkit-transition: -webkit-transform 0.3s ease;
     transition: -webkit-transform 0.3s ease;
     -o-transition: transform 0.3s ease;
     transition: transform 0.3s ease;
     transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
 .defes_products_hl_wrapper{
     position: absolute;
     width: 100%;
     top:-10px;
}
 .defes_products_hl_wrapper img{
     width: 100%;
}
/*Dropdown section*/
 .defes_dropdown_sestion{
     padding:100px 120px 80px;
     background: rgb(1,22,43);
     background: -o-linear-gradient(305deg, rgba(1,22,43,1) 0%, rgba(7,59,87,1) 100%);
     background: linear-gradient(145deg, rgba(1,22,43,1) 0%, rgba(7,59,87,1) 100%);
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
}
 .defes_dropdown_left, .defes_dropdown_right{
     width: 50%;
}
 .defes_dropdown_title{
     width:450px;
     margin-bottom:40px;
     opacity: 0;
}
 .defes_dropdown_title img{
     width:100%;
}
 .defes_dropdown_element{
     margin-bottom:10px;
}
 .defes_dropdown_element_content{
     padding:10px 0px 10px 35px;
     margin-left:15px;
     border-left: 1px solid #fff;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
}
 .defes_dropdown_wrapper{
     max-width: 500px;
}
 .defes_dropdown_wrapper .defes_dropdown_element:last-child .defes_dropdown_element_content{
     border-left: 0px!important;
}
 .defes_dropdown_element_text_wrapper{
     width: 100%;
     height:0px;
     overflow: hidden;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
}
 .defes_dropdown_element_tigger{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding:10px 0px;
     cursor: pointer;
}
 .defes_dropdown_element_tigger_title{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .defes_dropdown_element_tigger_title img{
     width:30px;
     margin-right:20px;
}
 .defes_dropdown_element_tigger_title span{
     color:#98fab8;
     font-weight: bold;
     font-size:23px;
}
 .defes_dropdown_element_tigger_arrow{
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
}
 .defes_dropdown_element_tigger_arrow img{
     width: 20px;
}
 .defes_dropdown_element_text{
     color:#fff;
     font-size:18px;
     padding-right:50px;
}
 .defes_dropdown_right{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .defes_dropdown_gif_wrapper{
     width: 450px;
     overflow: hidden;
     border-radius: 50px;
     -webkit-box-shadow: 0px 0px 94px 18px rgba(152,250,184,1);
     box-shadow: 0px 0px 94px 18px rgba(152,250,184,1);
     margin-bottom:50px;
}
 .defes_dropdown_gif_wrapper img{
     width: 100%;
}
/*New design 2 section*/
 .defes_ndesign2_section{
     width: 100%;
     background: url("/content/dam/bekoglobal/bg/campaigns/energyspin/img/ndesign2.png");
     background-size:cover;
     background-repeat: no-repeat;
     padding:50px 0px;
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
}
 .defes_ndesign2_wrapper{
     position: relative;
     padding:50px 0px;
     width:1080px;
}
 .defes_ndesign2_machine{
     width:700px;
     position:relative;
     left:-1000px;
}
 .defes_ndesign2_machine img{
     width:100%;
}
 .defes_ndesign2_content{
     position: absolute;
     top:0px;
     left:325px;
}
 .defes_ndesign2_content_element{
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
}
 .defes_ndesign2_content_element1{
     top:100px;
     padding-left:180px;
}
 .defes_ndesign2_content_element2{
     top:200px;
     padding-left:0px;
}
 .defes_ndesign2_content_element3{
     top:350px;
     padding-left:0px;
}
 .defes_ndesign2_green_wrapper{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .defes_ndesign2_green_circle{
     height:20px;
     width: 20px;
     background-color: #98fab8;
     border-radius: 60px;
     -webkit-box-shadow: 0px 0px 20px 2px rgba(152,250,184,1);
     box-shadow: 0px 0px 20px 2px rgba(152,250,184,1);
     border:1px solid rgba(120,216,159,0.6 );
     opacity: 0;
     -webkit-transition:0.3s ease;
     -o-transition:0.3s ease;
     transition:0.3s ease;
}
.defes_ndesign2_green_circle11, .defes_ndesign2_green_circle12, .defes_ndesign2_green_circle13{
    background-color: transparent;
    border:0px;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.defes_ndesign2_green_circle21, .defes_ndesign2_green_circle22, .defes_ndesign2_green_circle23{
    background-color: transparent;
    border:0px;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.defes_ndesign2_green_circle_main{
    height:20px;
     width: 20px;
     background-color: #98fab8;
     border-radius: 60px;
     -webkit-box-shadow: 0px 0px 20px 2px rgba(152,250,184,1);
     box-shadow: 0px 0px 20px 2px rgba(152,250,184,1);
     border:1px solid rgba(73, 180, 116, 0.8);
     -webkit-transition:0.3s ease;
     -o-transition:0.3s ease;
     transition:0.3s ease;
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
}
.defes_tc_main{
    border:1px solid rgba(73, 180, 116, 0.5);
}
.defes_ndesign2_green_circle_second{
    height:20px;
     width: 20px;
     background-color: #9ddab2;
     border-radius: 60px;
     -webkit-transition:0.3s ease;
     -o-transition:0.3s ease;
     transition:0.3s ease;
     position: absolute;
     z-index: -1;
     -webkit-animation: second_circle_animation 1.5s ease-in-out forwards;
             animation: second_circle_animation 1.5s ease-in-out forwards;
     -webkit-animation-iteration-count: infinite;
             animation-iteration-count: infinite;
     opacity: 0.7;
}
.defes_tc_second{
    background-color: #5bdd86;
}
.defes_ndesign2_green_circle_third{
    height:20px;
     width: 20px;
     background-color: #b1dcbf;
     border-radius: 60px;
     -webkit-transition:0.3s ease;
     -o-transition:0.3s ease;
     transition:0.3s ease;
     position: absolute;
     z-index: -1;
     -webkit-animation: second_circle_animation 1.5s ease-in-out forwards;
             animation: second_circle_animation 1.5s ease-in-out forwards;
     -webkit-animation-iteration-count: infinite;
             animation-iteration-count: infinite;
     -webkit-animation-delay: 0.3s;
             animation-delay: 0.3s;
     opacity: 0.7;
}
.defes_tc_third{
    background-color: #2cbd5c;
}
 .defes_ndesign2_green_line{
     overflow: hidden;
}
 .defes_ndesign2_green_line1{
     width:350px;
}
 .defes_ndesign2_green_line2{
     width:530px;
}
 .defes_ndesign2_green_line3{
     width:530px;
}
 .defes_ndesign2_green_line_background{
     height:2px;
     background-color: #98fab8;
     -webkit-box-shadow: 0px 0px 20px 2px rgba(152,250,184,1);
     box-shadow: 0px 0px 20px 2px rgba(152,250,184,1);
     border:1px solid rgba(120,216,159,0.5 );
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
     width:0px;
     opacity: 0;
}
 .defes_ndesign2_content_element_block{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     width:180px;
     position: relative;
     opacity: 0;
     -webkit-transition:0.3s ease;
     -o-transition:0.3s ease;
     transition:0.3s ease;
}
 .defes_ndesign2_icon1{
     width:50px;
}
 .defes_ndesign2_icon2{
     width:50px;
}
 .defes_ndesign2_icon3{
     width:100px;
     border:1px solid #98fab8;
}
 .defes_ndesign2_content_element_block_text{
     color:#98fab8;
     font-weight: bold;
     margin:8px auto 5px;
     font-size: 22px;
     text-align: center;
}
 .defes_ndesign2_content_element_block_subtext{
     font-size: 22px;
     color:#fff;
     text-align: center;
}
 .defes_ndesign2_content_element_block1{
     top:-71px;
}
 .defes_ndesign2_content_element_block2{
     top:-61px;
}
 .defes_ndesign2_content_element_block3{
     top:-76px;
}
 .defes_ndesign2_active_dot{
     -webkit-animation: defes_ndesign2_active_dot 3s forwards;
     animation: defes_ndesign2_active_dot 3s forwards;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
}
 .defes_width_animation_opacity{
     opacity:1!important;
     -webkit-transition-delay: 2s;
     -o-transition-delay: 2s;
     transition-delay: 2s;
}
 .defes_ndesign2_hl_wrapper{
     position: absolute;
     width: 100%;
     top:0px;
     right:0px;
     height:60px;
     display: none;
}
 .defes_ndesign2_hl_wrapper img{
     width: 100%;
     position: absolute;
     top:0px;
}
/* Mobile */
@container (max-width:1400px){

    .defes_ndesign2_wrapper{
        width:800px;
   }
    .defes_ndesign2_machine{
        width:500px;
   }
    .defes_ndesign2_content{
        left:230px;
   }
    .defes_ndesign2_content_element1{
        top:90px;
        padding-left:135px;
   }
    .defes_ndesign2_content_element2{
        top:130px;
        padding-left:0px;
   }
    .defes_ndesign2_content_element3{
        top:210px;
        padding-left:0px;
   }
    .defes_ndesign2_green_circle{
        height:17px;
        width: 17px;
   }
   .defes_ndesign2_green_circle_main{
       height:17px;
       width: 17px;
   }
   .defes_ndesign2_green_circle_second{
       height:17px;
       width: 17px;
       -webkit-animation: second_circle_animation_medium 1.5s ease-in-out forwards;
               animation: second_circle_animation_medium 1.5s ease-in-out forwards;
       -webkit-animation-iteration-count: infinite;
               animation-iteration-count: infinite;
   }
   .defes_ndesign2_green_circle_third{
       height:17px;
       width: 17px;
       -webkit-animation: second_circle_animation_medium 1.5s ease-in-out forwards;
               animation: second_circle_animation_medium 1.5s ease-in-out forwards;
       -webkit-animation-iteration-count: infinite;
               animation-iteration-count: infinite;
       -webkit-animation-delay: 0.3s;
               animation-delay: 0.3s;
   }
    .defes_ndesign2_green_line1{
        width:250px;
   }
    .defes_ndesign2_green_line2{
        width:385px;
   }
    .defes_ndesign2_green_line3{
        width:385px;
   }
    .defes_ndesign2_content_element_block{
        width:150px;
   }
    .defes_ndesign2_icon1{
        width:40px;
   }
    .defes_ndesign2_icon2{
        width:40px;
   }
    .defes_ndesign2_icon3{
        width:90px;
   }
    .defes_ndesign2_content_element_block_text{
        font-size: 20px;
   }
    .defes_ndesign2_content_element_block_subtext{
        font-size: 20px;
   }
    .defes_ndesign2_content_element_block1{
        top:-60px;
   }
    .defes_ndesign2_content_element_block2{
        top:-51px;
   }
    .defes_ndesign2_content_element_block3{
        top:-72px;
   }


   .defes_header_image img{
    height:650px;
}
.defes_header_content{
    padding:50px 60px 30px 120px;
}
.defes_header_logo img{
    width: 420px;
}
.defes_header_text{
    margin-bottom:40px;
}
.defes_header_title{
    font-size:45px;
}
.defes_header_title span{
    font-size:130px;
}
.defes_header_subtitle{
    font-size:29px;
}
.defes_header_text_disclaimer{
    font-size:17px;
}


.defes_techno_logo{
    width:350px;
}
.defes_techno_first_text{
    font-size:30px;
    max-width: 1120px;
    margin:auto auto 40px;
    padding:0px 30px;
}
.defes_techno_second_text{
    font-size:30px;
    max-width: 920px;
    margin:auto auto 40px;
    padding:0px 30px;
}

.defes_ndesign_title{
    font-size:45px;
}
.defes_ndesign_subtitle{
    font-size:24px;
}
.defes_ndesign_pagination_text{
    font-size:21px;
    padding:0px 60px;
}
.defes_ndesign_image_wrapper{
    max-width: 850px;
}

}
 @container (max-width:1350px){
     .defes_green_left_content{
         padding-left:0px;
    }
     .defes_benefits_right img{
         width:600px;
    }
     .defes_promo_image{
         max-width:500px;
    }
     .defes_promo_title{
         font-size:35px;
         margin-bottom:35px;
    }
     .defes_promo_text{
         font-size: 22px;
         margin-bottom:35px;
    }
     .defes_products_product{
         width:200px;
    }
     .defes_products_code{
         font-size:17px;
    }
     .defes_products_link{
         font-size:15px;
    }
     .defes_dropdown_sestion{
         padding:80px 100px;
    }

    
}
 @container (max-width:1300px){
     .defes_header_content{
         padding:50px 60px 30px 100px;
    }

     .defes_green_section{
         padding:80px 100px 80px;
         background-position: center;
    }
     .defes_green_right_content{
         width:370px;
         height:400px;
    }
     .defes_green_right_text{
         max-width:370px;
    }
     .defes_green_left{
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
    }
     .defes_green_right{
         -webkit-box-align: end;
         -ms-flex-align: end;
         align-items: flex-end;
    }
     .defes_green_left_content{
         padding-right:40px;
    }
     .defes_benefits_left{
         padding-left:100px;
    }
     .defes_programs_animation{
         width:960px;
    }
     .defes_programs_animation_wrapper{
         width:960px;
    }
     .defes_program {
         width: 300px;
         height: 300px;
    }
     .defes_program circle {
         stroke-width: 8;
    }
     .defes_program_inner {
         height:180px;
         width:180px;
    }
     .defes_program_inner_value{
         font-size:60px;
    }
     .defes_program_inner_text{
         font-size:24px;
    }
     .defes_promo_section{
         padding:50px 100px;
    }
     .defes_techno_section{
         padding:60px 100px;
    }
     .defes_ndesign_section{
         padding:60px 100px;
    }
     .defes_products_section{
         padding:100px 100px 80px;
    }
     .defes_dropdown_gif_wrapper{
         width: 400px;
    }
     .defes_dropdown_gif_wrapper{
         margin-bottom: 0px;
    }
}
 @container (max-width:1250px){
     .defes_techno_button_element{
         width:120px;
         height:50px;
         font-size:16px;
    }
     .defes_dropdown_right{
         -webkit-box-pack: end;
         -ms-flex-pack: end;
         justify-content: flex-end;
    }
     .defes_dropdown_title{
         width:350px;
    }
}
 @container (max-width:1200px){
     .defes_benefits_right img{
         width:500px;
    }
     .defes_dropdown_element_tigger_title span{
         font-size:20px;
    }
     .defes_dropdown_element_text{
         font-size:17px;
    }
}
 @container (max-width:1150px){
     .defes_header_image img{
         height:550px;
    }
     .defes_header_content{
         padding:50px 50px 30px 80px;
    }
     .defes_header_logo img{
         width: 350px;
    }
     .defes_header_text{
         margin-bottom:50px;
    }
     .defes_header_title{
         font-size:40px;
    }
     .defes_header_title span{
         font-size:115px;
    }
     .defes_header_subtitle{
         font-size:26px;
    }
     .defes_benefits_left{
         padding-left:80px;
    }
     .defes_promo_section{
         padding:50px 80px;
    }
     .defes_promo_image{
         max-width:450px;
    }
     .defes_techno_section{
         padding:50px 80px;
    }
     .defes_ndesign_section{
         padding:50px 80px 60px;
    }
     .defes_ndesign_pagination_text{
         max-width:800px;
    }
     .defes_products_section{
         padding:80px 80px 80px;
    }
     .defes_dropdown_gif_wrapper{
         width: 350px;
    }
     .defes_dropdown_sestion{
         padding:60px 80px;
    }
     .defes_dropdown_element_tigger_title span{
         font-size:19px;
    }
     .defes_dropdown_element_text{
         font-size:17px;
    }
    .defes_ndesign_pagination_text{
        padding:0px 30px;
    }
}
 @container (max-width:1100px){
    .defes_promo_button_transform{
        display: flex;
        justify-content: center;
    }
     .defes_benefits_section{
         background-image: url("/content/dam/bekoglobal/bg/campaigns/energyspin/img/third_segment_mobile.png");
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
    }
     .defes_benefits_left, .defes_benefits_right{
         width: 100%;
    }
     .defes_benefits_text{
         min-width:auto;
         width:100%;
         padding-right:30px;
    }
     .defes_benefits_right{
         -webkit-box-align: end;
         -ms-flex-align: end;
         align-items: flex-end;
         width: 100%;
         margin-top:20px;
         margin-bottom:50px;
    }
     .defes_benefits_right_wrapper{
         width: 100%;
    }
     #defes_machine_img{
         position:relative;
         width:100%;
    }
     #defes_machine_img{
         position:relative;
         right:0px;
         width: 100%;
         min-width: 100%;
    }
     #defes_machine_green{
         position: absolute;
         display: block;
         bottom:-50px;
         width:110%;
    }
     .defes_benefits_section{
         padding-bottom:0px;
    }
     .defes_promo_section{
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         padding: 50px 30px;
    }
     .defes_promo_left, .defes_promo_right{
         width:100%;
         padding:0px;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
     .defes_promo_title{
         text-align: center;
         max-width: 600px;
    }
     .defes_promo_text{
         text-align: center;
    }
     .defes_promo_image_mobile{
         display:block;
         margin-bottom:50px;
    }
     .defes_promo_image_desktop{
         display:none;
    }
     .defes_techno_buttons_wrapper_desktop{
         display:none;
    }
     .defes_techno_buttons_wrapper{
         display:block;
    }
     .defes_techno_arrows{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
    }
     .defes_techno_buttons_wrapper{
         overflow: hidden;
         max-width:570px;
         width:100%;
         margin:auto;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         padding:0px 30px;
    }
     .defes_techno_buttons{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
         -webkit-box-pack:start;
         -ms-flex-pack:start;
         justify-content:flex-start;
         width:1110px;
         -webkit-transition:0.5s ease;
         -o-transition:0.5s ease;
         transition:0.5s ease;
         margin:auto;
         position:relative;
         left:190px;
    }
     .defes_techno_button{
         margin-right:30px;
         width:-webkit-fit-content;
         width:-moz-fit-content;
         width:fit-content;
    }
     .defes_techno_button_element{
         width:160px;
         height:60px;
         font-size:18px;
    }
     .defes_techno_button:last-child{
         margin-right:0px;
    }
     .defes_products_row{
         max-width: 580px;
         margin: auto;
    }
     .defes_products_product{
         width:250px;
    }
     .defes_products_code{
         font-size:21px;
    }
}
 @container (max-width:1050px){
     .defes_programs_animation{
         width:100%;
    }
    
     .defes_products_link{
         -webkit-transform: scale(1)!important;
         -ms-transform: scale(1)!important;
         transform: scale(1)!important;
    }
     .defes_products_main_button{
         font-size:17px;
    }
}
 @container (max-width:950px){
     .defes_header_section{
         background-image: url("/content/dam/bekoglobal/bg/campaigns/energyspin/img/header_mobile.PNG");
         background-size: cover;
    }
     .defes_header_image{
         display:none;
    }
     .defes_header_content{
         width: 100%;
         padding:40px 30px;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
     .defes_header_logo{
         margin-bottom:40px;
    }
     .defes_header_logo img{
         width: 100%;
         max-width: 500px;
    }
     .defes_header_title{
         font-size:60px;
         width: 100%;
         max-width: 520px;
         text-align: center;
         text-shadow: 1px 1px 20px rgb(153, 250, 185, 0.5);
    }
     .defes_header_title span{
         font-size:90px;
         display:initial;
    }
     .defes_header_subtitle{
         font-size:32px;
         text-align: center;
         text-shadow: 1px 1px 20px rgb(153, 250, 185, 0.5);
    }
     .defes_header_text_disclaimer{
         font-size:18px;
         max-width: 800px;
         margin-top:20px;
    }
     .defes_header_image_mobile{
         display:block;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         width: 100%;
    }
     .defes_header_image_mobile img{
         width: 95%;
         max-width:700px;
    }
     .defes_green_section{
         background-image: url("/content/dam/bekoglobal/bg/campaigns/energyspin/img/second_segment_mobile.png");
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         padding:70px 30px;
    }
     .defes_green_left{
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
     .defes_green_right{
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
     .defes_green_left_content{
         padding-right:0px;
    }
     .defes_green_left{
         width:100%;
         max-width: 550px;
    }
     .defes_green_right{
         width:100%;
    }
     .defes_green_right_content{
         width:550px;
         height:180px;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
         margin-top:60px;
    }
     .defes_green_right_text{
         max-width:550px;
         font-size:22px;
    }
     .defes_green_left_content img{
         width: 380px;
    }
     .defes_benefits_left{
         padding-left:30px;
    }
     .defes_techno_section{
         padding:50px 0px;
    }
     .defes_ndesign_section{
         padding:50px 30px;
    }
     .defes_products_section{
         padding:50px 0px 80px;
    }
     .defes_products_hl_wrapper{
         display: none;
    }
     .defes_dropdown_sestion{
         padding:60px 30px;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
     .defes_dropdown_left, .defes_dropdown_right{
         width: 100%;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
     .defes_dropdown_left{
         margin: auto;
    }
     .defes_dropdown_wrapper{
         width: 100%;
         min-height: 300px;
    }
     .defes_dropdown_title{
         margin:0px auto 40px;
    }
     .defes_dropdown_gif_wrapper{
         margin-top:20px;
         max-width: 500px;
         width: 100%;
    }
     .defes_ndesign2_hl_wrapper{
         display: block;
    }
     .defes_header_text_disclaimer{
         font-size:16px;
    }
     .defes_green_left_text{
         margin-bottom:20px;
    }
}
 @container (max-width:850px){
     .defes_ndesign2_wrapper{
         width:600px;
    }
     .defes_ndesign2_machine{
         width:400px;
    }
     .defes_ndesign2_content{
         left:190px;
    }
     .defes_ndesign2_content_element1{
         top:70px;
         padding-left:110px;
    }
     .defes_ndesign2_content_element2{
         top:110px;
         padding-left:0px;
    }
     .defes_ndesign2_content_element3{
         top:170px;
         padding-left:80px;
    }
     .defes_ndesign2_green_circle{
         height:15px;
         width: 15px;
    }
    .defes_ndesign2_green_circle_main{
        height:15px;
        width: 15px;
    }
    .defes_ndesign2_green_circle_second{
        height:15px;
        width: 15px;
        -webkit-animation: second_circle_animation_small 1.5s ease-in-out forwards;
                animation: second_circle_animation_small 1.5s ease-in-out forwards;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
    }
    .defes_ndesign2_green_circle_third{
        height:15px;
        width: 15px;
        -webkit-animation: second_circle_animation_small 1.5s ease-in-out forwards;
                animation: second_circle_animation_small 1.5s ease-in-out forwards;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        -webkit-animation-delay: 0.3s;
                animation-delay: 0.3s;
    }
     .defes_ndesign2_green_line1{
         width:140px;
    }
     .defes_ndesign2_green_line2{
         width:250px;
    }
     .defes_ndesign2_green_line3{
         width:170px;
    }
     .defes_ndesign2_content_element_block{
         width:130px;
    }
     .defes_ndesign2_icon1{
         width:40px;
    }
     .defes_ndesign2_icon2{
         width:40px;
    }
     .defes_ndesign2_icon3{
         width:90px;
    }
     .defes_ndesign2_content_element_block_text{
         font-size: 18px;
    }
     .defes_ndesign2_content_element_block_subtext{
         font-size: 18px;
    }
     .defes_ndesign2_content_element_block1{
         top:-59px;
    }
     .defes_ndesign2_content_element_block2{
         top:-50px;
    }
     .defes_ndesign2_content_element_block3{
         top:-70px;
    }
     .defes_ndesign2_wrapper{
         padding:50px 0px 80px;
    }
}
 @container (max-width:800px){
     .defes_programs_title{
         font-size:30px;
    }
     .defes_header_image_green_custom{
         width:65%;
         height:65%;
    }
}
 @container (max-width:650px){
     .defes_benefits_text{
         font-size:22px;
         margin-left:20px;
    }
     .defes_benefits_image{
         min-width:100px;
    }
     .defes_benefits_img_first{
         width: 96px;
    }
     .defes_benefits_img_first_glow{
         width:238px;
         height:211px;
    }
     .defes_benefits_img_second{
         width: 100px;
    }
     .defes_benefits_img_second_glow{
         width:266px;
    }
     .defes_benefits_img_third{
         width: 86px;
    }
     .defes_benefits_img_third_glow{
         width:265px;
    }
     #defes_benefit_animation_element{
         height:140px;
         top:4%;
    }
     #defes_benefit_animation_element img{
         height:120px;
    }
     .defes_benefits_block{
         height:150px;
    }
     .defes_techno_logo{
         margin:auto auto 35px;
         width:300px;
    }
     .defes_techno_first_text{
         font-size:27px;
         margin:auto auto 35px;
    }
     .defes_techno_second_text{
         font-size:27px;
         margin:auto auto 35px;
    }
     .defes_techno_content_title{
         font-size:24px;
    }
     .defes_techno_content_text{
         font-size:19px;
    }
     .defes_ndesign_section{
         background-image: url("/content/dam/bekoglobal/bg/campaigns/energyspin/img/ndesign_mobile.png");
    }
     .defes_products_row{
         width:450px;
    }
     .defes_products_product{
         width:200px;
         margin-bottom:60px;
    }
     .defes_products_code{
         font-size:17px;
    }
     .defes_products_main_button{
         padding:12px 20px;
         font-size:16px;
    }
     .defes_ndesign2_wrapper{
         width:450px;
    }
     .defes_ndesign2_machine{
         width:300px;
    }
     .defes_ndesign2_content{
         left:140px;
    }
     .defes_ndesign2_content_element1{
         top:62px;
         padding-left:83px;
    }
     .defes_ndesign2_content_element2{
         top:85px;
         padding-left:0px;
    }
     .defes_ndesign2_content_element3{
         top:140px;
         padding-left:30px;
    }
     .defes_ndesign2_green_circle{
         height:12px;
         width: 12px;
    }
    .defes_ndesign2_green_circle_main{
        height:12px;
        width: 12px;
    }
    .defes_ndesign2_green_circle_second{
        height:12px;
         width: 12px;
        -webkit-animation: second_circle_animation_xsmall 1.5s ease-in-out forwards;
                animation: second_circle_animation_xsmall 1.5s ease-in-out forwards;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
    }
    .defes_ndesign2_green_circle_third{
        height:12px;
        width: 12px;
        -webkit-animation: second_circle_animation_xsmall 1.5s ease-in-out forwards;
                animation: second_circle_animation_xsmall 1.5s ease-in-out forwards;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        -webkit-animation-delay: 0.3s;
                animation-delay: 0.3s;
    }
     .defes_ndesign2_green_line1{
         width:80px;
    }
     .defes_ndesign2_green_line2{
         width:163px;
    }
     .defes_ndesign2_green_line3{
         width:133px;
    }
     .defes_ndesign2_content_element_block{
         width:120px;
    }
     .defes_ndesign2_icon1{
         width:30px;
    }
     .defes_ndesign2_icon2{
         width:30px;
    }
     .defes_ndesign2_icon3{
         width:71px;
    }
     .defes_ndesign2_content_element_block_text{
         font-size: 16px;
         margin:3px auto 0px;
    }
     .defes_ndesign2_content_element_block_subtext{
         font-size: 16px;
    }
     .defes_ndesign2_content_element_block1{
         top:-43px;
    }
     .defes_ndesign2_content_element_block2{
         top:-36px;
    }
     .defes_ndesign2_content_element_block3{
         top:-54px;
    }
     .defes_ndesign2_wrapper{
         padding:50px 0px 50px;
    }
     .defes_ndesign2_section{
         background: url("/content/dam/bekoglobal/bg/campaigns/energyspin/img/ndesign2_mobile.png");
         padding:40px 0px;
    }
     .defes_header_text_disclaimer{
         font-size:13px;
    }
     .defes_ndesign_pagination_content{
         margin-top:50px;
    }
    .defes_products_section{
        padding:50px 0px 60px;
    }
}
 @container (max-width:600px){
     .defes_header_title{
         font-size:40px;
         max-width: 400px;
    }
     .defes_header_subtitle{
         font-size:25px;
    }
     .defes_green_left_text{
         font-size:32px;
    }
     .defes_green_left_content img{
         width: 300px;
    }
     .defes_green_right_content{
         width:360px;
         height:170px;
    }
     .defes_green_right_text{
         max-width:360px;
         font-size:18px;
    }
     .defes_header_title{
         font-size:55px;
         max-width: 500px;
    }
     .defes_header_title span{
         font-size:75px;
    }
     .defes_header_subtitle{
         font-size:22px;
    }
     .defes_programs_animation_wrapper{
         width:800px;
    }
     .defes_program {
         width: 246px;
         height: 246px;
    }
     .defes_program circle {
         stroke-width: 8;
    }
     .defes_program_inner {
         height:140px;
         width:140px;
    }
     .defes_program_inner_value{
         font-size:45px;
    }
     .defes_program_inner_text{
         font-size:22px;
    }
     .defes_promo_title{
         font-size:30px 
    }
     .defes_promo_text{
         font-size:20px;
    }
     .defes_promo_button{
         padding:10px 20px;
         font-size:14px;
    }
     .defes_techno_section{
         background-image: url("/content/dam/bekoglobal/bg/campaigns/energyspin/img/techno_background_mobile.png");
    }
     .defes_products_title{
         font-size:30px;
         margin-bottom:60px;
    }
}
 @container (max-width:520px){
     .defes_benefits_text{
         font-size:18px;
    }
     .defes_benefits_image{
         min-width:70px;
    }
     .defes_benefits_img_first{
         width: 64px;
    }
     .defes_benefits_img_first_glow{
         width:158px;
         height:141px;
    }
     .defes_benefits_img_second{
         width: 70px;
    }
     .defes_benefits_img_second_glow{
         width:186px;
    }
     .defes_benefits_img_third{
         width: 57px;
    }
     .defes_benefits_img_third_glow{
         width:175px;
    }
     #defes_benefit_animation_element{
         height:70px;
    }
     #defes_benefit_animation_element img{
         height:70px;
    }
     .defes_benefits_block{
         height:100px;
    }
     .defes_programs_title{
         font-size:25px;
         padding:0px 30px;
    }
     .defes_ndesign_title{
         font-size:35px;
    }
     .defes_ndesign_subtitle{
         font-size:22px;
    }
     .defes_ndesign_pagination_text{
         font-size:18px;
    }
     .defes_products_row{
         width:390px;
    }
     .defes_products_product{
         width:170px;
    }
     .defes_products_code{
         font-size:15px;
         margin:20px auto;
    }
     .defes_products_link{
         font-size:13px;
    }
     .defes_products_main_button{
         font-size:14px;
    }
     .defes_dropdown_title{
         width:280px;
    }
     .defes_dropdown_element_tigger_title span{
         font-size:17px;
    }
     .defes_dropdown_element_text{
         font-size:15px;
    }
     .defes_ndesign2_wrapper{
         width:360px;
    }
     .defes_ndesign2_machine{
         width:250px;
    }
     .defes_ndesign2_content{
         left:120px;
    }
     .defes_ndesign2_content_element1{
         top:66px;
         padding-left:65px;
    }
     .defes_ndesign2_content_element2{
         top:80px;
         padding-left:0px;
    }
     .defes_ndesign2_content_element3{
         top:115px;
         padding-left:30px;
    }
     .defes_ndesign2_green_line1{
         width:45px;
    }
     .defes_ndesign2_green_line2{
         width:110px;
    }
     .defes_ndesign2_green_line3{
         width:80px;
    }
     .defes_ndesign2_content_element_block{
         width:110px;
    }
     .defes_ndesign2_icon1{
         width:25px;
    }
     .defes_ndesign2_icon2{
         width:25px;
    }
     .defes_ndesign2_icon3{
         width:55px;
    }
     .defes_ndesign2_content_element_block_text{
         font-size: 15px;
         margin:3px auto 0px;
    }
     .defes_ndesign2_content_element_block_subtext{
         font-size: 15px;
    }
     .defes_ndesign2_content_element_block1{
         top:-37px;
    }
     .defes_ndesign2_content_element_block2{
         top:-30px;
    }
     .defes_ndesign2_content_element_block3{
         top:-43px;
    }
     .defes_ndesign2_wrapper{
         padding:50px 0px 50px;
    }
     .defes_dropdown_sestion{
         padding:40px 30px;
    }
     .defes_dropdown_title{
         margin:0px auto 30px;
    }
     .defes_ndesign2_section{
         padding:10px 0px 40px;
    }
     .defes_products_main_button_wrapper{
         margin:0px auto auto;
    }
     .defes_techno_arrows img{
         width:20px;
    }
     .defes_techno_arrows{
         width:150px;
    }
}
 @container (max-width:480px){
     .defes_header_title{
         font-size:45px;
         max-width: 400px;
    }
     .defes_header_title span{
         font-size:65px;
    }
     .defes_header_subtitle{
         font-size:20px;
    }
}
 @container (max-width:450px){
     .defes_green_left_text{
         font-size:25px;
    }
     .defes_green_left_content img{
         width: 240px;
    }
     .defes_green_right_content{
         width:280px;
         height:220px;
    }
     .defes_green_right_text{
         max-width:280px;
    }
     .defes_green_right_dots{
         width:260px;
    }
     .defes_benefits_text{
         font-size:16px;
    }
     .defes_benefits_image{
         min-width:60px;
    }
     .defes_benefits_img_first{
         width: 57px;
    }
     .defes_benefits_img_second{
         width: 63px;
    }
     .defes_benefits_img_third{
         width: 52px;
    }
     #defes_benefit_animation_element{
         height:65px;
    }
     #defes_benefit_animation_element img{
         height:65px;
    }
     .defes_benefits_block{
         height:100px;
    }
     .defes_programs_animation_wrapper{
         width:650px;
    }
     .defes_program {
         width: 196px;
         height: 196px;
    }
     .defes_program circle {
         stroke-width: 7;
    }
     .defes_program_inner {
         height:110px;
         width:110px;
    }
     .defes_program_inner_value{
         font-size:35px;
    }
     .defes_program_inner_text{
         font-size:20px;
    }
     .defes_programs_arrows{
         width:250px;
    }
     .defes_programs_arrows img{
         width:20px;
    }
     .defes_techno_logo{
         width:270px;
    }
     .defes_techno_first_text{
         font-size:24px;
    }
     .defes_techno_second_text{
         font-size:24px;
    }
     .defes_products_row{
         width:350px;
    }
     .defes_products_product{
         width:150px;
    }
     .defes_products_code{
         font-size:13px;
    }
     .defes_products_link{
         font-size:12px;
    }
     .defes_products_title{
         font-size:25px;
         margin-bottom:40px;
    }
     .defes_dropdown_element_tigger_title span{
         font-size:16px;
         padding-right:15px;
    }
     .defes_dropdown_element_text{
         font-size:14px;
         padding-right:40px;
    }
     .defes_dropdown_element_tigger_title img{
         width:20px;
         margin-right:15px;
    }
     .defes_dropdown_element_tigger_arrow img{
         width: 15px;
    }
     .defes_dropdown_element_content{
         padding:10px 0px 10px 25px;
         margin-left:10px;
         border-left: 1px solid #fff;
         -webkit-transition: 0.3s ease;
         -o-transition: 0.3s ease;
         transition: 0.3s ease;
    }
     .defes_green_section{
         padding:50px 30px;
    }
     .defes_promo_title{
         font-size:27px;
    }
     .defes_ndesign_title{
         font-size:30px;
    }
    .defes_products_section{
        padding:50px 0px 45px;
    }
    .defes_products_product{
        margin-bottom:45px;
    }
}
 @container (max-width:400px){
     .defes_products_row{
         width:300px;
    }
     .defes_products_product{
         width:130px;
    }
     .defes_products_code{
         font-size:10px;
    }
     .defes_products_link{
         font-size:10px;
    }
     .defes_header_title{
         font-size:38px;
    }
     .defes_header_title span{
         font-size:58px;
    }
     .defes_header_subtitle{
         font-size:18px;
    }
     .defes_ndesign_pagination_content{
         height:180px;
    }
}
 @container (max-width:390px){
     .defes_ndesign2_wrapper{
         width:320px;
    }
     .defes_ndesign2_machine{
         width:200px;
    }
     .defes_ndesign2_content{
         left:100px;
    }
     .defes_ndesign2_content_element1{
         top:57px;
         padding-left:50px;
    }
     .defes_ndesign2_content_element2{
         top:65px;
         padding-left:0px;
    }
     .defes_ndesign2_content_element3{
         top:90px;
         padding-left:30px;
    }
     .defes_ndesign2_green_line1{
         width:35px;
    }
     .defes_ndesign2_green_line2{
         width:85px;
    }
     .defes_ndesign2_green_line3{
         width:55px;
    }
     .defes_ndesign2_content_element_block{
         width:110px;
    }
     .defes_ndesign2_icon1{
         width:20px;
    }
     .defes_ndesign2_icon2{
         width:20px;
    }
     .defes_ndesign2_icon3{
         width:43px;
    }
     .defes_ndesign2_content_element_block_text{
         font-size: 14px;
         margin:3px auto 0px;
    }
     .defes_ndesign2_content_element_block_subtext{
         font-size: 14px;
    }
     .defes_ndesign2_content_element_block1{
         top:-30px;
    }
     .defes_ndesign2_content_element_block2{
         top:-26px;
    }
     .defes_ndesign2_content_element_block3{
         top:-35px;
    }
     .defes_promo_button{
         padding:10px 20px;
         font-size:12px;
    }
     .defes_ndesign2_section{
         padding:0px 0px 40px;
    }
}