.box_specjalizacje{
padding: 150px 0 130px;
background: url(../images/bg_offer.webp) 50% 0 no-repeat;
background-size: cover;
}

.div_specjalizacje{
width: 1150px;
max-width: 100%;
box-sizing: border-box;
margin: 0 auto;
padding: 0 15px;
}


.div_specjalizacje .catArticle{
gap: 40px 30px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.div_specjalizacje .catArticle a{
display: block;
background: #FFFFFF;
text-align: center;
justify-content: center;
color: var(--g4-color);
font-family: var(--gfont2-family);
font-weight: 700;
font-size: 32px;
padding: 6px;
position: relative;
transition: all 0.5s;
width: calc(33.333333% - 40px);
}
.div_specjalizacje .catArticle a:hover{
box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.div_specjalizacje .catArticle a .tytulArticle{
align-items: center;
display: flex;
height: 100%;
justify-content: center;
padding: 25px 15px;
box-sizing: border-box;
position: relative;
min-height: 130px;
}
.div_specjalizacje .catArticle a .tytulArticle:after{
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
margin: auto;
border: 1px solid rgba(217,190,108,0.3);
transition: all 0.5s;
}
.div_specjalizacje .catArticle a:hover .tytulArticle:after{
width: calc(100% + 3px);
height: calc(100% + 3px);
inset: -3px;
}

.div_specjalizacje .catArticle .imgP img{
max-width: 100%;
height: auto;
}

.div_specjalizacje.div_specjalizacje_uk .catArticle a{
font-size: 24px;
background-color: #000000;
color: #FFFFFF;
}
.div_specjalizacje.div_specjalizacje_uk .catArticle a .tytulArticle::after{
border-color: rgba(217,190,108,0.3);
}
.div_specjalizacje.div_specjalizacje_uk .catArticle a:hover {
box-shadow: 0 0 20px rgba(217,190,108,0.3);
}
.box_ukrainian_desk .divTitle{
color: #FFFFFF;
}

.box_specjalizacje_uk{
padding-bottom: 140px;
}
.box_specjalizacje_uk .div_specjalizacje .catArticle a{
font-size: 24px;
}


@media screen and (max-width:1200px){
.box_specjalizacje{padding: 40px 0 30px}
}
@media screen and (max-width:1060px){
.div_specjalizacje .catArticle a{font-size: 25px}
.div_specjalizacje .catArticle{gap: 20px 20px;}
.div_specjalizacje .catArticle a{width: calc((100% - 80px) / 3);}
.div_specjalizacje .catArticle a .tytulArticle{min-height: unset;padding: 15px}
}
@media screen and (max-width:800px){
.div_specjalizacje .catArticle a{width: calc((100% - 60px) / 2);}
.div_specjalizacje .catArticle a{font-size: 20px}
}