.article .first-section{display:flex;align-items:center;justify-content:flex-start;background-color:#13567b}@media (min-width: 768px){.article .first-section{height:50vh}}.article .first-section .hero-img,.article .first-section .hero-img img{height:100%}.article .first-section .hero-content{display:flex;flex-flow:column;gap:10px}.article .first-section .hero-content .hero-content-featured-article{padding:35px 45px;background-color:#fff;border-radius:15px;box-shadow:0 6px 25px #0000004d;max-width:640px;transform:translate(35px)}.article .first-section .hero-content .hero-content-featured-article .header{display:flex;align-items:center;justify-content:flex-start;gap:11px}.article .first-section .hero-content .hero-content-featured-article .header .title{font-size:30px;color:#000}.article .first-section .hero-content .hero-content-featured-article .header .date{font-size:10px;font-weight:700;color:#8fc640;text-wrap:nowrap}.article .first-section .hero-content .hero-content-featured-article .content{font-family:Alexandria,sans-serif!important;color:#525252;font-size:18px;font-weight:300}.article .first-section .hero-content .writer{display:flex;align-items:center;justify-content:flex-start;gap:7px;margin-inline-start:10px;margin-top:20px}.article .first-section .hero-content .writer-img{width:57px;height:57px}.article .first-section .hero-content .writer-img img{width:100%;height:100%;border-radius:50%}.article .first-section .hero-content .writer-info .name{font-size:12px;font-weight:700;color:#fff}.article .first-section .hero-content .writer-info .about{font-size:12px;color:#8fc640;font-weight:300}.article .articles-aside{display:flex;justify-content:space-between;padding-top:90px;gap:20px}.article .articles-aside .articles{max-width:736px;display:flex;flex-flow:column}.article .articles-aside .articles .sort{display:flex;align-items:center;gap:20px;padding-bottom:13px;border-bottom:solid 1px rgba(41,42,46,.5)}.article .articles-aside .articles .sort a:first-of-type{display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:400;max-width:64.643px;border-radius:20px;background:#8fc640;padding:4px 9px;cursor:pointer}.article .articles-aside .articles .sort a:last-of-type{color:#979797;font-size:12px;font-weight:300}.article .articles-aside .articles .boxes{padding-top:32px;display:flex;flex-flow:column}.article .articles-aside .articles .boxes .box{display:flex;gap:20px;padding-bottom:60px}.article .articles-aside .articles .boxes .box .image{position:relative;width:331px;height:253px}.article .articles-aside .articles .boxes .box .image img{width:100%;height:100%;border-radius:15px}.article .articles-aside .articles .boxes .box .image p{direction:ltr;position:absolute;bottom:9px;right:8px;border-radius:8px;background:#fff;color:#292a2e;text-align:center;font-size:11px;font-weight:400;padding:4px 9px}.article .articles-aside .articles .boxes .box .text{display:flex;flex-flow:column;gap:13px;padding-right:15px;justify-content:center;max-width:380px}.article .articles-aside .articles .boxes .box .text>a{display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:400;max-width:64.643px;border-radius:20px;background:#8fc640;padding:4px 9px;cursor:pointer}.article .articles-aside .articles .boxes .box .text .article-text{display:flex;flex-flow:column;gap:13px}.article .articles-aside .articles .boxes .box .text .article-text h3{font-size:25px;font-weight:400}.article .articles-aside .articles .boxes .box .text .article-text .date{color:#8fc640;font-size:16px;font-weight:700}.article .articles-aside .articles .boxes .box .text .about-sheikh{display:flex;gap:14px;align-items:flex-start}.article .articles-aside .articles .boxes .box .text .about-sheikh .image-2{width:43px;height:43px;border-radius:50%}.article .articles-aside .articles .boxes .box .text .about-sheikh .image-2 img{width:100%;height:100%;border-radius:50%}.article .articles-aside .articles .boxes .box .text .about-sheikh .text-2{display:flex;flex-flow:column;gap:4px;align-self:center}.article .articles-aside .articles .boxes .box .text .about-sheikh .text-2 p:first-of-type{color:#13567b;font-size:12px;font-weight:700}.article .articles-aside .articles .boxes .box .text .about-sheikh .text-2 p:last-of-type{color:#8fc640;font-size:12px;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.article .articles-aside aside{display:flex;flex-flow:column;gap:32px;max-width:350px;margin-top:40px}.article .articles-aside aside .search{display:flex;align-items:center;border-radius:7px;box-shadow:0 0 8px #00000014;width:349px;height:83px;direction:ltr;padding:10px}.article .articles-aside aside .search input{text-align:center;color:#9b9b9b;font-size:14px;font-weight:400;border:none;outline:none;margin-left:-20px}.article .articles-aside aside .search img{z-index:1;top:20%;left:5%;color:#000}.article .articles-aside aside .sorting{display:flex;flex-flow:column;gap:16px}.article .articles-aside aside .sorting>a{color:#111210;font-size:15px;font-weight:400;line-height:58px;letter-spacing:-.112px}.article .articles-aside aside .sorting .sort{display:flex;gap:17px;padding:27px 36px 21px;border-radius:8px;background:#fff;box-shadow:0 0 8px #00000014}.article .articles-aside aside .sorting .sort a:nth-child(1){display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:400;max-width:64.643px;border-radius:20px;background:#8fc640;padding:4px 9px;cursor:pointer;background:#fbb042}.article .articles-aside aside .sorting .sort a:nth-child(2){display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:400;max-width:64.643px;border-radius:20px;background:#8fc640;padding:4px 9px;cursor:pointer;background:#13567b}.article .articles-aside aside .sorting .sort a:nth-child(3){display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:400;max-width:64.643px;border-radius:20px;background:#8fc640;padding:4px 9px;cursor:pointer}.article .articles-aside aside .most-read{display:flex;flex-flow:column;gap:7px;width:349px;padding:20px 30px;border-radius:7px;box-shadow:0 0 8px #00000014}.article .articles-aside aside .most-read:first-of-type{padding-top:12px}.article .articles-aside aside .most-read .most-title{text-align:center;color:#8fc640;font-size:25px}.article .articles-aside aside .most-read .times{display:flex;gap:12px;padding:0 0 16px;border-bottom:1px solid #d2d2d2;width:90%}.article .articles-aside aside .most-read .times p{color:#6f6f6f;font-size:10px;transition:all .2s;cursor:pointer}.article .articles-aside aside .most-read .times p:hover{color:#000}.article .articles-aside aside .most-read .most-read-news{display:flex;gap:11px;align-items:center;transform:scale(.93);transition:all .2s}.article .articles-aside aside .most-read .most-read-news:hover{transform:scale(1)}.article .articles-aside aside .most-read .most-read-news .image{width:74px;height:70px;flex-shrink:0}.article .articles-aside aside .most-read .most-read-news .image img{width:100%;height:100%;border-radius:10px}.article .articles-aside aside .most-read .most-read-news .text{display:flex;flex-flow:column;align-items:flex-start;gap:10px;padding-top:3px}.article .articles-aside aside .most-read .most-read-news .text p{color:#767676;font-size:12px}.article .articles-aside aside .most-read .most-read-news .text .date-title{display:flex;direction:ltr;align-items:center;justify-content:center;gap:20px}.article .articles-aside aside .most-read .most-read-news .text .date-title p{color:#c8c8c8;font-size:14px;text-wrap:nowrap}.article .articles-aside aside .most-read .most-read-news .text .date-title h3{color:#3c3c3c;text-align:end;font-size:16px}.article .articles-aside aside .tags{display:flex;padding:20px;flex-flow:wrap;gap:6px;border-radius:7px;box-shadow:0 0 8px #00000014;margin-top:1rem}.article .articles-aside aside .tags a{text-decoration:none;color:#fff;font-size:12px;font-weight:500;border-radius:10px;background:#8fc640;padding:5px 15px}@media (max-width: 991.98px){.article .first-section .hero-content .writer{margin-top:6px}.article .first-section .hero-content .writer-img{width:27px;height:27px;border-radius:50%}.article .first-section .hero-content .writer-img img{width:100%;height:100%}.article .first-section .hero-content .writer-info .about{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.article .first-section .hero-content .hero-content-featured-article{padding:max(8px,2vw) max(15px,3vw);width:max(162px,40vw)}.article .first-section .hero-content .hero-content-featured-article .header{flex-flow:column;align-items:flex-start;gap:5px}.article .first-section .hero-content .hero-content-featured-article .header .title{font-size:clamp(10px,3vw,25px);order:2}.article .first-section .hero-content .hero-content-featured-article .header .date{font-size:clamp(7px,2vw,13px)}.article .articles-aside{padding-top:18px;justify-content:center}.article .articles-aside .articles .sort{display:none}.article .articles-aside .articles .boxes{padding-top:0;align-items:flex-start}.article .articles-aside .articles .boxes .box{padding-bottom:21px;gap:15px}.article .articles-aside .articles .boxes .box .image{width:max(120px,30vw);height:max(90px,21vw)}.article .articles-aside .articles .boxes .box .text{justify-content:center}.article .articles-aside .articles .boxes .box .text .article-text{gap:max(8px,2vw)}.article .articles-aside .articles .boxes .box .text .article-text .date{color:#8fc640;font-size:10px;font-weight:700}.article .articles-aside .articles .boxes .box .text .article-text h3{font-size:15px}.article .articles-aside .articles .boxes .box .text .about-sheikh .image-2{display:none}.article .articles-aside .articles .boxes .box .text .about-sheikh .text-2 p:last-of-type{display:none}.article .articles-aside aside .most-read{display:none}}
