@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap');
    

/*design one*/
 .why-choose-section {
           padding-top: 30px ;
            text-align: center;
        }
        .feature-icon {
            margin-bottom: 15px;
        }
        .feature-icon img {
           height: 112px;
        }
        
        
        .why-choose-section h5{
            font-size: clamp(1rem, 0.6875rem + 1vw, 1.25rem);
        }
        
        @media(max-width:500px){
           .why-choose-section .why-choose-section-card-data{
                display: flex;
                 align-items: anchor-center;
                 gap: 12px;
                text-align: left;
                margin-bottom: 0px !important;
           }
           .feature-icon img {
               width: 70px;
               height:auto!important;
            }
            
            ..career-box
            
            
        }

@media (max-width: 992px) {
            .why-choose-section .row {
                /*flex-wrap: nowrap;*/
                overflow-x: auto;
                padding-bottom: 15px;
            }
            
            .why-choose-section .col-md-4 {
                min-width: 180px;
            }
            
          
             .course-overview {
                padding-bottom: 20px;
                }
        }
        
        
/*design two*/
        .program-details {
            padding: 0px 0;
            padding-top: 23px;
        }

        /*.program-details .detail-icon {*/
        /*    height: 60px;*/
        /*    display: flex;*/
        /*    align-items: center;*/
        /*    justify-content: center;*/
        /*}*/

        .program-details h5 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}
        .program-details p {
            font-size: 0.9rem;
        }
        
        
         .program-details .grid-1 {
             grid-template-columns:repeat(1, 1fr);
             
         }
          .program-details .grid-2 {
             grid-template-columns:repeat(2, 1fr);
             
         }
          .program-details .grid-3 {
             grid-template-columns:repeat(3, 1fr);
             
         }
          .program-details .grid-4 {
             grid-template-columns:repeat(4, 1fr);
             
         }
          .program-details .grid-5 {
             grid-template-columns:repeat(5, 1fr);
             
         }
          .program-details .grid-6 {
             grid-template-columns:repeat(6, 1fr);
             
         }
          .program-details .grid-7 {
             grid-template-columns:repeat(7, 1fr);
             
         }
          .program-details .grid-8 {
             grid-template-columns:repeat(8, 1fr);
             
         }
         
         
         @media (max-width:778px){
             .program-details  .mobile-grid{
                  grid-template-columns:repeat(2, 1fr);
             }
             
             .detail-box {
                text-align: center;
                margin-bottom: 0px !important;
             }
             .info-pods h5{
                 margin-bottom: 0px;
             }
             
            .program-details  .container{
              padding: 0px 20px 12px 20px;
        
    }
    
    
      
   .career-box {
    padding: 0px;
    margin-bottom: 20px;
    color: white;
    text-align: center;
    border-radius: 0px;
    min-height: 60px!important;
    align-content: center;
    width: 300px;
    justify-self: center;
}

        
         }
         

        @media (max-width: 992px) {
            .program-details .row {
                /*flex-wrap: nowrap;*/
                overflow-x: auto;
                padding-bottom: 15px;
            }
            
            .program-details .col-md-4 {
                min-width: 200px;
            }
            
              .program-details {
                padding-top: 0px;
                place-self: center;
              }

        }
        
         .detail-box {
            text-align: center;
            margin-bottom: 20px;
        }
        
        .detail-icon {
            font-size: 2rem;
            margin-bottom: 15px;
        }
        
        
  /*third design pods */
          
    .career-section{
          text-align:left;
           padding: 30px;
    }
        
        
        .career-box {
    padding: 15px;
    margin-bottom: 20px;
    color: white;
    text-align: center;
    border-radius: 0px;
    min-height: 80px;
    align-content: center;
}
        
    
        
     /*extra css for extra info pods*/
     
     @media(max-width:1024px){
    .extra-detalis-pods .mobile-grid {
      grid-template-columns: repeat(2, 1fr);
    }
     }
     
     @media (max-width: 768px) {
    .extra-detalis-pods .mobile-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .brouse-card-section {
    width: 100%;
}
}