.landing_pages_wrapper img{
	width:unset!important;
	max-width:100%!important;
}
.landing_pages_wrapper h1{
  font-size: 42px;
  margin: 0
}

.landing_pages_wrapper h3{
  font-size: 32px;
}

.landing_pages_wrapper h4{
  font-weight: 300;
  margin: 0;
  font-size: 26px;
}

.landing_pages_wrapper h5{
    font-size: 24px;
}

.landing_pages_wrapper p{
    font-weight: 400;
  font-size: 18px;
}

.first_section{
  background: white;
  padding-top: 3em;
  margin-bottom: 0.2em;
}

.first_section .flexRow div{
  position: relative;
}

.first_section .flexRow .flexCol_xs_4 img, .first_section .flexRow .flexCol_md_3 img{
  position: absolute;
  bottom: 0;
}


.landing_pages_wrapper .arrow{
  /*width: 65%;*/
  margin: 0 auto;
}
.second_section{
  background-color: #003d7b;
  color: white;
  padding: 2em;
}

.third_section{
  background-color: #fff;
  color: black;
  padding: 0 2em;
  color: #2b2d40;
}


.third_section .flexRow.around{
  align-items: center;
}
.third_section a, .third_section span, .step-text span, .questions a, .conditions a{
  color: #6a7bf3;
}

.third_section p{
  width: 90%;
}

.third_section .image{
  position: relative;
  top: 14px;
  /*width: 68%;*/
  left: 160px;
}

.third_section .image img{
  /* width: 42%;
  top: 50%;
  left: 50%;
  transform: translate(100%, 1%); */
}

.forth_section{
  background-color: #00c782;
  color: white;
  padding: 4em 0;
}

.forth_section p{
	font-weight: 300;
}

.forth_section .text, .youclub .border{
  border-right: 1px solid white;
}

.forth_section h3{
  padding-top: 1em;
  width: 70%;
  margin: 20px auto;
}

.forth_section p{
  padding-bottom: 1em;
}

.forth_section p{
  width: 70%;
  margin: 0 auto;
}

.box-image{
  height: 45px;
}
.box-image img{
  max-height: 55px;
width: auto;
margin: 0 auto;
}


.procedure{
  padding: 1em 0 2em 0;
  background-color: #f4f4f4;
  color: #2b2d40;
}

.steps{
  padding-top: 2em;
}

.steps .step-img{
  width: 75%;
  margin: 0 auto;
}

.step-number{
  background-image: url('https://support3.you.gr/you/redesign/landing_pages/psifiaki_merimna_lp/images/step.png');
  height: 55px;
  width: 45px;
  background-repeat:no-repeat;
  text-align: center;
  font-size: 60px;
  line-height: 34px;
	font-weight:700;
}

.step-text{
  font-size: 16px;
}

.step-img img{
  /*width: 99%;*/
}

.procedure.second{
  background-color: #e8e8e8;
}

.procedure.third{
  background-color: #dbdbdb;
}

.procedure.forth{
  background-color: #d0d0d0;
}

.procedure.fifth{
  background-color: #c3c3c3;
}

.procedure.fifth .steps .step-img{
  /*width: 90%;*/
  margin: 0 auto;
}

.questions{
  margin-top: 0.5em;
  background-color: #dae8f8;
  padding: 4em 0;
  color: #2b2d40;
}

.questionsHelp{
  font-size: 20px;
	font-weight: 700;
}

.questions h1{
  color: #4960f2;
}



.questions .circle{
  position: relative;
  background-image: url('https://support3.you.gr/you/redesign/landing_pages/psifiaki_merimna_lp/images/quest.png');
  background-repeat: no-repeat;
  background-size: 40px 40px;
  margin: 1em 0 0.5em;
}

.questions .col_lg_2 img{
  /*width: 75%;*/
  margin: 0 auto;
}

.questions h5{
  line-height: 35px;
  padding-top: 5px;
  margin: 0;
  margin-left: 10px;
}

.questions p{
  margin-left: 10px;
}

.greenbox{
  margin-top: 3em;
  margin-right: 0;
  padding-right: 0;
  padding-top: 2em;
  padding-bottom: 2em;
  background-color: #00c882;
  border-radius: 10px 0 0 10px;
  width: 92.2%;
}

.greenbox h3, .greenbox p{
  margin: 0;
}

