@import url('https://fonts.cdnfonts.com/css/proxima-nova-2');

[x-cloak] {
    display: none !important;
  }
body{
  font-family: 'Proxima Nova', sans-serif;
}


.hero-bg{
  background-image: url(images/vector-1.png) ,url(images/vector-2.png);
  background-repeat: no-repeat;
  background-position: left top , right top;
}
.slider-img {
  max-width: 100%;
  height: 54px;
  object-fit: contain;

  transition: all 1s;
}
.slider-img:hover{
 filter: grayscale(100);
}

.home-about{
  background-image: url(images/home-about-img.png);
}

#services{
  background-color: white;
  background-image: url(images/vector-3.png);
  background-repeat: no-repeat;
  background-position: top center;

}

.home-customers{
  background-image: url(images/elipse1.png),url(images/elipse2.png);
  background-repeat: no-repeat;
  background-position: top left , bottom right;
}

.swiper-container {
  height: 300px;
  width: 100%;
}

.swiper-slide {
  width: 100%;
  height: 100%;
}
.swiper-pagination-bullet-active {
  background-color: white !important;
}
.swiper-pagination-bullet {
  background-color: white !important;
}
.home-articles{
  background-image: url(images/vector-4.png);
  background-repeat: no-repeat;
}
  .loader{
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .loader.hidden{
    animation: fadeOut 1s;
    animation-fill-mode: forwards;
  }

 .about-blob{
  background-image: url(images/vector-3.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
 }

 .call-to-action{
  background-image: url(images/elipse-7.png) , url(images/elipse-8.png) , url(images/elipse-9.png), url(images/elipse-10.png);
  background-repeat: no-repeat;
  background-position: top left , bottom left, top right, bottom right;
 }

.supply-bg{
  background-image: url(images/blobs/supply-1.png) , url(images/blobs/supply-2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center , right center;
}
.supply-services{
  background-image: url(images/blobs/supply-3.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top 120px center;
}
.procurement-advisig-bg{
  background-image: url(images/blobs/advising-1.png) , url(images/blobs/advising-2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center , right center;
}
.advising-bg2{
  background-image: url(images/blobs/advising-3.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.advising-bg3{
  background-image: url(images/blobs/advising-4.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
.advising-bg5{
  background-image: url(images/blobs/advising-5.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
}
.advising-bg6{
  background-image: url(images/blobs/advising-6.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
.asset-mgt-bg{
  background-image: url(images/blobs/asset-1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.asset-2{
  background-image: url(images/blobs/asset-2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
.asset-tagging-bg{
  background-image: url(images/blobs/tag-1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
.engnr-bg{
  background-image: url(images/blobs/engnr-1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.engnr-services{
  background-image: url(images/blobs/engnr-2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top 120px center;
}
.public-bg{
  background-image: url(images/blobs/privacy-1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
.privacy-services{
  background-image: url(images/blobs/privacy-2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top 120px center;
}
.outsourcing-bg{
  background-image: url(images/blobs/outsourcing-1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
}
.outsourcing-services{
  background-image: url(images/blobs/outsource-2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top 120px center;
}
.spend-bg{
  background-image: url(images/blobs/spend.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
.spend-bg2{
  background-image: url(images/blobs/spend-2.png) , url(images/blobs/spend-3.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center , right center;
}
.contact-bg{
  background-image: url(images/blobs/contact-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.terms-bg{
  background-image: url(images/blobs/terms-1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top 80px center;
}
.data-protection-bg{
  background-image: url(images/blobs/terms-2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top 80px center;
}

 @media  only screen  and (max-width:768px){
  .call-to-action{
    background-image: none;
  }


  }