.chronology__title {
  font-family: Poppins;
  font-weight: 500;
  font-style: Medium;
  font-size: 82px;
  leading-trim: NONE;
  line-height: 130%;
  letter-spacing: -0.02rem;
  text-align: center;
  color: rgba(137, 141, 144, 0.3019607843);
  text-transform: capitalize;
}
.chronology__timeline {
  width: 100%;
  position: relative;
  margin-top: 60px;
  margin-bottom: 80px;
}
.chronology__line {
  top: 50%;
  width: 100%;
  position: absolute;
  border-top: 2px dashed rgba(137, 141, 144, 0.3019607843);
  z-index: 1;
}
.chronology__tabs {
  display: flex;
  justify-content: space-around;
  position: relative;
  z-index: 2;
}
.chronology__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Poppins;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 40px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #0d499c;
  width: 126px;
  height: 44px;
  background: #e5edfa;
  border-radius: 8px;
  transition: 0.3s ease;
  cursor: pointer;
}
.chronology__tab.active {
  background: #0d499c;
  color: #ffffff;
}
.chronology__tab:hover {
  background: #0d499c;
  color: #ffffff;
}
.chronology__content-bot {
  width: 100%;
  position: relative;
  height: 540px;
}
.chronology__slide {
  position: absolute;
  display: flex;
  gap: 20px;
  height: 100%;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease;
  justify-content: center;
}
.chronology__slide.active {
  opacity: 1;
  pointer-events: all;
}
.chronology__image {
  max-width: 860px;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.chronology__image img {
  width: 100%;
  height: 100%;
}
.chronology__texting-container {
  max-width: 520px;
  width: 100%;
  padding: 40px;
  position: relative;
  clip-path: polygon(75.769% 89.63%, 75.769% 97.778%, 75.769% 97.778%, 75.739% 98.138%, 75.652% 98.48%, 75.512% 98.799%, 75.324% 99.09%, 75.093% 99.349%, 74.824% 99.571%, 74.522% 99.752%, 74.191% 99.887%, 73.836% 99.971%, 73.462% 100%, 2.308% 100%, 2.308% 100%, 1.933% 99.971%, 1.578% 99.887%, 1.247% 99.752%, 0.945% 99.571%, 0.676% 99.349%, 0.445% 99.09%, 0.258% 98.799%, 0.118% 98.48%, 0.03% 98.138%, 0% 97.778%, 0% 2.222%, 0% 2.222%, 0.03% 1.862%, 0.118% 1.52%, 0.258% 1.201%, 0.445% 0.91%, 0.676% 0.651%, 0.945% 0.429%, 1.247% 0.248%, 1.578% 0.113%, 1.933% 0.029%, 2.308% 0%, 97.692% 0%, 97.692% 0%, 98.067% 0.029%, 98.422% 0.113%, 98.753% 0.248%, 99.055% 0.429%, 99.324% 0.651%, 99.555% 0.91%, 99.742% 1.201%, 99.882% 1.52%, 99.97% 1.862%, 100% 2.222%, 100% 85.185%, 100% 85.185%, 99.97% 85.546%, 99.882% 85.888%, 99.742% 86.206%, 99.555% 86.498%, 99.324% 86.757%, 99.055% 86.979%, 98.753% 87.159%, 98.422% 87.294%, 98.067% 87.378%, 97.692% 87.407%, 78.077% 87.407%, 78.077% 87.407%, 77.703% 87.436%, 77.348% 87.521%, 77.016% 87.655%, 76.714% 87.836%, 76.445% 88.058%, 76.215% 88.317%, 76.027% 88.608%, 75.887% 88.927%, 75.799% 89.269%, 75.769% 89.63%);
  background: rgba(137, 141, 144, 0.1568627451);
}
.chronology__texting {
  display: flex;
  flex-flow: column;
  gap: 112px;
}
.chronology__top {
  display: flex;
  flex-flow: column;
  gap: 28px;
}
.chronology__slide-date {
  font-family: Poppins;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
  color: rgba(137, 141, 144, 0.6980392157);
}
.chronology__slide-title {
  font-family: Poppins;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 28px;
  leading-trim: NONE;
  line-height: 130%;
  letter-spacing: -0.01rem;
  color: #0d499c;
}
.chronology__slide-text {
  display: flex;
  flex-flow: column;
  gap: 16px;
  font-family: Poppins;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
  color: #898d90;
}
.chronology__slide-text strong {
  font-family: Poppins;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
  color: #0d499c;
}
.chronology__btns {
  display: flex;
  align-items: center;
  gap: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  bottom: 0;
  right: 12.5%;
}
@media (max-width: 1919px) {
  .chronology__btns {
    right: 0.5%;
  }
}

@media (max-width: 1024px) {
  .chronology__slide {
    flex-flow: column-reverse;
  }
  .chronology__texting-container {
    padding: 24px 18px;
    max-height: 458px;
    height: 100%;
    clip-path: polygon(67.7% 89.301%, 67.7% 97.38%, 67.7% 97.38%, 67.655% 97.805%, 67.524% 98.208%, 67.314% 98.584%, 67.033% 98.927%, 66.687% 99.233%, 66.284% 99.494%, 65.831% 99.708%, 65.335% 99.866%, 64.803% 99.966%, 64.242% 100%, 3.458% 100%, 3.458% 100%, 2.897% 99.966%, 2.365% 99.866%, 1.869% 99.708%, 1.416% 99.494%, 1.013% 99.233%, 0.667% 98.927%, 0.386% 98.584%, 0.176% 98.208%, 0.045% 97.805%, 0% 97.38%, 0% 2.62%, 0% 2.62%, 0.045% 2.195%, 0.176% 1.792%, 0.386% 1.416%, 0.667% 1.073%, 1.013% 0.767%, 1.416% 0.506%, 1.869% 0.292%, 2.365% 0.134%, 2.897% 0.034%, 3.458% 0%, 96.542% 0%, 96.542% 0%, 97.103% 0.034%, 97.635% 0.134%, 98.131% 0.292%, 98.584% 0.506%, 98.987% 0.767%, 99.333% 1.073%, 99.614% 1.416%, 99.824% 1.792%, 99.955% 2.195%, 100% 2.62%, 100% 84.061%, 100% 84.061%, 99.955% 84.486%, 99.824% 84.889%, 99.614% 85.265%, 99.333% 85.608%, 98.987% 85.914%, 98.584% 86.176%, 98.131% 86.389%, 97.635% 86.548%, 97.103% 86.647%, 96.542% 86.681%, 71.158% 86.681%, 71.158% 86.681%, 70.597% 86.716%, 70.065% 86.815%, 69.569% 86.974%, 69.116% 87.187%, 68.713% 87.449%, 68.367% 87.754%, 68.086% 88.097%, 67.876% 88.473%, 67.745% 88.876%, 67.7% 89.301%);
  }
  .chronology__texting {
    gap: 60px;
  }
  .chronology__top {
    gap: 12px;
  }
  .chronology__slide-date {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: rgba(137, 141, 144, 0.7);
  }
  .chronology__slide-title {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #0D499C;
  }
  .chronology__slide-text {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #898D90;
    gap: 12px;
  }
  .chronology__slide-text strong {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #0D499C;
  }
  .chronology__content-bot {
    height: 935px;
  }
  .chronology__image {
    height: 457px;
  }
  .chronology__btns {
    bottom: 50.5%;
  }
  .chronology__timeline {
    margin: 40px 0;
  }
  .chronology__tab {
    width: 66px;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    height: 32px;
  }
  .chronology__title {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 58px;
    line-height: 130%;
    color: rgba(137, 141, 144, 0.3);
    text-wrap: nowrap;
    overflow: visible;
  }
}/*# sourceMappingURL=style.css.map */