.hero-section{padding-top:20px;padding-bottom:32px}.hero-section .hero-top{grid-template-columns:1fr 2fr;gap:28px;margin-bottom:32px;display:grid}.hero-carousel{background-color:#0000004d;max-width:100%;position:relative}.hero-carousel:after{content:"";background-color:linear-gradient(83deg, #011c4000 -1.66%, #011c40a3 96.66%);z-index:2;background:linear-gradient(83deg,#011c40a3 -1.66%,#011c4000 96.66%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-section .hero-top.arabic .hero-carousel:after{content:"";background-color:linear-gradient(83deg, #011c40a3 -1.66%, #011c4000 96.66%);z-index:2;background:linear-gradient(83deg,#011c40a3 -1.66%,#011c4000 96.66%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-carousel .temp_hero_carousel{z-index:1;object-fit:cover;width:100%;max-width:100%;height:100%;position:absolute;top:0;left:0}.hero-section .hero-top.arabic .hero-carousel:after,.arabic .hero-carousel .temp_hero_carousel{transform:scaleX(-1)}.hero-carousel .carousel_left{z-index:4;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.hero-carousel .carousel_right{z-index:4;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.hero-carousel .cnt{z-index:3;flex-direction:column;justify-content:space-between;height:100%;padding-top:48px;padding-bottom:48px;padding-left:88px;display:flex;position:relative}.hero-section .hero-top.arabic .hero-carousel .cnt{z-index:3;flex-direction:column;justify-content:space-between;height:100%;padding-top:48px;padding-bottom:48px;padding-right:88px;display:flex;position:relative}.hero-carousel .cnt h2{color:var(--Rukneo-White,#fff);width:362px;font-family:Alexandria;font-size:32px;font-style:normal;font-weight:700;line-height:40px}.hero-carousel .cnt .bottom p{color:var(--Rukneo-White,#fff);width:362px;font-family:Heebo;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.hero-carousel .cnt .bottom button{border:1px solid var(--Rukneo-White,#fff);color:var(--Rukneo-White,#fff);background-color:#0000;border-radius:8px;height:40px;padding:8px 16px;font-family:Alexandria;font-size:16px;font-style:normal;font-weight:600;line-height:100%}.hero-carousel .carousel-circles{z-index:3;align-items:center;gap:4px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hero-carousel .carousel-circles span{opacity:.64;background-color:#fff;border-radius:50%;width:12px;height:12px;display:block}.hero-carousel .carousel-circles span.active{opacity:1}@media only screen and (max-width:992px){.hero-section{padding-bottom:16px;padding-left:0;padding-right:0}.hero-section .hero-top{grid-template-columns:1fr;margin:0;display:grid}.hero-carousel .carousel_left{left:12px}.hero-carousel .carousel_right{right:12px}}@media only screen and (max-width:767px){.hero-section{padding-left:8px;padding-right:8px}.hero-carousel .cnt{max-width:300px!important;padding:16px!important}.hero-carousel .cnt h2{max-width:fit-content;font-size:20px;line-height:28px}.hero-carousel .cnt .bottom p{max-width:fit-content;font-size:12px;line-height:16px}.hero-carousel .carousel-circles{z-index:3;bottom:16px;left:auto;right:16px}.hero-section .hero-top.arabic .hero-carousel .carousel-circles{left:16px}.hero-carousel .cnt .bottom button{border:1px solid var(--Rukneo-White,#fff);color:var(--Rukneo-White,#fff);background-color:#0000;border-radius:8px;padding:8px 16px;font-size:12px}}.arabic.hero-carousel .cnt h2,.arabic.hero-carousel .cnt .bottom p,.arabic.hero-carousel .cnt .bottom button{font-weight:300;font-family:shaheen arabic IT!important}