.slide02 {overflow-x:hidden; background:#f2f2f2; position:relative;}
.swiper img{vertical-align:top; max-width:95%;  border-radius:500px; position:relative; z-index: 1; margin:20px 0; transition:0.5s all; }
.swiper { padding:100px 0px 180px 0px;  width:calc(100% - 250px); overflow-x:hidden; margin:0 auto; min-height:auto;
/*background:url(../img/bg.jpg)no-repeat center*/}
.swiper .head{width:100%; text-align:center;  margin-bottom:50px;}
.swiper .head .tit{font-size:60px; font-weight:500; font-family:var(--font1)}
/*.swiper .head .tit span.bg {background:url(../img/bg.png)no-repeat right top; padding:110px 150px 150px 0px }*/
.swiper .head .tit span.txt1{font-size:50px; }
.swiper .head .tit span.txt2{display:block; font-size:90px; font-weight:600; padding:0px; }
.swiper-pagination-bullet,
.swiper-pagination-bullet-active {  background: #fff !important;}
.swiper-pagination {  bottom: 1.25rem !important;}
.swiper-slide {  width: 18.75rem; padding:0px 0px 0px 0px ; box-sizing:border-box;  /*height: 28.125rem;*/
  display: flex;  flex-direction: column;  justify-content: center;  align-items:center; position:relative; }
.swiper-slide span {display:none;}
.swiper-slide-active span {  font-weight: 500;  font-size: 20px; display:block;  line-height: 26px;  
 padding: 25px 0 0 0; text-align:center; z-index: 1; position:absolute; bottom:-75px; color:#111 }
.swiper-slide p {  color: #dadada;  font-family: "Roboto", sans-serif;  font-weight: 300;  padding: 0 1.563rem;  
line-height: 1.6;  font-size: 0.75rem;  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;  overflow: hidden;}
.swiper-slide a {  text-align:center;}
.swiper-slide a:hover {  }
.swiper-slide div {  display: none;  opacity: 0;  padding-bottom: 0.625rem;}
.swiper-slide-active{position:relative; transition:0.5s all;}
/*.swiper-slide-active:after {content:""; position:absolute; bottom:-20px; left:50%; width:50px; height:8px;
background:#fff; box-sizing:border-box; border-radius:30px; transform:translateX(-50%);}*/
.swiper-slide-active:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%;z-index :0;
 /*background:url(../img/circle.png)no-repeat center; background-size:contain; transition:0.5s all;*/
 /*border:4px solid #fff; box-sizing:border-box; border-radius:50%; box-shadow:1px 1px 20px rgba(0,0,0,0.8)*/}
.swiper-slide-active img {border-radius:0px; max-width:100%;  margin-top:0px; border:2px solid #111; box-shadow:5px 5px 20px rgba(0,0,0,0.2);
}
.swiper-slide-active div {transition:0.5s all;
  display: none;
  opacity: 1;
}
.swiper-button-next {right:50px !important}
.swiper-button-prev {left:50px !important}
.swiper-button-next img,.swiper-button-prev img {width:50px}
.swiper-button-next:after,.swiper-button-prev:after {display:none}

.style105 h3 {font-size:25px; font-weight:600; padding:0 0 20px 16px; position:relative;}
.style105 h3::before {content:""; height:21px; width:4px; background-color:#ee1c26; 
position:absolute; top:10px;  left:0px; }

.style105 .flex2 {display:flex; flex-wrap: wrap;  justify-content: space-between; }
.style105 .flex2 .item{ width:48%; }
.style105  .item img {max-width:100%; vertical-align: top}

.style105 .cont {text-align:center}
.style105 .cont .item:first-child {padding-top:0;}
.style105 .cont .item {padding-top:150px}

.mgT80 {margin-top:80px;}
.mgT50 {margin-top:50px;}

/*.swiper-slide--one {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://images.unsplash.com/photo-1628944682084-831f35256163?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80") no-repeat 50% 50%/cover;
}
.swiper-slide--two {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://images.unsplash.com/photo-1515309025403-4b0184873cef?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=735&q=80") no-repeat 50% 50%/cover;
}
.swiper-slide--three {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://images.unsplash.com/photo-1545671913-b89ac1b4ac10?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80") no-repeat 50% 50%/cover;
}
.swiper-slide--four {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://images.unsplash.com/photo-1598977123118-4e30ba3c4f5b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80") no-repeat 50% 50%/cover;
}
.swiper-slide--five {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://images.unsplash.com/photo-1570481662006-a3a1374699e8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=765&q=80") no-repeat 50% 50%/cover;
}*/

.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right {  background-image: block;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/

@media (max-width: 1550px) {
.swiper-button-next {right:40px !important}
.swiper-button-prev {left:40px !important}
}
@media (max-width: 1023px) {
.swiper img{vertical-align:top; max-width:100%;  border-radius:10px; }	
.swiper { padding:40px 10px 38px 10px;  width:calc(100% - 50px); min-height: auto }
.swiper .head{width:100%; text-align:center;  margin-bottom:10px;}
.swiper .head .tit{font-size:22px; }
.swiper .head .tit span.bg {background:none; padding:70px 0px 100px 0px; background-size:contain; width:100%; }
.swiper .head .tit span.txt1{font-size:25px; font-weight:600;  }
.swiper .head .tit span.txt2{font-size:35px; padding-left:0px; display:block;padding:10px 0px 20px 0px}
.swiper .txt { font-size:30px; padding-right:50px; padding-top:120px; text-align:right; color:#fff; }	
.swiper .txt { font-size:14px; padding-right:10px; padding-top:70px; text-align:right; color:#fff; }	
.swiper-slide {   padding: 10px 10px 20px 10px ; }
.swiper-slide-active:after {display:none}
.swiper-slide-active span {  bottom:-20px; font-size:15px; line-height:22px}
.swiper-button-next {right:10px !important}
.swiper-button-prev {left:10px !important}
.swiper-button-next img,.swiper-button-prev img {width:40px; }
.swiper-button-next:after,.swiper-button-prev:after {display:none}

.style105 h3 {font-size:18px; padding:0 0 5px 14px; position:relative;}
.style105 h3::before { height:18px; width:4px;  top:7px;  }

.style105 .flex2 .item{ width:100%; margin-top:10px }
.style105 .cont .item {padding-top:50px}

.mgT80 {margin-top:40px;}
.mgT50 {margin-top:25px;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}