.collabrate-main-div {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
      position: sticky;
      top: 0;
      overflow: hidden;
    }

    .collaborate-heading {
      font-weight: 400 !important;
      font-size: 78px !important;
      line-height: 1.2 !important;
      letter-spacing: 1px !important;
      text-align: center;
      margin: 10px 0;
    }
    .large-text{
        font-size: 70px !important;
      }

    .collaborate-content {
      font-weight: 400;
      font-size: 36px;
      line-height: 1.2;
      letter-spacing: 1px;
      text-align: center;
      margin: 10px 0;
      color: #d6d6d6;
    }

    .letter {
      transition: color 0.3s ease;
       white-space: pre;
       color: rgb(113, 113, 113)
    }

    .spacer {
      height: 300vh; 
    }


    .collaborate-content>span {
  display: inline-block !important;
}

.discussion-btn-div{
  margin-top: 20px;
}

    .mbl-collaborate-heading{
      display: none;
    }

@media screen and (max-width: 1280px){
  .collaborate-heading{
    font-size: 47px;
   
    line-height: 64px;
  }
  
  .collaborate-content{
   font-size: 26px;
   letter-spacing: 1px;
   line-height: 35px;
  }

      .large-text{
        font-size: 42px !important;
      }
  
}


@media screen and (max-width: 800px){

    .collabrate-main-div {
      height: 100vh;
    }
        .spacer {
      height: 50vh !important; 
    }


    .collaborate-heading{
      display: none !important;
    }

    .mbl-collaborate-heading{
      display: block !important;
      font-size: 50px ;
      font-weight: 300;
      
    }

    .tow-mbl-collaborate-heading{
      padding-bottom: 26px !important;
    }

.collaborate-content{
 font-size: 18px !important;
 line-height: 29px !important;
 margin-top: 0px !important;
 text-align: center !important;
}

.collaborate-content-two{
  margin-top: 0px !important;
}

.collaborate-content>span{
  display: inline !important;
}

.discussion-btn-div{
  margin: 50px 0 !important;
  display: flex !important;
  justify-content: center !important;
}

.collabrate-main-div>button{ 
    font-size: 16px !important;
}

}