.breadcrumbs {
  display: flex;
  flex-direction: row;
  column-gap: 10px;
  width: fit-content;
  margin: 0 0 30px 0;
  align-items: center;
}

.breadcrumbs .divider {
  border-right: 1px solid #4A4A4A;
  height: 17px;
}

/* module 3 css */
.module-3{
  position: relative;
  max-width: 1920px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.module-3-bg-img {
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate(0%, 0%);
  opacity: 0.2;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
}

.module-3-content:has .breadcrumbs {
  margin-top: 220px; 
}

.swiper-button-prev-custom > div {
  width: 60px;
  height: 60px;
  border: 1px solid #FF6D04;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;

}
.swiper-button-prev-custom{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.swiper-button-next-custom > div {
  width: 60px;
  height: 60px;
  border: 1px solid #FF6D04;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-button-next-custom{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 3;
}
/*  button hover stlye */
.swiper-button-prev-custom:hover > div {
  border: 1px solid #FF6D04;
  background-color: #FF6D04;
  transition: background-color 0.5s ease-in-out;
}
.swiper-button-prev-custom:hover > div > svg > path {
  fill: #fff;
  transition: fill 0.5s ease-in-out;
}
.swiper-button-next-custom:hover > div {
  border: 1px solid #FF6D04;
  background-color: #FF6D04;
  transition: background-color 0.5s ease-in-out;
}
.swiper-button-next-custom:hover > div > svg > path {
  fill: #fff;
  transition: fill 0.5s ease-in-out;
}
.hero-swiper >.swiper-wrapper{
  margin: 0;
}
.slide-1-color-blue{
  color: #143877;
  font-weight: 600;
}
.slide-1-color-orange{
  color: #FF6D04;
  font-weight: 600;
}
.module-3-small-line{
  width: 60px;
  border-bottom: 3px solid #BF1E64;
  margin-top: 65px;
  margin-left: 0;  
}
.module-3-swiper-slide-1-p > *{
  margin-top: 30px;
  font-size: 18px;
  font-weight: 400;
  color: #4A4A4A;
  max-width: 555px;
  margin-bottom: 65px;
}
.module-3-swiper-slide-1-buttons{
  margin-top: 60px;
  display: flex;
  gap: 22px;
}
.module-3-swiper-slide-1-button-1{
  display: flex;
  text-decoration: none;
  border: 1px solid #BF1E64;
  color: #fff;
  background: #BF1E64;
  border-radius: 35px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  align-content: center;
  min-width: 220px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 15px 25px;
}
.module-3-swiper-slide-1-button-2{
  display: flex;
  text-decoration: none;
  border: 1px solid #BF1E64;
  color: #fff;
  background: #BF1E64;
  border-radius: 35px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  gap: 22px;
  min-width: 220px;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 15px 25px;
}
.video-button-circle{
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #FF6D04;
  justify-content: center;
  align-items: center;
}
.swiper-pagination-custom-1 {
  margin-top: 130px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 117px;
  height: 39px;
}
.swiper-pagination-custom-1 > .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #143877;
  column-gap: 10px;
/*   margin: 18px !important; */
  cursor: pointer;
  opacity: 1;
}
.swiper-pagination-custom-1 > .swiper-pagination-bullet-active {
  background-color: #BF1E64;
  position: relative;
}
/* .swiper-pagination-custom-1 > .swiper-pagination-bullet-active::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 39C8.75085 39 0.00317383 30.2552 0 19.5066H4.87439C4.87769 27.5698 11.4376 34.1278 19.5 34.1278C27.5646 34.1278 34.1255 27.5658 34.1255 19.5C34.1255 11.4368 27.5646 4.87671 19.5 4.87671V0.00671387H18.9888L19.0323 0.00195312C19.11 0.00195312 19.1877 0.00134277 19.2655 0.000976562C19.3435 0.000488281 19.4218 0 19.5 0C30.2523 0 39 8.74756 39 19.5C39 30.2524 30.2523 39 19.5 39Z' fill='%23BF1E64'/%3E%3C/svg%3E%0A");
  width: 33px;
  height: 33px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -8px;
  margin: auto;
} */
.swiper-pagination-custom-2 {
  margin-top: 130px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
  width: 117px;
  height: 39px;
  padding: 0 12px;
}
.swiper-pagination-custom-2 > .swiper-pagination-bullet {
  width: 39px;
  height: 39px;
  border-radius: 50%;
  background-color: transparent;
  margin: 6px !important;
  cursor: pointer;
  opacity: 1;
}
.swiper-pagination-custom-2 >.swiper-pagination-bullet-active {
  background-image: url("assets/svg/module-3-outer-active.svg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 992px){
  .module-3{
    position: relative;
    max-width: 1920px;
    /*         height: 1024px; */
  }
  .module-3-swiper-slide-1-h1{
    max-width: 750px;
    font-size: 60px;
  }
  .module-3-small-line{
    margin-top: 80px;
  }
  .module-3-swiper-slide-1-p{
    margin-top: 30px;
    max-width: 555px;
  }
  .module-3-swiper-slide-1-buttons{
    gap: 22px;
  }
}
@media screen and (max-width:768px){
  .module-3{
    position: relative;
    max-width: 1920px;
/*     height: 1024px; */
  }
  .module-3-swiper-slide-1-h1{
    max-width: 450px;
    font-size: 40px;
  }
  .module-3-small-line{
    margin-top: 80px;
  }

  .module-3-swiper-slide-1-buttons{
    gap: 18px;
    flex-direction: column;
  }
  .module-3-swiper-slide-1-buttons > a {
    width: 100%;
    padding: 8px;
  }
}