.lunne-page h2{font-size: 52px; font-weight: 700; text-align: center; margin-bottom: 60px;}
.lunne-page p, ol > li, ul > li{line-height: 1.6; margin-bottom: 25px;}

.lunne-banner{position: relative;}
.lunne-banner .img-block{margin-right: -90px;margin-top: 50px;}

.about-lunne{}
.about-lunne .row{align-items: center;}
.about-lunne .img-block{display: flex; justify-content: center; text-align: center;}
.about-lunne .content-block > h2{text-align: left;}
.about-lunne .content-block > p{position: relative; padding-left: 20px;}
.about-lunne .content-block > p:before{position: absolute; content: ""; width: 10px; height: calc(100% - 5px); background-color: #ffda30; border-radius: 10px; left: 0; top: 0;}

.lunnes-quest{}
.lunnes-quest .section-title{text-align: center; margin-bottom: 120px;}
.lunnes-quest .section-title > p{max-width: 1250px; width: 100%; margin: 0 auto;}
.lunnes-quest .row{row-gap:140px;}
.lunnes-quest .row > .col-6{text-align: left;}
.lunnes-quest .row > .col-6:nth-child(n + 3){text-align: right;}
.lunnes-quest .inner-block{position: relative; max-width: 490px; width: 100%; margin: 0 auto; text-align: center; background-color: #fff; border-top-left-radius: 90px; padding: 50px; padding-top: 0; display: inline-block; height: 100%; transition: all ease-in-out 0.3s;}
.lunnes-quest .row > .col-6:first-child > .inner-block:before{position: absolute; content: ""; width: 50px; height: 50px; border: 7px solid #ffdb2d; border-top: 0; border-right: 0; background: transparent; left: -25px; bottom: -25px;} 
.lunnes-quest .row > .col-6:nth-child(2) > .inner-block:before{position: absolute; content: ""; width: 50px; height: 50px; border-right: 7px solid #ffdb2d; background: transparent; right: -25px; top: 0;} 
.lunnes-quest .row > .col-6:nth-child(3) > .inner-block:before{position: absolute; content: ""; width: 50px; height: 50px; border-left: 7px solid #ffdb2d; background: transparent; left: -25px; bottom: 0;} 
.lunnes-quest .row > .col-6:last-child > .inner-block:before{position: absolute; content: ""; width: 50px; height: 50px; border: 7px solid #ffdb2d; border-left: 0; border-bottom: 0; background: transparent; right: -25px; top: -25px;} 
/*.lunnes-quest .inner-block:hover{margin-top: -30px; border-top-left-radius: 0; border-bottom-right-radius: 90px;}*/
.lunnes-quest .inner-block .icon-wrap{width: 114px; height: 114px; background-color: #fff; border-radius: 100%; border: 1px solid #fec900; display: flex; justify-content: center; align-items: center; margin: 0 auto; margin-top: -57px; margin-bottom: 15px;}
.lunnes-quest .inner-block h4{font-size: 20px; font-weight: 700; margin-bottom: 15px; }
.lunnes-quest .inner-block p{margin-bottom: 0;}

.the-challenge{position: relative; padding: 125px 0; padding-bottom: 210px; background-size: cover; background-repeat: no-repeat; background-position: bottom left;}
.the-challenge .shape{position: absolute; left: 0; top: 32%;}
.the-challenge .section-title{text-align: center; margin-bottom: 60px;}
.the-challenge .content-block > p{margin-bottom: 35px;}
.the-challenge .content-block > ul > li:before{top: 10px;}
.the-challenge .content-block > ol > li{padding-left: 70px; margin-bottom: 35px;}
.the-challenge .content-block > ol > li:before{content: "0" counter(list)"."; font-size: 34px; color: #fec900; font-weight: 700;}

.lunne-quote.lunne-quote2{padding-bottom: 155px;}
.lunne-quote.lunne-quote2 .quote-block{margin-top: -160px; border-top-right-radius: 0;}
.lunne-quote.lunne-quote2 .quote-block .client-img{order: 2;}
.lunne-quote.lunne-quote2 .quote-block .client-quote-content{padding-right: 50px;}

.peek-email-templates{position: relative; background-color: #004c56; padding-bottom: 180px;}
.peek-email-templates h2{color: #fff;}
.peek-email-templates .row > .col-4{text-align: center;}
.peek-email-templates .inner-block{position: relative; display: inline-block; z-index: 1;}
.peek-email-templates .inner-block > a > span{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 53px;height: 53px;font-style: normal;background: #fff;text-align: center;line-height: 80px;display: inline-block;border-radius: 50%;box-shadow: 0 0 0 rgba(243, 213, 54, .6);animation: pulse 2s infinite;-moz-animation: pulse 2s infinite;-ms-animation: pulse 2s infinite;-webkit-animation: pulse 2s infinite; display: flex; justify-content: center; align-items: center;}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(244,244,244,.6)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(244,244,244,0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(244,244,244,0)
    }
}

.mfp-zoom-out-cur .mfp-gallery .mfp-content {top: 50px;}
.mfp-gallery .mfp-content {vertical-align: top;height: 100%;}
.mfp-gallery .mfp-content {overflow: inherit;}
.mfp-gallery button.mfp-close {width: 50px;height: 50px;top: -50px;text-align: center;right: 0;padding-right: 0;z-index: 99;background: #000;color: #fff !important;}
.mfp-gallery button.mfp-close:after {color: #fff !important;}
.mfp-gallery img.mfp-img {width: 100%;max-height: inherit !important;padding: 0;}
.mfp-bottom-bar{display: none!important;}


.peek-email-templates .inner-block > figure{}
.peek-email-templates .inner-block .shape1{position: absolute;top: -72px;left: -70px;z-index: -1;}
.peek-email-templates .inner-block .shape2{position: absolute;bottom: 10px;right: -51px;z-index: -1;}
.peek-email-templates .inner-block .shape3{position: absolute; width: 37px; height: 37px; border-radius: 100%; border: 2px solid #ffda30; right: -12px; top: -12px; z-index: -1;}

.lunne-quote{}
.lunne-quote .quote-block{position: relative; display: flex; align-items: center; padding: 50px; background-color: #ffda30; border-radius: 220px; margin-top: -60px; z-index: 1;}
.lunne-quote.lunne-quote1 .quote-block{border-bottom-left-radius: 0;}
.lunne-quote .quote-block .client-img{width: 273px;}
.lunne-quote .quote-block .client-quote-content{width: calc(100% - 273px); padding-left: 100px;}
.lunne-quote .quote-block .client-quote-content > figure{display: flex; margin-bottom: 20px;}
.lunne-quote .quote-block .client-quote-content > p{font-size: 19px;}
.lunne-quote .quote-block .client-quote-content > h4{font-size: 25px; display: inline-block; border-bottom: 5px solid #fff; line-height: 0.9; margin-bottom: 8px;}
.lunne-quote .quote-block .client-quote-content > h6{font-size: 19px; font-weight: 400;}

.scalling-up-journey{}
.scalling-up-journey .section-title{text-align: center; max-width: 1275px; width: 100%; margin: 0 auto; margin-bottom: 110px;}

.journey-block{position: relative; max-width: 1112px; width: 100%; margin: 0 auto;}
.journey-block .arrow{position: absolute;top: -45px;right: 160px;transition: top 0.3s ease;}
.journey-block .inner-block{position: relative; display: flex; padding: 55px 0; padding-right: 65px; border-bottom: 0; border-radius: 60px;}
.journey-block .inner-block:first-child{}
.journey-block .inner-block:nth-child(2){}
.journey-block .inner-block:nth-child(3){padding-top: 70px;}
.journey-block .inner-block:nth-child(4){}
.journey-block .inner-block:nth-child(5){padding-top: 70px;}
.journey-block .inner-block:nth-child(6){padding-top: 65px;}
.journey-block .inner-block:last-child{padding-bottom: 0;}
.journey-block .inner-block:nth-child(odd){padding-left: 95px; border-right: 0;} 
/*.journey-block .inner-block:nth-child(even){border-left: 0; } */
.journey-block .inner-block .number{position: relative; width: 37px; font-size: 26px; font-weight: 700; height: 100%; z-index: 1;}
.journey-block .inner-block .number:after{position: absolute; content: ""; height: 7px; width: 100%; background-color: #ffdb2d; bottom: 0; left: 0; z-index: -1;}
.journey-block .content-block{width: calc(100% - 37px); padding-left: 15px;}
.journey-block .content-block > h5{margin-bottom: 15px;}
.journey-block .content-block > p{margin-bottom: 0;}

#route{position: absolute; top: -46px; right: 0; width: 100%; height: auto; z-index: 10;}
#route > svg{overflow: visible;}

.transparent-communication{}
.transparent-communication .content-block{text-align: center;max-width: 1185px;margin: 0 auto;}
.transparent-communication .content-block p:last-of-type{margin-bottom: 0;}


@media (max-width:1440px){
    .lunne-page h2{font-size: 38px;}
    .the-challenge{padding: 85px 0; padding-bottom: 210px;}
    .the-challenge .content-block > ol > li{margin-bottom: 25px;}
    .the-challenge .content-block > p {margin-bottom: 25px;}
    
    .journey-block{max-width: 1000px;}
    .journey-block .inner-block:nth-child(3) {padding-top: 40px;}
    .journey-block .inner-block:nth-child(5) {padding-top: 50px;}
    .journey-block .inner-block .number{font-size: 24px; line-height: 1.1;}
    
}

@media (max-width:1366px){
    .lunne-page h2{font-size: 30px; margin-bottom: 25px;}
    
    .journey-block .inner-block:nth-child(3) {padding-top: 55px;}
    .journey-block .inner-block:nth-child(4) {padding-top: 60px;}
    .journey-block .inner-block:nth-child(5) {padding-top: 50px;}
    .journey-block .inner-block:nth-child(6) {padding-top: 65px;}
    .journey-block .inner-block:last-child{padding-top: 56px;}
    .journey-block .inner-block .number{font-size: 19px; width: 31px;}
    .journey-block .content-block{width: calc(100% - 31px)}
    .journey-block .inner-block:nth-child(odd){padding-left: 65px;}
}

@media (max-width:1199px){
    .the-challenge{background-position: -160px 0; padding-bottom: 210px;}
    .lunne-quote .quote-block .client-quote-content{padding-left: 50px;}
    .lunnes-quest .inner-block{padding: 25px; padding-top: 0;}
    .lunne-quote .quote-block{padding: 35px;}
    .lunne-quote .quote-block .client-quote-content > h4{font-size: 21px;}
    .lunnes-quest .row > .col-6:first-child > .inner-block:before{left: -15px;bottom: -15px; border-width: 5px;}
    .lunnes-quest .row > .col-6:nth-child(2) > .inner-block:before{right: -15px; border-width: 5px;}
    .lunnes-quest .row > .col-6:nth-child(3) > .inner-block:before{left: -15px; border-width: 5px;}
    .lunnes-quest .row > .col-6:last-child > .inner-block:before{right: -15px;top: -15px; border-width: 5px;}
    
    .journey-block{max-width: 910px;}
    .journey-block .inner-block{padding: 35px 0; padding-right: 35px;}
    .journey-block .inner-block:nth-child(5) {padding-top: 60px;}
    .journey-block .inner-block:nth-child(7){padding-top: 55px;}
    .journey-block .inner-block:nth-child(odd) {padding-left: 45px;}
}

@media (max-width:1024px){
    .lunne-page h2{font-size: 25px;}
}

@media (max-width:1023px){
    
}

@media (max-width:991px){
    .the-challenge{padding: 80px 0; padding-bottom: 90px; background-image: none!important;}
    .the-challenge .shape{display: none;}
    .the-challenge .row > .col-6{width: 100%;}
    .lunne-quote.lunne-quote2{display: inline-block; width: 100%; padding-bottom: 70px;}
    .lunne-quote .quote-block{border-radius: 30px;}
    .lunne-quote .quote-block .client-img {width: 200px;}
    .lunne-quote .quote-block .client-quote-content{width: calc(100% - 200px);}
    .lunne-quote.lunne-quote2 .quote-block .client-quote-content {padding-right: 30px; padding-left: 0;}
    .lunnes-quest .inner-block{border-top-left-radius: 30px;}
    .lunnes-quest .inner-block:hover{border-top-left-radius: 0; border-bottom-right-radius: 30px;}
    
    #route{display: none;}
    .scalling-up-journey .section-title{margin-bottom: 30px;}
    .journey-block .inner-block{padding: 25px 0 !important;}
    
}

@media (max-width:767px){
    .lunne-page h2{font-size: 22px;}
    .lunne-page h2 > br{display: none;}
    .lune-banner{padding-bottom: 0;}
    .lune-banner .img-block{position: relative; right: -20px; width: 100%; max-width: 410px; margin-left: auto; margin-top: 20px;}
    .about-lunne .img-block{max-width: 150px; margin: 0 auto; margin-bottom: 30px;}
    .peek-email-templates{padding-bottom: 100px;}
    .peek-email-templates .inner-block .shape1,.peek-email-templates .inner-block .shape2,.peek-email-templates .inner-block .shape3{display: none;}
    .peek-email-templates .row {row-gap:40px}
    .peek-email-templates .row > .col-4{width: 50%;}
    .lunne-quote .quote-block{flex-direction: column; padding: 20px;}
    .lunne-quote .quote-block .client-quote-content > p,.lunne-quote .quote-block .client-quote-content > h6{font-size: 15px;}
    .lunne-quote .quote-block .client-quote-content > h4 {font-size: 16px;}
    .lunne-quote .quote-block .client-quote-content{width: 100%; padding-left: 0;}
    .lunnes-quest .section-title{margin-bottom: 90px;}
    .lunnes-quest .row {row-gap: 90px;}
    .lunnes-quest .row > .col-6{margin-bottom: 0px; text-align: center;}
    .lunnes-quest .row > .col-6:nth-child(n + 3){text-align: center;}
    .lunnes-quest .row > .col-6:last-of-type{margin-bottom: 0;}
    .lunnes-quest .inner-block:hover{margin-top: 0;}
    .lunnes-quest .inner-block h4{font-size: 18px;}
    .the-challenge{padding: 40px 0; padding-bottom: 90px;}
    .the-challenge .content-block > ol > li{padding-left: 45px;}
    .the-challenge .content-block > ol > li:before{font-size: 22px;}
    .lunne-quote.lunne-quote2{padding-bottom: 50px;}
    .lunne-quote.lunne-quote2 .quote-block{margin-top: -70px;}
    .lunne-quote.lunne-quote2 .quote-block .client-quote-content{order: 2;}
    
    .journey-block .inner-block {padding: 15px 0 !important;}
    .journey-block .inner-block .number {font-size: 14px;width: 23px;}
    .journey-block .inner-block .number:after{height: 3px;}
    .journey-block .content-block {width: calc(100% - 23px); padding-left: 10px;}
    .journey-block .content-block > h5 {margin-bottom: 10px;}
    
}