/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* Header css */
.single-product .elementor-element-8f94f83,
.single-product .elementor-element-6f20e37{
    background-color: #000000;
}
.btn-icon .elementor-widget-container {
    height: 48px !important;
    padding: 0;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-icon .elementor-icon-wrapper{
    display: flex;
}
.header_menu_cls a.hfe-menu-item {
    border-radius: 50px;
}
.keynote_desc p{
	margin-bottom: 0 !important;
}
/* Remove default list styling */
.keynotes_posts .keynotes_list ul,
.keynotes_posts ul.keynotes_list {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}
/* Style the list items and create space for the icon */
.keynotes_posts .keynotes_list ul li,
.keynotes_posts ul.keynotes_list li {
    position: relative;
    /* 20px icon width + 10px gap = 30px total padding */
    padding-left: 30px; 
    margin-bottom: 15px; /* Adjust spacing between list items if needed */
    line-height: 1.5; /* Ensure text aligns nicely */
}
/* Add the custom icon using the ::before pseudo-element */
.keynotes_posts .keynotes_list ul li::before,
.keynotes_posts ul.keynotes_list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px; /* Adjust this value to align the icon vertically with your text */
    width: 20px; /* Adjust width of the icon */
    height: 20px; /* Adjust height of the icon */
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/09/right_icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/* The Philosophy */
.philosophy_hover_div:hover .philosophy_number .elementor-heading-title, .philosophy_hover_div:hover .philosophy_content .elementor-icon-box-description, .philosophy_hover_div:hover .philosophy_content .elementor-icon-box-title{
    color: #fff;
}

/* woweare */
.woweare_loop .elementor-loop-container.elementor-grid {
    grid-auto-rows: unset !important;
}

/* */
.systemworks_cls::after {
    content: '';
    width: calc(100% - 221px);
    position: absolute;
    height: 1px;
    background-color: #F5F1EC;
    top: 35px;
}

.systemworks_clss::after {
    content: '';
    width: calc(100% - 221px);
    position: absolute;
    height: 1px;
    background-color: #1B1B1B1A;
    top: 35px;
}

.framework_icons .framework_icons_cls {
    width: fit-content;
    background-color: #FCFAF8;
    border: 1px solid #F5F1EC;
    padding: 13px;
}

/* Footer */

/* Container for the form to create the pill shape */
.footer-form .wpcf7-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ffffff;
    border-radius: 50px;
    padding: 6px;
    max-width: 500px; /* Adjust this to fit your layout */
    width: 100%;
    background-color: transparent; 
}
/* Make the first paragraph containing the email input grow to fill space */
.footer-form .wpcf7-form p:first-of-type {
    margin: 0;
    flex-grow: 1;
    display: flex;
    align-items: center;
}
.footer-form .wpcf7-form p:first-of-type label {
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
}
/* Hide the line breaks injected by CF7 */
.footer-form .wpcf7-form p:first-of-type label br {
    display: none;
}
/* Wrap for the submit button */
.footer-form .wpcf7-form p:last-of-type {
    margin: 0;
    display: flex;
    align-items: center;
    position: relative;
}
/* Email Input Styling */
.footer-form .wpcf7-form input[type="email"] {
    width: 100%;
    background-color: transparent;
    border: none;
    color: #a3a3a3; /* Grey text color matching design */
    font-size: 16px;
    padding: 10px 20px;
    outline: none;
    box-shadow: none;
    font-family: inherit;
}
/* Placeholder Styling */
.footer-form .wpcf7-form input[type="email"]::placeholder {
    color: #a3a3a3;
    opacity: 1;
}
/* Submit Button Styling */
.footer-form .wpcf7-form input[type="submit"] {
    background-color: #F05C3E; /* Orange brand color */
    color: transparent; /* Hides the default "Submit" text */
    border: none;
    border-radius: 50px;
    width: 100px;
    height: 50px;
    cursor: pointer;
    /* Injects the white right-arrow SVG */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    transition: background-color 0.3s ease;
    padding: 0;
    display: block;
    -webkit-appearance: none; /* Removes default iOS button styling */
    appearance: none;
}
/* Hover state for the submit button */
.footer-form .wpcf7-form input[type="submit"]:hover {
    background-color: #d94e32;
}
/* Position CF7 Spinner just in case it triggers */
.footer-form .wpcf7-spinner {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}

