@import url('https://fonts.cdnfonts.com/css/berlin-sans-fb-demi');
body{
    margin: 0;
    padding: 0;
    
}

#content{
    display: none;
  }
  .hide{
    display: none;
  }
  .title1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* background-image: linear-gradient(90deg,white, #aed2e0,#f6f6f8, #aed2e0, #f6f6f8, #aed2e0,white); */
    background-color: white;
    /* background-size: 400% 400%; */
    animation: 12s myGradient infinite;
  }
  @keyframes myGradient {
    0% {
      background-position: 0% 50%;
    }
  
    50% {
      background-position: 100% 50%;
    }
  
    100% {
      background-position: 0% 50%;
    }
  }
  
  .main-title{
    font-family: 'Berlin Sans FB Demi', sans-serif;
    color: rgb(19, 125, 170);
    padding: 10px;
    padding-bottom: 0;
  }
  
  .main-title h1,p{
    margin: 0;
    padding: 0;
  }
  .uppertext{
    padding: 5px 20px;
    margin: 5px 0;
    overflow: hidden;
    border-radius: 40px 0 40px 0;
    background-size: 400% 400%;
    background-image: linear-gradient(-45deg, #679c2b, #af4f79, #2e58ef, #ab4d79, #a9994b);
    animation: 12s myGradient infinite;
  }
  .uppertext p {
    font-size: 1.2em;
    padding: 0px;
     margin: 0;
    color: white;
  }
  .img img{
    width: 150px;
  }
  .img{
    padding: 10px;
  }
  
  
  .scrolling-text {
    white-space: nowrap;
    /* Prevent text from wrapping */
    background-color: rgb(19, 125, 170);
    color: white;
    height: 34px;
    overflow: hidden;
  }
  
  .scrolling-text p {
    animation: scrollText 25s linear infinite;
    /* Animate scrolling */
    font-size: 1.2em;
    padding: 0;
    padding-top: 5px;
    margin: 0;
  }
  
  
  /* Keyframes for scrolling effect */
  @keyframes scrollText {
    0% {
      transform: translateX(100%);
      /* Start from right */
    }
  
    100% {
      transform: translateX(-100%);
      /* End at left */
    }
  }
  @keyframes myGradient {
    0% {
      background-position: 0% 50%;
    }
  
    50% {
      background-position: 100% 50%;
    }
  
    100% {
      background-position: 0% 50%;
    }
  }
  

.service{
    max-width: 900px;
    margin: auto;
    border: 4px solid rgb(20, 20, 74);
    border-radius: 10px;
    background-color: rgb(17, 17, 103);
    color: white;
    
}

.list-group-item{
    border-bottom: 2px solid ;
}
.application{
    background: transparent;
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
}
.innerapplication{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.innerapplication img{
    height: 200px;
    width: 350px;
}
.card{
    margin: 10px auto;
}
.box1{
    background-image: url("/images/servicesimg/ServicesBackground.webp");
    background-size: cover;
    padding: 25px;
}
.box2{
    background-image: url("/images/servicesimg/blue-wallpaper-background.jpg");
    padding: 20px;
}

.footer{
    background-color: #0b395f;
    color: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
   }
   .subfooter{
    margin: 20px;
    /* padding: 5px; */
    max-width: 400px;
   }
   .subfooter a{
    color: white;
    text-decoration: none;
   }

   @media only screen and (max-width: 500px){
    .uppertext{
      display: none;
    }
    .img img{
      display: none;
    }
    

   }


   @media only screen and (max-width: 1100px){
    .uppertext{
      display: none;
    }
    .img img{
      width: 100px;
    }
    

   }