/* pillar & gallery & inline-related-post */

.inline-related-post {
  background: #f6f7f9;

  border-radius: 7px;

  display: block;

  font-size: 0;

  margin-bottom: 35px;

  margin-top: 35px;

  padding: 15px;

  clear: both;

  padding-right: 20px;

}

.inline-related-post img {

  border-radius: 100%;

  display: inline-block;

  margin: 0 0 0 20px !important;

  vertical-align: middle;

  width: 50px;

}

.inline-related-post p {

  color: #46484d;

  display: inline-block;

  vertical-align: middle;

  width: calc(100% - 70px);

  line-height: 25px !important;

  font-size: 16px !important;

    margin: 0 !important;
}

.inline-related-post p strong {

  color: #d9b976;

}



.content-blog-area .btn.type-2 {

  margin: 0 0 20px 0;

}

.content-blog-area .btn.type-2 img {

  filter: brightness(5);

  border-radius: 0;

  padding: 0;

  display: inline-block;

}



.wrapper_gallery_post {

  display: flex;

  gap: 10px;

  flex-wrap: wrap;

  width: 100%;

  justify-content: space-between;

}



.wrapper_gallery_post img {

  border-radius: 10px;

}



.wrapper_gallery_post a {

  display: inline-block;

  width: 32%;

}





.wrapper_gallery_post {

  align-items: normal !important;

  display: flex !important;

  flex-wrap: nowrap !important;

  overflow-x: scroll !important;

  margin-bottom: 1rem !important;

}

.wrapper_gallery_post a.gallery-2 {

    border: none !important;

    float: right !important;

    display: flex !important;

    flex-shrink: 0 !important;

    width: 310px !important;

}

.wrapper_gallery_post a.gallery-2 img {

    width: 100% !important;

    flex-shrink: 0 !important;

}





.arrow-container {

  position: relative;

  top: -8rem;

}

.arrow-container > div {

    width: 42px !important;

    height: 42px !important;

    box-shadow: 0 0 6px 0 #0095ff;

    border-radius: 100%;

    background-color: #fff;

    display: flex;

    align-items:center;

    justify-content:center;

    cursor: pointer;

}

.arrow-container .left-arrow{

    position: absolute;

    left: -14px;

    right: auto;

    

}

.arrow-container .left-arrow img {

    transform: rotate(90deg);

    user-select: none;

}

.arrow-container .right-arrow {

    position: absolute;

    right: -14px;

    left: auto;

}

.arrow-container .right-arrow img {

    transform: rotate(270deg);

    user-select: none;

}





/* pillar box */

.wrapper_pillar_post {

  display: flex;

  flex-wrap: wrap;

  gap: 12px;

  justify-content: space-between;

  margin: 15px 0;

}

.box_pillar {

  background: #ffffff;

  padding: 10px 15px 10px 35px;

  max-width: 29%;

  margin-bottom: 12px;

  border-radius: 14px;

  box-shadow: 0 0 8px 0 #0095ff;

  color: #0095ff;

  flex-basis: 28%;

  text-align: center;

  font-weight: bold;

  transition: all .2s;

  position: relative;

}

.box_pillar::after {

  content: '';

  width: 10px;

  height: 10px;

  border: 2px solid #0095ff;

  border-right: 0;

  border-bottom: 0;

  border-radius: 3px;

  transform: translateY(-50%) rotate(-45deg);

  position: absolute;

  left: 15px;

  top: 50%;

}

.box_pillar::before {

  content: '';

  width: 11px;

  height: 2px;

  background-color: #0095ff;

  position: absolute;

  top: 50%;

  left: 18px;

  border-radius: 5px;

  transform: translateY(-50%);

}

.box_pillar a {

  color: #0095ff;

  width: 100%;

  height: 100%;

  border-bottom: 0 !important;

  line-height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

}

@media screen and (max-width: 900px) {

    .box_pillar {

        max-width: 48%;

        flex-basis: 48%;

        padding: 10px;

        padding-left: 35px;

    }

    .box_pillar a {

        font-size: 14px;

        text-align: right;

    }

    .arrow-container {

      top: -7.5rem;

    }

}


 .video_wrapper > div.wp-video {
          border-radius: 12px;
    overflow: hidden;
  }
.hide-res-flex {
  display: flex;
}
.show-res {
  display: none;
}
.show-res-flex {
  display: none !important;
}

@media (max-width: 768px) {

  .hide-res {
    display: none !important;
  }
  .hide-res-flex {
    display: none !important;
  }
  .show-res {
    display: initial !important;
  }
  .show-res-flex {
    display: flex !important;
  }
}



.acf-block-body .acf-block-preview .swiper.gallery_doctor_sec {
    max-width: 100%;
    overflow-x: scroll;
}
.acf-block-body .acf-block-preview .swiper-slide {
    width: 123px !important; 
}
.acf-block-body .acf-block-preview .swiper-wrapper {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}
.acf-block-component.acf-block-body .main_box {
  float: unset !important;
}
a.shortc-button {
  padding: 0 !important;
  margin: 0 !important;
}
a.shortc-button:hover {
  box-shadow: none;
  border: none;
  color: initial;
}
.acf-block-component.acf-block-body .main_box {
  float: unset !important;
}
.gallery_section_box .gallery_doctor_sec  .swiper-pagination {
  top: 25px !important;
  height: 14px !important;
  display: flex !important;
  justify-content: center !important;
}