header{
  margin-top: -190px;
}




        #about-slider{
            background-color: rgb(255,255,255);
            margin-top: 20px;
            width: 100%;
            display:inline-flex;
          }
          .about-slide{
            width: 100%;
            height: autopx;
            background: #FCF6F5;
            margin: 20px 46px 20px;
            margin-top: -100px;
            margin-left: 0px;
            border-radius: 0px;
            padding-top: 15px;
            padding-bottom: 30px;
            box-shadow: 0px 14px 22px -9px #bbcbd8;
          }
          .about-slide .about-img{
            position: relative;
            overflow: hidden;
            border-radius: 10px;
            margin: 0px 0  15px;
            margin-left: 0px;
          }
          .about-slide .about-img img{
            width: 100%;
            height: 700px;
            filter: grayscale(100%);
            transform: scale(1,1);
            transition:transform 0.2s linear;
          }
          
          .about-slide .about-content{
            background:#FCF6F5;
            border-radius: 15px;
          }
          .about-slide .about-title {
          justify-self: center;
          font-size: 20px;
          font-weight:bold;
          color:#333333;
          text-transform:uppercase;
          transition: all 0.3s ease 0s;
          text-decoration: none;
          }


          .about-slide .about-description{
          font-size: 18px;
          line-height: 30px;
          color:#000000;
          text-align: justify;
          padding: 10px 400px 20px 400px;
          }
          

          .know-more-btn{
            justify-self: center;
          }

          .know-more-btn a{
           background-color: #f37021;
           display: inline-block;
           padding: 8px 12px;
           margin-bottom: 15px;
           text-decoration: none;
           color: white;
           font-size: 15px;
           margin-top: 5px;
           border-radius: 5px;
          }


          .know-more-btn a:hover {
            background-color: #ee6510;
          }



