@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;
    }
  }
  
  @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;
    }
  }
  
  
  @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: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:1024px){
    .whats-new-hero-section h1 > span.underline-vector::before{
        bottom: -20%;
    }
  }
  
  @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);
    }
    .whats-new-hero-section h1 > span.underline-vector::before {
        bottom: -26%;
    }
    .whats-new-hero-section{
        background-color: var(--primary-25);
    }
  }
  
  @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);
    }
  }
  
  @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;
    }
  }

  @media (min-width: 576px) {
    .header-search-bar input {
        height: 100% !important;
        min-width: 300px;
    }
  }