@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Nanum+Myeongjo:wght@400;700;800&family=Roboto:wght@100;300;400;500;700;900&display=swap');


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* font-family: 'Bebas Neue', cursive; */
  font-family: 'Roboto', sans-serif;
  /* font-family: 'Nanum Myeongjo', serif; */
}

body {
  background: #fef5e2;

}

/* .header_section {
  width: 100%;
  height: 100%;
  background: #fef5e2;
} */
.header_section {
  padding: 20px 0px;
}

/* start left site section ========================= */
.header_section .container .row .left_site h2.adu,
.header_section .container .row .left_site h2.span {
  font-size: 90px;
  text-transform: uppercase;
  color: #cc0000;
  margin-bottom: 0;
}

.header_section .container .row .left_site h2.adu {

  font-family: 'Bebas Neue', cursive;
}

.header_section .container .row .left_site h2.span {
  margin-top: -40px;
}

.header_section .container .row .left_site h2.span span {
  font-family: 'Nanum Myeongjo', serif;
  font-weight: 800;
  font-style: italic;
  margin-top: -40px;
}

.header_section .container .row .left_site .imgs {
  margin-left: 50px;
}

.header_section .container .row .left_site .img {
  text-align: center;
  width: 350px;
  height: 350px;
  
  border-radius: 5px;
  margin-bottom: 5px;
}

.header_section .container .row .left_site .left_count .first_count h2 {
  font-size: 40px;
  color: #fc6366;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.header_section .container .row .left_site .left_count .first_count h2.mil {
  margin-top: -20px;
}

.header_section .container .row .left_site .left_count .first_count p {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 3px;
  margin-top: -15px;
  color: #080703;
}

.header_section .container .row .left_site .left_count .last_count h2 {
  font-size: 50px;
  color: #fc6366;
  font-weight: 900;
  margin-top: 30px;
}

.header_section .container .row .left_site .left_count .last_count p {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 3px;
  margin-top: -15px;
  color: #080703;
}

/* start Right site section ========================= */
.header_section .container .row .right_site .borders {
  border: 4px solid #c30003;
  padding: 5px 40px;
}

.header_section .container .row .right_site .borders p {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: bold;
  color: #c30000;
}

.header_section .container .row .right_site .borders .image_text {
  display: flex;
  justify-content: space-between;
}
.bord_r {
  border-right: 4px solid #ca181c;
}
.header_section .container .row .right_site .borders .image_text .text h2 {
  font-size: 70px;
  color: #f66565;
  margin-bottom: -10px;
  margin-top: -10px;
}
.header_section .container .row .right_site .borders .image_text .text h5 {
  font-weight: bold;
  text-transform: uppercase;
  color: #19272f;
  text-align: center;
  font-size: 25px;
}
.header_section .container .row .right_site .edades .button{
 margin-top: 50px;
 margin-bottom: 20px;
}
.header_section .container .row .right_site .edades a {
  color: #fff;
  background: #c40201;
  padding: 5px 30px ;
  border-radius: 50px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.header_section .container .row .right_site .edades .persin {
  text-align: center;
  line-height: 10px;
}
.header_section .container .row .right_site .edades .persin h2 {
  font-size: 60px;
  font-weight: 900;
  color: #fc6367;
}
.header_section .container .row .right_site .edades .persin p {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
}
.header_section .container .row .right_site .nes h2{
margin-top: 30px;
margin-bottom: 0px;
  color: #fd7073;
  text-transform: uppercase;
  font-family: 'Bebas Neue', cursive;
  font-size: 50px;
}
.header_section .container .row .right_site .nes h2::before {
  content: '';
  display: block;
  border-bottom: 4px solid #be0000;
  width: 450px;
  margin-left: 100px;
  margin-bottom: -30px;
}
.header_section .container .row .right_site .nes h4 {
  text-transform: uppercase;
  font-weight: 900;
}

.progr {
  margin-top: 40px;
}
.progr h2 {
  font-size: 65px;
  color: #c50202;
  font-weight: bold;
}

.prog {
  padding: 120px 0px;
  
}
.progress-title {
  width: 100%;
  height: auto;
}
.progress-title h3 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin: 0 0 20px;
  margin-bottom: 3px;
}
.progress {
  height: 20px;
  background: #c60105;
  border-radius: 20px;

  margin-bottom: 40px;
  overflow: visible;
  position: relative;

}
.progress .progress-bar {
  border-radius: 20px;
  animation: animate-positive 2s;
}

@-webkit-keyframes animate-positive {
  0%{
    width: 0;
  }
}

@keyframes animate-positive {
  0%{
    width: 0;
  }
}

@media screen and (max-width: 575px) {
  .bord_r {
    border-right: 0px solid #ca181c;
  }
.header_section .container .row .right_site .borders .image_text.tsts {
  margin-top: 15px;
}
}