.elementor-9155 .elementor-element.elementor-element-1c611fb .hero-intro .hero__header .title{font-family:"Poppins", Sans-serif;font-size:130px;letter-spacing:-2px;}.elementor-9155 .elementor-element.elementor-element-1c611fb > .elementor-widget-container{background-color:#081636C7;}.elementor-9155 .elementor-element.elementor-element-12d3db64{z-index:2;bottom:29.999vh;}body:not(.rtl) .elementor-9155 .elementor-element.elementor-element-12d3db64{left:8%;}body.rtl .elementor-9155 .elementor-element.elementor-element-12d3db64{right:8%;}.elementor-9155 .elementor-element.elementor-element-234237bc{z-index:2;bottom:62px;}.elementor-9155 .elementor-element.elementor-element-4c674392{z-index:3;}.elementor-9155 .elementor-element.elementor-element-7088fe55 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-71a49d91 .service-item .description{font-size:1em;}.elementor-9155 .elementor-element.elementor-element-71a49d91 > .elementor-widget-container{margin:-120px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-48b50e48 .section-about .description{font-family:"Poppins", Sans-serif;}.elementor-9155 .elementor-element.elementor-element-48b50e48{width:1174px;max-width:1174px;}.elementor-9155 .elementor-element.elementor-element-6daeacb2 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-57323cd9 > .elementor-widget-container{margin:-120px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-543c6575{margin-top:100px;margin-bottom:0px;padding:0% 4% 0% 4%;}.elementor-9155 .elementor-element.elementor-element-5a5cd2c9 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-36835460{text-align:left;}.elementor-9155 .elementor-element.elementor-element-3eba7860 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-75b4568a{margin-top:100px;margin-bottom:0px;padding:0% 4% 0% 4%;}.elementor-9155 .elementor-element.elementor-element-43743eeb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-42556805{text-align:left;}.elementor-9155 .elementor-element.elementor-element-236cda5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-4a62780b{margin-top:100px;margin-bottom:0px;padding:0% 4% 0% 4%;}.elementor-9155 .elementor-element.elementor-element-623ff08b > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-52517e22{text-align:left;}.elementor-9155 .elementor-element.elementor-element-77e14d93 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-1ab73c15{margin-top:100px;margin-bottom:0px;padding:0% 4% 0% 4%;}.elementor-9155 .elementor-element.elementor-element-30d9d22c > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-61c1a569{text-align:left;}.elementor-9155 .elementor-element.elementor-element-502e5e99 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-bc4dad2{width:1438px;max-width:1438px;}.elementor-9155 .elementor-element.elementor-element-43120cb8 > .elementor-widget-container{margin:-120px 0px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-560788d8{width:1438px;max-width:1438px;}.elementor-9155 .elementor-element.elementor-element-320b97f2 > .elementor-container{max-width:1600px;}.elementor-9155 .elementor-element.elementor-element-320b97f2{margin-top:33px;margin-bottom:0px;padding:0% 4% 0% 4%;}.elementor-9155 .elementor-element.elementor-element-2a7aa417{width:1438px;max-width:1438px;}.elementor-9155 .elementor-element.elementor-element-7849b889{margin-top:66px;margin-bottom:0px;}.elementor-9155 .elementor-element.elementor-element-2dbdae6a{text-align:center;}@media(min-width:768px){.elementor-9155 .elementor-element.elementor-element-7a7c4876{width:2%;}.elementor-9155 .elementor-element.elementor-element-54aa4fc0{width:64.333%;}.elementor-9155 .elementor-element.elementor-element-1f459f54{width:2%;}.elementor-9155 .elementor-element.elementor-element-5fb1b7c2{width:64.333%;}.elementor-9155 .elementor-element.elementor-element-5badc07{width:2%;}.elementor-9155 .elementor-element.elementor-element-56a81115{width:64.333%;}.elementor-9155 .elementor-element.elementor-element-ad6a02d{width:2%;}.elementor-9155 .elementor-element.elementor-element-796e458d{width:64.333%;}}@media(max-width:1024px){.elementor-9155 .elementor-element.elementor-element-1c611fb .hero-intro .hero__header .title{font-size:5.4em;}}@media(max-width:767px){.elementor-9155 .elementor-element.elementor-element-1c611fb .hero-intro .hero__header .title{font-size:2.5em;letter-spacing:-1.9px;}.elementor-9155 .elementor-element.elementor-element-7088fe55 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-71a49d91 > .elementor-widget-container{padding:0px 15px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-48b50e48 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-543c6575{margin-top:0px;margin-bottom:0px;}.elementor-9155 .elementor-element.elementor-element-36835460 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-75b4568a{margin-top:0px;margin-bottom:0px;}.elementor-9155 .elementor-element.elementor-element-43743eeb > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-42556805 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-4a62780b{margin-top:0px;margin-bottom:0px;}.elementor-9155 .elementor-element.elementor-element-52517e22 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-1ab73c15{margin-top:0px;margin-bottom:0px;}.elementor-9155 .elementor-element.elementor-element-61c1a569 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-bc4dad2 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-9155 .elementor-element.elementor-element-28b7c699{width:33%;}.elementor-9155 .elementor-element.elementor-element-2aad0f5e{width:33%;}.elementor-9155 .elementor-element.elementor-element-42aa686b{width:33%;}.elementor-9155 .elementor-element.elementor-element-51744d60{width:33%;}.elementor-9155 .elementor-element.elementor-element-6da39200{width:33%;}.elementor-9155 .elementor-element.elementor-element-1827823c{width:33%;}.elementor-9155 .elementor-element.elementor-element-32739bf2{width:33%;}.elementor-9155 .elementor-element.elementor-element-1ee03d9a{width:33%;}.elementor-9155 .elementor-element.elementor-element-6637d268{width:33%;}.elementor-9155 .elementor-element.elementor-element-3f196925{width:33%;}.elementor-9155 .elementor-element.elementor-element-17797f66{width:33%;}.elementor-9155 .elementor-element.elementor-element-4496dd3{width:33%;}.elementor-9155 .elementor-element.elementor-element-43aebe6f{width:33%;}}/* Start custom CSS for html, class: .elementor-element-12d3db64 *//*######  CIRCLE  #####*/

#home #circle {
    overflow: hidden;
    position: initial;
    width: auto!important;
}

