.specials-section {display: flex;flex-wrap: wrap;gap: 30px 0px;margin-left: -15px;margin-right: -15px;justify-content: center;}
.specials-item {width: 33.33%;padding: 0px 15px;}
.specials-box {display: flex;align-items: center;justify-content: space-between;height: 100%;border: 2px dashed #d5d5d5;}
.specials-image {
    width: 150px;
    height: 100%;
    background: #fff;
    padding: 15px;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
}
.specials-content {
    width: calc(100% - 150px);
    background-color: var(--primary-color);
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: column;
    color: #fff;
    padding: 15px;
}
.specials-content h3{color: #fff;}
.specials-item a{display: block;height: 100%;}
.specials-content p{margin-bottom: 0px;}
@media only screen and (max-width:1199px){
    .specials-content h3{font-size: 22px;}
    .specials-image{width: 120px;padding:10px;}
    .specials-content{width: calc(100% - 120px);}
}

@media only screen and (max-width:1023px){
    .specials-item {width: 50%;}
    .specials-content h3{font-size: 24px;}
}

@media only screen and (max-width:767px){
    .specials-item {width: 100%;}
}
@media only screen and (max-width:600px){
    .specials-image{width: 100px;padding:10px;}
    .specials-content{width: calc(100% - 100px);}
    .specials-content h3{font-size: 20px;}

}