.quotes{min-height:400px;justify-content:space-between;flex-wrap:wrap;display:inline-flex;z-index:2}.box1 h4{font-weight:900;padding-left:20px}.quotes .card{margin:1%;width:31%}.quotes .box{height:50vh;overflow:hidden;min-height:380px;padding:30px;transition:all .5s ease-in;position:relative;box-sizing:border-box;box-shadow:1px 10px 15px rgba(0,0,0,.3);background:#f2f2f2;width:auto;z-index:2}.quotes .box:before{height:100%;content:"\201C";top:-20px;left:5px;width:100%}.quotes .box:after,.quotes .box:before{pointer-events:none;font-size:120px;position:absolute;opacity:.2;background:transparent}.quotes .box:after{filter:invert(1);right:5%;content:"\201D";bottom:-25%}.quotes .box p{padding:0;font-size:1.4rem;color:#443f3f;margin:0}.quotes .box p strong{padding:10px;font-size:1.5rem;color:#000;margin:0}.quotes .box h2{padding:0;font-size:1.5rem;right:10%;position:absolute;bottom:10%;margin:0}.quotes .box:hover{transform:scale(1.1);color:#f2f2f2;box-shadow:20px 50px 100px rgba(0,0,0,.5)}.quotes .bg{height:200%;overflow:hidden;pointer-events:none;transition:all .5s ease-in;position:absolute;opacity:0;top:0;left:0;width:100%;z-index:1}.quotes .box.box1:hover,.quotes .box.box1:hover~.bg{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e2a9e5",endColorstr="#2b94e5",GradientType=1);opacity:1;background:#c5e6ff;background:-moz-linear-gradient(-45deg,#e2a9e5 15%,#2b94e5 100%);background:-webkit-linear-gradient(-45deg,#c5e6ff 15%,#c5e6ff);background:linear-gradient(135deg,#c5e6ff 15%,#c6e6ff)}.quotes .box.box2:hover,.quotes .box.box2:hover~.bg{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#632c65",endColorstr="#56a5e2",GradientType=1);opacity:1;background:#632c65;background:-moz-linear-gradient(-45deg,#632c65 15%,#56a5e2 100%);background:-webkit-linear-gradient(-45deg,#632c65 15%,#56a5e2);background:linear-gradient(135deg,#632c65 15%,#56a5e2)}.quotes .box.box3:hover,.quotes .box.box3:hover~.bg{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4b384c",endColorstr="#da5de2",GradientType=1);opacity:1;background:#4b384c;background:-moz-linear-gradient(-45deg,#4b384c 15%,#da5de2 100%);background:-webkit-linear-gradient(-45deg,#4b384c 15%,#da5de2);background:linear-gradient(135deg,#4b384c 15%,#da5de2)}