#home #circle text { 
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 600;
    fill: white!important;
    letter-spacing: 0.3px;
}

#home #circle svg { 
    left: 0;
    margin-left: -85px;
    margin-bottom: -20px;
    height: 240px;
    width: 300px;
}

@media screen and (max-width: 960px){
    #home #circle svg { 
    left: 0;
    margin-left: -85px;
    margin-bottom: -20px;
    height: 180px;
    width: 280px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-234237bc *//*######  TEXT  #####*/

.scroll-txt {
  position: absolute;
  font-family: Poppins;
  font-weight: 600;
  top: 50%;
  left: 50%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  transform: translate(-50%, -50%);
}
.scroll-txt #svg-arrow-down {
  width: 20px;
  display: block;
  margin: 10px auto;
  fill: white;
}
.scroll-txt #svg-arrow-down .arrow {
  -webkit-animation: scroll 0.35s ease-in alternate infinite;
          animation: scroll 0.35s ease-in alternate infinite;
}

@-webkit-keyframes scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}

@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2dd7ba92 */#hero{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 1;
}

.section{
    background: #10111d;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4c674392 */#expertise{
    margin-top: 100vh;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6daeacb2 */.products .icon-prod {
    width: 8vw;
    height: 8vw;
    background: linear-gradient(120deg, #22f2fc, #2181fa);
    border-radius: 50%;
    margin: auto;
}

.products .icon-prod svg{
    position: relative;
}

.products #icon-inotis svg{
    top: 7%;
    fill: white;
    height: 7vw;
    width: 7vw;
}

.products #icon-web svg{
    top: 20%;
}

.products #icon-360 svg{
    top: -13%;
    left: -17%;
    height: 9vw;
    width: 9vw;
    fill: white;
}

.products #icon-ecommerce svg{
    top: 17%;
    left: 2%;
    fill: white;
    height: 3.5vw;
    width: 3.5vw;
}

.products .icon-title{
    margin-top: 10px;
    font-size: 1.8rem;
    font-family: 'Poppins';
}

.products .prod-group:hover {
    transform: scale(0.9);
}

.products .prod-group {
    width: 15vw;
    text-align: center;
    transition-duration: .3s;
    transition-property: transform;
}

.products .prod-list {
    display: flex;
}

.products #icon-inotis{
    position: relative;
    top: -50px;
    left: 0px;
}

.products #icon-web{
    position: relative;
    top: 100px;
    left: -10px;
}

.products #icon-web .icon-prod{
    width: 6vw;
    height: 6vw;
    background: linear-gradient(120deg, #9822fc, #4721fa);
}

.products #icon-360{
    position: relative;
    top: -30px;
    left: 0px;
}

.products #icon-360 .icon-prod{
     width: 7vw;
    height: 7vw;
    background: linear-gradient(120deg, #fc7d22, #faac21);
}

.products #icon-ecommerce{
    position: relative;
    top: 40px;
    left: 20px;
}

.products #icon-ecommerce .icon-prod{
     width: 5vw;
    height: 5vw;
    background: linear-gradient(120deg, #fc4522, #fa219f);
}/* End custom CSS */
/* Start custom CSS for arcdeco-services-grid, class: .elementor-element-57323cd9 */.display-n{
    display: none
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a5cd2c9 */.mobile .icon-prod {
    width: 60px;
    height: 60px;
    background: linear-gradient(120deg, #22f2fc, #2181fa);
    border-radius: 50%;
    margin: auto;
}

.mobile .prod-group {
    width: 15vw;
    text-align: center;
    transition-duration: .3s;
    transition-property: transform;
}

.mobile .prod-list {
    display: flex;
}

#m-icon-inotis{
    position: absolute;
    top: 80px;
    right: 30px;
}

#m-icon-inotis svg{
    top: 8%;
    fill: white;
    height: 50px;
    width: 50px;
}

