@charset "UTF-8";
/*!

Theme Name: WP Lewis

Theme URI: 

Author: Dev lewis Corporation

Author URI:

Description: "WP lewis" là 1 theme wordpress được phát triển và xây dựng bởi đội ngũ kỹ thuật của lewis. Theme được xây dựng dựa trên nền tảng là css boostraps 4 mới nhất. 

Version: 1.0.1

License: GNU General Public License v3 or later

License URI: https://www.gnu.org/licenses/gpl.html

Text Domain: wp-lewis

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, two-columns, left-sidebar, right-sidebar, custom-colors, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, blog



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.



WP lewis is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

/*BASIC CSS*/
@font-face {
    font-family: "Roboto";
    src: url("assets/fonts/roboto/Roboto-Regular.ttf");
}
@font-face {
    font-family: "Roboto-Medium";
    src: url("assets/fonts/roboto/Roboto-Medium.ttf");
}
@font-face {
    font-family: "Roboto-Bold";
    src: url("assets/fonts/roboto/Roboto-Bold.ttf");
}

:root {
    --primary-color: #000;
    --second-color: #39e4e5;
    --primary-font: "Roboto";
    --second-font: "Roboto-Bold";
    --third-font: "Roboto-Medium";
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    word-wrap: break-word;
}

html {
    font-size: 62.5%;
}

body {
    font-family: var(--primary-font);
    background-color: #fff;
    font-size: 1.5rem;
    color: #424242;
    -ms-text-size-adjust: 100%;
}


h1, h2, h3, h4, h5, h6, strong {
    font-family: var(--second-font);
    font-weight: normal;
}

header#masthead {
    background-color: #000;
}

.header-main-logo img {
    max-width: 100px;
    border-radius: 6px;
}

.v-header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px 0;
}

.v-header-main>.container {
    max-width: 80%;
}


/*HEADER*/

.header-top {
    background: var(--primary-color);
    color: #fff;
    padding: 8px 0;
    font-size: 14px;
}

.header-top-right ul {
    margin: 0;
    list-style: none;
}

.header-top-right ul li {
    display: inline-block;
    margin-left: 25px;
}

.header-top-right {
    text-align: right;
}

.header-top-left p {
    margin-bottom: 0;
}

.header-main-search form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-main-search form input {
    width: 280px;
    font-size: 15px;
    height: 40px;
    padding-left: 15px;
}

.header-main-search form button {
    height: 40px;
    border: none;
    background: var(--primary-color);
    color: #000000;
    padding: 0 20px;
    margin-left: -2px;
    cursor: pointer;
    transition: all .3s;
}

.header-main-search form button:hover {
    background-color: var(--second-color);
    color: #fff;
}

.hotline-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 10px;
}

.hotline-item-img img {
    max-width: 50px;
}

.hotline-item-number span {
    font-family: var(--second-font);
    font-size: 20px;
    color: #0000ad;
}

.hotline-item-number p {
    margin-bottom: 0;
}

.hotline-item-number {
    margin-left: 10px;
}

.header-main-hotline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-main-cart {
    position: relative;
}

.wrapper-menu ul#menu-main>li.current-menu-item>a,
.wrapper-menu ul#menu-main>li>a:hover {
    color: var(--second-color);
}

.header-mobile-right {
    display: flex;
    align-items: center;
}

.header-mobile-hotline {
    margin-right: 20px;
    color: #fff;
}

.header-mobile-hotline span {
    font-family: var(--second-font);
    font-size: 26px;
    color: var(--second-color);
}

.header-mobile-hotline svg {
    margin-right: 8px;
    font-size: 21px;
    color: var(--primary-color);
}

span#icon-menu-mobile svg {
    color: #fff;
}

/*POLICY*/

.policy-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    padding: 10px;
    margin-top: 0;
    min-height: 70px;
    color: #fff;
}

.policy-item span {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60px;
    height: 60px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
}

.policy-item span img {
    width: 35px;
}

.policy-item-right h4 {
    text-transform: uppercase;
}

.policy-item-right {
    padding-left: 10px;
}

.policy-item-right p {
    margin-bottom: 0;
    font-size: 14px;
}

section.policy {
    background: url(assets/images/orig.jpg) no-repeat center bottom;
    padding: 40px 0;
    margin-top: 3rem;
    margin-bottom: 5rem;
}

/*PROJECT*/

section.project {
    margin: 5rem 0;
}

.title-project h2 {
    position: relative;
    text-align: center;
    margin-bottom: 3rem;
}

