* :not(i) {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

#wpadminbar {
    z-index: 999999999 !important;
}


h1, h2, h3, h4, h5, h6, p, strong, span, a, li {
    /*font-family: Nunito Sans !important;*/
}

h2 {
    font-size: 32px;
    line-height: 48px !important;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

html {
    scroll-behavior: smooth;
}

.otgs-development-site-front-end {
    display: none;
}

body .section:first-of-type:not(.scroller-container):not(.counter-wrapper) {
    padding-top: 100px;
}


body {
    background-color: white;
    /*padding-top: 100px;*/
}

html.is-animating .transition-fade {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease;
}

html.is-leaving .transition-fade {
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.6s ease;
}

html.is-rendering .transition-fade {
    opacity: 0;
    transform: translateY(20px);
}

html.is-popstate .transition-fade {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease;
}

html.is-animating.is-popstate .transition-fade {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease;
}

.transition-fade {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease;
}

/* Woocommerce */

/* General Shop Page Styles */
.woocommerce-page {
    font-family: Arial, sans-serif;
    background-color: #f9fafc;
}

/* Breadcrumbs */
.woocommerce-breadcrumb {
    background-color: transparent;
    padding: 0px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 14px;
}

.woocommerce-breadcrumb a {
    font-family: "Roboto Serif";
}

/* Shop Title */
.woocommerce-products-header__title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    color: #333;
}