#m-icon-web{
    position: absolute;
    top: 80px;
    right: 40px;
}

#m-icon-web .icon-prod{
    width: 50px;
    height: 50px;
    background: linear-gradient(120deg, #9822fc, #4721fa);
}

#m-icon-web svg{
    top: -7%;
    left: -10%;
    height: 60px;
    width: 60px;
    fill: white;
}

#m-icon-360{
    position: absolute;
    top: 70px;
    right: 30px;
}

#m-icon-360 .icon-prod{
     width: 64px;
    height: 64px;
    background: linear-gradient(120deg, #fc7d22, #faac21);
}

#m-icon-360 svg{
    top: -20%;
    left: -25%;
    height: 90px;
    width: 90px;
    fill: white;
}

#m-icon-ecommerce{
    position: absolute;
    top: 80px;
    right: 20px;
}

#m-icon-ecommerce .icon-prod{
     width: 60px;
    height: 60px;
    background: linear-gradient(120deg, #fc4522, #fa219f);
}

#m-icon-ecommerce svg{
    top: 17%;
    left: 2%;
    fill: white;
    height: 40px;
    width: 40px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3eba7860 */.icon-prod {
    width: 8vw;
    height: 8vw;
    background: linear-gradient(120deg, #22f2fc, #2181fa);
    border-radius: 50%;
    margin: auto;
}

.icon-prod svg{
    position: relative;
}

#icon-inotis svg{
    top: 7%;
    fill: white;
    height: 7vw;
    width: 7vw;
}

#icon-web svg{
    top: 20%;
}

#icon-360 svg{
    top: -13%;
    left: -17%;
    height: 9vw;
    width: 9vw;
    fill: white;
}

#icon-ecommerce svg{
    top: 17%;
    left: 2%;
    fill: white;
    height: 3.5vw;
    width: 3.5vw;
}

.icon-title{
    margin-top: 10px;
    font-size: 1.8rem;
    font-family: 'Poppins';
}

.prod-group:hover {
    transform: scale(0.9);
}

.prod-group {
    width: 15vw;
    text-align: center;
    transition-duration: .3s;
    transition-property: transform;
}

.prod-list {
    display: flex;
}

#icon-inotis{
    position: relative;
    top: -70px;
    left: 20px;
}

#icon-web{
    position: relative;
    top: 20px;
    left: 70px;
}

#icon-web .icon-prod{
    width: 6vw;
    height: 6vw;
    background: linear-gradient(120deg, #9822fc, #4721fa);
}

#icon-360{
    position: relative;
    top: -50px;
    left: 30px;
}

#icon-360 .icon-prod{
     width: 7vw;
    height: 7vw;
    background: linear-gradient(120deg, #fc7d22, #faac21);
}

#icon-ecommerce{
    position: relative;
    top: -60px;
    left: 80px;
}

#icon-ecommerce .icon-prod{
     width: 5vw;
    height: 5vw;
    background: linear-gradient(120deg, #fc4522, #fa219f);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4b65e5af */.serv-title p{
    color: #ffffffba!important;
    margin-bottom: 30px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3fb4a868 */.realisations a.content-grid__link {
    cursor: none;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7849b889 */.client-logo img{
    opacity: 0.6;
    padding: 20px;
    transition: all 0.4s ease;
    width: 30vw;
    max-height: 160px;
    object-fit: contain;
    vertical-align: middle;
}

.client-logo img:hover{
    opacity: 1;
}

.client-logo .elementor-widget-wrap {
    align-items: center;
    justify-content: center;
    align-content: center;
}

.invert{
    filter: brightness(0) invert(1);
}

.client-logo .whitened:hover{
    filter: brightness(1) invert(0);
    transition: all 0.4s ease
}

.whitened{
    filter: brightness(0) invert(1);
}

.client-logo .grayscaled:hover{
    filter: grayscale(0);
    transition: all 0.4s ease
}

.grayscaled{
    filter: grayscale(1);
}

.elementor-widget-image a img[src$=".svg"] {
    width: 30vw!important;
}/* End custom CSS */
/* Start custom CSS for arcdeco-button-footer, class: .elementor-element-212b2192 */.project-footer{
    background: linear-gradient(to right, #22ddfc, #2181fa);
    height: 30vh;
}
h3.project-footer__title.js-lines {
    font-family: 'Poppins';
    font-size: 4rem;
    font-weight: 600;
    margin-top: 18px;
}
p.js-lines {
    color: white;
    font-size: 1.2rem;
    margin-top: 16px;
    font-weight: 300;
}/* End custom CSS */