@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  header{
  margin-top: -130px;
 }

  .about-slide .about-description{
   padding: 10px 140px 20px 140px;
  }

  
 
}


 @media (max-width: 768px){
    header{
     margin-top: 0px;
    }
 }


 @media (max-width: 480px){
    header{
     margin-top: -10px;
    }
 }



          @media (max-width: 1000px){
            .about-slide{
                         width: 100%;
                         height: auto;
                         background: #fff;
                         margin: 20px 46px 20px;
                         margin-left: 0px;
                         border-radius: 15px;
                         padding-top: 35px;
                         box-shadow: 0px 14px 22px -9px #bbcbd8;
                       }
                       .about-slide .about-img{
                         position: relative;
                         overflow: hidden;
                         border-radius: 10px;
                         margin: 0px 0  15px;
                         margin-left: 0px;
                       }
                       .about-slide .about-img img{
                         width: 100%;
                         height: 200px;
                         filter: grayscale(100%);
                         transform: scale(1,1);
                         transition:transform 0.2s linear;
                       }
                       
                       .about-slide .about-content{
                         background:#fff;
                           width: 80%;
                           margin: 20px;
                           margin-top: -25px;
                           margin-left: 37px;
                           padding: 20px;
                         border-radius: 15px;
                       }
                       .about-slide .about-title a{
                         font-size:15px;
                         font-weight:bold;
                         color:#333333;
                         display: inline-block;
                         text-transform:uppercase;
                         transition: all 0.3s ease 0s;
                       }
                       .about-slide .about-title a:hover{
                         text-decoration: none;
                         color:#3498db;
                       }
                       .about-slide .about-description{
                         line-height:24px;
                         color:#808080;
                         text-align: justify;
                         margin-bottom:25px;
                         padding-top: 5px;
                       }
             
 }
 
      
          .gallary{
              width: 1000px;
              display: flex;
              overflow-x: scroll;
              margin-top: -30px;
          }
          
          .gallary div{
              width: 100%;
              display: grid;
              grid-template-columns: auto auto auto auto;
              grid-gap: 20px;
              padding: 10px;
              flex: none;
          }
          
          .gallary div img{
              width: 100%;
              filter: grayscale(100%);
              transition: transform 0.5s;
          
          }
          
          .gallary::-webkit-scrollbar{
              display: none;
          }
          
          .gallary-wrap{
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 10% auto;
          
          }
          
          #backBtn, #nextBtn{
              width: 50px;
              cursor: pointer;
              margin: 40px;
              margin-top: -20px;
          }
          
          .gallary div img:hover{
              filter: grayscale(0);
              cursor: pointer;
              transform: scale(1.1);
          }
          
          why-button{
            text-align:center;
            margin-top:17px;
            }
          .why-button a{
          padding-left: 640px;
          color: #000000;
            }
          
            .why-button a:hover{
              color: rgba(255, 0, 0, 0.589);
            }


    
            @media (max-width: 768px){
                .about-slide{
                             width: 100%;
                             height: auto;
                             background: #fff;
                             margin: 20px 46px -30px;
                             margin-left: 0px;
                             border-radius: 0px;
                             padding-top: 35px;
                             box-shadow: 0px 14px 22px -9px #bbcbd8;
                           }
                           .about-slide .about-img{
                             position: relative;
                             overflow: hidden;
                             border-radius: 10px;
                             margin: 0px 0  15px;
                             margin-left: 0px;
                           }
                           .about-slide .about-img img{
                             width: 100%;
                             height: 200px;
                             filter: grayscale(100%);
                             transform: scale(1,1);
                             transition:transform 0.2s linear;
                           }
                           
                          .about-slide .about-content{
                             background:#fff;
                             width: 95%;
                             justify-self: center;
                              padding: 5px 30px 5px 0px;
                           }
                           .about-slide .about-title a{
                             font-size:15px;
                             font-weight:bold;
                             color:#333333;
                             display: inline-block;
                             text-transform:uppercase;
                             transition: all 0.3s ease 0s;
                           }
                           .about-slide .about-title a:hover{
                             text-decoration: none;
                             color:#3498db;
                           }
                           .about-slide .about-description{
                             line-height:24px;
                             color:#808080;
                             text-align: justify;
                             margin-bottom:25px;
                             padding-top: 5px;
                             padding: 0px;
                           }
                 
     }
     
                 .gallary{
                   width: 1000px;
                   display: flex;
                   overflow-x: scroll;
                   margin-top: -30px;
               }
               
               .gallary div{
                   width: 100%;
                   display: grid;
                   grid-template-columns: auto auto auto auto;
                   grid-gap: 20px;
                   padding: 10px;
                   flex: none;
               }
               
               .gallary div img{
                   width: 100%;
                   filter: grayscale(100%);
                   transition: transform 0.5s;
               
               }
               
               .gallary::-webkit-scrollbar{
                   display: none;
               }
               
               .gallary-wrap{
                   display: flex;
                   align-items: center;
                   justify-content: center;
                   margin: 10% auto;
               
               }
               
               #backBtn, #nextBtn{
                   width: 50px;
                   cursor: pointer;
                   margin: 40px;
                   margin-top: -20px;
               }
               
               .gallary div img:hover{
                   filter: grayscale(0);
                   cursor: pointer;
                   transform: scale(1.1);
               }
               
               why-button{
                 text-align:center;
                 margin-top:17px;
                 }
               .why-button a{
               padding-left: 640px;
               color: #000000;
                 }
               
                 .why-button a:hover{
                   color: rgba(255, 0, 0, 0.589);
                 }
     
     @media (max-width: 1000px){          
                 .gallary{
                   width: 500px;
                   display: flex;
                   overflow-x: scroll;
                   margin-top: 50px;
               }
               
               .gallary div{
                   width: 500px;
                   display: grid;
                   grid-template-columns: auto auto auto auto;
                   grid-gap:10px;
                   padding: 0px;
                   flex: none;
               }
               
               .gallary div img{
                   width: 100%;
                   filter: grayscale(100%);
                   transition: transform 0.5s;
               
               }
               
               .gallary::-webkit-scrollbar{
                   display: none;
               }
               
               .gallary-wrap{
                   display: flex;
                   align-items: center;
                   justify-content: center;
                   margin: 10px auto;
               
               }
               
               #backBtn, #nextBtn{
                   width: 50px;
                   cursor: pointer;
                   margin: 40px;
                   margin-top: 70px;
               }
               
               .gallary div img:hover{
                   filter: grayscale(0);
                   cursor: pointer;
                   transform: scale(1.1);
               }
               
               why-button{
                 text-align:center;
                 margin-top:17px;
                 }
               .why-button a{
               padding-left: 640px;
               color: #000000;
                 }
               
                 .why-button a:hover{
                   color: rgba(255, 0, 0, 0.589);
                 }
     }
         
     @media (max-width: 1000px){          
        .gallary{
          width: 400px;
          display: flex;
          overflow-x: scroll;
          margin-top: 80px;
          margin-left: -10px;
          margin-right: 10px;
      }
      
      .gallary div{
          width: 500px;
          display: grid;
          grid-template-columns: auto auto auto auto;
          grid-gap:10px;
          padding-left: 20px;
          flex: none;
      }
      
      .gallary div img{
          width: 100%;
          filter: grayscale(100%);
          transition: transform 0.5s;
      
      }
      
      .gallary::-webkit-scrollbar{
          display: none;
      }
      
      .gallary-wrap{
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 10px auto;
      
      }
      
      #backBtn, #nextBtn{
          width: 50px;
          cursor: pointer;
          margin: 35px;
          margin-top: 120px;
          margin-left: -12px;
          display:none;
      }
      
      .gallary div img:hover{
          filter: grayscale(0);
          cursor: pointer;
          transform: scale(1.1);
      }
      
      why-button{
        text-align:center;
        margin-top:17px;
        }
      .why-button a{
        padding-left: 90px;
      color: #000000;
        }
      
        .why-button a:hover{
          color: rgba(255, 0, 0, 0.589);
        }
}


