.reference-container{background-color:#f7f9fc;height:400px}.reference-container,.referenceClient-section{display:flex;justify-content:space-between;padding:20px}.referenceClient-section{background-color:#004e7c;color:white;width:45%;position:relative;text-align:center;flex-direction:column}.referenceClient-section h2{font-size:1.5rem;margin-bottom:15px}.quote{font-size:1.2rem;margin:20px 0}.author{font-weight:700;margin-top:15px}.controls{display:flex;justify-content:center;align-items:center;margin-top:20px}button{background:none;border:none;font-size:2rem;color:white;cursor:pointer;margin:0 10px}button:focus{outline:none}.pagination{display:flex;gap:5px}.pagination span{width:42px;height:42px;border-radius:50%;transition:opacity .3s}.pagination span.active{opacity:1}.logos-section{width:45%;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.logos-section h2{display:flex;justify-content:center;font-size:2rem;margin-bottom:10px;margin-top:10px;color:#004e7c}.logos-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;justify-items:center;flex:1 1;height:150px}.logos-container img{width:100px;height:100px;object-fit:contain}.logo-controls{display:flex;justify-content:center;align-items:center;margin-top:auto}.logo-controls button{background:none;border:none;font-size:2rem;color:#004e7c;cursor:pointer;margin:0 10px}.logo-controls button:focus{outline:none}.pagination-container{display:flex;justify-content:center}.pagination-dot{width:10px;height:10px;border-radius:50%;background-color:#ccc;margin:0 5px;cursor:pointer;transition:background-color .3s}.pagination-dot.active{background-color:#004e7c}@media screen and (max-width:768px){.reference-container{flex-direction:column;align-items:center;height:auto;padding-bottom:40px}.logos-section,.referenceClient-section{width:100%;margin-bottom:20px}}