[mn="3010"] {
  padding: 0; 
 }  
 [mn="3010"] .h4 {
     line-height: 1;
     margin: 15px 0 15px;
 }  
 [mn="3010"] .txtbx {
    border: 0;
    border-left: 6px solid #ccc;
    border-image: linear-gradient(0deg, var(--clr05) 0%, var(--clr05) 50%, var(--clr02) 50%, var(--clr02) 100%) 1;
    padding: 0 0 0 30px
 }
 [mn="3010"] .btn {
    min-width: unset;
    padding: 0;
    color: #aaa;
    background: transparent;
    border: 0;
 }  
 [mn="3010"] .swiper {
     display: flex;
     min-height: 100vh;
 }  
 [mn="3010"] .swiper-wrapper {
     display: flex; 
     height: auto;
 }  
 [mn="3010"] .swiper-slide {
     padding: 30px; 
 }  
 [mn="3010"] .swiper-button-next, 
 [mn="3010"] .swiper-button-prev {
  --square: 40px;
  aspect-ratio: 1 / 1 !important;
  background-color: var(--clr01);
  width: var(--square);
  height: var(--square);
  height: auto;
  border-radius: 50%;
}
 [mn="3010"] .swiper-button-next:after, 
 [mn="3010"] .swiper-button-prev:after {
  color: #fff;
  font-size: 15px;
}
[mn="3010"] .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    padding: 3px 0;
    margin: 3px 6px !important;
    background-color: var(--clr03);
    color: #fff;
    font-family: var(--ft-t1);
    /* border-bottom: 3px solid transparent; */
    border-radius: 0;
    opacity: 1;
    line-height: 1;
    text-align: center;
}
[mn="3010"] .swiper-pagination-bullet-active {
  background-color: var(--clr01);
}
[mn="3010"] .swiper-pagination {
    translate: 0 -21px;
}
@media only screen and (max-width: 767px) {  
  [mn="3010"] .swiper-slide { 
    font-size: 110%;
    color: #fff
    }  

  [mn="3010"] .bglyr:after  {
    content: '';
    display: block; 
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    }  
  [mn="3010"] .h4 ,
  [mn="3010"] .btn  {
    color: #fff
    }  
}
@media only screen and (min-width: 767px) {  
  [mn="3010"] .swiper-slide.centralized { 
    align-items: flex-start;

    .txtbx{
      max-width: unset;
    }
  }
  [mn="3010"] .txtbx { 
    width: 100%;
    max-width: 50%;
    }  
}
@media only screen and (max-width: 575px) {  
    [mn="3010"] .swiper-button-next, 
    [mn="3010"] .swiper-button-prev { 
     --square: 25px; 
   }
   [mn="3010"] .swiper-slide {
    padding-bottom: 60px;
   }
}