/*!
Theme Name: BARBERRY Barbers
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: barberry-barbers
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

BARBERRY Barbers is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */



*{
    padding: 0;
    margin: 0;
}

body{
    overflow-x: hidden;
}

a{
    text-decoration: none;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


    /* Header */
    
       .Header{
            display: flex; 
            justify-content: center; 
            align-items: center; 
            width: 100%; 
            background: rgba(30, 30, 30, 0.60); 
            backdrop-filter: blur(30px);
            z-index: 99;
        }
        
        .headerContent{
            display: flex; 
            justify-content: space-between; 
            align-items: center;
            max-width: 1085px;
            width: 100%;
        }
        
        .Menu{
            display: flex; 
            justify-content: space-between;   
        }
        
        .Menu {
            display: flex;
            justify-content: space-between;
            height: 100px;
            align-items: center;
        }
        
        .menulink {
            color: white;
            font-size: 14px;
            font-family: Ubuntu;
            font-weight: 700;
            line-height: 21px; 
            height: 100%;
            padding: 0 16px;
            display: flex;
            align-items: center;
        }
        
        .menulink:hover{
            background: rgba(24.01, 23.62, 22.86, 0.50);    
        }

        .headPhoneButton{
            display: flex; 
            align-items: center; 
            justify-content: center; 
            width: 181px; 
            height: 49px; 
            border: 1px white solid;    
        }
        
        .headPhoneButton:hover{
            background: rgba(24.01, 23.62, 22.86, 0.50);
            border: 1px #3d3c3a solid;
        }
        
        .phoneText{
            color: white; 
            font-size: 16px; 
            font-family: Ubuntu; 
            font-weight: 700; 
            line-height: 24px;    
        }
        
        .sticky {
          position: fixed;
          top: 0;
        }
        
        
        
        
        
        .burger-icon {
            display: none; 
        }
        .close-icon {
            display: none;
        }
        
        .mobilMenu{
            display: none;
        }
        
        .menulinkMob {
            color: white;
            font-size: 14px;
            font-family: Ubuntu;
            font-weight: 700;
            line-height: 21px; 
            display: flex;
            align-items: center;
        }
        
        @media only screen and (max-width: 600px) {
            .Menu{display: none;}
            .headPhoneButton{display: none;}
            .mobilPhone{display: flex;}
            
            .mobilMenu{
                position: fixed;
                background: #101419;
                width: 100%;
                height: 100%;
                z-index: 9999999;
                flex-wrap: nowrap;
                flex-direction: column;
                gap:40px;
                align-items: center;
                justify-content: center;
				top: 0;
            }
            .MenuMobil{
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                align-items: center;
                gap: 30px;
            }
			
			.newheadMobilBut{
				display: none !important;
			}
			.divmainButHeader{
				padding-right:40px;
			}
			
			.Header {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				z-index: 99;
				transition: background 0.3s, backdrop-filter 0.3s; /* Для плавного перехода */
				background: none;
    			backdrop-filter: none;
			}

			.Header.scrolled {
				background: rgba(30, 30, 30, 0.60);
				backdrop-filter: blur(30px);
			}
			
			.headerContent{
				padding: 5px 20px;
			}
			
            
            .burger-icon {
                display: block;
                color: white;
                z-index: 9999;
            }
            .close-icon {
                display: none;
                color: white;
                z-index: 9999;
            }
            .mobmenuIcons{
                position: absolute;
                top: 29px;
                right: 15px;
                z-index: 9999;
            }
            
        }


    /* Header end */
    

    /* Hero Section */ 

        
        
        .heroBlock{
            max-width: 1140px;
            width: 100%;
            margin: auto;
            padding: 240px 0;
        }
        
        .hero_upper_text{
            width: 100%; 
            color: white; 
            font-size: 18px; 
            font-family: Ubuntu; 
            font-weight: 500; 
            text-transform: uppercase; 
            line-height: 28px; 
            word-wrap: break-word    
        }
        
        .hero_heading{
            width: 100%; 
            color: white; 
            font-size: 56px; 
            font-family: Ubuntu; 
            font-weight: 700; 
            text-transform: uppercase; 
            word-wrap: break-word;
            max-width: 600px;
            padding: 36px 0;
        }
        
        .hero_under_text{
            width: 100%; 
            color: white; 
            font-size: 16px; 
            font-family: Ubuntu; 
            font-weight: 400; 
            line-height: 24px; 
            word-wrap: break-word;
            padding-bottom: 55px;
        }
        
        .hero_buttons{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
            gap:25px;
        }
        
        .sign_text{
            color: white; 
            font-size: 14px; 
            font-family: Ubuntu; 
            font-weight: 700; 
            line-height: 24px; 
            word-wrap: break-word; 
            padding: 14px 32px; 
            border: 1px white solid;    
        }
        
        .hero_sign_button{
            display: flex;
            flex-direction: row;
            align-items: center;
        }
        
        .hero_sign_button:after{
            content: "";
            background: url(/wp-content/uploads/2023/11/icon_arrow_up.svg);
            width: 52px;
            height: 52px;
            display: block;
            background-size: 40%;
            background-position: center;
            background-repeat: no-repeat;
            border: 1px solid #FFF;
            border-left: 0;
			transition: background 0.3s ease;
        }
        
        .hero_sign_button:hover:after{
            background: url(/wp-content/uploads/2023/11/right_icon.svg); 
            background-position: center;
            background-repeat: no-repeat;
        }
        
        .under_button_text{
            color: white; 
            font-size: 14px; 
            font-family: Ubuntu; 
            font-weight: 400; 
            line-height: 24px; 
            word-wrap: break-word;    
        }
        
        .ScrollDown{
            position: absolute;
            right: 25px; 
            top: 50%; 
            transform: translateY(-100%) rotate(90deg); 
            color: white; 
            font-size: 18px; 
            font-family: Ubuntu; 
            font-weight: 500; 
            text-transform: uppercase; 
            line-height: 28px; 
            word-wrap: break-word;
            display: flex;
            align-items: center;
            cursor: pointer;
        }
        .ScrollDown:after{
            content: "";
            background: url(/wp-content/uploads/2023/11/right_icon.svg);
            width: 52px;
            height: 52px;
            display: block;
            background-position: center;
            background-repeat: no-repeat;
        }
        .ScrollUP{
            position: fixed;
            right: 25px; 
            bottom: 125px; 
            cursor: pointer;
            z-index: 99999;
        }
        
        #mobilToDown{
            display: none;
        }
        
        
        @media only screen and (max-width: 600px) {
            .heroSection{
                background-position: bottom
            }
			
			.brackHero{
				display:none;
			}
            
            .heroBlock{
                padding: 150px 20px 15px;
                width: auto;
            }
            
            .hero_upper_text{
                font-size: 14px;
                font-style: normal;
                font-weight: 700;
                line-height: 21px;
                text-transform: uppercase;
            }
            .hero_heading{
                font-size: 32px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                text-transform: uppercase;
            }
            .hero_under_text{
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 24px;
            }
            .ScrollDown{
                display: none;
            }
            .ScrollUP{
                /*display: none;*/
				bottom: 60px;
            }
            
            
            .hero_buttons{
                justify-content: center;  
            } 
            .hero_sign_button{
                display: flex;
                flex-direction: row;
                align-items: center;
                width: 100%;    
            }
            .sign_text{
                padding: 14px 0;
                width: 100%;
                text-align: center;
            }
            .hero_sign_button:after{
                width: 60px;
            }
            
            #mobilToDown{
                display: block;
                text-align: center;
                margin-top: 45px;
                cursor: pointer;
            }
        }
        /* Hero Section end */ 



        /* Service  */
    
        .serviceBlock{
            max-width: 1140px;
            margin: auto;
            display: flex;
            gap: 20px;
            min-height: 727px;
            padding: 140px 0;
        }
        
        .service_one{
            align-self: flex-start;
            position: relative;
        }
        .service_one:after {
            content: "";
            background: url(/wp-content/uploads/2023/11/circle_text.svg);
            width: 209px;
            height: 209px;
            display: block;
            background-position: center;
            background-repeat: no-repeat;
            animation: rotate 40s linear infinite;
            position: absolute;
            top: -50px;
            left: -100px;
        }

        .service_two{
            align-self: flex-end;
        }
        .service_text_block{
            align-self: center;
        }
        
        .service_pre_heading{color: #A38B61; font-size: 18px; font-family: Ubuntu; font-weight: 500; text-transform: uppercase; line-height: 28px; word-wrap: break-word; padding: 20px 0;}
        
        .service_heading{
            color: #101419; font-size: 48px; font-family: Ubuntu; font-weight: 700; text-transform: uppercase; line-height: 56px; word-wrap: break-word
        }
        
        .service_text{
            color: #101419; font-size: 16px; font-family: Ubuntu; font-weight: 400; line-height: 24px; word-wrap: break-word; padding: 55px 0 0 0;
        }

		.mobil-about{
			display:none;
		}
        
        
        
        @media only screen and (max-width: 600px) {
        
            .service_two{
                display: none;    
            }
            
            .serviceBlock{
                flex-direction: column-reverse;
                padding: 65px 20px 60px;
                gap: 100px;
            }
            .service_one{
                width: 100%;
            }
            .service_one img{
                /*width: 100%;*/
            }
			
			.mobil-about{
				display:block;
				margin: auto;
			}
			
			.desctop-about{
				display:none;
			}
            
			
            .service_one:after {
                content: "";
                background: url(/wp-content/uploads/2023/11/circle_text.svg);
                width: 165px;
                height: 165px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                animation: rotate 40s linear infinite;
                position: absolute;
                top: -50px;
                left: 0px;
            }
            
            .service_pre_heading{
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                text-transform: uppercase;
            }
            
            .service_heading{
                font-size: 32px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                text-transform: uppercase;
            }
            
            .service_text{
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 24px; 
            }
            
        }
    
    
    
        /* Service end */



        /* Team */

        
        
        .teamSection{
            width: 100%;
            background: #101419;
        }
        
        .teamBlock{
            padding: 140px 0;
            text-align: center;
            position: relative;
        }
        
        .teamBlock{
            max-width: 1140px;
            margin:auto;
        }
        
        .team_pre_heading{
           color: #A38B61; font-size: 18px; font-family: Ubuntu; font-weight: 500; text-transform: uppercase; line-height: 28px; word-wrap: break-word 
        }
        
        .team_heading{
           text-align: center; color: white; font-size: 48px; font-family: Ubuntu; font-weight: 700; text-transform: uppercase; line-height: 56px; word-wrap: break-word; padding: 30px 0 55px 0; 
        }
        
        
        .card {
            max-width: 424px;
            position: relative;
            overflow: hidden;
        }

        .card-image {
            /*width: 100%; */
            display: block;
        }

        .card-text {
            position: absolute; 
            bottom: 0; 
            width: 100%; 
            background: rgba(30, 30, 30, 0.60); 
            backdrop-filter: blur(30px); 
        }

        .card-text{
            
        }
        
        .about_master_info{
            text-align: left;    
        }
        .inner_card{
            padding: 20px 24px;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: flex-end;
            justify-content: space-between;
        }
        
        .master_reviev:after{
            content: "";
            background: url(/wp-content/uploads/2023/11/icon_arrow_up.svg);
            width: 16px;
            height: 16px;
            display: block;
            background-position: center;
            background-repeat: no-repeat;
        }
        
        
        
        
        .swiper-button-next, .swiper-button-prev{
            width: auto;
            top: var(--swiper-navigation-top-offset,60%);
        }
        
        .swiper-button-prev, .swiper-rtl .swiper-button-next {
            left: var(--swiper-navigation-sides-offset,-100px) !important;
            right: auto;
        }
        .swiper-button-next, .swiper-rtl .swiper-button-prev {
            right: var(--swiper-navigation-sides-offset,-100px) !important;
            left: auto;
        }

        
        .swiper-button-next:after{
            content: "";
            background: url(/wp-content/uploads/2023/11/right_icon.svg);
            width: 52px;
            height: 52px;
            display: block;
            background-position: center;
            background-repeat: no-repeat;
            border: 1px solid #FFF;
        }
        
        .swiper-button-prev:after{
            content: "";
            background: url(/wp-content/uploads/2023/11/right_icon.svg);
            width: 52px;
            height: 52px;
            display: block;
            background-position: center;
            background-repeat: no-repeat;
            border: 1px solid #FFF;
            transform: rotate(180deg);
        }
        
        @media only screen and (max-width: 1400px){
            
            .swiper-button-prev, .swiper-rtl .swiper-button-next {
                left: var(--swiper-navigation-sides-offset,10px) !important;
                right: auto;
            }
            .swiper-button-next, .swiper-rtl .swiper-button-prev {
                right: var(--swiper-navigation-sides-offset,10px) !important;
                left: auto;
            }
        }
        
        @media only screen and (max-width: 600px){
            .card {
                max-width: none;
                position: relative;
                overflow: hidden;
            }
            
            .team_pre_heading{
                text-align: start;
                font-size: 16px;
                font-family: Ubuntu;
                font-weight: 500;
                text-transform: uppercase;
                word-wrap: break-word    
            }
            .team_heading{
                text-align: start;
                font-size: 32px;
                font-family: Ubuntu;
                font-weight: 700;
                text-transform: uppercase;
                word-wrap: break-word;
                line-height: 40px;
                padding: 20px 0 32px 0;
            }
            
            .teamBlock{
                padding: 80px 20px 70px;
            }
            .swiper-button-prev, .swiper-rtl .swiper-button-next {
                left: var(--swiper-navigation-sides-offset,20px) !important;
                right: auto;
            }
            .swiper-button-next, .swiper-rtl .swiper-button-prev {
                right: var(--swiper-navigation-sides-offset,20px) !important;
                left: auto;
            }
            .swiper-button-next, .swiper-button-prev{
                width: auto;
                top: var(--swiper-navigation-top-offset,65%);
            }
        }
        

        /* Team end */



        /* Photo  */

         .photoWallBlock{
            max-width: 1140px;
            margin: auto;
            padding: 120px 0;
        }
        
        .photoWall_pre_heading{
           color: #A38B61; font-size: 18px; font-family: Ubuntu; font-weight: 500; text-transform: uppercase; line-height: 28px; word-wrap: break-word;text-align: center; 
        }
        
        .photoWall_heading{
            text-align: center; color: #101419; font-size: 48px; font-family: Ubuntu; font-weight: 700; text-transform: uppercase; line-height: 56px; word-wrap: break-word; padding: 30px 0 55px 0;
        }
        
        .photo-wall {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        .row {
            display: flex;
            justify-content: center;
            gap: 30px;
        }

        .row img {
            display: block; 
        }
        
        
        
        @media (max-width: 768px) {
            .row {
                flex-direction: column;
            }
            .row img {
                width: 100%;
            }
            .photoWallBlock{
                padding: 68px 20px;
            }
            .photoWall_pre_heading{
                font-size: 16px;
                font-family: Ubuntu;
                font-weight: 500;
                text-transform: uppercase;
                word-wrap: break-word 
            }
            .photoWall_heading{
                font-size: 32px;
                font-family: Ubuntu;
                font-weight: 700;
                text-transform: uppercase;
                word-wrap: break-word;
                padding: 10px 0 30px 0;
            }
            
        }

        /* Photo end  */


        
        /* Price */

        .pricesSection{
            width: 100%;
            background: #101419;  
            background-image: url(/wp-content/uploads/2023/11/prive_smal_bg.png);
            background-repeat: no-repeat;
            background-position: 50% 35%;
			background-attachment: fixed;
        }





        
        .price_block{
            max-width: 1140px;
            margin: auto;
            padding: 140px 0;
        }
        
        .price_pre_heading{
            color: #A38B61; font-size: 18px; font-family: Ubuntu; font-weight: 500; text-transform: uppercase; line-height: 28px; word-wrap: break-word;text-align: center;
        }
        .price_heading{
            text-align: center; color: white; font-size: 48px; font-family: Ubuntu; font-weight: 700; text-transform: uppercase; line-height: 56px; word-wrap: break-word; padding: 30px 0 55px 0;
        }
        
        .table_buttons{
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            gap: 30px;
            margin-bottom: 50px;
        }
        
        .table_price{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 115px;
        }
        
        .right_col, .left_col{
            flex: 1;
            min-width: 500px;
        }
        
        .product_name{
            display: flex;
            justify-content: space-between;
        }
        
        .product_description{
            border-bottom: 1px solid #969696;
            margin-bottom: 40px;
        }
        
        .info_prod{
            max-width: 411px;
            width: 100%;
            color: #969696;
            font-size: 14px;
            font-family: Ubuntu;
            font-weight: 400;
            word-wrap: break-word;
            padding: 20px 0;
        }
        
        .table_button_all{
            cursor: pointer; 
        }
        
        .table_price {
            display: none; 
            transform: scaleY(0);
            transform-origin: top; 
            transition: opacity 0.5s ease, transform 0.5s ease;  
            opacity: 0; 
        } 
        
        
        .prod_main{
            text-align: center;
        }
        
        .name_haircut{
            color: white; font-size: 18px; font-family: Ubuntu; font-weight: 400; word-wrap: break-word 
        }
        .cost_haircut{
            color: #969696; font-size: 18px; font-family: Ubuntu; font-weight: 400; word-wrap: break-word    
        }
        .cost_haircut_mobil{
            display: none;
        }
        .value_price{
            text-align: center; color: white; font-size: 20px; font-family: Ubuntu; font-weight: 400; word-wrap: break-word
        }
        .info_prod{
            width: 100%; color: #969696; font-size: 14px; font-family: Ubuntu; font-weight: 400; word-wrap: break-word
        }
      
        .active .table_button_text {
          border-bottom: 1px solid #969696;
        }

        .table_button_text {
            color: #969696;
            font-size: 18px;
            font-family: Ubuntu;
            font-weight: 500;
            line-height: 28px;
            word-wrap: break-word;
        }
        
        .compains_logos{
            margin-top: 60px;
            display: flex;
            flex-direction: row;
            justify-content: space-around;
        }
        
        
        
        @media (max-width: 768px){
            .price_block{
                padding: 65px 20px;
            }
            .price_pre_heading{
                font-size: 16px;
                font-family: Ubuntu;
                font-weight: 500;
                text-transform: uppercase;
                word-wrap: break-word   
            }
            .price_heading{
                font-size: 32px;
                font-family: Ubuntu;
                font-weight: 700;
                text-transform: uppercase;
                word-wrap: break-word;
                padding: 20px 0 30px 0;
            }
            .table_price{
                gap:0px;
            }
            .right_col, .left_col {
                min-width: 100%;
            }
            .compains_logos{
                justify-content: flex-start;
                overflow: auto;
                gap: 30px;
            }
            
            .table_button_text{
                width: max-content;
            }
            
            .table_buttons{
                justify-content: flex-start;
                overflow: auto;
                gap: 30px;
            }
			
			.table_buttons::-webkit-scrollbar {
				display: none;
			}

			/* Для других браузеров, используем стандартный способ */
			.table_buttons {
				-ms-overflow-style: none;  /* Для IE и Edge */
				scrollbar-width: none;  /* Для Firefox */
			}
			
			.value_price{
				text-align:end;
				width:50%;
			}
			
			
			.compains_logos::-webkit-scrollbar {
				display: none;
			}
			
			.compains_logos {
				-ms-overflow-style: none;  /* Для IE и Edge */
				scrollbar-width: none;  /* Для Firefox */
			}
			
			
            
            
            .info_prod{
                display: none;
            }
            .prod_main{
                text-align: start;
            }
            .cost_haircut{
                display: none;
            }
            .cost_haircut_mobil{
                display: block;
                color: #969696;
                font-size: 18px;
                font-family: Ubuntu;
                font-weight: 400;
                line-height: 24px;
                word-wrap: break-word;
                padding: 10px 0 15px;
            }
            
     
            
        }

        /* Price end */



        /* Special */

            .specialBlock{
            max-width: 1140px;
            margin: auto;
            display: flex;
            gap: 20px;
            padding: 140px 0;
            position: relative;
        }
        
        .specialBlock:after{
            content: "";
            background-image: url(/wp-content/uploads/2023/11/Shaving_img.png);
            display: block;
            width: 183px;
            height: 319px;
            background-repeat: no-repeat;
            position: absolute;
            top: 200px;
            right: -190px;
        }
        
        .special_pre_heading{
            color: #A38B61; font-size: 18px; font-family: Ubuntu; font-weight: 500; text-transform: uppercase; line-height: 28px; word-wrap: break-word; padding: 20px 0;
        }
        
        .special_heading{
            color: #101419; font-size: 48px; font-family: Ubuntu; font-weight: 700; text-transform: uppercase; line-height: 56px; word-wrap: break-word;
        }
        
        .special_text{
            color: #101419; font-size: 16px; font-family: Ubuntu; font-weight: 400; line-height: 24px; word-wrap: break-word; padding: 20px 0 0 0;
        }
        
        .second_special_heading{
            color: #101419; font-size: 24px; font-family: Ubuntu; font-weight: 700; text-transform: uppercase; word-wrap: break-word; padding: 60px 0 20px 0;
        }
        
        .special_text_second{
            color: #101419; font-size: 16px; font-family: Ubuntu; font-weight: 400; line-height: 24px; word-wrap: break-word; padding: 0px 0 0 0
        }
        
        .spec_mob_text{
            /*display: none;*/
    		padding: 60px 0 0px 0;
        }
        
        .special_one{
            align-self: flex-start;
            text-align: end;
            flex: 1.1;
            position: relative;
            padding-right: 20px;
        }
       
        .special_text_block{
            align-self: center;
            flex: 0.85;
        }
        
        .hover_image_special{
            position: absolute;
            bottom: -70px;
            left: -70px;
        }
        
        @media (max-width: 768px){
            .specialBlock{
                flex-direction: column-reverse;
                padding: 68px 20px 142px;
            }
            .special_pre_heading{
                font-size: 16px;
                font-family: Ubuntu;
                font-weight: 500;
                text-transform: uppercase;
                word-wrap: break-word;
                padding: 0;
            }
            .special_heading{
                font-size: 32px;
                font-family: Ubuntu;
                font-weight: 700;
                text-transform: uppercase;
                word-wrap: break-word;
                padding: 20px 0 10px 0;
                width: min-content;
                line-height: 40px;
            }
            .specialBlock:after{
                content: "";
                background-image: url(/wp-content/uploads/2023/11/Shaving_img.png);
                display: block;
                width: 130px;
                height: 319px;
                background-repeat: no-repeat;
                position: absolute;
                top: -40px;
                right: 0px;
                z-index: 99;
            }
            .spec_mob_text{
                display: block;
                padding: 0px;
                width: min-content;
            }
            .special_text{
                padding: 0px;
            }
            .second_special_heading{
                padding: 32px 0;
            }
            
            .special_one{
                padding: 0;
                align-self: flex-end;
            }
            .special_one img{
                width: 296px;
                height: 541px;
                object-fit: cover;
            }
            .hover_image_special{
                width: 189px !important;
                height: 236px !important;
                left: -50px;
            }
        }
    
        /* Special end */



        /* Seo */

         
        
        .seo_text_block{
            max-width: 1140px;
            margin: auto;
            padding: 140px 0;
        }
        
        #textBlock {
            max-width: 700px;
            margin: auto;
            overflow: hidden;
            transition: max-height 0.5s ease;
        }
        
        .button_seo_more{
            max-width: 700px;
            margin: auto;
            text-align: end;
        }

        .collapsed {
            max-height: 335px;
        }

        .expanded {
            max-height: 100%;
        }
        
        .seotext{
            width: 100%; color: white; font-size: 16px; font-family: Ubuntu; font-weight: 400; line-height: 24px; word-wrap: break-word
        }
        
        .seoText_pre_heading{
            color: #A38B61; font-size: 18px; font-family: Ubuntu; font-weight: 500; text-transform: uppercase; line-height: 28px; word-wrap: break-word;text-align: center;
        }
        
        .seoText_heading{
            text-align: center; color: white; font-size: 48px; font-family: Ubuntu; font-weight: 700; text-transform: uppercase; line-height: 56px; word-wrap: break-word; padding: 30px 0 55px 0;
        }
        
        .ulclass{
            padding: 10px 0;
        }
        .liclass{
            color: white; font-size: 16px; font-family: Ubuntu; font-weight: 400; line-height: 24px; word-wrap: break-word;display: flex;text-align: center;gap:5px;
        }
        
        .button_more{
            color: #969696; font-size: 16px; font-family: Ubuntu; font-weight: 500; word-wrap: break-word; border: none; background: none;display: inline-flex;align-items: center;gap: 5px;cursor: pointer;
        }
        
        .button_more:after{
            content: "";
            background-image: url(/wp-content/uploads/2023/11/right_icon.svg);
            background-repeat: no-repeat;
            width: 24px;
            height: 24px;
            display: inline-block;
        }
        
        
        @media (max-width: 768px){
            .seo_text_block{
                padding: 60px 20px;
            }
            .seoText_pre_heading{
                font-size: 16px;
                font-family: Ubuntu;
                font-weight: 500;
                text-transform: uppercase;
                word-wrap: break-word
            }
            .seoText_heading{
                font-size: 32px;
                font-family: Ubuntu;
                font-weight: 700;
                text-transform: uppercase;
                word-wrap: break-word;
                line-height: 40px;
                padding: 20px 0 30px 0;
            }
            .liclass{
                padding-bottom: 10px; 
                text-align: start;
            }
            .expanded {
                max-height: 100%;
            }
            
            
        }

        /* Seo end */


        /* Footer */
        
        .footerSection{
            width: 100%;
            background: #101419;
        }
        
        .footer_block{
            max-width: 1140px;
            margin: auto;
            padding: 60px 0;
            display: flex;
            align-items: flex-start;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }
    
        .footer_heading{
            color: #969696; font-size: 14px; font-family: Ubuntu; font-weight: 500; text-transform: uppercase; line-height: 21px; word-wrap: break-word    
        }
        .footer_links{
            color: white; font-size: 14px; font-family: Ubuntu; font-weight: 400; line-height: 21px; word-wrap: break-word
        }

		.footer_hover_phone:hover{
			color:#a38b61;
		}
        
        .InstFooter:after{
            content: "";
            /*background-image: url(/wp-content/uploads/2023/11/instagram.svg);*/
			background: url('https://api.iconify.design/mdi/instagram.svg?color=white') no-repeat center center;
            background-repeat: no-repeat;
            background-size: cover;
            width: 18px;
            height: 18px;
            display: block;
        }


		.InstFooter:hover:after{
            content: "";
            /*background-image: url(/wp-content/uploads/2023/11/instagram.svg);*/
			background: url('https://api.iconify.design/mdi/instagram.svg?color=%23a38b61') no-repeat center center;
            background-repeat: no-repeat;
            background-size: cover;
            width: 18px;
            height: 18px;
            display: block;
        }
        
        .InstFooter{
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        .footer_info{
            max-width: 175px;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        
        @media (max-width: 768px){
            .footer_block{
                flex-direction: column;
                justify-content: space-between;
                align-items: center;
                text-align: center;
                gap: 20px;
            }
        }


          .Copirating{
               width: 100%; background: #000000; 
            }
            .cop_iiner{
               max-width: 1140px;width: auto;display: flex;flex-direction: row;justify-content: space-between;margin: auto;padding: 10px; 
            }
            .cooper_text{
               color: #C7C7C9; font-size: 14px; font-family: Ubuntu; font-weight: 500; line-height: 21px; word-wrap: break-word 
            }
            .Bevisible{
               text-align: right; color: #C7C7C9; font-size: 14px; font-family: Ubuntu; font-weight: 500; line-height: 21px; 
            }
            
            
            @media (max-width: 768px){
                
            }

