.swiper-button-prev:after,
.swiper-button-next:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 12px;
  background: url("../img/arrow-yellow.svg") no-repeat center top/cover;
  transition: all 0.3s ease 0s;
}

.swiper-button-prev:hover:after,
.swiper-button-next:hover:after {
  background: url("../img/arrow-white.svg") no-repeat center top/cover;
}

/*-- custom comments style --*/
.section-comment {
   position: relative;
   padding: 50px 0;
   overflow: hidden;
}

.section-comment:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #000;
   opacity: .5;   
}

.section-comment > img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.comment-list .children {
   display: none;
}

.comment-respond {
   position: relative;
   z-index: 1;
}
.comments-title {
   position: relative;
   z-index: 2;
   color: #000;
}

.comment-slider {
   overflow: hidden;
   position: relative;
   padding-top: 30px;
   padding-bottom: 30px;
   z-index: 2;
 }
 .comment-slider .swiper-wrapper {
   height: auto;
 }

 .comment-slider .comment-list {
   margin: 0;
   padding: 0;
 }
 .comment-slider .swiper-slide {
   width: 100%;
   max-width: 269px;
 }

 .comment-slider .comment-body {
   display: flex;
   flex-direction: column;
   background-color: #efefef;
   padding: 20px;
   border-radius: 20px;
 }

 .comment-slider .comment-body__img-block {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 60px;
   height: 60px;
   background-color: #fff;
   border-radius: 100px;
   border: 2px solid #efefef;
   overflow: hidden;
   margin: -40px auto 40px;
 }
 
 .comment-slider .comment-body__img {
   width: 40px;
   height: 40px;
 }

 .comment-slider .comment-body__content {
   color: #000;
 }

 .comment-slider .comment-body__author {
   font-weight: 600;
 }

 .comment-slider .comment-body__wrapper {
   height: 200px;
   overflow-x: hidden;
   overflow-y: auto;
   padding-right: 6px;
   color: grey;
   font-style: italic
}

/* Chrome, Edge, and Safari */
.comment-slider .comment-body__wrapper::-webkit-scrollbar {
   width: 6px;
}
   
.comment-slider .comment-body__wrapper::-webkit-scrollbar-track {
   background: rgb(222, 222, 222);
}
   
.comment-slider .comment-body__wrapper::-webkit-scrollbar-thumb {
   background: grey;
   border: 0px solid rgba(158, 158, 158, 0.2);
   width: 6px;
}

#comments-title, #reply-title {
   color: #000;
}

.logged-in-as {
   color: #000;
}

.comment-form-comment label {
   color: #000;
}

.swiper-pagination {
   display: flex;
   justify-content: center;
   color: #000;
   padding: 0 20px;
}

.swiper-button-prev,
.swiper-button-next {
  position: relative;
  width: 50px;
  height: 50px;
  background-color: #efefef;
  z-index: 1;
  border-radius: 100%;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}


/* .swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: #db9200;
} */


.swiper-button-prev:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.swiper-button-next:after {
  transform: translate(-50%, -50%) rotate(-90deg);
}

.swiper-navigation {
   display: flex;
   align-items: center;
   justify-content: center;
}

.section-slider {
	overflow: hidden;
}
.section-slider-content {
	display: flex;
	justify-content: center;
    overflow: hidden;
    padding: 10px 0;
}
.single-slider {
    position: relative;
    margin: 0 auto;
    padding-bottom: 75px;
    overflow: hidden;
}

.single-slider__slide {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 16/9;
}

.single-slider__slide img {
    height: 100%;
    max-width: 100%;
}
.single-slider .swiper-navigation {
	margin-top: 20px;
}