.title-project h2 span {
    text-transform: uppercase;
    font-size: 2.8rem;
    position: relative;
    color: var(--second-color);
    letter-spacing: 1px;
}

.title-project h2 span:before, .title-project h2 span:after {
    position: absolute;
    content: "";
    width: 150px;
    height: 2px;
    background-color: var(--second-color);
    top: 15px;
}

.title-project h2 span:before {
    left: -190px;
}

.title-project h2 span:after {
    right: -190px;
}

.project-item-thumb>a {
    display: block;
    overflow: hidden;
    position: relative;
}

.project-item-thumb img {
    aspect-ratio: 2/1.5;
    object-fit: cover;
}

.project-item-content {
    padding: 2rem 1rem;
    text-align: center;
    min-height: 9rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    background-color: transparent;
    z-index: 2;
}

.project-item-content h3 {
    line-height: 1.3;
    font-size: 18px;
    text-align: center;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all .3s;
}

.project-item a {
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid var(--second-color);
}

.project-item a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, #000000a1, #00000000);
    z-index: 1;
}


a.btn-more {
    color: var(--primary-color);
}

.project-btn {
    text-align: center;
}

.project-btn>a {
    display: inline-block;
    border: 2px solid var(--second-color);
    color: var(--second-color);
    padding: 8px 25px;
    text-transform: uppercase;
}

.project-btn>a:hover {
    background-color: var(--second-color);
    color: #fff;
}

.project-item-thumb>a>img:hover {
    transform: scale(1.1);
}

.project-item-content h3:hover a {
    color: var(--primary-color);
}

a.btn-more:hover {
    color: var(--second-color);
}

.project-item {
    margin-bottom: 3rem;
}

.project-item a:hover img {
    transform: scale(1.1);
}

.project-item a:hover h3 {
    color: var(--second-color);
}

div#owl-project .owl-nav button {
    position: absolute;
    top: 35%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--second-color);
    border-radius: 50%;
    color: var(--second-color);
    font-size: 28px;
    transition: all .3s;
}

div#owl-project .owl-nav button.owl-next {
    right: -50px;
}

div#owl-project .owl-nav button.owl-prev {
    left: -50px;
}

div#owl-project .owl-nav button:hover {
    background-color: var(--second-color) !important;
    color: #fff;
}

div#owl-project .owl-dots button span {
    background: #fff;
    width: 8px;
    height: 8px;
    display: block;
    margin: 0 3px;
}

div#owl-project .owl-dots {
    text-align: center;
    bottom: 18px;
    position: relative;
}

div#owl-project .owl-dots button.active span {
    background: var(--second-color);
}

/*FEATURE*/

section.feature {
    padding-top: 5rem;
}

.title-feature h2 {
    text-align: center;
    font-size: 25px;
    color: #000;
    position: relative;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.title-feature {
    margin-bottom: 3rem;
}

.title-feature h2 span {
    position: relative;
}

.title-feature h2 span:before, .title-feature h2 span:after {
    position: absolute;
    content: "";
    width: 70px;
    height: 1px;
    background: #00000040;
    top: 15px;
}

.title-feature h2 span:before {
    left: -95px;
}

.title-feature h2 span:after {
    right: -95px;
}

section.feature .owl-nav button,
section.blogs .owl-nav button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #fff !important;
    position: absolute;
    top: 30%;
    border-radius: 50%;
    -webkit-box-shadow: 1px 2px 6px #3333;
            box-shadow: 1px 2px 6px #3333;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

section.feature .owl-nav button.owl-prev,
section.blogs .owl-nav button.owl-prev {
    left: -20px;
}

section.feature .owl-nav button.owl-next,
section.blogs .owl-nav button.owl-next {
    right: -20px;
}

section.feature .owl-nav button:hover, section.blogs .owl-nav button:hover {
    background-color: var(--primary-color) !important;
    color: #fff;
}

section.feature .owl-nav button svg,
section.blogs .owl-nav button svg {
    font-size: 2.4rem;
}

/*PRODUCT*/

section.block-product.block-01 {
    margin-top: 5rem;
}

section.block-product {
    margin-bottom: 4rem;
}

.title-home {
    margin-bottom: 30px;
}

.title-home h2 span {
    background: var(--primary-color);
    color: #fff;
    font-family: var(--third-font);
    font-size: 16px;
    padding: 10px 25px;
    position: relative;
    text-transform: uppercase;
    margin-right: 30px;
    display: inline-block;s
}

.title-home h2 {
    border-bottom: 1px solid var(--primary-color);
    position: relative;
    background-color: #fff;
}

.title-home h2>a {
    position: absolute;
    right: 10px;
    font-size: 13px;
    font-family: var(--third-font);
    top: 10px;
    color: #007bff;
}

.title-home h2 span:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 39px 0 0 20px;
    border-color: transparent transparent transparent var(--primary-color);
    position: absolute;
    content: "";
    right: -20px;
    top: 1px;
}

