@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@font-face {
  font-family: "ITC Avant Garde Gothic Std Bold";
  src: url("fonts/ITC Avant Garde Gothic Std Bold.otf");
  font-weight: normal;
  font-style: normal;
}

/*.bg-body-banner {*/
/*  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),*/
/*    url("../images/team_picture_2023.jpg");*/
/*  background-size: cover;*/
/*  height: 438px;*/
/*  background-position: center center;*/
/*}*/

/*.bg-body-theme {*/
/*  background: linear-gradient(rgba(0, 13, 4, 0.9), rgba(0, 13, 4, 0.9)),*/
/*    url("../images/CIC 5.png");*/
/*  background-size: cover;*/
/*  height: 680px;*/
/*  background-position: center center;*/
/*}*/

.bg-gray {
  background-color: #f0efee;
}

.text-light-orange {
  color: #ff7a56;
}

.bg-light-orange {
  background-color: #fa944c;
}

.bg-carton {
  background-color: #bab19e;
}

.pt-6 {
  padding-top: 4rem;
}

.pt-7 {
  padding-top: 5rem;
}

.pt-8 {
  padding-top: 6rem;
}

.pt-9 {
  padding-top: 7rem;
}

.mb-n6 {
  margin-bottom: -4rem;
}

.mb-n7 {
  margin-bottom: -5rem;
}

.bg-grd-primary {
  background: linear-gradient(rgba(2, 55, 102, 1), rgba(2, 55, 102, 1));
}

/* .bg-grd-gray{
    background: linear-gradient(rgba(73, 87, 99, 1), rgba(73, 87, 99, 1));
} */

.bg-grd-gray {
  background: linear-gradient(
    rgba(240, 239, 238, 0.4),
    rgba(240, 239, 238, 0.4)
  );
}

.bg-grd-orange {
  background: linear-gradient(rgba(218, 109, 55, 1), rgba(218, 109, 55, 1));
}

.bg-play {
  background-image: url(../images/ACT-97.jpg);
  background-size: cover;
  background-position: center;
  height: 500px;
}

.bg-skyline {
  background-image: url("../images/skyline.png");
  background-size: cover;
  background-position: top center;
  height: 500px;
}

.btn-black {
  background: #000 !important;
  color: #fff !important;
  font-size: 0.8rem !important;
  padding: 1rem 2rem !important;
}

.btn-black:hover {
  background: #333 !important;
  color: #fff !important;
  font-size: 0.8rem !important;
  padding: 1rem 2rem !important;
}

.btn-act-primary {
  background-color: rgb(2, 55, 102) !important;
  color: #fff !important;
  border-radius: 5px !important;
  font-size: 0.8rem !important;
  padding: 1rem 2rem !important;
}

.btn-act-primary:hover {
  background: linear-gradient(rgba(218, 109, 55, 1), rgba(218, 109, 55, 1));
  color: #fff !important;
  border-radius: 5px !important;
  font-size: 0.8rem !important;
  padding: 1rem 2rem !important;
}

.heading {
  font-family: "ITC Avant Garde Gothic Std Bold" !important;
}

.fw-600 {
  font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "ITC Avant Garde Gothic Std Bold" !important;
}

.font-48px {
  font-size: 3rem;
}

.font-18px {
  font-size: 1.125rem;
}

.bd-card-image {
  filter: brightness(50%);
}

a {
  font-family: "Open Sans", sans-serif !important;
}

p {
  font-family: "Open Sans", sans-serif;
  font-size: 1.125rem;
  line-height: 24.51px;
  font-weight: 300;
}

.btn {
  font-size: 0.8rem;
  /*padding: 1rem 2rem;*/
}

.text-orange {
  color: #f2802d;
}

.text-act-primary {
  color: #233562;
}

.text-black {
  color: #000;
}

@media only screen and (max-width: 600px) {
  .mb-sm-5 {
    margin-bottom: 3rem;
  }
  .font-48px {
    font-size: 2rem;
  }
}

.p-icon-1::before {
  content: url("../images/p1.svg");
  position: absolute;
  left: 0;
}

.p-icon-1 {
  position: relative;
  padding-left: 50px;
}

