.speaker-card{border-radius:15px;display:flex;flex:1 1 32%;flex-direction:column;justify-content:center;max-width:32%;max-width:360px;min-height:408px;overflow:hidden;transition:transform .3s ease}.speaker-text-headeing{text-align:center}.card-inner{flex:1;height:100%;max-width:360px;min-height:400px;position:relative;transform-style:preserve-3d;transition:transform .6s ease;width:100%}.card-back,.card-front{backface-visibility:hidden;border-radius:15px;height:100%;left:0;position:absolute;top:0;width:100%}.card-front{background:#fff;display:flex;flex-direction:column;z-index:2}.card-front p{color:#8b8b8b;font-size:15px!important;margin:0}.back-content{padding:15px 30px}.back-content p{color:#fff;text-align:left}.back-content h3{color:#fff!important;margin-top:0!important;text-align:left!important}.speakers-card-container{height:270px}.speakers-card-container img{height:100%;object-fit:cover;object-position:top;width:100%}.speaker-info{display:flex;flex-direction:column;height:100%;justify-content:center;padding:15px;text-align:left}@media screen and (min-width:400px){.speaker-info{padding:15px 30px}}@media screen and (max-width:370px){.speaker-card .speaker-info p{display:none}}.speaker-info h3{color:#162a46;font-size:20px;margin:0;max-width:250px}@media screen and (min-width:350px){.speaker-info h3{font-size:24px}}.speaker-info p{color:#666;font-size:14px;margin:0;max-width:240px}.card-back{background:#162a46;display:flex;justify-content:center}.card-back,.speaker-card.flipped .card-inner{transform:rotateY(180deg)}.flip-button{align-items:center;background:none;border:none;bottom:10%;color:#fff;cursor:pointer;display:flex;font-size:35px;justify-content:center;position:absolute;right:4%;z-index:10}.flip-button.plus{background-color:#3498db;border-radius:50%;height:50px;padding:0;text-align:center;width:50px}.flip-button .minus{color:#fff!important}.speakers-section-cards-container{align-items:stretch;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}@media screen and (max-width:767px){.speaker-card{flex:1 1 100%}}@media screen and (min-width:768px) and (max-width:1023px){.speaker-card{flex:1 1 45%;max-width:45%}}@media screen and (min-width:1024px){.speaker-card{flex:1 1 32%}}