.symf_area--buttonsGrabber{
    display: flex;
}

.symf_area--buttonsGrabber a{
    margin: .5rem;
}

.symf_area--rgt{
    background-image: url(../img/ekosystemksef1/banner.webp);
}


.rowSec1{
    padding-top: 4rem;
    overflow: hidden;
}

.rowSec1-grabber{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
max-width: 80rem;

}
.rowSec1-lft{
    width: 60%;
    padding-bottom: 2rem;
    background-image: url(../img/ekosystemksef1/i1.webp);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 5rem;
}
.rowSec1-lft p{
    width: 100%;
    max-width: 40rem;
}

.rowSec1-rgt{
width: 40%;
height: 16rem;
position: relative;
}

.rowSec1-rgt img{
    height: 15rem;
    width: auto;
    position: absolute;
    right: -20rem;

}

.txtSec1{

}

.txtSec1-grabber{
    width: 100%;
    max-width: 80rem;
}

.txtSec1-grabber h5{
    font-size: 3rem;
    margin: 2rem;
    line-height: normal;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
}
.txtSec1-grabber p{

}

.imgSec{

}

.imgSec-grabber{
    width: 100%;
    max-width: 80rem;
}

.imgSec-grabber img{
    width: 100%;
    height: auto;
}


.rowSec2{
    background-color: #F4F4F4;
}

.rowSec2-grabber{
    width: 100%;
    max-width: 80rem;
    display: flex;
    
}

.rowSec2-lft{
    width: 50%;
}

.rowSec2-lft h5{
    font-size: 3rem;
    margin: 2rem;
    line-height: normal;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
}

.rowSec2-lft p{

}