.greenboxCenter {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.greenbox p{
  color: white;
	font-weight: 700;
}

.greenLink {
  width: 100%;
  display: block;
}

.greenButton, .youclubButton{
  justify-content: center;
  display: flex;
  align-items: center;
	font-weight: 500;
}

.greenbox .button, .youclub a{
  padding: 1em 2em;
  border-radius: 5px;
  background-color: #4960f2;
  color: white;
  font-size: 14px;
}

.youclub a{
  background-color: white;
  color: black;
	font-weight: 500;
}

.greenbox .button:hover{
  background-color: #3549ca;
}

.youclub a:hover{
  background-color: #ffc539;
}

.padding-1{
  padding: 1em;
}

.margin-1{
  margin: 1em 0em;
}

.darkBlue{
  background-color: #003d7b;
  padding: 2.5em 2em 2em;
  color: white;
}

.darkBlue p{
	font-weight: 400;
}

.darkBlue .logosContainer{
  padding: 1em 0;
}

.conditions{
  background-color: white;
  padding: 2em 0;
}

.conditions p {
  margin: 0;
  font-size: 14px;
	font-weight: 500;
}

.why{
  padding: 2em 0;
  background: rgb(124,29,201);
  background: linear-gradient(90deg, rgba(124,29,201,1) 29%, rgba(235,220,247,1) 100%);
  color: white;
  -webkit-box-shadow: 0px 13px 18px -1px rgba(0,0,0,0.66);
box-shadow: 0px 13px 18px -1px rgba(0,0,0,0.66);
}

.why p, .why h2, .youclub h4, .youclub h5{
  margin: 0;
}

.why p{
	font-weight: 400;
}

.youclub{
  padding: 3em 0;
  background-color: #4b5ee1;
  color: white;
}

.youclub h4{
  color: #ffc539;
  margin-left: 0.7em;
	font-weight: 800;
}

.youclub .border{
  padding-right: 6em;
}

.youclub .padding-left{
  padding-left: 6em;
}

@media screen and (max-width: 1600px) {
  .third_section{
    padding: 0.5em 0;
  }
  .third_section .image{
    top: 20px;
  }
}

@media screen and (max-width: 1485px) {
  .youclub .border{
    padding-right: 3em;
  }

  .youclub .padding-left{
    padding-left: 3em;
  }
}

@media screen and (max-width: 1440px) {

  .third_section .image{
    top: 18px;
  }

  .arrow{
    width: 90%;
  }
}

@media screen and (max-width: 1400px) {
  .third_section .image{
    top: 11px;
    width: 80%;
    left: 100px;
  }

  .third_section .image{
    top: 10px;
  }
}

@media screen and (max-width: 1350px) {
  .third_section .image{
    width: 90%;
  }
  .third_section .image{
    top: 12px;
    left: 50px;
  }
}

@media screen and (max-width: 1200px) {
  .questions .col_lg_2 img{
    /*width: 85%;*/
    margin: 0 auto;
  }

  .third_section .image{
    width: 100%;
  }

  .third_section .image {
    top: 20px;
  }
}

@media screen and (max-width: 1070px) {
  .third_section .flexRow.around{
    padding: 0;
  }
  .third_section .image{
    width: 100%;
  }

  .third_section .image {
    top: 20px;
  }
}

@media screen and (max-width: 997px) {
  .third_section{
    padding: 2em;
  }
  .third_section .flexRow{
    flex-direction: column;
    text-align: center;
  }

  .third_section .image{
    left: 0;
  }

  .third_section p{
    width: 100%;
  }

  .flexCol_lg_7{
    flex-basis: 100%;
    max-width: 90%;
  }
}

@media screen and (max-width: 970px) {
  .youclub .button{
    margin: 2em;
  }
}

@media screen and (max-width: 768px) {
  h1, h2, h3{
    font-size: 28px;
  }

  h4{
    font-size: 18px;
  }

  h5{
    font-size: 20px;
  }

  .arrow {
    width: 100%;
  }

  .greenboxCenter{
    text-align: center;
  }
  .greenbox{
    width: 100%;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .second_section, .third_section, .darkBlue{
    padding: 1em;
  }
  .third_section .image{
    top: 0;
  }
  .forth_section{
    padding: 1em 0;
  }
  .forth_section .text{
    border-right: none;
  }

  .questions h5{
    line-height: 35px;
    font-size: 20px;
  }

  .youclub .padding-left{
    padding-left: 0em;
    text-align: center;
  }

  .greenbox .flexRow{
    justify-content: space-around;
  }

  .forth_section p, .darkBlue p{
    width: 100%;
    font-size: 16px;
  }

  .youclub .border{
    padding-right: 0;
  }

  .box-image img{
    margin: 1.5em auto 0;
  }

  .third_section{
    text-align: center;
  }

  .third_section p{
    width: 100%;
    font-size: 16px;
  }

  .forth_section .text, .youclub .border{
    border-right: none;
  }

  .border{
    border: none;
    margin-bottom: 4em;
  }
  .step-number{
    height: 45px;
    font-size: 35px;
  }

  .step-info{
    position: relative;
    margin: 2em auto 0;
  }
  .last .step-number{
    position: absolute;
      display: inline-block;
      margin-left: 0.5em;
  }

  .last .step-text{
    display: inline-block;
margin-left: 6em;
  }

  .steps .step-img{
    width: 100%;
  }

  .steps .flexRow{
    align-items: end;
  }

  .step-text{
    font-size: 14px;
  }
}
