section{
    padding: 6rem 2rem;
}
.symf_area--header{
    height: auto;
    
    padding-top: 6rem;
    margin-top: 0;
}


.symf_area--headerContent{
    color: black;
    display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 80rem;
}

.symf_area--headerTitle, .symf_area--headerSubtitle{
    margin: 2rem 0;
}

.symf_area--lft{
    width: 45%;
    display: flex;
    flex-direction: column;
    margin: 1rem;
}

.symf_area--rgt{
    width: 50%;
    background-image: url(../img/ksef_nev/mainbanner.webp);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    height: 35rem;
}

.symf_area--headerTitle{
    text-align: center;
    font-size: 4.5rem;
    font-weight: bold;
    text-align: left;
    width: 100%;
  max-width: 37rem;
}

.symf_area--headerSubtitle{
    text-align: left;
    font-size: 1rem;
    font-weight: 400;
    font-family: 'Quicksand', sans-serif;
    width: 100%;
  max-width: 35rem;
}


.navSection{
    padding: 2rem 2rem;
    padding-top:4rem;
}

.navSection--content{
    width: 100%;
    max-width: 80rem;
}

.navSection--title{
        font-size: 3rem;
        font-family: 'Quicksand', sans-serif;
        font-weight: bold;
}

.navSection--list{
    height: 25rem;
    margin-top: 2.5rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-left: 2.7rem;
}

.navSection--list li{
    position: relative;
    margin: 1rem;
}
.navSection--list li ::before{
    content: "";
    width: 2.3rem;
    height: 2.3rem;
    background-color: #FF0046;
    position: absolute;
    left: -3.5rem;
    top: 0;
    border-bottom-right-radius: 50%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}

.navSection--list li:nth-child(1) ::before{
    content: "1";
}
.navSection--list li:nth-child(2) ::before{
    content: "2";
}
.navSection--list li:nth-child(3) ::before{
    content: "3";
}
.navSection--list li:nth-child(4) ::before{
    content: "4";
}
.navSection--list li:nth-child(5) ::before{
    content: "5";
}
.navSection--list li:nth-child(6) ::before{
    content: "6";
}
.navSection--list li:nth-child(7) ::before{
    content: "7";
}
.navSection--list li:nth-child(8) ::before{
    content: "8";
}
.navSection--list li:nth-child(9) ::before{
    content: "9";
}
.navSection--list li:nth-child(10) ::before{
    content: "10";
}
.navSection--list li:nth-child(11) ::before{
    content: "11";
}

.navSection--list li a{
    font-size: 1.6rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    color: black;
    text-decoration: none;
    line-height: normal;
}

.navSection--list li a:hover{
    text-decoration: underline;
}

.navSection--p{
    margin: 0;
    margin-top: 3rem;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 2.7rem;
}

.slideSection{
    overflow: hidden;
    padding: 2rem 2rem;
}

.slideSection--content{
    width: 100%;
    max-width: 80rem;
}

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

.slideSection--mainBox{
    background-color: #F2F2F2;
    border-radius: 5rem;
    border-top-left-radius: 0;
    padding: 5rem;
    margin-top: 4rem;
}

.slideSection--mainBoxContent{
    display: flex;
    align-items: flex-start;
}

.slideSection--mainBoxContent img{
    width: 45vw;
    height: auto;
    margin-right: -10rem;
}

.slideSection--boxPart{
    display: none;
}

.slideSection--boxPart h6{
    font-size: 2rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    line-height: normal;
}

.slideSection--boxPart p{
    margin: 0;
    margin-top: 2rem;
    font-size: 1.2rem;
    
}

.slideSection--boxPart.active{
    display: inline-block;
}

.slideSection--buttons{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
}

.slideSection--button{
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: #F00241;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slideSection--buttonArrow{
    border-top: .2rem solid white;
    border-left: .2rem solid white;
    height: 1rem;
    width: 1rem;
    transform: rotate(-45deg);
}

.slideSection--buttonArrow.rgt{
    transform: rotate(135deg);
}

.slideSection--dots{
   
}

.slideSection--dot{
    background-color: white;
    border: none;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
}

