@charset "UTF-8";
/*
Theme Name: The Perfumist
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/the-perfumist
Author URI: https://www.themagnifico.net/
Description: The Perfumist theme The Perfumist is a multipurpose, minimal, elegant, and beautiful theme designed for users who value sophistication, clean aesthetics, and modern design, making it perfect for perfume stores, fragrance boutiques, perfume outlets, online perfume shops, discount fragrance sellers, perfume kiosks, “perfume store near me” businesses, fragrance ecommerce shops, premium perfume brand sites, luxury fragrance marketplaces, aroma stores, scent boutiques, essential fragrance shops, aromatherapy stores online, luxury beauty storefronts, cosmetic fragrance landing pages, fragrance subscription services, luxury cosmetic boutiques, aromatherapy brands, essential oil shops, beauty influencers, skincare studios, grooming product retailers, wellness fragrance brands, artisanal candle makers, boutique fragrance labels, beauty care shops, scent collection stores, and high-end lifestyle stores seeking a refined online presence; its fully responsive, mobile-friendly, and retina-ready layout ensures crystal-clear visuals on every device, while optimized, secure, and clean coding guarantees fast loading, smooth performance, and enhanced reliability; the theme offers extensive personalization options to customize banners, testimonial sections, team showcases, and call-to-action (CTA) buttons for better engagement, along with seamless compatibility with WooCommerce Product Add-Ons for advanced product customization like fragrance variants and scent selections; built on Bootstrap with interactive and luxurious design elements such as smooth animations, it delivers an immersive yet intuitive browsing experience, while social media integration boosts brand visibility and built-in shortcodes simplify layout creation; translation-ready functionality ensures global reach, making The Perfumist a versatile, user-friendly, and highly customizable solution for perfume boutiques, beauty brands, agencies, and creative professionals who want a modern and sophisticated digital presence.
Version: 0.0.7
Tested up to: 6.9
Requires PHP: 7.2
Requires at least: 5.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: the-perfume-shop
Text Domain: the-perfumist
Tags: custom-logo, one-column, two-columns, wide-blocks, block-styles, editor-style, sticky-post, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, threaded-comments, theme-options, rtl-language-support, left-sidebar, right-sidebar, grid-layout, post-formats, blog, portfolio, e-commerce

The Perfumist WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2025.
The Perfumist WordPress Theme is released under the terms of GNU GPL
*/


.about-btn a

 .bypostauthor{}
.cart-btn a {
    border: 1px solid #fff;
}
.about-btn a {
    background: linear-gradient(90deg, var(--first-color) 32.5%, var(--second-color) 100%);
    color: #fff;
    padding: 8px 20px;
    display: inline-block;
}
.about-btn a:hover, .cart-btn a:hover, #top-slider .slide-btn1 a:hover {
    background: #000;
}
.counter-outer-box {
    display: flex;
    justify-content: space-between;
    padding: 30px 20px;
    position: relative;
    gap: 20px;
}
.counter-outer-box:before {
    content: '';
    width: 60%;
    height: 1px;
    background: var(--second-color);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
#about-section .heading h3.main_heading {
  font-size: 17px;
  line-height: 48px;
  color: #ffffff;
  background: url(assets/images/heading.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  display: inline;
  padding: 20px 75px;
  font-weight: 600;
  text-align: center;
  font-family: "Poppins", sans-serif;
}
.counter-outer-box .counter-box:first-child, .counter-outer-box .counter-box:last-child {
    flex-basis: 25%;
    position: relative;
}
.counter-outer-box .counter-box:nth-child(2) {
    flex-basis: 20%;
    position: relative;
}
.counter-outer-box .counter-box:nth-child(3) {
    flex-basis: 30%;
    position: relative;
}
.counter-outer-box .counter-box:first-child:after, .counter-outer-box .counter-box:nth-child(2):after, .counter-outer-box .counter-box:nth-child(3):after {
    content: '';
    width: 1px;
    height: 60%;
    background: var(--first-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
}
.counter-outer-box .counter-box h4 {
    font-size: 22px;
    font-weight: 600;
    color: var(--second-color);
}
.counter-outer-box .counter-box p {
    color: var(--first-color);
    font-size: 14px;
    font-weight: 500;
}
.about-img {
    padding: 20px 0 0 20px;
    position: relative;
}
.about-img:before {
    content: '';
    width: 90%;
    height: 90%;
    background: var(--first-color);
    position: absolute;
    top: 0;
    left: 0;
}
.about-img img {
    position: relative;
    height: 450px;
    object-fit: cover;
    width: 100%;
}
.counter-outer-box {
    padding: 30px 0;
}
.counter-outer-box .counter-box h4 {
    font-size: 18px;
}
.counter-outer-box .counter-box p {
    font-size: 12px;
}
@media screen and (max-width: 575px) {
    .about-img {
        margin-bottom: 20px;
    }
    .counter-outer-box {
        flex-direction: column;
        gap: 30px;
    }
    .counter-outer-box .counter-box:first-child:after, .counter-outer-box .counter-box:nth-child(2):after, .counter-outer-box .counter-box:nth-child(3):after {
        width: 20%;
        height: 1px;
        right: auto;
        top: auto;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%);
    }
}