@media only screen and (max-width: 1850px){
    
  .fa{
  
      margin-top: 0;
      margin-left: 20px;
  }
      
  }



  .text-blk {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    line-height: 25px;
  }
  
  .responsive-cell-block {
    min-height: 75px;
  }
  
  .responsive-container-block {
    min-height: 75px;
    height: fit-content;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    justify-content: space-evenly;
  }
  
  .outer-container {
    padding-top: 10px;
    padding-right: 50px;
    padding-bottom: 10px;
    padding-left: 50px;
    background-color: rgb(244, 252, 255);
  }
  
  .inner-container {
    max-width: 1320px;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
  }
  
  .section-head-text {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    font-size: 35px;
    font-weight: 700;
    line-height: 48px;
    color: #ffffff;;
    margin: 0 0 10px 0;
  }
  
  .section-subhead-text {
    font-size: 25px;
    color: #ffffff;
    line-height: 35px;
    max-width: 470px;
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 60px;
    margin-left: 0px;
  }
  
  .img-wrapper {
    width: 100%;
  }
  
  .team-card {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .social-media-links {
    width: 125px;
    display: flex;
    justify-content: space-between;
  }
  
  .name {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
  }
  
  .position {
    font-size: 17px;
    font-weight: 700;
    color: #ffffff;;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
  }
  
  .team-img {
    width: 100%;
    height: 100%;
    filter: grayscale(100%);
  }
  
  .team-card-container {
    width: 280px;
    margin: 0 0 40px 0;
  }
  
  @media (max-width: 500px) {
    .outer-container {
      padding: 10px 20px 10px 20px;
    }
  
    .section-head-text {
      text-align: center;
      font-size: 25px;
    }
  }
  

  @media only screen and (max-width: 1000px){
    .social-media-links .fa{
      width: 100%;
      margin-left: -135px;
      display: flex;
      justify-content: space-between;
    }
  }

  @media only screen and (max-width: 1850px){
    .social-media-links {
      width: 125px;
      margin-left: -25px;
      display: flex;
      justify-content: space-between;
    }
  }

  




  .gallary2{
    width: 60%;
    display: block;
}

.gallary2 h1{
  text-align: center;
  color: white;
}

.gallary2 div{
    width: 100%;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 20px;
    padding: 10px;
    flex: none;
}

.gallary2 div img{
    width: 100%;
    filter: grayscale(100%);
    transition: transform 0.5s;

}

.gallary::-webkit-scrollbar{
    display: none;
}

.gallary-wrap2{
  height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -20px;
    background-color: #f87167;


}


.gallary2 div img:hover{
    filter: grayscale(0);
    cursor: pointer;
    transform: scale(1.1);
}




@media (max-width: 1850px){
  .gallary2{
    width: 85%;
    display: block;
}
}



@media (max-width: 1000px){  
  
  .gallary2{
    width: 60%;
    display: block;
}

.gallary2 h1{
  text-align: center;
  color: white;
  font-size: 25px;
}
 

.gallary2 div{
    width: 100%;
    display: block;
    grid-template-columns: auto auto auto auto;
    grid-gap:10px;
    padding: 0px;
    flex: none;
}

.gallary2 div img{
    width: 100%;
    filter: grayscale(100%);
    transition: transform 0.5s;

}

.gallary::-webkit-scrollbar{
    display: none;
}

.gallary-wrap2{
  height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -20px;

}


.gallary2 div img:hover{
    filter: grayscale(0);
    cursor: pointer;
    transform: scale(1.1);
}
}