.grid-container{box-sizing:border-box;justify-content:space-between;height:80vh;padding:2rem;display:flex}.card-wrapper{cursor:pointer;border-radius:50px;transition:all .6s ease-in-out;display:flex;position:relative;overflow:hidden}.card-wrapper.init{flex:0 0 30%}.card-wrapper.active{flex:0 0 100%}.card-wrapper.inactive{flex:0 0}.image-section{flex:2.5;position:relative}.image-section img{object-fit:cover;width:100%;height:100%;display:block}.details{background-color:#083d87;border-radius:0 10px 10px 0;flex:2;align-items:flex-start;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:-4px 0 12px #00000026}.details-content{text-align:left;width:100%;height:100%;position:relative}.details-content h2{color:#333;margin-bottom:1rem}.details-content p{color:#555}@media (max-width:900px){.grid-container{flex-direction:column;gap:1.5rem;height:auto}.card-wrapper{flex-direction:column;width:100%;height:60vh}.card-wrapper.active,.card-wrapper.inactive{flex:1;width:100%}.details{border-radius:0 0 10px;height:auto;position:relative;width:100%!important}.details-content{padding:1.5rem}}