/* review section */

/* =========================================
   Navigation Arrows Shortcode Styles
========================================= */
.custom-testimonial-nav {
    display: flex !important;
    flex-direction: row !important;
    gap: 15px !important;
    justify-content: flex-end !important;
}

.custom-testimonial-nav button {
    background-color: #F05C3E !important; 
    border: none !important;
    border-radius: 50% !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, transform 0.2s ease !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px !important;
    display: inline-block !important;
}
/* Left Arrow SVG embedded in CSS */
.custom-testimonial-nav .nav-prev {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") !important;
}

/* Right Arrow SVG embedded in CSS */
.custom-testimonial-nav .nav-next {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
}

.custom-testimonial-nav button:hover {
    background-color: #d94e32 !important;
    transform: scale(1.05) !important;
}

/* =========================================
   Slider & Card Shortcode Styles
========================================= */
.custom-testimonial-wrapper {
    width: 100% !important;
    overflow: hidden !important; 
}

.custom-testimonial-slider {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Forces items into a horizontal line */
    gap: 25px !important;
/*     overflow-x: auto !important;
    scroll-snap-type: x mandatory !important; 
    scroll-behavior: smooth !important; */
    padding-bottom: 20px !important; 
    align-items: stretch !important;
    
    /* Hide scrollbar for a cleaner look */
    -ms-overflow-style: none !important;  
    scrollbar-width: none !important;  
}

.custom-testimonial-slider::-webkit-scrollbar {
    display: none !important; 
}

