/* Reset some basic elements */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 a {
     text-decoration: none !important;
 }

 ul {
     margin: 0;
     padding: 0;
     list-style: none !important;
 }

 a {
     color: var(--bs-blue);
 }

 html,
 body {
     scroll-behavior: smooth;
 }

 body {
     font-family: 'Inter', sans-serif;
     background-color: #ffffff;
     color: #333;
     line-height: 1.6;
     font-size: 16px;
     font-weight: 400;
     overflow-x: hidden !important;
     flex-direction: column;
     min-height: 100vh;
 }

 .main_content {
     flex: 1;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 :root {
     --primary: #000000;
 }

 .custom-tooltip {
     --bs-tooltip-bg: #ffffff;
     --bs-tooltip-color: #000000;
 }

 /* Example button style */
 .btn {
     padding: 12px 16px;
 }

 .form-label {
     color: #212121;
     font-size: 14px;
     font-weight: 400;
 }

 .primary-btn {
     background: #fff;
     padding: 10px 15px !important;
     transition: 0.3s;
     background-color: var(--primary);
     color: #fff;
     font-size: 14px !important;
     border-radius: 6px !important;
 }

 .primary-btn:hover {
     background-color: rgba(6, 21, 57, 0.3);
     color: #ffffff !important
 }

 .primary-btn:active {
     background: var(--primary) !important;
     color: #fff !important;
 }

 .secondary-btn {
     color: var(--secondary);
     background-color: #ffffff;
     border: 1px solid #eaeaea;
     border-radius: 5px;
     box-shadow: unset;
     transition: 0.2s;
     text-align: center;
     font-size: 15px;
     font-weight: 600;
     padding: 12px 15px;
     display: inline-block;
 }

 .form-control {
     font-size: 14px;
     padding: 10px 10px;
     font-weight: 400;
     box-shadow: none !important;
     outline: none !important;
     height: auto;
     border: 1px solid #d4d4d4;
     border-radius: 6px;
 }

 .form-control:focus {
     border-color: var(--primary);
 }

 .form-control::placeholder {
     color: #c8c8c8;
 }

 select+.select2-container--bootstrap-5 {
     width: 100% !important;
 }

 /* ========================= Header ============================== */
 .navbar-brand img {
     max-width: 200px;
     max-height: 90px;
 }

 .slogan {
     font-size: 12px;
 }

 .header_section {
     padding: 0px 0px;
     width: 100%;
     z-index: 5;
     transition: 0.3s;
     height: 80px;
     display: flex;
     justify-content: center;
     align-items: center;
     background: #000000;
     z-index: 999;
 }

.header_section .nav-link {
    font-size: 15px;
    font-weight: 600;
    padding: 27px 5px;
    line-height: 1.25rem;
    margin: 0px 10px;
    border-radius: 12px;
    color: #fff;
}

 .header_section .nav-link:hover {
     color: #ddd;
 }

 .header_section.scrolled .nav-link {
     color: #333;
 }

 .header_section .navbar-toggler {
     border: none;
     color: #ffffff;
 }

 .header_section .navbar-toggler:focus {
     outline: none;
     box-shadow: none;
 }

.header_section .dropdown-menu {
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    padding: 12px;
    width: 200px;
}

 .header_section .dropdown-item:hover {
     background-color: var(--primary);
     color: #fff;
 }

.header_section .dropdown-item {
    font-size: 14px;
    border-radius: 6px;
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
    display: block;
    padding: 8px 10px; 
}
 
 .header_section .btn {
     background: #fff !important;
     color: #000 !important;
 }

 /* ========================= Banner ============================== */

 .banner_sec {
     padding: 160px 0px;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }

 .banner_sec:before {
     content: "";
     position: absolute;
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     background: rgba(0, 24, 77, 0.8);
 }

 .banner_content {
     position: relative;
     z-index: 1;
 }

 .banner_content h1 {
     font-size: 2.75rem;
     color: #fff;
 }

 .banner_content p {
     font-size: 1.25rem;
     line-height: 1.75rem;
     color: #fff;
     max-width: 42rem;
     margin: auto;
 }

 .banner_form {
     position: relative;
     z-index: 1;
     background: #fff;
     border-radius: 6px;
     padding: 30px;
     box-shadow: rgba(27, 34, 50, 0.08) 0px 4px 20px -4px, rgba(27, 34, 50, 0.04) 0px 2px 8px -2px;
     max-width: 60rem;
     margin: auto;
 }

 .banner_form .form-control,
 .banner_form .form-select {
     font-size: 14px;
     color: #000 !important;
     border-radius: 6px;
     height: 45px;
 }

 .banner_form .form-control::placeholder,
 .banner_form .form-select::placeholder {
     color: #999;
 }

 .banner_form .form-control::placeholder {
     font-size: 16px;
     color: #1c1c1c;
 }

 .banner_form .gold-btn {
     height: 45px;
     font-size: 16px;
     font-weight: 500;
     text-transform: uppercase;
     border-radius: 5px;
     transition: all 0.3s ease;
 }


 .banner_form .select2-container--bootstrap-5 .select2-selection--single {
     height: 45px;
     border-radius: 5px;
 }

 .banner_carousel .swiper-slide {
     position: relative;
     background-size: cover;
     background-position: center;
     transition: transform 1s ease;
     align-items: center;
 }

 .slide-content {
     height: calc(90svh - 40px);
     display: flex;
 }

 .banner_carousel .slide-content h1,
 .banner_carousel .slide-content p,
 .banner_carousel .slide-content .slide-btn {
     opacity: 0;
     transform: translateX(50px);
     transition: all 0.4s ease;
 }

 /* animate in sequence */
 .banner_carousel .slide-content.active h1 {
     transition-delay: 0.1s;
     opacity: 1;
     transform: translateX(0);
 }

 .banner_carousel .slide-content.active p {
     transition-delay: 0.3s;
     opacity: 1;
     transform: translateX(0);
 }

 .banner_carousel .slide-content.active .slide-btn {
     transition-delay: 0.5s;
     opacity: 1;
     transform: translateX(0);
 }

 /* Swiper arrows */
 .banner_carousel .swiper-button-next,
 .banner_carousel .swiper-button-prev {
     color: #fff;
 }

 .search_option {
     background-color: var(--cream);
 }

 /* ========================= Categories ============================== */
 .single-category-product-wrap.style-two {
     height: 150px;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }

 .single-category-product-wrap.style-two:hover .thumb img {
     filter: blur(2px);
     -webkit-filter: blur(2px);
 }

 .single-category-product-wrap:hover .thumb img {
     transform: scale3d(1.1, 1.1, 1.1);
 }

 .single-category-product-details h4 a {
     color: #fff;
     font-size: 18px;
     font-weight: 500;
 }

 .single-category-product-wrap {
     position: relative;
     overflow: hidden;
     border-radius: 5px;
 }

 .single-category-product-wrap.style-two .single-category-product-details {
     padding: 30px;
     width: 100%;
     top: 50%;
     transform: translateY(-50%);
 }

 .single-category-product-wrap .single-category-product-details {
     position: absolute;
     top: 0;
     padding: 32px 50px;
     z-index: 2;
 }

 .single-category-product-wrap.style-two:after {
     content: "";
     position: absolute;
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     background: rgba(6, 21, 57, 0.4);
     transition: all 0.3s ease;
 }

 .single-category-product-wrap.style-two:hover:after {
     background: rgb(0 0 0 / 57%);
 }

 .single-category-product-wrap .single-category-product-details .btn {
     font-size: 12px;
     font-weight: 500;
     padding: 5px 10px !important;
     background: #ffffff;
     color: #000000;
 }

 .single-category-product-wrap.style-two .single-category-product-details .read-more {
     height: 35px;
     width: 35px;
     line-height: 35px;
     text-align: center;
     border-radius: 50%;
     border: 1px solid #fff;
     font-size: 16px;
     color: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
 }



 /* ========================= Cityes ============================== */
 .section_heading h4 {
     margin-bottom: 0px;
     font-weight: 600;
     font-size: 1.875rem;
 }

 .city_card {
     border: 1px solid var(--gold);
     padding: 20px 10px;
     border-radius: 4px;
     background: #ffd70029;
 }

 /* 
.city_name {
    font-size: 20px;
    color: #000000;
    background: var(--gold);
    padding: 12px 0px;
}

.city_services li a {
    font-size: 16px;
    color: #ffffff;
    display: inline-block;
    padding: 5px 0px;
}

.extra-service {
    color: #ffffff;
}

.city_services li a:hover,
.extra-service {
    color: #ddd;
} */

 .city_wrap h3 {
     font-size: 22px;
     color: #212112;
 }

 .city_wrap a {
     color: #555;
     font-weight: 400;
     font-size: 14px;
 }

 .city_wrap:hover a {
     text-decoration: underline !important;
 }

 .cities_section .swiper-button-next,
 .cities_section .swiper-button-prev {
     width: 40px;
     background: #fff;
     height: 40px;
     border-radius: 50px;
     opacity: 0;
 }

 .cities_section .swiper-button-next:after,
 .cities_section .swiper-button-prev:after {
     font-size: 18px !important;
     color: #000;
 }

 .cities_section .city-swiper:hover .swiper-button-next,
 .cities_section .city-swiper:hover .swiper-button-prev {
     opacity: 1;
 }


 .swiper-button-next.swiper-button-disabled,
 .swiper-button-prev.swiper-button-disabled {
     opacity: 0 !important;
 }

 /* ========================= Servie ============================== */


 .service_item {
     border: none;
     border-radius: 14px;
     overflow: hidden;
     background: #fff;
     transition: all .3s ease;
     box-shadow: 0 5px 18px rgba(0, 0, 0, 0.06);
     cursor: pointer;
     position: relative;
 }

 .service_item:hover {
     transform: translateY(-6px);
     box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
 }

 .service_img {
     display: flex;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-align: center;
     align-items: center;
     background-color: #28488917;
     height: 230px;
     overflow: hidden;
 }

 .service_wrap:hover .service_img img {
     transform: scale3d(1.1, 1.1, 1.1);
 }

 .service_wrap {
     border: 1px solid #ddd;
     border-radius: 12px;
 }

 .service_wrap .divider {
     display: block;
     border-top: 1px solid #e9e9e9;
 }

 .service_wrap .service_img img {
     transition: all 0.4s ease-in;
     transform: scale3d(1, 1, 1);
     width: auto !important;
     max-height: 230px;
     display: block;
     margin-left: auto;
     margin-right: auto;
     overflow: hidden;
 }

 .badge_property {
     color: #000000;
     font-size: 11px !important;
     background: #00000005;
     border-color: #b9b9b936 !important;
 }

 .verify_badge {
     position: absolute;
     top: 10px;
     left: 10px;
     background: #5ba600;
     color: #fff;
     font-size: 12px;
     font-weight: 600;
     padding: 3px 8px;
     border-radius: 50px;
     display: flex;
     align-items: center;
     gap: 4px;
     z-index: 1;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
 }

 .verify_badge i {
     width: 14px;
     height: 14px;
 }




 .product_img {
     text-align: center !important;
     display: flex;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-align: center;
     align-items: center;
     background-color: #28488917;
     height: 220px;
     overflow: hidden;
 }

 .product_img img {
     width: auto !important;
     max-height: 220px;
     display: block;
     margin-left: auto;
     margin-right: auto;
     overflow: hidden;
 }


 /* Service Content */

 .service_content h4 {
     font-weight: 600;
     margin-bottom: 8px;
     font-size: 18px;
     color: #000000;
 }

 .service_content p {
     font-size: 13px;
     color: #555;
 }

 .service_content i[data-lucide="star"] {
     stroke: #ff9f1a;
 }

 .service_content i[data-lucide="map-pin"] {
     stroke: #444;
 }

 .service_item {
     display: flex;
     flex-direction: column;
 }

 .service_content {
     flex: 1;
 }

 /* ========================= Pricing ============================== */

 .pricing_sec .single-pricing {
     background: #ffffff;
     border-radius: 20px;
     box-shadow: 0px 5px 25px rgba(218, 211, 211, 0.3);
     padding: 30px 20px;
     border: 1px solid #00000012;
     transition: all 0.3s ease-out 0s;
     position: relative;
 }

 .single-pricing h4 {
     margin-bottom: 20px;
     font-weight: 500;
     font-size: 25px;
     letter-spacing: .35px;
 }

 .single-pricing h3 {
     margin-bottom: 25px;
     color: var(--primary);
     border-bottom: 1px solid #EEE;
     padding-bottom: 20px;
     font-size: 20px;
 }

 .single-pricing ul li {
     display: flex;
     align-items: center;
     font-size: 16px;
     line-height: 34px;
     margin-bottom: 12px;
 }

 .single-pricing ul li svg {
     color: var(--secondary);
     width: 18px;
     height: 18px;
     margin-right: 10px;
     border-radius: 50px;
 }


 .pricing_sec .single-pricing.active {
     border: 2px solid var(--gold) !important;
 }

 /* ========================= Pricing ============================== */



 .how_it_work .step-card .step-number {
     width: 60px;
     height: 60px;
     line-height: 60px;
     display: inline-block;
     color: #fff;
     background-color: var(--primary);
     font-size: 18px;
     font-weight: 400;
 }

 .how_it_work .arch-line {
     position: absolute;
     top: 15px;
     width: 150px;
     right: 0;
     left: calc(100% + 24px);
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
 }

 /* ========================= Login ============================== */

 .login-section .form-control {
     border: 1px solid #ded8d8;
     padding: 13px 12px;
     font-size: 14px;
     font-weight: 400;
 }

 .login-section .primary-btn {
     font-size: 16px;
     font-weight: 400;
     padding: 12px 10px;
 }

 .login-section .input-group-text {
     border: 1px solid #ded8d8 !important;
 }

 .login_form {
     max-width: 28rem;
     margin: auto;
 }

 .login_form h5 {
     font-size: 18px;
     font-weight: 600;
     color: #212121;
 }

 .login_form p {
     font-size: 15px;
 }

 .contain_info span {
     font-size: 15px;
     font-weight: 600;
     color: #212121;
 }

 .border-bottom {
     border-bottom: var(--bs-border-width) var(--bs-border-style) #ececec !important;
 }

 /* ========================= Footer ============================== */
 .footer-area {
     background: #000000;
 }

 .footer-bottom-area p {
     color: #DDD;
     font-size: 14px;
     border-top: 1px solid #191919;
     padding-top: 20px;
 }


 .footer-area .link-list li {
     display: inline-block;
 }

 .footer-area .link-list li a {
     color: #CCC;
     font-size: 15px;
     padding: 5px 10px;
     display: inline-block;
 }

 .footer-area .link-list li:first-child a {
     padding-left: 0;
 }

 .footer-area .link-list li a:hover {
     color: #818181;
 }

 .social_media ul li {
     display: inline-block;
 }

 .social_media ul li a {
     color: #CCC;
     font-size: 15px;
     padding: 0px 10px;
     transition: all 0.3s ease;
 }

 .social_media ul li :first-child a {
     padding-left: 0;
 }

 .social_media ul li a:hover svg {
     stroke: #fff !important;
 }

 /* ========================= Contact Page ============================== */

 .single-contact-info-box {
     text-align: center;
     padding: 30px 20px;
 }

 .single-contact-info-box h3 {
     font-size: 22px;
     margin-bottom: 12px;
 }

 .single-contact-info-box svg {
     stroke: var(--primary);
 }

 .single-contact-info-box p a {
     color: #696969;
     display: inline-block;
 }

 .contact-form h1 {
     font-size: 24px;
     font-weight: 500;
 }

 .page-title-area {
     padding-top: 12px;
     padding-bottom: 12px;
     border-bottom: 1px solid #eeeeee;
     background: hsl(220 20% 94%);
 }

 .page-title-content ul li a {
     display: inline-block;
     color: #000000;
     font-size: 15px;
 }

 .page-title-content ul li a::before {
     width: 1px;
     height: 14px;
     content: "";
     position: absolute;
     right: -13px;
     top: 6.2px;
     background-color: #404040;
     transform: rotate(10deg);
 }

 .page-title-content ul li {
     display: inline-block;
     position: relative;
     color: #000000;
     font-weight: 400;
     font-size: 15px;
     margin-left: 10px;
     margin-right: 10px;
 }

 #scrollToTopBtn {
     display: none;
     position: fixed;
     bottom: 50px;
     right: 10px;
     z-index: 101;
     border: none;
     color: #fff;
     cursor: pointer;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
     background: #404040;
     justify-content: center;
     align-items: center;
 }

 #scrollToTopBtn svg {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
 }

 /* select 2 */
 .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
 .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
     color: #fff;
     background-color: var(--primary) !important;
 }

 .select2-container--bootstrap-5 .select2-selection--single {
     border-radius: 0;
     height: 45px;
     display: flex;
     align-items: center;
     box-shadow: none !important;
     border: 1px solid #ddd !important;
     outline: none !important;
 }

 .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
     box-shadow: none !important;
 }

 /* dashbaord */
 .user_sidebar .nav-link {
     font-size: 16px;
     color: #212121;
     display: block !important;
     background: #f7f7f7;
     padding: 12px 10px;
     border-radius: 9px;
     display: flex !important;
 }

 .user_sidebar .nav-link.active,
 .user_sidebar .nav-link:hover {
     background: var(--primary);
     box-shadow: rgb(0 0 0 / 9%) 0px 1px 4px;
     color: #fff;
 }

 .user_sidebar .accordion-toggle-btn {
     background-color: #ffffff;
     border-radius: 12px;
     border: 1px solid #ddd;
     cursor: pointer;
     font-size: 16px;
     transition: background 0.2s, box-shadow 0.2s;
 }

 .card-header {
     padding: 10px 15px;
     border: 1px solid #e9e9e9;
     background: #ffffff;
     color: #000000;
 }

 .card-header .card-title {
     font-size: 16px;
     min-height: 40px;
     display: flex;
     align-items: center;
 }

 .btn {
     padding: 10px 15px !important;
     font-size: 14px;
 }

 th,
 td {
     font-size: 14px;
     font-weight: 400;
     padding: 16px 12px !important;
     text-align: start;
 }

 th {
     background-color: #f2f2f2 !important;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 14px;
     border: 1px solid #eaeaea;
     box-shadow: 0px 2px 3px #fdfdfd !important;
     padding: 12px 12px !important;
     white-space: nowrap;
 }

 .page-link {
     padding: 4px 13px;
     font-size: 15px;
     box-shadow: none !important;
 }

 .active>.page-link,
 .page-link.active {
     background: var(--secondary);
     border-color: var(--secondary);
 }

 .badge {
     padding: 5px 9px;
     font-size: 11px;
     min-width: 18px;
     border: 1px solid;
     border-radius: 16px;
 }

 .alert-warning {
     word-wrap: break-word;
 }



 .read_more {
     text-decoration: underline !important;
     transition: all 0.3s ease;
     color: #212121;
 }

 .read_more:hover {
     color: var(--gold);
 }

 .service_list:hover {
     transition: all 0.4s ease;
 }

 .service_list .badge.bg-success {
     background-color: #28a745 !important;
     font-weight: 600;
     border-radius: 0px;
     position: absolute;
     top: 16px;
     right: -42px;
     padding: 8px 41px;
     font-size: 11px !important;
     transform: rotate(45deg);
     z-index: 1;
     color: #fff !important;
 }

 .service_list:hover {
     box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
 }

 .service_list .price {
     font-size: 16px;
     font-weight: 500;
 }

 .service_wrap .price {
     font-size: 16px;
     font-weight: 600;
 }

 .service_list .time {
     font-size: 12px;
     color: #666;
 }

 .service_list .primary-btn {
     font-size: 13px !important;
 }

 .service_list .review p {
     margin: 0;
     color: #fff;
     text-align: center;
     font-size: 18px;
     line-height: 20px;

 }

 .service_list .review span {
     font-size: 11px;
     display: block;
     text-align: center;
     color: #fff;
     line-height: 20px;
 }

 .service_list .review {
     position: absolute;
     top: 25px;
     left: 25px;
     padding: 10px 14px;
     background: #000000;
     border-radius: 6px;
     z-index: 1;
 }


 .service_items h4 a {
     font-size: 22px;
     color: var(--primary);
 }

 .barber_serivce_item {
     border-bottom: 1px solid #f5f5f5;
     padding: 5px 0px;
     margin-bottom: 6px;
 }

 .pagination_nav .page-link {
     width: 40px;
     height: 40px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50px !important;
     margin: 0px 5px;
     border: 1px solid #EEE;
     color: #212121;
     box-shadow: none !important;
     font-weight: 400;
 }

 .pagination_nav .active>.page-link,
 .pagination_nav .page-link.active {
     background: #000;
     color: #fff !important;
     border-color: #000 !important;
 }

 /* service details */

 .barber-title {
     font-size: 22px;
     color: #212121;
     margin: 0;
     margin-bottom: 5px;
 }

 .barber-address {
     font-size: 15px;
     color: #777;
 }

 .rating-stars {
     font-size: 11px;
 }

 .details_sidebar .section-title {
     font-size: 18px;
     font-weight: 500;
     color: #212121;
 }

 .berber_wrap {
     border: 1px solid #efefef;
     padding: 20px;
     background-color: #fff;
     border-radius: 10px;
 }

 .social-link i {
     font-size: 20px;
     color: #333;
 }

 .productThumbs img {
     height: 150px;
     width: 100%;
     object-fit: cover;
     opacity: .6;
 }

 div#map {
     z-index: 1;
 }

 .single-product-wrap:hover .thumb img {
     transform: scale3d(1.1, 1.1, 1.1);
 }

 .single-product-wrap {
     position: relative;
     border-radius: 5px;
     margin-bottom: 15px;
 }

 .single-product-wrap .thumb {
     z-index: 2;
     position: relative;
     overflow: hidden;
     border-radius: 5px;
 }

 .single-product-wrap .thumb img {
     height: 350px;
     width: 100%;
     object-fit: cover;
     display: block;
     transition: all 0.4s ease-in;
     transform: scale3d(1, 1, 1);
 }

 .single-product-wrap .thumb:before {
     content: "";
     position: absolute;
     width: 100%;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 52%, rgba(0, 0, 0, 0));
     height: 70%;
     bottom: 0;
     left: 0;
     border-radius: 5px;
     z-index: 1;
     opacity: 0;
     transition: all 0.4s ease-in;
 }

 .single-product-wrap .thumb:after {
     content: "";
     position: absolute;
     width: 100%;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.72) 52%, rgba(0, 0, 0, 0));
     height: 60%;
     bottom: 0;
     left: 0;
     border-radius: 5px;
     z-index: 0;
 }

 .single-product-wrap.style-bottom-radius .product-details-inner {
     border-radius: 5px;
     margin: -50px 20px 0 20px;
     z-index: 2;
     position: relative;
     padding: 23px 30px 35px 30px;
 }

 .single-product-wrap .product-details-inner {
     background: #f7f7f7;
     padding: 20px 35px;
 }

 .single-product-wrap .product-details-inner .meta-inner {
     margin: 0;
     padding: 0;
     margin-bottom: 11px;
 }

 .single-product-wrap .product-details-inner .meta-inner li {
     display: inline-block;
     list-style: none;
     margin-right: 12px;
     font-size: 14px;
 }

 .single-product-wrap .product-details-inner .meta-inner li i {
     margin-right: 7px;
 }

 .single-product-wrap .product-details-inner h4 {
     margin-bottom: 5px;
     font-size: 20px;
 }

 .single-product-wrap .product-details-inner p {
     margin-bottom: 0;
 }

 .single-product-wrap .product-details-inner h4 a {
     color: #000000;
     font-weight: 600;
     transition: all 0.2s ease;
 }

 .single-product-wrap .product-details-inner h4 a:hover {
     color: var(--primary);
 }

 .single-product-wrap.style-bottom-radius .product-details-inner .read-more {
     height: 35px;
     width: 35px;
     line-height: 38px;
     text-align: center;
     color: #fff;
     border-radius: 50%;
     position: absolute;
     left: 50%;
     margin-left: -17px;
     bottom: -17px;
     padding: 0;
 }

 .btn-base:before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(6, 21, 57, 0.3);
     transform: scaleX(0);
     transform-origin: 0 50%;
     transition-duration: 0.4s;
 }

 .single-product-wrap.style-bottom-radius .product-details-inner .read-more i {
     font-size: 16px;
 }

 .widget-title {
     font-size: 20px;
     font-weight: 700;
     padding: 0;
     margin: 0 0 20px 0;
 }

 .recent-posts-widget .post-item h4 a {
     transition: 0.3s;
 }

 .recent-posts-widget .post-item h4 {
     font-size: 16px;
     font-weight: 600;
     margin-bottom: 5px;
 }

 .recent-posts-widget .post-item h4 a {
     color: #444444;
     transition: 0.3s;
 }

 .recent-posts-widget .post-item time {
     display: block;
     font-style: italic;
     font-size: 14px;
     color: color-mix(in srgb, var(--default-color), transparent 50%);
 }

 .recent-posts-widget .post-item h4:hover a {
     color: var(--gold);
 }

 .checkout-card {
     border: 1px solid #e5e7eb;
     border-radius: 12px;
     background: #fff;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
 }

 .checkout-card h4 {
     font-size: 18px;
     font-weight: 500;
     color: #111;
 }

 .payment-option {
     border: 2px solid #e5e7eb;
     padding: 18px 20px;
     border-radius: 12px;
     cursor: pointer;
     transition: all .3s ease;
 }

 .payment-option:hover {
     border-color: #0d6efd;
     background: #f0f7ff;
 }

 .checkout-card .form-check-input:checked[type=radio]~label {
     border-color: #0d6efd;
     background: #f0f7ff;
 }

 .checkout-card .form-check-input:checked[type=radio] {
     box-shadow: none !important;
 }

 .payment_methods .form-check-input:checked[type=radio]~label {
     border-color: #0d6efd;
     background: #f0f7ff;
 }

 .payment_methods .form-check-input:checked[type=radio] {
     box-shadow: none !important;
 }

 .payment-option input {
     width: 18px;
     height: 18px;
 }

 .payment-option.active {
     border-color: #0d6efd;
     background-color: #eef5ff;
 }

 /* Enhanced Payment Gateway Styles */
 .payment-header {
     margin-bottom: 16px;
 }

 .payment-gateway-container {
     display: flex;
     flex-direction: column;
     gap: 12px;
 }

 .payment-gateway-card {
     border: 2px solid #e5e7eb;
     border-radius: 16px;
     overflow: hidden;
     transition: all 0.3s ease;
     background: #fff;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
 }

 .payment-gateway-card:hover {
     border-color: #d1d5db;
     transform: translateY(-2px);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
 }

 .payment-gateway-card.active {
     border-color: #2563eb;
     background: linear-gradient(to right, #f0f7ff, #eef5ff);
     box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
 }

 .payment-gateway-label {
     margin: 0;
     padding: 0;
     cursor: pointer;
     width: 100%;
 }

 .payment-gateway-content {
     display: flex;
     align-items: center;
     padding: 16px 20px;
     gap: 16px;
 }

 .payment-icon {
     flex-shrink: 0;
     width: 56px;
     height: 56px;
     border-radius: 12px;
     background: #f9fafb;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 8px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }

 .payment-icon img {
     max-width: 100%;
     max-height: 40px;
     object-fit: contain;
 }

 .payment-info {
     flex-grow: 1;
 }

 .payment-title {
     font-size: 16px;
     font-weight: 600;
     margin: 0 0 4px 0;
     color: #111827;
 }

 .payment-desc {
     font-size: 14px;
     color: #6b7280;
     margin: 0;
 }

 .payment-indicator {
     flex-shrink: 0;
 }

 .radio-circle {
     width: 20px;
     height: 20px;
     border-radius: 50%;
     border: 2px solid #d1d5db;
     background: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.2s ease;
 }

 .payment-gateway-card.active .radio-circle {
     border-color: #2563eb;
 }

 .radio-inner-circle {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background: transparent;
     transition: all 0.2s ease;
 }

 .payment-gateway-card.active .radio-inner-circle {
     background: #2563eb;
 }

 /* Selection animation */
 .payment-gateway-card {
     position: relative;
     overflow: hidden;
 }

 .payment-gateway-card::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 0;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
     transform: skewX(-20deg);
     transition: width 0.6s ease;
 }

 .payment-gateway-card.active::before {
     width: 100%;
 }

 .barber-card {
     transition: all 0.3s ease;
     overflow: hidden;
     text-align: center !important;
     display: flex;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-align: center;
     align-items: center;
     height: 120px;
     overflow: hidden;
 }

 .barber-card img {
     border-radius: 12px;
     width: auto !important;
     max-height: 120px;
     display: block;
     margin-left: auto;
     margin-right: auto;
     overflow: hidden;
 }

 .heading_title {
     font-size: 20px;
     color: #212121;
 }

 .barber-card:hover img {
     transform: scale(1.07);
 }

 .barber-name {
     font-weight: 600;
     font-size: 0.95rem;
     margin-top: 10px;
     color: #333;
 }

 .barber-card-wrapper {
     padding: 10px;
     border-radius: 14px;
     background: #fff;
     transition: box-shadow 0.3s ease;
     border: 1px solid #dddddd;
 }

 .barber-card-wrapper:hover {
     box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
 }

 .review_item {
     background: #fafafa;
     border-radius: 10px;
     padding: 18px;
 }

 .review-stars i {
     margin-right: 3px;
 }

 .review_item h6 {
     font-size: 16px;
 }

 .review_item p,
 .review_item span {
     line-height: 1.6;
     color: #212121;
 }

 div.dataTables_wrapper div.dataTables_filter input {
     padding: 5px 10px;
     margin-right: 15px;
 }

 div#dataTables_length {
     margin: 10px 10px;
     margin-bottom: 8px;
 }

 div#dataTables_info {
     padding: 14px;
     padding-top: 8px;
     font-size: 14px;
 }

 div#dataTables_paginate {
     padding-right: 15px;
 }

 div#dataTables_filter {
     padding-top: 12px;
 }

 div.dataTables_wrapper div.dataTables_length select {
     box-shadow: none !important;
 }

 .stat-card {
     border-radius: 15px;
     transition: all 0.3s ease;
 }

 .stat-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
 }

 .user_dash_info .bg-light-primary {
     background-color: #e7f1ff !important;
 }

 .user_dash_info .bg-light-success {
     background-color: #e6f9f0 !important;
 }

 .user_dash_info .bg-light-warning {
     background-color: #fff7e6 !important;
 }

 .user_dash_info .bg-light-info {
     background-color: #e6f0ff !important;
 }

 .user_dash_info .stat-icon i {
     transition: transform 0.3s ease;
 }

 .user_dash_info .stat-card:hover .stat-icon i {
     transform: scale(1.2);
 }

 .book_now_service .form-control {
     padding: 10px 10px;
     border-radius: 4px !important;
     border: 1px solid #d2d2d2;
     font-size: 15px;
 }

 .book_now_service .form-label {
     font-size: 15px;
     font-weight: 400;
     color: #000000;
 }

 .selected_service h5 {
     font-size: 14px;
     line-height: normal;
 }

 .selected_service p {
     margin: 0;
     font-size: 15px;
     font-weight: 500;
 }

 .select2-container--bootstrap-5 .select2-selection--single {
     border-radius: 4px;
 }

 .book_now_service .select2-container--bootstrap-5 .select2-selection--single {
     height: 45px !important;
     border-radius: 4px !important;
 }

 .listing_category .form-check-label {
     cursor: pointer;
 }

 .listing_category .form-check-label img {
     margin: auto;
     border: 2px solid #ddd;
     background: #fff;
     padding: 5px;
     margin-bottom: 10px;
     border-radius: 100px;
     width: 80px;
     height: 80px;
 }

 .listing_category h6 {
     font-size: 14px;
 }

 .form-check-input:checked~.form-check-label img {
     border-color: var(--bs-yellow) !important;
     background: #ffffff !important;
 }

 .form-check-input:checked~.form-check-label h6 {
     color: var(--bs-yellow) !important;
 }

 .progress,
 .progress-stacked {
     background: #ffffff;
     border: 1px solid #e3e3e3;
     height: 13px;
     margin: auto;
 }

 .progress-bar {
     background: #000;
 }

 .step_heading h4 {
     font-size: 23px;
     font-weight: 600;
     color: #000;
     margin-bottom: 8px;
 }

 .step_heading p {
     margin: 0;
     font-size: 14px;
     color: #6d6d6d;
 }

 .team_size .form-check-label,
 .team_size .form-check-input {
     cursor: pointer;
 }

 .team_size .form-check-input:checked {
     background-color: #000000;
     border-color: #000000;
 }

 .listing_form {
     max-width: 500px;
     margin: auto;
     background: #fafafa;
     padding: 30px;
     border: 1px solid #EEE;
     border-radius: 20px;
 }

 .listing_form .form-label {
     color: #212121;
     font-size: 16px;
     font-weight: 400;
 }

 .listing_form .primary-btn {
     width: 100%;
 }

 .listing_form .form-control {
     /* height: 52px; */
     border-radius: 8px;
     font-size: 14px;
 }

 .listing_form .form-check-label {
     font-size: 18px;
     cursor: pointer;
 }

 .listing_form .form-check-input:checked {
     background-color: #000000;
     border-color: #000000;
 }

 .team_size .form-check-input {
     width: 25px;
     height: 25px;
     margin-right: 12px;
     margin-top: 1px;
     cursor: pointer;
 }

 .listing_form .form-switch .form-check-input {
     height: 20px;
     background-color: #fafafa;
     border: 1px solid #DDD;
 }

 .listing_form .form-switch .form-check-input:checked {
     background-color: var(--primary);
     border-color: var(--primary);
 }

 .btn-sm {
     font-size: 12px;
     padding: 8px 13px !important;
 }

 .fc .fc-toolbar-title {
     font-size: 16px;
 }

 .fc .fc-button-group>.fc-button {
     font-size: 14px;
 }

 .fc-direction-ltr .fc-toolbar>*> :not(:first-child) {
     font-size: 14px;
 }

 .fc .fc-col-header-cell-cushion {
     font-size: 13px;
     color: #000;
 }

 .appointment_calendar th {
     padding: 12px 0px !important;
 }

 .fc .fc-scrollgrid-section>* {
     padding: 0 !important;
 }

 .fc-h-event .fc-event-main-frame {
     display: block;
     text-align: center;
     padding: 5px 10px !important;
 }


 .form-check-input:checked {
     background-color: #000000;
     border-color: #000000;
 }

 #userMenu svg {
     width: 24px !important;
     height: 20px !important;
 }

 #userMenu .nav-item .icon {
     width: 30px !important;
     height: 30px !important;
     border-radius: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     background: #eaeaea;
 }

 .user_sidebar .nav-link.active .icon,
 .user_sidebar .nav-link:hover .icon {
     background: #353535 !important;
 }

 .bg-primary {
     background: #0d6efd1a !important;
     color: #0d6efd !important;
 }

 .bg-secondary {
     background: #6c757d1a !important;
     color: #6c757d !important;
 }

 .bg-success {
     background: #00800038 !important;
     color: #008000 !important;
 }

 .bg-danger {
     background: #dc35451a !important;
     color: #dc3545 !important;
 }

 .bg-warning {
     background: #ffc1071a !important;
     color: #ffc107 !important;
 }

 .bg-info {
     background: #0dcaf01a !important;
     color: #0dcaf0 !important;
 }



 .bg-dark {
     background: #2125291a !important;
     color: #212529 !important;
 }

 .select2-container--bootstrap-5.select2-container--focus .select2-selection,
 .select2-container--bootstrap-5.select2-container--open .select2-selection {
     box-shadow: none !important;
 }

 .fc .fc-daygrid-day.fc-day-today {
     background-color: rgb(255 255 255);
 }

 .service_details .bg-warning {
     background: #ffc107 !important;
     color: #ffc107 !important;
 }

 .invoice_wrap .title {
     font-size: 18px;
     font-weight: 500;
     color: var(--primary);
 }

 .invoice_wrap address {
     font-size: 15px;
     line-height: 29px;
     font-weight: 400;
     color: #212121;
 }

 .invoice_num {
     font-size: 20px;
     font-weight: 500;
     color: var(--primary);
 }

 .load_more_service {
     font-size: 14px;
     font-weight: 500;
 }

 .modal-dialog-scrollable .modal-body {
     scrollbar-width: thin;
 }

 #bookServiceModal .modal-body {
     overflow-y: auto;
     max-height: 480px;
     scrollbar-width: thin;
 }

 .checkout-card .form-check-input {
     position: absolute;
     top: 30px;
     right: 10px;
 }

 .checkout-card .form-check-input:checked[type=radio] {
     background-color: #0d6efd;
     border-color: #0d6efd;
 }

 #eventData p {
     margin: 0;
     font-size: 15px;
     padding: 8px 0px;
 }

 .fc-event.fc-event-start.fc-event-end.fc-event-today.fc-daygrid-event.fc-daygrid-dot-event {
     cursor: pointer;
 }

 .avatar_text {
     border: 1px solid #c2c2c2;
     border-radius: 50px;
     height: 20px;
     width: 20px;
     display: flex;
     justify-content: center;
     align-items: center;
     background: #eaeaea;
     font-size: 12px;
 }

 .report_serivce button {
     border: 1px solid #ffd700;
     background: linear-gradient(135deg, #fff7cc, #ffd7001c);
     padding: 14px 16px;
     border-radius: 10px !important;
     transition: all 0.25s ease;
     color: #7a5d00;
     font-weight: 600;
     font-size: 14px;
 }

 .report_serivce button:hover {
     border-color: #ffcc00;
     background: linear-gradient(135deg, #fff2a8, #ffd70033);
 }

 #mainNavbar .offcanvas-header {
     border-bottom: 1px solid #2c2c2c !important;
 }

 #mainNavbar {
     width: 300px;
     background: rgb(0 0 0);
 }

 .link_badge {
     border: 1px solid #ddd;
     font-size: 13px;
     padding: 6px 12px;
     border-radius: 50px;
 }

 .enternal_booking {
     border: 1px solid #ffd700;
     background: #ffd70073 !important;
 }

 .favouriteCount,
 #mobileUnreadCount,
 #desktopUnreadCount,
 #unreadCount {
     color: #000000;
     font-size: 13px;
     background: #ffd700;
     width: 20px;
     height: 20px;
     border-radius: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .gallery_product_img {
     text-align: center !important;
     display: flex;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-align: center;
     align-items: center;
     height: 500px;
     overflow: hidden;
     background-color: #28488917;
 }

 .gallery_product_img img {
     width: auto !important;
     max-height: 500px;
     display: block;
     margin-left: auto;
     margin-right: auto;
     overflow: hidden;
 }

 .notification-item-message {
     word-break: break-word;
     overflow-wrap: break-word;
     white-space: normal;
 }

 .founding_badge_text {
     font-size: 12px;
     font-weight: 600;
     color: #b89b2e;
     position: relative;
     z-index: 1;
     display: inline-block !important;
 }

 .bg-gradient {
     background: #f7f7f7;
 }

 .footer_links a {
     font-size: 14px;
     color: #d5d5d5;
 }

 .footer_links a:hover {
     color: #ffffff;
 }

 .footer_link a {
     color: #d5d5d5;
     font-size: 15px;
 }

 .about_company {
     color: #d5d5d5;
 }


 .social_media a {
     width: 42px;
     height: 42px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50px;
     padding: 12px;
     background: #232323;
     transition: all 0.3s ease;
 }

 .social_media a svg {
     color: #ffffff;
 }

 .social_media a:hover {
     background: #666666;
 }

 .details_card {
     padding: 20px;
     border: 1px solid #ececec;
     border-radius: 10px;
 }

 .details_card .property-name {
     font-size: 20px;
     font-weight: 600;
     color: #222;
 }

 .details_card .location {
     font-size: 14px;
     margin-bottom: 11px;
 }

 .sec_title {
     font-size: 18px;
     font-weight: 500;
     color: #333;
 }

 .text-desc {
     font-size: 14px;
     color: #555;
 }

 .product-name {
     font-size: 15px;
     color: #333;
 }

 .product-price {
     font-size: 18px;
 }

 .amazon svg {
     fill: #000000;
     width: 60px;
     height: 23px;
 }

 .amazon {
     text-align: end;
     padding: 10px;
     padding-bottom: 0;
 }

 .discount_price {
     position: absolute;
     top: -3px;
     left: -4px;
 }

 .amazon_card {
     transition: all 0.3s ease;
 }

 .amazon_card:hover {
     box-shadow: 0px 5px 12px 1px #ddd !important;
 }

 .blog_details img {
     max-width: 100% !important;
     height: 100%;
 }