.time_line_his {
  overflow: hidden;
  background-color: #353a54;
  padding-top: 6%;
  padding-bottom: 6%;
}
.time_line_his .text {
  text-align: center;
}
.time_line_his .text h1 {
  color: #fff;
  font-size: 42px;
  margin: 0;
}
.time_line_his .left_arrow {
  margin-left: -100px;
  width: 100px;
  transition: margin 0.9s;
  position: absolute;
  height: 100%;
  left: 0;
  z-index: 6;
  display: flex;
  cursor: pointer;
  background-image: linear-gradient(-90deg, transparent, #343954);
}
.time_line_his .left_arrow svg {
  fill: #fff;
  width: 60px;
  margin: auto;
  opacity: 0.8;
}
.time_line_his .right_arrow {
  width: 100px;
  margin-right: -100px;
  cursor: pointer;
  transition: margin 0.9s;
  background-image: linear-gradient(-90deg, #343954, transparent);
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  display: flex;
}
.time_line_his .right_arrow svg {
  fill: #fff;
  width: 60px;
  margin: auto;
  opacity: 0.8;
}
.time_line_his .horizontal_time_line {
  background-color: #353a54;
  display: inline-table;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 3000px;
  border-bottom: 2px dashed #fff;
}
.time_line_his .horizontal_time_line .time_line_year {
  position: relative;
  margin: 100px 0px 0 0px;
  min-height: 302px;
  padding-left: 100px;
}
.time_line_his .horizontal_time_line .time_line_year ul {
  margin-bottom: 0;
  border-left: 2px dashed #fff;
  display: flex;
  padding-left: 60px;
  margin-right: 30px;
  min-height: 430px;
}
.time_line_his .horizontal_time_line .time_line_year ul:before {
  content: "";
  background: linear-gradient(to bottom right, #d9b400 0%, #d9b400 50%, rgba(164, 141, 1, 0) 50%, rgba(164, 141, 1, 0) 100%);
  width: 22px;
  height: 21px;
  position: absolute;
  left: 100px;
}
.time_line_his .horizontal_time_line .time_line_year ul:after {
  content: "";
  background-color: #d9b400;
  width: 40px;
  height: 10px;
  position: absolute;
  bottom: 0px;
  left: 82px;
  border-radius: 20px;
}
.time_line_his .horizontal_time_line .time_line_year ul .year_title {
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  position: absolute;
  left: 20px;
}
.time_line_his .horizontal_time_line .time_line_year ul .bottom_content {
  min-width: 306px;
  max-width: 306px;
  position: relative;
  top: 72px;
  display: table;
}
.time_line_his .horizontal_time_line .time_line_year ul .bottom_content svg {
  margin-bottom: 12px;
}
.time_line_his .horizontal_time_line .time_line_year ul .bottom_content p {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.06;
  letter-spacing: normal;
  color: #fff;
}
.time_line_his .horizontal_time_line .time_line_year ul .bottom_content h3 {
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.time_line_his .horizontal_time_line .time_line_year ul connectLine {
  position: relative;
  left: -40px;
  top: 22px;
  display: table;
}
.time_line_his .horizontal_time_line .time_line_year ul .connect_line_down {
  top: 60px;
  left: -36px;
}
.time_line_his .horizontal_time_line .time_line_year ul .top_content {
  min-width: 306px;
  max-width: 306px;
  position: relative;
  top: 0px;
  left: 0px;
  display: table;
}
.time_line_his .horizontal_time_line .time_line_year ul .top_content svg {
  margin-bottom: 12px;
}
.time_line_his .horizontal_time_line .time_line_year ul .top_content p {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.06;
  letter-spacing: normal;
  color: #fff;
}
.time_line_his .horizontal_time_line .time_line_year ul .top_content h3 {
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.time_line_his .menu_year {
  display: flex;
}
.time_line_his .menu_year .active {
  color: #d9b400 !important;
  font-weight: 600;
}
.time_line_his .menu_year .time_line_year_btn {
  color: #878787;
  cursor: pointer;
  padding: 10px 5px;
  margin: auto;
  border-bottom: 1.5px solid transparent;
}

/*
 *  STYLE 1
 */
.horizontal_time_line::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 0px;
  background-color: #F5F5F5;
}

.horizontal_time_line::-webkit-scrollbar {
  width: 1px;
  height: 0px;
  background-color: #F5F5F5;
}

.horizontal_time_line::-webkit-scrollbar-thumb {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}

.pyro > .before, .pyro > .after {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
  animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.pyro > .after {
  animation-delay: 1.25s, 1.25s, 1.25s;
  animation-duration: 1.25s, 1.25s, 6.25s;
}
@keyframes bang {
  to {
    box-shadow: -41px -253.3333333333px hsl(226, 100%, 50%), -134px -284.3333333333px hsl(162, 100%, 50%), 114px -220.3333333333px hsl(340, 100%, 50%), -193px -12.3333333333px hsl(296, 100%, 50%), 156px 59.6666666667px hsl(143, 100%, 50%), 91px -168.3333333333px hsl(120, 100%, 50%), 53px -42.3333333333px hsl(221, 100%, 50%), 188px -131.3333333333px hsl(92, 100%, 50%), 178px -149.3333333333px hsl(164, 100%, 50%), -88px -217.3333333333px hsl(354, 100%, 50%), 155px 13.6666666667px hsl(215, 100%, 50%), 90px -170.3333333333px hsl(191, 100%, 50%), -179px -83.3333333333px hsl(186, 100%, 50%), 3px -274.3333333333px hsl(43, 100%, 50%), 132px -308.3333333333px hsl(93, 100%, 50%), 124px -232.3333333333px hsl(133, 100%, 50%), 70px -65.3333333333px hsl(269, 100%, 50%), 76px -192.3333333333px hsl(310, 100%, 50%), -54px -288.3333333333px hsl(155, 100%, 50%), 21px -150.3333333333px hsl(177, 100%, 50%), 86px 24.6666666667px hsl(31, 100%, 50%), 168px -283.3333333333px hsl(324, 100%, 50%), -21px -317.3333333333px hsl(120, 100%, 50%), 164px 17.6666666667px hsl(253, 100%, 50%), 168px 7.6666666667px hsl(246, 100%, 50%), -149px -251.3333333333px hsl(168, 100%, 50%), -75px 12.6666666667px hsl(207, 100%, 50%), -169px -240.3333333333px hsl(316, 100%, 50%), -138px -94.3333333333px hsl(48, 100%, 50%), -101px -304.3333333333px hsl(338, 100%, 50%), 98px -58.3333333333px hsl(136, 100%, 50%), 2px -163.3333333333px hsl(58, 100%, 50%), -1px -311.3333333333px hsl(308, 100%, 50%), -99px -101.3333333333px hsl(190, 100%, 50%), 84px -229.3333333333px hsl(354, 100%, 50%), 135px -174.3333333333px hsl(14, 100%, 50%), 180px 34.6666666667px hsl(349, 100%, 50%), -172px -4.3333333333px hsl(7, 100%, 50%), -169px -234.3333333333px hsl(243, 100%, 50%), -195px -173.3333333333px hsl(285, 100%, 50%), -182px -34.3333333333px hsl(353, 100%, 50%), 175px 45.6666666667px hsl(271, 100%, 50%), -141px -176.3333333333px hsl(172, 100%, 50%), -145px -200.3333333333px hsl(239, 100%, 50%), -176px -118.3333333333px hsl(98, 100%, 50%), 27px -216.3333333333px hsl(153, 100%, 50%), 184px -36.3333333333px hsl(76, 100%, 50%), -82px 49.6666666667px hsl(144, 100%, 50%), -177px -135.3333333333px hsl(55, 100%, 50%), -104px 25.6666666667px hsl(37, 100%, 50%), -137px -228.3333333333px hsl(3, 100%, 50%);
  }
}
@keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@keyframes position {
  0%, 19.9% {
    margin-top: 0%;
    margin-left: 0%;
  }
  20%, 39.9% {
    margin-top: 4%;
    margin-left: 0%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 0%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 0%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 0%;
  }
}
.pri:hover {
  color: #665cd7 !important;
}

@media only screen and (max-width: 768px) {
  .time_line_his .left_arrow {
    display: none !important;
  }
  .time_line_his .right_arrow {
    display: none !important;
  }
  .time_line_his .horizontal_time_line {
    width: auto;
  }
  .time_line_his .horizontal_time_line .time_line_year {
    margin: 60px 0px 0 0px;
  }
}
@media only screen and (max-width: 767px) {
  .response-xs {
    display: flex !important;
    justify-content: flex-start;
    width: 100%;
    margin: auto;
  }
  .privacy-gdpr {
    display: none !important;
  }
  .privacy {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pri:hover {
    color: #665cd7 !important;
  }
  .time_line_his .text h1 {
    font-size: 2.1rem;
  }
  .time_line_his .left_arrow {
    display: none !important;
  }
  .time_line_his .right_arrow {
    display: none !important;
  }
  .time_line_his .horizontal_time_line {
    width: auto;
  }
  .time_line_his .horizontal_time_line .time_line_year {
    padding-left: 20px;
    margin: 60px 0px 0 0px;
  }
  .time_line_his .horizontal_time_line .time_line_year ul {
    min-height: 450px;
    padding-left: 50px;
  }
  .time_line_his .horizontal_time_line .time_line_year ul .year_title {
    top: -38px;
  }
  .time_line_his .horizontal_time_line .time_line_year ul:before {
    left: 20px;
  }
  .time_line_his .horizontal_time_line .time_line_year ul:after {
    left: 1px;
  }
  .time_line_his .horizontal_time_line .time_line_year ul .bottom_content {
    min-width: 260px;
  }
  .time_line_his .horizontal_time_line .time_line_year ul .top_content {
    min-width: 260px;
  }
}
@media only screen and (max-width: 321px) {
  .response-xs {
    display: flex !important;
    justify-content: flex-start;
    width: 100%;
    margin: auto;
  }
  .privacy-gdpr {
    display: none !important;
  }
  .privacy {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .time_line_his .left_arrow {
    display: none !important;
  }
  .time_line_his .right_arrow {
    display: none !important;
  }
  .time_line_his .horizontal_time_line {
    width: auto;
  }
  .time_line_his .horizontal_time_line .time_line_year {
    margin: 60px 0px 0 0px;
  }
  .time_line_his .horizontal_time_line .time_line_year ul {
    min-height: 450px;
  }
}
@media only screen and (max-width: 426px) {
  .response-xs {
    display: flex !important;
    justify-content: flex-start;
    width: 100%;
    margin: auto;
  }
  .privacy-gdpr {
    display: none !important;
  }
  .privacy {
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 50% !important;
  }
  .privacy:hover {
    color: #665cd7;
  }
  .gdpr {
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 50% !important;
  }
  .gdpr:hover {
    color: #665cd7;
  }
}/*# sourceMappingURL=who_we_are.css.map */