@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}.align-right{text-align:right}.body{color:#2e404c}.section-1{height:450px}.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:linear-gradient(102.79deg,#2c3a41 0%,#1c2430 57.81% 100%);align-items:center;width:100vw;height:460px;display:flex;position:absolute;overflow:hidden}.scrollable{overflow-x:scroll}.section-1-content{grid-column-gap:32px;grid-template-columns:auto 448px;grid-template-areas:"title cta_image";display:grid}.section-1-content .title{text-align:right;flex-direction:column;grid-area:title;justify-content:center;display:flex}.section-1-content .cta_image{grid-area:cta_image}.section-1-content .cta_image img{-o-object-fit:cover;object-fit:cover;border-radius:20px}.section-absolute{width:100vw;padding:64px;display:flex;position:relative;top:32px}.blog-content{z-index:1;background-color:#fff;border-radius:28px;margin-top:-30px;position:relative}.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}.feature-image{width:100%;height:420px;position:relative}.feature-item{grid-column-gap:12px;text-align:right;grid-template-columns:auto 120px;padding:14px;display:grid}.feature-item h4{font-size:17px}.section-1 .minRead{color:#2e404ccc;font-size:14px}.section-2{text-align:right;margin-top:100px}.section-2 .blog-header{grid-column-gap:16px;grid-template-columns:352px auto;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{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}.section-3{margin-top:100px;position:relative}.section-3 .section-3-container{border-radius:30px;align-items:center;min-height:169px;padding:32px;display:flex;position:relative;overflow:hidden}.row-reverse{flex-direction:row-reverse}.activeCategory{background-color:#0a86dd;color:#fff!important;border-color:#0a86dd!important}.dot{background-color:#fff;border-radius:50%;width:8px;height:8px;display:inline-block}.cta{border-radius:30px;height:190px;padding:32px;position:relative;overflow:hidden}.cta .cta-content{z-index:1;grid-template:"cta-content-button cta-content-text"/30% auto;display:grid;position:relative}.cta-content-button{grid-area:cta-content-button}.cta-content-text{grid-area:cta-content-text}.blog{font-size:24px}.recommendationItem{background-color:#fff;border-radius:8px;width:352px;margin:35px 35px 70px;overflow:hidden;box-shadow:0 23px 69px #0a86dd21}.recommendationItem .recommendationImage{width:352px;height:auto}.recommendationItem .recommendationContent{grid-gap:12px;padding:16px;display:grid}.recommendations{scrollbar-width:none;-ms-overflow-style:none;margin-right:-60px;overflow:scroll}.recommendations::-webkit-scrollbar{display:none}.recommendations h2{font-family:IBMPlexSemiBold}.recommendationSection{font-family:IBMPlexSemiBold;font-size:36px}.recommendationItem .recommendationContent .recommendationTitle{color:#18313d;font-family:IBMPlexSemiBold}.recommendationList{scrollbar-width:none;-ms-overflow-style:none;width:100%;display:inline-flex;overflow-y:scroll}.recommendationList::-webkit-scrollbar{display:none}.read-more{color:#0a86dd;font-family:IBMPlexBold;font-weight:500}.section-3{margin-top:64px;margin-bottom:64px;position:relative}.section-3 .section-3-container{border-radius:30px;align-items:center;width:100%;min-height:169px;padding:0 32px;display:flex;position:relative;overflow:hidden}.section-3 .blogCTA{z-index:0;height:auto!important}.section-3 .section-3-form{z-index:1;text-align:right;flex:1;align-items:center;display:flex;position:relative}.section-3 .contact_us_btn{width:154px;height:48px;font-size:16px}.section-3 .contact_us_input{text-align:right;background-color:#fff;flex:1;height:48px;margin:0 8px;font-size:14px}.blog-content td{border:1px solid #212529;padding:16px}.needSubscriptionContainer{z-index:999;background:linear-gradient(#ffffff4d,#fff,#fff);flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:40vh;margin-top:-200px;display:flex;position:relative;bottom:0}.needSubscriptionContent{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:500px;padding-top:200px;padding-bottom:100px;display:flex}@media (min-width:768px){#navMobile{display:none!important}}@media (max-width:940px){.section-absolute{padding:64px 0}}@media (max-width:768px){.navbar-expand-sm .navbar-collapse.collapse:not(.show){display:none!important}.navbar-expand-sm .navbar-nav{flex-direction:column}.desktop-only{display:none!important}.mobile-only{display:flex!important}.section-1 h4{color:#2e404c}}@media (max-width:767px){.section-1-content{grid-gap:8px;grid-template:"cta_image""title"/auto;margin-top:32px}.section-1-content .cta_image{justify-content:flex-end;display:flex}.section-1-content .cta_image img{width:100%;max-width:300px;height:auto;max-height:200px}#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}.site-header div a{font-weight:500;color:#fff!important}.section-1-content{height:auto}.section-absolute{padding:64px 0}.section-3{margin-top:32px}}@media (max-width:425px){.feature-image{height:220px}.section-1{height:auto;font-size:14px}.section-1 h1{font-size:20px}.desktop-only{display:none!important}.cta{padding:16px}.cta .cta-content{grid-template:"cta-content-text""cta-content-button"/auto}.cta .cta-content h4{font-size:18px}.recommendationItem{min-width:calc(100vw - 32px);margin:16px 0 70px 32px}.recommendationItem .recommendationImage{min-width:calc(100vw - 32px);height:auto}.section-3 .section-3-form{text-align:center;flex-direction:column-reverse}.section-3{font-size:12px}.section-3 h1{font-size:24px}.section-3 .section-3-container{border-radius:0}.section-3 .section-3-container img{height:100%!important}.section-3-contact-form{margin-top:16px}.section-3-contact-form .contact_us_btn{width:70px;font-size:12px}.blog{font-size:16px}h2{font-size:24px}h1{font-size:2rem}.recommendationSection{font-size:24px}.blog-content{margin-top:0}.section-1-content .cta_image{display:block}.section-1-content .cta_image img{max-width:none;max-height:none}}@media (max-width:320px){.section-1 .banner-bg{height:370px}.section-1{height:420px;min-height:420px}}
