.blur-sub label,.section-title{text-transform:uppercase}.first-section img{animation:2s ease-in-out forwards firstArticle;margin-bottom:20px}.first-section h1,.first-section p{padding:20px;border-radius:20px;text-transform:uppercase;animation:2s ease-in-out forwards firstArticle;margin:20px}#why-us-content p,#why-us-content>div,.first-section h1,.first-section p,.section-title,.who-we-are{text-align:center}section{padding:10px;display:flex;flex-direction:column;align-items:center}.section-title strong{font-weight:700}section h2{font-size:var(--font-size-high)}section>div{display:flex;justify-content:center;align-items:center}.first-section{background-image:url(../img/index/fond.webp);background-position:center center;background-size:cover;padding:0;justify-content:center;height:100%}.first-section h1{background-color:rgba(250,250,250,.6);font-size:var(--font-size-max-high);font-weight:unset}.first-section p{color:#fff;background-color:rgba(0,0,0,.6);font-weight:700;font-size:var(--font-size-high);max-width:700px}.card-front,.subscription-pane h3{background-color:var(--color-h2);color:#fff}@keyframes firstArticle{0%{opacity:0}100%{opacity:1}}.who-we-are>p{text-align:justify;hyphens:auto;text-align-last:center;font-size:var(--font-size-medium);max-width:1000px}.who-we-are>div{flex-wrap:wrap}.who-we-are>div div{width:250px;height:200px;margin:10px}.who-we-are img{height:120px;width:120px;border-radius:1000px;box-shadow:0 0 32px rgba(100,100,100,.8)}.service-pane{margin:0 10px;width:620px;height:250px;overflow:hidden}.card,.card-inner{width:200px;height:200px;border-radius:10px}.service-pane>ul{width:400%;height:100%;padding:0;margin:0 0 0 -215px;list-style:none}.service-pane li{height:100%;float:left;display:flex;align-items:center}.card{margin:0 5px;cursor:pointer;perspective:1000px}.card-inner{transform-style:preserve-3d;transition:transform 1s;box-shadow:0 8px 4px rgba(150,150,150,.4)}.btn-service-pane,.img-content{box-shadow:0 0 32px rgba(100,100,100,.8)}.card-back,.card-front{text-align:center;border-radius:10px;position:absolute;width:180px;height:180px;padding:10px;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-medium)}.card-back,.img-content,.subscription-pane{background-color:#fff}.btn-service-pane:hover,.card-back{color:#000}.card-front img{position:absolute;right:10px;bottom:10px}.card-back{font-size:var(--font-size-normal);transform:rotateY(180deg);text-decoration:none;flex-direction:column;justify-content:start}.card-back h3{margin:10px 0;font-weight:400;text-decoration:underline}.card-back p{text-align:left;margin:0 5px;overflow-y:hidden}.card:hover .card-inner{transform:rotateY(180deg);box-shadow:0 8px 4px rgba(150,150,150,.8)}.cta-btn{width:auto;margin-top:20px}.btn-service-pane{background-image:url(../../img/arrow/arrow-right.svg);background-size:35px;background-position:center;background-repeat:no-repeat;width:50px;height:50px;border-radius:50px;display:flex}.btn-service-pane:first-of-type{background-image:url(../../img/arrow/arrow-left.svg)}#why-us-content{align-items:start}#why-us-content>div{display:flex;flex-direction:column;margin:10px 50px;align-items:center;height:100%;width:220px}.img-content{width:80px;height:80px;padding:20px;border-radius:100px;margin-bottom:10px}.img-content img{width:100%;height:100%;user-select:none}#why-us-content p{width:100%}.subscription-pane{width:275px;height:425px;border-radius:10px;margin:30px;display:flex;flex-direction:column;align-items:center;overflow:hidden;box-shadow:0 12px 16px 0 grey,0 17px 50px 0 rgba(0,0,0,.19)}.info-add-hours,.subscription-pane .subscription-price{margin:10px;text-align:center}.subscription-pane h3{text-align:center;margin:0;width:100%;padding:10px}.blur-sub{background-color:#fffC;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.blur-sub label{font-size:var(--font-size-high);background-color:var(--color-h3);border-radius:10px;padding:10px;transform:rotate(45deg)}.subscription-price label{font-size:var(--font-size-high);font-weight:700}.subscription-pane ul{width:100%;list-style:none;margin:10px 0 0}.subscription-pane li{position:relative;padding-left:30px;margin-bottom:10px}.subscription-pane li::before{content:url(../img/index/check.svg);position:absolute;left:0;top:-3px}.subscription-pane li strong{font-weight:700;margin-left:10px}.info-add-hours{font-size:var(--font-size-small)}@media screen and (max-width:1400px){.first-section h1{width:700px}}@media screen and (max-width:1200px){.first-section h1{font-size:var(--font-size-high)}.first-section p{font-size:var(--font-size-medium);width:400px}.who-we-are>p{max-width:750px}}@media screen and (max-width:1000px){.service-pane{width:410px}#why-us-content{flex-direction:column;width:auto}#why-us-content div{margin:10px 0;flex-direction:row;width:auto}#why-us-content .img-content{margin:10px 20px}#why-us-content p{margin:10px 20px;width:250px}#subscriptions-content{flex-direction:column}.subscription-pane{margin:30px 0}.first-section{background-image:url(../img/index/fond-1000.webp)}}@media screen and (max-width:800px){.first-section h1{width:400px}.first-section p{font-size:var(--font-size-normal);width:350px}.who-we-are>p{max-width:600px}.service-pane{width:410px}}@media screen and (max-width:600px){.first-section h1{margin:0;max-width:80%}.first-section p{width:300px;max-width:70%}section h2{max-width:80%}.who-we-are>p{max-width:400px}.service-pane{width:200px}}@media screen and (max-width:500px){.first-section h1{font-size:var(--font-size-medium)}}@media screen and (max-width:450px){section h2{font-size:var(--font-size-medium)}#why-us-content p{width:150px}.who-we-are>p{font-size:var(--font-size-normal);width:300px}}@media screen and (max-height:600px) and (min-width:1200px){.first-section h1{font-size:var(--font-size-high)}.first-section p{font-size:var(--font-size-medium)}}@media screen and (max-height:600px){.first-section img{width:150px;height:150px}}@media screen and (max-height:500px){.first-section img{display:none}}@media screen and (max-height:550px) and (max-width:1200px){.first-section img{display:none}}@media screen and (max-width:500px){.first-section{background-image:url(../img/index/fond-500.webp)}}
