*{margin:0;padding:0;box-sizing:border-box}@media screen and (min-width: 320px)and (max-width: 720px){.cardsdiv{width:100%}.cardstxt{font-size:15px;margin-top:-30px!important}.cardsheads{font-size:13px!important;line-height:19px!important;margin-top:0!important}.cardshead{font-size:14px!important}}@media screen and (min-width: 721px)and (max-width: 1024px){.cardsdiv{overflow:hidden!important;margin-top:50px!important;margin-left:40px!important;padding-top:100px!important;display:flex;flex-direction:column!important}.cardstxt{font-size:15px;margin-top:30px!important}.cardshead{font-size:12px!important}.cardsheads{font-size:13px!important;line-height:19px!important;margin-top:0!important}}.flip-card{width:100%;max-width:350px;height:400px;perspective:1000px;margin:10px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;top:0;left:0;backface-visibility:hidden;border-radius:12px;overflow:hidden}.flip-card-front{background-color:#f0f0f0;color:#000;display:flex;flex-direction:column}.card-image-wrapper{height:70%;overflow:hidden}.card-image-wrapper img{width:100%;height:100%}.card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;z-index:0}.card-title-overlay{height:30%;text-align:center;padding:10px;display:flex;flex-direction:column;justify-content:center;background-color:#a7c3cc80}.card-title-overlay h3{color:#00f}.flip-card-back{background-color:#a7c3cc80;color:#000;transform:rotateY(180deg);align-items:center;justify-content:center;padding:20px;display:flex}.desc-list{list-style-position:inside;padding:0;margin-top:10px;text-align:left;font-size:16px}.desc-list li{margin-bottom:0;text-indent:-20px;padding-left:20px}@media screen and (min-width: 320px) and (max-width: 824px){.card-title-overlay h3{font-size:16px}.desc-list{font-size:14px}.desc-list li{margin-bottom:0;text-indent:-20px;padding-left:20px;font-size:14px}.flip-card-back{margin:6px}}@media screen and (min-width: 825px) and (max-width: 1100px){.flip-card{max-width:300px;height:380px}.card-title-overlay h3{font-size:18px}.desc-list{font-size:15px}}@media screen and (min-width: 1101px) and (max-width: 1473px){.flip-card{max-width:320px;height:400px}.card-title-overlay h3{font-size:20px}.desc-list{font-size:16px}}