.btn-custom {
  --bs-btn-color: #fff;
  --bs-btn-bg: #F9837E;
  --bs-btn-border-color: #F9837E;
  --bs-btn-hover-color: #F9837E;
  --bs-btn-hover-bg: #F9837E;
  --bs-btn-hover-border-color: #F9837E;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #F9837E;
  --bs-btn-active-border-color: #F9837E;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #F9837E;
  --bs-btn-disabled-border-color: #F9837E;

}

.btn-pink {
    background: #F9837E !important;
    color:#fff;
}

.carousel-caption {
  position: absolute;

  top: 15%;
  left: 10%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}
.carousel-caption2 {
  position: absolute;

  top: 20%;
  left: 35%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-caption3 {
  position: absolute;

  top: 20%;
  left: 37%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}
.carousel-caption9 {
  position: absolute;

  top: 10%;
  left: 30%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}
.carousel-caption10 {
    position: absolute;
    top: 5%;
    left: 37%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.carousel-caption4 {
  position: absolute;

  top: 20%;
  left: 32%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-caption5 {
  position: absolute;

  top: 20%;
  left: 32%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-caption6 {
  position: absolute;

  top: -20%;
  left: 25%;
  color: #fff;
  text-align: center;
}
.carousel-caption7 {
  position: absolute;

  top: -20%;
  left: 20%;
  color: #fff;
  text-align: center;
}

.carousel-caption8 {
  position: absolute;

  top: 20%;
  left: 30%;
  color: #fff;
  text-align: center;
}
.section-title {
  margin-bottom: 38px
}

.shadow,
.subscription-wrapper {
  box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1) !important
}

.icon-primary {
  color: #062caf
}

.icon-bg-circle {
  position: relative
}

.icon-lg {
  font-size: 50px
}

.icon-bg-circle::before {
  z-index: 1;
  position: relative
}

.icon-bg-primary::after {
  background: #062caf !important
}

.icon-bg-circle::after {
  content: '';
  position: absolute;
  width: 68px;
  height: 68px;
  top: -35px;
  left: 15px;
  border-radius: 50%;
  background: inherit;
  opacity: .1
}

p,
.paragraph {
  font-weight: 400;
  color: #8b8e93;
  font-size: 15px;
  line-height: 1.6;
  font-family: "Open Sans", sans-serif
}

.icon-bg-yellow::after {
  background: #f6a622 !important
}

.icon-bg-purple::after {
  background: #7952f5
}

.icon-yellow {
  color: #f6a622
}

.icon-purple {
  color: #7952f5
}

.icon-cyan {
  color: #02d0a1
}

.icon-bg-cyan::after {
  background: #02d0a1
}

.icon-bg-red::after {
  background: #F9837E
}

.icon-red {
  color: #F9837E
}

.icon-bg-green::after {
  background: #016958
}

.icon-green {
  color: #016958
}

.icon-bg-orange::after {
  background: #8D1361
}

.icon-orange {
  color: #8D1361
}

.icon-bg-blue::after {
  background: #3682ff
}

.icon-blue {
  color: #3682ff
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  left: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #F9837E; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}