.p-icon-2::before {
  content: url("../images/p2.svg");
  position: absolute;
  left: 0;
}

.p-icon-2 {
  position: relative;
  padding-left: 50px;
}

.p-icon-3::before {
  content: url("../images/p3.svg");
  position: absolute;
  left: 0;
}

.p-icon-3 {
  position: relative;
  padding-left: 50px;
}

.p-icon-4::before {
  content: url("../images/p4.svg");
  position: absolute;
  left: 0;
}

.p-icon-4 {
  position: relative;
  padding-left: 50px;
}

.p-icon-5::before {
  content: url("../images/p5.svg");
  position: absolute;
  left: 0;
}

.p-icon-5 {
  position: relative;
  padding-left: 50px;
}

.p-icon-6::before {
  content: url("../images/p6.svg");
  position: absolute;
  left: 0;
}

.p-icon-6 {
  position: relative;
  padding-left: 50px;
}

.w-350px {
  width: 350px;
}

.p-icon-7::before {
  content: url("../images/p7.svg");
  position: absolute;
  left: 0;
}

.p-icon-7 {
  position: relative;
  padding-left: 50px;
}

.p-icon-8::before {
  content: url("../images/p8.svg");
  position: absolute;
  left: 0;
}

.p-icon-8 {
  position: relative;
  padding-left: 50px;
}

.bg-map {
  background-image: url(../images/bfd-map.png);
  background-size: contain;
  background-position: center;
}

.bottom-minus-50px {
  bottom: -50px;
}
.right-minus-50px {
  right: -50px;
}
[data-top-bottom] {
  transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
}
.z-index-minus-1 {
  z-index: -1;
}
.overflow-hidden {
  overflow: hidden !important;
}

.cursor-pointer {
  cursor: pointer;
}

.play-icon {
  border: solid 2px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  cursor: pointer;
  font-size: 3rem !important;
  transition: 0.8s ease;
}

.play-icon:hover {
  transform: scale(1.5);
  /* border: solid 2px;
    border-radius: 50%;
    padding: 50% 60%; */
  /* background: aliceblue; */
  transition: 0.8s ease;
}

.gallery-zoom {
  transition: 0.8s ease;
}

.gallery-zoom:hover {
  transform: scale(1.1);
  transition: 0.8s ease;
  cursor: pointer;
}

#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.flipdown .rotor {
  font-size: 2.5rem;
}

.flipdown .rotor,
.flipdown .rotor-leaf,
.flipdown .rotor-leaf-front,
.flipdown .rotor-leaf-rear,
.flipdown .rotor-top,
.flipdown .rotor-bottom,
.flipdown .rotor:after {
  width: 40px;
}

@media (max-width: 576px) {
  .flipdown .rotor {
    font-size: 1.5rem;
  }

  .flipdown .rotor,
  .flipdown .rotor-leaf,
  .flipdown .rotor-leaf-front,
  .flipdown .rotor-leaf-rear,
  .flipdown .rotor-top,
  .flipdown .rotor-bottom,
  .flipdown .rotor:after {
    width: 20px;
  }

  .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):before,
  .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):after {
    left: 76px;
  }

  .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):before {
    bottom: 19px;
    height: 8px;
    width: 8px;
  }

  .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):after {
    bottom: 35px;
    height: 8px;
    width: 8px;
  }

  .flipdown .rotor-leaf-front,
  .flipdown .rotor-top {
    line-height: 60px;
  }

  .flipdown .rotor-leaf,
  .flipdown .rotor {
    height: 60px;
  }

  .flipdown .rotor-leaf-front,
  .flipdown .rotor-leaf-rear,
  .flipdown .rotor-top,
  .flipdown .rotor-bottom,
  .flipdown .rotor:after {
    height: 30px;
  }
}


.flip-card {
  background-color: transparent;
    width: 100%;
  
  display: inline-block;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  /*text-align: center;*/
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  /*background-color: #bbb;*/
  color: black;
}

/* Style the back side */
.flip-card-back {
  background: linear-gradient(rgba(2, 55, 102, 1), rgba(2, 55, 102, 1));
  color: white;
  transform: rotateY(180deg);
}



.view-bio{
    justify-content: center;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    height: 100%;
}