.elementor-21039 .elementor-element.elementor-element-2092c475{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21039 .elementor-element.elementor-element-2092c475:not(.elementor-motion-effects-element-type-background), .elementor-21039 .elementor-element.elementor-element-2092c475 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #FDF2F8 0%, #FCE7F3 100%);}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-21039 .elementor-element.elementor-element-4d17c481{text-align:center;}.elementor-21039 .elementor-element.elementor-element-233f6b28{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21039 .elementor-element.elementor-element-c9fba29{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-21039 .elementor-element.elementor-element-5dd5e344 img{height:28px;}.elementor-21039 .elementor-element.elementor-element-4d6551e9{--display:flex;}.elementor-21039 .elementor-element.elementor-element-5c5b55c img{height:28px;}.elementor-21039 .elementor-element.elementor-element-5b3c6a05{--display:flex;}.elementor-21039 .elementor-element.elementor-element-c7ab10e img{height:28px;}.elementor-21039 .elementor-element.elementor-element-37881bf0{--display:flex;}.elementor-21039 .elementor-element.elementor-element-13b7b9d2 img{height:28px;}.elementor-21039 .elementor-element.elementor-element-3a9e90ce{--display:flex;}.elementor-21039 .elementor-element.elementor-element-51ac2536 img{height:28px;}.elementor-21039 .elementor-element.elementor-element-442a496{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21039 .elementor-element.elementor-element-702e266 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-21039 .elementor-element.elementor-element-631b1c89{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21039 .elementor-element.elementor-element-648897a0{width:100%;max-width:100%;text-align:center;}.elementor-21039 .elementor-element.elementor-element-648897a0 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px 0px;border-radius:20px 020px 0px 0px;}.elementor-21039 .elementor-element.elementor-element-648897a0 p{margin-block-end:0px;}.elementor-21039 .elementor-element.elementor-element-4010a8fc{--e-image-carousel-slides-to-show:3;width:100%;max-width:100%;}.elementor-21039 .elementor-element.elementor-element-4010a8fc > .elementor-widget-container{background-color:#FFFFFF;}.elementor-21039 .elementor-element.elementor-element-4010a8fc.elementor-element{--align-self:center;}.elementor-21039 .elementor-element.elementor-element-4010a8fc .elementor-swiper-button.elementor-swiper-button-prev, .elementor-21039 .elementor-element.elementor-element-4010a8fc .elementor-swiper-button.elementor-swiper-button-next{color:var( --e-global-color-secondary );}.elementor-21039 .elementor-element.elementor-element-4010a8fc .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-21039 .elementor-element.elementor-element-4010a8fc .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-secondary );}.elementor-21039 .elementor-element.elementor-element-4010a8fc .swiper-wrapper{display:flex;align-items:center;}.elementor-21039 .elementor-element.elementor-element-4010a8fc .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-21039 .elementor-element.elementor-element-b24fb4d > .elementor-widget-container{background-color:#FFFFFF;}.elementor-21039 .elementor-element.elementor-element-959e19c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-21039 .elementor-element.elementor-element-f8128fd{width:100%;max-width:100%;}.elementor-21039 .elementor-element.elementor-element-f8128fd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-21039 .elementor-element.elementor-element-6b0eeb4{width:var( --container-widget-width, 0% );max-width:0%;--container-widget-width:0%;--container-widget-flex-grow:0;}.elementor-21039 .elementor-element.elementor-element-6b0eeb4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-21039 .elementor-element.elementor-element-68e7bfbb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );}.elementor-21039 .elementor-element.elementor-element-47928f8{width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;}.elementor-21039 .elementor-element.elementor-element-47928f8.elementor-element{--align-self:center;}.elementor-21039 .elementor-element.elementor-element-47928f8 .elementor-accordion-icon, .elementor-21039 .elementor-element.elementor-element-47928f8 .elementor-accordion-title{color:var( --e-global-color-kadence3 );}.elementor-21039 .elementor-element.elementor-element-47928f8 .elementor-accordion-icon svg{fill:var( --e-global-color-kadence3 );}.elementor-21039 .elementor-element.elementor-element-47928f8 .elementor-active .elementor-accordion-icon, .elementor-21039 .elementor-element.elementor-element-47928f8 .elementor-active .elementor-accordion-title{color:var( --e-global-color-kadence3 );}.elementor-21039 .elementor-element.elementor-element-47928f8 .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-kadence3 );}@media(max-width:767px){.elementor-21039 .elementor-element.elementor-element-233f6b28{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21039 .elementor-element.elementor-element-c9fba29{--width:27%;}.elementor-21039 .elementor-element.elementor-element-4d6551e9{--width:23%;}.elementor-21039 .elementor-element.elementor-element-5b3c6a05{--width:50%;}.elementor-21039 .elementor-element.elementor-element-37881bf0{--width:50%;}.elementor-21039 .elementor-element.elementor-element-3a9e90ce{--width:50%;}.elementor-21039 .elementor-element.elementor-element-3c0f2d7e{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-21039 .elementor-element.elementor-element-233f6b28{--width:100%;}.elementor-21039 .elementor-element.elementor-element-c9fba29{--width:20%;}.elementor-21039 .elementor-element.elementor-element-4d6551e9{--width:20%;}.elementor-21039 .elementor-element.elementor-element-5b3c6a05{--width:20%;}.elementor-21039 .elementor-element.elementor-element-37881bf0{--width:20%;}.elementor-21039 .elementor-element.elementor-element-3a9e90ce{--width:20%;}.elementor-21039 .elementor-element.elementor-element-631b1c89{--content-width:1200px;}.elementor-21039 .elementor-element.elementor-element-68e7bfbb{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-e96b5bf */.hair-routine-modern {
            padding: 60px 20px 20px 20px;
            max-width: 1400px;
            margin: 0 auto;
        }

        .routine-container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .routine-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .routine-title {
            font-size: clamp(2rem, 5vw, 3rem);
            font-weight: 800;
            background: linear-gradient(135deg, #667eea 5%, #e91aa9 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 16px;
            line-height: 1.2;
        }

        .routine-subtitle {
            font-size: clamp(1.1rem, 2vw, 1.25rem);
            color: #64748b;
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.6;
        }

        .steps-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 30px;
            margin-bottom: 50px;
        }

        .step-card {
            background: white;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            border: 1px solid rgba(255, 255, 255, 0.8);
            position: relative;
        }

        .step-card:hover::before {
            transform: scaleX(1);
        }

        .step-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        .step-visual {
            position: relative;
            
            overflow: hidden;
        }

        .step-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .step-card:hover .step-image {
            transform: scale(1.05);
        }

        .step-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.05) 100%);
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            padding: 20px;
            color: white;
        }

        .step-number {
            color: #fbd0f1;
            font-size: 3.5rem;
            font-weight: 800;
            line-height: 1;
            text-shadow: 0 2px 10px rgba(0,0,0,0.3);
        }

        .step-icon {
            width: 50px;
            height: 50px;
            background: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(10px);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fbd0f1;
            font-size: 1.5rem;
        }

        .step-content {
            padding: 30px;
        }

        .step-title {
            font-size: 1.4rem;
            font-weight: 700;
            color: #1e293b;
            margin-bottom: 16px;
            line-height: 1.3;
        }

        .step-description {
            color: #64748b;
            line-height: 1.6;
            margin-bottom: 20px;
            font-size: 1rem;
        }

        .step-tip {
            background: linear-gradient(135deg, #ffe1f2 0%, #ffe1f2 100%);
            border-left: 4px solid #e91aa9;
            padding: 16px;
            border-radius: 0 12px 12px 0;
            display: flex;
            gap: 12px;
            align-items: flex-start;
        }

        .tip-icon {
            font-size: 1.2rem;
            flex-shrink: 0;
            margin-top: 2px;
            color: #e91aa9;
        }

        .tip-text {
            color: #475569;
            font-style: italic;
            line-height: 1.5;
            margin: 0;
            font-size: 0.95rem;
        }

        .results-callout {
            background: linear-gradient(135deg, #ffd6ee 0%, #fbd0f1 100%);
            color: white;
            padding: 30px;
            border-radius: 16px;
            display: flex;
            align-items: center;
            gap: 20px;
            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
        }

        .callout-icon {
            color: #e91aa9;
            font-size: 2rem;
            flex-shrink: 0;
        }

        .callout-text {
            margin: 0;
            color: #475569;
            line-height: 1.6;
            font-size: 1.1rem;
        }

        .callout-text strong {
            color: #e91aa9;
        }

        /* Animation for step cards */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .step-card {
            animation: fadeInUp 0.6s ease forwards;
            opacity: 0;
        }

        .step-card:nth-child(1) { animation-delay: 0.1s; }
        .step-card:nth-child(2) { animation-delay: 0.2s; }
        .step-card:nth-child(3) { animation-delay: 0.3s; }

        /* Responsive Design */
        @media (max-width: 768px) {
            .hair-routine-modern {
                padding: 60px 16px;
            }
            
            .steps-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .step-content {
                padding: 24px;
            }
            
            .step-overlay {
                padding: 16px;
            }
            
            .step-number {
                font-size: 3rem;
            }
            
            .results-callout {
                flex-direction: column;
                text-align: center;
                gap: 16px;
                padding: 24px;
            }
        }

        @media (max-width: 480px) {
            .routine-header {
                margin-bottom: 40px;
            }
            
            .step-content {
                padding: 20px;
            }
            
            .step-tip {
                flex-direction: column;
                gap: 8px;
            }
            
            .step-number {
                font-size: 2.5rem;
            }
        }

        /* Floating animation for callout */
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }

        .results-callout {
            animation: float 6s ease-in-out infinite;
        }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-648897a0 */.section-heading{
    padding: 20px;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-4010a8fc */.ev-03-corosel{
    padding: 0px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    max-width: 1200px;
    width: 100%;
}/* End custom CSS */