.elementor-9148 .elementor-element.elementor-element-5800573b .hero-intro .hero__header .title{font-family:"Poppins", Sans-serif;font-size:130px;letter-spacing:-2px;}.elementor-9148 .elementor-element.elementor-element-5800573b > .elementor-widget-container{background-color:#081636C7;}.elementor-9148 .elementor-element.elementor-element-717e8dff{z-index:2;bottom:30vh;}body:not(.rtl) .elementor-9148 .elementor-element.elementor-element-717e8dff{left:8%;}body.rtl .elementor-9148 .elementor-element.elementor-element-717e8dff{right:8%;}.elementor-9148 .elementor-element.elementor-element-4f30d44d{z-index:2;bottom:62px;}.elementor-9148 .elementor-element.elementor-element-3666ac27{z-index:3;}.elementor-9148 .elementor-element.elementor-element-99313f1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-4af0fe35 .service-item .description{font-size:1em;}.elementor-9148 .elementor-element.elementor-element-4af0fe35 > .elementor-widget-container{margin:-120px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-35916bad .section-about .description{font-family:"Poppins", Sans-serif;}.elementor-9148 .elementor-element.elementor-element-35916bad{width:1174px;max-width:1174px;}.elementor-9148 .elementor-element.elementor-element-1c82c8e4 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-63aa7fd2 > .elementor-widget-container{margin:-120px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-4222f352{margin-top:100px;margin-bottom:0px;padding:0% 4% 0% 4%;}.elementor-9148 .elementor-element.elementor-element-21dfbc47 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-73be0011{text-align:left;}.elementor-9148 .elementor-element.elementor-element-56a68edc > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-58c26995{margin-top:100px;margin-bottom:0px;padding:0% 4% 0% 4%;}.elementor-9148 .elementor-element.elementor-element-2ae0f968 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-37dd8db0{text-align:left;}.elementor-9148 .elementor-element.elementor-element-439921d7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-181bd104{margin-top:100px;margin-bottom:0px;padding:0% 4% 0% 4%;}.elementor-9148 .elementor-element.elementor-element-7cd6fd6e > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-2254d050{text-align:left;}.elementor-9148 .elementor-element.elementor-element-8c4657 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-be78fdf{margin-top:100px;margin-bottom:0px;padding:0% 4% 0% 4%;}.elementor-9148 .elementor-element.elementor-element-3230da52 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-532c3059{text-align:left;}.elementor-9148 .elementor-element.elementor-element-5e70da55 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-66ed027{width:1438px;max-width:1438px;}.elementor-9148 .elementor-element.elementor-element-66f43739 > .elementor-widget-container{margin:-120px 0px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-269fa4ac{width:1438px;max-width:1438px;}.elementor-9148 .elementor-element.elementor-element-472afcbe > .elementor-container{max-width:1600px;}.elementor-9148 .elementor-element.elementor-element-472afcbe{margin-top:33px;margin-bottom:0px;padding:0% 4% 0% 4%;}.elementor-9148 .elementor-element.elementor-element-4f532907{width:1438px;max-width:1438px;}.elementor-9148 .elementor-element.elementor-element-55a2f037{margin-top:66px;margin-bottom:0px;}.elementor-9148 .elementor-element.elementor-element-15e1c8f1{text-align:center;}@media(min-width:768px){.elementor-9148 .elementor-element.elementor-element-44a98836{width:2%;}.elementor-9148 .elementor-element.elementor-element-56fb4e6c{width:64.333%;}.elementor-9148 .elementor-element.elementor-element-49712aa3{width:2%;}.elementor-9148 .elementor-element.elementor-element-7105529a{width:64.333%;}.elementor-9148 .elementor-element.elementor-element-6957f907{width:2%;}.elementor-9148 .elementor-element.elementor-element-7a776ea3{width:64.333%;}.elementor-9148 .elementor-element.elementor-element-40d6ef6f{width:2%;}.elementor-9148 .elementor-element.elementor-element-4c9a7cf6{width:64.333%;}}@media(max-width:1024px){.elementor-9148 .elementor-element.elementor-element-5800573b .hero-intro .hero__header .title{font-size:5.4em;}}@media(max-width:767px){.elementor-9148 .elementor-element.elementor-element-5800573b .hero-intro .hero__header .title{font-size:2.5em;letter-spacing:-1.9px;}.elementor-9148 .elementor-element.elementor-element-99313f1 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-4af0fe35 > .elementor-widget-container{padding:0px 15px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-35916bad > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-4222f352{margin-top:0px;margin-bottom:0px;}.elementor-9148 .elementor-element.elementor-element-73be0011 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-58c26995{margin-top:0px;margin-bottom:0px;}.elementor-9148 .elementor-element.elementor-element-2ae0f968 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-37dd8db0 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-181bd104{margin-top:0px;margin-bottom:0px;}.elementor-9148 .elementor-element.elementor-element-2254d050 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-be78fdf{margin-top:0px;margin-bottom:0px;}.elementor-9148 .elementor-element.elementor-element-532c3059 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-66ed027 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-9148 .elementor-element.elementor-element-72863dd6{width:33%;}.elementor-9148 .elementor-element.elementor-element-6a123610{width:33%;}.elementor-9148 .elementor-element.elementor-element-72207785{width:33%;}.elementor-9148 .elementor-element.elementor-element-d5c99dd{width:33%;}.elementor-9148 .elementor-element.elementor-element-2b65b689{width:33%;}.elementor-9148 .elementor-element.elementor-element-37422cc1{width:33%;}.elementor-9148 .elementor-element.elementor-element-15abe424{width:33%;}.elementor-9148 .elementor-element.elementor-element-5e7bd333{width:33%;}.elementor-9148 .elementor-element.elementor-element-52177ade{width:33%;}.elementor-9148 .elementor-element.elementor-element-31983417{width:33%;}.elementor-9148 .elementor-element.elementor-element-1353e30{width:33%;}.elementor-9148 .elementor-element.elementor-element-465c106{width:33%;}.elementor-9148 .elementor-element.elementor-element-198b62{width:33%;}}/* Start custom CSS for html, class: .elementor-element-717e8dff *//*######  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-4f30d44d *//*######  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-7f3adf78 */#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-3666ac27 */#expertise{
    margin-top: 100vh;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1c82c8e4 */.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-63aa7fd2 */.display-n{
    display: none
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21dfbc47 */.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-56a68edc */.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-1a7569f2 */.serv-title p{
    color: #ffffffba!important;
    margin-bottom: 30px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7a328cd8 */.realisations a.content-grid__link {
    cursor: none;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-55a2f037 */.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-abe0358 */.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 */