.title-home-link {
    display: flex;
    align-items: center;
}

.title-home-link ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-left: 45px;
}

.title-home-link ul li {
    display: inline-block;
    margin-right: 50px;
}

.title-home-link ul li a {
    font-family: var(--primary-font);
    font-size: 16px;
    text-transform: capitalize;
    color: #f4a637;
}

.title-home h2>a:hover, .title-home-link ul li a:hover {
    color: var(--second-color);
}

.product-item-content {
    -webkit-box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    background: #fff;
    padding: 15px 12px;
    text-align: center;
    transition: transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s,-webkit-transform .3s,-webkit-box-shadow .3s;
    min-height: 95px;
}

.product-item-thumb>a {
    display: block;
    overflow: hidden;
    position: relative;
}

.product-item-thumb>a:before,.product-item-thumb>a:after {
    content: '';
    background-color: #fff;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.product-item-thumb>a:before {
    width: 50px;
    height: 1px;
    left: 0;
}

.product-item-thumb>a:after {
    height: 50px;
    width: 1px;
    top: 100%;
}

.product-item-thumb>a:hover:before,.product-item-thumb>a:hover:after {
    opacity: 1;
    top: 50%;
    left: 50%;
}

.product-item-thumb {
    position: relative;
}

.product-item-thumb span.onsale,.woocommerce span.onsale {
    position: absolute;
    top: 10px;
    left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 38px;
    height: 28px;
    min-height: 0;
    min-width: 0;
    font-size: 13px;
    border-radius: 0;
    background: #ff0000;
    font-weight: 100;
    color: #fff;
    font-family: var(--third-font);
}

.product-item-thumb>a>img {
    width: 100%;
    aspect-ratio: 1 / 1.2;
    object-fit: cover;
}

.product-item {
    margin-bottom: 25px;
}

.product-item-content h3 a {
    text-transform: uppercase;
    font-size: 15px;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

p.product-item-price span {
    font-family: var(--second-font);
    font-size: 16px;
    color: #ff0000;
}

p.product-item-price del span {
    font-family: var(--primary-font);
    font-size: 14px;
    margin-right: 5px;
    color: #7e7e7e;
}

p.product-item-price ins {
    text-decoration: none;
}

.product-item-content h3 {
    margin-bottom: 6px;
}

p.product-item-price {
    margin-bottom: 0;
}

.product-item-content p.product-item-price {
    font-family: var(--third-font);
    color: #000;
}

.product-item:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-filter: brightness(0.8);
            filter: brightness(0.8);
}

.product-item h3:hover > a{
    color: var(--primary-color);
}

