.fs-section {
  background: url("/wp-content/themes/kronos/assets/img/demography.jpg") no-repeat;
  background-size: contain;
  min-height: 1080px;
  color: #ffffff;
  background-size: cover !important;
  background-position: center !important;
}

.fs-section header {
  font-family: Roboto;
  font-weight: 500;
  font-size: 96px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: bottom;
  font-family: Roboto;
  font-weight: 500;
  font-size: 96px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: bottom;
}

.fs-section header {
  font-family: Roboto;
  font-weight: 500;
  font-size: 96px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: bottom;
  font-family: Roboto;
  font-weight: 500;
  font-size: 96px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: bottom;
}

.fs-section header {
  font-family: Roboto;
  font-weight: 500;
  font-size: 96px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: bottom;
  font-family: Roboto;
  font-weight: 500;
  font-size: 96px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: bottom;
}

.fs-section header {
  font-family: Roboto;
  font-weight: 500;
  font-size: 96px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: bottom;
  font-family: Roboto;
  font-weight: 500;
  font-size: 96px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: bottom;
}

.fs-section description {
  font-family: Roboto;
  font-weight: 400;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

.fs-section .description {
  font-weight: 400;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
}

.fs-section .header {
  font-weight: 500;
  font-size: 96px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: bottom;
}

.swiper-pagination-bullet {
  background: white !important;
  width: 20px;
  height: 20px;
}


.swiper-pagination-bullet-active {
  position:relative;
}

.swiper-pagination-bullet-active::after {
  content: ''; /* Essential for pseudo-elements */
  display: block;
  width: 12px; /* Adjust size of the inner black dot as needed */
  height: 12px; /* Adjust size of the inner black dot as needed */
  background-color: black; /* Black color for the inner dot */
  border-radius: 50%; /* Make it a perfect circle */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the dot perfectly */
}

body {
  font-family: Roboto;
}

.nav-menu p {
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
  text-align: center;
  color: white;
  margin-bottom: unset;
  margin-left: 30px;
}

.heroes > div > p:nth-of-type(1) {
  font-family: Roboto;
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.heroes .social > img {
  margin-right: 10px;
}

.heroes .social > img {
  margin-right: 10px;
}

.heroes .social > img {
  margin-right: 10px;
}

.heroes .social > img:last-child {
  margin-right: unset;
}

.heroes > div > p:nth-of-type(2) {
  font-family: Roboto;
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
}

.heroes {
  margin-bottom: 50px;
}

.lc .header {
  font-weight: 900;
  font-size: 45px;
  line-height: 59px;
  font-variant: all-small-caps;
  text-transform: uppercase;
  margin-bottom: 50px;
}

.lc .subheader {
  font-style: normal;
  font-weight: 900;
  font-size: 35px;
  line-height: 40px;
  letter-spacing: 0px;
}

.lc .text {
  font-weight: 400;
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 100px;
}

.lc ul {
  list-style-image: url("/wp-content/themes/kronos/assets/img/list-logo.png");
}

.lc ul li {
  font-weight: 400;
  font-size: 28px;
}

.vectors .header {
  font-family: Roboto;
  font-weight: 700;
  font-size: 100px;
  line-height: 100%;
  text-transform: capitalize;
  text-align: center;
}

.vectors .title {
  font-weight: 700;
  font-size: 65px;
  line-height: 100%;
  text-transform: uppercase;
}

.vectors .description {
  font-weight: 300;
  font-size: 28px;
  text-align: center;
  line-height: 15px;
}

.vectors .imgfix {
  height: 200px;
  margin-bottom: 80px;
}

.blog-section .page-item.active a {
  border: 3px black;
  background-color: white !important;
  color: black;
}

.blog-section .page-item a {
  background-color: black;
  color: white;
  font-size: 35px;
  padding: 5px 20px;
}

.blog-section .page-item {
  border: 1px black solid;
  margin: 0 20px;
}

.credentails {
  color: white;
  background: black;
}

.phone-hold p {
  font-weight: 700;
  font-size: 50px;
  line-height: 100%;
  margin: 0;
}

.credentails .form-control::placeholder {
  opacity: 1;
  font-size: 35px;
  color: white;
}

.credentails .placeholder {
  margin-bottom: 40px;
}

section.swiper-slide > div {
    margin-bottom:100px;
}

.swiper-pagination {
  bottom: 30px !important;
}