@font-face { 
	font-family: CustomIcons;
	font-display: swap;
	src: url("../fonts/icons/custom.ttf?v=22");
	src: url('../fonts/icons/custom.woff2?v=22') format('woff2'),
	url('../fonts/icons/custom.woff?v=22') format('woff'),
	url('../fonts/icons/custom.ttf?v=22') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face { 
	font-family: CustomIcons2;
	font-display: swap;
	src: url("../fonts/icons/custom_2.ttf?v=22");
	src: url('../fonts/icons/custom_2.woff2?v=22') format('woff2'),url('../fonts/icons/custom_2.woff?v=22') format('woff'),url('../fonts/icons/custom_2.ttf?v=22') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.rf .docs1{ justify-content:stretch;align-content:stretch;min-height:300px; }
.rf .docs1>div{ width:100%;padding:30px 0px 30px 30px;box-sizing:border-box; }
.rf .docs1>div>div{ width:100%;height:100%;background:#f6f6f6;border-top-left-radius:16px;border-bottom-left-radius:16px;overflow:hidden;position:relative;display:flex;align-content:center;justify-content:center;flex-wrap:wrap;padding:0px 20px;box-sizing:border-box; }
.docItems .i{ width:50%;max-width:50%;flex:0 0 50%;text-align:center; }
.docItems .i>:last-child{ font-family:Mm;display:inline-block;margin-top:20px;max-width:300px; }
.docItems .i>:first-child{ cursor:pointer;position:relative;display:inline-block;overflow:hidden;border-radius:6px; }
.docItems .i img{ display:block;max-width:300px;width:100%;height:280px; }
.docItems .i>:first-child:before{ content:"";position:absolute;width:100%;height:100%;background:rgba(85,85,85,.6);margin-top:100px;opacity:0;transition:all ease-out .3s;top:0px;left:0px;border-radius:6px; }
.docItems .i>:first-child:after{ content:"1";font-family:CustomIcons;position:absolute;width:100%;color:#ffffff;font-size:54px;text-align:center;transition:all ease-out .5s;left:0px;top:42%;opacity:0;margin-top:100px; }
.docItems .i>:first-child:hover:before,.docItems .i>:first-child:hover:after{ margin-top:0px;opacity:1; }
.docsList{ margin-top:40px;background:#f6f6f6;padding-top:40px;display:flex;justify-content:left;flex-wrap:wrap;padding:60px 20px 0px 20px;box-sizing:border-box;gap: 10px; }
.docsList.docItems .i{ width:23.66666%;max-width:23.66666%;flex:0 0 23.66666%;margin-bottom:80px; }

@media screen and (max-width:1700px) {
    .docItems .i img,.docItems .i>:last-child{ max-width:238px; }
    .docsList.docItems .i{ width:20%;max-width:20%;flex:0 0 20%; }
}
@media screen and (max-width:1360px) {
    .docsList.docItems .i{ width:25%;max-width:25%;flex:0 0 25%; }
}
@media screen and (max-width:1160px) {
    .docItems .i{ width:100%;max-width:100%;flex:0 0 100%; }
    .docItems .i>:last-child{ max-width:300px; }
    .rf .docs1>div>div>:first-child{ margin-bottom:40px; }
}
@media screen and (max-width:1070px) {
    .docsList.docItems .i{ width:33.3333%;max-width:33.3333%;flex:0 0 33.3333%; }
}
@media screen and (max-width:960px) {
    .rf .docs1>div>div{ border-radius:0px!important; }
    .rf .docs1>div{ padding:0px; }
    .docItems .i{ width:50%;max-width:50%;flex:0 0 50%; }
    .rf .docs1>div>div>div{ margin:50px 0px 20px 0px!important; }
    .docsList{ margin-top:0px; }
}
@media screen and (max-width:780px) {
    .docsList.docItems .i{ width:48%;max-width:48%;flex:0 0 48%; }
}
@media screen and (max-width:630px) {
    .docItems .i img{ max-width:200px; }
    .docItems .i>:last-child{ max-width:240px;margin-top:14px; }
}
@media screen and (max-width:500px) {
    .docsList.docItems .i{ margin-bottom:50px; }
    .docsList{ padding:30px 10px 0px 10px; }
    .docItems .i img{ max-width:160px; }
    .docItems .i>:last-child{ max-width:170px;font-size:14px;margin-top:8px; }
    .rf .docs1>div>div{ padding:0px 10px; }
    .rf .docs1>div>div>div{ margin:50px 0px 20px 0px!important; }
}
@media screen and (max-width:370px) {
    .docItems .i img{ max-width:140px; }
    .docItems .i>:last-child{ max-width:150px;font-size:13px; }
    .rf .docs1>div>div{ padding:0px 6px; }
    .docsList{ padding:30px 6px 0px 6px; }
}