.elementor-43 .elementor-element.elementor-element-6436ff6a{--display:flex;--min-height:100vh;--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:stretch;--gap:5% 5%;--flex-wrap:nowrap;--overflow:hidden;--background-transition:0.3s;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-43 .elementor-element.elementor-element-6436ff6a:not(.elementor-motion-effects-element-type-background), .elementor-43 .elementor-element.elementor-element-6436ff6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background:url("https://www.stephenjohnhair.com/wp-content/uploads/2024/12/Cv2oAbcxXYhd.jpg") 50% 50%;background-size:cover;}.elementor-43 .elementor-element.elementor-element-6436ff6a, .elementor-43 .elementor-element.elementor-element-6436ff6a::before{--border-transition:0.3s;}.elementor-43 .elementor-element.elementor-element-1793752{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-43 .elementor-element.elementor-element-8b6dd46 > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-43 .elementor-element.elementor-element-8b6dd46 .elementor-heading-title{color:#FFFFFF;font-family:"Outfit", Sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;line-height:1.5em;letter-spacing:2px;}.elementor-43 .elementor-element.elementor-element-d03ba57{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;}.elementor-43 .elementor-element.elementor-element-d03ba57 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-43 .elementor-element.elementor-element-d03ba57 .elementor-heading-title{color:#FFFFFF;font-family:"Outfit", Sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;line-height:1.4em;}.elementor-43 .elementor-element.elementor-element-a3b0325{width:var( --container-widget-width, 64% );max-width:64%;--container-widget-width:64%;--container-widget-flex-grow:0;text-align:center;}.elementor-43 .elementor-element.elementor-element-a3b0325 .elementor-heading-title{color:#FFFFFF;font-family:"Outfit", Sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;line-height:1.5em;letter-spacing:2px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-43 .elementor-element.elementor-element-dfc61a4 .elementor-button{font-family:"Outfit", Sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;line-height:20px;letter-spacing:1px;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-43 .elementor-element.elementor-element-0c0f143:not(.elementor-motion-effects-element-type-background), .elementor-43 .elementor-element.elementor-element-0c0f143 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-57e9429 );}.elementor-43 .elementor-element.elementor-element-0c0f143{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-43 .elementor-element.elementor-element-0c0f143 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-43 .elementor-element.elementor-element-012324a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-43 .elementor-element.elementor-element-012324a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-43 .elementor-element.elementor-element-2310c21:not(.elementor-motion-effects-element-type-background), .elementor-43 .elementor-element.elementor-element-2310c21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-57e9429 );}.elementor-43 .elementor-element.elementor-element-2310c21{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-43 .elementor-element.elementor-element-2310c21 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-43 .elementor-element.elementor-element-b17f13f:not(.elementor-motion-effects-element-type-background), .elementor-43 .elementor-element.elementor-element-b17f13f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8c9e7b0 );}.elementor-43 .elementor-element.elementor-element-b17f13f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-43 .elementor-element.elementor-element-b17f13f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-43 .elementor-element.elementor-element-be909a6 > .elementor-widget-container{background-color:var( --e-global-color-8c9e7b0 );}.elementor-43 .elementor-element.elementor-element-26a8a8e:not(.elementor-motion-effects-element-type-background), .elementor-43 .elementor-element.elementor-element-26a8a8e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-57e9429 );}.elementor-43 .elementor-element.elementor-element-26a8a8e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-43 .elementor-element.elementor-element-26a8a8e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-43 .elementor-element.elementor-element-e69a7c3:not(.elementor-motion-effects-element-type-background), .elementor-43 .elementor-element.elementor-element-e69a7c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-57e9429 );}.elementor-43 .elementor-element.elementor-element-e69a7c3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-43 .elementor-element.elementor-element-e69a7c3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-43 .elementor-element.elementor-element-add18ca:not(.elementor-motion-effects-element-type-background), .elementor-43 .elementor-element.elementor-element-add18ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-57e9429 );}.elementor-43 .elementor-element.elementor-element-add18ca{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-43 .elementor-element.elementor-element-add18ca > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-43 .elementor-element.elementor-element-5baf435{--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;--background-transition:0.3s;}.elementor-43 .elementor-element.elementor-element-5baf435:not(.elementor-motion-effects-element-type-background), .elementor-43 .elementor-element.elementor-element-5baf435 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://www.stephenjohnhair.com/wp-content/uploads/2024/12/video-capture-0.00seg-206.png") 50% 50%;background-size:cover;}.elementor-43 .elementor-element.elementor-element-5baf435, .elementor-43 .elementor-element.elementor-element-5baf435::before{--border-transition:0.3s;}.elementor-43 .elementor-element.elementor-element-2b40b17{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-43 .elementor-element.elementor-element-ec59e43{text-align:center;}.elementor-43 .elementor-element.elementor-element-ec59e43 .elementor-heading-title{color:#FFFFFF;font-size:16px;font-weight:500;}.elementor-43 .elementor-element.elementor-element-0fea872{text-align:center;}.elementor-43 .elementor-element.elementor-element-0fea872 .elementor-heading-title{color:#FFFFFF;font-size:65px;font-weight:700;text-transform:uppercase;line-height:77px;}.elementor-43 .elementor-element.elementor-element-1b924f9{width:var( --container-widget-width, 59% );max-width:59%;--container-widget-width:59%;--container-widget-flex-grow:0;text-align:center;}.elementor-43 .elementor-element.elementor-element-1b924f9 .elementor-heading-title{color:#FFFFFF;font-size:14px;font-weight:700;text-transform:uppercase;line-height:20px;}.elementor-43 .elementor-element.elementor-element-ef1f740 .elementor-button:hover, .elementor-43 .elementor-element.elementor-element-ef1f740 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-43 .elementor-element.elementor-element-ef1f740 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-43 .elementor-element.elementor-element-ef1f740 .elementor-button{font-size:14px;font-weight:700;text-transform:uppercase;line-height:35px;fill:#000000;color:#000000;}.elementor-43 .elementor-element.elementor-element-ef1f740 .elementor-button:hover svg, .elementor-43 .elementor-element.elementor-element-ef1f740 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-43 .elementor-element.elementor-element-59ebbd4:not(.elementor-motion-effects-element-type-background), .elementor-43 .elementor-element.elementor-element-59ebbd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8c9e7b0 );}.elementor-43 .elementor-element.elementor-element-59ebbd4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 40px 0px;}.elementor-43 .elementor-element.elementor-element-59ebbd4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-43 .elementor-element.elementor-element-2f8e894:not(.elementor-motion-effects-element-type-background), .elementor-43 .elementor-element.elementor-element-2f8e894 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-57e9429 );}.elementor-43 .elementor-element.elementor-element-2f8e894{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-43 .elementor-element.elementor-element-2f8e894 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-43 .elementor-element.elementor-element-537e272 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-43 .elementor-element.elementor-element-dd1a603:not(.elementor-motion-effects-element-type-background), .elementor-43 .elementor-element.elementor-element-dd1a603 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8c9e7b0 );}.elementor-43 .elementor-element.elementor-element-dd1a603{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-43 .elementor-element.elementor-element-dd1a603 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-43 .elementor-element.elementor-element-0b1fd96{--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;--background-transition:0.3s;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-43 .elementor-element.elementor-element-c8aa62f{margin-top:0px;margin-bottom:0px;}.elementor-43 .elementor-element.elementor-element-727d5bb:not(.elementor-motion-effects-element-type-background), .elementor-43 .elementor-element.elementor-element-727d5bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8c9e7b0 );}.elementor-43 .elementor-element.elementor-element-727d5bb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-43 .elementor-element.elementor-element-727d5bb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-43 .elementor-element.elementor-element-6777a09 > .elementor-widget-container{background-color:var( --e-global-color-8c9e7b0 );}.elementor-43 .elementor-element.elementor-element-7424f61{--display:flex;--background-transition:0.3s;}.elementor-43 .elementor-element.elementor-element-db1ba1c{--spacer-size:50px;}@media(max-width:1024px){.elementor-43 .elementor-element.elementor-element-6436ff6a{--min-height:100vh;--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;--padding-top:5%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-43 .elementor-element.elementor-element-8b6dd46 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-43 .elementor-element.elementor-element-8b6dd46{text-align:center;}.elementor-43 .elementor-element.elementor-element-8b6dd46 .elementor-heading-title{font-size:12px;}.elementor-43 .elementor-element.elementor-element-d03ba57{--container-widget-width:72%;--container-widget-flex-grow:0;width:var( --container-widget-width, 72% );max-width:72%;}.elementor-43 .elementor-element.elementor-element-d03ba57 .elementor-heading-title{font-size:40px;}.elementor-43 .elementor-element.elementor-element-a3b0325 .elementor-heading-title{font-size:12px;}}@media(max-width:767px){.elementor-43 .elementor-element.elementor-element-6436ff6a{--min-height:85vh;--margin-top:-90px;--margin-bottom:-15px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-43 .elementor-element.elementor-element-1793752{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-43 .elementor-element.elementor-element-8b6dd46{text-align:center;}.elementor-43 .elementor-element.elementor-element-8b6dd46 .elementor-heading-title{font-size:12px;line-height:1.25em;}.elementor-43 .elementor-element.elementor-element-d03ba57{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-43 .elementor-element.elementor-element-d03ba57 .elementor-heading-title{font-size:35px;line-height:1.25em;}.elementor-43 .elementor-element.elementor-element-a3b0325{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-43 .elementor-element.elementor-element-a3b0325 .elementor-heading-title{font-size:15px;}.elementor-43 .elementor-element.elementor-element-0c0f143{padding:0px 0px 0px 0px;}.elementor-43 .elementor-element.elementor-element-f29e69e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-43 .elementor-element.elementor-element-44fb4f6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-43 .elementor-element.elementor-element-0fea872 .elementor-heading-title{font-size:43px;line-height:50px;}.elementor-43 .elementor-element.elementor-element-1b924f9{--container-widget-width:89%;--container-widget-flex-grow:0;width:var( --container-widget-width, 89% );max-width:89%;}}/* Start custom CSS for container, class: .elementor-element-6436ff6a */..elementor-43 .elementor-element.elementor-element-6436ff6a {
  background-size: cover;
}
@media (max-width: 1024px) {
    .first-class-services {
        padding: 40px 15px;
    }
}

/* Mobile-specific padding */
@media (max-width: 767px) {
    .first-class-services {
        padding: 20px 10px;
    }
}/* End custom CSS */
/* Start custom CSS for bdevs-about, class: .elementor-element-44fb4f6 */.section-head .section-subtitle {
    color: #000000;
}

.about-list-icon{
    color:black !important;
}
@media (max-width: 767px) {
    #about {
        padding: 10px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    #about {
        padding: 15px; /* Adjust if needed */
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0c0f143 */.ti-check{
 color: black !important;   
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-012324a */@media (max-width: 767px) {
    .first-class-services ,.section-padding {
        padding: 20px 0px !important;
    }
}/* End custom CSS */
/* Start custom CSS for bdevs-services, class: .elementor-element-cc24d32 */.services-box .item {
    color: #000000;
}
.icon.icon-1-7{
    color: black !important
}
.icon.icon-1-6{
    color: black !important
}/* End custom CSS */
/* Start custom CSS for bdevs-features, class: .elementor-element-164cd3f */.first-class-services:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 60%;
    width: 100%;
    background: #000000;
    z-index: -1;
}
.first-class-services .square2 p {
    font-size: 15px;
    color: #000000;
}
.first-class-services .square2 h4 {
    font-size: 27px;
    color: #000000;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2310c21 */@media (max-width: 767px) {
    .services-box ,.section-padding ,.pt-0{
        padding: 20px 10px;
    }
}
.icon ,.icon ,.icon-icon-1-6{
    color: black !important
}/* End custom CSS */
/* Start custom CSS for bdevs-history, class: .elementor-element-be909a6 */.bg-darkbrown {
    background: #000000;
}
/* Tablet */
@media (max-width: 1024px) {
    #our-feature-secti{
        padding: 40px 15px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    #our-feature-secti {
        padding: 10px 10px;
    }
}/* End custom CSS */
/* Start custom CSS for bdevs-services2, class: .elementor-element-becc4f0 */.section-head .section-subtitle {
    color: #000000;
}
/* Tablet */
@media (max-width: 1024px) {
    #services{
        padding: 40px 15px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    #services{
        padding: 20px 10px;
    }
}/* End custom CSS */
/* Start custom CSS for bdevs-services2, class: .elementor-element-5173c28 */.section-head .section-subtitle {
    color: #000000;
}/* End custom CSS */
/* Start custom CSS for bdevs-pricing, class: .elementor-element-c73033e */.barber-pricing .menu-list .flex .price {
    margin-left: auto;
    font-weight: 800;
    color: #000000;
    font-size: 17px;
}/* End custom CSS */
/* Start custom CSS for bdevs-team, class: .elementor-element-707e62e *//* Tablet */
@media (max-width: 1024px) {
    #team {
        padding: 40px 15px;
    }
}

/* Mobile */
@media (max-width: 767px) {
   #team {
        padding: 20px 10px;
    }
}/* End custom CSS */
/* Start custom CSS for bdevs-services-portfolio, class: .elementor-element-537e272 */.services-1 .item span {
    
    color: #000000;
}
.elementor-43 .elementor-element.elementor-element-537e272 .col-md-4:hover h5{
    color:black !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2f8e894 */.services-box .item .icon {
    color: #000000;
}/* End custom CSS */
/* Start custom CSS for bdevs-blog, class: .elementor-element-3bffc8d */.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 50px;
    margin-bottom: 15px;
}
.news .item .con .category a, .blog .item .con .category a {
    color: #000000;
}
.news .item .date, .blog .item .date {
    background: #000000;
    border: 1px solid #000000;
    color: #fff;
}
/* Tablet */
@media (max-width: 1024px) {
    #blog {
        padding: 40px 15px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    #blog {
        padding: 20px 10px;
    }
}/* End custom CSS */
/* Start custom CSS for bdevs-clients, class: .elementor-element-6777a09 */.clients {
    background: #000000;
    padding-top: 20px;
    padding-bottom: 10px;
}/* End custom CSS */