.pcos-faq{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;max-width:100%}.pcos-faq .card{height:470px;position:relative;width:100%;margin:0 auto;background-color:#333;padding:30px 30px;text-align:center;overflow:hidden}.pcos-faq .card .layer{position:absolute;top:calc(100% - 2px);left:0;width:100%;height:100%;background:linear-gradient(#e91ee3,#03a9f4);z-index:1;transition:.5s}.pcos-faq .card:hover .layer{top:0}.pcos-faq .card .content{position:relative;z-index:2;height:350px}.pcos-faq .card .content p{font-size:15px;line-height:24px;margin-bottom:20px;color:#fff;height:205px}.pcos-faq .card .details h3{color:#fff}

@media only screen and (max-width: 989px){
.pcos-faq .card{height:560px;position:relative;width:100%;margin:0 auto;background-color:#333;padding:30px 30px;text-align:center;overflow:hidden}
}

@media only screen and (max-width: 680px){
.pcos-faq .card{height:560px;position:relative;width:100%;margin:0 auto;background-color:#333;padding:30px 30px;text-align:center;overflow:hidden}
}

@media only screen and (max-width: 405px){
.pcos-faq .card{height:560px;position:relative;width:100%;margin:0 auto;background-color:#333;padding:30px 30px;text-align:center;overflow:hidden}
}

@media only screen and (max-width: 350px){
.pcos-faq .card{height:600px;position:relative;width:100%;margin:0 auto;background-color:#333;padding:30px 30px;text-align:center;overflow:hidden}
}

@media only screen and (max-width: 333px){
.pcos-faq .card{height:700px;position:relative;width:100%;margin:0 auto;background-color:#333;padding:30px 30px;text-align:center;overflow:hidden}
}