*{
    margin: 0;
    padding: 0;
}
.carousel-item {
    background: rgba(1,26,10,0.8)url(https://4.bp.blogspot.com/-Q9czDMQc6OM/V6tpXDp0JOI/AAAAAAAAHGs/MlepVSnwbLA_4nbxw2yffSFp3Nw_D-vsQCLcB/w1200-h630-p-k-no-nu/top-cartoon-free-doraemon_123978.jpg);
    background-blend-mode: darken;
}
.carousel-caption{
    color: black;
}
.carousel-caption{
    padding-bottom: 16rem;
    font-size: larger;
}
.reveal{
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: all 1s ease;
  }
  .reveal.active{
    transform: translateY(0px);
    opacity: 1;
  }
  footer{
    position: relative;
    /* width:80%;  */
    background: rgb(14, 4, 49);
    min-height: 320px;
    padding: 20px 50px;
    display: flex; 
    justify-content: left;
    align-items: center;
    margin-top: 10pc;
  }
  .footer{
    position: absolute;
     display: flex;
     justify-content: left;
     align-items: left;
      /* flex-wrap: wrap;  */
     list-style: none;
     
     max-width: 80%;
     margin-left: 40px;
     font-weight: 300px;
     padding-left: 100px;
     margin-top: 30px;
     color: white;
     
     
  }
  .footer1{
    display: flex;
  }
  .adress{
    display: block;
     word-wrap: break-word; 
    text-align: left;
    max-width: 300px;
    padding-right: 50px;
    font-size: 15px;
 font-size: 20px; 
  }
  .question{
    display: block;
    word-wrap: break-word;
    max-width: 300px;
    padding-right: 50px;
    padding-left: 40px;
    font-size: 15px;
  }
  .contact{
    margin-top: 15px;
    padding: -10px;
  }
  .design{
    display: block;
    word-wrap: break-word;
    max-width: 300px;
    padding-left: 30px;
   
  }
  .design p{
    margin-left: 12px;
    font-size: 20px;
    margin-top: 10px;
  }
  
  .icon  {
   font-size: 19px;
    display: flex;
  }
  .qus{
    display: flex;
  }
  .cont{
    display: flex;
  }
  .cont i{
    size: 20px;
    padding-top: 4px;
    padding-right: 3px;
  }
  .qus i{
    size: 20px;
    padding-top: 4px;
    padding-right: 3px;
  }
  .social-media{
   padding-left: 50px;
   font-size: 15px;
  }
  .social-outr{
   padding-left: 10px;
  }
 .social-pc{
   padding-left: 10px;
   
 }
 .social-icon li i{
   display: flex;
   padding: 10px;
   color: white;
 }
 .social-icon{
   display: flex;
   font-size: 24px;
 
 }
 .social-pc li{
   padding: 10px;
  
 }
 .pc-icon{
   display: flex;
   font-size: 24px;
   
 }
 .pc-icon li i{
    color: white;
 }
  footer h3{
    font-weight: 700;
    color: #df9d04;
    font-size: 22px;
 }

 @media(max-width:912px){
    footer{
    
        padding-bottom: 4pc;
         min-height: 420px;
         
     }
     .footer{
         position: absolute;
          display: grid;
          grid-template-columns: repeat(2,1fr);
          justify-content: left;
          align-items: left;
           /* flex-wrap: wrap;  */
          list-style: none;
         
          max-width: 80%;
         
          font-weight: 300px;
          padding-left: 2px;
          padding-bottom: 5px;
          /* padding-right: 12px; */
          /* margin-top: 70px; */
          color: white;
          }
          footer h3{
             font-size: 14px;
          }
          .adress {
             font-size: 14px;
             text-align: left;
         }
          .design p{
             font-size: 15px;
          }
       .social-icon{
         font-size: 15px;
         }
         .pc-icon{
             font-size: 15px;
         }
     } 

     @media(max-width:565px){
        .footer{
            position: absolute;
             display: grid;
             grid-template-columns: repeat(2,1fr);
             justify-content: left;
             align-items: left;
              /* flex-wrap: wrap;  */
             list-style: none;
            
             max-width: 80%;
            
             font-weight: 300px;
             padding-left: 2px;
             padding-bottom: 5px;
             /* padding-right: 12px; */
             /* margin-top: 70px; */
             color: white;
             }
             footer h3{
                font-size: 14px;
             }
             .adress {
                font-size: 14px;
                text-align: left;
            }
             .design p{
                font-size: 15px;
             }
          .social-icon{
            font-size: 15px;
            }
            .pc-icon{
                font-size: 15px;
            }
        }
        @media(max-width:450px){
            footer{
     
                padding-bottom: 4pc;
                 min-height: 720px;
                 
             }
             .footer{
                 position: absolute;
                  display: flex;
                  flex-direction: column;
                  justify-content: left;
                  align-items: left;
                   /* flex-wrap: wrap;  */
                  list-style: none;
                 
                  max-width: 80%;
                 
                  font-weight: 300px;
                  padding-left: 2px;
                  padding-bottom: 5px;
                  /* padding-right: 12px; */
                  /* margin-top: 70px; */
                  color: white;
                  }
                  footer h3{
                     font-size: 14px;
                  }
                  .adress {
                     font-size: 14px;
                     text-align: left;
                 }
                  .design p{
                     font-size: 15px;
                  }
               .social-icon{
                 font-size: 15px;
                 }
                 .pc-icon{
                     font-size: 15px;
                 }
                 .achieve h1{
                    font-size: 29px;
                    margin-right: 5pc;
                 }
        }