.border-bottom-3 { border-bottom-width: 3px!important;border-bottom-color:#016678!important; border-bottom-style: solid!important }
.border-bottom-2 { border-bottom-width: 2px!important;border-bottom-color:#016678!important; border-bottom-style: solid!important }
.wp-caption {
height: auto;
margin: 1.2em 1.6em 1em 0;
max-width: 100%!important;
text-align: center;
vertical-align: middle;
overflow-y: hidden;
}
.wp-caption img{max-width: 100%!important;}
.wp-caption .aligncenter,.wp-caption.aligncenter{ margin: 1px auto!important; text-align: center; }
.wp-caption .wp-caption-text {
    text-align: center;
}
.title-sktelth-top{
    font-family: "Roboto",Arial,sans-serif;    
    font-size: 0.99rem;
    font-weight: 400;
    color:#00ff00;
}
.descript-sktelth-top{
    font-family: 'Raleway', sans-serif;    
    font-size: 0.75rem;
    font-weight: 200;
}
.envent-sktelth-top{
    font-family: 'Raleway', sans-serif;    
    font-size: 0.625rem;
    font-weight: 400;
}
.envent-sktelth-top-1{
    font-family: 'Raleway', sans-serif;    
    font-size: 0.89rem;
    font-weight: 400;
}

.container-16-9 {
    padding-top: 56.25%; 
    position: relative;
}
.container-4-3 {
    padding-top: 75.0%; 
    position: relative;
}
.w-33{
    width:33%!important;
}
.w-book-75{
    max-width: 100%!important;
    width:100%!important;
    height:430px;
    overflow-x: auto;
}
.sk-book-ctc{width: 238px!important;min-width:198px!important; height:300px!important;position: relative;background-color: #166b9c;background-size: 100% 100%;background-repeat: no-repeat;}
.sk-book-ctc-descrpt{position: absolute; left: 0;bottom: 0;min-height: 80px;min-width: 100%;background-color: rgba(0,0,0,0.6);color:#ffffff;padding: 1rem;font-size: 0.8rem}
.sk-book-ctc-descrpt:hover {  
        height:150px;
        transition: height 2s ease-out;
    }
.w-book-25{
    width:100%!important;
    height: 250px!important; 
    max-height: 250px; 
    overflow-y: auto;
   
}
.w-book-25-chld{
    width : 100%!important;
    max-width: 100%!important;
    
}
.w-imes-33,.w-imes-33-res{
    width:33%!important;
}
.w-imes-33-res{
    width:33%!important;
    max-height: 600px;
    overflow-y: auto;
    padding-bottom: 1rem;
}
.w-34{
    width:34%!important;
}
.agrwdesk{font-size:240%;}
.agrwdesk-sm{font-size:120%;}
.ftsz85rm{font-size:0.85rem}
.w-34 .agrwdesk{font-size:240%;}
.w-66{
    width:66%!important;
}
.w-tht-34{
    width:34%!important;
    height: 100%!important;

}
.w-tht-66{
    width:66%!important;
    height: 100%!important;

}
.sk-acty-50{width:100%!important}
.sk-acty-50-chld-50{width:50%!important}
.container-sktop {
    padding-top: 30.5%; 
    padding-bottom: 0rem;
    padding-left: 0rem!important;
    padding-right:   0rem!important;
    position: relative;
    transition: all 0.8s ease-out;
}
.container-vod{
    padding-top:56.25%; 
    position: relative;
    transition: all 0.8s ease-out;
}
.container-vod-chld-pasb{
    position: absolute;
}

.h-skmd-100{height: auto}
.sk-vod-es{
    height: 100%!important;
    width: 100%!important;   
    background-size: 100% 100%;
    background-repeat: no-repeat;

}
.sk-vod-es video{width:100%!important;height: 100%!important;}
.sk-vod-es iframe{max-width: 100%!important;max-height:  100%!important}
.card-sktelth-top-img{
    padding-top: 56.25%;   
    position: relative; 
    background-size: 100% 100%;
    background-repeat: no-repeat;

}
.card-sktelth-top-img-sm{     
    position: relative; 
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 159px;
    width: 282px; 
    height: 159px;
}
.max-vod-ctc{max-width:none;}
.container-sktelth-vod-item{ width: 100%;min-width: 100%;}
.container-sktelth-vod-ctc{width: 350px;min-width: 350px;min-height: 100%;height: 100%;max-height: 100px; overflow-y: auto;overflow-x: hidden}
.search-sktelth-plce::placeholder {
    color: #8c8c8c;
    font-size: 1.2em;
}

.sticky-sktelth {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 1055;
    transition: all 0.2s ease-out;
}
.content-sktelth {
    min-height:  1px; 
    width: 100%;
}
.sticky-sktelth + .content-sktelth {
    min-height:  85px;

}
.bg-bitc{background-color:#ff3170;color:#fff}
.bg-bitc:hover{background-color:#ccc;color:#000}
.bg-sktelth{background-color: #f7f7f7;}
.bg-sktelth-succpry{background-color: #02c1e3}
.bg-sktelth-succpry-1{background-color: #028197}
.bg-sktelth-succpry-2{background-color: #016678}
.bg-sktelth-succpry-03{background-color: #02acca}
.bg-sktelth-succpry-3{background-color: #015665}
.bg-sktelth-succpry-activity{background-color: #028197}
.bg-sktelth-pry{background-color: #1a0199}
.bg-sktelth-pry{background-color: #1a0199}
.bg-sktelth-pry-o{background-color: #166b9c}
.bg-sktelth-pry-o-1{background-color: #115175}
.bg-sktelth-es-don{background-color: #efefef}
.bg-skt-bleu-green-1{background-color: #016678}
.text-sktelth{color: #f7f7f7;}
.text-sktelth-succpry{color: #02c1e3}
.text-sktelth-succpry-1{color: #028197}
.text-sktelth-succpry-2{color: #016678}
.text-sktelth-succpry-3{color: #015665}
.text-sktelth-pry{color: #1a0199}
.text-sktelth-pry{color: #1a0199}
.text-sktelth-pry-o{color: #166b9c}
.text-post-cat-link{color:#015665}
.text-sktelth-pry-o-1{color: #115175}
.btext-sktelth-es-don{color: #efefef}
.sk-post-title-txt{color: #0dcaf0;}


.bg-sktelth-dark{background-color: #26292c}

.sktel-th-top-slogan{
    color: #245682;
    font-family: 'Raleway', sans-serif;    
    font-size: 1.75rem;
    margin-left: 1rem;

}
.sktel-th-bottom-slogan{
    color: #f2f2f2;
    font-family: 'Raleway', sans-serif;    
    font-size: 1.1rem;
    margin-left: 1rem;

}
.sktel-th-top-nav-bmn{  
    text-decoration: none!important;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: 0.75rem;

}
.sktel-th-mainmn-bmn{  
    text-decoration: none!important;
    color: #000;
    font-family: 'Raleway', sans-serif;
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: 0.75rem;

}
.sk-header-mn-txt{font-size: 0.75rem!important;}
a.sktel-th-top-nav-link,a.sktel-th-top-act-nav-link{
    text-decoration: none!important;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    margin-left: 1rem;
    margin-right: 1rem;
    text-transform: uppercase;

}
a.sktel-th-top-nav-link:hover,a.sktel-th-top-nav-bmn:hover{
    color:#b3b3b3
}
a.sktel-th-top-act-nav-link:hover{
    color:#33ff33
}
.adeconone{
    text-decoration: none;
}
.adeconone:hover{text-decoration: underline;}
a.sktel-th-tmn-link{
    text-decoration: none;
    color: #001a00;
    font-family: 'Raleway', sans-serif;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    text-transform: uppercase;
}
a.sktel-th-tmn-link:hover{
    text-decoration: underline;
    color:#00cc00 /*#00ff00*/
}
.hide-md-lg{ display: inline-block}
.toplogo{background-repeat: no-repeat;background-size: contain; width: 110px;height: 110px;min-width: 110px;min-height: 110px}
.toplogo-sm{background-repeat: no-repeat;background-size: contain; width: 48px;height: 48px;min-width: 48px;min-height: 48px}

.toplogotxt{
    font-family: 'Raleway', sans-serif;
    font-size: 32px;
}
.txt-blue-6{color:#016678;}
.h4-support{font-size: 1.5rem;text-align: center; font-family: 'Raleway', sans-serif;color:#016678;font-weight: 500 }
.h5-support{font-size: 1rem;text-align: center; font-family: 'Raleway', sans-serif;color:#016678;font-weight: 400 }
.h5-support-2{font-size: 1.4rem;text-align: center; font-family: 'Raleway', sans-serif;color:#016678;font-weight: 400 }
.a-sktelth-link-color-1{font-size: 1.2rem;font-family: "Roboto",Arial,sans-serif;font-weight:400;color:#016678;text-decoration: none;}
.a-sktelth-link-color-1:hover{text-decoration: underline;}
.a-sktelth-fotter-nav-1{font-size: 0.8rem;text-transform: uppercase;font-family: "Roboto",Arial,sans-serif;font-weight:400;color:#f2f2f2;text-decoration: none;}
.a-sktelth-fotter-nav-1:hover{text-decoration: underline;color:white}
.a-sktelth-fotter-nav-2{font-size: 0.8rem;text-transform: uppercase;font-family: "Roboto",Arial,sans-serif;font-weight:400;color:#f2f2f2;text-decoration: none;}
.a-sktelth-fotter-nav-2:hover{text-decoration: underline;color:white}

.hvodht{max-height: 3rem!important}

/*****color*****/
.txt-success-w3 {color:#008000}
.txt-success-w4 {color:#016678}

/********video play logo**********/
.span-play {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin: 0 5px;
  position: relative;
  z-index: 4;
  background-color: #00ff00;
  animation-delay: 0.2s;
}

.span-play::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: inherit;
  border-radius: 50%;
  z-index: 3;
  animation: ripple 1.5s ease-out infinite;
}

.container-sk-post-fimg{
    width:100%;max-width: 100%;
    padding-top: 56.25%;
}
@media (max-width: 320px){

}
@media (min-width: 320px) and (max-width: 360px){
    .contain_er-vod{
        padding-top: 138.5%; 
        background-color: yellow;
    }
}
@media (max-width: 360px){
    .contain-er-sktop{
        padding-top: 165%; 
    }
    .title-sktelth-top{     
        font-size: 0.86rem;
        font-weight: 500;
        color:#fff;
    }
    .descript-sktelth-top{
        font-size: 0.75rem;
    }
    .w-th-t-66{
        width: 100%!important;
        height: 40%!important

    }
    .w-th-t-34{
        width: 100%!important;
        height: 60%!important

    }
    .w-34{
        width:100%!important;
    }
    .w-66{
        width:100%!important;
    }
    .h5-support,.h5-support-2{font-size: 0.75rem;}    
    .w-34 .agrwdesk{font-size:95%;}
    .agrwdesk-5{font-size:50%;}
    .sk-header-mn-txt{font-size: 0.5rem!important;}

}
@media (min-width: 360px) and (max-width: 479px){
    .contain-er-sktop{
        padding-top: 150%; 
    }
    .title-sktelth-top{     
        font-size: 0.99rem;
        font-weight: 500;
        color:#fff;
    }
    .descript-sktelth-top{
        font-size: 0.75rem;
    }
    .w-th-t-66{
        width: 100%!important;
        height: 52%!important


    }
    .w-th-t-34{
        width: 100%!important;
        height: 48%!important


    }
    .w-34{
        width:100%!important;
    }
    .w-66{
        width:100%!important;
    }

}
@media (min-width: 478px) and (max-width: 480px){
    .contain-er-sktop{
        padding-top: 150%; 
    }
    .title-sktelth-top{     
        font-size: 0.99rem;
        font-weight: 500;
        color:#fff;
    }
    .descript-sktelth-top{
        font-size: 0.75rem;
    }
    .w-th-t-66{
        width: 100%!important;
        height: 52%!important


    }
    .w-th-t-34{
        width: 100%!important;
        height: 48%!important


    }
    .w-34{
        width:100%!important;
    }
    .w-66{
        width:100%!important;
    }

}
@media  (min-width: 575px) {
    .contain-er-sktop{
        padding-top: 110%; 
    }
    .title-sktelth-top{     
        font-size: 0.95rem;
        font-weight: 500;
        color:#fff;
    }
    .descript-sktelth-top{
        font-size: 0.78rem;
    }
    .w-th-t-66{
        width: 100%!important;
        height: 55%!important

    }
    .w-tht-34{
        width: 100%!important;
        height: 45%!important


    }
    .w-34{
        width:100%!important;
    }
    .w-66{
        width:100%!important;
    }

}
@media (min-width: 480px) and (max-width: 575px){
    .contain-er-sktop{
        padding-top: 110%; 
    }
    .title-sktelth-top{     
        font-size: 1rem;
        font-weight: 500;
        color:#fff;
    }
    .descript-sktelth-top{
        font-size: 0.80rem;
    }
    .w-th-t-66{
        width: 100%!important;
        height: 55%!important


    }
    .w-th-t-34{
        width: 100%!important;
        height: 45%!important;


    }
    .w-34{
        width:100%!important;
    }
    .w-66{
        width:100%!important;
    }
    .contain-er-vod{
        padding-top: 135.5%; 
        background-color: #02c1e3;
    }
}

@media (max-width: 576px){
    .search-sktelth-plce::placeholder {  
        font-size: 1em;
    }
    .w-imes-33,.w-imes-33-res {
        width:100%!important;
    }
    .w-imes-33-res {
        max-height: none;
    }

.hvodht{max-height: 4rem!important}
}

@media (min-width: 576px) and  (max-width: 767px){
    .search-sktelth-plce::placeholder {  
        font-size: 1.25em;
    }
    .contain-er-sktop{
        padding-top: 100%; 
    }
    .title-sktelth-top{     
        font-size: 1.2rem;
        font-weight: 500;
        color:#fff;
    }
    .descript-sktelth-top{
        font-size: 0.80rem;
    }
    .w-th-t-66{
        width: 100%!important;
        height: 60%!important


    }
    .w-th-t-34{
        width: 100%!important;
        height: 40%!important


    }


}
@media (min-width: 767px){
    .search-sktelth-plce::placeholder {  
        font-size: 1.25em;
    }
    .contain-er-sktop{
        padding-top: 100%; 

    }
    .title-sktelth-top{     
        font-size: 1.2rem;
        font-weight: 500;
        color:#fff;
    }
    .descript-sktelth-top{
        font-size: 0.80rem;
        padding-bottom: 1rem;
    }

    .w-tht-66{ 
        width: 100%!important;
        min-width: 100%!important;
        padding-top: 56.25%!important
    }
    .w-tht-34{  
        width: 100%!important;
        height: auto;
    }
    .container-vod{
        padding-top: 1rem; 
        padding-bottom: 1rem; 

    }
    .container-sktop{
        padding: 0rem;
        padding-top:0rem;
        padding-bottom: 0rem;
        padding-left: 0rem;
        padding-right:  0rem;
    }
    .container-vod-chld-pasb{
        position: relative;
    }
    .container-sktelth-vod-item{
        width: 200px; min-width: 200px;
    }
    .container-sktelth-vod-ctc{width: 100%;min-width: 100%;max-width: 100%;max-height: 400px; overflow-y: auto;overflow-x: auto}
    .container-sk-post-fimg{
        width:100%;max-width: 100%;
    }
}
@media (max-width: 767px) {
    a.sktel-th-top-nav-link,a.sktel-th-tmn-link{ font-size: 12px}
    .sktel-th-top-slogan{        
        font-size: 1.45rem; 
        margin-left: 0rem;
    }
    .toplogotxt{
        font-family: 'Raleway', sans-serif;
        font-size: 24px;
    }
    .toplogo{width: 85px;height: 85px;min-width: 85px;min-height: 85px}
    .container-sktelth-vod-item{
        width: 200px; min-width: 200px;
    }
    .container-sktelth-vod-ctc{width: 100%;min-width: 100%;max-width: 100%;max-height: 400px; overflow-y: auto;overflow-x: auto}
    .card-sktelth-top-img-sm{   
        min-height: 89px;
        width: 160px;
        height: 89px;   
    }
    .max-vod-ctc{max-width:180px!important }
    .container-vod{
        padding-top: 1rem; 
        padding-bottom: 1rem;

    } 
    .container-vod-chld-pasb{
        position: relative;
    }
    .container-sktop_{
        padding: 0rem;
    }
    .w-tht-66_{ 
        width: 100%!important;
        min-width: 100%!important;
        padding-top: 56.25%!important
    }
    .w-tht-34_{  
        width: 100%!important;
        height: auto;
    }
    .container-sk-post-fimg{
         width:100%;max-width: 100%;
    }
}

@media (min-width: 768px)  {
    .container-sktop_{
        padding-top: 60%; 
    }
    .w-tht-66_{ 
        width: 66%!important;
        min-width: 66%!important;
        padding-top: 56.25%!important;
        height: 100%!important;
    }
    .w-tht-34_{  
        width: 34%!important;
        height: 100%!important;
    }
    .title-sktelth-top{     
        font-size: 1.2rem;
        font-weight: 500;
        color:#fff;

    }
    .descript-sktelth-top{
        font-size: 0.95rem;
    }
    .envent-sktelth-top{
        font-size: 0.75rem;

    }
    .envent-sktelth-post-top{
        font-size: 0.80rem;

    }
    .container-vod{
        padding-top: 1rem; 
        padding-bottom: 1rem;

    } 
    .container-vod-chld-pasb{
        position: relative;
    }
    
    .container-sktelth-vod-ctc{width: 100%;min-width: 100%;max-width: 100%;max-height: 400px; overflow-y: auto;overflow-x: auto}

    .h-skmd-100{height: 100%}

}
@media (min-width: 576px) and  (max-width: 873px){
    .w-imes-33{
        width:50%!important;
    }
    .w-imes-33-res{
        width:100%!important;
        margin-top: 1rem;
        max-height: none;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .sktel-th-top-nav-link,a.sktel-th-tmn-link{     
        font-size: 0.75rem;
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }
    .search-sktelth-plce::placeholder {  
        font-size: 1.5em;
    }
    .container-vod{
        padding-top: 1rem; 
        padding-bottom: 1rem;

    } 
    .container-sktelth-vod-ctc{width: 100%;min-width: 100%;max-width: 100%;max-height: 400px; overflow-y: auto;overflow-x: auto}


    .container-vod-chld-pasb{
        position: relative;
    }
    .container-top-chld-pasb_{
        position: absolute;
    }
    .title-sktelth-top{     
        font-size: 1.2rem;
        font-weight: 500;
        color:#fff;

    }
    .descript-sktelth-top{
        font-size: 0.95rem;
    }
    .envent-sktelth-top{
        font-size: 0.75rem;
    }
    .w-34{        
        font-size: 0.75rem   
    }
    .w-66{    
        font-size: 0.75rem     
    }
    .container-sk-post-fimg{
        width:100%;max-width: 100%;
    }
}
@media (max-width: 992px) { 
    .sk-vod-es{        
        height: calc(100vw*0.52)!important;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .container-sktop{
        padding: 0rem;
    }
    .w-tht-66{ 
        width: 100%!important;
        min-width: 100%!important;
        padding-top: 56.25%!important
    }
    .w-tht-34{  
        width: 100%!important;
        height: auto;
    }
    
}
@media (min-width: 992px) {    
    a.sktel-th-top-nav-link,a.sktel-th-tmn-link{ font-size: 0.8125rem}
    a.sktel-th-tmn-link{    
        margin-left: 1rem;
        margin-right: 1rem;

    }
    .search-sktelth-plce::placeholder {  
        font-size: 2em;
    }

    .container-vod{
        padding-top: 40.5%!important;        
        padding-bottom: 0rem;
        width:100%;
        height: calc(100vw*0.38);
    }
    .container-sktelth-vod-ctc{width: 350px;min-width: 350px;min-height: 100%;height: 100%;max-height: 100px; overflow-y: auto;overflow-x: hidden}

    .container-vod-chld-pasb{
        position: absolute;
    }
    .container-sktop{
        padding-top: 50.5%!important; 
    }
    .container-top-chld-pasb{
        position: absolute;
    }
    .w-tht-66{ 
        width: 68%!important;
        min-width: 68%!important;
        padding-top: 0rem!important;
        height: 100%!important;
    }
    .w-tht-34{  
        width: 32%!important;
        height: 100%!important;
    }
    .container-vod-chld-pasb{
        position: absolute!important;
    }

    .title-sktelth-top{     
        font-size: 1.5rem;
        font-weight: 500;
        color:#fff;
        padding-top: 0.5rem;


    }
    .descript-sktelth-top{
        font-size: 1rem;
    }
    .envent-sktelth-top{
        font-size: 0.85rem;
    }
.sk-acty-50{width:50%!important}
.sk-acty-50-chld-50{width:50%!important}
.container-sk-post-fimg{
        width:720px;max-width: 720px;       
        padding-top: 46.25%;

    }
}
@media (max-width: 1180px) {
    .hide-md-lg{ display: none}
}

@media (min-width: 1200px) {
    .hide-md-xlg{ display: none}
    .container-sktop{
        padding-top: 40.5%!important; 
    }
    .w-tht-66{ 
        width: 70%!important;
        min-width: 70%!important;
        padding-top: 0rem!important;
        height: 100%!important;
    }
    .w-tht-34{  
        width: 30%!important;
        height: 100%!important;
    }
    .container-vod-chld-pasb{
        position: absolute!important;
    }

    .title-sktelth-top{     
        font-size: 1.5rem;
        font-weight: 500;
        color:#fff;
        padding-top: 0.5rem;


    }
    .descript-sktelth-top{
        font-size: 1rem;
    }
    .envent-sktelth-top{
        font-size: 0.85rem;
    }
    .w-book-75{
    width:66%!important;
    height: 430px!important;
}

.w-book-25{
    width:34%!important;  
    height: calc(100vw*1.2/4)!important;;
    max-height: calc(100vw*1.2/4)!important;
    overflow-y: auto;
}
.w-book-25-chld{
    height: 100%!important;
    max-height: 100%!important;    
}
.container-sk-post-fimg{
        width:720px;max-width: 720px;       
        padding-top: 36.25%;

    }
}
@media (max-width: 1310px) {
    .hide-md-xlg{ display: none}
}
@media (min-width: 1400px) {
    .container-sktop{
        padding-top: 35.5%!important; 
    }
    .w-tht-66{ 
        width: 75%!important;
        min-width: 75%!important;
        padding-top: 0rem!important;
        height: 100%!important;
    }
    .w-tht-34{  
        width: 25%!important;
        height: 100%!important;
    }
    .container-vod-chld-pasb{
        position: absolute!important;
    }
    .container-vod{
        padding-top: 40.5%!important;        
        padding-bottom: 0rem;
        width:100%;
        height: calc(100vw*0.34);
    }

}
/***********animation***************/

@keyframes ripple {
  from {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(3);
  }
} 
.swiper {
        width: 300px;
        height: 350px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -150px;
        margin-top: -150px;
      }

      .swiper-slide {
        background-position: center;
        background-size: cover;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
      }
/*swiper
.swiper {
        width: 300px;
        height: 350px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -150px;
        margin-top: -150px;
      }

      .swiper-slide {
        background-position: center;
        background-size: cover;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
      }*/
/*.swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically *
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .swiper {
        margin-left: auto;
        margin-right: auto;
      }*/