.sample-block{grid-gap:32px;display:-ms-grid;display:grid;grid-template-columns:repeat(3,1fr)}@media (max-width:767px){.sample-block{grid-template-columns:repeat(1,1fr)}}.sample-block img{border-radius:12px;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16);box-shadow:0 3px 6px rgba(0,0,0,.16);height:313px;margin-bottom:15px;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:767px){.sample-block .sample-box{margin:0 auto;max-width:295px;width:100%}}.sample-block .sample-box .img-block{cursor:pointer;position:relative}.sample-block .sample-box .title-block .details{color:#737678;font-family:Yantramanav,sans-serif;font-size:18px;font-weight:400}.sample-block .sample-box .title-block .details .file-type{background:#5f5f5f;border-radius:4px;color:#fff;font-family:Yantramanav,sans-serif;font-size:16px;font-weight:900;letter-spacing:2px;margin-bottom:10px;margin-right:10px;padding:8px 12px}.sample-block .sample-box .title-block h4{color:#5f5f5f;font-family:Yantramanav,sans-serif;font-size:24px;font-weight:700;line-height:130%;margin:12px 0}@media (max-width:1024px){.sample-block .sample-box .title-block h4{font-size:20px}}@media (max-width:767px){.sample-block .sample-box .title-block h4{font-size:18px}}.sample-block .sample-box .hover-action{background:rgba(73,139,202,.2);border-radius:12px;bottom:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:0;margin:0 auto;position:absolute;right:0;top:0;width:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;display:none;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.sample-block .sample-box .hover-action,.sample-block .sample-box .hover-action>a{text-align:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.sample-block .sample-box .hover-action>a{background:#498bca;border-radius:50%;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-family:Yantramanav,sans-serif;font-size:14px;font-weight:700;height:90px;text-decoration:none;width:90px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;margin:0 10px}.sample-block .sample-box .hover-action>a i{font-size:20px;margin-bottom:5px}.sample-block .sample-box .img-block:focus .hover-action,.sample-block .sample-box .img-block:hover .hover-action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}