:root{
    --main_color:#ffe512;
    --brend_color:#004f93;
    --bg_white:#fff;
}
.img-round{
    border-radius: 20px;
    border: 5px solid var(--brend_color);
    box-shadow: 2px 2px 5px #0005;
}
.title{
    color: var(--main_color);
    font-family:  sans-serif;
    font-style:italic;
    font-weight: bolder;
    /* background-color: var(--main_color); */
}
.michelin-bg{
    background-color: var(--brend_color);

}
.title-bg{
    background-color: var(--main_color);
    color: var(--brend_color);
    transform: skew(-20deg);
    padding-left: 20px;
    /* margin-top: 50px; */
}
.bg-img{
    background-color: var(--bg_white);
}
.doted-border{
    border-left: 3px dashed var(--brend_color);
    border-top: 3px dashed var(--brend_color);
    border-bottom: 3px dashed var(--brend_color);
}
.scale{
    /* transform: scale(20%); */
    width: 25%;
    border-radius: 20px;
    border: 3px solid #fff;
    transition: .3s linear;
   
}
.scale:hover{
    border: 3px solid var(--brend_color);
    border-radius: 20px;
}
@media(max-width:992px){
    .scale{
        /* transform: scale(20%); */
        width: 40%;
    }
}
@media(max-width:768px){
    .scale{
        /* transform: scale(20%); */
        width: 50%;
    }
    .doted-border{
        border-left: 3px dashed var(--brend_color);
        border-top: 3px dashed var(--brend_color);
        border-right: 3px dashed var(--brend_color);
        border-bottom: none ;
    }
}
@media(max-width:576px){
    .scale{
        /* transform: scale(20%); */
        width: 75%;
    }
}