.infographics-head-top .form-control{width: 350px; border: 1px solid var(--gray-color); height: 55px; padding: 0 50px 0 20px; background-color: var(--white-color); background-size: 14px; background-position: 95%;}

.infographics-list{grid-template-columns: repeat(3,1fr); gap: 30px;}
.infographics-card .infographics-top{background: var(--blue-color); padding: 15px; min-height: 90px;}
.infographics-card .infographics-top .parasxsheading{width: 70%; color: var(--white-color); font-weight: 700;}
.infographics-card .social-share-menu{width: 35px; min-width: 35px; height: 35px; position: relative; cursor: pointer;}
.infographics-card .social-share-menu .share-icon{width: 35px; height: 35px; border-radius: 50%; background: var(--white-color); display: flex; align-items: center; justify-content: center; padding: 10px;}
.infographics-card .social-share-menu svg path{fill: var(--blue-color);}
.infographics-card .infographics-thumb:not(.isvideo){padding-bottom: 100%; cursor: pointer;}
.infographics-card .infographics-thumb video{width: 100%; height: auto;}
.infographics-card .infographics-thumb iframe {width: 100%;}

.infographics-card .infographics-thumb.iframevideo{padding-bottom: 56.25%; overflow: hidden; position: relative;}
.infographics-card .infographics-thumb.iframevideo iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.patients-play{cursor: pointer; width: 40px; height: 40px; text-align: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1;}

@media screen and (max-width:1199px) {

}
@media screen and (max-width:991px) {
.infographics-list{grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width:479px) {
.infographics-head-top .form-control{width: 100%;}
.infographics-list{grid-template-columns: repeat(1, 1fr);}
}