/* Responsive CSS */
@media screen and (max-width: 820px) { 
    .sliderProjectFirst {
        margin-top: 20px;
    }
    .sliderbg{
        height: 220px;
        object-fit: fill;
     }
     .mobileJst{
        padding: 0px 12px;
     }
    .bannerButton {
      
        width: 105px;

    }
    .helpBoxText h1 {
        font-size: 20px;
        
      }
      .helpBoxText h2 {
        font-size: 16px;
        
    }
    .helpBoxText h3 {
        font-size: 16px;
        
    }
    .helpBoxText p {
        font-size: 14px;
        
    }
    .slider__card-content {
        
        top: 0px;
        left: 0px;
        width: 100%;
        padding: 20px 20px 0px;}
    
    .sliderParagraph {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    :root {
        --font-size-small: 0.75rem;
        /* ~12px */
        --font-size-medium: 0.875rem;
        /* ~14px */
        --font-size-large: 1rem;
        /* ~16px */
        --font-size-xlarge: 2rem;
        /* ~32px */
    }
   
}
@media (max-width: 768px) {
    .slider__card-content h2{
        font-size:var(--font-size-large);
    }
    .slider__card-content {
        font-size: var(--font-size-xsmall);
    }
    .accordion__logo {
       
            width: 100px;
            margin-left: auto;
            margin-right: auto;
            height: 100px;
            margin-bottom: 0px;
            right: 0px;
            z-index: 99;
            border-radius: 0px !important;
            left: 0px;
            bottom: 0px;
            position: absolute;
            object-fit: contain;
     
        
    }
    .accordion__image {
        max-height: 350px;
        width: 100%;
    object-fit: cover;
    }
    .iconshine{
        width: 30px !important;
     }
   
    .footer{
        
        background-position: center bottom;
        background-size: cover;
    
     }
     .blackSections h3{
        font-size: 18px;
    }
    .blackSections p{
        font-size: 14px;
        line-height: 24px;
    }
    
}

@media only screen and (min-width:821px) and (max-width:1200px) {
    .accordion__wrapper{
        zoom: 70%;
    }
}
@media (min-width: 1800px) {
    .sliderCardTitle {
        font-size: 36px !important;
        line-height: 3rem !important;
    }
    .sliderCard {
        height: 450px !important;
    }
    .sliderCardLogo{
        max-width: 250px !important;
    }
}
@media (min-width: 1480px) {
 
    .slider__button--primary {
        
        font-size: 20px;
        
        height: 40px !important;
       
        padding: 0px 40px !important;
         
    }
    .accordion__logo {
        
        width: 200px;
    }
}