.rowSec2-rgt{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rowSec2-rgt img{
    width: 25rem;
    height: auto;
}



.rowSec3{
    background-color: #F4F4F4;
    padding-bottom: 6rem;
    position: relative;
    border-bottom-right-radius: 5rem;
}
.rowSec3:before{
    content: "";
    width: 25rem;
    height: 35rem;
    background-image: url(../img/ekosystemksef1/bg2.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -10rem;
    right: 0rem;
}

.rowSec3-grabber{
    width: 100%;
    max-width: 80rem;
}

.rowSec3-box{
    display: flex;
    align-items: center;
    width: 70%;
}

.rowSec3-box img{
    width: 8rem;
    height: auto;
}

.rowSec3-box p{

}

.rowSec3-box p b{

}

.section1-content{
    justify-content: flex-start;
}

.section1-box span{
    height: 3.5rem;
}

.section1-holder{
    background-image: url(../img/ekosystemksef1/pixels.webp);
    background-size: 48%;
    background-repeat: no-repeat;
    background-position: 99% 95%;
}

.section3{
    background-image: url(../img/ekosystemksef1/bg3.webp);
    background-position: 95% 80%;
    background-size: 26rem;
    background-color: #F4F4F4;
    margin: 0;
    max-width: none;
    padding-bottom: 4rem;
}

.section3-subtitle{
    margin: 2rem 0;
    max-width: 75rem;
}


.section3-lft{
    height: auto;
}

.section3-holder{
    width: 100%;
    max-width: 80rem;
}

.section3-box{
    border-color: #05DB00;
    background-color: white;
}


.txtSection a{
    font-size: 1rem;
}

.txtSection-lft{
    margin-top: 5rem;
}


.txtSection-rgt{
    background-image: url(../img/ekosystemksef1/img1.webp);
    height: 25rem;
}

.txtSection{
    background-image: url(../img/ekosystemksef1/pixels.webp);
    background-repeat: no-repeat;
    background-size: 55%;
    background-position: 65% 95%;
}


.rowBox{
    background-color: #F4F4F4;
}

.rowBox-grabber{
    width: 100%;
    max-width: 80rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rowBox-lft{

}

.rowBox-lft img{
    width: 28rem;
    height: auto;
}

.rowBox-rgt{

}

.rowBox-rgt h5{
    font-size: 3rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    line-height: normal;
    margin: 2rem;
}

.rowBox-rgt p{

}



.secboxedit{
    background-image: none;
    background-color: #F4F4F4;
    padding-bottom: 6rem;
    padding-top: 0;
    border-bottom-right-radius: 5rem;
}

.secboxedit .section1-content{
    justify-content: center;
}

.secboxedit .section1-box{
    background-color: white;
    border-color: #003349;
    width: 24rem;
}

.secboxedit .section1-holder{
    background-image: none;
}


.rowBox.ed2{
    background-color: white;
}

.section1.secboxedit.ed2{
    background-color: white;
}

.secboxedit.ed2 .section1-box{
    background-color: #F4F4F4;
}

.cta-grabber{
    width: auto;
    flex: 1;
    max-width: 52rem;
}



/*accordion*/
.accordion {
    background-color: white;
    color: #444;
    cursor: pointer;
    padding: 1.2rem;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1rem;
    transition: 0.4s;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    margin: .5rem 0;
    position: relative;
    padding-right: 3rem;
  }
  
  .accordion .active, .accordion:hover {
    background-color: #ccc; 
  }
  
  .panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
  }

  .accordion_holder{
    width: 100%;
    max-width: 60rem;
  }

  .accordion_title {
    font-size: 3rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    text-align: center;
    margin: 2rem;
  }

.accordion_section{
    padding-bottom: 6rem;
    padding-top: 0;
}


button.accordion:before {
    content: ">";
    position: absolute;
    right: 0;
    width: 3rem;
    /* height: 3rem; */
    font-family: 'Quicksand';
    font-size: 2rem;
    line-height: initial;
    top: 50%;
    transform: translate(0%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
button.accordion.active:before{
    transform: rotate(90deg) translate(-35%, 0%);

}






.secF{
    padding: 2rem;
    padding-bottom: 0;
}

.secF--content{
    width: 100%;
    max-width: 80rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.secF--lft{
    padding: 3rem;
}

.secF--title{
    font-size: 3rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    margin-bottom: 2rem;
    line-height: normal;
}

.secF--content img{
    width: 25rem;
    height: auto;
}



.vidSec{

}

.vidSec-grabber{
display: flex;
width: 100%;
max-width: 80rem;
justify-content: center;
align-items: center;
}

.vidSec-lft{
    width: 50%;
}
.vidSec-lft p{
    font-size: 2rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    line-height: normal;
}

.vidSec-rgt{
width: 50%;
display: flex;
justify-content: center;
align-items: center;
}

.vidSec-rgt iframe{
    width: 30rem;
}


.vided1{
    background-color: #F4F4F4;
    border-bottom-right-radius: 5rem;
    padding-top: 2rem;
}


.aed1{
    background-image: url(../img/ekosystemksef1/blob1.webp);
    background-position: -5% 90%;
    background-repeat: no-repeat;
    background-size: 20%;
}



.ankieta{
 position: fixed;
 height: 100vh;
 width: 100vw;
 background-color: rgba(255, 255, 255, .9);
 top: 0;
 justify-content: center;
 align-items: center;
 z-index: 9;
 display: none;
}
.ankieta.active{
    display: flex;
}

.ankieta-grabber{
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
}

.ankeita-box{
    border-radius: 5rem;
    width: 100%;
    max-width: 50rem;
    position: relative;
    background-color: white;

    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
}

.ankieta-top{
    position: absolute;
    top: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 1rem 4rem;
}

.ankieta-top img{
    width: 11rem;
    height: auto;
    order: 2;
}

.ankieta-top .ankieta-close{
    border-radius: 50%;
    transform: rotate(45deg);
    width: 2rem;
    height: 2rem;
    border: .2rem solid black;
    font-size: 21px;
    line-height: 0;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    background-color: white;
}

.ankieta-content{
    display: flex;
    justify-content: center;
    border-radius: 5rem;
    
}


.ankieta-contentlft{
    width: 50%;
    background-image: url(../img/ekosystemksef1/ankietabg.webp);
    background-position: 50% 50%;
    background-size: 125%;
    background-repeat: no-repeat;
    border-top-left-radius: 5rem;
    border-bottom-left-radius: 5rem;
    padding-top: 4rem;
}
.ankieta-contentrgt{
    width: 50%;
    padding: 2rem;
    padding-top: 4rem;
}

.ankieta-contentrgt p{
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    line-height: normal;
    font-size: 1rem;
}


.ankieta-boxheight{
    min-height: 19rem;
    margin: 2rem 0;
}
.ankieta-contentrgt form label{
    font-family: 'Quicksand', sans-serif;
    line-height: normal;
}
.ankieta-contentrgt form input{
    margin: 0.5rem 0.5rem 0.5rem 2rem;
}

.ankieta-contentrgt .stepButton{
    width: auto;
    padding: 1rem;
    min-width: auto;
    margin-top: 2rem;
    align-self: end;
    margin-right: 3rem;
}

.ankieta-step{
    flex-direction: column;
    display: none
}

.ankieta-step.active{
    display: flex;
}


.buttonline{
    display: flex;
    justify-content: flex-end;
}

.ankieta-contentrgt .stepback{
    margin-right: .5rem;
    box-shadow: none;
    background-color: transparent;
    color: lightgray;
}

.boxakted{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/****/



.oprfk_header{
    display: flex;
    justify-content: center;
    align-items: center;
    /* max-width: 100rem; */
    margin: 0 auto;
    margin-top: 4rem;
}

.oprfk_header-grabber{
    display: flex;
    width: 100%;
    max-width: 100rem;
    justify-content: center;
    align-items: stretch;
}

.oprfk_header-lft{
    width: 100%;
    padding: 4rem 2rem;
    margin-bottom: 5rem;
}

.oprfk_header-lft h1{
    font-size: 2.5rem;
    font-weight: 500;
    margin: 2rem;
    line-height: normal;
    font-family: 'Quicksand', sans-serif;
    font-size: 3.8rem;
    font-weight: bold;
}

.oprfk_header-lft h1 span{
    font-size: 4rem;
    font-weight: bold;
    line-height: normal;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    font-size: 4rem;
}

.oprfk_header-lft p{
    font-family: 'Quicksand', sans-serif;
}

.oprfk_header-lft p b{
    font-family: 'Quicksand', sans-serif;
}

.oprfk_header-lft a{
    margin-left: 2rem;
}


.oprfk_header-rgt{
    width: 100%;
    background-image: url(https://symfonia.pl/img/ekosystemksef1/banner.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom-left-radius: 5rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    position: relative;
}
.oprfk_header-blob{
    background-image: url(../img/obrfk/blobtrns.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 15rem;
    height: 10rem;
    margin: 1.5rem;
    margin-left: 3rem;
    margin-bottom: 0rem;

}

.oprfk_header-rgt .stamp{
    background-image: url(../img/stamp1.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    height: 13rem;
    width: 13rem;
    left: 1rem;
    bottom: 1rem;
}










/*****/

@media only screen and (max-width: 1000px){

    .oprfk_header-rgt::before{
        height: 15rem;
    }



    .oprfk_header-grabber{
        flex-direction: column;
    }

    .oprfk_header-rgt{
        height: 50vh;
        background-position: top;
    }
}
@media only screen and (max-width: 900px) {
    .rowSec1-rgt{
        display: none;
    }

    .rowSec1-lft{
        width: 100%;
        background-image: none;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .rowSec2-rgt{
        display: none;
    }

    .rowSec2-lft{
        width: 100%;
    }


    .rowSec3:before{
        display: none;
    }

    .rowSec3-box{
        width: 100%;
    }

    .section1-content{
        justify-content: center;
    }

    .section3{
        background-image: none;
    }

    .section3-grabber{
        justify-content: center;
    }

    .vidSec-grabber{
        flex-direction: column;
    }

    .vidSec-lft{
        width: 100%;
    }

    .vidSec-rgt{
        width: 100%;
    }

    .vided1 .vidSec-lft{
        order: 1;
    }
    .vided1 .vidSec-rgt{
        order: 2;
    }

    .rowBox-grabber{
        flex-direction: column;
    }

    .ed2 .rowBox-rgt{
        order: 2;
    }
    .ed2 .rowBox-lft{
        order: 1;
    }

    .cta-grabber{
        width: 24rem;
        flex: none;
    }

    .secboxedit .section1-content{
        flex-direction: column;
        align-items: center;
    }

    .secF--content{
        flex-direction: column;
    }

    

    .ankieta-contentlft{
        display: none;
    }

    .ankieta-contentrgt{
        width: 100%;
    }
    .ankieta-top img{
        order: 1;
    }
    .ankieta-top .ankieta-close{
        order: 2;
    }

    .ankeita-box{
        margin: 1rem;
    }

    .ankieta-contentrgt form label{
        font-size: 1.2rem;
    }
    .ankieta-contentrgt form input{
        scale: 1.5;
        margin: 1rem 1rem 1rem .5rem;
    }
}

@media (max-width: 830px){
    .oprfk_header-rgt::before{
        height: 12rem;
    }
}


@media only screen and (max-width: 500px) {
    .rowSec3-box{
        flex-direction: column;
    }

    
}



@media (max-width: 390px){
    .oprfk_header-rgt::before{
        display: none;
    }
}