.swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide a {
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
    }


    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
	  
	.swiper-pagination { position: relative; margin-top: 25px!important; }
	  
	.swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      opacity: 1;
      background: rgba(0, 0, 0, 0.5);
    }

    .swiper-pagination-bullet-active {
      background: #FFF;
    }  
	
	.swiper-slide .description { position: absolute; bottom: 0; width: 90%; min-height: 50px; padding: 20px 5%; background: #000; }
	.swiper-slide .description h2 { font-size: 1.5em; margin-top: 15px }  
	.swiper-slide .description p { font-size: 1.1em; }   
	.expertise-bg { background: url("../images/seo-pages/expertise-circle-bg.webp") no-repeat center left; background-size: 600px; background-position: 20px }  


@media only screen 
and (min-width : 1100px) 
and (max-width : 1920px) {	  
     
	 .swiper-slide .description h2 { font-size: 1.25em; }  
	 .swiper-slide .description p { font-size: 1.1em; }   
	 .expertise-bg { background: url("../images/seo-pages/expertise-circle-bg.webp") no-repeat center left; background-size: 40%; background-position: -50px }
	 }

@media screen and (min-width: 1920px) {
	.expertise-bg { background: url("../images/seo-pages/expertise-circle-bg.webp") no-repeat center left; background-size: 30%; background-position: 20px }  
}


@media only screen 
and (min-width : 768px) 
and (max-width : 1099px) {	  
	  
	.swiper-slide .description h2 { font-size: 1.25em; }  
	.swiper-slide .description p { font-size: 1.1em; }     
	.expertise-bg { background: url("../images/seo-pages/expertise-circle-bg.webp") no-repeat center left; background-size: 600px; background-position: -130px }
	
	 }
	
@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {  

	
	.swiper-slide img {
      display: block;
      width: 100%;	
	  max-width: 300px;	
      height: 100%;
      object-fit: cover;
    } 
	
	.swiper-slide .description { position: absolute; bottom: 0; max-width: 260px; min-height: 100px; padding: 20px 20px 10px; background: #000; }
	.swiper-pagination { margin: 30px 0 0px !important } 
	.expertise-bg { margin-left: -20px;  background: url("../images/seo-pages/expertise-circle-bg.webp") no-repeat top; background-size: 100%; background-position: center 40px; }  
	
}