.top_bar .social-links a {
  font-size: 18px;
  display: inline-block;
  background: color-mix(in srgb, var(--default-color), transparent 92%);
  color: #000000;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}



.top_img_area .logo{
  height: auto;
  padding: 30px 0px;
  /* margin-top: 0px; */
  /* z-index: 999; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.top_img_area .person{
  margin-top: -75px;
  z-index: 999;
}


.top_section{
  /* background-image: url('../img/slider/topbg.jpg'); */
  background-image: url('https://placehold.co/1920x700');
  background-size: cover;
  background-position: center;
  width: 100%;
  /* height: 80vh; */
}
/* .table>:not(caption)>*>* {
    padding: .5rem .5rem;
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: #568db5fc;
    border-bottom-width: var(--bs-border-width);
    box-shadow: none !important;
} */


.left_side{
  background-image: url('https://placehold.co/860x450');
  display: flex;
  position: relative;
  max-width: 100%;
  height: calc(59vh);
  justify-content: center;
  align-items: center;
  background-position: center;
}

.right_side{
  display: flex;
  position: relative;
  width: 100%;
  height: calc(30vh - 5px);
  justify-content: center;
  align-items: center;
}
.middle{
  display: flex;
  position: relative;
  width: 100%;
  height: calc(36vh - 5px);
  justify-content: center;
  align-items: center;
}


@media (max-width: 768px) {

  .left_side{
    background-image: url('https://placehold.co/860x450');
    display: flex;
    position: relative;
    max-width: 100%;
    height: calc(50vh);
    justify-content: center;
    align-items: center;
    background-position: center;
  }
  .right_side{
    display: flex;
    position: relative;
    width: 100%;
    height: calc(60vh);
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
  }
  .middle{
    display: flex;
    position: relative;
    width: 100%;
    height: calc(60vh);
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
  }


}


.issue_right_side{
  display: flex;
  width: 100%;
  height: 600px;
  justify-content: center;
}
.top_p{
  font-size: 1.4rem;
  font-weight: 500;
}
.left_side .bi-play-circle{
  position: absolute;
  font-size: 4rem;
  color: red !important;
  opacity: .7;
  align-items: center;
  justify-content: center;
}

.right_side .bi-play-circle{
  font-size: 3rem;
  color: red !important;
  opacity: .7;
}
.middle .bi-play-circle{
  font-size: 4rem;
  color: red !important;
  opacity: .7;
}
.b-example-divider {
    width: 100%;
    height: 3rem;
    background-color: #b41c20;
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em #0000001a, inset 0 .125em .5em #00000026;
}

#about{
  background-image: linear-gradient(rgb(12 12 12 / 73%), rgb(5 5 5 / 66%)), url('../img/aboutbg.jpg');
  background-position: center;
  background-attachment: fixed;
}

.justify{
  text-align: justify;
}

@media (max-width: 768px) {
  .logo{
    width: 160px;
    height: auto;
  }
  .top_img_area .person{
    width: 180px;
    height: auto;
    /* margin-top: -150px; */
    z-index: 999;
  }

}

@media (max-width: 576px) {
  .top_img_area .person{
    width: 180px;
    height: auto;
    margin-top: -200px;
    z-index: 999;
  }

}