.card .container-img img {   
    width: 230px;
    max-width: 100%;
    height: auto;
    object-fit: none;
    object-position: unset;
    aspect-ratio: auto; } 
.container-img div{
    height:200px !important;
    width:200px;
    border-radius:100px;
    overflow:hidden;
    border:1px solid #eef4ff
}
.card .container-img { height:300px}
.card .container-img { display:flex; justify-content:center;
align-items:center}
.card .subtitle { color: #303746}
.tag { border-radius:100px;height:28px;   
     display:flex;
     align-items:center;
     cursor: pointer;
}
.autocompletion-item {
    font-weight:400;display:block;color:black;text-transform:capitalize;text-decoration:none;    padding: 10px;
}
#tag-container {     
    display: flex;
    gap: 20px; 
}
.tag.active { background-color:var(--primary-color)!important}
.tag.agence-ore:after { 
    content:url('/assets/images/logo-small-agenceore.svg ');;
    width: 33px;
    height: 28px;
    display: inline-flex;
    column-gap: var(--space-small);
}
#section_visualisation .card .subcard {
    height: 50%;
    background-color: var(--white-color);
}
.cta.color-primary {color:var(--primary-color)}

@media screen and (max-width:992px) { 
    .d-block-tab { display:block }
        .mt-large-tab { margin-top: var(--space-large) }

}

@media screen and (max-width: 640px) { 
    .umami-search > .relative { flex:1;width:100% !important;}
    .umami-input {max-width:100% !important }
}
@media screen and (max-width: 600px) {
    .title { word-break: break-word;}

    .title-container {
    padding: 0px var(--space-large) 0;
    margin-top: -172px !important;
}
    
    .tag {     height: 34px;
}
    .tag.agence-ore:after { transform:translateY(-5px)}
.title-container-blue {
    background-color: transparent;
}
}
@media screen and  (max-width:450px) { 
    .title-container {     margin-top: -261px !important;}
    .section-pb-large,.bottom { padding-bottom:60px !important}
.section-pt-large { padding-top:60px}
#explore-grd {
    transform: translateY(33px);
}
}