@media (min-width:991px){.first-banner-page{background-color:#07617d;border-radius:16px;height:210px;width:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.first-banner-page::after{content:"";position:absolute;width:24px;height:24px;background-color:#07617d;top:60px;left:0;border-radius:0 0 0 24px;box-shadow:-1px 3px 0 #f4f4f4 , -6px 8px 0 #f4f4f4;rotate:90deg}.first-banner-page::before{content:"";position:absolute;width:24px;height:24px;background-color:#07617d;top:0;left:30%;border-radius:0 0 0 24px;box-shadow:-1px 3px 0 #f4f4f4 , -6px 8px 0 #f4f4f4;rotate:90deg}.first-banner-page .back-cover{position:absolute;width:30%;height:60px;background-color:#f4f4f4;top:0;left:0;border-bottom-right-radius:16px}.first-banner-page .text{padding-right:40px}.first-banner-page .text h1{font-size:24px;font-family:"Estedad1"!important;color:#fff}.first-banner-page .text p{font-size:16px;color:#fff}}@media (max-width:991px){.first-banner-page{background-color:#07617d;border-radius:16px;height:240px;width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;margin-top:40px}.first-banner-page::after{content:"";position:absolute;width:24px;height:24px;background-color:#07617d;top:60px;left:0;border-radius:0 0 0 24px;box-shadow:-1px 3px 0 #f4f4f4 , -6px 8px 0 #f4f4f4;rotate:90deg}.first-banner-page::before{content:"";position:absolute;width:24px;height:24px;background-color:#07617d;top:0;left:30%;border-radius:0 0 0 24px;box-shadow:-1px 3px 0 #f4f4f4 , -6px 8px 0 #f4f4f4;rotate:90deg}.first-banner-page .back-cover{position:absolute;width:30%;height:60px;background-color:#f4f4f4;top:0;left:0;border-bottom-right-radius:16px}.first-banner-page .text{padding-right:40px;padding-left:40px}.first-banner-page .text h1{font-size:24px;font-family:"Estedad1"!important;color:#fff}.first-banner-page .text p{font-size:16px;color:#fff;margin-top:30px;line-height:25px}}@media (min-width:992px){.article-list{margin-top:100px}.article-list .item{text-decoration:none;width:350px;height:220px;display:block;border-radius:10px;padding:0!important;margin-top:30px}.article-list .item:first-child{text-decoration:none;width:750px;height:220px;display:block;border-radius:10px;padding:0!important;margin-top:30px}.article-list .item .cover{text-decoration:none;width:100%;height:100%;display:block;border-radius:10px;background:linear-gradient(to bottom,transparent,#222f3f);position:relative;margin-top:0!important}.article-list .item:hover .cover{text-decoration:none;width:100%;height:100%;display:block;border-radius:10px;background: #222f3fc2;position:relative;transition:all 500ms}.article-list .item .cover .category-item{padding-top:10px!important}.article-list .item .cover .category-item span{background: #111c;color:#fff;font-size:12px;border-radius:6px;width:90px;height:30px;display:flex;align-items:center;justify-content:center;margin-right:10px}.article-list .item:hover .cover .category-item span{background:#f9a828;color:#fff;font-size:12px;border-radius:6px;width:90px;height:30px;display:flex;align-items:center;justify-content:center;margin-right:10px}.article-list .item .cover .name-item{height:130px;padding:10px 10px 0 10px;display:flex;align-items:flex-end;position:relative;overflow-y:hidden}.article-list .item:hover .cover .name-item{height:130px;padding:30px 10px 0 10px;display:flex;align-items:flex-start;position:relative;transition:all 500ms}.article-list .item .cover .name-item h6{color:#fff;font-size:16px}.article-list .item .cover .name-item p{color:#fff;font-size:14px;display:block;position:absolute;bottom:-120px}.article-list .item:hover .cover .name-item p{color:#fff;font-size:14px;display:block;position:absolute;bottom:-15px;transition:all 500ms}.article-list .item .cover .option-item{display:flex;align-items:center;justify-content:space-between;padding:15px 20px 10px 20px}.article-list .item .cover .option-item .comment{position:relative}.article-list .item .cover .option-item .comment i{color:#fff;font-size:20px}.article-list .item .cover .option-item .comment span{background-color:#f9a828;border-radius:50px;color:#fff;display:flex;align-items:center;justify-content:center;position:absolute;top:-5px;right:-7px;width:17px;height:17px;font-size:12px;padding-top:3px}.article-list .item .cover .option-item .time i{color:#fff;margin-left:5px;margin-top:3px}.article-list .item .cover .option-item .time span{color:#fff;font-size:13px}}@media (max-width:992px){.article-list{margin-top:100px}.article-list .item{text-decoration:none;width:350px;height:220px;display:block;border-radius:10px;padding:0!important;margin-top:30px}.article-list .item .cover{text-decoration:none;width:100%;height:100%;display:block;border-radius:10px;background:linear-gradient(to bottom,transparent,#222f3f);position:relative;margin-top:0!important}.article-list .item:hover .cover{text-decoration:none;width:100%;height:100%;display:block;border-radius:10px;background: #222f3fc2;position:relative;transition:all 500ms}.article-list .item .cover .category-item{padding-top:10px!important}.article-list .item .cover .category-item span{background: #111c;color:#fff;font-size:12px;border-radius:6px;width:90px;height:30px;display:flex;align-items:center;justify-content:center;margin-right:10px}.article-list .item:hover .cover .category-item span{background:#f9a828;color:#fff;font-size:12px;border-radius:6px;width:90px;height:30px;display:flex;align-items:center;justify-content:center;margin-right:10px}.article-list .item .cover .name-item{height:130px;padding:10px 10px 0 10px;display:flex;align-items:flex-end;position:relative;overflow-y:hidden}.article-list .item:hover .cover .name-item{height:130px;padding:30px 10px 0 10px;display:flex;align-items:flex-start;position:relative;transition:all 500ms}.article-list .item .cover .name-item h6{color:#fff;font-size:18px}.article-list .item .cover .name-item p{color:#fff;font-size:14px;display:block;position:absolute;bottom:-120px}.article-list .item:hover .cover .name-item p{color:#fff;font-size:14px;display:block;position:absolute;bottom:7px;transition:all 500ms}.article-list .item .cover .option-item{display:flex;align-items:center;justify-content:space-between;padding:15px 20px 10px 20px}.article-list .item .cover .option-item .comment{position:relative}.article-list .item .cover .option-item .comment i{color:#fff;font-size:20px}.article-list .item .cover .option-item .comment span{background-color:#f9a828;border-radius:50px;color:#fff;display:flex;align-items:center;justify-content:center;position:absolute;top:-5px;right:-7px;width:17px;height:17px;font-size:12px;padding-top:3px}.article-list .item .cover .option-item .time i{color:#fff;margin-left:5px;margin-top:3px}.article-list .item .cover .option-item .time span{color:#fff;font-size:13px}}