.product-item:hover .product-item-content {
    -webkit-box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

/*BANNER*/

section.banner a {
    display: block;
    overflow: hidden;
    position: relative;
}

section.banner a img {
    width: 100%;
    height: 520px;
    -o-object-fit: cover;
    object-fit: fill;
}

section.banner {
    margin-bottom: 5rem;
}

.figcaption:before {
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    position: absolute;
    width: 100%;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
}

section.banner a:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

section.banner a:hover .figcaption:before {
    -webkit-box-shadow: 0 0 0 30px rgb(255 255 255 / 40%) inset;
    box-shadow: 0 0 0 30px rgb(255 255 255 / 40%) inset;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border-radius: 6px;
}


/*BLOGS*/

.blogs-item-thumb>a {
    display: block;
    overflow: hidden;
    position: relative;
}

.blogs-item-thumb>a>img {
        aspect-ratio: 2 / 1.6;
    -o-object-fit: cover;
       object-fit: cover;
}

.blogs-item-content h3 {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 22px;
}

.blogs-item-content h3 a {
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.blogs-item-content {
    -webkit-box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    background: #fff;
    padding: 20px;
    min-height: 16.2rem;
}

.blogs-item-content p {
    margin-bottom: 0;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

section.blogs .owl-stage-outer {
    padding-bottom: 5px;
}

.blogs-item:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-filter: brightness(0.8);
            filter: brightness(0.8);
}

.blogs-item:hover h3>a {
    color: var(--primary-color);
}

/*TAGS*/

section.tags-home {
    margin-bottom: 5rem;
    margin-top: 3rem;
}

ul.list-tags-woo {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.list-tags-woo li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 15px;
}

ul.list-tags-woo li a {
    background: var(--primary-color);
    color: #fff;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 13px;
}

ul.list-tags-woo li a:hover {
    background-color: var(--second-color);
}

/*FOOTER*/

footer#footer {
    background-color: #512feb;
}

section.footer {
    color: #fff;
    padding-top: 4rem;
    padding-bottom: 2rem;
}

h4.title-footer {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 16px;
}

.footer-contact h3 {
    font-size: 22px;
    margin-bottom: 10px;
}

.footer-contact ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-contact ul li {
    font-size: 14px;
    margin-bottom: 5px;
}

.footer-block p {
    font-size: 14px;
}

.footer-form form p {
    margin-bottom: 0;
    position: relative;
}

.footer-form form p input.wpcf7-text {
    width: 100%;
    height: 40px;
    padding-left: 15px;
    font-size: 15px;
    border: none;
}

.footer-form form p input.wpcf7-submit {
    position: absolute;
    right: 0;
    background: var(--second-color);
    border: 1px solid;
    padding: 0 15px;
    height: 40px;
    font-family: var(--third-font);
    color: #fff;
    cursor: pointer;
    transition: all .3s;
}

.footer-form form p input.wpcf7-submit:hover {
    background-color: var(--primary-color);
}

.footer-form .wpcf7-not-valid-tip {
    position: absolute;
    right: 60px;
    top: 0;
    font-size: 13px;
}

.footer-form .wpcf7 form .wpcf7-response-output {
    margin: 0;
    text-align: center;
    font-size: 13px;
}

ul.follow-option {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.follow-option li {
    display: inline-block;
    margin-right: 10px;
}

ul.follow-option li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid #ffffff9c;
}

ul.follow-option li a:hover {
    background: #fff;
    color: var(--primary-color);
}

.footer-form {
    margin-top: 20px;
}

.footer-block iframe {
    width: 100%;
    height: 180px;
}

.footer-block iframe {
    width: 100%;
    height: 180px;
}

.copyright p {
    margin: 0;
    text-align: center;
    font-size: 14px;
}

.copyright {
    padding: 8px 0;
    color: #fff;
}


/*ARCHIVE*/
.woocommerce nav.woocommerce-pagination ul {
    border: none;
    margin-top: 15px;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: 1px solid #ccc;
    margin: 0 5px;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #fff;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--primary-color);
    color: #fff;
}


/*SINGLE*/

.summary.entry-summary p.price del span {
    font-size: 16px;
    color: #333;
}

.summary.entry-summary p.price ins {
    font-weight: normal !important;
    font-family: var(--second-font);
}

.summary.entry-summary p.price {
    margin-bottom: 20px;
}

section.related.products>h2 {
    border-bottom: 1px solid var(--primary-color);
    padding-bottom: 8px;
    position: relative;
}

section.related.products>h2>span {
    background: var(--primary-color);
    color: #fff;
    font-family: var(--third-font);
    font-size: 16px;
    padding: 10px 25px;
    position: relative;
    text-transform: uppercase;
}

section.related.products>h2>span:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 39px 0 0 20px;
    border-color: transparent transparent transparent var(--primary-color);
    position: absolute;
    content: "";
    right: -20px;
    top: 0;
}

.woocommerce div.product .woocommerce-tabs .panel {
    background: #fff;
    -webkit-box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    padding: 25px;
}

.woocommerce-product-gallery__image.wpgs_image.slick-slide.slick-current.slick-active i {
    font-size: 28px;
}

.product_meta a {
    color: var(--primary-color);
}

.product_meta {
    display: flex;
    flex-direction: column;
    margin-top: 35px;
}

.product_meta>span {
    margin-bottom: 15px;
}

.woocommerce-tabs.wc-tabs-wrapper h3, .woocommerce-tabs.wc-tabs-wrapper h4, .woocommerce-tabs.wc-tabs-wrapper h2 {
    color: #000;
    margin-bottom: 1.5rem;
    margin-top: 2rem;
    font-weight: normal;
}

.woocommerce-tabs.wc-tabs-wrapper h3 {
    font-size: 2.2rem;
}

.woocommerce-tabs.wc-tabs-wrapper h2 {
    font-size: 2.4rem;
}

.woocommerce-tabs.wc-tabs-wrapper h4 {
    font-size: 2rem;
}