body {
    font-family: 'Noto Sans JP', sans-serif;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'Roboto';
    /* font-weight: 800 !important; */
  }
  
  .alpha-list {
  list-style-type: none; /* remove default a. */
  counter-reset: list;   /* reset counter */
}

.alpha-list li::before {
  counter-increment: list;  
  content: counter(list, lower-alpha) ") "; /* a) b) c) */
  font-weight: bold;
}

  .carousel-text{
    font-family:'Suez One', sans-serif;
  }

  .navtext{
    font-family: 'Suez One';
    color:blue ;
    font-size: 45px;
  }

  .btn-xl {
    text-transform: uppercase;
    padding: 1.5rem 3rem;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.1rem;
  }
  
  .bg-black {
    background-color: #000 !important;
  }
  
  .rounded-pill {
    border-radius: 5rem;
  }
  
  .navbar-custom {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: rgba(0, 0, 0, 1);
    /* background-color: #fdcc52; */
  }
  
  .navbar-custom .navbar-brand {
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 0.1rem;
    font-weight: 700;
  }
  
  .navbar-custom .navbar-nav .nav-item .nav-link {
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.1rem;
  }

  .nav-link{
    color: #fff !important;
  }

  .nav-link:hover{
    color: #ec9c09 !important;
  }
 
  /* Make the image fully responsive */
  .carousel-item {
    height: 80vh;
    min-height: 400px;
    max-width: 100%;
    min-width: 100%;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  

  @media screen and (min-width: 400px) {
    .carousel-cap{
      margin-bottom: 1%;
      z-index: 1000;
    }
      .navtext{
    font-family: 'Suez One';
    color:blue ;
    font-size: 32px;
  }
  .navbar-brand {
      padding-top: 0.001rem !important;
      padding-bottom: 0.001rem !important;
  }
}

@media screen and (min-width: 800px) {
  .carousel-cap{
    margin-bottom: 14%;
  }
}

  /**** Base Section Common Style ****/
  .base_style{
      padding: 5%;
     
  }

  .base_template{
    padding: 2%;
   
}

.base_ulservice{
    line-height: 30px;
}

  .border_line{
    border-bottom: 6px solid rgb(238, 139, 9);
    border-radius: 50%;
    background-color: rgb(238, 139, 9);
  }
   
  .p_common_style{
      font-family: 'Roboto',sans-serif; 
      line-height: 25px;
  }
 
  .text-orange{
      color:darkorange;
  }

  .text-slategrey{
    color:slategrey;
}

  .card_pad{
      padding: 15px;
  }

  .text-capital{
      text-transform: capitalize;
  }

  .service-text{
    padding: 35px !important;
    font-size: 20px !important;
    font-weight: 100 !important;
  }

  .owl-pad{
      padding: 20px;
  }
  
  #Services{
    background-image: url('../img/service.jpg');   
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    color:#fff;
  }

  #crow{
    background-image: url('../img/client.jpg');   
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    color:#fff;
  }
    
  #clients{
    background-image: url(../img/carousel/business-3167295_1280.jpg);   
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    color:#fff;
  }
  
  #contactus{
    background-image: url('../img/contact.jpg');   
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    color:#fff;
  }

  .footnotes {

    padding: 10px;
    background-color: #2a2828;
    color:#fff;
}

.title-card{
    background-image: url('../img/header.jpg');   
    background-position: center;
    
    background-size: cover;
    background-repeat: no-repeat;
    color:#fff;
    background-color: blueviolet;
    height: 250px;
}