@media(min-width: 576px){
  .program-planner-page .modal-dialog{
      max-width: 576px;
  }
  .program-planner-page #dltModal .modal-dialog{
      max-width: 423px;
  }
  .program-assessment-section .program-assessment-main .program-assessmen-dropdown 
  .form-floating{
  width: 300px;
  }
  .program-assessment-section .program-assessment-main .program-assessmen-dropdown 
  .Scenario-float{
  width: 375px;
  }
  .program-assessment-section .program-assessment-main .program-assessmen-dropdown 
  .Scenario-float2{
  width: 179px;
  }
  .header-search-bar input{
    height: 100% !important;
    min-width: 300px;
  }
}

@media (min-width:992px) {
  .mt-lg-35{
      margin-top: 35px !important;
  }
}
@media(min-width:1024px){
  .upload-data-section .w-500 {
      max-width: 508px;
      width: 100%;
  }
  #progress-to-goal-container{
      min-width: 991px;
  }
  .whats-new-hero-section h1{
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    line-height: 56px;
  }
  .whats-new-hero-section p{
    max-width: 882px;
    width: 100%;
    margin: 0 auto;
  }
  .whats-new-hero-section .get-started-btn{
    min-width: 240px;
    padding: 14px 30px;
  }
  .all-modules p{
    max-width: 1210px;
    width: 100%;
    margin: 0 auto;
  }
  .pt-md-160{
    padding-top: 160px !important;
  }
  .pt-md-70{
    padding-top: 70px !important;
  }
}

@media(max-width:1600px){
  .login-card{
      max-width: 1100px;
  }
  

  .login-form-sec {
      /* padding: 75px 142px 40px; */
      padding: 45px 142px 10px;
  }
  .login-content-sec{
      padding: 78px 50px;
  }
  .btn{
      padding-right: 20px;
      padding-left: 20px;
  }
  .program-assessment-section .program-assessment-main .program-assessmen-dropdown{
      flex-wrap: wrap;
      gap: 25px;
  }
  .assessment-form .accordion-body .rate-input {
      width: 278px;
  }
}
@media(max-width:1500px){
    .tabbing-searchbar-wrapper{
        flex-direction: column-reverse;
    }
}
@media(max-width:1439px){   
  .dropdown-content{
      gap:30px;
  }
  :root {       
     
      --font-17: 16px;
        
  }
  .btn{
      padding-right: 15px;
      padding-left: 15px;
  }
  .chatbot-wrapper {
      min-height: 600px;
  }
  .chatbot-wrapper .chatarea {
      min-height: 440px;
  }
  .chatbot-wrapper .chatarea.chatarea-suggestion-one {
      min-height: calc(440px - 64px);
  }
  .chatbot-wrapper .chatarea.chatarea-suggestion-two {
      min-height: calc(440px - 120px);
  }
  .chatbot-wrapper .chatarea.chatarea-suggestion-three {
      min-height: calc(440px - 176px);
  }
}

@media (max-width: 1199px) {
  :root {       
      --font-24: 20px;
      --font-22: 20px;
      --font-20: 18px;
      --font-18: 16px;
      --font-17: 15px;
      --font-15: 14px;
      --font-14: 13px;
      --font-12: 11px;
      --font-5: 5px;
      --letter-spacing-0_15: 0.15px;
      --letter-spacing-0_4: 0.4px;        
  }
  .login-card{
      max-width: 900px;
  }

  .login-content-sec {
      padding: 32px;
  }

  .login-form-sec {
      padding: 55px 72px 20px;
  }

  .login-logo {
      margin-bottom: 52px;
  }
  .chatbot-wrapper .chatarea.chatarea-suggestion-one {
      height: calc(100% - 218px);
  }
  .chatbot-wrapper .chatarea.chatarea-suggestion-two {
      height: calc(100% - 274px);
  }
  .chatbot-wrapper .chatarea.chatarea-suggestion-three {
      height: calc(100% - 330px);
  }
}
@media (max-width:1024px){
    .whats-new-hero-section h1 > span.underline-vector::before{
        bottom: -20%;
    }
}
@media(max-width:991px){
  .login-card{
      max-width: 760px;
  }
  .chatbot-wrapper{
      min-width: 400px;
      height: calc(100vh - 30%); 
  }
  .chatbot-wrapper .chatarea{
      max-width: 400px;
      height: calc(100% - 138px);
  }
  .chatbot-wrapper .chatarea.chatarea-suggestion-one {
      height: calc(440px - 202px);
      min-height: calc(440px - 33px);
  }
  .chatbot-wrapper .chatarea.chatarea-suggestion-two {
      height: calc(440px - 258px);
      min-height: calc(440px - 89px);
  }
  .chatbot-wrapper .chatarea.chatarea-suggestion-three {
      height: calc(440px - 314px);
      min-height: calc(440px - 145px);
  }
  .whats-new-hero-section h1 > span.underline-vector::before {
    bottom: -26%;
  }
  .whats-new-hero-section{
    background-color: var(--primary-25);
  }

}

@media(max-width: 767px){
  #progress-to-goal-container div.chart-container div.highcharts-container .highcharts-data-labels .highcharts-label span div > span.ptg-value{
      font-size: 15px !important;
  }
  #progress-to-goal-container div.chart-container div.highcharts-container .highcharts-data-labels .highcharts-label span div > span.ptg-label{
      font-size: 12px !important;
  }
  .bot-btn img{
      width: 30px;
      height: 30px;
  }
  .whats-new-hero-section h1{
    font-size: 24px;
  }
  .underline-vector::before{
    content: unset;
  }
  h2.underline-vector::before{
    content: unset;
  }
}