section.specialty-listing{background-color:#FFF}.specialty-listing-inner{display:flex;flex-wrap:wrap;gap:1rem}@media screen and (width < 768px){.specialty-listing-inner{gap:.5rem}}.specialty-listing-inner .specialty-listing-item{flex:0 1 calc(50% - .5rem);display:flex;border:2px solid var(--pantai-blue);border-radius:.5rem;overflow:hidden;text-decoration:inherit;color:inherit;transition:all .15s ease}.specialty-listing-inner .specialty-listing-item:hover{background-color:#307FDE1F}@media screen and (width < 768px){.specialty-listing-inner .specialty-listing-item{flex:0 1 calc(50% - .25rem);aspect-ratio:1;flex-direction:column;background-color:var(--pantai-blue)}.specialty-listing-inner .specialty-listing-item:hover{background-color:#2814}}.specialty-listing-inner .specialty-listing-item .specialty-item-img{flex:0 0 30%;background-color:var(--pantai-blue);padding:var(--space-2xs);aspect-ratio:1}.specialty-listing-inner .specialty-listing-item .specialty-item-img img{width:100%;height:100%}@media screen and (width < 768px){.specialty-listing-inner .specialty-listing-item .specialty-item-img{flex:0 1 70%;padding:0 var(--space-l);aspect-ratio:auto;background-color:transparent;display:flex;align-items:end;justify-content:center}.specialty-listing-inner .specialty-listing-item .specialty-item-img img{width:85%;height:auto;padding-bottom:var(--space-2xs)}}.specialty-listing-inner .specialty-listing-item .specialty-item-text{flex:0 0 70%;padding:0 var(--space-xs);display:flex;flex-direction:column;justify-content:center}@media screen and (width < 768px){.specialty-listing-inner .specialty-listing-item .specialty-item-text{color:white;flex:1 0 auto;padding:0 var(--space-xs);justify-content:start}}.specialty-listing-inner .specialty-listing-item .specialty-item-title{font-size:var(--step-2);font-weight:bold;color:var(--pantai-blue);line-height:1.3;margin-bottom:var(--space-3xs);text-wrap:balance}@media screen and (width < 1400px){.specialty-listing-inner .specialty-listing-item .specialty-item-title{font-size:var(--step-1)}}@media screen and (width < 768px){.specialty-listing-inner .specialty-listing-item .specialty-item-title{font-size:var(--step-0);color:inherit;text-align:center;margin-bottom:0;line-height:1.15}}.specialty-listing-inner .specialty-listing-item .specialty-item-desc{font-size:var(--step--1);line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;width:100%;-webkit-box-orient:vertical}@media screen and (width < 768px){.specialty-listing-inner .specialty-listing-item .specialty-item-desc{display:none}}