:root {
  --innerWidth: 1484px;
  --pad-inner: 52px;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text);
}

.alert-white {
  --bs-alert-color: var(--bs-white-text);
  --bs-alert-bg: var(--bs-white-bg-subtle);
  --bs-alert-border-color: var(--bs-white-border-subtle);
  --bs-alert-link-color: var(--bs-white-text);
}

.alert-black {
  --bs-alert-color: var(--bs-black-text);
  --bs-alert-bg: var(--bs-black-bg-subtle);
  --bs-alert-border-color: var(--bs-black-border-subtle);
  --bs-alert-link-color: var(--bs-black-text);
}

.alert-dark1 {
  --bs-alert-color: var(--bs-dark1-text);
  --bs-alert-bg: var(--bs-dark1-bg-subtle);
  --bs-alert-border-color: var(--bs-dark1-border-subtle);
  --bs-alert-link-color: var(--bs-dark1-text);
}

.alert-dark2 {
  --bs-alert-color: var(--bs-dark2-text);
  --bs-alert-bg: var(--bs-dark2-bg-subtle);
  --bs-alert-border-color: var(--bs-dark2-border-subtle);
  --bs-alert-link-color: var(--bs-dark2-text);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text);
}

.alert-mani {
  --bs-alert-color: var(--bs-mani-text);
  --bs-alert-bg: var(--bs-mani-bg-subtle);
  --bs-alert-border-color: var(--bs-mani-border-subtle);
  --bs-alert-link-color: var(--bs-mani-text);
}

.alert-grey1 {
  --bs-alert-color: var(--bs-grey1-text);
  --bs-alert-bg: var(--bs-grey1-bg-subtle);
  --bs-alert-border-color: var(--bs-grey1-border-subtle);
  --bs-alert-link-color: var(--bs-grey1-text);
}

.bg-primary {
  background: #3F68B3 !important;
}

.btn-primary {
  background: #3F68B3;
  border-color: #3F68B3;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: rgba(63, 104, 179, 0.8);
  border-color: #3F68B3;
}

.btn-outline-primary {
  background: transparent;
  border-color: #3F68B3;
  color: #3F68B3;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
  background: rgba(63, 104, 179, 0.8);
  border-color: #3F68B3;
  box-shadow: none;
  outline: none;
}

.text-primary {
  color: #3F68B3 !important;
}

.bg-white {
  background: #fff !important;
}

.btn-white {
  background: #fff;
  border-color: #fff;
}
.btn-white:hover, .btn-white:focus, .btn-white:active {
  background: rgba(255, 255, 255, 0.8);
  border-color: #fff;
}

.btn-outline-white {
  background: transparent;
  border-color: #fff;
  color: #fff;
}
.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active {
  background: rgba(255, 255, 255, 0.8);
  border-color: #fff;
  box-shadow: none;
  outline: none;
}

.text-white {
  color: #fff !important;
}

.bg-black {
  background: #000 !important;
}

.btn-black {
  background: #000;
  border-color: #000;
}
.btn-black:hover, .btn-black:focus, .btn-black:active {
  background: rgba(0, 0, 0, 0.8);
  border-color: #000;
}

.btn-outline-black {
  background: transparent;
  border-color: #000;
  color: #000;
}
.btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black:active {
  background: rgba(0, 0, 0, 0.8);
  border-color: #000;
  box-shadow: none;
  outline: none;
}

.text-black {
  color: #000 !important;
}

.bg-dark1 {
  background: #070707 !important;
}

.btn-dark1 {
  background: #070707;
  border-color: #070707;
}
.btn-dark1:hover, .btn-dark1:focus, .btn-dark1:active {
  background: rgba(7, 7, 7, 0.8);
  border-color: #070707;
}

.btn-outline-dark1 {
  background: transparent;
  border-color: #070707;
  color: #070707;
}
.btn-outline-dark1:hover, .btn-outline-dark1:focus, .btn-outline-dark1:active {
  background: rgba(7, 7, 7, 0.8);
  border-color: #070707;
  box-shadow: none;
  outline: none;
}

.text-dark1 {
  color: #070707 !important;
}

.bg-dark2 {
  background: #441F2E !important;
}

.btn-dark2 {
  background: #441F2E;
  border-color: #441F2E;
}
.btn-dark2:hover, .btn-dark2:focus, .btn-dark2:active {
  background: rgba(68, 31, 46, 0.8);
  border-color: #441F2E;
}

.btn-outline-dark2 {
  background: transparent;
  border-color: #441F2E;
  color: #441F2E;
}
.btn-outline-dark2:hover, .btn-outline-dark2:focus, .btn-outline-dark2:active {
  background: rgba(68, 31, 46, 0.8);
  border-color: #441F2E;
  box-shadow: none;
  outline: none;
}

.text-dark2 {
  color: #441F2E !important;
}

.bg-secondary {
  background: #FAD164 !important;
}

.btn-secondary {
  background: #FAD164;
  border-color: #FAD164;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  background: rgba(250, 209, 100, 0.8);
  border-color: #FAD164;
}

.btn-outline-secondary {
  background: transparent;
  border-color: #FAD164;
  color: #FAD164;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active {
  background: rgba(250, 209, 100, 0.8);
  border-color: #FAD164;
  box-shadow: none;
  outline: none;
}

.text-secondary {
  color: #FAD164 !important;
}

.bg-mani {
  background: grey !important;
}

.btn-mani {
  background: grey;
  border-color: grey;
}
.btn-mani:hover, .btn-mani:focus, .btn-mani:active {
  background: rgba(128, 128, 128, 0.8);
  border-color: grey;
}

.btn-outline-mani {
  background: transparent;
  border-color: grey;
  color: grey;
}
.btn-outline-mani:hover, .btn-outline-mani:focus, .btn-outline-mani:active {
  background: rgba(128, 128, 128, 0.8);
  border-color: grey;
  box-shadow: none;
  outline: none;
}

.text-mani {
  color: grey !important;
}

.bg-grey1 {
  background: rgba(35, 31, 32, 0.1) !important;
}

.btn-grey1 {
  background: rgba(35, 31, 32, 0.1);
  border-color: rgba(35, 31, 32, 0.1);
}
.btn-grey1:hover, .btn-grey1:focus, .btn-grey1:active {
  background: rgba(35, 31, 32, 0.8);
  border-color: rgba(35, 31, 32, 0.1);
}

.btn-outline-grey1 {
  background: transparent;
  border-color: rgba(35, 31, 32, 0.1);
  color: rgba(35, 31, 32, 0.1);
}
.btn-outline-grey1:hover, .btn-outline-grey1:focus, .btn-outline-grey1:active {
  background: rgba(35, 31, 32, 0.8);
  border-color: rgba(35, 31, 32, 0.1);
  box-shadow: none;
  outline: none;
}

.text-grey1 {
  color: rgba(35, 31, 32, 0.1) !important;
}

.story-list .item {
  margin-bottom: 36px;
}
.story-list figure {
  margin-bottom: 15px;
  position: relative;
}
.story-list figure:before {
  content: "";
  position: absolute;
  width: 88px;
  height: 88px;
  background: url("../images/icon-play.svg") no-repeat center;
  background-size: contain;
  inset-inline-start: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.story-list figure img {
  border-radius: 15px;
  width: 100%;
  height: 20vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.story-list h4, .story-list p {
  color: #441F2E;
  font-size: 22px;
}