.elementor-4180 .elementor-element.elementor-element-1bf0b18{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4180 .elementor-element.elementor-element-1bf0b18:not(.elementor-motion-effects-element-type-background), .elementor-4180 .elementor-element.elementor-element-1bf0b18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.celesteeclinics.com/wp-content/uploads/2020/08/diagnostic-lab-content-gradient-bg.svg");background-position:center center;background-repeat:no-repeat;}.elementor-4180 .elementor-element.elementor-element-983388c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-4180 .elementor-element.elementor-element-1bf0b18{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:80px;--padding-bottom:00px;--padding-left:40px;--padding-right:40px;}.elementor-4180 .elementor-element.elementor-element-1bf0b18:not(.elementor-motion-effects-element-type-background), .elementor-4180 .elementor-element.elementor-element-1bf0b18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:contain;}}@media(max-width:767px){.elementor-4180 .elementor-element.elementor-element-1bf0b18{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:64px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-4180 .elementor-element.elementor-element-1bf0b18:not(.elementor-motion-effects-element-type-background), .elementor-4180 .elementor-element.elementor-element-1bf0b18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:contain;}.elementor-4180 .elementor-element.elementor-element-983388c > .elementor-widget-container{margin:0px 0px -75px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-983388c */#celestee-videos-wrapper {
           
            color: #171310 !important;
            font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
            font-size: 15px !important;
            line-height: 1.65 !important;
            -webkit-font-smoothing: antialiased !important;
            width: 100vw !important;
            max-width: 100vw !important;
            position: relative !important;
            left: 50% !important;
            right: 50% !important;
            margin-left: -50vw !important;
            margin-right: -50vw !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding: 0 !important;
            overflow-x: hidden !important;
            box-sizing: border-box !important;
        }

        #celestee-videos-wrapper *,
        #celestee-videos-wrapper *::before,
        #celestee-videos-wrapper *::after {
            box-sizing: border-box !important;
        }

        #celestee-videos-wrapper .videos-wrap {
            max-width: 1240px !important;
            margin: 0 auto !important;
            padding: 0 24px !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        #celestee-videos-wrapper img {
            max-width: 100% !important;
            height: auto !important;
            display: block !important;
            border-style: none !important;
        }

        #celestee-videos-wrapper a {
            text-decoration: none !important;
            transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
        }

        #celestee-videos-wrapper ul,
        #celestee-videos-wrapper ol {
            list-style: none !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        #celestee-videos-wrapper p {
            margin: 0 !important;
            padding: 0 !important;
        }

        #celestee-videos-wrapper h1,
        #celestee-videos-wrapper h2,
        #celestee-videos-wrapper h3,
        #celestee-videos-wrapper h4,
        #celestee-videos-wrapper h5,
        #celestee-videos-wrapper h6 {
            font-family: 'Playfair Display', Georgia, serif !important;
            margin: 0 !important;
            font-weight: 700 !important;
            color: #171310 !important;
            line-height: 1.25 !important;
        }

        /* --------------------------------------------------------------------------
           TYPOGRAPHY & BRAND BADGES
           -------------------------------------------------------------------------- */
        #celestee-videos-wrapper .videos-kicker {
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            font-size: 11px !important;
            font-weight: 800 !important;
            text-transform: uppercase !important;
            letter-spacing: 2px !important;
            color: #cf6708 !important;
            background: #ffffff !important;
            border: 1px solid #ebdccb !important;
            padding: 6px 18px !important;
            border-radius: 30px !important;
            margin-bottom: 14px !important;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
        }

        #celestee-videos-wrapper .videos-kicker::before {
            content: '' !important;
            width: 6px !important;
            height: 6px !important;
            background-color: #cf6708 !important;
            border-radius: 50% !important;
        }

        #celestee-videos-wrapper .videos-headline {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: clamp(30px, 4vw, 44px) !important;
            font-weight: 700 !important;
            color: #171310 !important;
            line-height: 1.2 !important;
            margin: 0 0 12px 0 !important;
        }

        #celestee-videos-wrapper .videos-subtext {
            font-size: 16px !important;
            color: #5a524a !important;
            max-width: 740px !important;
            margin: 0 auto 32px auto !important;
            line-height: 1.65 !important;
        }

        #celestee-videos-wrapper .btn-gold {
            background: linear-gradient(135deg, #b88e4c 0%, #987132 100%) !important;
            color: #ffffff !important;
            font-weight: 700 !important;
            font-size: 14px !important;
            padding: 13px 28px !important;
            border-radius: 50px !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 10px !important;
            border: none !important;
            cursor: pointer !important;
            box-shadow: 0 8px 24px rgba(184, 142, 76, 0.25) !important;
            transition: all 0.3s ease !important;
        }

        #celestee-videos-wrapper .btn-gold:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 12px 30px rgba(184, 142, 76, 0.4) !important;
            color: #ffffff !important;
        }

        #celestee-videos-wrapper .btn-outline {
            background: transparent !important;
            color: #171310 !important;
            font-weight: 700 !important;
            font-size: 14px !important;
            padding: 13px 28px !important;
            border-radius: 50px !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 10px !important;
            border: 1.5px solid #d6c8b4 !important;
            cursor: pointer !important;
            transition: all 0.3s ease !important;
        }

        #celestee-videos-wrapper .btn-outline:hover {
            background: #ffffff !important;
            border-color: #b88e4c !important;
            color: #b88e4c !important;
        }

        /* --------------------------------------------------------------------------
           HERO BANNER
           -------------------------------------------------------------------------- */
        #celestee-videos-wrapper .banner-section {
            padding: 50px 0 40px 0 !important;
           
            border-bottom: 1px solid #ebdccb !important;
            text-align: center !important;
        }

        /* --------------------------------------------------------------------------
           CATEGORY CARDS GRID (OUR UI IMPLEMENTATION OF CELESTEE CLINICS VIDEOS)
           -------------------------------------------------------------------------- */
        #celestee-videos-wrapper .category-grid-section {
            padding: 50px 0 70px 0 !important;
        }

        #celestee-videos-wrapper .category-grid {
            display: grid !important;
            grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
            gap: 28px !important;
        }

        @media (max-width: 575px) {
            #celestee-videos-wrapper .category-grid {
                grid-template-columns: 1fr !important;
            }
        }

        #celestee-videos-wrapper .cat-card {
            position: relative !important;
            border-radius: 16px !important;
            overflow: hidden !important;
            height: 220px !important;
            background: #171310 !important;
            border: 1px solid #ebdccb !important;
            box-shadow: 0 10px 30px rgba(23, 19, 16, 0.08) !important;
            cursor: pointer !important;
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease !important;
        }

        #celestee-videos-wrapper .cat-card:hover {
            transform: translateY(-6px) !important;
            box-shadow: 0 20px 40px rgba(23, 19, 16, 0.16) !important;
        }

        #celestee-videos-wrapper .cat-card img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            opacity: 0.88 !important;
            transition: transform 0.6s ease, opacity 0.3s ease !important;
        }

        #celestee-videos-wrapper .cat-card:hover img {
            transform: scale(1.06) !important;
            opacity: 1 !important;
        }

        #celestee-videos-wrapper .cat-card::before {
            content: '' !important;
            position: absolute !important;
            inset: 0 !important;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 20%, rgba(23, 19, 16, 0.88) 100%) !important;
            z-index: 1 !important;
            transition: background 0.3s ease !important;
        }

        #celestee-videos-wrapper .cat-card:hover::before {
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 10%, rgba(23, 19, 16, 0.94) 100%) !important;
        }

        #celestee-videos-wrapper .cat-card-content {
            position: absolute !important;
            bottom: 24px !important;
            left: 24px !important;
            right: 24px !important;
            z-index: 2 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
        }

        #celestee-videos-wrapper .cat-card-name {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 22px !important;
            font-weight: 700 !important;
            color: #ffffff !important;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
        }

        #celestee-videos-wrapper .cat-card-btn {
            background: linear-gradient(135deg, #b88e4c 0%, #987132 100%) !important;
            color: #ffffff !important;
            padding: 8px 18px !important;
            border-radius: 30px !important;
            font-size: 13px !important;
            font-weight: 700 !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            box-shadow: 0 4px 14px rgba(184, 142, 76, 0.4) !important;
            opacity: 0 !important;
            transform: translateY(10px) !important;
            transition: all 0.3s ease !important;
        }

        #celestee-videos-wrapper .cat-card:hover .cat-card-btn {
            opacity: 1 !important;
            transform: translateY(0) !important;
        }

        /* --------------------------------------------------------------------------
           RESPONSIVE MOBILE STYLING (TOUCH & SMALL SCREENS)
           -------------------------------------------------------------------------- */
        @media (max-width: 768px) {
            #celestee-videos-wrapper .videos-wrap {
                padding: 0 16px !important;
            }

            #celestee-videos-wrapper .banner-section {
                padding: 36px 0 28px 0 !important;
            }

            #celestee-videos-wrapper .videos-kicker {
                font-size: 10px !important;
                padding: 5px 14px !important;
                margin-bottom: 10px !important;
            }

            #celestee-videos-wrapper .videos-headline {
                font-size: 26px !important;
                margin-bottom: 8px !important;
            }

            #celestee-videos-wrapper .videos-subtext {
                font-size: 14px !important;
                margin-bottom: 20px !important;
                line-height: 1.55 !important;
            }

            #celestee-videos-wrapper .btn-gold,
            #celestee-videos-wrapper .btn-outline {
                width: 100% !important;
                justify-content: center !important;
                padding: 12px 20px !important;
                font-size: 13.5px !important;
            }

            #celestee-videos-wrapper .category-grid-section {
                padding: 28px 0 44px 0 !important;
            }

            #celestee-videos-wrapper .category-grid {
                grid-template-columns: 1fr !important;
                gap: 16px !important;
            }

            #celestee-videos-wrapper .cat-card {
                height: 190px !important;
                border-radius: 14px !important;
            }

            #celestee-videos-wrapper .cat-card-content {
                bottom: 16px !important;
                left: 16px !important;
                right: 16px !important;
            }

            #celestee-videos-wrapper .cat-card-name {
                font-size: 18px !important;
                max-width: 60% !important;
                line-height: 1.25 !important;
            }

            #celestee-videos-wrapper .cat-card-btn {
                opacity: 1 !important;
                transform: translateY(0) !important;
                padding: 7px 14px !important;
                font-size: 12px !important;
            }
        }/* End custom CSS */