:root{--c-dark:#60ABDF;--c-light:#D4EDE9;--c-mid:#72B4B0;--c-bg:#F5F5F5;--font-head:"ReadexPro-Regular",sans-serif;--font-body:"ReadexPro-Regular",sans-sans-serif;--bs-primary:#60ABDF;--bs-primary-rgb:96,171,223;--bs-secondary:#E14412;--bs-secondary-rgb:114,181,176;--bs-secondary-bg-subtle:rgba(114,181,176,.1);--bs-secondary-border-subtle:rgba(114,181,176,.25);--bs-light:#D4EEEA;--bs-light-rgb:212, 238, 234;}
.nav{--bs-nav-link-padding-x: 2rem;--bs-nav-link-hover-color:#E14412;}
a{--bs-link-color-rgb:11,79,80;--bs-link-hover-color-rgb:114,181,176;}
.modal{--bs-modal-border-radius:0;}
@font-face{font-family:'ReadexPro-Regular';src:url('../assets/fonts/ReadexPro-Regular.woff2') format('woff2');font-display:swap;}
@font-face{font-family:'ReadexPro-Bold';src:url('../assets/fonts/ReadexPro-Bold.woff2') format('woff2');font-weight:normal;font-display:swap;}
body{font-family:var(--font-body);background:#fff;color:#1A1A1A;scroll-behavior:smooth;line-height:1.75;}
.bg-grey{background-color:#F6F6F6;}
.ratio11{aspect-ratio: 1/1;}
.z-0{z-index: 0;}
.rotate90{transform: rotate(-90deg);}

::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#60ABDF;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0a4243}::-webkit-scrollbar-track{background:#e0e0e0}html{scrollbar-color:#60ABDF #e0e0e0}

#toTop{position:fixed;bottom:20px;right:-200px;width:45px;height:45px;border-radius:50%;display:flex;border:none;background:#49834F;color:#fff;font-size:20px;cursor:pointer;align-items:center;justify-content:center;z-index:999;transition:all .3s}
#toTop.show{display:flex;opacity:1;right:20px;}

.btn{border-radius: 2rem;padding:1rem 3rem;font-family:"ReadexPro-Bold",sans-serif;font-weight: normal;font-size: 1.15rem;}

.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#60ABDF;--bs-btn-border-color:#60ABDF;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#347caf;--bs-btn-hover-border-color:#347caf;--bs-btn-focus-shadow-rgb:11,79,80;--bs-btn-active-color:#fff;--bs-btn-active-bg:#117172;--bs-btn-active-border-color:#117172;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#60ABDF;--bs-btn-disabled-border-color:#60ABDF;}
.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#E14412;--bs-btn-border-color:#E14412;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bd3309;--bs-btn-hover-border-color:#bd3309;--bs-btn-focus-shadow-rgb:114,181,176;--bs-btn-active-color:#fff;--bs-btn-active-bg:#5b9792;--bs-btn-active-border-color:#5b9792;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#E14412;--bs-btn-disabled-border-color:#E14412;}

.btn-arrow{position:relative;display: flex;align-items: center;padding:0;color: #fff;text-decoration: none;font-family:"ReadexPro-Bold",sans-serif;font-weight: normal;font-size: 1.15rem;}
.btn-arrow:after{content: url(../assets/arrow.svg);margin-left:1rem;width: 1.5rem;height: 1.5rem;transition: transform 0.1s ease;margin-bottom:0.25rem;}
.btn-arrow:before{content:'';position: absolute;bottom:-0.25rem;left:0;width:80%;height:2px;background-color:#E14412;transition: width 0.3s ease;}
.btn-arrow:hover:before{width:100%;}

h1,h2,h3,h4,h5{font-family:"ReadexPro-Bold",sans-serif;font-weight: normal;}
.fs-5{font-size: 1rem !important;}
.fs-7{font-size: 0.85rem;}
.fs-8{font-size: 0.75rem;}
.fw-r{font-family:"ReadexPro-Regular",sans-serif;font-weight: normal;}
strong, b, .fw-b{font-family:"ReadexPro-Bold",sans-serif;font-weight: normal;}
.topbar{background:#fff;font-size:.85rem;color:#000 !important;position: fixed;z-index: 2;}
.site-header{z-index:10;width:100%;position: relative;}
.logo{width:9rem;}
nav{padding-left:10rem;z-index: 3;}
.nav-link{color:#000;font-family:"ReadexPro-Bold",sans-serif;font-weight: normal;}
.custom-ps{padding-left:15rem;}
section{/*scroll-margin-top:120px;*/}
.hero-section{min-height: 100dvh;padding-top:85px;position: relative;overflow: hidden;background-color:#60ABDF;}
.hero-arc{position:absolute;bottom:0;right:0;width:45%;aspect-ratio: 1/1;display:flex;justify-content:flex-end;align-items:center;pointer-events:none;}
.hero-arc img{width:100%;height:100%;object-fit:cover;border-radius:100vw 0 0 0;}
.hero-arc span{position:absolute;left:10%;top:10%;width:100%;height:100%;object-fit:cover;border-radius:100vw 0 0 0;border:2px solid #E14412;border-right:0;border-bottom:0;}
.hero-title{line-height: 1.4;font-size:calc(1.2rem + 1.1vw);font-family:"ReadexPro-Bold",sans-serif;font-weight: normal;}
.hero-title span {display: block;color: #ffffff;}
.hero-title span:nth-child(2) {color: #000000;}
.hero-title span:nth-child(1){transition-delay: 0.1s;}
.hero-title span:nth-child(2){transition-delay: 0.2s;}
.hero-title span:nth-child(3){transition-delay: 0.3s;}
.section-1{position: relative;}
.section-1 .img-big{transform: scale(1.4) translate(-4rem, -5rem);z-index: 2;}
.section-1 .forme-orange{transform:translateX(-10rem);z-index: 2;}
.section-2{position: relative;}
.section-2:before{content:"";position:absolute;;right:0;bottom:100%;width:100%;height:8rem;background:url('../assets/mask3.svg') top right / 100% 100% no-repeat;pointer-events:none;z-index: 2;}
.section-2 .forme-verte{right:0;bottom:100%;z-index: 2;}
.section-title{font-size:1.8rem;margin-bottom:1rem;}
.value-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:30px;height:100%;}
.title-colors span:nth-child(2) {color: #000000;}
.sticky-top{top:3rem;}

footer .col-md-4 ul li{margin-bottom:5px;}
footer .col-md-4 a{text-decoration:none;}
footer:before{content:"";position:absolute;;right:0;bottom:100%;width:100%;height:8rem;background:url('../assets/mask4.svg') top right / 100% 100% no-repeat;pointer-events:none;z-index: 2;}

.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:.7s ease;}
.reveal-on-scroll.inview{opacity:1;transform:translateY(0);}
.img-masked { mask-image: url('../assets/mask.svg'); -webkit-mask-image: url('../assets/mask.svg'); mask-size: contain; -webkit-mask-size: contain; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; object-fit: cover; width: 100%; height: 100%; }
.img-masked2 { mask-image: url('../assets/mask2.svg'); -webkit-mask-image: url('../assets/mask2.svg'); mask-size: contain; -webkit-mask-size: contain; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; object-fit: cover; width: 100%; height: 100%; }
input.form-control{border-radius: 2rem;padding: 1rem 2rem;font-family: "ReadexPro-Regular", sans-serif;font-weight: normal;font-size: 1.15rem;}
textarea.form-control{border-radius: 2rem;padding: 1rem 2rem;font-family: "ReadexPro-Regular", sans-serif;font-weight: normal;font-size: 1.15rem;}
.form-control{border-color:#EFEFEF;background-color: #EFEFEF;}
.form-control::placeholder{font-weight: normal !important;}
.form-check-input{transform: scale(1.4);border-color: var(--bs-primary);}


@media (min-width: 576px) {
    .topbar{position: relative}
    .hero-section{padding-top:225px;}
    .section-1:after{opacity:1;}
    .topbar{background:#000;color:#fff !important;}
    .navbar-brand{position: relative;}
    .navbar-brand .logo{z-index: 1;position: absolute;top:-1rem;left:-1rem;}
    .navbar-brand:before{content:"";position:absolute;top:-10.5rem;left:-7rem;background:url('../assets/forme.svg') center/cover no-repeat;pointer-events:none;width:20rem;height:20rem;}
    .hero-section{min-height: 100dvh;padding-top:155px;position: relative;overflow: hidden;background-color:#60ABDF;}
    .fs-5{font-size: 1.25rem !important;}
}

@media (min-width: 1200px) {
    .logo{width:12rem;}
    .navbar-brand{position: relative;}
    .navbar-brand .logo{top:-1rem;left:0;}
    .navbar-brand:before{top:-8.5rem;left:-5rem;width:20rem;height:20rem;}
    .hero-section{padding-top:200px;}
}

.display-6{font-size:calc(1.2rem + 1.1vw);}