@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
:root {
  --background-color: #fafaf6;
  --red: #b12d20;
  --dark-blue: #204070;
  --light-blue: #c4daf2;
}
body {
  background-color: var(--background-color);
  font-family: "Inter", sans-serif;
}
.ribbon {
  background-color: var(--red);
  height: 20px;
}
.intro-height {
  height: 128rem;
}
.card-bcci {
  background-color: var(--red);
  border-radius: 30px;
  border: 1px solid var(--background-color);
  margin-bottom: 1rem;
  position: relative;
  box-shadow: -0.0625rem 0 0.625rem 0 rgb(0 0 0 / 7%),
    0.3125rem 1.25rem 2.5rem 0 rgb(0 0 0 / 4%) !important;
}
.card-icon {
  background-color: var(--red);
  width: 70px;
  height: 70px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.card-bcci .card-body {
  background-color: #fff;
  border-radius: 24px;
  /*height: 600px;*/
}
.card-bcci .card-title {
  color: var(--dark-blue);
  letter-spacing: 0.1rem;
}
.card-bcci hr {
  width: 20px;
  border: 2px solid var(--red);
}
.card-bcci .card-text {
  color: #2d2d2d;
}
.card-text a {
  border-color: var(--dark-blue);
}
.card-bcci button,
.btn-bcci {
  background-color: var(--light-blue);
  color: var(--dark-blue);
}
.card-bcci .point {
  display: flex;
  margin-bottom: 0.25rem;
}
.card-bcci .point span:first-child {
  margin-right: 0.25rem;
  font-weight: bold;
  width: 20px;
  flex: none;
}
.card-bcci .point span:first-child i {
  font-size: 0.8rem;
}
.banner-text1 {
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 5px;
  color: var(--dark-blue);
  line-height: 1;
  margin-top: 2rem;
}
.banner-text2 {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 2px;
  color: var(--dark-blue);
  line-height: 1;
  margin-top: 2rem;
}
.banner-text3 {
  color: #000;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1;
}
.banner-text4 {
  color: #000;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1;
  color: var(--red);
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.arrow-circle {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 3px solid var(--red);
  margin: 0 auto;
}
.animated-arrow {
  color: var(--red);
  font-size: 1.25rem;
  -webkit-animation: ca3_fade_move_down 1s ease-in-out infinite;
  -moz-animation: ca3_fade_move_down 1s ease-in-out infinite;
  animation: ca3_fade_move_down 1s ease-in-out infinite;
}
/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
  0% {
    -webkit-transform: translate(0, 0px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
}
@-moz-keyframes ca3_fade_move_down {
  0% {
    -moz-transform: translate(0, 0px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0, 20px);
    opacity: 0;
  }
}
@keyframes ca3_fade_move_down {
  0% {
    transform: translate(0, 0px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 20px);
    opacity: 0;
  }
}
.body-cover {
  background-image: url(../img/background-cover.png);
  background-size: cover;
  background-position: inherit;
  background-repeat: no-repeat;
}
.drawer-body li {
  margin-bottom: 1rem;
}
.gal {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
.gal img {
  width: 100%;
  padding: 7px 0;
}
#baguetteBox-overlay .full-image figcaption {
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  font-size: 0.9rem;
  padding: 1rem;
}
@media (max-width: 500px) {
  .gal {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  #baguetteBox-overlay .full-image figcaption {
    text-align: justify;
  }
}
.social-container a {
  border: none;
}
.social-icon-container {
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 1rem;
  margin-right: 1rem;
}
.gallery a {
  border-bottom: none;
}
.youtube-icon {
  color: #ff0000;
}
.bb-none {
  border-bottom: none !important;
}
/* loader */
.page-loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s 0.2s ease-in-out;
  transition: all 0.4s 0.2s ease-in-out;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
}
.page-loading.active {
  opacity: 1;
  visibility: visible;
}
.page-loading-inner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
}
.page-loading.active > .page-loading-inner {
  opacity: 1;
}
.page-loading-inner > span {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: normal;
  color: #737491;
}
.page-spinner {
  display: inline-block;
  width: 2.75rem;
  height: 2.75rem;
  margin-bottom: 0.75rem;
  vertical-align: text-bottom;
  border: 0.15em solid #766df4;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner 0.75s linear infinite;
  animation: spinner 0.75s linear infinite;
}
.svg-logo-container {
  width: 45rem;
  margin: 0 auto;
}
@media (max-width: 575.98px) {
  .svg-logo-container {
    width: 15rem;
  }
}
@-webkit-keyframes spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#svgLogo path:nth-child(1) {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  animation: line-anim 2s ease forwards, fill1 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(2) {
  stroke-dasharray: 40;
  stroke-dashoffset: 40;
  animation: line-anim 2s ease forwards 0.3s, fill1 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(3) {
  stroke-dasharray: 40;
  stroke-dashoffset: 40;
  animation: line-anim 2s ease forwards 0.6s, fill1 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(4) {
  stroke-dasharray: 80;
  stroke-dashoffset: 80;
  animation: line-anim 2s ease forwards 0.9s, fill2 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(5) {
  stroke-dasharray: 10;
  stroke-dashoffset: 10;
  animation: line-anim 2s ease forwards 1.2s, fill1 0.5s ease forwards 2s;
}
@keyframes line-anim {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fill1 {
  from {
    fill: transparent;
  }
  to {
    fill: #0a4595;
  }
}
@keyframes fill2 {
  from {
    fill: transparent;
  }
  to {
    fill: #b12d20;
  }
}
#svgLogo path:nth-child(6) {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: line-anim 4s ease forwards, fill3 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(7) {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: line-anim 4s ease forwards, fill3 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(8) {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: line-anim 4s ease forwards, fill3 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(9) {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: line-anim 4s ease forwards, fill3 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(10) {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: line-anim 4s ease forwards, fill3 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(11) {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: line-anim 4s ease forwards, fill3 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(12) {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: line-anim 4s ease forwards, fill3 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(13) {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: line-anim 4s ease forwards, fill3 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(14) {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: line-anim 4s ease forwards, fill3 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(15) {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: line-anim 4s ease forwards, fill3 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(16) {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: line-anim 4s ease forwards, fill3 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(17) {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: line-anim 4s ease forwards, fill3 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(18) {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: line-anim 4s ease forwards, fill3 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(19) {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: line-anim 4s ease forwards, fill3 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(20) {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: line-anim 4s ease forwards, fill3 0.5s ease forwards 2s;
}
#svgLogo path:nth-child(21) {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: line-anim 4s ease forwards, fill3 0.5s ease forwards 2s;
}
@keyframes fill3 {
  from {
    fill: transparent;
  }
  to {
    fill: #000000;
  }
}