@font-face{font-family:IBMPlex;src:url(../media/IBMPlexSansArabic-Light.312c0d06.ttf);font-display:swap}@font-face{font-family:IBMPlexSemiBold;src:url(../media/IBMPlexSansArabic-SemiBold.7290301c.ttf);font-display:swap}@font-face{font-family:IBMPlexRegular;src:url(../media/IBMPlexSansArabic-Regular.f1333daa.ttf);font-display:swap}.body{color:#2e404c}.min-h-screen{min-height:calc(100vh - 165px)}.section-1{height:60vh}.section-1 h1{color:#fff;font-family:IBMPlexSemiBold;font-size:40px}.section-1 .subtitle{color:#fff;font-family:IBMPlexSemiBold;font-size:24px}.section-1 .panel{text-align:right;padding:16px}.section-1 .banner-bg{background-color:#2e404c;border-bottom-right-radius:40px;border-bottom-left-radius:40px;width:100vw;height:400px;position:absolute;overflow:hidden}.section-1 .section-1-content{max-width:600px;font-size:18px}.scrollable{overflow-x:scroll}.section-absolute{width:100vw;padding:64px;display:flex;position:relative;top:32px}.section-1-panel{background-color:#fff;border-radius:8px;margin:8px 8px 16px;overflow:hidden;box-shadow:0 4px 6px -2px #0000000d,0 10px 15px -3px #0a86dd14}.section-1 .main-feature-description{text-overflow:ellipsis;word-wrap:break-word;max-height:3.6em;line-height:1.8em;overflow:hidden}.section-1 .category{color:#0a86dd;margin-bottom:8px;font-size:14px}.section-1 .read-more{background:#ffffff29;border-radius:22px;padding:8px 24px 0;font-size:14px}.section-2 .blog-header{grid-column-gap:16px;grid-template-columns:352px auto;margin-bottom:32px;display:grid}.section-2 .blog{grid-column-gap:16px;grid-row-gap:16px;grid-template-columns:minmax(284px,349px) minmax(284px,349px) minmax(284px,349px);display:grid}.section-2-panel{background-color:#fff;border-radius:4px;max-width:349px;margin:8px 8px 16px;overflow:hidden;box-shadow:0 4px 6px -2px #0000000d,0 10px 15px -3px #0a86dd14}.section-2 .blog-content{text-align:right;padding:16px}.section-2 .blog-content h4{color:#2e404c;font-size:18px}.section-2 .read-more{color:#0a86dd;font-size:16px}.section-2 .category{color:#2e404ccc}.section-2 .category-item{color:#2e404ccc;cursor:pointer;border:1px solid #2e404ccc;border-radius:20px;margin-bottom:8px;padding:4px 16px}.section-2 .category-item-selected,.section-2 .category-item:hover{color:#0a86dd;border-color:#0a86dd}.searchInputContainer{border:1px solid var(--nature-blue-5,#0a86dd0d);background-color:#fff;background:var(--primary-w,#fff);border-radius:41px;align-items:center;padding:0 16px;display:flex;overflow:hidden;box-shadow:0 8px 24px #cddfeb80}.searchInputContainer .searchInput{text-align:right;border:0;flex:1;padding:8px 16px}.searchInputContainer .searchInput:focus{outline:none}@media (min-width:768px){#navMobile{display:none!important}}@media (max-width:940px){.section-1-content{grid-gap:32px;grid-template-columns:auto;grid-template-areas:"cta""list"}.section-absolute{padding:64px 0}}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.section-1 h4{color:#2e404c}}@media (max-width:767px){#navMobile{opacity:5;text-align:center;background:#000000e6;width:100vw;height:100vh;font-weight:500;position:absolute;top:0;left:0;color:#fff!important}#navMobile .nav-section{height:33%}#navMobile .nav-section .nav-item{margin:unset}#navMobile .nav-section .close-icon{position:absolute;top:25px;right:0}#navMobile .nav-section .close-icon svg{color:#fff}#navMobile .nav-section .btn-primary{margin-top:0!important}.section-1-content{height:auto}.section-absolute{padding:64px 0}}@media (max-width:425px){.section-1{font-size:14px}.section-1 h1{font-size:20px}}