.slideSection--dot.active{
    background-color: #F00241;
}


.boxes1Section{
    padding: 2rem 2rem;
}

.boxes1Section--content{
    width: 100%;
    max-width: 80rem;
}

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

.boxes1Section--subTitle{
    margin: 0;
    margin-top: 2rem;
}

.boxes1Section--boxes{
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.boxes1Section--box{
    width: 18rem;
    background-color: #F8F8F8;
    border-bottom-right-radius: 5rem;
    border-top: .4rem solid #FF0046;
    margin: 1.5rem 1rem 1rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
}

.boxes1Section--box img{
    width: 6rem;
    height: auto;
    margin: 1rem 0;
}

.boxes1Section--box p{
    margin: .5rem;
    margin-top: 1rem;
    font-size: 1rem;
}

.sec1{
    padding: 2rem 2rem;
}
.sec1--contentTitle{
    font-size: 3.5rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    width: 100%;
    max-width: 45rem;
    line-height: normal;
}

.sec1--contentSubtitle{
    margin: 0;
    margin-top: 2rem;
    width: 100%;
  max-width: 40rem;

}

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

.sec1--contentLft{
    width: 100%;
}
.sec1--content img{
    width: 30rem;
    height: auto;
    margin: 2rem;
}


.sec2{
    padding: 2rem 2rem;
}

.sec2--content{
    width: 100%;
    max-width: 80rem;
}
.sec2--title{
    font-size: 3rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    width: 100%;
    max-width: 40rem;
    line-height: normal;
}
.sec2--box{
    display: flex;
    margin-top: 3rem;
    align-items: center;
}

.sec2--box img{
    height: auto;
    width: 19rem;
    margin: 2rem;
}

.sec2--text{

}
.sec2--text p{

}


.sec2.editN .sec2--title{
    max-width: none;
}

.sec2.editN .sec2--box img{
    height: 9.3rem;
}


.sec3{
    padding: 2rem 2rem;
}

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

.sec3--contentLft{

}

.sec3--contentTitle{
    font-size: 3rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    line-height: normal;
    display: inline-block;
    margin-top: 2rem;
    width: 100%;
    max-width: 40rem;
}

.sec3--contentSubTitle{
    font-size: 3rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    color: #00DC00;
    line-height: normal;
    margin-top: 2rem;
    display: inline-block;
    width: 100%;
    max-width: 40rem;
}

.sec3--contentButton{
    margin-top: 2rem;
}

.sec3--content img{
    width: 38rem;
    height: auto;
}


.boxes2Section{

}

.boxes2Section--content{
    width: 100%;
    max-width: 80rem;
}

.boxes2Section--title{
    font-size: 3rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    /* width: 100%;
    max-width: 80rem;
    margin: 0 auto; */
}

.boxes2Section--boxes{
    display: flex;
    flex-direction: column;
    margin-top: 3rem;
}

.boxes2Section--box{
    border-left: 1rem solid #FF0046;
    margin: 2rem 0;
    padding-left: 3rem;
}

.boxes2Section--subBox{
    display: flex;
    border-bottom: .1rem dashed #707070;
    margin-bottom: -1.5rem;
    padding-bottom: 1.5rem;
}

.boxes2Section--subBoxLft{
    display: flex;
    align-items: center;
    width: 25%;
}
.boxes2Section--subBoxTitle{
    font-size: 2rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    line-height: normal;
}

.boxes2Section--subBoxRgt{
    width: 75%;
}

.boxes2Section--subBoxDesc{

}


.sec3.editN img{
    width: 20rem;
    margin: 0 auto;
}




.sec4{
    padding: 2rem 2rem;
}

.sec4--content{
    width: 100%;
    max-width: 80rem;
    display: flex;
}

.sec4--contentLft{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.sec4--title{
    font-size: 3rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
}

.sec4--contentLft img{
    width: 18rem;
    height: auto;
    margin: 2rem;
}

.sec4--contentRgt{
    width: 50%;
    background-color: #003349;
    border-bottom-right-radius: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 2rem 0;
}

.sec4--contentRgt p{
    color: white;
    font-size: 3rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    line-height: normal;
}

.sec4--contentRgt p:first-of-type{
    color: #09F708;
}


.boxes1Section--box span{
    font-size: 1.2rem;
    font-weight: bold;
    width: 100%;
    max-width: 15rem;
    line-height: normal;
    font-family: 'Quicksand', sans-serif;
}


.sec5{

}

.sec5--content{
    width: 100%;
    max-width: 80rem;
    display: flex;
}

.sec5--contentLft p{
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}

.sec5--contentLft{
    background-color: #003349;
    padding: 2rem 1rem;
    border-bottom-left-radius: 5rem;
    border-top-right-radius: 5rem;

    width: 100%;
}

.sec5--contentRgt{
    padding: 2rem 4rem;

    width: 100%;
}

.sec5--contentRgt p{
    margin: 0;
    margin: 1rem 0;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    line-height: normal;
}

.sec5--contentRgt a{
    background-color: #FF0046;
}



.boxes3Section{
    padding: 2rem 2rem;
}


.boxes3Section--content{
    width: 100%;
    max-width: 80rem;
}

.boxes3Section--title{
    font-size: 3rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
}

.boxes3Section--subTitle{
    margin: 0;
    margin-top: 2rem;
}

.boxes3Section--boxes{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.boxes3Section--box{
    margin: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20rem;
}

.boxes3Section--box img{
    width: 20rem;
    height: auto;
    margin-bottom: 1rem;
}

.boxes3Section--box span{
    font-size: 1.2rem;
    font-weight: bold;
    font-family: 'Quicksand', sans-serif;
    margin: 1rem 0;
}

.boxes3Section--box p{
    margin: 0;
    font-size: 1rem;
}
.sec5{
    padding: 2rem 2rem;
}
.sec5.editN a{
    background-color: #019A02;
}

.sec5.editN .sec5--contentRgt p{
    font-size: 3rem;
    font-weight: bold;
    font-family: 'Quicksand', sans-serif;
    margin-bottom: 1rem;
    line-height: normal;
}


.sec6{
    padding: 2rem 2rem;
}

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

.sec6--contentLft{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sec6--title{
    font-size: 4.5rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
}

.sec6--subtitle{
    font-weight: bold;
}

.sec6--contentLft p{
    margin: 0;
    margin-top: 2rem;
}

.sec6--content img{
    height: auto;
    width: 30rem;
}


.sec2.editNt .sec2--title{
    max-width: 100%;
}

.sec2.editNt img{
    width: 25rem;
    height: auto;
}

.sec2.sec2.editNt .sec2--box{
    align-items: center;
}


.sec7{
    padding: 2rem 2rem;
}

.sec7--content{
    width: 100%;
    max-width: 80rem;
}


.sec7--title{
    font-size: 3rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
}

.sec7--boxes{
    display: flex;
    flex-direction: column;
    margin-top: 3rem;
}


.sec7--box{
    display: flex;
    align-items: center;

}

.sec7--box img{
    width: 6rem;
    height: auto;
}

.sec7--box p{

}



.sec8{
    overflow: hidden;
}

.sec8--content{
    width: 100%;
    max-width: 80rem;
}

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

.sec8--boxes{
    display: flex;
    flex-direction: column;
    margin-top: 3rem;
}

.sec8--box{
    display: flex;
    align-items: center;
}

.sec8--boxnum{
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}
.sec8--boxnum:before{
    content: "";
    position: absolute;
    z-index: 3;
    width: 10rem;
    height: 7rem;
    background-color: #FF0046;
    border-bottom-right-radius: 2.5rem;
    left: -6.5rem;
}

.sec8--boxnum span{
    font-size: 5rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    position: relative;
    z-index: 4;
    color: white;
    width: 4rem;
  text-align: center;
  padding-right: 1rem;
}

.sec8--boxtitle{
    font-size: 2rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    margin: 0;
    line-height: normal;
    margin: 2rem;
    display: inline-block;
    margin-left: 4rem;
    width: 40rem;
}


.sec8--boxcontent{
    width: 100%;
}
.sec8--boxcontent p{

}



.sec9{
padding: 2rem 2rem;

}

.sec9--content{
    width: 100%;
    max-width: 80rem;
}

.sec9--title{
    font-size: 3rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
}

.sec9--box{
    display: flex;
    align-items: center;
}

.sec9--contentLft{

}

.sec9--subtitle{
    margin: 0;
    margin-top: 2rem;
}

.sec9--listtitle{
    margin: 0;
    margin-top: 2rem;
}

.sec9--list{

}

.sec9--list li{
    margin: 1rem;
    position: relative;
    line-height: normal;
}

.sec9--list li::before{
    position: absolute;
    content: "";
    width: .5rem;
    height: .5rem;
    background-color: #049900;
    border-radius: 50%;
    left: -1rem;
  top: .3rem;
}

.sec9--box img{
    width: 28rem;
    height: auto;
    margin: 2rem;
}



.boxes1Section.editN .boxes1Section--box{
    border-top-color: #003349;
}




/*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;
}

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

@media only screen and (max-width: 1300px) {
    .slideSection--mainBoxContent img{
        width: 40vw;
    }
    .slideSection--boxPart p{
        min-height: 25rem;
    }
  }


@media only screen and (max-width: 1200px) {
    .symf_area--headerTitle{
        font-size: 3.5rem;
    }

    .slideSection--mainBoxContent img{
        width: 35vw;
    }
    .slideSection--boxPart p{
        min-height: 25rem;
    }
    
  }

  @media only screen and (max-width: 1000px){
    .navSection--list{
        height: auto;
    }

    .slideSection--mainBoxContent img{
        display: none;
    }
    .sec1--content{
        flex-direction: column;
    }

    .sec3--content{
        flex-direction: column;
    }
  }
  @media only screen and (max-width: 900px) {
    .symf_area--headerContent{
        flex-direction: column;
        align-items: center;
        padding: 2rem;
    }

    .symf_area--lft{
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .symf_area--rgt{
        width: 100%;
        height: 25rem;
        background-position: center;
    }
    .symf_area--headerTitle, .symf_area--headerSubtitle{
        margin: 2rem;
    }

    .sec2--box img{
        display: none;
    }

    .sec4--content{
        flex-direction: column;
        align-items: center;
    }
    .sec4--contentLft{
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .sec4--contentRgt{
        width: 100%;
    }

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

    .sec8--box{
        flex-direction: column;
        margin-top: 4rem;
    }

    .sec9--box{
        flex-direction: column;
    }

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

    .sec3.editN img{
        margin-top: 2rem;
    }
    

    .sec7--box{
        flex-direction: column;
    }

    .sec8--boxtitle{
        width: 100%;
    }

    .sec9--box img{
        width: 18rem;
    }
  }


  @media only screen and (max-width: 850px){
    .slideSection--boxPart p {
        min-height: auto
      }

      .sec1--content img{
          width: 20rem;
      }

      .sec3--content img{
          width: 20rem;
          margin-top: 4rem;
      }

      .boxes2Section--subBox{
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }

      .boxes2Section--subBoxLft{
          width: 100%;
      }
      .boxes2Section--subBoxRgt{
          width: 100%;
      }


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

      .sec6--content img{
          width: 20rem;
          margin-top: 2rem;
      }

      .sec2--title{
        font-size: 2rem;
      }

      .sec6--title{
          font-size: 2rem;
      }

      .sec3--contentSubTitle{
          font-size: 2rem;
      }

      .sec3--contentTitle{
          font-size: 2rem;
      }

      .sec1--contentTitle{
          font-size: 2rem;
      }

      .boxes1Section--title{
          font-size: 2rem;
      }

      .slideSection--title{
          font-size: 2rem;
      }
      .navSection--title{
          font-size: 2rem;
      }

      .symf_area--headerTitle{
          font-size: 2rem;
      }

      .boxes2Section--title{
          font-size: 2rem;
      }
      .sec8--title{
          font-size: 2rem;
      }

      .sec9--title{
          font-size: 2rem;
      }
  }

  @media only screen and (max-width: 500px){
    .sec4--contentRgt p{
        font-size: 1.5rem;
    }

    .sec5--contentRgt{
        padding: 1rem;
    }
  }