/* Content box 1 */
.content-box-1{max-width:1200px;margin:auto;color:#ffffff;padding:30px 20px;text-align:center;position:relative;border-radius:25px;margin-bottom:30px;transition:0.3s;
    box-shadow: 0px 15px 40px 0px rgb(42 20 205);}
.content-box-1-bg-blur{transform:scale(0.95) translateY(20px);filter:blur(30px);
  display:none}
.content-box-1-bg, .content-box-1-bg-blur{background: rgb(42,20,205);background: linear-gradient(61deg, rgba(42,20,205,1) 0%, rgba(152,1,137,1) 100%);position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit;}
.content-box-1-content-wrapper{position:relative;}
.content-box-1-content{font-size:16px;line-height:1.6;font-weight:300}
.content-box-1-button{display:inline-block;margin-top:26px;text-decoration:none;font-size:16px;background:#ff3eb0;padding:10px 30px;border-radius:50px;transition:0.3s;}
.content-box-1-button:hover{background:#ff157f;}
.content-box-1-title{font-size:4rem;line-height:4.5rem;margin-bottom: 30px;font-weight:300}
.content-box-1 a{color:#ffffff}
.content-box-1-wrapper{padding:0px 30px;}

@media (max-width:767px){
.content-box-1-title{font-size:3.5rem;line-height:4rem;}
}
 
@media (max-width:479px){
.content-box-1-title{font-size:2.5rem;line-height:2.8rem;}
}

/* Content box 2 */
.content-box-2 h3{color:#343a40;}
.content-box-2{display:flex;align-items:center;background:#fff;box-shadow:0 15px 30px #142cb53b;border-radius:15px;position:relative;overflow:hidden;margin-bottom:30px;transition:0.3s;}
.content-box-2::before{content:'';position:absolute;left:0;top:0;width:0;height:100%;border-radius:inherit;transition:0.3s;}
.content-box-2:hover::before{width:100%;}
.content-box-2-content-wrapper{padding:40px 40px 40px 10px;position:relative;}
.content-box-2-title{font-size:22px;margin:0 0 20px;color:#343a40;transition:0.3s;}
.content-box-2-content{color:#858aa7;font-size:15px;line-height:1.6;transition:0.3s;}
.content-box-2:hover .content-box-2-title,.content-box-2:hover .content-box-2-content{color:#fff;}
.content-box-2-icon{flex-shrink:0;width:80px;height:80px;border-radius:50%;margin:40px;color:#fff;font-size:36px;line-height:0;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:0.3s;}
.content-box-2:hover .content-box-2-icon{background:#fff!important;box-shadow:0 15px 45px 5px #34363e47!important;}
.content-box-2-button{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;}
.content-box-2-wrapper{margin:30px;}
.content-box-2-icon .fa{font-size:3.5rem}

.content-box-2-wrapper.couleur1 .content-box-2::before{background:linear-gradient(90deg, rgba(42,20,205), rgb(115 191 255));}
.content-box-2-wrapper.couleur1 .content-box-2-icon{background:rgba(42,20,205);box-shadow:0 0 30px 0 #26252947 inset, 0 15px 45px 0 #5192ff;}
.content-box-2-wrapper.couleur1 .content-box-2:hover .content-box-2-icon{color:rgba(42,20,205);}

.content-box-2-wrapper.couleur2 .content-box-2::before{background:linear-gradient(90deg, rgb(197 2 177), #fe91f3);}
.content-box-2-wrapper.couleur2 .content-box-2-icon{background: rgb(197 2 177);box-shadow: rgb(38 37 41 / 28%) 0px 0px 30px 0px inset, rgb(197 2 177) 0px 15px 45px 0px;}
.content-box-2-wrapper.couleur2 .content-box-2:hover .content-box-2-icon{color:rgb(197 2 177)}

.content-box-2-wrapper.couleur3 .content-box-2::before{background:linear-gradient(90deg, rgb(255, 34, 75), rgb(255, 54, 155));}
.content-box-2-wrapper.couleur3 .content-box-2-icon{background: rgb(255, 24, 72);box-shadow: rgb(38 37 41 / 28%) 0px 0px 30px 0px inset, rgb(255 113 141) 0px 15px 45px 0px;}
.content-box-2-wrapper.couleur3 .content-box-2:hover .content-box-2-icon{color:rgb(255, 24, 72)}

/* Content box 3 */
.content-box-3{background:#ffffff;padding:40px;position:relative;text-align:center;margin-bottom:30px;transition:0.3s;border-radius:15px}
.content-box-3:hover{box-shadow:0 15px 30px rgba(69, 63, 181, 0.1);}
.content-box-3-title{font-size:22px;margin:0 0 20px;color:#343a40;}
.content-box-3-content{color:#858aa7;font-size:16px;line-height:1.6;}
.content-box-3-icon-wrapper{width:90px;height:90px;border-radius:50%;display:inline-block;margin-bottom:50px;position:relative;}
.content-box-3-icon-wrapper::before{position:absolute;content:"";top:0;left:0;height:100%;width:100%;border-radius:inherit;box-shadow:0 25px 45px 0 #6a4bc4;opacity:.3;background-color:#fff;border:14px solid #fff;}
.content-box-3-icon-box{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:inherit;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.content-box-3-icon-box::before{position:absolute;content:"";top:0;left:0;height:100%;width:100%;border-radius:inherit;background-image:linear-gradient(45deg,rgba(0,0,0,.15) 0,rgba(0,212,255,0) 60%);}
.content-box-3-icon-box::after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;border-radius:inherit;box-shadow:0 15px 15px 0 #6a4bc4;opacity:.3;}
.content-box-3-icon{color:#fff;font-size:36px;line-height:0;}
.content-box-3-link{border-radius:inherit;position:absolute;left:0;top:0;width:100%;height:100%;}
.content-box-3-wrapper{margin:30px;cursor:pointer;}
.content-box-3-icon .fa{font-size:3.5rem}
.content-box-3-wrapper.couleur1 .content-box-3-icon-box{background-color:#6a4bc4;}
.content-box-3-wrapper.couleur2 .content-box-3-icon-box{background-color:rgb(197 2 177);}
.content-box-3-wrapper.couleur3 .content-box-3-icon-box{background-color:#1ec1ed;}


/* Content box 4 */
.content-box-4-wrapper{margin:30px;cursor:pointer;margin-bottom:50px}
.content-box-4-icon .fa{font-size:3.5rem}
.content-box-4-group{display:flex;flex-wrap:wrap;box-shadow:0 15px 40px #008eff66;background:linear-gradient(-45deg, #05baff, #0569ff);border-radius:30px;overflow:hidden;max-width:1200px; margin:auto}
.content-box-4{flex-basis:33.333%;flex-grow:1;position:relative;border:1px solid #ffffff29;padding:40px;text-align:center;transition:0.3s;}
.content-box-4:hover{background:#ffffff;}
.content-box-4-title{font-size:22px;margin:0 0 20px;color:#ffffff;transition:0.3s;}
.content-box-4-content{color:#ffffff;font-size:14px;line-height:1.6;transition:0.3s;}
.content-box-4:hover .content-box-4-title{color:#0569ff;}
.content-box-4:hover .content-box-4-content{color:#343a40;}
.content-box-4-icon{width:60px;height:60px;border-radius:6px;border:1px solid white;margin-bottom:30px;color:#fff;font-size:36px;line-height:0;display:inline-flex;align-items:center;justify-content:center;transition:0.3s;}
.content-box-4:hover .content-box-4-icon{border-color:#0569ff;color:#0569ff;}
.content-box-4-button{position:absolute;left:0;top:0;width:100%;height:100%;}

/* Content box 5 */
.content-box-5-wrapper{margin:30px;}
.content-box-5-icon .fa{font-size:3.5rem}
.content-box-5{background:#ffffff;padding:50px 40px;position:relative;margin-bottom:30px;box-shadow:0 15px 40px rgba(69, 63, 181, 0.1);transition:0.3s;border-radius: 15px;}
.content-box-5:hover{transform:translateY(-15px);}
.content-box-5-icon{padding:15px;border-radius:50px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:30px;font-size:36px;transition:0.3s;}
.content-box-5:hover .content-box-5-icon{background:#ffffff38;color:#fff;}
.content-box-5-title{font-size:22px;margin:0 0 20px;padding-bottom:15px;color:#343a40;transition:0.3s;border-bottom:1px solid #3f51b538;}
.content-box-5:hover .content-box-5-title{color:#fff;border-color:#ffffff38;}
.content-box-5-content{color:#858aa7;font-size:15px;line-height:1.6;transition:0.3s;}
.content-box-5:hover .content-box-5-content{color:#fff;}
.content-box-5-button{display:inline-block;margin-top:26px;text-decoration:none;font-size:15px;padding:10px 15px;border-radius:4px;letter-spacing:0;transition:0.3s;}
.content-box-5:hover .content-box-5-button{color:#fff;background:#ffffff38;}

.content-box-5-wrapper.couleur1 .content-box-5-icon, .content-box-5-button{background:#f2edff;color:#6a4bc4;}
.content-box-5-wrapper.couleur1 .content-box-5:hover{background:#6a4bc4;}

/* Content box 6 */
.content-box-6-wrapper{margin:30px;}
.content-box-6-icon .fa{font-size:3.5rem}
.content-box-6{border:1px solid #dbdce6;border-radius:15px;padding:50px 40px;position:relative;text-align:center;margin-bottom:30px;transition:0.3s;}
.content-box-6-title{font-size:22px;margin:0 0 20px;color:#343a40;transition:0.3s;}
.content-box-6-content{color:#858aa7;font-size:15px;line-height:1.6;transition:0.3s;}
.content-box-6:hover .content-box-6-title,.content-box-6:hover .content-box-6-content{color:#fff;}
.content-box-6-icon{width:80px;height:80px;border-radius:50%;margin-bottom:50px;color:#fff;font-size:36px;line-height:0;display:inline-flex;align-items:center;justify-content:center;transition:0.3s;}
.content-box-6:hover .content-box-6-icon{background:#fff!important;color:#6a4bc4;box-shadow:0 15px 30px 5px #34363e47!important;}
.content-box-6-button{display:inline-block;margin-top:26px;text-decoration:none;color:#6a4bc4;font-size:16px;font-weight:600;transition:0.3s;}
.content-box-6:hover .content-box-6-button{color:#fff!important;}

.content-box-6:hover{background:#6a4bc4;border-color:#6a4bc4;}
.content-box-6-icon{background:#6a4bc4;box-shadow:0 0 30px 0 #26252947 inset, 0 15px 45px 0 #6a4bc4;}
.content-box-6:hover{box-shadow:0 15px 28px #6a4bc4b3;}


/* Text box 1 */
.presentationwrapper {overflow:hidden}
.presentationwrapper .grey-section{background:#f3f6f9;}
.presentationwrapper img{max-width:100%;height:auto;}
.presentationwrapper .appear-animate{transform:translate3d(0,0,0) scale(1);will-change:transform,filter,opacity;}
.presentationwrapper .d-inline-block{display:inline-block!important;}
.presentationwrapper .font-weight-bold{font-weight:700!important;}
.presentationwrapper .text-white{color:#fff!important;}
.presentationwrapper .text-grey{color:#999!important;}
.presentationwrapper .text-body{color:#666!important;}
.presentationwrapper .text-dark{color:#222!important;}
.presentationwrapper .ls-m{letter-spacing:-0.025em!important;}
.presentationwrapper .ls-l{letter-spacing:-0.05em!important;}
.presentationwrapper .lh-1{line-height:1!important;}
.presentationwrapper .bg-white{background-color:#fff!important;}
.presentationwrapper .bg-dark{background-color:#222!important;}
.presentationwrapper .container{width:100%;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto;}
@media (max-width:479px){
.presentationwrapper .container{padding-left:15px;padding-right:15px;}
}

.presentationwrapper .grey-section{background:#f5f5fc;}
.presentationwrapper img{max-width:100%;height:auto;}
.presentationwrapper .appear-animate{transform:translate3d(0,0,0) scale(1);will-change:transform,filter,opacity;}
.presentationwrapper .d-inline-block{display:inline-block!important;}
.presentationwrapper .font-weight-bold{font-weight:700!important;}
.presentationwrapper .text-white{color:#fff!important;}
.presentationwrapper .text-grey{color:#999!important;}
.presentationwrapper .text-body{color:#666!important;}
.presentationwrapper .text-dark{color:#222!important;}
.presentationwrapper .ls-m{letter-spacing:-0.025em!important;}
.presentationwrapper .ls-l{letter-spacing:-0.05em!important;}
.presentationwrapper .lh-1{line-height:1!important;}
.presentationwrapper .bg-white{background-color:#fff!important;}
.presentationwrapper .bg-dark{background-color:#222!important;}
.presentationwrapper h3{font-size:3rem;}
.presentationwrapper p{font-family:"Open Sans",sans-serif;font-size:1.4rem;line-height:1.86;}
.presentationwrapper .container{width:100%;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto;}
@media (max-width:479px){
.presentationwrapper .container{padding-left:15px;padding-right:15px;}
}
.presentationwrapper .container{max-width:1220px;}
.presentationwrapper .mb-0{margin-bottom:0rem!important;}
.presentationwrapper .pb-4{padding-bottom:2rem!important;}
.presentationwrapper .mt-5{margin-top:2.5rem!important;}
.presentationwrapper .mb-5{margin-bottom:2.5rem!important;}
.presentationwrapper .mb-7{margin-bottom:3.5rem!important;}
.presentationwrapper .mb-8{margin-bottom:4rem!important;}
.presentationwrapper .mb-10{margin-bottom:5rem!important;}
.presentationwrapper .pt-10{padding-top:5rem!important;}
.presentationwrapper .pb-10{padding-bottom:5rem!important;}

.presentationwrapper .highlight-word{word-break:break-word}
.presentationwrapper .fadeInUpShorter{animation-name:fadeInUpShorter;}
.presentationwrapper .fadeInLeftShorter{animation-name:fadeInLeftShorter;}
.presentationwrapper .fadeInRightShorter{animation-name:fadeInRightShorter;}
.presentationwrapper .blurIn{animation-name:blurIn;}
/*.presentationwrapper .appear-animation-visible{visibility:visible;}*/

.presentationwrapper .window1, .presentationwrapper .window2, .presentationwrapper .window3{max-width:320px;border-radius:15px;overflow:hidden}

.presentationwrapper .highlight-word .highlight{position:absolute;left:-3%;bottom:-1.9rem;background:url(/files/themes/03/pencil-line.png) no-repeat;background-size:contain;width:0;opacity:0;height:1.1rem;overflow:hidden;transition:width ease 1s,opacity ease 1s;}
.presentationwrapper .appear-animation-visible .highlight-word .highlight.animated{opacity:1;width:106%;}
.presentationwrapper .float-el{transition:transform linear 1s;}
.presentationwrapper .presentation h3{color:#9a88fb;}
.presentationwrapper .presentation h3>span{font-style:italic;padding-right:0.5rem;}
.presentationwrapper .presentation h2{font-size:5rem;line-height:0.95;}
.presentationwrapper .presentation .col-md-5{padding-left:4.2rem;}
.presentationwrapper .presentation p{line-height:1.72;}
.presentationwrapper .presentation .shapes{height:60rem;}
.presentationwrapper .presentation .shapes h3{top:35.5rem;left:3rem;font-weight:400;}
.presentationwrapper .presentation .shapes>*{position:absolute;}
.presentationwrapper .presentation .white-rect{border-radius:15px;width:263px;left:24.8%;height:173px;box-shadow:0 1rem 6rem rgba(0,0,0,0.1);}
.presentationwrapper .presentation .window3{top:5rem;right:15.7%;}
.presentationwrapper .presentation .black-rect{border-radius:15px;background:#6851e2;width:210px;height:139px;top:20rem;right:26.7%;}
.presentationwrapper .presentation.Side1 .window2{top:17.4rem;right:11.8%;}
.presentationwrapper .presentation.Side2 .window2{top:17.4rem;left:30%;}
.presentationwrapper .presentation .window1{top:7rem;}
.presentationwrapper .presentation .drop{top:47.1rem;left:29.3%;width:52px;height:52px;border-radius:52%;background:#ff3eb0}
.presentationwrapper .presentation .expshape1{top:14rem;fill:rgba(152,1,137,1);}
.presentationwrapper .presentation.Side1 .expshape1{left:-13.15%;}
.presentationwrapper .presentation.Side2 .expshape1{right:-13.15%;}
.presentationwrapper .presentation .expshape2{top:27.9rem;fill:rgba(42,20,205,1);}
.presentationwrapper .presentation.Side1 .expshape2{left:-9.7%;}
.presentationwrapper .presentation.Side2 .expshape2{right:-9.7%;}
.presentationwrapper .devotion{position:relative;padding-left:15rem;}
.presentationwrapper .devotion mark{z-index:1;top:0;left:2rem;background:transparent;font-size:8rem;text-align:center;line-height:10rem;}
.presentationwrapper .devotion mark:before{z-index:-1;background:linear-gradient(135deg, rgba(42,20,205,1) 0%, rgba(152,1,137,1) 100%);}
.presentationwrapper .devotion:after{z-index:1;top:0;left:2rem;border:1px solid rgba(42,20,205,1)}
.presentationwrapper .devotion:after,.devotion mark:before{content:"";display:block;border-radius:3rem;transform:rotate(45deg);}
.presentationwrapper .devotion:after,.devotion mark,.devotion mark:before{position:absolute;width:11.2rem;height:11.2rem;}
.presentationwrapper .devotion h3{padding:0.1em 0.2em;border-radius:1rem;margin-bottom:0.8rem;}
.presentationwrapper .devotion p{font-size:2rem;line-height:1.2;}

.presentationwrapper .shapes .float-el{max-width:50%}

@media (min-width:768px){
.presentationwrapper .presentation .devotion{margin-left:-12rem;}
}
@media (min-width:992px){
.presentationwrapper .presentation .devotion{margin-left:-6rem;}
}
@media (min-width:1200px){
.presentationwrapper .presentation .devotion{margin-left:0;}
}

@keyframes fadeInUpShorter{0%{opacity:0;transform:translate(0,50px);transform-origin:0 0;}to{opacity:1;transform:none;}}
@keyframes fadeInLeftShorter{0%{opacity:0;transform:translate(50px,0);transform-origin:0 0;}to{opacity:1;transform:none;}}
@keyframes fadeInRightShorter{0%{opacity:0;transform:translate(-50px,0);transform-origin:0 0;}to{opacity:1;transform:none;}}
@keyframes blurIn{0%{opacity:0;filter:blur(20px);transform:scale(1.2);}to{opacity:1;filter:blur(0);transform:none;}}