#Outer_Slider{
  width: 1000px;
  margin: auto;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
#slider {
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

#carousal1 img {
  width: 110%;
  height: 427px;
}

  #carousal2 img {
    width: 102%;
    height: 427px;
  }
  #desc {
    margin: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding:10px;
  }
  #desc img {
    width: 130px;
    height: 150px;
  }

  .news{
      width:78%;
      margin:40px auto;
      padding:16px;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  .inner{
      display:grid;
      grid-template-columns: repeat(5,1fr);
      grid-template-rows: auto;
      gap: 10px;
      padding: 5px;
      font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  }
  
  .inner_image{
    width: 220px;
    height: 220px;
  }

  .inner_section{
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
  }
  
  /*  <!-- Footer box model  (Intoducing ...)-->*/
  #intro{
    margin: auto;
    text-align: center;
    width: auto;
    height: auto;
  }
  #intro>div:first-child{
    /* padding:50px 0px; */
    margin-top:50px;
    margin-bottom:20px;
    line-height: 70px;
    
    /* border:1px solid red; */
  }
  #intro>div:first-child>div>img{
  width:280px;
  height:50px;
  
  }
  #intro>div:first-child>div{
    display: flex;
    width:32%;
    margin:auto;
    gap:12px;
  
  justify-content: space-around;
    /* border:1px solid blue; */
    align-items: center;
  }
  #intro >div:nth-child(3){
    display:flex;
    /* border:1px solid red; */
  
    width:75%;
    margin:auto;
    margin:90px auto;
    gap:15px;
  }
  #intro >div:nth-child(3)>div{
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    border-radius: 10px;
    width:230;
    height:210px;
    padding:15px
  }
  #intro >div:nth-child(3)>div>img{
    width:140px;
    height: 100px;
  }#intro >div:nth-child(3)>div>p:nth-child(2){
  margin:10px 0px;
  }
  #intro > div:nth-child(4){
    width:75%;
    margin:auto;
    /* margin-bottom: ; */
    
  }
  #intro > div:nth-child(5)>button{
    margin:90px 0px;
    width:450px;
    height:90px;
    font-size: 40px;
    border-radius: 10px;
    line-height: 30px;
    background-color: #f53838;
   
    padding-top: 8px;
      padding-right: 15px;
      padding-bottom: 8px;
      padding-left: 15px;
      color:#ffffff;
      border:none;
  }
  #intro > div:nth-child(5)>button:hover{
    background-color: #d41f1f;
    cursor: pointer;
      }