.eplace_mainheader{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.eplace_mainheader-grabber{
    width: 100%;
    max-width: 90rem;
    display: flex;
    position: relative;
}
.eplace_mainheader-lft{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.eplace_mainheader-rgt{
    width: 85%;
    background-image: url(../img/eplace/main1.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}
.eplace_mainheader-title{
    font-family: 'Quicksand', sans-serif;
    line-height: normal;
}
.eplace_mainheader-subtitle{
    margin: 0rem 2rem;
    font-family: 'Quicksand', sans-serif;
}
.eplace_mainheader-buttons{
    margin: 2rem;
    display: flex;
}
.eplace_mainheader-lft .btned{
    background-color: #F8BD31;
    color: black;
    margin-left: 2rem;
}

.eplace_mainheader-grabber:before{
    content: "";
    width: 35rem;
    height: 20rem;
    position: absolute;
    background-image: url(../img/eplace/pix1.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    top: 5rem;
    right: -8rem;
}

/**/


.eplace_sec1{
    display: flex;
    justify-content: center;
    align-items: center;
}
.eplace_sec1-grabber{
    width: 100%;
    max-width: 90rem;
    display: flex;
    flex-direction: column;
}
.eplace_sec1-title{
    font-family: 'Quicksand', sans-serif;
    line-height: normal;
    margin: 2rem;
    font-size: 3rem;
    font-weight: bold;
    width: 100%;
    max-width: 60rem;
}
.eplace_sec1-boxes{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: center;
    align-items: flex-start;
}
.eplace_sec1-box{
    display: flex;
    flex-direction: column;
    
    align-items: center;
    width: 17rem;
    margin: 2rem;
}
.eplace_sec1-box img{
    width: 8rem;
    height: auto;
}
.eplace_sec1-box span{
    font-family: 'Quicksand', sans-serif;
    text-align: center;
    margin: 1rem;
    font-size: 1.3rem;
    line-height: normal;
    font-weight: 400;
    
}

/**/

.eplace_sec2{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 4rem;
}
.eplace_sec2-grabber{
    width: 100%;
    max-width: 90rem;
    display: flex;
    flex-direction: column;
}
.eplace_sec2-title{
    font-family: 'Quicksand', sans-serif;
    line-height: normal;
    margin: 2rem;
    font-size: 3rem;
    font-weight: bold;
}
.eplace_sec2-boxes{
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
    border-radius: 1rem;
    margin: 2rem;
    margin-top: 4rem;
    position: relative;
    z-index: 1;
}
.eplace_sec2-line{
    display: flex;
}
.eplace_sec2-line:first-of-type{
    /* border-bottom: dashed #707070 .07rem; */
    background-image: linear-gradient(to right, lightgray 45%, rgba(255, 255, 255, 1) 0%);
    background-position: bottom;
    background-size: 9px 1px;
    background-repeat: repeat-x;
}
.eplace_sec2-box{
    display: flex;
    width: 100%;
    align-items: center;
    padding: 2rem;
}
.eplace_sec2-box img{
    width: 8rem;
    height: 8rem;
    margin: 1rem;
}
.eplace_sec2-box p{
    font-family: 'Quicksand', sans-serif;
}

/**/
.eplace_sec3{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0rem;
    overflow: hidden;
}
.eplace_sec3-grabber{
    width: 100%;
    max-width: 90rem;
    display: flex;
    position: relative;
}
.eplace_sec3-grabber:before{
    position: absolute;
    content: "";
    width: 12rem;
    height: 12rem;
    left: -2rem;
    top: -1rem;
    background-image: url(../img/eplace/hand.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
}
.eplace_sec3-lft{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 6rem;
}
.eplace_sec3-title{
    font-family: 'Quicksand', sans-serif;
    line-height: normal;
    margin: 2rem;
    font-size: 3rem;
    font-weight: bold;
}
.eplace_sec3-subtitle{
    font-family: 'Quicksand', sans-serif;
    line-height: normal;
    margin: 0 2rem;
    font-size: 1.5rem;
    font-weight: bold;
}
.eplace_sec3-list{
    margin: 2rem;
}
.eplace_sec3-list li{
    line-height: 1.8rem;
    margin: 1rem;
    padding-left: 3rem;
    position: relative;
    margin-bottom: 3rem;
    font-size: 1.2rem;
    font-family: 'Quicksand', sans-serif;
}
.eplace_sec3-list li:before{
    content: "";
    width: 2rem;
    height: 2rem;
    background-image: url(../img/eplace/tick.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: .4rem;
}
.eplace_sec3-rgt{
    width: 85%;
    background-image: url(../img/eplace/img1.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.eplace_sec3-grabber:after{
    content: "";
    width: 40rem;
    height: 20rem;
    position: absolute;
    background-image: url(../img/eplace/pix2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    top: 17rem;
    right: -2rem;
}


/**/

.eplace_sec4{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.eplace_sec4-grabber{
    width: 100%;
    max-width: 90rem;
    display: flex;
    background-color: #F5F5F5;
    border-bottom-right-radius: 5rem;
    padding: 2rem;
    position: relative;
}
.eplace_sec4-grabber:before{
    content: "";
    width: 40rem;
    height: 20rem;
    position: absolute;
    background-image: url(../img/eplace/pix3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    top: 5rem;
    right: -10rem;
}
.eplace_sec4-lft{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.eplace_sec4-lft a{
    margin: 2rem;
}
.eplace_sec4-title{
    font-family: 'Quicksand', sans-serif;
    line-height: normal;
    margin: 2rem;
    font-size: 2rem;
    font-weight: bold;
    color: #12447D;
}
.eplaqce_sec4-subtitle{
    line-height: 1.8rem;
    font-size: 1.2rem;
    margin: 0 2rem;
    font-family: 'Quicksand', sans-serif;
}
.eplace_sec4-lft button{
    margin: 2rem;
}
.eplace_sec4-rgt{
    width: 85%;
    background-image: url(../img/eplace/img2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

/**/

.eplace_sec5{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding-bottom: 6rem;
}
.eplace_sec5-grabber{
    width: 100%;
    max-width: 90rem;
    display: flex;
    background-color: #0E3E75;
    border-radius: 5rem;
    padding: 2rem;
    position: relative;
  
}
.eplace_sec5-grabber:after{
    content: "";
    width: 40rem;
    height: 30rem;
    position: absolute;
    background-image: url(../img/eplace/pix4.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    top: 3rem;
    left: -7.5rem;
}
.eplace_sec5-lft{
    width: 85%;
    background-image: url(../img/eplace/img3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -6rem;
    margin-left: -5rem;
    position: relative;
    z-index: 1;
}
.eplace_sec5-rgt{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.eplace_sec5-rgt a{
    margin: 2rem;
}
.eplace_sec5-title{
    color: #00DC00;
    line-height: normal;
    margin: 2rem;
    font-size: 2.5rem;
    font-weight: bold;
    font-family: roboto;
}
.eplaqce_sec5-subtitle{
    line-height: 1.8rem;
    font-size: 1.2rem;
    margin: 0 2rem;
    color: white;
    width: 100%;
    max-width: 35rem;
}
.eplaqce_sec5-subtitle span{
    color: #00DC00;
    line-height: 1.8rem;
    font-size: 1.2rem;
    font-weight: bold;
}

.eplace_sec5-rgt button{
    margin: 2rem;
}



/**/

/*accordion*/
.accordion_holder h4{
    font-size: 3rem;
    color: black;
    font-family: 'Quicksand', sans-serif;
    text-align: center;
    font-weight: bold;
    margin: 4rem 0;
}
.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;
  }

  .panel ul{
      list-style-type: disc;
      font-size: 1.3rem;
      margin: 2rem;
  }

  .panel ul li{
    line-height: normal;
    margin: 1rem 0;
  }

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

.accordion_section{
    padding-bottom: 8rem;
    margin-top: 0;
    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%);

}

/****/

@media (max-width: 1250px){
    .eplace_sec3-grabber:after{
        right: -5rem;
    }
}
@media (max-width: 1150px){
    .eplace_sec2-line{
        flex-direction: column;
    }
    .eplace_sec2-box{
        background-image: linear-gradient(to right, lightgray 45%, rgba(255, 255, 255, 1) 0%);
        background-position: bottom;
        background-size: 9px 1px;
        background-repeat: repeat-x;
    }

    .eplace_sec3-grabber:after{
        right: -8rem;
    }

    .eplace_sec5-grabber:after{
        left: -10.5rem;
    }
}
@media (max-width: 1050px){
    .eplace_sec5-grabber:after {
        left: -12.5rem;
    }
}
@media (max-width: 1000px){

    .eplace_mainheader-grabber{
        flex-direction: column-reverse;
    }

    .eplace_mainheader-rgt{
        height: 20rem;
    }

    .eplace_mainheader-grabber:before{
        top: 0;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    }

    .eplace_sec1-title{
        max-width: 100%;
        width: auto;
    }

    .eplace_sec3-grabber:before{
        display: none;
    }
    .eplace_sec3-grabber{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    .eplace_sec3-rgt{
        height: 30rem;
    }
    .eplace_sec3-lft{
        margin-top: 0;
    }
    .eplace_sec3-grabber:after{
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        top: 4rem;
    }

    .eplace_sec4-grabber{
        flex-direction: column-reverse;
    }
    .eplace_sec4-rgt{
        height: 25rem;
    }
    .eplace_sec4-grabber:before{
        right: auto;
        top: 2rem;
        left: 50%;
        transform: translateX(-50%);
    }

    .eplace_sec5-grabber{
        flex-direction: column;
    }
    .eplace_sec5-lft{
        height: 25rem;
        margin-bottom: 1rem;
    }
    .eplace_sec5-grabber{
        align-items: center;
    }
    .eplace_sec5-grabber:after{
        left: 50%;
        transform: translateX(-50%);
        width: 33rem;
    }

    .eplaqce_sec5-subtitle{
        width: auto;
    }
}

@media (max-width: 600px){
    .eplace_sec2-box{
        flex-direction: column;
    }
}