:root{--main:#3b9e40;--background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(240)'%3E%3Cstop offset='0' stop-color='%233B9E40'/%3E%3Cstop offset='1' stop-color='%233B9E40'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='.1'%3E%3Cpath fill='%23444' d='M90 150 0 300h180z'/%3E%3Cpath d='M90 150 180 0H0z'/%3E%3Cpath fill='%23AAA' d='M270 150 360 0H180z'/%3E%3Cpath fill='%23DDD' d='m450 150-90 150h180z'/%3E%3Cpath fill='%23999' d='M450 150 540 0H360z'/%3E%3Cpath d='m630 150-90 150h180z'/%3E%3Cpath fill='%23DDD' d='M630 150 720 0H540z'/%3E%3Cpath fill='%23444' d='m810 150-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M810 150 900 0H720z'/%3E%3Cpath fill='%23DDD' d='m990 150-90 150h180z'/%3E%3Cpath fill='%23444' d='m990 150 90-150H900z'/%3E%3Cpath fill='%23DDD' d='M90 450 0 600h180z'/%3E%3Cpath d='m90 450 90-150H0z'/%3E%3Cpath fill='%23666' d='m270 450-90 150h180z'/%3E%3Cpath fill='%23AAA' d='m270 450 90-150H180z'/%3E%3Cpath fill='%23DDD' d='m450 450-90 150h180z'/%3E%3Cpath fill='%23999' d='m450 450 90-150H360zM630 450l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m630 450 90-150H540z'/%3E%3Cpath d='m810 450-90 150h180z'/%3E%3Cpath fill='%23DDD' d='m810 450 90-150H720z'/%3E%3Cpath fill='%23AAA' d='m990 450-90 150h180z'/%3E%3Cpath fill='%23444' d='m990 450 90-150H900z'/%3E%3Cpath fill='%23222' d='M90 750 0 900h180z'/%3E%3Cpath d='m270 750-90 150h180z'/%3E%3Cpath fill='%23DDD' d='m270 750 90-150H180z'/%3E%3Cpath d='m450 750 90-150H360zM630 750l-90 150h180z'/%3E%3Cpath fill='%23444' d='m630 750 90-150H540z'/%3E%3Cpath fill='%23AAA' d='m810 750-90 150h180z'/%3E%3Cpath fill='%23666' d='m810 750 90-150H720z'/%3E%3Cpath fill='%23999' d='m990 750-90 150h180zM180 0 90 150h180z'/%3E%3Cpath fill='%23444' d='m360 0-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m540 0-90 150h180z'/%3E%3Cpath d='m900 0-90 150h180z'/%3E%3Cpath fill='%23222' d='m0 300-90 150H90z'/%3E%3Cpath fill='%23FFF' d='m0 300 90-150H-90zM180 300 90 450h180z'/%3E%3Cpath fill='%23666' d='m180 300 90-150H90z'/%3E%3Cpath fill='%23222' d='m360 300-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m360 300 90-150H270z'/%3E%3Cpath fill='%23444' d='m540 300-90 150h180z'/%3E%3Cpath fill='%23222' d='m540 300 90-150H450z'/%3E%3Cpath fill='%23AAA' d='m720 300-90 150h180z'/%3E%3Cpath fill='%23666' d='m720 300 90-150H630z'/%3E%3Cpath fill='%23FFF' d='m900 300-90 150h180z'/%3E%3Cpath fill='%23999' d='m900 300 90-150H810z'/%3E%3Cpath d='m0 600-90 150H90z'/%3E%3Cpath fill='%23666' d='m0 600 90-150H-90z'/%3E%3Cpath fill='%23AAA' d='M180 600 90 750h180z'/%3E%3Cpath fill='%23444' d='m180 600 90-150H90zM360 600l-90 150h180z'/%3E%3Cpath fill='%23999' d='m360 600 90-150H270z'/%3E%3Cpath fill='%23666' d='m540 600 90-150H450z'/%3E%3Cpath fill='%23222' d='m720 600-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m900 600-90 150h180z'/%3E%3Cpath fill='%23222' d='m900 600 90-150H810z'/%3E%3Cpath fill='%23DDD' d='m0 900 90-150H-90z'/%3E%3Cpath fill='%23444' d='m180 900 90-150H90z'/%3E%3Cpath fill='%23FFF' d='m360 900 90-150H270z'/%3E%3Cpath fill='%23AAA' d='m540 900 90-150H450z'/%3E%3Cpath fill='%23FFF' d='m720 900 90-150H630z'/%3E%3Cpath fill='%23222' d='m900 900 90-150H810zM1080 300l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m1080 300 90-150H990z'/%3E%3Cpath d='m1080 600-90 150h180z'/%3E%3Cpath fill='%23666' d='m1080 600 90-150H990z'/%3E%3Cpath fill='%23DDD' d='m1080 900 90-150H990z'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");--1:#fff;--2:#eee;--3:#ddd;--4:#ccc;--5:#bbb;--6:#555;--7:#444;--8:#333;--9:#222;--10:#111;--black:#000;--white:#fff;--white-transparent:hsla(0,0%,100%,.7);--black-transparent:rgba(0,0,0,.7);--transparent:rgba(59,158,64,.1);--programming:rgba(0,132,255,.5);--islamic:rgba(2,255,2,.5);--poetry:rgba(255,145,2,.5)}header{background-color:#222;background-color:var(--9);height:100px;left:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:999}header.full-height{height:300px}header .container{align-items:center;display:flex;height:100%;justify-content:space-between}@media (max-width:768px){header .container{flex-wrap:wrap}}header .container .logo{cursor:pointer}header .container .logo img{height:100px}header .container .linkes{align-items:center;display:flex;justify-content:center}@media (max-width:768px){header .container .linkes{align-items:stretch;flex-direction:column;height:0;justify-content:center;overflow:hidden;width:100%}header .container .linkes a:not(:last-child){border-bottom:1px solid #bbb;border-bottom:1px solid var(--5)}header .container .linkes.active{height:200px;padding-bottom:20px}}header .container .linkes a{font-size:17px;margin:10px}header .container .linkes a .link-label{color:#fff;color:var(--1)}header .container .linkes a.active .link-label,header .container .linkes a:hover .link-label{color:#3b9e40;color:var(--main);font-weight:700}header .container .linkes-btn{color:#3b9e40;color:var(--main);cursor:pointer;display:none;font-size:30px;padding:10px}@media (max-width:768px){header .container .linkes-btn{display:block}}.home .landing{background-color:#3b9e40;background-color:var(--main);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(240)'%3E%3Cstop offset='0' stop-color='%233B9E40'/%3E%3Cstop offset='1' stop-color='%233B9E40'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='.1'%3E%3Cpath fill='%23444' d='M90 150 0 300h180z'/%3E%3Cpath d='M90 150 180 0H0z'/%3E%3Cpath fill='%23AAA' d='M270 150 360 0H180z'/%3E%3Cpath fill='%23DDD' d='m450 150-90 150h180z'/%3E%3Cpath fill='%23999' d='M450 150 540 0H360z'/%3E%3Cpath d='m630 150-90 150h180z'/%3E%3Cpath fill='%23DDD' d='M630 150 720 0H540z'/%3E%3Cpath fill='%23444' d='m810 150-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M810 150 900 0H720z'/%3E%3Cpath fill='%23DDD' d='m990 150-90 150h180z'/%3E%3Cpath fill='%23444' d='m990 150 90-150H900z'/%3E%3Cpath fill='%23DDD' d='M90 450 0 600h180z'/%3E%3Cpath d='m90 450 90-150H0z'/%3E%3Cpath fill='%23666' d='m270 450-90 150h180z'/%3E%3Cpath fill='%23AAA' d='m270 450 90-150H180z'/%3E%3Cpath fill='%23DDD' d='m450 450-90 150h180z'/%3E%3Cpath fill='%23999' d='m450 450 90-150H360zM630 450l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m630 450 90-150H540z'/%3E%3Cpath d='m810 450-90 150h180z'/%3E%3Cpath fill='%23DDD' d='m810 450 90-150H720z'/%3E%3Cpath fill='%23AAA' d='m990 450-90 150h180z'/%3E%3Cpath fill='%23444' d='m990 450 90-150H900z'/%3E%3Cpath fill='%23222' d='M90 750 0 900h180z'/%3E%3Cpath d='m270 750-90 150h180z'/%3E%3Cpath fill='%23DDD' d='m270 750 90-150H180z'/%3E%3Cpath d='m450 750 90-150H360zM630 750l-90 150h180z'/%3E%3Cpath fill='%23444' d='m630 750 90-150H540z'/%3E%3Cpath fill='%23AAA' d='m810 750-90 150h180z'/%3E%3Cpath fill='%23666' d='m810 750 90-150H720z'/%3E%3Cpath fill='%23999' d='m990 750-90 150h180zM180 0 90 150h180z'/%3E%3Cpath fill='%23444' d='m360 0-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m540 0-90 150h180z'/%3E%3Cpath d='m900 0-90 150h180z'/%3E%3Cpath fill='%23222' d='m0 300-90 150H90z'/%3E%3Cpath fill='%23FFF' d='m0 300 90-150H-90zM180 300 90 450h180z'/%3E%3Cpath fill='%23666' d='m180 300 90-150H90z'/%3E%3Cpath fill='%23222' d='m360 300-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m360 300 90-150H270z'/%3E%3Cpath fill='%23444' d='m540 300-90 150h180z'/%3E%3Cpath fill='%23222' d='m540 300 90-150H450z'/%3E%3Cpath fill='%23AAA' d='m720 300-90 150h180z'/%3E%3Cpath fill='%23666' d='m720 300 90-150H630z'/%3E%3Cpath fill='%23FFF' d='m900 300-90 150h180z'/%3E%3Cpath fill='%23999' d='m900 300 90-150H810z'/%3E%3Cpath d='m0 600-90 150H90z'/%3E%3Cpath fill='%23666' d='m0 600 90-150H-90z'/%3E%3Cpath fill='%23AAA' d='M180 600 90 750h180z'/%3E%3Cpath fill='%23444' d='m180 600 90-150H90zM360 600l-90 150h180z'/%3E%3Cpath fill='%23999' d='m360 600 90-150H270z'/%3E%3Cpath fill='%23666' d='m540 600 90-150H450z'/%3E%3Cpath fill='%23222' d='m720 600-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m900 600-90 150h180z'/%3E%3Cpath fill='%23222' d='m900 600 90-150H810z'/%3E%3Cpath fill='%23DDD' d='m0 900 90-150H-90z'/%3E%3Cpath fill='%23444' d='m180 900 90-150H90z'/%3E%3Cpath fill='%23FFF' d='m360 900 90-150H270z'/%3E%3Cpath fill='%23AAA' d='m540 900 90-150H450z'/%3E%3Cpath fill='%23FFF' d='m720 900 90-150H630z'/%3E%3Cpath fill='%23222' d='m900 900 90-150H810zM1080 300l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m1080 300 90-150H990z'/%3E%3Cpath d='m1080 600-90 150h180z'/%3E%3Cpath fill='%23666' d='m1080 600 90-150H990z'/%3E%3Cpath fill='%23DDD' d='m1080 900 90-150H990z'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");background-image:var(--background);min-height:calc(100vh - 100px);overflow:hidden}.home .landing .container{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 100px)}.home .landing .container .head{align-items:center;display:flex;flex-direction:column;justify-content:center}.home .landing .container .head img{-webkit-filter:brightness(100);filter:brightness(100);width:300px}.home .landing .container .head p{color:#fff;color:var(--1);font-size:17px;margin-bottom:20px;text-align:center}.home .landing .container .search-box{position:relative}.home .landing .container .search-box input{background-color:#fff;background-color:var(--1);border:none;color:#3b9e40;color:var(--main);font-family:inherit;outline:none;padding:20px;width:100%}.home .landing .container .search-box a{align-items:center;background-color:#3b9e40;background-color:var(--main);border:none;color:#fff;color:var(--1);cursor:pointer;display:flex;font-family:inherit;justify-content:center;left:0;margin:0 10px;outline:none;padding:10px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.home .landing .container .search-box a:hover{background-color:#fff;background-color:var(--1);color:#3b9e40;color:var(--main)}.home .newest-articles.viewest-articles .container,.home .viewest-articles.viewest-articles .container{border-top:1px solid #bbb;border-top:1px solid var(--5)}.home .newest-articles .container,.home .viewest-articles .container{padding-bottom:100px;padding-top:100px}.home .newest-articles .container h2,.home .viewest-articles .container h2{color:#222;color:var(--9);font-size:30px;margin-bottom:50px;position:relative}.home .newest-articles .container h2:before,.home .viewest-articles .container h2:before{background-color:#bbb;background-color:var(--5);bottom:0;content:"";height:3px;position:absolute;right:0;width:100px}.home .newest-articles .container h2:after,.home .viewest-articles .container h2:after{background-color:#bbb;background-color:var(--5);bottom:-10px;content:"";height:3px;position:absolute;right:0;width:75px}.home .newest-articles .container .articles-grid,.home .viewest-articles .container .articles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.home .newest-articles .container .articles-grid .article,.home .viewest-articles .container .articles-grid .article{background-color:#eee;background-color:var(--2);position:relative}.home .newest-articles .container .articles-grid .article .image,.home .viewest-articles .container .articles-grid .article .image{height:150px;overflow:hidden;width:100%}.home .newest-articles .container .articles-grid .article .image img,.home .viewest-articles .container .articles-grid .article .image img{width:100%}.home .newest-articles .container .articles-grid .article a,.home .viewest-articles .container .articles-grid .article a{background-color:rgba(0,0,0,.7);background-color:var(--black-transparent);color:#fff;color:var(--1);font-size:20px;left:50%;padding:10px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.blog{flex-direction:column;min-height:100vh}.blog .sidebar{background-attachment:fixed;background-color:#3b9e40;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(240)'%3E%3Cstop offset='0' stop-color='%233B9E40'/%3E%3Cstop offset='1' stop-color='%233B9E40'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='.1'%3E%3Cpath fill='%23444' d='M90 150 0 300h180z'/%3E%3Cpath d='M90 150 180 0H0z'/%3E%3Cpath fill='%23AAA' d='M270 150 360 0H180z'/%3E%3Cpath fill='%23DDD' d='m450 150-90 150h180z'/%3E%3Cpath fill='%23999' d='M450 150 540 0H360z'/%3E%3Cpath d='m630 150-90 150h180z'/%3E%3Cpath fill='%23DDD' d='M630 150 720 0H540z'/%3E%3Cpath fill='%23444' d='m810 150-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M810 150 900 0H720z'/%3E%3Cpath fill='%23DDD' d='m990 150-90 150h180z'/%3E%3Cpath fill='%23444' d='m990 150 90-150H900z'/%3E%3Cpath fill='%23DDD' d='M90 450 0 600h180z'/%3E%3Cpath d='m90 450 90-150H0z'/%3E%3Cpath fill='%23666' d='m270 450-90 150h180z'/%3E%3Cpath fill='%23AAA' d='m270 450 90-150H180z'/%3E%3Cpath fill='%23DDD' d='m450 450-90 150h180z'/%3E%3Cpath fill='%23999' d='m450 450 90-150H360zM630 450l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m630 450 90-150H540z'/%3E%3Cpath d='m810 450-90 150h180z'/%3E%3Cpath fill='%23DDD' d='m810 450 90-150H720z'/%3E%3Cpath fill='%23AAA' d='m990 450-90 150h180z'/%3E%3Cpath fill='%23444' d='m990 450 90-150H900z'/%3E%3Cpath fill='%23222' d='M90 750 0 900h180z'/%3E%3Cpath d='m270 750-90 150h180z'/%3E%3Cpath fill='%23DDD' d='m270 750 90-150H180z'/%3E%3Cpath d='m450 750 90-150H360zM630 750l-90 150h180z'/%3E%3Cpath fill='%23444' d='m630 750 90-150H540z'/%3E%3Cpath fill='%23AAA' d='m810 750-90 150h180z'/%3E%3Cpath fill='%23666' d='m810 750 90-150H720z'/%3E%3Cpath fill='%23999' d='m990 750-90 150h180zM180 0 90 150h180z'/%3E%3Cpath fill='%23444' d='m360 0-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m540 0-90 150h180z'/%3E%3Cpath d='m900 0-90 150h180z'/%3E%3Cpath fill='%23222' d='m0 300-90 150H90z'/%3E%3Cpath fill='%23FFF' d='m0 300 90-150H-90zM180 300 90 450h180z'/%3E%3Cpath fill='%23666' d='m180 300 90-150H90z'/%3E%3Cpath fill='%23222' d='m360 300-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m360 300 90-150H270z'/%3E%3Cpath fill='%23444' d='m540 300-90 150h180z'/%3E%3Cpath fill='%23222' d='m540 300 90-150H450z'/%3E%3Cpath fill='%23AAA' d='m720 300-90 150h180z'/%3E%3Cpath fill='%23666' d='m720 300 90-150H630z'/%3E%3Cpath fill='%23FFF' d='m900 300-90 150h180z'/%3E%3Cpath fill='%23999' d='m900 300 90-150H810z'/%3E%3Cpath d='m0 600-90 150H90z'/%3E%3Cpath fill='%23666' d='m0 600 90-150H-90z'/%3E%3Cpath fill='%23AAA' d='M180 600 90 750h180z'/%3E%3Cpath fill='%23444' d='m180 600 90-150H90zM360 600l-90 150h180z'/%3E%3Cpath fill='%23999' d='m360 600 90-150H270z'/%3E%3Cpath fill='%23666' d='m540 600 90-150H450z'/%3E%3Cpath fill='%23222' d='m720 600-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m900 600-90 150h180z'/%3E%3Cpath fill='%23222' d='m900 600 90-150H810z'/%3E%3Cpath fill='%23DDD' d='m0 900 90-150H-90z'/%3E%3Cpath fill='%23444' d='m180 900 90-150H90z'/%3E%3Cpath fill='%23FFF' d='m360 900 90-150H270z'/%3E%3Cpath fill='%23AAA' d='m540 900 90-150H450z'/%3E%3Cpath fill='%23FFF' d='m720 900 90-150H630z'/%3E%3Cpath fill='%23222' d='m900 900 90-150H810zM1080 300l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m1080 300 90-150H990z'/%3E%3Cpath d='m1080 600-90 150h180z'/%3E%3Cpath fill='%23666' d='m1080 600 90-150H990z'/%3E%3Cpath fill='%23DDD' d='m1080 900 90-150H990z'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");background-image:var(--background);background-size:cover;padding:100px 0;width:100%}.blog .sidebar .sp-title{text-align:center;width:100%}.blog .sidebar .sp-title h1{color:#fff;color:var(--1);font-size:70px;text-shadow:-3px 3px #bbb;text-shadow:-3px 3px var(--5)}.blog .sidebar .sp-title p{color:#fff;color:var(--1);font-size:17px}.blog .content{background-color:#eee;background-color:var(--2);padding:100px 0}.blog .content .container{display:flex}@media (max-width:768px){.blog .content .container{flex-direction:column-reverse}.blog .content .container .filter-inputs,.blog .content .container .grid-system{width:100%!important}}.blog .content .container .filter-inputs{padding-right:20px;width:30%}@media (max-width:786px){.blog .content .container .filter-inputs{display:none}}.blog .content .container .filter-inputs .row{background-color:#fff;background-color:var(--1);display:flex;flex-wrap:wrap;margin-bottom:20px;padding:20px;width:100%}.blog .content .container .filter-inputs .row .input-box{display:flex;flex-direction:column;margin:10px 20px;width:100%}.blog .content .container .filter-inputs .row .input-box label{color:#000;color:var(--black);margin:5px}.blog .content .container .filter-inputs .row .input-box input,.blog .content .container .filter-inputs .row .input-box select{background-color:#eee;background-color:var(--2);border:none;border-radius:3px;color:#3b9e40;color:var(--main);font-family:inherit;outline:none;padding:10px;width:100%}.blog .content .container .grid-system{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}@media (max-width:768px){.blog .content .container .grid-system{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:400px){.blog .content .container .grid-system{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.blog .content .container .grid-system .card{background-color:#fff;background-color:var(--1);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;margin:0 20px 20px;padding:20px;position:relative}.blog .content .container .grid-system .card .card-img{width:100%}.blog .content .container .grid-system .card .card-title{border-top:1px solid #ddd;border-top:1px solid var(--3);color:#000;color:var(--black);font-size:20px;font-size:25px;font-weight:bolder;font-weight:900;margin-top:15px;padding:15px;position:relative}.blog .content .container .grid-system .card .card-title:hover:before{width:calc(100% - 30px)}.blog .content .container .grid-system .card .card-title:before{background-color:rgba(59,158,64,.1);background-color:var(--transparent);border-radius:50px 10px;content:"";height:70%;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.3s;width:40px}.blog .content .container .grid-system .card .card-des{border-bottom:1px solid #ddd;border-bottom:1px solid var(--3);color:#222;color:var(--9);margin-bottom:15px;padding:15px}.blog .content .container .grid-system .card .card-category{background-color:rgba(0,0,0,.7);background-color:var(--black-transparent);border-radius:3px;color:#fff;color:var(--white);font-size:10px;left:0;margin:30px;padding:10px;position:absolute;top:0}.blog .content .container .grid-system .card .card-category.islamic{background-color:rgba(2,255,2,.5);background-color:var(--islamic)}.blog .content .container .grid-system .card .card-category.programming{background-color:rgba(0,132,255,.5);background-color:var(--programming)}.blog .content .container .grid-system .card .card-category.poetry{background-color:rgba(255,145,2,.5);background-color:var(--poetry)}.blog .content .container .grid-system .card .card-info{display:flex;justify-content:space-between;margin:0 15px}.blog .content .container .grid-system .card .card-info .card-views{color:#555;color:var(--6)}.blog .content .container .grid-system .card .card-info .card-views span{color:#3b9e40;color:var(--main);margin:5px}.blog .content .container .grid-system .card .card-info .card-date{color:#000;color:var(--black)}.loading{align-items:center;background-color:var(--4-color);display:flex;justify-content:center;min-height:100vh;width:100%}.loading .lds-grid{display:inline-block;height:80px;position:relative;width:80px}.loading .lds-grid div{-webkit-animation:lds-grid 1.2s linear infinite;animation:lds-grid 1.2s linear infinite;background:#3b9e40;background:var(--main);border-radius:50%;height:16px;position:absolute;width:16px}.loading .lds-grid div:first-child{-webkit-animation-delay:0s;animation-delay:0s;left:8px;top:8px}.loading .lds-grid div:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s;left:32px;top:8px}.loading .lds-grid div:nth-child(3){-webkit-animation-delay:-.8s;animation-delay:-.8s;left:56px;top:8px}.loading .lds-grid div:nth-child(4){-webkit-animation-delay:-.4s;animation-delay:-.4s;left:8px;top:32px}.loading .lds-grid div:nth-child(5){-webkit-animation-delay:-.8s;animation-delay:-.8s;left:32px;top:32px}.loading .lds-grid div:nth-child(6){-webkit-animation-delay:-1.2s;animation-delay:-1.2s;left:56px;top:32px}.loading .lds-grid div:nth-child(7){-webkit-animation-delay:-.8s;animation-delay:-.8s;left:8px;top:56px}.loading .lds-grid div:nth-child(8){-webkit-animation-delay:-1.2s;animation-delay:-1.2s;left:32px;top:56px}.loading .lds-grid div:nth-child(9){-webkit-animation-delay:-1.6s;animation-delay:-1.6s;left:56px;top:56px}@-webkit-keyframes lds-grid{0%,to{opacity:1}50%{opacity:.5}}@keyframes lds-grid{0%,to{opacity:1}50%{opacity:.5}}.article .container .article-head{align-items:center;background-color:#eee;background-color:var(--2);display:flex;flex-direction:column;padding:20px;width:100%}.article .container .article-head h1,.article .container .article-head p{color:#000;color:var(--black);margin:10px}.article .container .article-head .article-info{border-top:1px solid #ddd;border-top:1px solid var(--3);display:flex;justify-content:space-between;margin-top:20px;padding-top:20px;width:100%}.article .container .article-head .article-info .article-date,.article .container .article-head .article-info .article-views{color:#555;color:var(--6)}.article .container .article-head .article-info .article-date span,.article .container .article-head .article-info .article-views span{color:#3b9e40;color:var(--main);margin:5px}.article .container .article-content{background-color:#eee;background-color:var(--2);margin:20px 0;padding:20px}.article .container .article-content h1{background-color:#ddd;background-color:var(--3);border-right:3px solid #3b9e40;border-right:3px solid var(--main);display:flex;font-size:25px;font-weight:700;justify-content:space-between;margin:30px 0;padding:20px}.article .container .article-content h2{font-size:20px;font-weight:700;padding:20px}.article .container .article-content ul{padding-right:20px}.article .container .article-content h3{padding:10px;text-align:center}.dashboard .container .add{margin:20px 0}.dashboard .container .add .add-head{align-items:center;background-color:#ddd;background-color:var(--3);cursor:pointer;display:flex;justify-content:space-between;padding:10px 20px;width:100%}.dashboard .container .add .add-head i{color:#3b9e40;color:var(--main);font-size:30px}.dashboard .container .add .add-head h3{color:#000;color:var(--black)}.dashboard .container .add .add-body{background-color:#ddd;background-color:var(--3);max-height:0;overflow:hidden}.dashboard .container .add .add-body.active{max-height:1000px;transition:max-height .5s ease-in}.dashboard .container .add .add-body .row{display:flex;margin-bottom:20px;width:100%}@media (max-width:768px){.dashboard .container .add .add-body .row{flex-wrap:wrap}}.dashboard .container .add .add-body .row .input-box{display:flex;flex-direction:column;margin:10px 20px;width:100%}.dashboard .container .add .add-body .row .input-box label{color:#000;color:var(--black);margin:5px}.dashboard .container .add .add-body .row .input-box button,.dashboard .container .add .add-body .row .input-box input,.dashboard .container .add .add-body .row .input-box textarea{background-color:#eee;background-color:var(--2);border:none;border-radius:3px;color:#3b9e40;color:var(--main);font-family:inherit;outline:none;padding:10px;width:100%}.dashboard .container .add .add-body .row .input-box button{cursor:pointer}.dashboard .container .add .add-body .row .input-box button:hover{background-color:#3b9e40;background-color:var(--main);color:#fff;color:var(--1)}.dashboard .container .add .add-body .msg-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px}.dashboard .container .add .add-body .msg-grid .card{background-color:#fff;background-color:var(--1);padding:20px}.dashboard .container .add .add-body .msg-grid .card div{align-items:flex-end;display:flex;justify-content:space-between}.sdev{flex-direction:column;min-height:100vh}.sdev .sidebar{background-attachment:fixed;background-color:#3b9e40;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(240)'%3E%3Cstop offset='0' stop-color='%233B9E40'/%3E%3Cstop offset='1' stop-color='%233B9E40'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='.1'%3E%3Cpath fill='%23444' d='M90 150 0 300h180z'/%3E%3Cpath d='M90 150 180 0H0z'/%3E%3Cpath fill='%23AAA' d='M270 150 360 0H180z'/%3E%3Cpath fill='%23DDD' d='m450 150-90 150h180z'/%3E%3Cpath fill='%23999' d='M450 150 540 0H360z'/%3E%3Cpath d='m630 150-90 150h180z'/%3E%3Cpath fill='%23DDD' d='M630 150 720 0H540z'/%3E%3Cpath fill='%23444' d='m810 150-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M810 150 900 0H720z'/%3E%3Cpath fill='%23DDD' d='m990 150-90 150h180z'/%3E%3Cpath fill='%23444' d='m990 150 90-150H900z'/%3E%3Cpath fill='%23DDD' d='M90 450 0 600h180z'/%3E%3Cpath d='m90 450 90-150H0z'/%3E%3Cpath fill='%23666' d='m270 450-90 150h180z'/%3E%3Cpath fill='%23AAA' d='m270 450 90-150H180z'/%3E%3Cpath fill='%23DDD' d='m450 450-90 150h180z'/%3E%3Cpath fill='%23999' d='m450 450 90-150H360zM630 450l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m630 450 90-150H540z'/%3E%3Cpath d='m810 450-90 150h180z'/%3E%3Cpath fill='%23DDD' d='m810 450 90-150H720z'/%3E%3Cpath fill='%23AAA' d='m990 450-90 150h180z'/%3E%3Cpath fill='%23444' d='m990 450 90-150H900z'/%3E%3Cpath fill='%23222' d='M90 750 0 900h180z'/%3E%3Cpath d='m270 750-90 150h180z'/%3E%3Cpath fill='%23DDD' d='m270 750 90-150H180z'/%3E%3Cpath d='m450 750 90-150H360zM630 750l-90 150h180z'/%3E%3Cpath fill='%23444' d='m630 750 90-150H540z'/%3E%3Cpath fill='%23AAA' d='m810 750-90 150h180z'/%3E%3Cpath fill='%23666' d='m810 750 90-150H720z'/%3E%3Cpath fill='%23999' d='m990 750-90 150h180zM180 0 90 150h180z'/%3E%3Cpath fill='%23444' d='m360 0-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m540 0-90 150h180z'/%3E%3Cpath d='m900 0-90 150h180z'/%3E%3Cpath fill='%23222' d='m0 300-90 150H90z'/%3E%3Cpath fill='%23FFF' d='m0 300 90-150H-90zM180 300 90 450h180z'/%3E%3Cpath fill='%23666' d='m180 300 90-150H90z'/%3E%3Cpath fill='%23222' d='m360 300-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m360 300 90-150H270z'/%3E%3Cpath fill='%23444' d='m540 300-90 150h180z'/%3E%3Cpath fill='%23222' d='m540 300 90-150H450z'/%3E%3Cpath fill='%23AAA' d='m720 300-90 150h180z'/%3E%3Cpath fill='%23666' d='m720 300 90-150H630z'/%3E%3Cpath fill='%23FFF' d='m900 300-90 150h180z'/%3E%3Cpath fill='%23999' d='m900 300 90-150H810z'/%3E%3Cpath d='m0 600-90 150H90z'/%3E%3Cpath fill='%23666' d='m0 600 90-150H-90z'/%3E%3Cpath fill='%23AAA' d='M180 600 90 750h180z'/%3E%3Cpath fill='%23444' d='m180 600 90-150H90zM360 600l-90 150h180z'/%3E%3Cpath fill='%23999' d='m360 600 90-150H270z'/%3E%3Cpath fill='%23666' d='m540 600 90-150H450z'/%3E%3Cpath fill='%23222' d='m720 600-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m900 600-90 150h180z'/%3E%3Cpath fill='%23222' d='m900 600 90-150H810z'/%3E%3Cpath fill='%23DDD' d='m0 900 90-150H-90z'/%3E%3Cpath fill='%23444' d='m180 900 90-150H90z'/%3E%3Cpath fill='%23FFF' d='m360 900 90-150H270z'/%3E%3Cpath fill='%23AAA' d='m540 900 90-150H450z'/%3E%3Cpath fill='%23FFF' d='m720 900 90-150H630z'/%3E%3Cpath fill='%23222' d='m900 900 90-150H810zM1080 300l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m1080 300 90-150H990z'/%3E%3Cpath d='m1080 600-90 150h180z'/%3E%3Cpath fill='%23666' d='m1080 600 90-150H990z'/%3E%3Cpath fill='%23DDD' d='m1080 900 90-150H990z'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");background-image:var(--background);background-size:cover;padding:100px 0;width:100%}.sdev .sidebar .sp-title{text-align:center;width:100%}.sdev .sidebar .sp-title h1{color:#fff;color:var(--1);font-size:70px;text-shadow:-3px 3px #bbb;text-shadow:-3px 3px var(--5)}.sdev .sidebar .sp-title p{color:#fff;color:var(--1);font-size:17px}.sdev .content{background-color:#eee;background-color:var(--2);padding:100px 0}.sdev .content .about .container{align-items:center;display:flex;justify-content:space-between;min-height:calc(100vh - 200px)}@media (max-width:768px){.sdev .content .about .container{flex-direction:column}}.sdev .content .about .container .image{margin-left:100px}@media (max-width:768px){.sdev .content .about .container .image{display:flex;margin-bottom:20px;margin-left:0}}.sdev .content .about .container .image img{background-color:#ddd;background-color:var(--3);border:2px solid #ddd;border:2px solid var(--3);border-radius:50%;width:300px}.sdev .content .about .container .text-box{background-color:#fff;background-color:var(--1);border:2px solid #ddd;border:2px solid var(--3);color:#000;color:var(--black);font-size:20px;padding:20px;position:relative}.sdev .content .about .container .text-box:before{background-color:#ddd;background-color:var(--3);content:"";height:2px;position:absolute;right:-102px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100px}@media (max-width:768px){.sdev .content .about .container .text-box:before{height:20px;position:absolute;right:50%;top:-22px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2px}}.sdev .content .about .container .text-box span{color:#3b9e40;color:var(--main);font-size:25px;font-weight:900}.sdev .content .about .container .text-box em{color:#555;color:var(--6);display:block;font-size:17px;text-align:center;width:100%}.sdev .content .our-skills{background-color:#ddd;background-color:var(--3);margin:100px 0;padding:50px 0}.sdev .content .our-skills .section-title{color:#222;color:var(--9);font-size:40px;text-align:center}.sdev .content .our-skills .skills-grid{display:flex;padding-top:50px}@media (max-width:768px){.sdev .content .our-skills .skills-grid{flex-wrap:wrap}}.sdev .content .our-skills .skills-grid .skills{border:1px solid #ccc;border:1px solid var(--4);padding:30px;width:100%}.sdev .content .our-skills .skills-grid .skills .skill{direction:ltr;padding:20px}.sdev .content .our-skills .skills-grid .skills .skill h3{align-items:center;color:#222;color:var(--9);display:flex;font-family:Cairo,sans-serif;justify-content:space-between}.sdev .content .our-skills .skills-grid .skills .skill .the-progress{background-color:#ccc;background-color:var(--4);border-radius:5px;height:10px;position:relative}.sdev .content .our-skills .skills-grid .skills .skill .the-progress span{background-color:#3b9e40;background-color:var(--main);border-radius:5px;height:100%;left:0;position:absolute;top:0;transition:width .5s linear}.sdev .content .portfolio{background-color:#eee;background-color:var(--2);margin:100px 0;padding:50px 0}.sdev .content .portfolio .section-title{color:#222;color:var(--9);font-size:40px;text-align:center}.sdev .content .portfolio .projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding-top:50px}@media (max-width:350px){.sdev .content .portfolio .projects-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.sdev .content .portfolio .projects-grid .project{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.sdev .content .portfolio .projects-grid .project:hover .info{opacity:1}.sdev .content .portfolio .projects-grid .project:hover img{-webkit-transform:rotate(5deg) scale(1.1);transform:rotate(5deg) scale(1.1)}.sdev .content .portfolio .projects-grid .project img{height:100%;scale:1.01;width:100%}.sdev .content .portfolio .projects-grid .project .info{align-items:center;background-color:rgba(0,0,0,.7);background-color:var(--black-transparent);display:flex;flex-direction:column;height:100%;justify-content:space-evenly;left:0;opacity:0;position:absolute;top:0;width:100%}.sdev .content .portfolio .projects-grid .project .info .title{color:#3b9e40;color:var(--main);font-size:30px;font-weight:900}.sdev .content .portfolio .projects-grid .project .info .btns a{color:#fff;color:var(--white);margin:10px;padding:10px}.sdev .content .portfolio .projects-grid .project .info .btns a.code{background-color:#555;background-color:var(--6)}.sdev .content .portfolio .projects-grid .project .info .btns a.code:hover,.sdev .content .portfolio .projects-grid .project .info .btns a.demo{background-color:#333;background-color:var(--8)}.sdev .content .portfolio .projects-grid .project .info .btns a.demo:hover{background-color:#555;background-color:var(--6)}.contact{display:flex;flex-direction:column;min-height:100vh}.contact .sidebar{background-attachment:fixed;background-color:#3b9e40;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(240)'%3E%3Cstop offset='0' stop-color='%233B9E40'/%3E%3Cstop offset='1' stop-color='%233B9E40'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='.1'%3E%3Cpath fill='%23444' d='M90 150 0 300h180z'/%3E%3Cpath d='M90 150 180 0H0z'/%3E%3Cpath fill='%23AAA' d='M270 150 360 0H180z'/%3E%3Cpath fill='%23DDD' d='m450 150-90 150h180z'/%3E%3Cpath fill='%23999' d='M450 150 540 0H360z'/%3E%3Cpath d='m630 150-90 150h180z'/%3E%3Cpath fill='%23DDD' d='M630 150 720 0H540z'/%3E%3Cpath fill='%23444' d='m810 150-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M810 150 900 0H720z'/%3E%3Cpath fill='%23DDD' d='m990 150-90 150h180z'/%3E%3Cpath fill='%23444' d='m990 150 90-150H900z'/%3E%3Cpath fill='%23DDD' d='M90 450 0 600h180z'/%3E%3Cpath d='m90 450 90-150H0z'/%3E%3Cpath fill='%23666' d='m270 450-90 150h180z'/%3E%3Cpath fill='%23AAA' d='m270 450 90-150H180z'/%3E%3Cpath fill='%23DDD' d='m450 450-90 150h180z'/%3E%3Cpath fill='%23999' d='m450 450 90-150H360zM630 450l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m630 450 90-150H540z'/%3E%3Cpath d='m810 450-90 150h180z'/%3E%3Cpath fill='%23DDD' d='m810 450 90-150H720z'/%3E%3Cpath fill='%23AAA' d='m990 450-90 150h180z'/%3E%3Cpath fill='%23444' d='m990 450 90-150H900z'/%3E%3Cpath fill='%23222' d='M90 750 0 900h180z'/%3E%3Cpath d='m270 750-90 150h180z'/%3E%3Cpath fill='%23DDD' d='m270 750 90-150H180z'/%3E%3Cpath d='m450 750 90-150H360zM630 750l-90 150h180z'/%3E%3Cpath fill='%23444' d='m630 750 90-150H540z'/%3E%3Cpath fill='%23AAA' d='m810 750-90 150h180z'/%3E%3Cpath fill='%23666' d='m810 750 90-150H720z'/%3E%3Cpath fill='%23999' d='m990 750-90 150h180zM180 0 90 150h180z'/%3E%3Cpath fill='%23444' d='m360 0-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m540 0-90 150h180z'/%3E%3Cpath d='m900 0-90 150h180z'/%3E%3Cpath fill='%23222' d='m0 300-90 150H90z'/%3E%3Cpath fill='%23FFF' d='m0 300 90-150H-90zM180 300 90 450h180z'/%3E%3Cpath fill='%23666' d='m180 300 90-150H90z'/%3E%3Cpath fill='%23222' d='m360 300-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m360 300 90-150H270z'/%3E%3Cpath fill='%23444' d='m540 300-90 150h180z'/%3E%3Cpath fill='%23222' d='m540 300 90-150H450z'/%3E%3Cpath fill='%23AAA' d='m720 300-90 150h180z'/%3E%3Cpath fill='%23666' d='m720 300 90-150H630z'/%3E%3Cpath fill='%23FFF' d='m900 300-90 150h180z'/%3E%3Cpath fill='%23999' d='m900 300 90-150H810z'/%3E%3Cpath d='m0 600-90 150H90z'/%3E%3Cpath fill='%23666' d='m0 600 90-150H-90z'/%3E%3Cpath fill='%23AAA' d='M180 600 90 750h180z'/%3E%3Cpath fill='%23444' d='m180 600 90-150H90zM360 600l-90 150h180z'/%3E%3Cpath fill='%23999' d='m360 600 90-150H270z'/%3E%3Cpath fill='%23666' d='m540 600 90-150H450z'/%3E%3Cpath fill='%23222' d='m720 600-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m900 600-90 150h180z'/%3E%3Cpath fill='%23222' d='m900 600 90-150H810z'/%3E%3Cpath fill='%23DDD' d='m0 900 90-150H-90z'/%3E%3Cpath fill='%23444' d='m180 900 90-150H90z'/%3E%3Cpath fill='%23FFF' d='m360 900 90-150H270z'/%3E%3Cpath fill='%23AAA' d='m540 900 90-150H450z'/%3E%3Cpath fill='%23FFF' d='m720 900 90-150H630z'/%3E%3Cpath fill='%23222' d='m900 900 90-150H810zM1080 300l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m1080 300 90-150H990z'/%3E%3Cpath d='m1080 600-90 150h180z'/%3E%3Cpath fill='%23666' d='m1080 600 90-150H990z'/%3E%3Cpath fill='%23DDD' d='m1080 900 90-150H990z'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");background-image:var(--background);background-size:cover;padding:100px 0;width:100%}.contact .sidebar .sp-title{text-align:center;width:100%}.contact .sidebar .sp-title h1{color:#fff;color:var(--1);font-size:70px;text-shadow:-3px 3px #bbb;text-shadow:-3px 3px var(--5)}.contact .sidebar .sp-title p{color:#fff;color:var(--1);font-size:17px}.contact .content{background-color:#eee;background-color:var(--2);padding:100px 0;width:100%}.contact .content .container{display:flex}.contact .content .container .form{width:80%}.contact .content .container .form .row{display:flex;margin-bottom:20px;width:100%}@media (max-width:768px){.contact .content .container .form .row{flex-wrap:wrap}}.contact .content .container .form .row .input-box{display:flex;flex-direction:column;margin:10px 20px;width:100%}.contact .content .container .form .row .input-box label{color:#000;color:var(--black);margin:5px}.contact .content .container .form .row .input-box button,.contact .content .container .form .row .input-box input,.contact .content .container .form .row .input-box textarea{background-color:#fff;background-color:var(--1);border:none;border-radius:3px;color:#3b9e40;color:var(--main);font-family:inherit;outline:none;padding:10px;width:100%}.contact .content .container .form .row .input-box button{cursor:pointer}.contact .content .container .form .row .input-box button:hover{background-color:#3b9e40;background-color:var(--main);color:#fff;color:var(--1)}.contact .content .container .linkes-body{display:flex;flex-direction:column;width:20%}.contact .content .container .linkes-body a{align-items:center;background-color:#fff;background-color:var(--1);color:#3b9e40;color:var(--main);display:flex;justify-content:center;margin:10px;padding:10px}.contact .content .container .linkes-body a:hover{background-color:#3b9e40;background-color:var(--main);color:#fff;color:var(--1)}footer{background-color:#222;background-color:var(--9);padding-top:50px}footer .container{display:flex;justify-content:space-between}@media (max-width:768px){footer .container{align-items:center;flex-direction:column;justify-content:center}}footer .container .box{display:flex;flex-direction:column}@media (max-width:768px){footer .container .box:first-child{align-items:center}}footer .container .box img{-webkit-filter:brightness(100);filter:brightness(100);width:300px}footer .container .box .linkes a{align-items:center;background-color:#333;background-color:var(--8);color:#bbb;color:var(--5);display:inline-flex;font-size:20px;height:50px;justify-content:center;margin:10px;width:50px}footer .container .box .linkes a.facebook:hover{background-color:#0e8ef2;color:#fff;color:var(--white)}footer .container .box .linkes a.instagram:hover{background-color:#f703d9;color:#fff;color:var(--white)}footer .container .box .linkes a.youtube:hover{background-color:red;color:#fff;color:var(--white)}footer .container .box .linkes a i{align-items:center;display:flex;justify-content:center}footer .container .box p{color:#bbb;color:var(--5);line-height:2}footer .container .box.box-info{display:flex;flex-direction:column;justify-content:space-between}footer .container .box.box-info .info{display:flex;margin:20px 0}footer .container .box.box-info .info i{color:#3b9e40;color:var(--main);margin-left:10px}footer .copyright{border-top:1px solid #333;border-top:1px solid var(--8);color:#fff;color:var(--1);padding:10px 0;text-align:center;width:100%}footer .copyright span{color:#3b9e40;color:var(--main)}.search{min-height:calc(100vh - 100px)}.search .container{padding:100px 0}.search .container h2{color:#222;color:var(--9);font-size:50px;margin:50px 0;text-align:center}.search .container h2 span{color:#3b9e40;color:var(--main)}.search .container .grid-system{border-top:1px solid #ddd;border-top:1px solid var(--3);display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:50px 0}.search .container .grid-system .card{background-color:#fff;background-color:var(--1);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;margin:0 20px 20px;padding:20px;position:relative}.search .container .grid-system .card .card-img{width:100%}.search .container .grid-system .card .card-title{border-top:1px solid #ddd;border-top:1px solid var(--3);color:#000;color:var(--black);font-size:20px;font-size:25px;font-weight:bolder;font-weight:900;margin-top:15px;padding:15px;position:relative}.search .container .grid-system .card .card-title:hover:before{width:calc(100% - 30px)}.search .container .grid-system .card .card-title:before{background-color:rgba(59,158,64,.1);background-color:var(--transparent);border-radius:50px 10px;content:"";height:70%;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.3s;width:40px}.search .container .grid-system .card .card-des{border-bottom:1px solid #ddd;border-bottom:1px solid var(--3);color:#222;color:var(--9);margin-bottom:15px;padding:15px}.search .container .grid-system .card .card-category{border-radius:3px;color:#fff;color:var(--white);font-size:10px;left:0;margin:30px;padding:10px;position:absolute;top:0}.search .container .grid-system .card .card-category.islamic{background-color:rgba(2,255,2,.5);background-color:var(--islamic)}.search .container .grid-system .card .card-category.programming{background-color:rgba(0,132,255,.5);background-color:var(--programming)}.search .container .grid-system .card .card-info{display:flex;justify-content:space-between;margin:0 15px}.search .container .grid-system .card .card-info .card-views{color:#555;color:var(--6)}.search .container .grid-system .card .card-info .card-views span{color:#3b9e40;color:var(--main);margin:5px}.search .container .grid-system .card .card-info .card-date{color:#000;color:var(--black)}.search .container .error-msg{font-size:40px;font-weight:900;text-align:center}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding:0;transition:all .3s}a{text-decoration:none}body{direction:rtl;font-family:Amiri,sans-serif;line-height:2}ul{list-style:none}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}::-webkit-scrollbar-track{background-color:#eee;background-color:var(--2)}::-webkit-scrollbar-thumb{background-color:#3b9e40;background-color:var(--main)}::-webkit-scrollbar{width:15px;z-index:9}::-webkit-scrollbar-corner{color:#eee;color:var(--2)}::selection{background-color:#fff;background-color:var(--1);color:#3b9e40;color:var(--main)}.landing-svg{-webkit-transform:translateY(10%);transform:translateY(10%)}.landing-svg path{fill:#fff;fill:var(--1);-webkit-transform:translate(100%,100%) rotate(180deg);transform:translate(100%,100%) rotate(180deg)}
/*# sourceMappingURL=main.5f15ac9a.css.map*/