@font-face {
  font-family: "db_heaventregular";
  src: url("../fonts/db_heavent-webfont.woff2") format("woff2"),
    url("../fonts/db_heavent-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "db_heaventlight";
  src: url("../fonts/db_heavent_li-webfont.woff2") format("woff2"),
    url("../fonts/db_heavent_li-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "db_heaventbold";
  src: url("../fonts/db_heavent_bd-webfont.woff2") format("woff2"),
    url("../fonts/db_heavent_bd-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "db_heaventblack_cond";
  src: url("../fonts/db_heavent_blk_cond_v3.2-webfont.woff2") format("woff2"),
    url("../fonts/db_heavent_blk_cond_v3.2-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

:root {
  --bs-orange: #f37921;
  --bs-gray: #f8f8f8;
}

body,
html {
  font-family: "db_heaventregular", arial, sans-serif;
  background-color: #ffff;
}
.main-color {
  color: var(--bs-orange);
}
.bg-gray {
  background-color: var(--bs-gray);
}
.c-white {
  color: #ffff;
}
.btn {
  background-color: var(--bs-orange);
  color: #ffff;
  font-size: 2.5rem;
  font-family: "db_heaventbold", arial, sans-serif;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.bar {
  background-color: var(--bs-orange);
}
h1,
h2 {
  font-family: "db_heaventblack_cond", arial, sans-serif;
  font-weight: 900;
}
h4 {
  font-size: 25px;
}
.bg-section3-1 {
  width: 15.625rem;
}
.bg-section3-2 {
  width: 11.25rem;
}
.bg-section3-3 {
  width: 130px;
}
.section5{
    background-color: var(--bs-gray);
    position: relative;
}
.sec-5-top{
    position: absolute;
    top: -130px;
    height: 200px;
    left: -120px;
    
}

.bg-cream {
  background-color: #fce1ba;
}
.shape-divider-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.shape-divider-top svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 109px;
}

.shape-divider-top .shape-fill {
  fill: #f8f8f8;
}
.shape-divider-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

.shape-divider-bottom svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 109px;
}

.shape-divider-bottom .shape-fill {
  fill: #f8f8f8;
}

.accordion-button {
  font-family: "db_heaventregular", arial, sans-serif;
  font-size: 1.875rem;
}
.accordion-body {
  font-family: "db_heaventregular", arial, sans-serif;
  font-size: 25px;
}
.accordion-button:not(.collapsed) {
  color: var(--bs-orange);
  background-color: #e7f1ff;
}
.login-text {
  text-decoration: none;
  color: #000000;
}

.login-text:hover {
  color: #ffffff;
}
.footer {
  background: var(--bs-gray) url(../images/footer.svg) no-repeat top center;
  background-size: cover;
  padding-top: 180px;
}
/* .foot-posi{
    position: absolute;
    top: -200px;
    right: 0;
   

} */

.h100 {
  height: 100px;
}
.h150 {
  height: 150px;
}
.h200 {
  height: 200px;
}
.h300 {
  height: 300px;
}
.h1000 {
  height: 1000px;
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .hero-bg-right,
  .hero-bg-left {
    width: 180px;
  }

  .bg-section3-1 {
    width: 200px;
  }
  .bg-section3-2 {
    width: 120px;
  }
  .bg-section3-3 {
    width: 100px;
  }
}