body>#content{margin:0;padding-top:42px;padding-bottom:80px}@media screen and (max-width:768px){body>#content{padding-top:27px}}.blog{font-family:Almarai,sans-serif;margin-bottom:30px}.blog [class*=col-]{margin-bottom:20px}.blog .col-md-12{margin-bottom:92px}@media(max-width:768px){.blog .col-md-12{margin-bottom:35px}}.blog .col-md-12.blog--child-category-wrap{margin-bottom:15px}.blog--child-category{display:flex;flex-wrap:wrap;margin-bottom:0;list-style:none;padding-left:0}.blog--child-category li{margin-right:15px;margin-bottom:15px}.blog--child-category li:last-child{margin-right:0}.blog--child-category a{color:#222;padding:7px 32px 7px 15px;border-radius:12px;border:1px solid #222;display:inline-block;position:relative}.blog--child-category a:hover{color:#fecc2b;border-color:#fecc2b}.blog--child-category a:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='23' fill='none' stroke='%23fecc2b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18M8 6h10v10'/%3E%3C/svg%3E");position:absolute;right:5px}.blog--article{display:flex;flex-direction:column;height:100%;padding-bottom:20px;background-color:#222;box-shadow:0 2px 2px hsla(0,1.4%,59%,.25);border-radius:16px;overflow:hidden}.blog--article.primary{padding-bottom:0;flex-direction:row;background-color:#fff}@media(max-width:768px){.blog--article.primary{flex-direction:column-reverse}}.blog--meta{margin-bottom:16px}.blog--date,.blog--meta{display:flex;align-items:center}.blog--date{justify-content:space-between}.blog--date:after{content:"";min-width:8px;min-height:8px;margin-left:16px;background-color:#fecc2b;border-radius:50%}.blog--date,.blog--read{font-size:18px;line-height:1.5;color:#8c8c8c}.primary .blog--date,.primary .blog--read{color:#222}.blog--read{margin-left:16px}.blog--thumbnail{margin-bottom:16px;height:255px;background-size:cover;background-position:50%;background-repeat:no-repeat}.primary .blog--thumbnail{margin-bottom:0;width:35%;height:auto}@media(max-width:992px){.primary .blog--thumbnail{width:40%}}@media(max-width:768px){.primary .blog--thumbnail{width:100%;height:255px}}.blog--title{max-height:105px;overflow:hidden;font-family:Work Sans,sans-serif;font-weight:700;font-size:24px;line-height:1.5;color:#fff;transition:color .3s ease-in-out}.blog--title:hover{color:#fecc2b}.primary .blog--title{margin-bottom:32px;color:#222;font-weight:700;font-size:40px;line-height:1.5;overflow:visible;max-height:none}.primary .blog--title:hover{color:#fecc2b}@media(max-width:992px){.primary .blog--title{font-size:24px}}.blog--content{padding-left:20px;padding-right:20px;font-size:18px;line-height:1.5;color:#222}.blog--content p{margin:0}.primary .blog--content{width:65%;padding:32px 32px 70px}@media(max-width:992px){.primary .blog--content{width:60%}}@media(max-width:768px){.primary .blog--content{width:100%;padding:20px}}.blog--link{margin-top:auto;margin-left:auto;margin-right:auto;padding:19px 0;width:calc(100% - 40px);background-color:#fecc2b;border-radius:2px;text-align:center;font-size:18px;line-height:1.2;color:#222;transition:background-color .4s ease-in-out}.blog--link:hover{color:#222;background-color:#fac318}@media screen and (max-width:768px){.blog{margin-bottom:20px}}.archive .menu-wrapper,.category .menu-wrapper,.page-template-blog .menu-wrapper{margin-bottom:0}.archive .category--description{margin-bottom:40px}.archive .category--description h2,.archive .category--description h3,.archive .category--description h4,.archive .category--description h5,.archive .category--description h6{margin:20px 0}.archive .wrap-category{padding-right:20px}@media(max-width:991px){.archive .wrap-category{padding-right:0}}.archive--more-cat{font-size:26px;margin-bottom:20px}@media(max-width:991px){.archive--row-reverse{flex-direction:column-reverse}}.archive--pagination{display:flex;justify-content:center;align-items:center}.archive--pagination a,.archive--pagination span{display:inline-block;padding:0 6px;font-size:18px;line-height:25px;color:#222;text-align:center}.archive--pagination a:hover{color:#fecc2b}.archive--pagination a:hover path,.archive--pagination a:hover svg{stroke:#fecc2b}.archive--pagination .page-numbers{width:25px;height:25px}.archive--pagination .next,.archive--pagination .prev{height:30px}.archive--pagination .prev svg{transform:rotate(180deg)}