.worked{position:relative;width:100%;overflow-x:hidden}.workedCardsParent{min-height:90vh}.workedCard{margin:20px auto 50px;position:relative;overflow:hidden;width:250px;height:250px;border-radius:50%;background-color:#f3f4f6;border-bottom:4px solid #F0AB1E;box-shadow:#959da533 0 8px 24px}.workedCardTitle{height:30%;display:flex;justify-content:center;align-items:center;text-align:center}.workedCardContainer a{text-decoration:none}.workedTitle{width:100%;margin-top:100px;text-align:center}.workedTitle h1{font-size:40px;color:#2c4a68}.workedCard:hover{transform:scale(1.1);transition:.5s ease-in-out}.workedCard:hover img{transform:scale(1.1)!important;transition:.5s ease-out}.workedCard h2{font-size:x-large;color:#2c4a68;text-align:center}.workedCardContainer{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;margin-top:80px}.workedCard img{border-bottom:4px solid #2C4A68;position:relative;display:flex;text-align:center;justify-content:center;align-items:center;max-height:120px;width:100%}.workedCardButton{position:absolute;display:flex;justify-content:center;align-items:center;width:100%}.workedCardButton.workedButton{top:50%;transform:translateY(-50%)}.workedCardButton.logosButton{bottom:10px}.workedCard button{height:25px;border:none;background-color:transparent;color:#2c4a68}.arRTL{direction:rtl}.en{font-family:Comfortaa,cursive}.logosContainer{position:relative;width:100%}.slick-list{text-align:center}.slick-arrow{z-index:4!important;margin:50px;background-color:#8b4513!important}.logoImgContainer{display:flex;justify-content:center;align-items:center;height:100px}.logoImgContainer img{max-height:100px;max-width:200px;margin:auto}.sliderImagesContainer{margin-bottom:20px}.countUpText{text-align:center;color:#279884;font-family:Comfortaa,cursive}.countUpText.ar{font-family:Molhim-Bold}.workedWithText{text-align:center;color:#2c4a68}.knaflt{top:100%;transform:translateY(100%)}.burger-tune{width:200px;top:40%;transform:translateY(40%)}.khashab{top:30%;transform:translateY(30%)}.behano{top:50%;transform:translateY(50%)}.slot{top:30%;transform:translateY(30%);width:120px}.mk7{top:30%;transform:translateY(30%);width:125px}.flowar{top:50%;transform:translateY(50%)}.aj{top:100%;transform:translateY(100%)}.hashi{top:30%;transform:translateY(30%)}.countUpContainer{margin-top:50px!important;margin-bottom:50px!important}.titleTextCard{margin-top:5px}@media only screen and (max-width: 900px) and (min-width: 600px){.workedCardContainer{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px}}@media only screen and (max-width: 600px){.workedCardContainer{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px}}.workedCardButton:after{content:"";position:absolute;width:100%;display:block;text-align:center;font-size:20px;z-index:100;text-decoration:none;text-shadow:0;width:10px;height:10px;border-bottom:2px solid #2C4A68;border-right:2px solid #2C4A68;z-index:9;top:100%;-webkit-transform:translate(-50%,0%) rotate(45deg);-moz-transform:translate(-50%,0%) rotate(45deg);transform:translate(-50%) rotate(45deg);-webkit-animation:fade_move_down 4s ease-in-out infinite;-moz-animation:fade_move_down 4s ease-in-out infinite;animation:fade_move_down 4s ease-in-out infinite}@-webkit-keyframes fade_move_down{0%{-webkit-transform:translate(0,-8px) rotate(45deg);opacity:0}50%{opacity:1}to{-webkit-transform:translate(0,0px) rotate(45deg);opacity:0}}@-moz-keyframes fade_move_down{0%{-moz-transform:translate(0,-8px) rotate(45deg);opacity:0}50%{opacity:1}to{-moz-transform:translate(0,0px) rotate(45deg);opacity:0}}@keyframes fade_move_down{0%{transform:translateY(-8px) rotate(45deg);opacity:0}50%{opacity:1}to{transform:translate(0) rotate(45deg);opacity:0}}.workedElements{height:100vh;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:0px;grid-row-gap:0px}.element{position:relative}.elementChild{position:absolute;width:250px;height:250px;border-radius:50%;border:17px solid #2C4A68;box-shadow:0 0 0 15px #fff inset;box-sizing:border-box}.elementChild:hover{transform:scale(1.1)!important;transition:.5s ease-out}.leftTop{right:0;bottom:0;background-color:#ddb3ad}.rightTop:after{content:"";position:absolute;right:-80%;top:0%;width:100%;height:100%;background-repeat:no-repeat;transform:rotate(-15deg) scaleX(-1);background-image:url(/images/icons/arrow.svg)}.rightTop:before{content:"\627\644\62a\633\648\64a\642";position:absolute;right:-82%;font-size:xx-large;top:50%;color:#2c4a68}.rightTop.en:before{content:"Marketing";right:-106%}.rightTop:hover.rightTop:before{color:#f0ab1e}.rightBottom:after{content:"";position:absolute;right:-70%;width:100%;height:100%;top:0;background-repeat:no-repeat;transform:rotate(-0) scaleX(-1) scaleY(-1);background-image:url(/images/icons/arrow.svg)}.rightBottom:before{content:"\625\633\62a\62f\64a\648";position:absolute;right:-80%;font-size:xx-large;top:20%;color:#2c4a68}.rightBottom.en:before{content:"Studio"}.rightBottom:hover.rightBottom:before{color:#e32b2d}.leftTop:after{content:"";position:absolute;left:-80%;top:0%;width:100%;height:100%;transform:rotate(15deg);background-repeat:no-repeat;background-image:url(/images/icons/arrow.svg)}.leftTop:before{content:"\627\644\639\644\627\642\627\62a  \627\644\639\627\645\629";position:absolute;left:-120%;font-size:xx-large;top:50%;color:#2c4a68}.leftTop.en:before{margin-left:65px;width:220px;content:"Public Relations";left:-130%}.leftTop:hover.leftTop:before{color:#ddb3ad}.leftBottom:after{content:"";position:absolute;left:-85%;top:0%;width:100%;height:100%;transform:rotate(-20deg) scaleY(-1);background-repeat:no-repeat;background-image:url(/images/icons/arrow.svg)}.leftBottom:before{content:"\625\62f\627  \631\629  \627\644\645\634\627  \631\64a\639";position:absolute;left:-115%;font-size:xx-large;top:30%;color:#2c4a68}.leftBottom.en:before{width:225px;top:15%;content:"Project Management"}.leftBottom:hover.leftBottom:before{color:#279884}.leftBottom{right:0;top:0;background-color:#279883}.rightTop{left:0;bottom:0;background-color:#f0ab1e}.rightBottom{background-color:#e32b2d}.elementChild .workedCardButton{position:absolute;margin-bottom:15px}.elementChild button{border:none;background-color:transparent;color:#fff}.elementChild .workedCardButton:after{border-bottom:2px solid white;border-right:2px solid white}.moreButtonText{font-style:normal}@media only screen and (min-width: 1000px){.leftBottom.en:before{left:-115%;top:10%}}@media only screen and (max-width: 1000px){.elementChild{width:200px;height:200px}.leftTop:after{background-image:url(/images/icons/arrow-small.svg);transform:rotate(0);left:0%;top:-45%}.leftTop:before{left:-60%;top:-60%;transform:rotate(-45deg)}.leftBottom:after{background-image:url(/images/icons/arrow-small.svg);transform:rotate(0) rotateY(-1);left:0%;top:40%}.leftBottom:before{left:-40%;top:145%;transform:rotate(45deg)}.rightTop:after{background-image:url(/images/icons/arrow-small.svg);transform:rotate(0) scaleX(-1);right:0%;top:-45%}.rightTop:before{left:75%;top:-45%;transform:rotate(45deg)}.rightBottom:after{background-image:url(/images/icons/arrow-small.svg);transform:rotate(-1);left:0%;top:45%}.rightBottom:before{left:80%;top:120%;transform:rotate(-45deg)}.rightTop.en:before{left:55%;top:-35%;transform:rotate(45deg)}.leftTop.en:before{top:-115%;left:-100%}.leftBottom.en:before{top:165%}}@media only screen and (max-width: 600px){.elementChild{width:150px;height:150px;border:12px solid #2C4A68;box-shadow:0 0 0 12px #fff inset}.moreButtonText{display:none;opacity:0}.leftTop:after{background-image:url(/images/icons/arrow-small.svg);transform:rotate(0);left:0%;top:-80%}.leftTop:before{left:-100%;top:-120%;transform:rotate(-45deg)}.leftBottom:after{background-image:url(/images/icons/arrow-small.svg);transform:rotate(0) rotateY(-1);left:0%;top:80%}.leftBottom:before{left:-100%;top:165%;transform:rotate(45deg)}.rightTop:after{background-image:url(/images/icons/arrow-small.svg);transform:rotate(0) scaleX(-1);right:0%;top:-80%}.rightTop:before{left:40%;top:-100%;transform:rotate(45deg)}.rightBottom:after{background-image:url(/images/icons/arrow-small.svg);transform:rotate(-1);left:0%;top:80%}.rightBottom:before{left:50%;top:160%;transform:rotate(-45deg)}.leftTop.en:before{top:-190%;left:-130%}.leftBottom.en:before{top:200%;left:-70%}}@media only screen and (max-width: 600px){.elementChild{width:145px;height:145px}.leftTop:after{background-image:url(/images/icons/arrow-small.svg);transform:rotate(0);left:5%;top:-65%}.leftTop:before{left:-60%;top:-100%;transform:rotate(-45deg)}.leftBottom:after{background-image:url(/images/icons/arrow-small.svg);transform:rotate(0) rotateY(-1);left:0%;top:66%}.leftBottom:before{left:-60%;top:165%;transform:rotate(45deg)}.rightTop:after{background-image:url(/images/icons/arrow-small.svg);transform:rotate(0) scaleX(-1);right:8%;top:-65%}.rightTop:before{left:50%;top:-70%;transform:rotate(45deg)}.rightBottom:after{background-image:url(/images/icons/arrow-small.svg);transform:rotate(-1);left:0%;top:65%}.rightBottom:before{left:70%;top:135%;transform:rotate(-45deg)}.leftTop.en:before{top:-180%;left:-120%}.rightTop.en:before{top:-80%;left:20%}.leftBottom.en:before{top:210%;left:-60%}.rightBottom.en:before{left:60%;top:145%}}@media only screen and (max-width: 430px){.elementChild{width:120px;height:120px;box-shadow:0 0 0 11px #fff inset}.leftTop:after{background-image:url(/images/icons/arrow-small.svg);transform:rotate(0);left:0%;top:-80%}.leftTop:before{left:-70%;top:-120%;transform:rotate(0)}.leftBottom:after{background-image:url(/images/icons/arrow-small.svg);transform:rotate(0) rotateY(-1);left:0%;top:80%}.leftBottom:before{left:-70%;top:190%;transform:rotate(0)}.rightTop:after{background-image:url(/images/icons/arrow-small.svg);transform:rotate(0) scaleX(-1);right:0%;top:-80%}.rightTop:before{left:50%;top:-125%;transform:rotate(0)}.rightBottom:after{background-image:url(/images/icons/arrow-small.svg);transform:rotate(-1);left:0%;top:80%}.rightBottom:before{left:50%;top:180%;transform:rotate(0)}.leftTop.en:before{top:-180%;left:-135%}.rightTop.en:before{top:-120%;left:0%;transform:rotate(0)}.leftBottom.en:before{top:210%;left:-60%}.rightBottom.en:before{left:30%;top:180%}}
