@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Wix+Madefor+Display:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@800&display=swap');
body {
  font-family: 'Wix Madefor Display', sans-serif;
  color: #14225C;
  background-color: #f5f5f5;
  width: 100%;
  overflow-x: hidden;
}
header {
  border-bottom: 5px solid #cfdee5;
}
header div p {
  font-size: 25px; 
  color: black; 
  font-weight: 900;
  text-shadow: 0 0 1px black;
}
main h1 {
  padding-left: 15px;
  font-family: 'Wix Madefor Display', sans-serif;
  color: #14225C;
  font-size: 18px;
}
.uk-card {
  background-color: #FFFFFF;
  border-radius: 13px;
  color: #1C1C1C;
  box-shadow: none;
}
main > div:nth-child(1){
  background-image: url(media/lumin-osity-unsplash_edit-3.png); 
  border-radius: 0 0 10px 10px; 
  min-height: 85vh; 
}
main > div:nth-child(1) img {
  width: 70px;
}
main h2 {
  margin-top: 60px;
  color: #14225C; 
  font-size: 50px; 
  font-weight: bold; 
  line-height: 1;
  font-family: 'Abhaya Libre', serif;
}
li > a {
  color: #14225C;
}
li > a:hover {
  color: #14225C;
  text-decoration: underline;
}
#container-custom > p {
  line-height: 19px;
}
.main-text {
  line-height: 19px;
}
footer {
  background-color: white; 
  margin-top: 80px;
}
footer > div:nth-child(1){
  margin-top: 40px;
  background-color: white; 
  position: relative; 
  z-index: 55;
}
#siahbva {
  font-weight: 800 !important;
  font-size: 63px;
  color: #14225C;
}
.box-shadow-left {
  position: relative;
  background: white;
}
.box-shadow-left::before {
  content: "";
  position: absolute;
  top: 59%;
  left: -133px;
  width: 292px;
  height: 300px;
  background: radial-gradient(circle, rgba(255, 230, 150, 0.5) 0%, rgba(255, 230, 150, 0) 80%);
  top: -27px;
  z-index: 1;
}
footer > div > div:nth-child(2){
  align-self: flex-end;
}
main > .uk-grid-medium {
  margin-top: -60px;
}
.test {
  color: #dfeff4;
}
#container-custom-three > p {
  color: #14225C;
}
footer > div > div > p {
  color: #ebebee;
}
main > h3 {
font-size: 60px;
  color: white;
  font-weight: bold;
  margin-top: -157px;
  font-family: 'Abhaya Libre', serif;
  margin-left: 7% !important;
  padding-bottom: 57px;
  z-index: 56;
}
.copyright{
  color: #c9cad2;
}
#container-custom-one {
  width: 48%;
  margin-right: 10px;
}
#container-custom-one > p > span, .container-custom-one > .uk-flex span {
  color: black;
}
#container-custom-two {
  width: 48% !important; 
  margin-left: 10px !important; 
}
#container-custom-two span {
  color: black;
}
#container-custom-two span.uk.text-bolder {
  margin-left: 15px;
}
main > div > div > div > div > p {
  color: #000000;
}
.copyright img {
  width: 120px
}
main > div {
  z-index: 55;
}
.uk-background-cover {
  position: relative;
  z-index: 55 !important;
}
main::before {
  content: "";
  position: absolute;
  width: 292px;
  height: 300px;
  background: radial-gradient(circle, #91D9F1, rgba(255, 230, 150, 0) 80%);
  z-index: 1;
  bottom: 20px;
  right: 85px;
}
@media screen and (max-width: 719px) {
  #container-custom-two, #container-custom-one {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  main h2 {
    line-height: 42px;
  }
}
@media screen and (max-width: 440px) {
  #siahbva {
    text-align: center;
    font-size: 45px !important;
  }
  #footer-text {
    text-align: center;
  }
  #container-custom-three {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 586px) {
  h3 {
    padding-left: 50px;
    margin-top: -150px !important;
    line-height: 40px !important;
    padding-bottom: 45px !important;
  }
}
@media screen and (max-height: 940px) {
  main > div:nth-child(1){
    min-height: 900px !important;
  }
  main::before{
    top: 663px !important;
  }
}
@media screen and (max-width: 645px){
  main h2  {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 10px;
    margin-top: 20px !important;
  }
  .container-nav {
    padding-bottom: 10px !important;
  }
  .main-text {
    font-size: 15px !important;
    background-color: rgba(223, 238, 245, 0.7); /* Couleur avec transparence */
    backdrop-filter: blur(10px); /* Effet de flou */
    -webkit-backdrop-filter: blur(10px); /* Compatibilité Safari */
    border-radius: 15px;
    padding: 25px;
  }
  header > div > p {
    font-size: 15px;
  }
  h1 {
    font-size: 15px !important;
  }
  main h3 {
    font-size: 30px !important;
  }
}