.custom-testimonial-slider .testimonial-card {
    background-color: #171717 !important; /* Updated background color */
    border-radius: 6px !important;
    padding: 35px !important;
    min-width: 320px !important; 
    max-width: 350px !important;
    flex: 0 0 auto !important;
    scroll-snap-align: start !important; 
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    
    /* Added Quote Background Image */
    background-image: url("http://143.110.242.52/hunterpinke/wp-content/uploads/2026/08/quote.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 30px bottom 50px !important; /* Positions it to the bottom right */
    background-size: 180px !important; /* Adjust this value to make the quote mark bigger or smaller */
}
.testimonial_cls .custom-testimonial-slider .testimonial-card {
	background-color: #F5F1EC !important;
}
.testimonial_cls .custom-testimonial-slider .testimonial-card p,
.testimonial_cls .custom-testimonial-slider .testimonial-card .author-info h4,
.testimonial_cls .custom-testimonial-slider .testimonial-card .author-info span{
	color: #1B1B1B !important; 
}
.custom-testimonial-slider .testimonial-card .stars {
    color: #F05C3E !important; 
    font-size: 22px !important;
    margin-bottom: 20px !important;
    letter-spacing: 3px !important;
    line-height: 1 !important;
}

.custom-testimonial-slider .testimonial-card p {
    color: #c4c4c4 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    margin: 0 0 35px 0 !important;
    flex-grow: 1 !important;
}

.custom-testimonial-slider .testimonial-card .author {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 15px !important;
	position: relative !important;
    z-index: 2 !important;
}

.custom-testimonial-slider .testimonial-card .author img {
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
	position: relative !important;
    z-index: 2 !important;
}

.custom-testimonial-slider .testimonial-card .author-info {
    display: flex !important;
    flex-direction: column !important;
}

.custom-testimonial-slider .testimonial-card .author-info h4 {
    color: #ffffff !important;
    margin: 0 0 5px 0 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    font-family: inherit !important;
}

.custom-testimonial-slider .testimonial-card .author-info span {
    color: #888888 !important;
    font-size: 12px !important;
    display: block !important;
    line-height: 1.2 !important;
    font-family: inherit !important;
}

/* ADDED COMMAS AT THE END OF LINES 2 AND 3 */
.philosophy_hover_div:hover .gratitude_icon svg,
.philosophy_hover_div:hover .ownership_icon svg,
.philosophy_hover_div:hover .connection_icon svg,
.philosophy_hover_div:hover .resilience_icon svg {
    opacity: 0;
    transition: opacity 0.3s ease; 
}

/* Set the new SVG as the background image on the icon wrapper during hover */
.philosophy_hover_div:hover .gratitude_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/08/gratitude-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.philosophy_hover_div:hover .ownership_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/08/ownership-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.philosophy_hover_div:hover .connection_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/08/connection.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.philosophy_hover_div:hover .resilience_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/08/resilence-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ADDED COMMAS AT THE END OF THE 2ND AND 3RD LINES HERE TOO */
.philosophy_hover_div .gratitude_icon .elementor-icon,
.philosophy_hover_div .ownership_icon .elementor-icon,
.philosophy_hover_div .connection_icon .elementor-icon,
.philosophy_hover_div .resilience_icon .elementor-icon {
    transition: background-image 0.3s ease;
}

/* ADDED COMMAS AT THE END OF LINES 2 AND 3 */
.philosophy_hover_div:hover .high_icon svg,
.philosophy_hover_div:hover .captains_icon svg,
.philosophy_hover_div:hover .emerging_icon svg,
.philosophy_hover_div:hover .competitive_icon svg {
    opacity: 0;
    transition: opacity 0.3s ease; 
}

/* Set the new SVG as the background image on the icon wrapper during hover */
.philosophy_hover_div:hover .high_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/09/ATHLETES-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.philosophy_hover_div:hover .captains_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/08/connection.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.philosophy_hover_div:hover .emerging_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/09/leader.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.philosophy_hover_div:hover .competitive_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/09/COMPETITIVE-CONSISTENCY-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ADDED COMMAS AT THE END OF THE 2ND AND 3RD LINES HERE TOO */
.philosophy_hover_div .high_icon .elementor-icon,
.philosophy_hover_div .captains_icon .elementor-icon,
.philosophy_hover_div .emerging_icon .elementor-icon,
.philosophy_hover_div .competitive_icon .elementor-icon {
    transition: background-image 0.3s ease;
}

/* ADDED COMMAS AT THE END OF LINES 2 AND 3 */
.philosophy_hover_div:hover .leadership_icon svg,
.philosophy_hover_div:hover .team_icon svg,
.philosophy_hover_div:hover .performance_icon svg,
.philosophy_hover_div:hover .longterm_icon svg {
    opacity: 0;
    transition: opacity 0.3s ease; 
}

/* Set the new SVG as the background image on the icon wrapper during hover */
.philosophy_hover_div:hover .leadership_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/08/resilence-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.philosophy_hover_div:hover .team_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/08/connection.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.philosophy_hover_div:hover .performance_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/08/influence-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.philosophy_hover_div:hover .longterm_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/08/Build-resilience-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ADDED COMMAS AT THE END OF THE 2ND AND 3RD LINES HERE TOO */
.philosophy_hover_div .leadership_icon .elementor-icon,
.philosophy_hover_div .team_icon .elementor-icon,
.philosophy_hover_div .performance_icon .elementor-icon,
.philosophy_hover_div .longterm_icon .elementor-icon {
    transition: background-image 0.3s ease;
}

/* ADDED COMMAS AT THE END OF LINES 2 AND 3 */
.signeture_keynote_cls:hover .gratitude_icon svg,
.signeture_keynote_cls:hover .ownership_icon svg,
.signeture_keynote_cls:hover .connection_icon svg,
.signeture_keynote_cls:hover .resilience_icon svg {
    opacity: 0;
    transition: opacity 0.3s ease; 
}

/* Set the new SVG as the background image on the icon wrapper during hover */
.signeture_keynote_cls:hover .gratitude_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/08/Discover-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.signeture_keynote_cls:hover .ownership_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/08/Build-resilience-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.signeture_keynote_cls:hover .connection_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/08/ownerships.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.signeture_keynote_cls:hover .resilience_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/08/influence-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ADDED COMMAS AT THE END OF LINES 2 AND 3 */
.philosophy_hover_div:hover .stories_icon svg,
.philosophy_hover_div:hover .honest_icon svg,
.philosophy_hover_div:hover .practical_icon svg {
    opacity: 0;
    transition: opacity 0.3s ease; 
}

/* Set the new SVG as the background image on the icon wrapper during hover */
.philosophy_hover_div:hover .stories_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/09/Real_Stories_white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.philosophy_hover_div:hover .honest_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/09/Honest_Conversations_white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.philosophy_hover_div:hover .practical_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/09/Practical-Leadership.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ADDED COMMAS AT THE END OF THE 2ND AND 3RD LINES HERE TOO */
.philosophy_hover_div .stories_icon .elementor-icon,
.philosophy_hover_div .honest_icon .elementor-icon,
.philosophy_hover_div .practical_icon .elementor-icon {
    transition: background-image 0.3s ease;
}

/* ADDED COMMAS AT THE END OF LINES 2 AND 3 */
.philosophy_hover_div:hover .speaking_icon svg,
.philosophy_hover_div:hover .teampart_icon svg,
.philosophy_hover_div:hover .individualcoach_icon svg,
.philosophy_hover_div:hover .generalinq_icon svg {
    opacity: 0;
    transition: opacity 0.3s ease; 
}

/* Set the new SVG as the background image on the icon wrapper during hover */
.philosophy_hover_div:hover .speaking_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/09/Speaking_Engagements_white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.philosophy_hover_div:hover .teampart_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/09/Team_Partnerships_white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.philosophy_hover_div:hover .individualcoach_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/09/Individual-Coaching.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.philosophy_hover_div:hover .generalinq_icon .elementor-icon {
    background-image: url('http://143.110.242.52/hunterpinke/wp-content/uploads/2026/09/General_Inquiries_white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ADDED COMMAS AT THE END OF THE 2ND AND 3RD LINES HERE TOO */
.philosophy_hover_div .speaking_icon .elementor-icon,
.philosophy_hover_div .teampart_icon .elementor-icon,
.philosophy_hover_div .individualcoach_icon .elementor-icon,
.philosophy_hover_div .generalinq_icon .elementor-icon {
    transition: background-image 0.3s ease;
}

.audience_cls li.elementor-icon-list-item {
    padding: 16px 30px;
    border: 1px solid #E85D3F;
    border-radius: 50px;
    background-color: #E85D3F0D;
}
.audience_cls ul {
	gap: 10px;
}
/* ADDED COMMAS AT THE END OF THE 2ND AND 3RD LINES HERE TOO */
.signeture_keynote_cls .gratitude_icon .elementor-icon,
.signeture_keynote_cls .ownership_icon .elementor-icon,
.signeture_keynote_cls .connection_icon .elementor-icon,
.signeture_keynote_cls .resilience_icon .elementor-icon {
    transition: background-image 0.3s ease;
}
/* Target the icons inside the custom FAQ class */
.faq-cls .e-n-accordion-item-title-icon i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;      
    height: 36px;      
    border: 2px solid #E85D3F; 
    border-radius: 50%; 
    color: #E85D3F;    
    font-size: 16px;   
    transition: all 0.3s ease;
}
/* Optional: Slight hover effect when hovering over the accordion title */
.faq-cls .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon i {
    background-color: #E85D3F;
    color: #ffffff !important;
}
.podcast_cls .elementor-icon-list-item a{
	color: #1B1B1B !important;
}
/* 1. Make the individual loop items flexible to fill the grid height */
.explore_episode_cls .e-loop-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}
/* 2. Force the main card container to take up 100% of the available height */
.explore_episode_cls .e-loop-item > .e-con.e-parent {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
/* 3. Force the inner wrapper to also stretch */
.explore_episode_cls .e-loop-item > .e-con.e-parent > .e-con-inner {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
/* 4. Allow the dark gray text box to expand and fill the remaining space */
.explore_episode_cls .e-loop-item .e-con.e-child {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
/* 5. (Optional but recommended) Push the "Listen on" shortcode to the very bottom */
.explore_episode_cls .e-loop-item .e-con.e-child > .elementor-widget-shortcode {
    margin-top: auto;
}
.explore_content .elementor-heading-title,
.explore_content p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

/* 1. Main Pagination Container */
.explore_episode_cls .elementor-pagination {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    margin-top: 40px;
    width: 100%;
}
/* Reset Elementor's default pagination styles */
.explore_episode_cls .elementor-pagination .page-numbers {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}
/* 2. Page Numbers (1, 2, 3, 4...) */
.explore_episode_cls .elementor-pagination .page-numbers:not(.prev):not(.next) {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #ffffff;
    font-weight: 700;
    font-size: 15px;
    margin: 0 4px; /* Spacing between numbers */
    transition: all 0.3s ease;
}
/* Hover state for inactive numbers */
.explore_episode_cls .elementor-pagination .page-numbers:not(.prev):not(.next):hover {
    background-color: rgba(255, 103, 56, 0.2); 
}
/* 3. Current (Active) Page Number */
.explore_episode_cls .elementor-pagination .page-numbers.current {
    background-color: #FF6738; /* Bright orange */
}
/* 4. Previous Page Button */
.explore_episode_cls .elementor-pagination .page-numbers.prev {
    position: absolute;
    left: 0;
    border: 1px solid #5C3E34; /* Subtle brown/orange border */
    color: #9EA0A1; /* Gray text */
    padding: 12px 30px;
    border-radius: 50px; /* Pill shape */
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.explore_episode_cls .elementor-pagination .page-numbers.prev:hover {
    color: #ffffff;
    border-color: #FF6738;
}
/* 5. Next Page Button */
.explore_episode_cls .elementor-pagination .page-numbers.next {
    position: absolute;
    right: 0;
    background-color: #FF6738; /* Bright orange */
    color: #ffffff;
    padding: 12px 30px;
    border-radius: 50px; /* Pill shape */
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.explore_episode_cls .elementor-pagination .page-numbers.next:hover {
    background-color: #e55a2f; /* Slightly darker orange on hover */
}
.podcast_img {
	width: 100%;
}

/* Contact Form */
/* Container padding and background */
.custom-contact-form {
  background-color: #f5f3ef; /* Light beige background */
  padding: 40px;
  font-family: 'Inter', sans-serif; /* Adjust to match your theme font */
  max-width: 600px;
  margin: 0 auto;
}
/* Row setup for flexbox */
.custom-contact-form .cf-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
/*   margin-bottom: 30px; */
}
/* Column sizing */
.custom-contact-form .cf-col {
  width: 100%;
}
.custom-contact-form .half-width {
  width: 48%;
}
/* Input, Select, and Textarea styling */
.custom-contact-form input[type="text"],
.custom-contact-form input[type="email"],
.custom-contact-form input[type="tel"],
.custom-contact-form input[type="date"],
.custom-contact-form select,
.custom-contact-form textarea {
    background-color: transparent !important;
	border: none !important;
	border-bottom: 2px solid #dfdeda !important;
	border-radius: 0 !important;
	padding: 10px 0 10px 0 !important;
	font-size: 16px;
	color: #9EA0A1;
	width: 100%;
	box-shadow: none !important;
	outline: none !important;
	transition: border-bottom-color 0.3s ease;
	line-height: 26px;
	font-family: 'Instrument Sans';
}
/* Style the placeholders to look like the titles */
.custom-contact-form input::placeholder,
.custom-contact-form textarea::placeholder {
  font-size: 11px;
  color: #a0a0a0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 1; /* Override Firefox default */
}
/* Special placeholder color for date field to match the pink/red */
.custom-contact-form .date-field input::placeholder {
  color: #f1b3b9; 
}
/* Select field styling (Dropdowns handle default options slightly differently than placeholders) */
.custom-contact-form select {
  font-size: 11px;
  color: #a0a0a0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  appearance: none; /* Removes default dropdown arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
}
.custom-contact-form select:focus {
  color: #333; /* Darker text when interacting */
}
/* Focus state for inputs - Red/Orange line when clicking on them */
.custom-contact-form input:focus,
.custom-contact-form select:focus,
.custom-contact-form textarea:focus {
  border-bottom: 2px solid #e16b4a !important; /* Orange/Red underline */
}
/* Submit Button styling */
.custom-contact-form .cf-submit-wrap {
  margin-top: 20px;
}
.custom-contact-form input[type="submit"] {
  background-color: #e16b4a; /* Orange button */
  color: #ffffff;
  border: none;
  border-radius: 25px; /* Pill shape */
  padding: 15px 30px;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.custom-contact-form input[type="submit"]:hover {
  background-color: #c95638;
}
.custom-contact-form label.pink-label {
  display: block;
  font-size: 11px;
  color: #f1b3b9; /* The pink color from your screenshot */
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
}
.contact_email_cls a {
    color: unset;
}
.shop_hero_cls h2 {
    margin-bottom: 0;
}
/* end Contact form */


/*shop product category*/
.product-texonomy-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.shop-product-card .page-numbers{
    padding: 12px 18px;
    border-radius: 50%;
    background-color: none;
}
.shop-product-card .page-numbers.current,
.shop-product-card .page-numbers:hover{
    background: rgba(242, 100, 60, 1);
}
.ast-grid-common-col{
    padding: 0;
}
/**
 * Product detail - main section.
 *
 * Covers two things only:
 *   1. The Product Images widget  -> vertical thumbnail rail on the left.
 *   2. The Add To Cart widget     -> attribute label rows, swatches,
 *                                    quantity pill, Add to Cart, Buy Now.
 *
 * Everything is scoped to .product-main (the Elementor container that wraps
 * both columns) so no other page or widget is affected.
 *
 * Loaded only on single product pages. See inc/product-main.php.
 */

.product-main {
	/* Left column */
	--hp-thumb-rail: 88px;
	--hp-thumb-gap: 12px;
	--hp-gallery-gap: 16px;

	/* Right column */
	--hp-swatch-color: 32px;
	--hp-swatch-size: 44px;
	--hp-atc-height: 52px;
	--hp-buy-height: 50px;

	/* Palette, taken from the existing site styles */
	--hp-ink: #1B1B1B;
	--hp-muted: #8A8A8A;
	--hp-orange: #F2643C;
	--hp-orange-dark: #D94E32;
	--hp-line: rgba(27, 27, 27, .16);
	--hp-line-soft: rgba(27, 27, 27, .08);
}


/* =============================================================
   1. PRODUCT IMAGES - vertical thumbnail rail
   =============================================================

   WooCommerce renders the thumbnail list (ol.flex-control-thumbs) as a
   sibling *after* .flex-viewport, so the whole layout change is a grid
   reorder. No template override and no JS.

   FlexSlider measures the container when it initialises and this file
   loads in <head>, so the slides are sized against the narrower column
   from the very first paint. Resizing re-runs FlexSlider's own handler.
   ------------------------------------------------------------- */

.product-main .woocommerce-product-gallery {
	display: grid;
	grid-template-columns: var(--hp-thumb-rail) minmax(0, 1fr);
	column-gap: var(--hp-gallery-gap);
}

.product-main .woocommerce-product-gallery .flex-viewport {
	grid-column: 2;
	grid-row: 1;
	background: #fff;
	border: 1px solid var(--hp-line-soft);
	border-radius: 4px;
}

.product-main .woocommerce-product-gallery__image,
.product-main .woocommerce-product-gallery__image img {
	border-radius: 4px;
}

/* --- Thumbnail rail --- */

.product-main .flex-control-thumbs {
	grid-column: 1;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	gap: var(--hp-thumb-gap);
}

/* WooCommerce sizes these by column count (25% + float) - undo that. */
.product-main .flex-control-thumbs li {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}

/*
 * WooCommerce prints width/height attributes on the thumbnails via an
 * inline onload handler. Presentational attributes lose to any CSS rule,
 * so plain width/height is enough here - no !important needed.
 */
.product-main .flex-control-thumbs img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 6px;
    background: #fff;
    border: 1px solid var(--hp-line-soft);
    transition: border-color .18s ease;
	opacity: 1 !important;
}

.product-main .flex-control-thumbs img:hover {
	border-color: var(--hp-line);
}

.product-main .flex-control-thumbs img.flex-active {
	border-color: var(--hp-ink);
}

/*product variatoni swatches styling*/
table.variations{
    font-family: Instrument Sans;
    text-transform: uppercase;
    border-bottom: unset !important;
    margin-bottom: unset !important;
}
table.variations .label{
    line-height: 20px;
    margin-bottom: 0 !important;
}
table.variations .label label{
    font-weight: 500 !important;
}
table.variations .label label .cfvsw-selected-label{
    float: inline-end;
    font-weight: 500;
    color: rgba(27, 27, 27, 1);
}
table.variations .label label .cfvsw-selected-label::before{
    content: unset;
}
.theme-astra table.variations td.value{
    padding: 0 !important;
}
table.variations .cfvsw-product-container .cfvsw-swatches-option{
    border-radius: 50% !important;
    min-width: unset !important;
    min-height: unset !important;
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
}
table.variations .value [swatches-attr="attribute_size"] .cfvsw-selected-swatch {
    background: black;
    color: white;
}
.e-atc-qty-button-holder{
    gap: 16px;
}
.e-atc-qty-button-holder button {
    font-family: Instrument Sans !important;
    text-transform: capitalize !important;
    border-radius: 50px 50px 50px 50px !important;
    padding: 16px 30px 16px 30px !important;
    opacity: 1 !important;
}
.quantity{
    margin: 0 !important;
    border: 1px solid rgba(232, 93, 63, 0.1);
    max-height: 48px;
    border-radius: 50px;
}
.quantity .minus,.quantity  .plus  {
    border: none !important;
    margin-right: 0 !important;
}
.quantity input{
    margin: 0 !important;
}
.postid-245 .elementor-element-8f94f83,.page-id-10931 .elementor-element-8f94f83{
    background-color: black;
}
.woocommerce-breadcrumb{
    margin:0 !important;
}
#moderncart-floating-cart .moderncart-floating-cart-count{
    background-color: black;
}
/* Product gallery: left thumbnail column that scrolls, same height as the main image */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery.woocommerce-product-gallery--with-images.images .flex-control-thumbs {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 88px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.elementor-widget-woocommerce-product-images .woocommerce-product-gallery.woocommerce-product-gallery--with-images.images .flex-control-thumbs li img.flex-active,
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery.woocommerce-product-gallery--with-images.images .flex-control-thumbs li img:hover {
  border-color: #111;             /* change to your brand colour */
}
/* Fade at the bottom of the thumbnail column */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery.woocommerce-product-gallery--with-images.images .flex-control-thumbs {
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 90px), transparent 100%);
          mask-image: linear-gradient(to bottom, #000 calc(100% - 90px), transparent 100%);
  padding-bottom: 60px;   /* lets the last thumbnail scroll up above the faded area */
}

/* Mobile: thumbnails are a horizontal row, so no fade */
@media (max-width: 767px) {
  .elementor-widget-woocommerce-product-images .woocommerce-product-gallery.woocommerce-product-gallery--with-images.images .flex-control-thumbs {
    -webkit-mask-image: none;
            mask-image: none;
    padding-bottom: 0;
  }
}
/* Mobile: thumbnails go under the image as a horizontal scroll row */
@media (max-width: 767px) {
  .elementor-widget-woocommerce-product-images .woocommerce-product-gallery.woocommerce-product-gallery--with-images.images {
    padding-left: 0;
  }
  .elementor-widget-woocommerce-product-images .woocommerce-product-gallery.woocommerce-product-gallery--with-images.images .flex-control-thumbs {
    position: static;
    width: auto;
    margin-top: 10px;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .elementor-widget-woocommerce-product-images .woocommerce-product-gallery.woocommerce-product-gallery--with-images.images .flex-control-thumbs li {
    width: 72px;
  }
}
@media screen and (max-width: 1024px) {
    .header_menu_resp_cls nav.hfe-nav-menu__layout-horizontal {
        backdrop-filter: blur(10px);
    }
	.systemworks_cls::after {
		width: calc(100% - 150px);
	}
	.faq-cls .e-n-accordion-item-title-icon i{
		width: 26px;
    	height: 26px;
	}
	.embed_cul_cls{
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.systemworks_cls::after {
		display: none;
	}
	.explore_episode_cls .elementor-pagination {
        padding-bottom: 80px; /* Make room for the buttons to drop below */
    }
    
    /* Move Previous and Next buttons to the bottom on small screens */
    .explore_episode_cls .elementor-pagination .page-numbers.prev,
    .explore_episode_cls .elementor-pagination .page-numbers.next {
        bottom: 0;
        top: auto;
    }
	.custom-contact-form {
		padding: 0px;
	}

    .product-main .woocommerce-product-gallery {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    /* Thumbnail rail below main image */
    .product-main .woocommerce-product-gallery .flex-control-thumbs {
        order: 2;
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        gap: 10px;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: thin;
    }

    /* Each thumbnail */
    .product-main .woocommerce-product-gallery .flex-control-thumbs li {
        min-width: 72px !important;
        max-width: 72px !important;
    }

}
@media (max-width: 600px) {
  .custom-contact-form .half-width {
    width: 100%;
    margin-bottom: 30px;
  }
}