.elementor-8350 .elementor-element.elementor-element-1b0e6e4{--display:flex;--margin-top:-125px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8350 .elementor-element.elementor-element-94904a5{--display:flex;--min-height:915px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8350 .elementor-element.elementor-element-94904a5:not(.elementor-motion-effects-element-type-background), .elementor-8350 .elementor-element.elementor-element-94904a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://ditaracing.com/wp-content/uploads/2025/05/2022-Porsche-718-Cayman-GT4-RS-Clubsport-008-1080.jpg");background-position:center center;background-size:cover;}.elementor-8350 .elementor-element.elementor-element-738dcb6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8350 .elementor-element.elementor-element-a7a3950{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-8350 .elementor-element.elementor-element-a7a3950 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8350 .elementor-element.elementor-element-4682209{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-8350 .elementor-element.elementor-element-94904a5{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-8350 .elementor-element.elementor-element-a7a3950{--e-n-carousel-swiper-slides-to-display:1;}}@media(max-width:767px){.elementor-8350 .elementor-element.elementor-element-1b0e6e4{--width:100%;--min-height:386px;}.elementor-8350 .elementor-element.elementor-element-94904a5{--min-height:45vh;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-8350 .elementor-element.elementor-element-94904a5:not(.elementor-motion-effects-element-type-background), .elementor-8350 .elementor-element.elementor-element-94904a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-8350 .elementor-element.elementor-element-a7a3950{--e-n-carousel-swiper-slides-to-display:1;}.elementor-8350 .elementor-element.elementor-element-4682209{--margin-top:-54px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:999;}}/* Start custom CSS for container, class: .elementor-element-4682209 */.kad-head{
    color:#333!important;
    font-weight:700;
     font-family: 'Rubik';
     font-size:20px!important;
}
.card-distirbutor{
    padding:20px;
}
        
        .webporfolio p.card-text.mt-4 {
            height: 60px;
            line-height: 22px;
        }

        /* Filter bar styling */
        .filter-bar {
            margin-top: 10px;
            display: flex;
            flex-wrap: wrap;
            /* wrap items on smaller screens */
            justify-content: center;
            align-items: center;
        }

        .filter-bar select,
        .filter-bar button {
            margin-right: 10px;
            margin-bottom: 10px;
            /* spacing for small devices */
        }

        .filter-btn {
            background-color: #F05205;
            color: white;
            border: none;
        }

        .filter-btn:hover {
            background-color: #e67e00;
        }

        /* Ensure modal image scales nicely on mobile (if shown) */
        #modal-img {
            max-width: 50%;
            height: auto;
        }

        body.modal-open {
            padding-right: 0 !important;
            /* Remove the extra padding Bootstrap adds */
        }

        .sticky {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1000;
            /* Ensures the navbar stays on top of other content */
            /* Default for larger screens */
        }

        /* Apply margin-top only for mobile screens (max-width: 768px for example) */
        @media (max-width: 768px) {
            .sticky {
                margin-top: 3rem;
            }
        }


        /* Optional: Add some shadow or change background for better visibility when sticky */
        .sticky+.content {
            padding-top: 60px;
            /* Adjust based on your navbar's height */
        }

        @media only screen and (max-width: 640px) {
            .filter-bar .form-control {
                width: 100% !important;
                margin-left: 10px;
            }
        }

        .fixed {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 999;
        }

        @media (max-width: 768px),
        (max-width: 992px) {
            #sticky {
                top: 40px;
            }
        }/* End custom CSS */