body{
  background-color: white;
}
*{
  color: black !important;
}
section.hero *{
  color: white !important;
}
header *{
  color: white !important;
}
section.hero img.samal{
  opacity: 1;
}

.title.amk{
  color: #3155A3 !important;
}
section.results p{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 23px;
}
.years-container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.year{
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  cursor: pointer;
  transition: transform, opacity, .2s ease;
}
.year img{
  width: 100%;
  object-fit: contain;
  display: block;
  padding: 40px;
}
.year:hover{
  opacity: .8;
}
.year.selected{
  transform: scale(1.3);
  opacity: 1;
}
section.calling .buttons{
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
button.default{
  background-color: #3155A3;
  color: white !important;
  border-radius: 100px;
  margin-right: 15px;
}
button.red{
  background-color: #FF0000;
  margin-left: 15px;
}

.elfsight-app-25449290-b078-4ced-b516-2c74dcd3f528 *{
  color: white !important;
}

section.future .logo-gradient{
  position: absolute;
  right: 20px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  width: 100px;
  height: 350px;
  pointer-events: none;
  opacity: 1;
  -webkit-transition: opacity, .3s ease;
  -o-transition: opacity, .3s ease;
  transition: opacity, .3s ease;
  z-index: 2;
}
section.future .logo-gradient.hide{
  opacity: 0;
}
section.future .logo-gradient.second{
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  left: 20px;
}

section.future .header{
  display: flex;
  justify-content: space-between;
}
section.future .arrows button{
  border: none;
  background: none;
  width: 43px;
  height: 43px;
  cursor: pointer;
  -webkit-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  transition: opacity .2s ease;
}
section.future .arrows button:hover{
  opacity: .5;
}

.future-container{
  display: flex;
  overflow-x: scroll;
  scroll-behavior: smooth;
}
.future-container::-webkit-scrollbar{
  display: none;
}
.future-card{
  width: 450px;
  height: 350px;
  border-radius: 3px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
  margin-right: 30px;
}
.future-card .darken{
  background-color: black;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 3px;
  opacity: .2;
}
.future-card .text{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: white !important;
  font-size: 23px;
  padding-left: 40px;
  padding-top: 40px;
  padding-right: 40px;
  z-index: 1;
  position: relative;
  text-shadow: 0px 0px 5px black, 0px 0px 5px black;
}
.future-card .img-card-arrows button{
  background-color: #3155A3;
}
footer{
  background-color: #313131; 
}
footer *{
  color: white !important;
}


header.scroll {
  background-color: white !important;
}
header.scroll *{
  color: black !important;
}
header.scroll .logo{
  filter: invert();
}

.modal-container .window{
  background-color: white;
}
.contacts-window .contact img{
  filter: invert();
}

header.scroll{
  box-shadow: 0px 0px 10px #d8dfe5;
}

@media screen and (max-width: 850px){
  header{
    background-color: white !important;
    box-shadow: 0px 0px 10px #0000001f;
  }
  header *{
    color: black !important;
  }
  section.future .arrows{
    display: none;
  }
  .year img{
    padding: 20px;
  }
}