@font-face {
    font-family: 'Gilroy';
    src: local('Gilroy Bold'), local('Gilroy-Bold'),
        url('../fonts/Gilroy-Bold.woff2') format('woff2'),
        url('../fonts/Gilroy-Bold.woff') format('woff'),
        url('../fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: 'Gilroy-reg';
    src: local('Gilroy Regular'), local('Gilroy-Bold'),
        url('../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }
body
{
  font-family: Gilroy;
  margin:0px;
}
p
{
  /*text-align: justify;*/
}
ul
{
   font-family: Gilroy-reg;
   list-style: disc !important;
}
.probes
{
   font-family: Gilroy-reg;
}
a
{
  color: #fff;
  text-decoration: none;
}
a:hover
{
  text-decoration: none;
  color: #fff;
}
h3
{
  /*font-weight: 800;*/
}
.padding-0{
    padding-right:0;
    padding-left:0;
}
@media screen and (max-width: 600px) {
  .acme-logo
  {
     margin: 25px 0px 0px 25px !important;
     width: 130px !important;
  }
  .contact-btn
  {
    margin-left: 126px;
  }
.dc60
{
  width: 300px !important;
  margin-left: 56px !important;
  }
  .dc40
{
  width: 301px !important;
  margin-left: 56px !important;
  }
    .dc80
{
  width: 301px !important;
  margin-left: 56px !important;
  }
  .bounce {
    margin-top: 85px !important;
    margin-left: 58px !important; 
}

  .dc60-para {
    margin-top: 22px !important;
}
  .intro-circle {
    
    margin: -263px 0px 0px -39px !important; 
    width: 350px !important;
    height: 340px !important;
}
.hero-section h1 {
         line-height: 56px !important;
    font-size: 3.9rem !important;
    padding: 15px 20px 0px 25px !important;
  }
.acme-logo
{
  padding-top: 10px;
}
.enter-para {
    padding-left: 0px !important;
}
.back-to-top {
  right: 100px !important;
  }
  .footer-block {
     padding: 0rem 0 !important;
    }
    .row
    {
      margin-left: 0px !important;
      margin-right: 0px !important;
    }
.ullist
{
  width: 230px;
}
.ullist-4
{
  width: 200px;
}
.resona {
    margin-top: 25px;
    margin-left: -3px !important;
    }
 .product-details
{
    margin-top: 33px !important;
    margin-left: 34px !important;
}
.intro h1 {
    text-align: center;
    padding:55px 0 0 33px !important;
    font-size: 4.4rem !important;
  }
  .dcn2 {
    margin-left: -60px !important;
}
.dc30
{
  /*margin-left: 45px !important;
  /*width: 190px !important;*/
}
.product-details-2 {
   margin-left: 1px !important;
    margin-top: 42px !important;
    }
.details-box
{
  margin:2px !important;
  background-color: #fff !important;
}

.p1, .p3, .p5, .p7
{
  background: #fff;
}
.p2, .p4, .p6
{
  background: #005aff52;
}
.details-box-2
{
  background: transparent !important;
}
.scroll
{
  
    margin-left: -79px !important;
}


}



.slider-section
{
  background: #005aff;
  height: 700px;
}
.intro-circle
{
  position: absolute;
  background: #000;
  border-radius: 200px;
  width: 400px;
    height: 400px;
    margin: 120px 0px 0px 25px;
    animation: color-change 5s infinite;
}
  @keyframes color-change {
        0% { background: green; }
        50% { background: #25dffd; }
        70% { background: pink; }
        100% { background: #ccc; }
    }
.intro h1
{
  text-align: center;
  padding: 74px 0 0 29px;
  /* margin: 200px 0px 0px 650px; */
  position: absolute;
  font-weight: 900;
  color: #fff;
  font-size: 5.4rem;
  line-height: 76px;
}
.scroll
{
  width: 23px;
    margin-top: 407px;
    margin-left: 111px;
    /*transform: rotate(-32deg);*/
    transform-origin: 20% 40%;
}
.enter-para
{
      padding-left: 0px;
    margin-top: -16px;
    font-size: 18px;
    color: #fff !important;
}
.ij
{
  text-decoration: unset;
}
.a
{
  position: relative;
    width: 469px;
    height: 414px;
    /*background: #005aff52;*/
    float: left;
    z-index: 2;
    margin-top: 50px;
}
.b
{
  position: relative;
    /*width: 291px;*/
    height: 520px;
    background: #e6f8e657;
    float: left;
    /*margin-left: 37px;*/
}
.b p
{
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    margin-top: 45px;
    margin-left: 7px;
    font-size: 75px;
}
.dcn2
{
  margin-top: 25px;
    margin-left: 24px;
    width: 405px;
    height: 371px;
    /*transform: scaleX(-1);*/
}
.b-2
{
  position: relative;
    /*width: 291px;*/
    height: 520px;
    background: #e6f8e657;
    float: left;
    margin-left: 0px;
}
.b-2 p
{
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    margin-top: 45px;
    margin-left: 7px;
    font-size: 75px;
}
.product-details
{
    margin-top: 28px;
    margin-left: 147px;
}
.heading
{
  padding-top: 60px;
    text-align: center;

}
.product-details-2
{
  /*width: 500px;*/
    margin-top: 100px;
    margin-left: 134px;
    /*width: 446px;*/
}
.dc30  
{
  height: 401px;
        width: 255px;
    margin-left: 65px;
    transform: scaleX(-1);
}
.details-box
{
  background-color: #005aff52;
}
.details-box-2
{
  background-color: #005aff52;
}

/* 3 */

/*.triangle
{
  
    height: 578px;
    border-left: 800px solid transparent;
    border-right: 690px solid transparent;
    border-top: 678px solid #e6f8e657;
}*/

/*Up pointing*/
.triangle {
   /*background: #e6f8e657;*/
   background: #fff;
    /*border-left: 800px solid transparent;
    border-right: 690px solid transparent;
    border-top: 678px solid #e6f8e657;
*/    height: 1000px;
}
.first
{
   margin:300px 20px 21px 115px;
   background: #cbc3c37a;
   height: 538px;
   /*width:600px;*/
}
.second
{
    margin:100px 20px 20px 20px;
   background: #cbc3c37a;
    /*width:600px;*/
   height: 600px;
}

.dc40-head
{
    text-align: center;
    padding-top: 20px;
}
.dc60
{
  height: 430px;
    width: 319px;
    
}
.dc60-para
{
    margin-top: 60px;
}
.dc40
{
        height: 401px;
    width: 268px;
    transform: scaleX(-1);
    padding-left: 40px;
    margin-top: 30px;
    margin-left: -63px
}
.dc40-para
{
    margin-top: 40px;
    padding-left: 70px;
}
.bottom-three
{
    background: #fff;
    height: 550px;
}

.dc80-head
{
    text-align: center;
    padding-top: 20px;
}
.dc80
{
    height: 401px;
    width: 317px;
    /*transform: scaleX(-1);    */
    padding-left: 40px;
}
.dc80-head
{
    text-align: center;
}
.dc80-para
{
    padding-top: 40px;
}
.flip-card {
    margin-top: 37px;
  background-color: transparent;
  width:400px;
  height: 480px;
  /*border: 1px solid #f1f1f1;*/
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  /*background-color: #bbb;*/
  color: black;
}

/* Style the back side */
.flip-card-back {
  background-color: transparent;
  color: #000;
  transform: rotateY(180deg);
}
.footer
{
    background: #73737357;
    height: 230px;
}
.footer-details
{
    padding-top: 20px;
}
.copyright
{
    background: #000;
    height: 23px;
}

.para
{
    
    padding-top: 3px;
    font-size: 13px !important;
    color: #c7c4c4;
}
ul
{
    padding-left: 0;
    list-style: none;
    font-size:  14px;
}
li a
{
    color:  #000;
    text-align: left;
}
li a:hover
{
    color:  #000;
}
.footer-details h3
{
    font-size: 22px;
}
.fa
{
    color: #005aff
}
.resona
{
  margin-top: 25px;
    margin-left:100px;
    width: 305px;
    height: 371px;
  }
  .footer-data
  {
    margin-top:20px;
  }
  .btn-primary
  {
    background: #005aff;
  }
  .desc
  {
        font-size: 14px;
        color: #c7c4c4;
        text-align: justify;
  }
  .step p
  {
    text-align: justify;
  }
  .logo-name
  {
    font-size: 21px;
    color:  #005aff;
  }
  .logo-name ul li
  {
   
    color: #005aff;
  }
  .bg-grey
  {
        background: #060404;
    border-top: 5px solid #005aff;
  }
  .addr
  {
    color:  #c7c4c4;
  }
  .link
  {
    color: #c7c4c4;
  }
  ::-webkit-scrollbar {
    width: 5px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #03256c; 
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }

.dcn2-txt
{
  background: linear-gradient(#00B4DB, #0083B0);
    width: 100px !important;
    height: 500px;
    margin-left: 114px;
    margin-top: 58px;

}
.dcn2-img
{
      margin-left: -237px;
    margin-top: 90px;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
         margin-left: -114px;
    margin-top: 88px;
}

.footer-section
{
 background-image: linear-gradient(90deg, rgb(206, 214, 217) 0%, rgb(222, 222, 222) 8%, rgb(248, 248, 252) 35%, rgb(203, 199, 199) 93%);
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

.footer-product
{
  list-style: none !important;
}
.blog-content p
{
  text-align: justify;
  font-size: 16px;
}
.ml-auto, .mr-auto
{
  color: #131111;
}