/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/modules/regular/Hero banner solutions.module/module.css ***!
  \*********************************************************************************************************************************************************/.hero-banner-solutions{padding-bottom:190px;position:relative;width:100%}@media (max-width:992px){.hero-banner-solutions{padding-bottom:120px}}.hero-banner-solutions__wrapper{width:100%}.hero-banner-solutions__wrapper.solutions--seurity .hero-banner-solutions__wrapper--title{@-webkit-keyframes showImgTop2{0%{opacity:0}50%{opacity:0}to{opacity:1}}}@keyframes showImgTop2{0%{opacity:0}50%{opacity:0}to{opacity:1}}.hero-banner-solutions__wrapper.solutions--seurity .hero-banner-solutions__wrapper--title .object{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-name:showImgTop2;animation-name:showImgTop2;bottom:-15px;left:-5px}.hero-banner-solutions__wrapper.solutions--seurity .hero-banner-solutions__wrapper--boxes .object{right:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hero-banner-solutions__wrapper--title{padding-bottom:60px;padding-top:120px;position:relative;z-index:9;@-webkit-keyframes showImgTop{0%{opacity:0}50%{opacity:.3}to{opacity:1}}}@media (max-width:992px){.hero-banner-solutions__wrapper--title{padding-bottom:30px;padding-top:60px}}@media (min-width:992px){.hero-banner-solutions__wrapper--title h1{font-size:65px;font-weight:400;letter-spacing:0;line-height:81px;text-align:center}}@keyframes showImgTop{0%{opacity:0}50%{opacity:.3}to{opacity:1}}.hero-banner-solutions__wrapper--title .object{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:showImgTop;animation-name:showImgTop;bottom:50px;left:-68px;opacity:1;position:absolute}@media (max-width:1200px){.hero-banner-solutions__wrapper--title .object{left:-140px}}@media (max-width:992px){.hero-banner-solutions__wrapper--title .object{display:none}}.hero-banner-solutions__wrapper--boxes{position:relative;z-index:9;grid-gap:40px;gap:40px;padding-bottom:20px;@-webkit-keyframes showImg{0%{opacity:0}75%{opacity:0}to{opacity:1}}}@media (max-width:992px){.hero-banner-solutions__wrapper--boxes{grid-gap:30px;gap:30px}}.hero-banner-solutions__wrapper--boxes .single--item{background-color:var(--primary-5);border-radius:20px;-webkit-box-shadow:15px 15px 15px 10px rgba(0,0,0,.25);box-shadow:15px 15px 15px 10px rgba(0,0,0,.25);cursor:pointer;padding:40px;-webkit-transition:all .4s;transition:all .4s;width:calc(33.33333% - 27px)}@media (max-width:992px){.hero-banner-solutions__wrapper--boxes .single--item{padding:30px 20px;width:calc(50% - 15px)!important}}@media (max-width:768px){.hero-banner-solutions__wrapper--boxes .single--item{width:100%!important}}.hero-banner-solutions__wrapper--boxes .single--item:hover,.hero-banner-solutions__wrapper--boxes .single--item:hover .main{background-color:#242424}.hero-banner-solutions__wrapper--boxes .single--item:hover .btn-link *,.hero-banner-solutions__wrapper--boxes .single--item:hover .btn-scroll *,.hero-banner-solutions__wrapper--boxes .single--item:hover .description *{color:#fff}.hero-banner-solutions__wrapper--boxes .single--item:hover .image .icon{opacity:0}.hero-banner-solutions__wrapper--boxes .single--item:hover .image .icon-active{opacity:1!important}.hero-banner-solutions__wrapper--boxes .single--item:hover .btn .icon{opacity:0!important}.hero-banner-solutions__wrapper--boxes .single--item:hover .btn .icon-active{opacity:1!important}.hero-banner-solutions__wrapper--boxes .single--item.single--item--1:hover .image img,.hero-banner-solutions__wrapper--boxes .single--item.single--item--2:hover .image img{left:5px;top:-5px;-webkit-transition-duration:.3s;transition-duration:.3s}.hero-banner-solutions__wrapper--boxes .single--item.single--item--3:hover .image img{left:5px;-webkit-transition-duration:.3s;transition-duration:.3s}.hero-banner-solutions__wrapper--boxes .single--item .description *,.hero-banner-solutions__wrapper--boxes .single--item .description h3,.hero-banner-solutions__wrapper--boxes .single--item .description span{color:#111;margin-bottom:12px;text-align:center;-webkit-transition:all .3s;transition:all .3s}@media (max-width:992px){.hero-banner-solutions__wrapper--boxes .single--item .description * br,.hero-banner-solutions__wrapper--boxes .single--item .description h3 br,.hero-banner-solutions__wrapper--boxes .single--item .description span br{display:none}.hero-banner-solutions__wrapper--boxes .single--item .description h3{font-size:28px;font-style:normal;font-weight:400;line-height:normal}}.hero-banner-solutions__wrapper--boxes .single--item .description p{color:#111;font-family:Tajawal,sans-serif;font-size:18px;font-weight:400;letter-spacing:0;line-height:25px;margin-bottom:30px;text-align:left}.hero-banner-solutions__wrapper--boxes .single--item .description p:last-of-type{margin-bottom:0}.hero-banner-solutions__wrapper--boxes .single--item .image{height:96px;position:relative;width:96px}@media (max-width:992px){.hero-banner-solutions__wrapper--boxes .single--item .image{height:56px;margin-top:12px;width:56px}}.hero-banner-solutions__wrapper--boxes .single--item .image img{left:0;position:absolute;top:0;-webkit-transition:all .7s;transition:all .7s}.hero-banner-solutions__wrapper--boxes .single--item .image img.icon{opacity:1}.hero-banner-solutions__wrapper--boxes .single--item .image img.icon-active{opacity:0}.hero-banner-solutions__wrapper--boxes .single--item .btn-link,.hero-banner-solutions__wrapper--boxes .single--item .btn-scroll{padding-top:34px;grid-gap:8px;gap:8px}.hero-banner-solutions__wrapper--boxes .single--item .btn-link a,.hero-banner-solutions__wrapper--boxes .single--item .btn-scroll a{grid-gap:8px;gap:8px}.hero-banner-solutions__wrapper--boxes .single--item .btn-link a,.hero-banner-solutions__wrapper--boxes .single--item .btn-link span,.hero-banner-solutions__wrapper--boxes .single--item .btn-scroll a,.hero-banner-solutions__wrapper--boxes .single--item .btn-scroll span{background-color:transparent;color:#111;cursor:pointer;font-family:Tajawal,sans-serif;font-size:22px;font-style:normal;font-weight:700;line-height:30px;text-decoration:underline;text-underline-offset:8px;-webkit-transition:all .3s;transition:all .3s}.hero-banner-solutions__wrapper--boxes .single--item .btn-link .img,.hero-banner-solutions__wrapper--boxes .single--item .btn-scroll .img{height:15px;position:relative;width:15px}.hero-banner-solutions__wrapper--boxes .single--item .btn-link .img svg,.hero-banner-solutions__wrapper--boxes .single--item .btn-scroll .img svg{position:absolute;-webkit-transition:all .3s;transition:all .3s}.hero-banner-solutions__wrapper--boxes .single--item .btn-link .img svg.icon,.hero-banner-solutions__wrapper--boxes .single--item .btn-scroll .img svg.icon{opacity:1}.hero-banner-solutions__wrapper--boxes .single--item .btn-link .img svg.icon-active,.hero-banner-solutions__wrapper--boxes .single--item .btn-scroll .img svg.icon-active{opacity:0}.hero-banner-solutions__wrapper--boxes .single--item--gradient{padding:1px}.hero-banner-solutions__wrapper--boxes .single--item--gradient .main{background-color:var(--primary-5);border-radius:20px;height:100%;padding:40px;-webkit-transition:all .2s;transition:all .2s}@keyframes showImg{0%{opacity:0}75%{opacity:0}to{opacity:1}}.hero-banner-solutions__wrapper--boxes .object{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:showImg;animation-name:showImg;bottom:-90px;opacity:1;position:absolute;right:-68px;z-index:-1}@media (max-width:992px){.hero-banner-solutions__wrapper--boxes .object{display:none}}.hero-banner-solutions .bottom-mask{bottom:0;left:-10px;position:absolute;width:calc(100% + 10px);z-index:2}.hero-banner-solutions .bottom-mask img{width:100%}.hero-banner-solutions .bottom-mask img.lg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}@media (max-width:992px){.hero-banner-solutions .bottom-mask img.lg{display:none}}.hero-banner-solutions .bottom-mask img.sm{display:none}@media (max-width:992px){.hero-banner-solutions .bottom-mask img.sm{display:block}}