.btn:hover{
  color: var(--bs-btn-hover-color);
  color: #4c6178 !important;
  background-color: #a8b9d4  !important;
  border-color: #7298c4 !important;
}


#hdiwID{
  margin-bottom: 3.5rem !important;
}



::-webkit-scrollbar {
  width: 9px;
  background-color: #5d5f64;
}

::-webkit-scrollbar-thumb {
  background: #a1b2cf;
}



/* ========================= Responsive Starts ============================== */


@media only screen and (max-width: 1250px), 
screen and (max-height: 721px) {
    

  }




  
@media only screen and (max-width: 992px) {
  
    #WhatIsMetaContID{
      margin-top: 4rem !important;
    }

    
  }


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



  }

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

  }



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


        
    .nav-tabs .nav-link{
      padding: 12px 9px !important;
    }

    .custom-block-overlay{
      min-height: 500px !important;
    }

    #HowDoesItWorkContID .text-white{
      font-size: 14px !important;
    }


  }



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


        
    #Abt1stTitleTxtID{
      font-size: 3em !important;
    }

    #AbtLowerTitleTxtID{
      font-size: 2.8em !important;
    }


    .timeline-container .vertical-scrollable-timeline li{

      padding-left: 95px !important;
      margin-left: 0.8rem !important;
    }

    .timeline-container .vertical-scrollable-timeline li .icon-holder
    {
      width: 52px !important;
      height: 52px !important;
    }

    .timeline-container .vertical-scrollable-timeline li::before{
      left: 22px !important;
    }

  }




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


        
    #Abt1stTitleTxtID{
      font-size: 2.2em !important;
    }

    #AbtLowerTitleTxtID{
      font-size: 1.7em !important;
    }


    #AbtMainTitleTxtID{
      font-size: 33px !important;
    }

  }



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


    .custom-block-overlay{
      min-height: 600px !important;
    }


    .d-flex{
      display: flex!important;
      justify-content: flex-start !important;
      align-content: space-between !important;
      flex-wrap: wrap !important;
    }

    

  }
  




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


    .timeline-container .vertical-scrollable-timeline li .icon-holder::before{
      width: 68px !important;
      height: 68px !important;
    }

    .timeline-container .vertical-scrollable-timeline li{

      padding-left: 62px !important;
    }

    .timeline-container .vertical-scrollable-timeline li .icon-holder
    {
      width: 25px !important;
      height: 25px !important;
    }

    .timeline-container .vertical-scrollable-timeline li::before{
      left: 8px !important;
    }

    

  }
  

/* ========================= Responsive Ends ============================== */