.box_offer{
padding-top: 40px;
}
.div_offer{
width: 1330px;
margin: 0px auto;
box-sizing: border-box;
padding: 0px 5px;
max-width: 100%;
margin-bottom: 100px;
}

.div_offer .divTitle{
margin-bottom: 65px;
}


.ofertyDetail{

}
.ofertyDetail .contentOffer{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.ofertyDetail .contentOffer a{
display: block;
width: 25%;
box-sizing: border-box;
padding:10px
}

.ofertyDetail .contentOffer a .divOferta{
height: 100%;
background-color: #ECEFF2;
border-radius: 10px;
text-align: center;
box-sizing: border-box;
padding: 0px 5px;
transition:all 0.5s ease-out 0s
}

.ofertyDetail .contentOffer a .divOferta:hover{
background-color: var(--g1-color);
box-shadow: 0px 20px 30px 0px rgba(5,84,155,0.3);
}

.ofertyDetail .contentOffer a .divOferta span{
display: block;
}
.ofertyDetail .contentOffer a .divOferta .spImg{
display: inline-block;
background-color: #FFFFFF;
border-radius: 50%;
margin: 0px 0px 30px 0px;
position: relative;
transform: translateY(-20px);
}
.ofertyDetail .contentOffer a .divOferta .spImg img{
filter:invert(100%) hue-rotate(334deg) brightness(59%);
transition:all 0.3s ease-out 0s
}
.ofertyDetail .contentOffer a .divOferta:hover .spImg img{
filter:invert(0%) hue-rotate(0deg) brightness(100%);
transform: scale(1.05);
}


.ofertyDetail .contentOffer a .divOferta .tytulOffer{
padding: 0px 0px 55px 0px;
box-sizing: border-box;
font-size: 20px;
font-weight: 700;
color: var(--g1-color);
position: relative;
transition:all 0.5s ease-out 0s
}

.ofertyDetail .contentOffer a .divOferta:hover .tytulOffer{
color: var(--g2-color);
}

.ofertyDetail .contentOffer a .divOferta .tytulOffer:after{
content: "";
display: block;
width: 52px;
height: 3px;
border-radius: 93px;
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
background-color: var(--g1-color);
transition:all 0.5s ease-out 0s
}

.ofertyDetail .contentOffer a .divOferta:hover .tytulOffer:after{
background-color: var(--g2-color);
bottom: 30px;
}

@media screen and (max-width:1200px){
.div_offer{margin-bottom: 30px}
.ofertyDetail .contentOffer a .divOferta .tytulOffer{font-size: 17px}
}
@media screen and (max-width:790px){
.ofertyDetail .contentOffer a{width: 50%}
}

@media screen and (max-width:380px){
.ofertyDetail .contentOffer a{width: 100%}
}