.gallery-thumbs.swiper-container-vertical .swiper-wrapper{
display: block;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, 
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
display: none;
}
.display-swiper-pagination-style1 .swiper-pagination{
position: relative;
margin-top: 20px;
}
.display-swiper-pagination-style1 .swiper-pagination-bullet{
height: 14px;
width: 14px;
border: 2px solid #cfcfcf;
background: transparent;
border-radius: 0px;
display: inline-block;
opacity: 1;
margin-right: 15px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.display-swiper-pagination-style1 .swiper-pagination-bullet:last-child{
margin-right: 0px;
}
.display-swiper-pagination-style1 .swiper-pagination-bullet-active, 
.display-swiper-pagination-style1 .swiper-pagination-bullet:hover
{
border-color: #2e2e2e;
}
.display-swiper-pagination-style2 .swiper-pagination-bullets{
display: flex;
justify-content: center;
}
.display-swiper-pagination-style2 .swiper-pagination-bullet{
height: 12px;
width: 12px;
border-radius: 100%;
background:  #CFCFCF;
border: 1px solid #fff;
position: relative;
margin-right: 10px;
opacity: 1;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.display-swiper-pagination-style2 .swiper-pagination-bullet:last-child{
margin-right:0px;
}
.display-swiper-pagination-style2 .swiper-pagination{
width: 100%;
position: relative;
margin-top: 20px;
}
.display-swiper-pagination-style2 .swiper-pagination-bullet:hover, 
.display-swiper-pagination-style2 .swiper-pagination-bullet-active{
background: var(--bzo-main-color);
border-color: var(--bzo-main-color);
box-shadow: none;
} .display-swiper-pagination-style3 .swiper-pagination-bullet{
height: 5px;
width: 25px;
background: #e4e4e4;
position: relative;
margin-right: 10px;
border-radius: 0px;
opacity: 1;
}
.display-swiper-pagination-style3 .swiper-pagination-bullet-active{
background: var(--bzo-main-color);
}
.display-swiper-pagination-style3 .swiper-pagination {
width: 100%;
margin-top: 15px;
position: static;
}
.display-swiper-pagination-style3 .swiper-pagination-bullet:last-child{
margin-right:0px;
} .display-swiper-pagination-style4 .swiper-pagination-bullet{
height: 10px;
width: 10px;
background: #d9d9d9;
position: relative;
margin-right: 12px;
border-radius: 50%;
opacity: 1;
}
.display-swiper-pagination-style4 .swiper-pagination-bullet:hover{
background: var(--bzo-main-color);
}
.display-swiper-pagination-style4 .swiper-pagination-bullet-active{
background: var(--bzo-main-color);
width: 30px;
border-radius: 12px;
}
.display-swiper-pagination-style4 .swiper-pagination {
width: 100%;
z-index: 1;
}
.display-swiper-pagination-style4 .swiper-pagination-bullet:last-child{
margin-right:0px;
} .display-swiper-pagination-number .swiper-pagination-bullet:before{
content: '';
width: 50px;
height: 50px;
line-height: 55px;
display: inline-block;
background: transparent;
transform: rotate(45deg);
position: absolute;
z-index: -1;
left: 1px;
top: 3px;
}
.display-swiper-pagination-number .swiper-pagination-bullet{
position: relative;
width: 50px;
height: 50px;
line-height: 55px;
margin-right: 15px;
background: transparent;
color: #000;
display: inline-block;
border-radius: 0;
opacity: 1;
font-size: 24px;
text-align: center;
}
.display-swiper-pagination-number .swiper-pagination-bullet.swiper-pagination-bullet-active{
color: #fff;
}
.display-swiper-pagination-number .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
background: #ffbc7b;
}
@media(max-width: 1200px){
.display-swiper-pagination-number .swiper-pagination-bullet {
width: 40px;
height: 40px;
line-height: 45px;
font-size: 18px;
}
.display-swiper-pagination-number .swiper-pagination-bullet:before {
width: 40px;
height: 40px;
line-height: 40px;
}
}  .display-swiper-navi-group{
position: relative;
}
.display-swiper-navi-group .bzotech-swiper-navi{
position: absolute;
top: 30px;
right: 0;
z-index: 2;
}
.display-swiper-navi-group .bzotech-swiper-navi .swiper-button-nav {
position: unset;
width: 32px;
height: 16px;
line-height: 16px;
border-radius: 0px;
background-color: transparent;
color: #2e2e2e;
border: none;
transition: .3s;
font-size: 28px;
margin-left: 15px;
}
.display-swiper-navi-group .bzotech-swiper-navi .swiper-button-prev{
float: left;
}
.display-swiper-navi-group .bzotech-swiper-navi .swiper-button-next{
float: right;
}
.display-swiper-navi-group .bzotech-swiper-navi .swiper-button-nav:hover{
color: var(--bzo-main-color2);
} .display-swiper-navi-group1{
position: relative;
}
.display-swiper-navi-group1 .bzotech-swiper-navi .swiper-button-nav{
position: unset;
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 80px;
background-color: transparent;
color: #999;
border: none;
transition: .2s;
font-size: 36px;
border: 2px solid #999;
}
.display-swiper-navi-group1 .bzotech-swiper-navi .swiper-button-nav:hover{
color: #fff;
border-color: #fff;
}
.display-swiper-navi-group1 .bzotech-swiper-navi{
position: absolute;
bottom: 10px;
right: -210px;
z-index: 99;
display: flex;
flex-direction: row-reverse;
gap: 16px;
}
.display-swiper-navi-group1 .bzotech-swiper-navi .swiper-button-nav {
position: unset;
}
@media (max-width: 1200px) {
.display-swiper-navi-group1 .bzotech-swiper-navi .swiper-button-nav{
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 40px;
font-size: 28px;
}
.display-swiper-navi-group1 .bzotech-swiper-navi{
right: -110px;
}
}
@media (max-width: 767px) {
.display-swiper-navi-group1 .bzotech-swiper-navi .swiper-button-nav{
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 30px;
font-size: 18px;
}
.display-swiper-navi-group1 .bzotech-swiper-navi{
right: -75px;
gap: 10px;
}
} .display-swiper-navi-group2 .bzotech-swiper-navi{
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 99;
}
.display-swiper-navi-group2 .bzotech-swiper-navi .swiper-button-nav {
position: unset;
width: 32px;
height: 16px;
line-height: 16px;
border-radius: 0px;
background-color: transparent;
color: #2e2e2e;
border: none;
transition: .3s;
font-size: 28px;
margin: 0 8px;
}
.display-swiper-navi-group2 .bzotech-swiper-navi .swiper-button-prev{
float: left;
}
.display-swiper-navi-group2 .bzotech-swiper-navi .swiper-button-next{
float: right;
}
.display-swiper-navi-group2 .bzotech-swiper-navi .swiper-button-nav:hover{
color: var(--bzo-main-color2);
}
@media(max-width: 767px){
.display-swiper-navi-group2{
padding-top: 40px;
}
} .display-swiper-navi-style1{
position: relative;
}
.display-swiper-navi-style1 .bzotech-swiper-navi .swiper-button-nav{
position: absolute;
width: 32px;
height: 32px;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
background-color: #fff;
color: #454545;
border: 1px dashed #999;
transition: .3s;
font-size: 20px;
margin: 0;
z-index: 1;
}
.display-swiper-navi-style1 .bzotech-swiper-navi .swiper-button-nav:hover{
border-color: var(--bzo-main-color2);
color: var(--bzo-main-color2);
}
.display-swiper-navi-style1 .bzotech-swiper-navi .swiper-button-nav.swiper-button-prev {
left: 0px;
}
.display-swiper-navi-style1 .bzotech-swiper-navi .swiper-button-nav.swiper-button-next {
right: 0px;  
}
@media(min-width: 1201px){
.display-swiper-navi-style1 .bzotech-swiper-navi .swiper-button-nav.swiper-button-disabled{
opacity: 0;
}
}