img{width:100%;height:auto;}
.item-container{
display:flex;
align-items:stretch;
box-sizing:border-box;
flex-wrap:wrap;
}
@media screen and (max-width:960px){
.item-container{
margin-bottom:50px;
}
}
.item-container .item-1,.item-container .item-2,
.item-container .item-3,.item-container .item-4{
box-sizing:border-box;
padding:0;
margin:0;
}
.item-container .item-1 {
flex-basis:100%;
}
.item-container .item-2 {
flex-basis:50%;
}
.item-container .item-3 {
flex-basis:33.333%;
}
.item-container .item-4 {
flex-basis:25%;
}
@media screen and (max-width:767px){
.item-container .item-3,
.item-container .item-4 {
flex-basis:50%;
}
}
@media screen and (max-width:480px){
.item-container .item-2,
.item-container .item-3,
.item-container .item-4 {
flex-basis:100%;
}
}
.prev-service{
display: flex;
flex-direction: column;
background: linear-gradient(135deg, #ffffff 0%, #f9f9f9 100%);
border-radius: 8px;
overflow: hidden;
border: 1px solid #e0e0e0;
transition: all 0.3s ease;
}
.prev-service:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border-color: #bbb;
}
.item-container .item-1 .prev-service {
padding:25px;
margin:5px;margin-bottom:20px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width:960px){
.item-container .item-1 .prev-service {
margin:10px;margin-bottom:15px;
}
}
@media screen and (max-width:479px){
.item-container .item-1 .prev-service {
padding:15px;
}
}
.item-container .item-2 .prev-service {
padding:12px;
margin:10px;
background: #fefefe;
border: 1px solid #ddd;
}
@media screen and (max-width:480px){
.item-container .item-2 .prev-service {
margin-bottom:15px;
}
}
.item-container .item-3 .prev-service {
padding:10px;
margin:10px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.item-container .item-4 .prev-service {
padding:8px;
margin:5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width:1024px) and (max-width:1280px){
.item-container .item-3 .prev-service{
padding:8px;
margin:5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
}
@media screen and (min-width:600px) and (max-width:1023px){
.item-container .item-3 .prev-service,
.item-container .item-4 .prev-service{
padding:15px;
margin:10px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
}
@media screen and (min-width:480px) and (max-width:599px){
.item-container .item-3 .prev-service,
.item-container .item-4 .prev-service{
padding:15px;
margin:10px;margin-bottom:15px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
}
.prev-service h2{
display: block;
order: 1;
color:#666;
font-size:20px;
line-height:1.2;
font-weight:normal;
padding:0;
margin:0;
margin-bottom:15px;
}
.prev-service h2 a{
color:#0277bd;
font-size:17px; 
padding:0;
margin:0;
/* text-decoration:underline; */
border-radius:0;
background:none;
text-align:left;

border-left: 3px solid #ccc;
    padding-left: 10px;

   
}
.prev-service h2 a:hover{
color:#00649E;
text-decoration:none;
border-radius:0;
background:none;
}
.item-container .item-2 .prev-service h2,
.item-container .item-2 .prev-service h2 a{
font-size:16px;
}
.item-container .item-3 .prev-service h2,
.item-container .item-3 .prev-service h2 a{
font-size:16px;
}
.item-container .item-4 .prev-service h2,
.item-container .item-4 .prev-service h2 a{
font-size:14px;
}
@media screen and (max-width:480px){
.item-container .item-2 .prev-service h2,
.item-container .item-2 .prev-service h2 a,
.item-container .item-3 .prev-service h2,
.item-container .item-3 .prev-service h2 a,
.item-container .item-4 .prev-service h2,
.item-container .item-4 .prev-service h2 a{
font-size:18px;
}
}
.prev-service .prev-img {
display:block;
max-width:100%;
margin:0;
padding:0;
order: 2;
}
.prev-service .prev-txt{
width:100%;
display: block;
order: 3;
margin:0;
margin-top:10px;
margin-bottom:10px;
padding:0;
}
.prev-service .prev-txt,.prev-service .prev-txt p{
font-size:14px;line-height:1.4;
}
.prev-service .prev-txt p{
margin:0;
margin-bottom:10px;
padding:0;
}
.item-container .item-3 .prev-service .prev-txt,
.item-container .item-3 .prev-service .prev-txt p,
.item-container .item-4 .prev-service .prev-txt,
.item-container .item-4 .prev-service .prev-txt p{
font-size:13px
}
.prev-service .prev-img a{
display: block;
padding:0;
margin:0;
border-radius:0;
background:none;
}
.prev-service .prev-img img,
.prev-service .prev-img a img{
display:block;
width:100%;
height:auto;
margin:0;
padding:0;
overflow:hidden;
}
.prev-service .prev-bottom{
order: 4;
width:100%;
display:block;
margin:0;
padding:0;
}
.prev-bottom .btn {
display:block;
margin: 0;
padding:0;
text-align:center;
}
.prev-bottom .btn a {
display:inline-block;
margin: 0;
padding:12px 24px;
text-decoration:none;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color:#ffffff;
font-size:14px;
font-weight:600;
text-transform:uppercase;
border-radius:25px;
border: none;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
position: relative;
overflow: hidden;
}
.prev-bottom .btn a::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
transition: left 0.5s;
}
.prev-bottom .btn a:hover::before {
left: 100%;
}
.prev-bottom .btn a:hover {
background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
color: #fff;
}
.btn-arrow {
margin-left: 8px;
transition: transform 0.3s ease;
}
.prev-bottom .btn a:hover .btn-arrow {
transform: translateX(3px);
}
.rdm{
margin:20px 0;padding:20px 0;
overflow:hidden;
}
a.rdm-allback {
display:block;
margin: 0;
padding:4px 14px;
text-decoration:none;
background:#444; 
color:#ffffff;
font-size:14px;
text-transform:uppercase;
border-radius:2px;
}
a:hover.rdm-allback {
background-color: #333;
text-decoration: none; color: #fff;
}
.rdm .data-service{float:left;}
.rdm a.rdm-allback {float:left;}
#pagination{
display:block;
padding:10px 0 0 0;
margin:10px 0 0 0;
clear:both;
border:0;
border-top:1px solid #eee;
background:none;
}
#pagination ul.pagination{display:inline-block;padding:0;margin:0;border-radius:0 !important;background:none;}
#pagination ul.pagination > li{display:inline;}
#pagination ul.pagination > li > a,#pagination ul.pagination > li > span{
position:relative;
float:left;
padding:6px 12px;
margin:0px 0px 0px 1px;
line-height:1.428571429;
text-decoration:none;
color:#666 !important;
border:1px solid #ccc !important;
background:#ebebeb;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
}
#pagination ul.pagination > li.punkt{
position:relative;
float:left;
padding:7px 12px;
margin:0 0 2px 1px;
line-height:1.428571429;
text-decoration:none;
color:#666 !important;
}
#pagination ul.pagination > li > a:hover,
#pagination ul.pagination > li > span:hover{
border:1px solid #333 !important;
background:#555 !important;
color:#fff !important;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
}
#pagination ul.pagination > .active > a,
#pagination ul.pagination > .active > span,
#pagination ul.pagination > .active > a:hover,
#pagination ul.pagination > .active > span:hover{
z-index:2;
color:#fff !important;
font-weight:bold;
cursor:default;
border:1px solid #333 !important;
background:#333;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
}
#pagination ul.pagination > .disabled > span,
#pagination ul.pagination > .disabled > span:hover,
#pagination ul.pagination > .disabled > a,
#pagination ul.pagination > .disabled > a:hover{
color:#666 !important;
cursor:not-allowed;
border:1px solid #ccc !important;
background:#ebebeb !important;
-moz-border-radius:2px !important;
-webkit-border-radius:2px !important;
-khtml-border-radius:2px !important;
border-radius:2px !important;
}