/* 

 ------------------------------------------------>

*   theme name   : Suaal

*   theme author : Fahad Mayow

*   theme version: 2.1

 ------------------------------------------------>

*/

/* suaal utilities */

.main-clr-600,.main-clr-600-hvr:hover{color:#045239}.main-clr-500,.main-clr-500-hvr:hover{color:#1e9f75}.main-clr-400,.main-clr-400-hvr:hover{color:#84f5d0}.main-clr-300,.main-clr-300-hvr:hover{color:#adffe4}.main-clr-200,.main-clr-200-hvr:hover{color:#cfe}.main-clr-100,.main-clr-100-hvr:hover{color:#eafff8}.main-bg-600,.main-bg-600-hvr:hover{background-color:#045239}.main-bg-500,.main-bg-500-hvr:hover{background-color:#1e9f75}.main-bg-400,.main-bg-400-hvr:hover{background-color:#84f5d0}.main-bg-300,.main-bg-300-hvr:hover{background-color:#adffe4}.main-bg-200,.main-bg-200-hvr:hover{background-color:#cfe}.main-bg-100,.main-bg-100-hvr:hover{background-color:#eafff8}.seco-clr-600,.seco-clr-600-hvr:hover{color:#343434}.seco-clr-500,.seco-clr-500-hvr:hover{color:#545454}.seco-clr-400,.seco-clr-400-hvr:hover{color:#969696}.seco-clr-300,.seco-clr-300-hvr:hover{color:#a7a7a7}.seco-clr-200,.seco-clr-200-hvr:hover{color:#dfe6e3}.seco-clr-100,.seco-clr-100-hvr:hover{color:#f1f1f1}.seco-bg-600,.seco-bg-600-hvr:hover{background-color:#343434}.seco-bg-500,.seco-bg-500-hvr:hover{background-color:#545454}.seco-bg-400,.seco-bg-400-hvr:hover{background-color:#969696}.seco-bg-300,.seco-bg-300-hvr:hover{background-color:#a7a7a7}.seco-bg-200,.seco-bg-200-hvr:hover{background-color:#dfe6e3}.seco-bg-100,.seco-bg-100-hvr:hover{background-color:#f1f1f1}.white-clr,.white-clr-hvr:hover{color:#fff}.white-bg,.white-bg-hvr:hover{background-color:#fff}.black-clr,.black-clr-hvr:hover{color:#000}.black-bg,.black-bg-hvr:hover{background-color:#000}.none-clr,.none-clr-hvr:hover{color:transparent}.none-bg,.none-bg-hvr:hover{background-color:transparent}.font-w-900{font-weight:900}.font-w-800{font-weight:800}.font-w-700{font-weight:700}.font-w-600{font-weight:600}.font-w-500{font-weight:500}.font-w-400{font-weight:400}.font-w-300{font-weight:300}.font-w-200{font-weight:200}.font-w-100{font-weight:100}.font-size-61{font-size:61px}.font-size-51{font-size:51px}.font-size-41{font-size:41px}.font-size-31{font-size:31px}.font-size-27{font-size:27px}.font-size-24{font-size:24px}.font-size-20{font-size:21px}.font-size-18{font-size:18px}.font-size-16{font-size:16px}.font-size-15{font-size:15px}.font-size-14{font-size:14px}.font-size-13{font-size:13px}.font-size-12{font-size:12px}.font-size-11{font-size:11px}.font-size-10{font-size:10px}.font-size-9{font-size:9px}.text-deco-none{text-decoration:none}.text-deco-under{text-decoration:underline}.text-upper{text-transform:uppercase}.text-lower{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}.text-l-space-1{letter-spacing:1px}.text-l-space-2{letter-spacing:2px}.text-l-space-3{letter-spacing:3px}.text-l-space-4{letter-spacing:4px}.text-l-space-5{letter-spacing:5px}.pos-relative{position:relative}.pos-absolute{position:absolute}.pos-static{position:static}.pos-fixed{position:fixed}.dnone{display:none}.dinline{display:inline}.diblock{display:inline-block}.dblock{display:block}.dcontent{display:contents}.dflex{display:flex}.fleft{float:right}.fright{float:left}.wrap-flex{flex-wrap:wrap}.bshadow{box-shadow:0 3px 13px #e0e0e0}.list-s-none{list-style:none}.ov-hidden{overflow:hidden}.ov-auto{overflow:auto}.lheight-24{line-height:24px}.lheight-27{line-height:27px}.lheight-31{line-height:31px}.lheight-35{line-height:35px}.cur-pointer{cursor:pointer}.bdr-w-1,.bdr-w-1-hvr:hover{border-width:1px}.bdr-w-2,.bdr-w-2-hvr:hover{border-width:2px}.bdr-w-3,.bdr-w-3-hvr:hover{border-width:3px}.bdr-w-4,.bdr-w-4-hvr:hover{border-width:4px}.bdr-w-5,.bdr-w-5-hvr:hover{border-width:5px}.bdr-clr,.bdr-clr-hvr:hover{border-color:currentColor}.bdr-solid,.bdr-solid-hvr:hover{border-style:solid}.bdr-dashed,.bdr-dashed-hvr:hover{border-style:dashed}.bdr-dotted,.bdr-dotted-hvr:hover{border-style:dotted}.bdr-radius-6,.bdr-radius-6-hvr:hover{border-radius:6px}.bdr-radius-12,.bdr-radius-12-hvr:hover{border-radius:12px}.bdr-radius-50,.bdr-radius-50-hvr:hover{border-radius:50px}.bdr-circle,.bdr-circle-hvr:hover{border-radius:50%}.mar-center{margin:0 auto}.mar-0{margin:0}.mar-6{margin:6px}.mar-12{margin:12px}.mar-18{margin:18px}.mar-21{margin:21px}.mar-31{margin:31px}.mar-41{margin:41px}.mar-top-0{margin-top:0}.mar-top-6{margin-top:6px}.mar-top-12{margin-top:12px}.mar-top-18{margin-top:18px}.mar-top-21{margin-top:21px}.mar-top-31{margin-top:31px}.mar-top-41{margin-top:41px}.mar-bottom-0{margin-bottom:0}.mar-bottom-6{margin-bottom:6px}.mar-bottom-12{margin-bottom:12px}.mar-bottom-18{margin-bottom:18px}.mar-bottom-21{margin-bottom:21px}.mar-bottom-31{margin-bottom:31px}.mar-bottom-41{margin-bottom:41px}.mar-left-6{margin-left:6px}.mar-left-0{margin-left:0}.mar-left-12{margin-left:12px}.mar-left-18{margin-left:18px}.mar-left-21{margin-left:21px}.mar-left-31{margin-left:31px}.mar-left-41{margin-left:41px}.mar-right-0{margin-right:0}.mar-right-6{margin-right:6px}.mar-right-12{margin-right:12px}.mar-right-18{margin-right:18px}.mar-right-21{margin-right:21px}.mar-right-31{margin-right:31px}.mar-right-41{margin-right:41px}.pad-0{padding:0}.pad-6{padding:6px}.pad-12{padding:12px}.pad-18{padding:18px}.pad-21{padding:21px}.pad-31{padding:31px}.pad-41{padding:41px}.pad-top-0{padding-top:0}.pad-top-6{padding-top:6px}.pad-top-12{padding-top:12px}.pad-top-18{padding-top:18px}.pad-top-21{padding-top:21px}.pad-top-31{padding-top:31px}.pad-top-41{padding-top:41px}.pad-bottom-0{padding-bottom:0}.pad-bottom-6{padding-bottom:6px}.pad-bottom-12{padding-bottom:12px}.pad-bottom-18{padding-bottom:18px}.pad-bottom-21{padding-bottom:21px}.pad-bottom-31{padding-bottom:31px}.pad-bottom-41{padding-bottom:41px}.pad-left-0{padding-left:0}.pad-left-6{padding-left:6px}.pad-left-12{padding-left:12px}.pad-left-18{padding-left:18px}.pad-left-21{padding-left:21px}.pad-left-31{padding-left:31px}.pad-left-41{padding-left:41px}.pad-right-0{padding-right:0}.pad-right-6{padding-right:6px}.pad-right-12{padding-right:12px}.pad-right-18{padding-right:18px}.pad-right-21{padding-right:21px}.pad-right-31{padding-right:31px}.pad-right-41{padding-right:41px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeIn{animation:.5s ease-in fadeIn}.fadeOut{animation:.5s ease-out fadeOut}.fadeInOut-loop{animation:.5s ease-in-out infinite alternate fadeIn}.fade-show-hide{animation:.5s ease-in-out infinite fadeIn}.ts-1{transition:.1s}.ts-2{transition:.2s}.ts-3{transition:.3s}.ts-4{transition:.4s}.ts-5{transition:.5s}.ts-6{transition:.6s}.ts-7{transition:.7s}.ts-8{transition:.8s}.ts-9{transition:.9s}.ts-10{transition:1s}
/* suaal components */

.section-title-line::after,.section-title-line::before{background-color:currentColor;position:absolute;content:'';overflow:hidden}.btn,.list-item-link,.suaal-post-wrap,.tags-item-link{text-decoration:none}.btn{border:0;outline:0;overflow:hidden;display:inline-block;border-radius:6px;cursor:pointer}.btn-icon-text,.btn-text,.btn-text-icon{padding:12px 21px}.btn-icon{padding:12px 16px}.search-field,.search-submit{padding:12px 21px;box-sizing:border-box;outline:0}.btn-icon-text i,.btn-text-icon i{font-size:14px;margin-left:12px}.search-form{width:100%;overflow:hidden}.search-field{width:calc(100% - 85px);float:right;border-radius:6px;border:0;margin-left:12px}.search-submit{width:65px;border:0;border-radius:6px;margin-left:-4px;cursor:pointer}.register-field,.register-field input:focus{border-bottom:1px solid currentColor}.suaal-header-desk-right-btn{margin-top:52px}.section-title{position:relative;overflow:hidden;width:100%;display:block}.section-title-item{font-size:18px;margin-bottom:4px}.section-title-line{display:inline-block;height:3px;width:250px;position:relative}.section-title-line::before{width:8px;height:8px;border-radius:50%;top:-3px}.section-title-line::after{width:90px;height:3px;top:0}.suaal-post{position:relative;width:100%;overflow:hidden;border:1px solid currentColor;border-radius:6px;margin-bottom:24px}.suaal-post-bookmark{position:relative;overflow:hidden;display:inline-block;height:31px;width:21px;top:0;right:31px}.suaal-post-bookmark::before{content:'';width:0;height:0;border-bottom:11px solid currentColor;border-top:11px solid transparent;border-left:11px solid transparent;border-right:11px solid transparent;position:absolute;bottom:-1px}.suaal-post-wrap{float:left;width:calc(100% - 60px);padding:21px}.suaal-post-item{font-size:20px;margin:0 0 14px;width:calc(100% - 51px);line-height:31px}.suaal-post-num{font-size:14px}.suaal-post-go{width:32px;height:32px;overflow:hidden;border-radius:50%;position:absolute;left:21px;top:50%;transform:translateY(-50%);font-size:18px;text-align:center;line-height:33px}@media screen and (max-width:521px){.section-title-line{width:190px}.section-title-line::after{width:70px}.suaal-post-bookmark{left:12px}.suaal-post-wrap{width:calc(100% - 33px)}.suaal-post-item{width:100%}.suaal-post-go{top:auto;bottom:0}}.suaal-timeline{width:100%;overflow:hidden;border-right:1px solid currentColor;margin-bottom:21px}.suaal-timeline-section-title{display:inline-block;font-size:14px;padding:8px 27px 8px 21px;box-sizing:border-box;border-top-left-radius:50px;border-bottom-left-radius:50px}.suaal-timeline-section-content{padding:31px 21px;font-size:20px;line-height:31px}.suaal-timeline .suaal-title{font-size:20px;margin:0}.list-group,.tags-group{overflow:hidden;padding:0;margin:0}.list-item{font-size:18px;list-style:none;padding:6px 0}.list-item::before{content:'\f101';font-family:'Font Awesome 5 Free';font-weight:600;float:right;margin-left:12px;color:currentColor;font-size:16px}.tags-item{display:inline-block;list-style:none;border:1px solid currentColor;border-radius:50px;font-size:14px;overflow:hidden}.tags-item-link{padding:3px 18px;border-radius:50px;display:block}.register-form{overflow:hidden;width:100%}.register-field{position:relative;margin-bottom:31px;overflow:hidden;width:100%}.register-field span{display:block;font-size:14px}.register-field input,.register-field textarea{bottom:0;border:0;outline:0;width:100%;padding-top:12px;padding-bottom:12px}.register-field textarea{max-width:100%;min-height:191px}
/* suaal main */

@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap);body,h1,h2,h3,h4,h5,h6{margin:0}body{padding:0;top:0;font-family:Tajawal,sans-serif}*{box-sizing:border-box;text-decoration:none}a{color:#1e9f75;font-size:16px}ul li{line-height:31px}::selection{background-color:#1e9f75;color:#fff}::-moz-selection{background-color:#1e9f75;color:#fff}.container{width:1180px;margin:0 auto}.container-page{width:771px;margin:0 auto}.container-full,.suaal-header-desk-logo a,.suaal-header-mob-logo a{width:100%}.container-form{width:480px;margin:0 auto}.suaal-header-desk{width:100%;overflow:hidden;height:145px}.suaal-header-desk.container{display:flex}.suaal-header-desk-logo{width:130px;height:100%;overflow:hidden;margin-top:50px}.suaal-header-desk-logo a img,.suaal-header-mob-logo a img,.suaal-loader img{width:100%;height:auto}.suaal-header-desk-left-btn{width:210px;margin-top:52px;text-align:right}.suaal-header-desk-search{overflow:hidden;width:calc(100% - 705px);margin-left:21px;margin-top:52px}.suaal-header-desk-right-btn a,.suaal-header-desk-right-btn button{margin-left:18px;float:left}.suaal-header-mob{height:81px;width:100%;overflow:hidden;padding:24px 21px}.suaal-header-mob-logo{width:110px;overflow:hidden}.suaal-header-mob-search{width:100%;height:81px;left:0;top:0;padding:24px 21px}.auto-search-result,.user-page-content .section-title-line::after,.user-page-content .section-title-line::before{left:50%;transform:translateX(-50%)}.suaal-header-mob-search .search-field{padding:12px 21px 12px 0;margin-top:-4px}.suaal-header-mob-search .search-submit{width:32.5px;padding-left:0;padding-right:0;padding-top:6px;margin-left:-12px}.suaal-header-mob-cancel-form{width:16px;padding-top:6px}.auto-search-result{width:500px;max-height:380px;overflow:auto;border-radius:6px;margin:0 auto 0 6px;position:absolute;z-index:97;top:100px}.auto-search-result::-webkit-scrollbar{width:2px}.auto-search-result::-webkit-scrollbar-thumb{background-color:#1e9f75}.suaal-nav-overlay{width:100%;height:100%;opacity:.8;display:none;left:0;top:0;z-index:98}.suaal-nav{top:0;left:-888px;height:100%;width:480px;z-index:99;transition:.4s}.suaal-nav .list-item{padding:0 41px}.suaal-nav .list-item::before{font-size:18px;margin-top:18px;margin-right:21px}.suaal-nav .list-item-link{font-size:18px;padding:18px 0;border-bottom:1px solid #dfe6e3}.suaal-nav::-webkit-scrollbar{width:12px}.suaal-nav::-webkit-scrollbar-thumb{background-color:#1e9f75}.suaal-nav::-webkit-scrollbar-thumb:hover{background-color:#045239}.suaal-page-content{margin-top:51px;overflow:hidden}.suaal-page-content-wrap{margin-bottom:41px}.suaal-page-content-counter{margin-bottom:31px}.paginate-links,.suaal-page-content-items{margin-top:31px}.suaal-loader{width:55px;height:55px;border:4px solid currentColor;border-radius:50%;padding:8px}.suaal-timeline-section-content img{width:270px;height:auto;border:1px solid currentColor}.suaal-timeline-section-content .suaal-thumb-info{width:270px;margin-top:-12px;height:auto;line-height:24px}.suaal-page-content-items blockquote{background:#f2f2f2;display:block;padding:31px 12px 12px 41px;margin:0;border-left:4px solid}.suaal-page-content-items blockquote::before{content:'\f10d';font-family:'Font Awesome 5 Free';font-weight:700;font-size:24px;display:block}.suaal-post-counter{position:relative;width:calc(100% / 2 - 12px);overflow:hidden;border:1px solid currentColor;border-radius:6px;margin-bottom:24px}.suaal-post-counter:first-child{margin-right:12px}.suaal-post-counter:last-child{margin-left:12px}.suaal-post-counter-wrap{float:right;width:calc(100% - 60px);text-decoration:none;padding:14px 14px 14px 23px}.suaal-footer,.suaal-search-not-found{width:100%;overflow:hidden}.suaal-search-not-found-shape{width:211px;overflow:hidden;position:relative;margin:0 auto;height:99px;border:1px solid currentColor}.suaal-search-not-found-shape-left{width:calc(100% - 90px);overflow:hidden}.suaal-search-not-found-shape-line{height:14px;width:100%}.suaal-search-not-found-shape-line:nth-child(odd){width:50%}.suaal-search-not-found-shape-right i{right:21px;bottom:21px}.suaal-search-not-found-info span{margin-bottom:3px}.user-page-icon{width:133px;height:133px;border:1px solid currentColor;line-height:163px;margin:0 auto}.user-page-content{width:100%;text-align:center}.user-page-content a i{margin:0;font-size:21px}.user-page-content a span{margin-top:16px;display:block}.paginate-links .page-numbers{padding:7px 12px;border:1px solid #1e9f75;border-radius:3px;margin-right:5px;margin-bottom:12px;display:inline-block;transition:.4s;font-weight:500}.paginate-links .current,.paginate-links .page-numbers:hover{background-color:#1e9f75;color:#fff}.suaal-footer-logo{height:52px;overflow:hidden}.suaal-footer-logo a{height:100%}.suaal-footer-logo a img{height:100%;width:auto}.back-to-top{position:fixed;bottom:-61px;right:41px;transition:.4s}@media screen and (max-width:1192px){.container{width:100%;padding:0 12px}.suaal-header-mob .container{padding:0}}@media screen and (max-width:895px){.suaal-header-desk{display:none}.suaal-header-mob{display:block}.suaal-header-mob .suaal-header-mob-left-btn{margin-top:-3px}.auto-search-result{width:100%;max-height:380px;margin-left:0;top:79px;left:0;transform:translateX(0)}}@media screen and (max-width:790px){.container-page{width:100%;padding:0 21px}}@media screen and (max-width:650px){.suaal-post-counter{width:100%}.suaal-post-counter:first-child,.suaal-post-counter:last-child{margin:0 0 21px}}@media screen and (max-width:590px){.container-form{width:100%}.suaal-nav{width:280px}.suaal-nav::-webkit-scrollbar{width:2px}.suaal-nav .list-item{padding:0 21px}.suaal-nav .list-item-link{font-size:16px;padding:10px 0}.suaal-nav .list-item::before{margin-top:10px}.suaal-nav-header a{padding:41px 21px}.suaal-nav-header h3{font-size:16px}}