/* Product Grid - Flexbox Layout */
.woocommerce ul.products:not(.elementor-grid) {
    -webkit-column-count: auto;
    column-count: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.woocommerce ul.products:not(.elementor-grid) li.product, .woocommerce ul.products:not(.elementor-grid) li.product.type-product {
    margin-bottom: 20px;
}

.woocommerce li.product {
    /*box-shadow: 0 0 2px 0 rgba(18, 43, 70, .25);*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 10px 20px;
    width: -webkit-calc(33.333% - 20px);
    width: calc(33.333% - 20px);
}

.woocommerce li.product a.woocommerce-LoopProduct-link>img {
    /*border-radius: 3px;*/
    margin: 0 0 .5em;
    border: 0;
    border-bottom: 1px solid lightgrey;
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link {
    display: block;
}

.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
}

.site-main {
    max-width: 1200px;
    margin: auto;
    padding: 150px 0px;
}

.woocommerce .product .price del, .woocommerce .product .price {
    font-size: 20px !important;
}

.woocommerce-result-count {
    padding-left: 0 !important;
}

/* Product Card */
.products .product {
    flex: 0 1 calc(33.33% - 20px);
    background-color: #fff;
    /*border: 1px solid #e6e6e6;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    transition: box-shadow 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.products .product:hover {
    /*box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);*/
}

/* Product Image */
.products .product img {
    width: 100%;
    height: 340px;
    object-fit: contain;
}

/* Product Title */
.products .product .woocommerce-loop-product__title {
    font-size: 16px;
    font-weight: 600;
    margin: 10px;
    text-align: left;
    font-family: "Roboto";
    color: #333333;
    text-decoration: none;
    text-transform: uppercase;
    /*min-height: 60px;*/
}

.woocommerce-loop-product__link {
    text-decoration: none;
}

.product {
    text-decoration: none;
}

/* Product Price */
.products .product .price {
    text-align: left;
    color: gray;
    font-size: 14px;
    margin-bottom: 10px;
}

/* Add to Cart Button */
/*.products .product .button {*/
/*    font-family: Poppins !important;*/
/*    text-transform: uppercase;*/
/*    height: 50px !important;*/
/*    padding: 0px 25px;*/
/*    font-size: 16px !important;*/
/*    border: none !important;*/
/*    border-radius: 8px !important;*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    color: white !important;*/
/*    line-height: 30px;*/
/*    background-image: linear-gradient(to right, #A27951, #DCAE7B) !important;*/
/*    font-weight: 400 !important;*/
/*    text-decoration: none;*/
/*    transition: all .3s ease;*/
/*    cursor: pointer;*/
/*}*/

.products .product .button:hover {
    transform: translateY(-1px) !important;
    /*box-shadow: 0 6px 20px rgba(210, 174, 123, 0.6) !important;*/
}

/* Pagination */
.woocommerce-pagination {
    text-align: center;
    margin-top: 30px;
}

.woocommerce-pagination ul {
    display: inline-flex;
    list-style: none;
    gap: 5px;
    padding: 0;
}

.woocommerce-pagination li {
    display: inline;
}

.woocommerce-pagination a,
.woocommerce-pagination span {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
}

.woocommerce-pagination a:hover,
.woocommerce-pagination .current {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

/* Sidebar */
.woocommerce-sidebar {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.woocommerce .product .price del {
    color: gray;
    font-size: 14px;
    margin-left: 5px;
    text-decoration: line-through;
}

.woocommerce .product .price ins {
    color: gray;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.woocommerce span.onsale {
    background: #E1B559; /* Sale Ribbon Background Color */
    color: #fff; /* Text Color */
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 0;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 99;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.woocommerce span.onsale::after {
    display: none;
}

/* Adjust Product Container for Ribbon */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    position: relative;
    overflow: hidden;
}

/* Ensure Ribbon Appears Above the Image */
.woocommerce span.onsale::after {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #E1B559 transparent transparent;
}


@media (min-width: 1200px) {
    .content-area ul.products li.product {
        width: 31.33333%;
        max-width: 31.33333%;
        margin: 40px 1% 2%;
    }
}

/* Mobile Responsiveness */
@media (max-width: 1024px) {
    .products .product {
        flex: 0 1 calc(50% - 20px);
    }

    .site-main {
        padding: 50px;
    }
}

@media (max-width: 768px) {
    .products .product {
        flex: 0 1 calc(100% - 20px);
    }
    .woocommerce-breadcrumb {
        text-align: center;
    }
    .products .product img {
        height: 200px;
    }

    .site-main {
        padding: 20px;
    }
}

/* ============================
   Tutor LMS Course Page - Flexbox Style
=============================== */

/* Wrapper for all courses */
.tutor-courses-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
}

/* Course Card */
.tutor-course {
    flex: 1 1 calc(33.333% - 20px); /* 3 columns on desktop */
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
}

.tutor-course:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}

/* Course Thumbnail */
.tutor-course .tutor-course-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
}

/* Course Content */
.tutor-course .tutor-course-content {
    padding: 15px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Course Title */
.tutor-course .tutor-course-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    transition: color 0.3s ease;
}

.tutor-course:hover .tutor-course-title {
    color: #ff5722;
}

/* Course Meta (Author, Duration, Level) */
.tutor-course .tutor-course-meta {
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 10px;
}

/* Course Button */
/*.tutor-course .tutor-btn {*/
/*    display: inline-block;*/
/*    text-align: center;*/
/*    background: #ff5722;*/
/*    color: #fff;*/
/*    padding: 10px 15px;*/
/*    border-radius: 5px;*/
/*    font-weight: 600;*/
/*    transition: background 0.3s ease;*/
/*}*/

/*.tutor-course .tutor-btn:hover {*/
/*    background: #e64a19;*/
/*}*/

/* ============ RESPONSIVE STYLES ============ */

/* Tablet (2 columns) */
@media (max-width: 992px) {
    .tutor-course {
        flex: 1 1 calc(50% - 20px); /* 2 columns */
    }
}

/* Mobile (1 column) */
@media (max-width: 600px) {
    .tutor-course {
        flex: 1 1 100%; /* Full width */
    }
}

/* General Styling for Course Archive Page */
.course-archive-page {
    padding: 40px 20px;
}

/* Flexbox for Course List */
.tutor-course-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

/* Course Card Styling */
.tutor-course-card {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    flex: 1 1 calc(33.333% - 20px); /* Three cards per row with space between */
    display: flex;
    flex-direction: column;
}

.tutor-course-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

/* Course Thumbnail */
.tutor-course-thumbnail img {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #eaeaea;
}

/* Course Content Body */
.tutor-card-body {
    flex-grow: 1;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Course Title */
.tutor-course-name {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.tutor-course-name a {
    text-decoration: none;
    color: inherit;
}

.tutor-course-name a:hover {
    color: #0073e6;
}

/* Course Meta Info */
.tutor-meta {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #777;
    margin-top: auto; /* Push meta info to the bottom */
}

.tutor-meta div {
    display: flex;
    align-items: center;
}

.tutor-meta-icon {
    margin-right: 5px;
}

/* Instructor Info */
.tutor-meta a {
    color: #0073e6;
    text-decoration: none;
}

.tutor-meta a:hover {
    text-decoration: underline;
}

/* Price Styling */
.list-item-price {
    padding: 0 15px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.list-item-price del {
    color: #999;
    margin-left: 10px;
    font-weight: normal;
}

/* Button Styling */
.tutor-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 30px);
    margin: 15px auto;
    padding: 10px;
    background-color: #0073e6;
    color: #fff;
    border-radius: 5px;
    border: none;
    transition: background-color 0.3s ease;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

.tutor-btn:hover {
    background-color: #005bb5;
}

/* Filter Dropdown Styling */
.tutor-course-filter select {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #333;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .tutor-course-card {
        flex: 1 1 calc(50% - 20px); /* Two cards per row on tablets */
    }
}

@media (max-width: 768px) {
    .tutor-course-card {
        flex: 1 1 100%; /* Single column layout on mobile */
    }
}


/* Main Container */
.tutor-wrap {
    max-width: 1200px;
    margin: auto;
    padding: 100px 20px;
}

/* Course Title */
.tutor-course-details-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 10px;
}

/* Ratings */
.tutor-course-details-ratings {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.tutor-ratings-stars span {
    font-size: 20px;
    color: #ffb400; /* Gold Star Color */
}

/* Course Info Section */
.tutor-course-details-top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 15px;
    background: white;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

/* Video Player */
.tutor-video-player {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

/* Course Content */
.tutor-course-details-content {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.tutor-course-details-content h2 {
    font-size: 24px;
    margin-bottom: 15px;
    border-bottom: 2px solid #e1e1e1;
    padding-bottom: 5px;
}

/* List Items */
.tutor-course-details-content ul {
    list-style: none;
    padding: 0;
}

.tutor-course-details-content li {
    padding: 10px;
    font-size: 16px;
    border-bottom: 1px solid #e1e1e1;
}

/* Sidebar */
.tutor-single-course-sidebar {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

/* Pricing Section */
.tutor-course-sidebar-card-pricing {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 22px;
    font-weight: bold;
}

.tutor-course-sidebar-card-pricing del {
    font-size: 16px;
    color: #999;
}

/* Buttons */
.tutor-btn {
    display: inline-block;
    padding: 12px 20px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    transition: 0.3s ease-in-out;
}

.tutor-btn-primary {
    background: #007bff;
    color: white;
}

/*.tutor-btn-primary:hover {*/
/*    background: #0056b3;*/
/*}*/

.tutor-btn-ghost {
    background: transparent;
    border: 2px solid #007bff;
    color: #007bff;
}

/*.tutor-btn-ghost:hover {*/
/*    background: #007bff;*/
/*    color: white;*/
/*}*/

/* Responsive Design */


.tutor-course-details-top {
    display: none;
}

/* Hide content initially */
.tutor-toggle-more-content {
    max-height: 200px;  /* Show only the first 200px */
    overflow: hidden;
    position: relative;
    transition: max-height 0.3s ease-in-out;
}

/* Add a gradient fade effect at the bottom for better UX */
.tutor-toggle-more-content::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;  /* Height of the gradient overlay */
    background: linear-gradient(transparent, #fff);  /* Adjust #fff to match your background */
    display: block;
    pointer-events: none;
}

/* Expand content when 'expanded' class is added */
.tutor-toggle-more-content.expanded {
    max-height: 1000px;  /* Adjust this value if your content is longer */
}

/* Hide gradient when expanded */
.tutor-toggle-more-content.expanded::after {
    display: none;
}

/* Style the video container */
.tutor-video-player {
    width: 800px;              /* Set the width to 800px */
    margin: 0 auto 20px auto;  /* Center the video horizontally and add bottom margin */
    border-radius: 8px;        /* Optional: Rounded corners for a modern look */
    overflow: hidden;          /* Ensure the iframe doesn't overflow the container */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  /* Optional: Add subtle shadow for depth */
}

/* Make sure the video maintains the correct aspect ratio */
.tutor-video-player iframe {
    width: 100%;
    height: 450px;  /* Adjust this height to maintain 16:9 ratio (800px x 450px) */
    border: none;   /* Remove iframe border */
}

/* Responsive adjustment for smaller screens */
@media (max-width: 820px) {
    .tutor-video-player {
        width: 100%;
        padding: 0 10px;  /* Add slight padding on smaller screens */
    }

    .tutor-video-player iframe {
        height: auto;
        aspect-ratio: 16 / 9;  /* Maintain aspect ratio automatically */
    }
}

/* Specific Tutor LMS Classes */
.tutor-course-details-content,
.tutor-course-details-widget-list,
.tutor-course-details-info {
    line-height: 1.8;  /* Ensuring Tutor LMS content has proper spacing */
}

/* Buttons - Adjusting spacing inside buttons */
.tutor-btn {
    line-height: 1.6;  /* Ensure button text has good padding */
    padding: 12px 20px;
}

/* Adjusting line-height for sidebar content */
.tutor-single-course-sidebar {
    line-height: 1.8;
}

/* Adjust line spacing for the 'What Will You Learn' section */
.tutor-course-details-widget-list span {
    line-height: 1.8;
}

.tutor-course-details-widget-list, .tutor-ul {
    list-style-type: none;
}

.woocommerce ul.products li.product .price {
    color: gray;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding-left: 15px;
    padding-right: 15px;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 1em;
}
.woocommerce li.product .woocommerce-loop-product__title {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
}

.woocommerce ul.products li.product .price {
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: .857em;
}

.woocommerce ul.products li.product .price del {
    color: inherit;
    opacity: .5;
    display: inline-block;
}

.woocommerce li.product a.button.product_type_external, .woocommerce li.product a.button.product_type_grouped, .woocommerce li.product a.button.product_type_simple, .woocommerce li.product a.button.product_type_variable {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: auto;
    border-top: 1px solid lightgrey;
}

.woocommerce li.product a.added_to_cart.wc-forward, .woocommerce li.product a.button, .woocommerce li.product a.button.product_type_external, .woocommerce li.product a.button.product_type_grouped, .woocommerce li.product a.button.product_type_simple, .woocommerce li.product a.button.product_type_variable {
    border-radius: 0 0 3px;
    border: 0;
    background-color: white;
    float: right;
    color: #e1b559;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    line-height: 2.5;
    text-align: center;
    min-height: auto;
    white-space: nowrap;
    overflow: hidden;
    padding: .618em 1em;
    margin: 0;
    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;
    max-height: 45px;
}

.woocommerce li.product h2 {
    height: 100px !important;
    overflow: hidden;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal !important;
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    overflow-wrap: normal !important;
    padding: 0;
    position: absolute !important;
    width: 1px;
}

.woocommerce ul.products li.product .price {
    color: gray;
}

.woocommerce ul.products li.product .price {
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: .857em;
}

woocommerce ul.products li.product .price del {
    color: inherit;
    opacity: .5;
    display: inline-block !important;
}

/* ==========================
   🛒 GENERAL CART PAGE STYLING
   ========================== */
.woocommerce-cart-form {
    width: 100%;
    margin: auto;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* ==========================
   🛍 CART TABLE STYLING
   ========================== */
.woocommerce table.shop_table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    border-radius: 8px;
    overflow: hidden;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    padding: 14px 18px;
    border: 1px solid #ddd;
}

.woocommerce table.shop_table th {
    background-color: #f8f8f8;
    font-weight: bold;
    text-transform: uppercase;
}

/* Alternating Row Colors */
.woocommerce table.shop_table tbody tr:nth-child(even) {
    background-color: #fafafa;
}

/* ==========================
   📷 PRODUCT THUMBNAIL
   ========================== */
.woocommerce table.shop_table .product-thumbnail img {
    width: 70px;
    height: auto;
    /*border-radius: 6px;*/
}

/* ==========================
   ❌ REMOVE BUTTON
   ========================== */
.woocommerce table.shop_table .product-remove a {
    color: #ff0000;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    transition: 0.3s;
}

.woocommerce table.shop_table .product-remove a:hover {
    color: #d00000;
}

/* ==========================
   🔢 QUANTITY INPUT
   ========================== */
.woocommerce .quantity input {
    width: 55px;
    text-align: center;
    padding: 6px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

/* ==========================
   🎨 BUTTONS STYLING
   ========================== */
.woocommerce .button, .woocommerce .checkout-button {
    font-family: "Roboto" !important;
    color: white !important;
    border: none;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 400 !important;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
}

.woocommerce .button:hover, .woocoommerce .checkout-button:hover {
    background: #D6A167;
}

/* Coupon Input */
.woocommerce .coupon input {
    width: 220px;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.woocommerce .coupon button {
    margin-left: 10px;
}

/* ==========================
   🛒 CART TOTALS SECTION
   ========================== */
.woocommerce .cart_totals {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    margin-top: 30px;
}

.woocommerce .product-name a {
    color: inherit;
}

.woocommerce .cart_totals h2 {
    font-size: 20px;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #333;
}

.woocommerce .cart_totals table {
    width: 100%;
}

.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td {
    padding: 12px;
    border-bottom: 1px solid #ddd;
}

/* ==========================
   🛒 CHECKOUT BUTTON
   ========================== */
.woocommerce .wc-proceed-to-checkout a.checkout-button {
    display: block;
    text-align: center;
    padding: 15px;
    font-size: 18px;
    color: white;
    font-weight: bold;
    border-radius: 6px;
    text-decoration: none;
    transition: 0.3s;
}

.woocommerce .checkout-button {
    margin-top: 20px;
}


/* ==========================
   📢 WOOCOMMERCE CART NOTIFICATIONS
   ========================== */
.woocommerce-notices-wrapper {
    width: 100%;
    margin: 15px 0;
    padding: 0px;
}

/* Notification Box Styling */
.woocommerce-message {
    background-color: #E6B877;
    color: white;
    padding: 15px;
    border-left: 5px solid #D6A167;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Notification Icon (if added) */
.woocommerce-message::before {
    content: "✔"; /* Default checkmark */
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #D6A167;
    padding: 5px 10px;
    border-radius: 4px;
}

/* ==========================
   📱 RESPONSIVE DESIGN
   ========================== */
@media screen and (max-width: 1024px) {  /* Tablet */
    .woocommerce table.shop_table th,
    .woocommerce table.shop_table td {
        padding: 10px;
        font-size: 14px;
    }

    .woocommerce .quantity input {
        width: 50px;
        font-size: 14px;
    }

    .woocommerce .cart_totals {
        padding: 15px;
    }

    .woocommerce .wc-proceed-to-checkout a.checkout-button {
        font-size: 16px;
        padding: 12px;
    }
}

@media screen and (max-width: 768px) {  /* Mobile */
    .woocommerce table.shop_table {
        display: block;
        overflow-x: auto;
        /*white-space: nowrap;*/
    }

    .woocommerce .woocommerce-cart-form {
        padding: 10px;
    }

    .woocommerce table.shop_table th,
    .woocommerce table.shop_table td {
        font-size: 13px;
        padding: 8px;
    }

    .woocommerce .product-thumbnail img {
        width: 50px;
    }

    .woocommerce .quantity input {
        width: 45px;
    }

    .woocommerce .button,
    .woocommerce .wc-proceed-to-checkout a.checkout-button {
        font-size: 14px;
        padding: 10px;
    }

    /* Make cart totals stacked */
    .woocommerce .cart_totals table,
    .woocommerce .cart_totals tbody,
    .woocommerce .cart_totals tr,
    .woocommerce .cart_totals th,
    .woocommerce .cart_totals td {
        display: block;
        width: 100%;
        text-align: center;
    }

    .woocommerce .cart_totals h2 {
        font-size: 18px;
    }
}

/* ==========================
   🛒 FULL-WIDTH EMPTY CART MESSAGE
   ========================== */
.wc-empty-cart-message {
    text-align: center;
    padding: 40px 20px;
    background: #fdf6ed;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    margin: 20px auto;
    width: 100%;
    margin-bottom: 30px;
}

.wc-backward {
    text-decoration: none;
}

/* Empty Cart Text */
.cart-empty.woocommerce-info {
    background-color: #E6B877;
    color: white;
    padding: 20px;
    font-size: 20px;
    font-weight: bold;
    display: block;
    border-left: 8px solid #D6A167;
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    width: 100%;
}

/* ==========================
   📱 RESPONSIVE DESIGN
   ========================== */
@media screen and (max-width: 1024px) {
    .cart-empty.woocommerce-info {
        font-size: 18px;
        padding: 18px;
    }
}

@media screen and (max-width: 768px) {
    .wc-empty-cart-message {
        padding: 30px 15px;
    }

    .cart-empty.woocommerce-info {
        font-size: 16px;
        padding: 15px;
    }
}

/* ==========================
   🧭 BREADCRUMBS STYLING
   ========================== */
.woocommerce-breadcrumb {
    font-family: "Roboto Serif", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #666;
    padding: 12px 20px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

/* Breadcrumb Links */
.woocommerce-breadcrumb a {
    color: #E6B877;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    font-weight: 600;
}

.woocommerce-breadcrumb a:hover {
    color: #D6A167;
}

/* Responsive Design */
@media screen and (max-width: 1024px) {  /* Tablet */
    .woocommerce-breadcrumb {
        font-size: 14px;
        padding: 10px 15px;
    }
}

@media screen and (max-width: 768px) {  /* Mobile */
    .woocommerce-breadcrumb {
        font-size: 13px;
        flex-wrap: wrap;
        padding: 8px 12px;
    }
}

/* ==========================
   📊 RESULT COUNT STYLING
   ========================== */
.woocommerce-result-count {
    font-family: "Roboto Serif", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    background: transparent;
    padding: 10px 15px;
    border-radius: 6px;
    display: inline-block;
}

/* ==========================
   🔽 SORTING DROPDOWN STYLING
   ========================== */
.woocommerce-ordering {
    display: flex;
    align-items: center;
    gap: 10px;
}

.woocommerce-ordering select {
    font-family: "Roboto Serif", sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 10px;
    border: 2px solid #E6B877;
    border-radius: 6px;
    background: #fff;
    color: #333;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.woocommerce-ordering select:focus {
    border-color: #D6A167;
    outline: none;
}

/* ==========================
   🛍 LAYOUT OPTIMIZATION
   ========================== */
.woocommerce-result-count,
.woocommerce-ordering {
    display: inline-block;
    margin-bottom: 40px;
}

.woocommerce-result-count {
    margin-right: 20px;
}

/* ==========================
   📱 RESPONSIVE DESIGN
   ========================== */
@media screen and (max-width: 1024px) {  /* Tablet */
    .woocommerce-result-count {
        font-size: 14px;
    }

    .woocommerce-ordering select {
        font-size: 14px;
        padding: 8px;
    }
}

@media screen and (max-width: 768px) {  /* Mobile */
    .woocommerce-result-count {
        display: block;
        margin-bottom: 10px;
        text-align: center;
    }

    .woocommerce-ordering {
        width: 100%;
        justify-content: center;
    }

    .woocommerce-ordering select {
        width: 100%;
    }
}

/* ==========================
   📄 PAGINATION STYLING
   ========================== */
.woocommerce-pagination {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.woocommerce-pagination .page-numbers {
    display: flex;
    gap: 8px;
    list-style: none;
    padding: 0;
}

/* Pagination Buttons */
.woocommerce-pagination .page-numbers li {
    display: inline-block;
}

/* Page Number Links */
.woocommerce-pagination .page-numbers a,
.woocommerce-pagination .page-numbers span {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 15px;
    border-radius: 6px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

/* Default Page Numbers */
.woocommerce-pagination .page-numbers a {
    color: #333;
    background: #f8f8f8;
    border: 2px solid #ddd;
}

.woocommerce-pagination .page-numbers a:hover {
    background: #E6B877;
    border-color: #E6B877;
    color: #fff;
}

/* Current Page */
.woocommerce-pagination .page-numbers .current {
    background: #CDA070;
    color: #fff;
    border: 2px solid #CDA070;
    pointer-events: none;
}

/* Next Page Arrow */
.woocommerce-pagination .page-numbers .next {
    background: #CDA070;
    color: #fff;
    font-size: 18px;
    padding: 10px 18px;
    border: 2px solid #CDA070;
}

.woocommerce-pagination .page-numbers .next:hover {
    background: #D6A167;
    border-color: #D6A167;
}

/* ==========================
   📱 RESPONSIVE DESIGN
   ========================== */
@media screen and (max-width: 768px) {  /* Mobile */
    .woocommerce-pagination .page-numbers a,
    .woocommerce-pagination .page-numbers span {
        font-size: 14px;
        padding: 8px 12px;
    }

    .woocommerce-pagination .page-numbers .next {
        font-size: 16px;
        padding: 8px 14px;
    }
}

/* ==========================
   🛒 GENERAL CHECKOUT PAGE STYLING
   ========================== */
form.woocommerce-checkout {
    font-family: "Roboto", sans-serif;
    width: 100%;
    margin: auto;
    display: flex;
    padding: 30px;
    background: #fff;
    align-items: flex-start;
    justify-content: space-between;
    border-radius: 16px;
}

.woocommerce-billing-fields h3, #order_review_heading {
    font-size: 26px;
}

.woocommerce-additional-fields {
    margin-top: 40px;
}

.woocommerce-additional-fields h3 {
    margin-bottom: 10px;
}

.col2-set {
    width: 50%;
}

.woocommerce-checkout .col {
    width: 40%;
}

/* ==========================
   📋 CHECKOUT PAGE LAYOUT USING FLEXBOX
   ========================== */
.woocommerce .checkout-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

/* Left Section - Billing Form */
.woocommerce .billing-section {
    flex: 2;
    min-width: 55%;
}

/* Right Section - Order Summary + Checkout Button */
.woocommerce .order-summary {
    flex: 1;
    min-width: 40%;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Additional Information (Below the Billing Section) */
.woocommerce .additional-info {
    flex: 1;
    width: 100%;
    margin-top: 20px;
}

/* ==========================
   📋 INPUT FIELDS STYLING
   ========================== */
.woocommerce .input-field {
    margin-bottom: 15px;
}

.woocommerce .input-field label {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}

.woocommerce-checkout-payment, .wc_payment_methods {
    padding: 0 !important;
}

.woocommerce .input-field input,
.woocommerce .input-field select,
.woocommerce .input-field textarea,
.wfacp-row input,
.wfacp-row select {
    width: 100%;
    padding: 12px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    transition: border 0.3s ease-in-out;
}

/* Input Focus Effect */
.woocommerce .input-field input:focus,
.woocommerce .input-field select:focus,
.woocommerce .input-field textarea:focus {
    border-color: #E6B877;
    outline: none;
}

/* ==========================
   🛍 ORDER SUMMARY (RIGHT SIDE)
   ========================== */
.woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding: 12px;
    border: 1px solid #ddd;
}

.woocommerce-checkout-review-order-table th {
    background: #f8f8f8;
    font-weight: bold;
    text-transform: uppercase;
}

/* Alternating Row Colors */
.woocommerce-checkout-review-order-table tbody tr:nth-child(even) {
    background: #fafafa;
}

/* ==========================
   💳 PAYMENT SECTION
   ========================== */
.woocommerce-checkout-payment {
    background: #fdf6ed;
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
}

/* Payment Error Message */
.woocommerce-checkout-payment .woocommerce-info {
    font-size: 16px;
    color: #ff0000;
    background: #ffecec;
    padding: 12px;
    border-left: 5px solid #ff5555;
    border-radius: 6px;
}

/* ==========================
   ✅ PLACE ORDER BUTTON
   ========================== */
.woocommerce .place-order .button {
    background: #E6B877;
    color: #fff;
    font-size: 18px;
    padding: 12px;
    width: 100%;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.woocommerce .place-order .button:hover {
    background: #D6A167;
}

/* ==========================
   📢 CHECKOUT NOTICES (SUCCESS & ERROR MESSAGES)
   ========================== */
.woocommerce-notices-wrapper {
    margin-bottom: 15px;
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    background: #E6B877;
    color: #fff;
    padding: 12px;
    border-radius: 6px;
    font-weight: 600;
    text-align: center;
}

/* ==========================
   📱 RESPONSIVE DESIGN
   ========================== */
@media screen and (max-width: 1024px) {  /* Tablet */
    .woocommerce .checkout-layout {
        flex-direction: column;
    }

    .woocommerce .billing-section,
    .woocommerce .order-summary {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {  /* Mobile */
    .woocommerce-checkout {
        padding: 15px;
    }

    .site-main {
        padding-top: 120px;
    }

    .woocommerce li.product {
        /*box-shadow: 0 0 30px 0 rgba(0, 0, 0, .025);*/
        padding-bottom: 20px;
    }

    .woocommerce h3 {
        font-size: 18px;
    }

    .woocommerce .input-field input,
    .woocommerce .input-field select,
    .woocommerce .input-field textarea {
        font-size: 14px;
        padding: 10px;
    }

    .woocommerce-checkout-review-order-table th,
    .woocommerce-checkout-review-order-table td {
        font-size: 14px;
        padding: 10px;
    }

    .woocommerce .place-order .button {
        font-size: 16px;
        padding: 10px;
    }
}

.woocommerce table.shop_table th, .woocommerce table.shop_table td {
    border: none;
}

.woocommerce-billing-fields h3 {
    margin-bottom: 30px;
}

.woocommerce-checkout .col h3 {
    margin-bottom: 30px;
}

.wc_payment_methods li {
    list-style-type: none;
}

.wc_payment_methods .woocommerce-info {
    margin-bottom: 15px;
}

.wc_payment_method {
    margin-bottom: 15px;
}

.woocommerce-privacy-policy-text {
    margin-bottom: 15px;
    font-size: 12px;
    font-family: Montserrat;
}

.woocommerce-privacy-policy-text a {
    color: inherit;
    text-decoration: underline;
}

/* ==========================
   🎉 THANK YOU PAGE CONTAINER
   ========================== */
.woocommerce-thankyou {
    font-family: "Montserrat", sans-serif;
    background: #fff;
    border-radius: 12px;
    text-align: center;
}

/* ==========================
   🎊 SUCCESS MESSAGE
   ========================== */
.woocommerce-thankyou-order-received {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    background: #E6B877;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: inline-block;
}

/* ==========================
   📋 ORDER DETAILS CARD
   ========================== */
.woocommerce-order-card {
    background: #f9f9f9;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    text-align: left;
}

/* Order Overview */
.woocommerce-order-overview {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

.woocommerce-order-overview li {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.woocommerce-order-overview li:last-child {
    border-bottom: none;
}

/* ==========================
   📄 ORDER DETAILS TABLE
   ========================== */
.woocommerce-table--order-details {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
    padding: 12px;
    border: 1px solid #ddd;
    font-size: 16px;
    text-align: left;
}

.woocommerce-table--order-details th {
    background: #f8f8f8;
    font-weight: bold;
    text-transform: uppercase;
}

/* Alternating Row Colors */
.woocommerce-table--order-details tbody tr:nth-child(even) {
    background: #fafafa;
}

/* ==========================
   🏡 BILLING ADDRESS STYLING
   ========================== */
.woocommerce-customer-details {
    margin-top: 20px;
    padding: 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.woocommerce-customer-details h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

.woocommerce-customer-details address {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 10px;
}

/* ==========================
   ✅ BACK TO SHOP BUTTON
   ========================== */
.woocommerce-thankyou .back-to-shop {
    display: inline-block;
    background: #E6B877;
    color: #fff;
    padding: 12px 20px;
    font-size: 16px;
    border-radius: 6px;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.woocommerce-thankyou .back-to-shop:hover {
    background: #D6A167;
}

/* ==========================
   📱 RESPONSIVE DESIGN
   ========================== */
@media screen and (max-width: 768px) {  /* Mobile */
    .woocommerce-thankyou {
        padding: 20px;
    }

    .woocommerce-thankyou-order-received {
        font-size: 18px;
        padding: 12px;
    }

    .woocommerce-order-card {
        padding: 20px;
    }

    .woocommerce-table--order-details th,
    .woocommerce-table--order-details td {
        font-size: 14px;
        padding: 10px;
    }

    .woocommerce-customer-details {
        padding: 15px;
    }

    .woocommerce-thankyou .back-to-shop {
        font-size: 14px;
        padding: 10px 15px;
    }
}

/* ==========================
   🎨 SINGLE PRODUCT PAGE STYLING
   ========================== */
.woocommerce.single-product {
    font-family: "Montserrat", sans-serif;
    max-width: 1200px;
    margin: 50px auto;
    padding: 20px;
}

/* ==========================
   📌 PRODUCT PAGE LAYOUT
   ========================== */
.product {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}

/* LEFT SIDE - PRODUCT IMAGE, TITLE & DESCRIPTION */
.product-left {
    flex: 1;
    max-width: 60%;
}

/* Product Image */
.woocommerce-product-gallery {
    /*border-radius: 10px;*/
    overflow: hidden;
}

/* Product Title */
.product_title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

/* Product Short Description */
.woocommerce-product-details__short-description {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin-top: 15px;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 6px;
}

.product .woocommerce-product-details__short-description ul li {
    font-family: "Roboto Serif";
    font-size: 16px;
    color: white;
}

/* RIGHT SIDE - PRICE & ADD TO CART */
.product-right {
    flex: 1;
    max-width: 35%;
    background: #fff;
    padding: 30px;
    /*border-radius: 10px;*/
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

/* Price */
.price {
    font-size: 24px;
    font-weight: bold;
    color: gray;
    margin-bottom: 20px;
}

/* Add to Cart Button */
.single_add_to_cart_button {
    display: inline-block;
    background: #E6B877;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 20px;
    border-radius: 6px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    border: none;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.single_add_to_cart_button:hover {
    background: #D6A167;
}

/* Quantity Input */
.quantity input {
    border: 2px solid #E6B877;
    font-size: 16px;
    padding: 8px;
    width: 70px;
    text-align: center;
    border-radius: 6px;
    margin-right: 10px;
}

/* ==========================
   🗂️ PRODUCT TABS (DESCRIPTION & REVIEWS)
   ========================== */
.woocommerce-tabs {
    margin-top: 40px;
}

.woocommerce-tabs .tabs {
    display: flex;
    list-style: none;
    gap: 15px;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

.woocommerce-tabs .tabs li a {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding: 8px 12px;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.woocommerce-tabs .tabs li a:hover {
    background: #E6B877;
    color: white;
}

/* ==========================
   🔄 RELATED PRODUCTS
   ========================== */
.related.products {
    margin-top: 40px;
}

.related.products h2 {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

.related.products ul.products {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.related.products .product {
    flex: 1;
    min-width: 250px;
    max-width: 30%;
    background: white;
    padding: 15px;
    /*border-radius: 10px;*/
    /*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);*/
    text-align: center;
    transition: transform 0.3s ease-in-out;
}

.related.products .product:hover {
    transform: translateY(-5px);
}

/* ==========================
   📱 RESPONSIVE DESIGN
   ========================== */
@media screen and (max-width: 1024px) {
    .product {
        flex-direction: column;
        align-items: center;
    }

    .product-left, .product-right {
        max-width: 100%;
    }

    .woocommerce-tabs .tabs {
        flex-direction: column;
    }

    .related.products ul.products {
        flex-direction: column;
    }

    .related.products .product {
        max-width: 100%;
    }
}

.woocommerce-product-details__short-description {
    background-color: transparent;
    padding: 0;
    margin-bottom: 30px;
}

.woocommerce-product-details__short-description ul {
    position: relative;
    left: 20px;
}

.woocommerce .type-product {
    display: flex;
}

.product .woocommerce-product-gallery {
    width: 50%;
}

.product .entry-summary {
    width: 50%;
}

.product .wc-tabs-wrapper {
    width: 100%;
}

.woocommerce-Tabs-panel ul {
    position: relative;
    left: 20px;
}

.woocommerce-Tabs-panel li {
    margin: 5px 0px;
}

.woocommerce-product-details__short-description .cart {
    margin: 15px 0px;
}

.product .single_add_to_cart_button {
    margin-top: 10px;
    margin-bottom: 10px;
}

.woocommerce-Tabs-panel h3 {
    margin: 30px 0px;
}

.woocommerce-message a {
    color: white;
}

.screen-reader-response {
    display: none;
}

.wpcf7-response-output {
    font-size: 12px;
    color: black;
    text-align: center;
}

.woocommerce-message .wc-forward {
    color: inherit;
    text-decoration: none;
    font-weight: bold;
}

.wpcf7-not-valid-tip {
    font-size: 12px;
    color: red;
}

/* Product Image Slider */
.woocommerce-product-gallery {
    max-width: 100%;
}

/* Main Swiper Slider */
.main-product-slider {
    width: 100%;
    max-width: 600px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 600px;
}


.swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
}

.swiper-thumbs .swiper-slide img {
    max-height: 130px;
    object-fit: cover;
}

/* Thumbnail Swiper */
.product-thumbnail-slider {
    margin-top: 10px;
    max-width: 550px;
    overflow: hidden;
}

.product-thumbnail-slider .swiper-slide {
    width: 100px;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.3s;
}

.product-thumbnail-slider .swiper-slide:hover,
.product-thumbnail-slider .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}

/* Navigation Buttons */
.swiper-button-next,
.swiper-button-prev {
    color: white;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: rgba(0, 0, 0, 0.7);
}

/* Adjust Swiper Wrapper */
.main-product-slider {
    width: 100%;
    max-width: 600px;
    margin: auto;
}

/* Ensure Images Fit Properly */
.main-product-slider img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Thumbnail Styles */
.product-thumbnail-slider {
    margin-top: 10px;
}

.product-thumbnail-slider .swiper-slide {
    width: 80px;
    height: 80px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border 0.3s;
}

.product-thumbnail-slider .swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.product-thumbnail-slider .swiper-slide.swiper-slide-thumb-active {
    border: none;
}

/* Fancybox Custom Styles */
.fancybox__container {
    z-index: 9999;
}

.swiper-button-next, .swiper-button-prev {
    background-color: #333333;
    padding: 15px;
    height: 60px;
    width: 60px;
}

.swiper-button-prev::after {
    height: 40px;
    width: 20px;
    transform: scale(.6);
}

.swiper-button-next::after {
    height: 40px;
    width: 20px;
    transform: scale(.6);
}

.swiper-thumbs .swiper-slide {
    height: 130px !important;
    max-height: 130px;
}

.product {
    position: relative;
}

.product .onsale {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 999;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: #E6B877;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-family: Montserrat;
    text-transform: uppercase;
    font-weight: bold;
}

.acf-fc-preview {
    position: absolute;
    display: none;
    width: 250px;
    height: auto;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 9999;
}

/* Adjust the preview when hovering */
.acf-flexible-content .layout:hover .acf-fc-preview {
    display: block;
}

/* Login */

.woocommerce-account .container:not(.header-wrapper .container) {
    min-height: calc(100vh - 350px - 96px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.woocommerce-error {
    list-style-type: none;
}

.woocommerce-error a {
    color: white;
}

.woocommerce-error > * {
    font-size: 12px;
}

.login-form, #tutor-registration-wrap, .tutor-login-form-wrapper {
    padding: 40px;
    /*box-shadow: 0px 24px 50px 0px rgba(0, 0, 0, 0.05);*/
    /*background-color: white;*/
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
    margin: auto;
}

.tutor-login-form-wrapper {
    margin: 100px auto;
}

.tutor-fs-5 {
    font-size: 20px;
    margin-bottom: 30px;
    text-align: center;
    font-family: "Playfair Display";
    font-weight: 500;
}

.register-student-form-title {
    font-size: 20px;
    margin-bottom: 30px;
    text-align: center;
    font-family: "Playfair Display";
    font-weight: 500;
}

#tutor-registration-wrap {
    margin: 100px 0px;
}

button[name="tutor_register_student_btn"] {
    width: 100% !important;
}

.woocommerce-dashboard .login-form, .woocommerce-orders .login-form, .woocommerce-downloads .login-form, .woocommerce-edit-address .login-form, .woocommerce-edit-account .login-form {
    padding: 40px;
    box-shadow: 0px 24px 50px 0px rgba(0, 0, 0, 0.05);
    background-color: white;
    border-radius: 30px;
    width: 100%;
    max-width: 100%;
    margin: auto;
}

.woocommerce-edit-account .login-form fieldset {
    border: none;
}

.woocommerce-MyAccount-navigation {
    margin-bottom: 30px;
}

.woocommerce-MyAccount-navigation ul {
    list-style-type: none;
}

.woocommerce-MyAccount-navigation ul li:not(:first-child) {
    margin: 10px 0px;
}

.woocommerce-MyAccount-navigation ul li a {
    color: #9d9d9d;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

.woocommerce-MyAccount-navigation li.is-active a {
    font-weight: bold;
    color: black !important;
}

.woocommerce-MyAccount-content a {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

.woocommerce-Address-title h2 {
    font-size: 20px;
}

.woocommerce-Address-title a {
    font-size: 14px;
    color: #f9ca6e;
    font-weight: 600;
}

.login-form h2:not(.woocommerce-edit-address .login-form h2) {
    text-align: center;
    margin-bottom: 40px;
}

.lost_password {
    text-align: center;
}

.lost_password a {
    color: black;
    text-align: center;
    margin: auto;
}

.woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 30px 0px;
}

.login-form button:not(.show-password-input) {
    width: 100%;
}

.password-input .show-password-input {
    height: auto !important;
    background-image: none !important;
}

.woocommerce-Input {
    height: 60px !important;
    padding-left: 15px !important;
}

.login-form input[type="checkbox"] {
    height: 16px;
    width: auto;
    margin-top: 0;
}

#tutor-registration-wrap input,
#tutor-registration-wrap textarea,
#tutor-registration-wrap select {
    margin-top: 10px;
    padding-left: 20px;
    outline: none;
    height: 50px;
    border-radius: 8px;
    border: 1px solid #f9ca6e;
    width: 100%;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    line-height: 24.51px;
}

.tutor-login-form-wrapper input,
.tutor-login-form-wrapper textarea {
    margin-top: 10px;
    padding-left: 20px;
    outline: none;
    height: 50px;
    border-radius: 8px;
    border: 1px solid #f9ca6e;
    width: 100%;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    line-height: 24.51px;
}

.tutor-login-form-wrapper .tutor-btn-ghost, .tutor-login-form-wrapper .tutor-btn-link {
    background-color: transparent;
    color: black;
    height: auto;
    padding: 0;
    margin: 0;
    text-transform: none;
    font-family: "Playfair Display";
    font-size: 16px;
    text-decoration: underline;
}

.tutor-form-check {
    text-align: center;
}

.tutor-d-flex {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tutor-login-form-wrapper .tutor-btn-ghost:hover, .tutor-login-form-wrapper .tutor-btn-link:hover {
    color: black;
    transform: none !important;
    box-shadow: none !important;
    background-color: transparent;
}

.tutor-login-form-wrapper button[type="submit"] {
    width: 100%;
}

.tutor-login-form-wrapper input[type="checkbox"] {
    height: 16px;
    width: auto;
    margin-top: 0;
}

#tutor-registration-wrap label {
    margin-top: 20px;
    font-size: 16px;
    font-family: Montserrat;
}

#tutor-registration-wrap {
    margin: 100px auto;
}

.tutor-form-row {
    display: flex;
    gap: 20px;
}

#tutor-registration-wrap .tutor-form-group {
    margin-top: 20px;
    width: 100%;
}

.tutor-form-col-6 {
    width: 50%;
}

.tutor-btn {
    width: 100%;
}

.login-form input,
.login-form textarea,
.login-form select {
    margin-top: 10px;
    outline: none;
    height: 50px;
    border-radius: 8px;
    border: 1px solid #f9ca6e;
    width: 100%;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    line-height: 24.51px;
}

.login-form select:hover {
    border: 1px solid #f9ca6e;
}

.form-wrapper form label {
    margin-top: 10px !important;
}

.form-wrapper select:hover, .form-wrapper select:focus {
    border: 1px solid #f9ca6e !important;
    box-shadow: none !important;
}

.form-wrapper select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Cpath d=%22M5 7L10 12L15 7H5Z%22 fill=%22%23f9ca6e%22/%3E%3C/svg%3E") !important;
}

/* register */

.register-wrapper {
    min-height: 60vh;
    display: flex;
    align-items: center;
}

.register-form p:has(a) {
    text-align: center;
}

.register-form a {
    color: black;
    font-weight: 400;
    width: 100%;
}

.woocommerce-info {
    color: black !important;
}


.woocommerce-info {
    background-color: transparent;
}

.register-wrapper button {
    width: 100%;
}

.register-wrapper input[type="checkbox"] {
    height: 16px;
    width: auto;
    margin-top: 0;
}

.register-wrapper .form-wrapper {
    padding: 40px;
    box-shadow: 0px 24px 50px 0px rgba(0, 0, 0, 0.05);
    background-color: white;
    border-radius: 30px;
    width: 100%;
    max-width: 30%;
    margin: auto;
}

.register-wrapper .form-wrapper input[type="submit"] {
    background: #E6B877 !important;
    color: white !important;
    border: none;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: bold !important;
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s;
}

.register-wrapper .form-wrapper h2 {
    text-align: center;
    margin-bottom: 30px;
}

.register-wrapper .form-wrapper input[type="submit"]:hover {
    background: #D6A167;
}

.register-wrapper input,
.register-wrapper textarea,
.register-wrapper select {
    margin-top: 10px;
    padding-left: 20px;
    outline: none;
    height: 50px;
    border-radius: 8px;
    border: 1px solid #f9ca6e;
    width: 100%;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 500;
    line-height: 24.51px;
}

.nav-avatar {
    list-style-type: none;
}

.nav-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.nav-avatar img:hover {
    transform: scale(1.1);
}

.highlighted:not(.header-wrapper li) {
    background: linear-gradient(to right, #e1b559, #e1b559);
    color: white;
    padding: 5px 5px;
    border-radius: 0px !important;
}

.underlined {
    border-bottom: 2px solid #e1b559;
}

ul.checked-list {
    list-style: none; /* Remove default bullets */
    padding-left: 0;
}

ul.checked-list li {
    position: relative;
    padding-left: 1.5em; /* Make room for the icon */
}

ul.checked-list li::before {
    content: "\f00c"; /* Unicode for check icon */
    font-family: "Font Awesome 5 Free"; /* or "Font Awesome 6 Free" */
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0.25em;
    color: #DCAE7B;
    font-size: 0.9em;
}

h2:empty {
    min-height: 36px; /* or any padding/margin you want */
}

button {
    font-family: Oswald !important;
    text-transform: uppercase;
}

.cta-gold, .tutor-course-list-btn a, .tutor-btn-block, body #wfacp-e-form .wfacp_main_form .woocommerce-checkout .button.button#place_order, .tutor-btn, .woocommerce-form-login__submit, .login-form button, .single_add_to_cart_button, .wc-forward {
    font-family: "Roboto" !important;
    text-transform: uppercase;
    height: 50px !important;
    padding: 0px 25px;
    font-size: 16px !important;
    border: none !important;
    border-radius: 8px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    line-height: 30px;
    background-image: linear-gradient(to right, #A27951, #DCAE7B) !important;
    font-weight: 400 !important;
    text-decoration: none;
    transition: all .3s ease;
    cursor: pointer;
}

.tutor-accordion-item-header {
    background-image: linear-gradient(to right, #A27951, #DCAE7B) !important;
    color: white !important;
}

.tutor-single-course-sidebar-more > div {
    background-color: transparent !important;
}

.tutor-course-details-widget {
    padding: 20px 0 !important;
}

.tutor-accordion-item-header::after {
    color: white !important;
}

.tutor-course-details-instructors {
    display: none;
}

.tutor-btn-show-more {
    min-width: 220px;
    border-radius: 8px !important;
}

.tutor-btn span:not(.tutor-icon-cart-line):not(.tutor-icon-plus) {
    font-family: Poppins !important;
    font-weight: 400;
}

.tutor-course-bookmark a {
    background-color: white !important;
    background-image: none !important;
    border: 1px solid #A27951;
}

.tutor-course-bookmark a:hover i {
    color: #A27951 !important;
}

.tutor-course-bookmark i.tutor-icon-bookmark-bold {
    color: #A27951 !important;
}

.tutor-course-bookmark i.tutor-icon-bookmark-line {
    color: #A27951 !important;
}

.tutor-btn-block .cart-text {
    font-size: 16px !important;
}

.cta-gold:hover, .add_to_cart_button:hover, .tutor-btn:hover, .single_add_to_cart_button:hover, .wc-forward:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(210, 174, 123, 0.6) !important;
}

.cta-filled {
    font-family: Oswald !important;
    text-transform: uppercase !important;
    transition: all .3s ease;
}

.cta-filled:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(210, 174, 123, 0.6) !important;
}

@media screen and (max-width: 768px) {
    .tutor-course-details-top {
        flex-direction: column;
    }

    .tutor-single-course-sidebar {
        margin-top: 20px;
    }

    .content {
        /*padding-top: 96px;*/
        padding-top: 0;
    }

    .login-form {
        max-width: 100% !important;
    }

    .register-wrapper .form-wrapper {
        max-width: 100% !important;
    }

    .product {
        padding: 20px;
        /*border-radius: 25px !important;*/
    }

    .add_to_cart_button {
        width: 100%;
        /*border-radius: 8px !important;*/
    }

    .woocommerce-product-gallery {
        width: 100% !important;
    }

    .main-product-slider {
        height: auto !important;
    }

    .product .onsale {
        height: 60px !important;
        width: 60px !important;
        font-size: 12px !important;
    }

    .swiper-thumbs .swiper-slide {
        height: auto !important;
        max-height: initial;
    }

    .swiper-thumbs .swiper-slide img {
        height: auto !important;
        max-height: initial;
    }

    .product .entry-summary {
        width: 100%;
    }

    .content-area ul, .content-area ol {
        left: 0;
    }

    .my-account-div {
        max-width: 100%;
    }
}

.woocommerce ul.products:not(.elementor-grid) li.product, .woocommerce ul.products:not(.elementor-grid) li.product.type-product {
    border: none;
    box-shadow: none;
    /*border-radius: 25px;*/
    /*padding: 20px;*/
}

.woocommerce li.product a.woocommerce-LoopProduct-link>img {
    border: none;
    /*border-radius: 16px;*/
}

.woocommerce ul.products li.product a {
    font-family: 'Poppins' !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    /*border-radius: 8px !important;*/
    transition: all .4s;
}

.ajax_add_to_cart {
    /*border-radius: 8px !important;*/
    transition: all .4s !important;
}

.swiper-slide-active img {
    border-radius: 25px;
}

.entry-summary .single_add_to_cart_button {
    width: auto;
    font-family: "Roboto" !important;
    font-weight: 500 !important;
}

.content-area ul.products li.product {
    margin: 10px;
}

.related.products {
    max-width: 1400px;
    margin: 40px auto;
}

.content-area ul.products li.product {
    margin: 0;
    /*border-radius: 25px;*/
    padding: 20px;
}

.content-area ul.products li.product img {
    /*border-radius: 16px;*/
}

.tutor-btn {
    display: inline-block;
    background: #E6B877;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 20px;
    border-radius: 6px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    border: none;
    font-family: 'Poppins' !important;
    font-weight: 300 !important;
    width: auto;
    text-align: center;
    cursor: pointer;
}

.product .onsale {
    left: calc(50% + 30px + 50px);
    font-family: "Roboto";
    letter-spacing: 2px;
    font-weight: 600;
}

.related .products .product img {
    height: auto;
}

.products.columns-3 {
    /*gap: 30px;*/
    gap: 30px;
    margin: 0 auto;
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
}

.products.columns-3 .product {
    /*box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);*/
    margin-top: 50px;
}

.woocommerce-breadcrumb {
    max-width: 1200px;
    margin: auto;
    padding-left: 0;
}

.woocommerce-loop-product__title {
    font-family: "Roboto" !important;
    line-height: 20px !important;
    text-transform: none !important;
    height: 60px !important;
    overflow: hidden;
}

.product .items {
    display: none;
}


.price {
    font-family: "Roboto" !important;
    color: gray !important;
}

.product_meta .posted_in a {
    color: #555555;
}

.product.type-product {
    max-width: 1200px;
    margin: auto;
}

.woocommerce-notices-wrapper {
    max-width: 1200px;
    margin: auto;
}

.related.products a.add_to_cart_button:hover {
    background: #D6A167;
}

.wpml-ls-legacy-dropdown-click a {
    padding: 0 !important;
}

.wpml-ls-legacy-dropdown-click {
    border: none !important;
    padding: 0 !important;
}

.wpml-ls-legacy-dropdown-click {
    width: 60px !important;
}

.wpml-ls-flag {
    height: 40px !important;
    width: 40px !important;
    border-radius: 50% !important;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    right: -10px !important;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    left: 10px !important;
    top: 120% !important;
    right: 0;
    width: 0;
}

.wpml-ls-item .wpml-ls-link {
    justify-content: center !important;
}

.tutor-btn:hover {
    background-color: #DAA751;
}

.tutor-wrap {
    padding: 100px 0px;
}

.tutor-course-list {
    max-width: 1200px;
    margin: auto;
    gap: 40px;
}

.tutor-course-card {
    width: calc(33.3333% - 20px) !important;
    flex: calc(33.3333% - 20px) !important;
    padding: 30px;
    border-radius: 25px;
}

.tutor-course-list-btn a, .list-item-button a {
    width: 100%;
}

.tutor-course-list .tutor-course-name {
    height: 50px;
    overflow: hidden;
}

.tutor-course-list .tutor-course-name a:hover {
    color: initial;
}

.tutor-course-list .tutor-meta-value, .tutor-course-list .tutor-meta {
    display: none;
}

.tutor-login-modal {
    display: none;
}

.tutor-course-list .cart-text {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 300;
}

.tutor-card-body {
    justify-content: flex-start;
}

.tutor-course-card:hover {
    transform: none;
}

.my-account-div {
    width: 100%;
    max-width: 100%;
}

.my-account-div .woocommerce-form-login {
    max-width: 350px;
    margin: auto;
}

.my-account-div .woocommerce-form-login input {
    padding-left: 15px;
}

.woocommerce-Input {
    padding-left: 15px;
}


@media screen and (min-width: 1600px) and (max-width: 2200px) {
    .products.columns-3 {
        max-width: 1400px;
    }

    .site-main {
        max-width: 1400px;
    }

    .woocommerce-notices-wrapper {
        max-width: 1400px;
    }

    .woocommerce-breadcrumb {
        max-width: 1400px;
    }

    .product.type-product {
        max-width: 1400px;
    }

    .tutor-course-list {
        max-width: 1400px;
    }

    .tutor-wrap {
        max-width: 1400px;
    }
}

@media screen and (min-width: 2200px) {
    .products.columns-3 {
        max-width: 1800px;
        /*gap: 20px;*/
    }

    .products.columns-3 .product {
        width: calc(25% - 20px) !important;
        flex: calc(25% - 20px) !important;
        max-width: calc(25% - 20px) !important;
    }

    .site-main {
        max-width: 1800px;
    }
}

.tutor-grid-3 {
    display: flex !important;
}

.tutor-grid-3 .tutor-card {
    width: calc(33.3333% - 20px) !important;
    flex: calc(33.3333% - 20px) !important;
}

.tutor-course-card {
    height: auto !important;
    border: none !important;
    border-radius: 25px !important;
}

.tutor-course-list .tutor-course-name {
    height: 60px;
}

.tutor-course-list .tutor-course-name a {
    color: black;
}

.tutor-course-list .tutor-course-name:hover a {
    color: black !important;
}

.tutor-course-card .tutor-course-bookmark {
    position: absolute;
    top: 30px !important;
    right: 30px !important;
}

.tutor-ratio > img {
    object-fit: contain !important;
}

.tutor-card-image-top {
    padding: 20px 0px;
}

.tutor-d-flex {
    margin-top: 0;
}

.tutor-course-details-widget-list li {
    text-align: left !important;
    justify-content: flex-start;
}

body #wfacp-e-form .wfacp_form {
    max-width: 800px !important;
    margin: auto;
    box-shadow: 2px 0px 28px 0px rgba(0, 0, 0, 0.075);
    border-radius: 25px;
    padding: 30px !important;
}

.wfacp_form .woocommerce-checkout {
    padding: 0;
}

.wfacp-payment-dec {
    padding: 20px;
}

.tutor-course-card .list-item-button {
    width: 50%;
}

.tutor-course-card .woocommerce-Price-amount, .tutor-course-card .woocommerce-Price-currencySymbol, .amount {
    font-size: 18px;
    font-family: 'Roboto' !important;
    font-weight: 600 !important;
}

.tutor-card-footer {
    padding: 16px 0px !important;
}

.tutor-card:not(.tutor-no-border) {
    border: none !important;
}

.tutor-single-course-sidebar-more>div:first-child {
    border: none !important;
}

.tutor-course-details-widget {
    border: none !important;
}

.tutor-single-course-sidebar {
    border-radius: 25px;
    padding: 30px;
}

.tutor-video-player {
    width: 100%;
    margin: 0;
    border-radius: 25px;
}

.tutor-course-details-content {
    padding: 30px;
    border-radius: 25px;
}

.wfacp-pro-count {
    display: none;
}

#tutor-registration-wrap {
    margin: 30px auto !important;
    border-radius: 25px !important;
}

input[name="password_confirmation"] {
    margin-top: 0px !important;
}

.register-student-form-title {
    padding-top: 20px !important;
    margin-bottom: 0px;
}

button[name="tutor_register_student_btn"] {
    margin: 0 !important;
    margin-top: 30px !important;
}

#tutor-registration-form {
    padding-bottom: 0 !important;
}

#tutor-registration-wrap {
    padding: 0 !important;
    padding-bottom: 30px !important;
}

.tutor-form-group input {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 15px !important;
    text-indent: 0px !important;
}

.tutor-form-group input:focus {
    border-color: #f1b51e !important;
}

.tutor-form-row {
    display: block;
}

.tutor-form-group {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.tutor-form-col-6 {
    width: 100%;
}

.woocommerce form.login, .woocommerce form.register {
    border: none !important;
}

.login-form, #tutor-registration-wrap, .tutor-login-form-wrapper {
    padding: 30px !important;
}

.woocommerce-form {
    padding: 0px !important;
}

.woocommerce-Price-amount del {
    color: gray !important;
}

.tutor-login-wrap, #tutor-registration-wrap {
    width: 100%;
    max-width: 100%;
}

.tutor-login-wrap {
    box-shadow: none !important;
}

#tutor-login-form .tutor-d-flex a, #tutor-login-form .tutor-color-secondary a, #tutor-login-form .tutor-color-secondary .tutor-btn-link:after {
    background-color: transparent !important;
    background-image: none !important;
    color: black !important;
    width: 100%;
    text-decoration: underline;
}

#tutor-login-form .tutor-d-flex {
    justify-content: space-between;
}

.tutor-form-check-input  {
    height: 24px !important;
    width: 24px !important
}

#tutor-login-form .tutor-btn-ghost {
    justify-content: flex-end;
}

.tutor-form-check {
    width: 70%;
    display: flex !important;
}

/* Image wrapper with hover */
.custom-product-image-wrapper {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    padding: 15px;
    background-color: #F6F6F6;
    margin-bottom: 0px;
}

/* Both images */
.product-main-image,
.product-hover-image {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: opacity 0.3s ease !important;
    display: block !important;
}

.product-main-image {
    opacity: 1 !important;
    z-index: 1 !important;
}

.product-hover-image {
    opacity: 0 !important;
    z-index: 2 !important;
}

li.product:hover .product-hover-image {
    opacity: 1 !important;
}

li.product:hover .product-main-image {
    opacity: 0 !important;
}

/* New badge */
.product-new-badge {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    background-color: #ffc107 !important;
    color: #000 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    padding: 4px 12px !important;
    border-radius: 30px !important;
    text-transform: uppercase !important;
    z-index: 3 !important;
}

/* Add to cart hover */
.custom-add-to-cart-hover {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background: #000 !important;
    color: #fff !important;
    padding: 12px !important;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 13px !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: 4 !important;
}

li.product:hover .custom-add-to-cart-hover {
    opacity: 1 !important;
}

li.product .button {
    background: transparent !important;
    color: white !important;
    border: none !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    padding: 0 !important;
}

/* Title + excerpt below image */
.custom-product-content {
    margin-top: 5px;
    padding: 0 !important;
    text-align: center !important;
}

.custom-product-content h2 {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 0 8px !important;
    color: #222 !important;
}

.custom-product-excerpt {
    font-size: 14px !important;
    color: #666 !important;
    line-height: 1.5 !important;
    margin-top: 10px !important;
    text-align: left;
    height: 65px !important;
    overflow: hidden;
}

.woocommerce-Price-currencySymbol {
    margin-left: 5px;
    font-family: 'Roboto' !important;
}

/* Price spacing fix */
.price {
    display: block !important;
    text-align: left !important;
    margin-top: 0px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    font-family: 'Roboto' !important;
    width: 100%;
}

.woocommerce-loop-product__title {
    text-align: left !important;
}

.custom-add-to-cart-inside {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 5;
}

.custom-add-to-cart-inside .add_to_cart_button {
    font-family: 'Roboto' !important;
    text-transform: uppercase;
    font-weight: 200;
    font-size: 12px !important;
}

.custom-product-image-wrapper {
    position: relative;
    overflow: hidden;
}

.custom-product-image-wrapper:hover .custom-add-to-cart-inside {
    opacity: 1;
}

.custom-product-image-wrapper img.product-hover-image {
    transition: all .4s !important;
}

.custom-product-image-wrapper:hover img.product-hover-image {
    transform: scale(1.1);
}

.custom-add-to-cart-inside .button {
    background-color: black;
    color: #fff;
    border-radius: 4px;
    padding: 10px 18px;
    font-weight: 600;
    width: 100%;
    height: 50px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.custom-add-to-cart-inside {
    bottom: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 50px;
    background-color: black !important;
    color: #fff !important;
    width: 100% !important;
    text-align: center;
    text-decoration: none;
}

.acf-star-rating {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 16px;
    color: #FFD700;
    display: flex;
    gap: 2px;
}

.acf-star-rating .star {
    font-style: normal;
    line-height: 1;
}

.acf-star-rating .empty {
    color: #ccc;
}

.acf-star-rating .half::after {
    content: '★';
    position: absolute;
    color: #FFD700;
    width: 50%;
    overflow: hidden;
    display: inline-block;
}

.woocommerce-Price-amount bdi:not(.cart_totals .woocommerce-Price-amount bdi) {
    color: white;
    font-weight: 600;
    font-size: 24px !important;
    font-family: "Roboto" !important;
}

.product_title {
    font-family: "Roboto";
}

.product-page-hero {
    background-color: #262626; /* Black background */
    padding: 160px 0 !important;
    padding-bottom: 50px !important;
    color: #fff;
}

#wpgs-gallery {
    width: calc(50% - 30px) !important;
    position: relative;
    z-index: 99 !important;
    border-radius: 8px;
    float: none !important;
    min-width: calc(50% - 30px) !important;
    max-width: calc(50% - 30px) !important;
}



.woocommerce-breadcrumb { font-size: 14px; }
.woocommerce-breadcrumb .sep { opacity: .6; padding: 0 6px; }

.product.type-product {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
}

.product-page-hero {
    position: relative;
}

.product-page-hero a,
.product-page-hero .woocommerce-breadcrumb {
    color: #fff; /* optional */
}

.product .entry-summary {
    position: relative;
    z-index: 99 !important;
    width: 50% !important;
    min-width: 50% !important;
    max-width: 100% !important;
}

.product .woocommerce-product-details__short-description h2 {
    font-size: 24px;
    color: white;
    font-weight: 400;
    font-family: "Roboto Serif" !important;
}

.product .woocommerce-product-details__short-description h2 strong {
    font-weight: 600;
}

.woocommerce-tabs {
    display: none;
}

.product .woocommerce-product-details__short-description h2::after {
    content: "";
    display: block;
    width: 42px;
    height: 1px;
    background-color: white;
    margin: 12px 0; /* space above and below the line */
}

.product .woocommerce-product-details__short-description h2 em {
    font-style: italic;
}

.product .woocommerce-product-details__short-description p {
    font-size: 16px;
    color: white;
    font-family: "Roboto Serif";
}

.product .entry-summary .entry-title {
    font-size: 50px;
    font-family: "Roboto";
    color: white;
}

.product-page-hero .woocommerce-product-gallery__image img {
    background: none;
    border: none;
}

.site-main {
    padding: 0px 0px;
    padding-top: 0px;
    max-width: 100%;
}

.woocommerce-breadcrumb {
    background-color: #262626;
}

.bottom-div-product {
    background-color: #262626;
    position: relative;
    bottom: 0;
    height: auto;
    left: 0;
    width: 100%;
}

.product .sku_wrapper > * {
    font-family: "Roboto Serif";
    color: white;
}

.product .posted_in > a {
    font-family: "Roboto Serif";
    color: white;
}

.category-description {
    margin-bottom: 30px;
}

.cart_totals {
    background-color: white !important;
}

.cart_totals .woocommerce-Price-amount bdi {
    color: #A17A52 !important;
}

.product-with-categories-wrapper .woocommerce-Price-amount bdi {
    color: #A17A52 !important;
    font-size: 18px !important;
}

.grecaptcha-badge {
    display: none !important;
}

.woocommerce-notices-wrapper {
    outline: none !important;
}

.woocommerce-message {
    outline: none !important;
    border: none !important;
    background-color: #FAF5F0 !important;
}

.shop_table th {
    background-color: #FAF5F0 !important;
}

.shop_table .actions {
    background-color: #FAF5F0 !important;
}

.shop_table * {
    font-family: "Roboto";
}

.woocommerce-info::before, .woocommerce-message::before {
    top: 0 !important;
    position: relative !important;
}

.woocommerce-message::before {
    margin-right: 30px;
    color: white !important;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 15px 0px !important;
}

#wpgs-gallery.wcgs-woocommerce-product-gallery .wcgs-carousel .wcgs-slider-image {
    border-radius: 25px !important; 
}

.wcgs-thumb img {
    border-radius: 25px !important;
}

.bas-thumb img {
    object-fit: cover !important;
}

.shop_table {
    border: none !important;
}

.shop_table .woocommerce-Price-amount bdi {
    color: #A17A52 !important;
}

.woocommerce-cart-form {
    background-color: #FAF5F0;
}

#wpgs-gallery.wcgs-woocommerce-product-gallery {
    margin: 0 !important;
}

.cart-collaterals .cross-sells {
    display: none;
}

.product_meta .sku_wrapper, .product_meta .posted_in {
    display: none !important;
}

.tutor-card .list-item-button a {
    font-family: "Roboto" !important;
    letter-spacing: 2px !important;
    font-weight: 400 !important;
}

.tutor-course-name a {
    font-family: "Roboto Serif" !important;
}

.woocommerce-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;     /* keep in one line */
  gap: .5rem;            /* spacing between items */
  white-space: nowrap;   /* prevent breaking */
}

.woocommerce-breadcrumb li {
  list-style: none;
  flex: 0 0 auto;        /* don’t shrink */
  min-width: 0;
}

.woocommerce-breadcrumb li:last-child {
  flex: 1 1 auto;        /* allow shrinking */
  overflow: hidden;
  text-overflow: ellipsis;
}

.woocommerce-breadcrumb .sep {
  flex: 0 0 auto;        /* keep separators fixed */
  opacity: .6;
}





@media screen and (max-width: 768px) {
    .wfacp_summary_link {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .wfacp_summary_link img {
        width: 20px !important;
    }

    .div_wrap_sec, .wfacp-inner-form-detail-wrap {
        padding: 20px 0px !important;
    }

    #place_order {
        border-radius: 8px !important;
    }

    .place-order {
        padding: 20px 0px !important;
    }

    .wc_payment_methods .wc_payment_method {
        padding: 0px !important;
    }

    .tutor-grid-3 {
        flex-direction: column;
    }

    .tutor-grid-3 .tutor-card {
        width: 100% !important;
        flex: 100% !important;
    }

    .tutor-grid-3 .tutor-card .tutor-card-footer .tutor-d-flex {
        flex-direction: column;
    }

    .tutor-grid-3 .tutor-card .list-item-button {
        width: 100%;
    }

    .tutor-course-card .woocommerce-Price-amount, .tutor-course-card .woocommerce-Price-currencySymbol {
        font-size: 20px;
    }

    .login-form, #tutor-registration-wrap, .tutor-login-form-wrapper {
        max-width: 95%;
    }

    #tutor-login-form .tutor-d-flex {
        align-items: flex-start !important;
        flex-direction: column;
    }

    #tutor-login-form .tutor-d-flex a, #tutor-login-form .tutor-color-secondary a, #tutor-login-form .tutor-color-secondary .tutor-btn-link:after {
        background-color: transparent !important;
        background-image: none !important;
        color: black !important;
        width: 100%;
        text-decoration: underline;
    }

    .tutor-form-check-input.tutor-form-check-input {
        width: 24px !important;
        height: 24px !important
    }

    .tutor-login-wrap, #tutor-registration-wrap {
        box-shadow: none !important;
    }

    .product-page-hero {
        padding: 80px 20px !important;
    }

    .product-page-hero .entry-summary {
        width: 100% !important;
    }

    .product .woocommerce-product-details__short-description h2 {
        font-size: 22px;
        line-height: 32px;
    }

    .product .woocommerce-product-details__short-description p {
        font-size: 14px;
    }

    .product .woocommerce-product-details__short-description ul {
        position: relative;
        left: 20px;
    }

    .product .entry-summary .entry-title {
        font-size: 42px !important;
    }

    .main-product-slider .swiper-wrapper {
        height: 350px;
    }

    .bottom-div-product {
        position: relative;
        height: auto;
        padding: 15px;
        border-radius: 8px;
    }

    .bottom-div-product-inner button {
        width: 100% !important;
    }

    .bottom-div-product-inner .add-to-cart-button form {
        gap: 20px !important;
    }

    .bottom-div-product .bottom-div-product-inner {
        gap: 20px !important;
    }

    .bottom-div-product .quantity input {
        width: 50px !important;
        margin-right: 0;
    }

    .woocommerce-Price-amount bdi {
        font-size: 18px !important;
    }

    .product-page-hero .product.type-product {
        flex-direction: column;
    }

    .bottom-div-product-inner .add-to-cart-button button {
        font-size: 14px !important;
    }
    
    .tabs-nav {
        gap: 5px !important;
    }
    
    .tabs-nav .tab-btn {
        font-size: 12px !important;
    }

    .product.type-product {
        padding: 0;
    }

    .product .woocommerce-product-details__short-description h2 {
        line-height: 28px !important;
    }

    .product .entry-summary {
        padding-top: 30px;
    }
    
    #wpgs-gallery {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
    
        .bottom-div-product {
            padding: 15px 0px;
     }
     
     .site-main {
         padding: 0;
     }
}

@media screen and (min-width: 1600px) and (max-width: 2200px) {
        #sticky-bar .sticky-bar-content {
            max-width: 1400px;
        }
    }

    @media screen and (min-width: 2200px) {
        #sticky-bar .sticky-bar-content {
            max-width: 1800px;
        }
    }