.m-38px{
    margin: 38px;
}
.py-80px{
    padding-top: 80px;
    padding-bottom: 80px;  
}

.py-50px{
    padding-top: 50px;
    padding-bottom: 50px;  
}
.py-100px{
    padding-top: 100px;
    padding-bottom: 100px;  
}
.p-\[40px\]{
    padding:40px;
}
.p-\[25px\]{
    padding:25px;
}
.mt-\[-100px\]{
    margin-top:-100px;
}
.full-width{
    width: 100%;
}
.mt-\[7px\]{
    margin-top:7px;
}
.py-100px{
    padding-top: 100px;
    padding-bottom: 100px;  
}
.py-\[100px\]{
    padding-top: 100px;
    padding-bottom: 100px;
  }
.mt-\[100px\] {
    margin-top: 100px;
  }
  .mx-\[100px\]{
    margin-left: 100px;
    margin-right: 100px;
  }
  .mb-\[15px\] {
    margin-bottom: 15px;
  }
  .ml-\[10px\]{
    margin-left: 10px;
  }
  
  
  @media (max-width: 767px) {

      .lg\:mx-\[80px\]{
        margin-left: 70px;
        margin-right: 70px;
      }
  }
  


  
  @media (max-width: 767px) {
    .md\:py-\[70px\] {
      padding-top: 70px;
      padding-bottom: 70px;
    }
    .md\:px-\[70px\] {
        padding-left: 70px;
        padding-right: 70px;
      }
    .md\:mt-\[70px\] {
        margin-top: 70px;
      }
      .md\:mx-\[70px\]{
        margin-left: 70px;
        margin-right: 70px;
      }
  }
  
  @media (max-width: 556px) {
    .sm\:py-\[50px\] {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .sm\:px-\[50px\] {
      padding-left: 50px;
      padding-right: 50px;
    }
    .sm\:mt-\[50px\] {
        margin-top: 50px;
      }
    .sm\:mx-\[5px\]{
        margin-left: 5px;
        margin-right: 5px;
      }
  }