* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

section.my-5.hero-section {
  padding: 250px 0;
  background-image: url("https://bootstrapmade.com/demo/templates/Reveal/assets/img/hero-carousel/1.jpg");
  background-repeat: no-repeat;
  background-size: auto;
  /* width: 100%; */
}

.bigm {
  margin: 100px 0;
}

button {
  border: none;
}

.btn-1:hover {
  background-color: rgb(71, 71, 255)!important;
  color: white!important;
}
.btn-1 {
  background-color: blue!important;
  color: white!important;
}
.btn-2 {
  background-color: royalblue!important;
  color: white!important;
}
.btn-2:hover {
  background-color: rgb(127, 127, 255)!important;
  color: white!important;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


iframe {
  max-height: 500px;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: rgb(46, 71, 255);
  color: white;
  cursor: pointer;
  padding: 15px 20px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}