/*
Theme Name: Fitburn Pro
Theme URI: https://flythemes.net/wordpress-themes/fitburn-wordpress-theme/
Author: Flythemes
Author URI: https://www.flythemes.net/
Description: NA
Version: 1.0
Tested up to: 6.9 & above
Requires PHP: 7.2 & above
License: GNU General Public License version 3
License URI: license.txt
Text Domain: fitburn-pro
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,full-width-template, sticky-post,threaded-comments,translation-ready,theme-options

Fitburn Pro WordPress Theme has been created by Flythemes(flythemes.net), 2026.
Fitburn Pro WordPress Theme is released under the terms of GNU GPL
*/

*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:focus{ outline:none; }
body{ margin:0; padding:0; font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; line-height:1.7; color:#e5e7eb; font-size:16px; background-color:var(--body-bg); font-weight:400; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; overflow-x: hidden; }
img{ margin:0; padding:0; border:none; }
.bypostauthor{ margin:0; padding:0; }
section img, img{ width:100%; height:auto; display:block; }
h1,h2,h3,h4,h5,h6{ font-family: "Bebas Neue", "Inter", sans-serif; margin:0 0 20px; padding:0; line-height:1.2; font-weight:700; }
h1{ font-size:64px; }
h2{ font-size:48px; }
h3{ font-size:36px; }
h4{ font-size:28px; }
h5{ font-size:22px; }
h6{ font-size:18px; }
.left{ float:left; }
.right{ float:right; }
blockquote{ position:relative; margin-bottom:15px; }
blockquote.align-left{ padding:40px 35px 40px 80px; text-align:left; margin:40px 0; font-weight:500; font-size:22px; line-height:40px; border-left: 5px solid var( --primary-bg ); background-color: rgba(191, 191, 191, 0.2); font-style: italic; }
blockquote.align-left:before{ content:'\f10d'; position:absolute; top:30px; left:30px; font-family:'Font Awesome 6 Pro'; font-weight:700; font-size:32px; color: var(--primary-bg); }
blockquote.align-right{ padding:40px 80px 40px 35px; text-align:right; margin:40px 0; font-weight:500; font-size:22px; line-height:40px; border-right: 5px solid var( --primary-bg ); background-color: rgba(191, 191, 191, 0.2); font-style: italic; }
blockquote.align-right:after{ content:'\f10e'; position:absolute; top:30px; right:30px; font-family:'Font Awesome 6 Pro'; font-weight:700; font-size:32px; color: var(--primary-bg); }
hr, .hr{clear:both; margin:30px 0; border:none; }
p{ margin:0 0 20px; padding:0;}
a{ color: var(--primary-bg); text-decoration:none; -webkit-transition:0.3s; transition:0.3s; }
a:hover{ color: var( --secondary-bg ); text-decoration:none; }
a:focus{ outline:none; }
ul{ list-style:none; margin:0; padding:0;}
li{ margin: 5px 0; list-style: disc; }
iframe{ width:100%; display:block; margin:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft { float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto; width:auto; }
.alignright, img.alignright { float: right; margin-left:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto; width:auto; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; height:auto; width:auto;}
.comments-area{ margin-bottom:15px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.lastcols{ margin-right:0 !important;}
#lastcols{ margin-right:0 !important; }
.toggleMenu{display:none;}
section{ padding:60px 0; position:relative; }
.boxlayout .header .container{ width:100%; }
.no-padding{ padding:0 !important; }
.bg-scroll{ background-attachment:scroll !important; }
::-moz-selection { color: var(--primary-text); background-color: var( --primary-bg ); }
::selection { color: var(--primary-text); background-color: var( --primary-bg ); }

/*===============================================
** Responsive Header Css
*===============================================*/
.header-responsive{ display:none; }

/*===============================================
** Sticky Header Css
*===============================================*/
.sticky-header{ background-color:var(--sticky-bg); width:100%; padding: 15px 0; left:0; right:0; box-shadow:0 1px 10px rgba(0, 0, 0, .2); position:fixed; top:-300px; -webkit-transition:all .3s; transition:all .3s; z-index:999; }
.sticky-header.show{ top:0; transition-delay:.3s; }
.sticky-header .sticky-left{ width:13%; }
.sticky-header .sticky-right{ margin-left: auto; }
.sticky-header .logo{ top: 0; transform: translateY(0); }
.sticky-header .sticky-right .sitenav{ text-align:right; padding:0; }

/*===============================================
** Top Header Css
*===============================================*/
.top-header{ position: relative; background-color: var(--top-h-bg); }
.top-header, .top-header a{ color: var(--top-h-txt); }
.top-header-col{ position: relative; line-height: 50px; font-size: 14px; }
.top-header-col:not(:last-child){ margin-right: 20px; }
.top-header-col.icon-add i, .top-header-col.icon-mail i, .top-header-col.icon-tel i, .top-header-col.icon-clock i{ margin-right: 5px; font-size: 14px; }
.top-header a:hover{ color: var( --top-h-hvr ); }
.top-header .social-icons{ display: grid; grid-template-columns: repeat(auto-fit, minmax(40px, 1fr)); max-width: 300px; }
.top-header .social-icons a{ border: none; text-align: right; margin-right: 0; width: 30px; height: 50px; line-height: 50px; background: none; color: var(--top-h-txt); }
.top-header .social-icons a:hover{ color: var(--top-h-hvr) !important; background: none; }

/*===============================================
** Default Header Css
*===============================================*/
.header{ position: relative; z-index: 2; }
.header-main{ position:relative; z-index:20; }
.header-main.header-default .header{ background-color: var( --head-bg ); border-radius: 14px; padding: 0px 24px; margin: 24px; -webkit-backdrop-filter: blur(19.5px); backdrop-filter: blur(19.5px); }
.header-main.header-default .site-title-logo{ flex: 0 0 14%; padding: 16px 0; position: relative; z-index: 1; }

/*===============================================
** Header Style One Css
*===============================================*/
.header-main.header-style-one{ margin-bottom: 24px; }
.header-main.header-style-one .site-title-logo{ padding: 20px 0; width: 14%; }

.headinfo-box{ padding: 20px 0; }
.headinfo-box:not(:last-child){ margin-right: 40px; }
.headinfo-box .headinfo-icon{ color: var( --primary-bg ); font-size: 32px; }
.headinfo-box .headinfo-data{ margin-left: 20px; }
.headinfo-box .headinfo-data span{ display: block; }
.headinfo-box .headinfo-data h5.data-ttl{ color: var( --primary-bg ); text-transform: uppercase; letter-spacing: 2px; font-size: 16px; margin-bottom: 0; }

.header-main.header-style-one .theme-navigation{ position: relative; z-index: 2; }

/*===============================================
** Header Style Two Css
*===============================================*/
.header-main.header-style-two{ margin-bottom: 24px; }
.header-main.header-style-two .header{ border-bottom: 1px solid rgba(255,255,255,.2); }
.header-main.header-style-two .site-title-logo{ width: 16%; padding: 25px 0; margin-right: auto; }
.header-main.header-style-two .theme-navigation{ margin-top: 24px; }

/*===============================================
** Header Style Three Css
*===============================================*/
.header-main.header-style-three{ margin-top: 24px; }
.header-main.header-style-three .header{ position: absolute; top: 24px; left: 48px; right: 48px; z-index: 10; }
.header-main.header-style-three .site-title-logo{ width: 14%; }

/*===============================================
** Site Logo Css
*===============================================*/
.logo{ position:relative; -webkit-transition:0.3s; transition:0.3s; }
.logo img{ width:auto; height:auto; display:block; }
.logo h1{ margin: 0; font: 700 48px/1 'Space Grotesk'; color: var( --primary-bg ); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; letter-spacing: 1px; }
.logo a{ display:block; }
.logo p{ color:#131112; display:block; font:400 16px/1 'Work Sans'; margin:10px 0 0; }

/*===============================================
** Navigation Css
*===============================================*/
.toggle{ display: none; position: relative; margin:15px 0; text-transform:uppercase; font-weight:700; }
.toggle a{ width:auto; padding:28px 25px; text-align:left; border-left:1px solid; color:var(--toggle-clr); }
.toggle a:hover{ color:var(--toggle-hvr); }
.toggle a:before{ content:'\f0c9'; font-family:'Font Awesome 6 Pro'; font-weight:400; position:absolute; top: 5px; font-size: 28px; left: 14px; }

.sitenav .menu { font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-size: 16px; font-weight: 600; display: flex; gap: 8px; align-items: center; list-style: none; margin: 0; padding: 0;  transition: max-height 0.3s ease; }
.sitenav .menu > li { position: relative; list-style: none; margin: 0; }
.sitenav .menu a { position: relative; display: inline-flex; align-items: center; letter-spacing: 0.06em; text-transform: capitalize; color: #E5E7EB; text-decoration: none; padding: 10px 12px; border-radius: 10px; transition: color 0.2s ease; }
.sitenav .menu a:hover, .sitenav .menu > li.current-menu-item > a, .sitenav .menu > li.current_page_item > a, .sitenav .menu > li.current-menu-ancestor > a { color: var( --nav-hvr ); }
.sitenav .menu a::after { content: ""; position: absolute; left: 4px; right: 4px; bottom: 4px; height: 12px; border-bottom: 2px solid transparent; border-radius: 999px; transition: border-color 0.2s ease, opacity 0.2s ease; opacity: 0; pointer-events: none; }
.sitenav .menu a:hover::after, .sitenav .menu > li.current-menu-item > a::after, .sitenav .menu > li.current_page_item > a::after, .sitenav .menu > li.current-menu-ancestor > a::after { border-color: var( --nav-hvr ); opacity: 1; }
.sitenav li.menu-item-has-children > a.parent, .sitenav li.has-sub > a.parent { padding-right: 22px; }

/* SUBMENU BASE */
.sitenav .sub-menu { position: absolute; top: calc(100% + 12px); left: 0; min-width: 240px; background-color: rgba(0,0,0,0.2); border: 1px solid #1F2937; border-radius: 14px; margin: 0; list-style: none; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; z-index: 9999; }
.sitenav .sub-menu li { position: relative; list-style: none; margin: 0; }
.sitenav .sub-menu li:not(:last-child) { margin-bottom: 4px; }
.sitenav .sub-menu li.current_page_item a{ background-color: var(--primary-bg); color: var(--primary-text); }
.sitenav .sub-menu a { width: 100%; display: flex; justify-content: space-between; font-size: 14px; font-weight: 600; letter-spacing: 0.02em; text-transform: none; padding: 8px 12px; border-radius: 12px; }
.sitenav .sub-menu a:hover { background: var( --primary-bg ); color: var(--primary-text) !important; }
.sitenav .sub-menu a::after { display: none; }

/* HOVER OPEN DROPDOWNS */
@media (min-width: 1024px) {
  .sitenav .menu > li:hover > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
  .sitenav .sub-menu li:hover > .sub-menu { opacity: 1; visibility: visible; transform: translateX(0); }
}
.sitenav .sub-menu .sub-menu { top: 0; left: calc(100% + 6px); transform: translateX(8px); }

/* ARROWS (submenu indicators) */
.sitenav .menu > li.menu-item-has-children > a::before { content: "\f107"; font-family: 'Font Awesome 6 Pro'; font-weight: 700; font-size: 14px; position: absolute; right: 4px; }
.sitenav .sub-menu li.menu-item-has-children > a::before { content: "\f105"; font-family: 'Font Awesome 6 Pro'; font-weight: 700; font-size: 14px; position: absolute; right: 8px; }
.sitenav .submenu-button { display: none; }

/* ================================
   HEADER META (RIGHT SIDE)
================================ */
.header-meta { display: flex; align-items: center; gap: 14px; }
.header-meta .header-button a { display: inline-flex; align-items: center; justify-content: center; font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; padding: 12px 20px; border-radius: 12px; background-color: var( --primary-bg ); color: var(--primary-text); text-decoration: none; transition: background 0.2s ease, transform 0.2s ease, border-color 0.2s ease; }
.header-meta .header-button a:hover { background-color: var(--secondary-bg); color: var(--secondary-text); }

.header-meta .header-drawer { display: inline-flex; align-items: center; justify-content: center; }
.header-meta .header-drawer .drawer-icon { width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background-color: var(--drawer-bg); border: 1px solid #1F2937; cursor: pointer; transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease; }

/* SVG sizing */
.header-meta .header-drawer .drawer-icon svg { width: 22px; height: 22px; transition: transform 0.25s ease; }

/* Hover */
.header-meta .header-drawer .drawer-icon:hover { border-color: var( --primary-bg ); transform: translateY(-1px); color: var( --primary-bg ); }

/* Hover rotate icon */
.header-meta .header-drawer .drawer-icon:hover svg { transform: rotate(45deg); }
.fitburn-drawer { position: fixed; top: 0; right: -500px; width: 480px; height: 100%; background-color: var(--drawer-bg); padding: 40px; transition: right 0.4s ease; z-index: 99999; overflow-y: auto; }
.fitburn-drawer.active { right: 0; }
.fitburn-drawer-overlay { position: fixed; inset: 0; background-color: rgba(0,0,0,0.6); opacity: 0; visibility: hidden; transition: 0.3s ease; z-index: 9998; }
.fitburn-drawer-overlay.active { opacity: 1; visibility: visible; }
.fitburn-drawer-header { display: flex; align-items: center; justify-content: space-between; }
.fitburn-drawer-header h4{ margin-bottom: 0; letter-spacing: 1px; }
.fitburn-drawer-close { width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.15); background-color: rgba(255,255,255,0.05); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 500; color: #E5E7EB; cursor: pointer; padding: 0; line-height: 1; transition: all 0.35s ease; transform-origin: center; }

/* Hover Animation */
.fitburn-drawer-close:hover { background-color: var( --primary-bg ); color: #0B0F14; transform: rotate(90deg); box-shadow: 0 0 15px rgba(222,251,2,0.6); }
.fitburn-drawer-content{ padding: 40px 0; overflow-y: scroll; }

/*===============================================
** Slider Css
*===============================================*/
.slider-main{ position:relative; background-image:url(images/loading.gif); background-repeat:no-repeat; background-position:center center; background-size:auto;}
.show-header-image{ padding:8em 0; }

/*===============================================
** Social Icons Css
*===============================================*/
#sidebar .social-icons{ text-align:center; }
.social-icons a{ width: 40px; height: 40px; line-height: 38px; display: inline-block; padding: 0; font-size: 16px; color: var(--primary-text); position: relative; margin: 0 8px 0 1px; text-align: center; background-color: var( --primary-bg ); border-radius: 6px; -webkit-transition: 0.3s; transition: 0.3s; }
.social-icons a:hover{ background-color: var(--secondary-bg); color: var(--secondary-text); }
.social-icons br{ display:none;}

/*===============================================
** Buttons Css
*===============================================*/
a.main-button{ letter-spacing: 2px; padding: 16px 22px;  display: inline-block;  color: var(--primary-text); background-color: var( --primary-bg ); -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; overflow: hidden; text-transform: uppercase; border-radius: 5px; position: relative; z-index: 1 }
a.main-button span{ display:block; position: relative; z-index: 10; }
a.main-button:hover{ color: var(--secondary-text); }
a.main-button:before, a.main-button:after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
a.main-button:before{ content: ''; background-color: var(--secondary-bg); width: 120%; height: 0; padding-bottom: 120%; top: -110%; left: -10%; border-radius: 50%; transform: translate3d(0,68%,0) scale3d(0,0,0); }
a.main-button:after{ content: ''; background-color: var(--secondary-bg); transform: translate3d(0,-100%,0); transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); }
a.main-button:hover::before{transform: translate3d(0,0,0) scale3d(1,1,1); transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); }
a.main-button:hover::after{ transform: translate3d(0,0,0); transition-duration: 0.05s; transition-delay: 0.4s; transition-timing-function: linear; }

a.buttonstyle1{ color: var(--btn-txt); background-color: var(--btn-bg); padding: 12px 36px; display: inline-block; letter-spacing: 2px; font-weight: 700; text-transform: uppercase; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
a.buttonstyle1:hover{ background-color:var( --btn-bg-hvr ); color:var(--btn-txt-hvr); }

a.sliderbtn{ display: inline-block; text-align: center; background-color: var( --primary-bg ); color: var(--primary-text); position: relative; padding: 14px 28px; line-height: normal; transition: all 0.4s ease-in-out; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 12px; }
a.sliderbtn:hover { color: var(--secondary-text); background-color:var( --secondary-bg ); }

.custombtn{ margin-top:30px; }

/*===============================================
** Section Title Css
*===============================================*/
.section_head{ margin-bottom:50px; position: relative; z-index: 2; text-align: center; }

h4.section_sub_title{ font: 400 24px / 1 'Bebas Neue'; position: relative; z-index: 1; color: #111827; margin-bottom: 10px; }

h2.section_title{ font: 600 64px / 1.2 'Bebas Neue'; color: #E5E7EB; position: relative; margin-bottom: 20px; display: block; letter-spacing: 1px; }

.section_head p{ max-width: 800px; line-height:1.6; margin: 0 auto; }

.title-shape{ display: inline-block; -webkit-mask-image: url(images/sub_title_bg.png); -webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-image: url(images/sub_title_bg.png); mask-size: 100% 100%; mask-repeat: no-repeat; mask-position: center; background-color: var(--primary-bg, var( --primary-bg )); text-transform: uppercase; padding: 6px 30px; height: 48px; line-height: 38px; }

/*===============================================
** Section Overlay Css
*===============================================*/
.sec-overlay{ position:relative; }
.sec-overlay:before{ content:''; width:100%; height:100%; background-color: rgba(19,17,18,0.6); position:absolute; top:0; left:0; }
.sec-overlay h1, .sec-overlay h2, .sec-overlay h3, .sec-overlay h4, .sec-overlay h5, .sec-overlay h6, .sec-overlay p, .sec-overlay h2.section_title, .sec-overlay ul li{ color:#ffffff; }

/*===============================================
** Section Shortcode Css
*===============================================*/
.section-content{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; }

/*===============================================
** Custom Heading Css
*===============================================*/
.custom-heading{ margin: 0; }
.custom-heading h2{ position:relative; margin-bottom:0px; letter-spacing:1px;color: var( --primary-bg ); }
.custom-heading h2 span{ display:block; font-size:70%; letter-spacing:1px; margin-bottom: 10px; }

/*===============================================
** Image Hover Css
*===============================================*/
.image-hover-effect:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ff2660; opacity:0.4; content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,25deg) translate3d(0,-100%,0); transform:  scale3d(1.9,1.4,1) rotate3d(0,0,1,25deg) translate3d(0,-100%,0); z-index: 0; }
.image-hover-effect:hover::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,25deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,25deg) translate3d(0,100%,0); z-index: 1; }

/*===============================================
** Link Expand Css
*===============================================*/
.link-expand{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

/* =====================================================
  FITBURN GRID SYSTEM Container + Row + Column Layout
===================================================== */
.container{ max-width:1280px; margin-left:auto; margin-right:auto; }
.full-container{ width:100%; position: relative; }
.row{ display:grid; grid-template-columns:repeat(12,1fr); gap:0; align-items:start; margin-left:-15px; margin-right:-15px; }
.row.auto{ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.row > .col{ padding-left:15px; padding-right:15px; }
[class*="col-"]{ padding-left:15px; padding-right:15px; }
.col-1{ grid-column:span 1; }
.col-2{ grid-column:span 2; }
.col-3{ grid-column:span 3; }
.col-4{ grid-column:span 4; }
.col-5{ grid-column:span 5; }
.col-6{ grid-column:span 6; }
.col-7{ grid-column:span 7; }
.col-8{ grid-column:span 8; }
.col-9{ grid-column:span 9; }
.col-10{ grid-column:span 10; }
.col-11{ grid-column:span 11; }
.col-12{ grid-column:span 12; }

/* Nested Row Support */
[class*="col-"] > .row{ grid-column:1 / -1; }

.gap-0   { row-gap: 0px; column-gap: 0; }
.gap-5   { row-gap: 5px; column-gap: 0; }
.gap-10  { row-gap: 10px; column-gap: 0; }
.gap-15  { row-gap: 15px; column-gap: 0; }
.gap-20  { row-gap: 20px; column-gap: 0; }
.gap-25  { row-gap: 25px; column-gap: 0; }
.gap-30  { row-gap: 30px; column-gap: 0; }
.gap-40  { row-gap: 40px; column-gap: 0; }
.gap-50  { row-gap: 50px; column-gap: 0; }
.gap-60  { row-gap: 60px; column-gap: 0; }
.gap-80  { row-gap: 80px; column-gap: 0; }
.gap-100 { row-gap: 100px; column-gap: 0; }

/* =====================================================
  UNIVERSAL GRID SYSTEM 
===================================================== */
.fitburn-grid{ display:grid; gap:24px; }
.grid-1{ grid-template-columns:repeat(1,1fr); }
.grid-2{ grid-template-columns:repeat(2,1fr); }
.grid-3{ grid-template-columns:repeat(3,1fr); }
.grid-4{ grid-template-columns:repeat(4,1fr); }
.grid-5{ grid-template-columns:repeat(5,1fr); }
.grid-6{ grid-template-columns:repeat(6,1fr); }

/*===============================================
** Flex Grid System Css
*===============================================*/
.flex-element{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }
.flex-wrap{ flex-wrap:wrap; }
.flex-nowrap{ flex-wrap:nowrap; }
.flex-row{ flex-direction:row; }
.flex-reverse{ flex-direction:row-reverse; }
.flex-column{ flex-direction:column; }
.flex-col-revers{ flex-direction: column-reverse; }

.align-flex-vert{ align-items:center; }
.align-stretch{ align-items:stretch; }

.align-flex-hori{ justify-content:space-between; }
.flex-end{ justify-content: flex-end; }
.align-flex-center{ justify-content: center; }

/*===============================================* Theme Shortcode Css Start *===============================================*/
/*===============================================
** MARQUEE SECTION CSS
*===============================================*/
.fitburn-marquee{ width: 100%; overflow: hidden; }
.fitburn-marquee__track{ display: flex; width: max-content; will-change: transform; animation-duration: var(--fitburn-marquee-speed, 24s); animation-timing-function: linear; animation-iteration-count: infinite; }
.fitburn-marquee__content{ display: flex; align-items: center; gap: 40px; padding: 10px 0; white-space: nowrap; }
.fitburn-marquee__content h5{ font-size: 38px; font-weight: 600; color: var(--fitburn-marquee-text-color, #ffffff); margin-bottom: 0; letter-spacing: 2px; text-transform: uppercase; opacity: .95; }
.fitburn-marquee__content h5::after{ content: "\f101"; font-family: 'Font Awesome 6 Pro'; font-weight: 700; margin-left: 40px; color: var(--fitburn-marquee-text-color, #ffffff); }

/* Direction: Right -> Left */
.fitburn-marquee--left .fitburn-marquee__track{ animation-name: fitburn-marquee-left; }

@keyframes fitburn-marquee-left{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Direction: Left -> Right */
.fitburn-marquee--right .fitburn-marquee__track{ animation-name: fitburn-marquee-right; }

@keyframes fitburn-marquee-right{
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  .fitburn-marquee__track{
    animation: none !important;
  }
}

/*===============================================
** ABOUT SECTION CSS
*===============================================*/
.fitburn-about { position: relative; }
.fitburn-about__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.fitburn-about__content .section_head{ margin-bottom: 20px; text-align: left; }
.fitburn-about__text p { margin: 0 0 14px; }
/* Features */
.fitburn-about__features { list-style: none; padding: 0; margin: 22px 0 0; display: grid; gap: 14px; }
.fitburn-about__feature { display: flex; gap: 12px; align-items: center; color: #E5E7EB; font-family: Inter, sans-serif; font-size: 14px; }
.fitburn-about__feature-icon { width: 14px; height: 14px; border-radius: 2px; background-color: var( --primary-bg ); position: relative; flex: 0 0 14px; }

/* Media wrapper */
.fitburn-about__image { position: relative; }
.fitburn-about__image img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 16px; }

/* Single image */
.fitburn-about__image--single img { height: auto; }

/* Double image layout */
.fitburn-about__image--double { height: 520px; }
.fitburn-about__image-split { display: grid; grid-template-columns: 1fr 1fr; height: 100%; gap: 14px; box-sizing: border-box; }
.fitburn-about__image-item { position: relative; will-change: transform; }
.fitburn-about__image-item--one img, .fitburn-about__image-item--two img { height: 100%; }

/* Only for double images */
.fitburn-about__image--double .fitburn-about__image-item--one img { animation: fitburnFloatUp 2.8s linear infinite; will-change: transform; }
.fitburn-about__image--double .fitburn-about__image-item--two img { animation: fitburnFloatDown 2.8s linear infinite; will-change: transform; }

/* Image 1 goes UP then DOWN */
@keyframes fitburnFloatUp {
  0%   { transform: translate3d(0, 0, 0); }
  50%  { transform: translate3d(0, -24px, 0); }
  100% { transform: translate3d(0, 0, 0); }
}

/* Image 2 goes DOWN then UP */
@keyframes fitburnFloatDown {
  0%   { transform: translate3d(0, 0, 0); }
  50%  { transform: translate3d(0, 24px, 0); }
  100% { transform: translate3d(0, 0, 0); }
}

/* Button */
.fitburn-about__btn-wrap { margin-top: 28px; }

@media (prefers-reduced-motion: reduce) {
  .fitburn-about__image--double img { animation: none !important; }
}

/* Order helpers */
.fitburn-order-1 { order: 1; }
.fitburn-order-2 { order: 2; }

/*===============================================
** PROGRAMS SECTION CSS
*===============================================*/
/* Card Base (both styles) */
.fitburn-program-card { position: relative; overflow: hidden; border-radius: 8px; background-color: rgba(0, 0, 0, 0.45); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; display: block; text-decoration: none; color: inherit; }
.fitburn-program-card:hover { transform: translateY(-6px); box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45); }
.fitburn-program-media { position: relative; width: 100%; overflow: hidden; background-color: rgba(11, 15, 20, 0.7); }
.fitburn-program-image { width: 100%; height: 340px; object-fit: cover; display: block;  transform: scale(1); transition: transform 0.35s ease; }
.fitburn-program-card:hover .fitburn-program-image { transform: scale(1.06); }

/* Icon */
.fitburn-program-icon-wrap { position: absolute; left: 16px; bottom: 16px; width: 52px; height: 52px; border-radius: 999px; display: grid; place-items: center; background-color: rgba(11, 15, 20, 0.65); backdrop-filter: blur(10px); }
.fitburn-program-icon { width: 28px; height: 28px; object-fit: contain; display: block; }

/* Body */
.fitburn-program-body { padding: 18px 18px 20px; }
.fitburn-program-name { letter-spacing: 0.02em; margin: 0 0 10px; }
.fitburn-program-name .title-shape{ background-color: rgba( var( --primary-rgb), 0.80 ); padding: 6px 20px; }
.fitburn-program-desc { font-size: 15px; line-height: 1.65; margin: 0; opacity: 0.9; }

/* Link */
.fitburn-program-link { display: inline-flex; align-items: center; margin-top: 24px; background-color: var( --primary-bg ); color: var(--primary-text); border-radius: 8px; }
.fitburn-program-link span { font-size: 14px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; display: inline-block; padding: 0; max-width: 0; opacity: 0; overflow: hidden; white-space: nowrap; transition: all .35s ease; }
.fitburn-program-link i{ background-color: var(--secondary-bg); display: inline-block; color: var(--secondary-text); padding: 12px; border-radius: 8px; font-size: 16px; transition: transform .35s ease; }
.fitburn-program-card:hover .fitburn-program-link span{ max-width: 200px; opacity: 1; padding: 8px 8px 8px 18px; }

/* Hover: arrow move */
.fitburn-program-card:hover .fitburn-program-link i{ transform: translateX(6px); }

/* Style: CARD */
.fitburn-programs--style-card .fitburn-program-media { height: auto; }

/* Style: COVER (overlay) */
.fitburn-programs--style-cover .fitburn-program-card { background-color: #0B0F14; }
.fitburn-programs--style-cover .fitburn-program-media { height: 480px; }
.fitburn-programs--style-cover .fitburn-program-image { height: 480px; }
.fitburn-programs--style-cover .fitburn-program-body { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px 18px 18px; background: linear-gradient( to top, rgba(11, 15, 20, 0.92) 0%, rgba(11, 15, 20, 0.62) 45%, rgba(11, 15, 20, 0) 100% ); }

.fitburn-programs--style-cover .fitburn-program-desc { opacity: 0.88; }

/* small neon strip accent */
.fitburn-programs--style-cover .fitburn-program-card::before { content: ""; position: absolute; left: 16px; top: 16px; width: 44px; height: 3px; background-color: var(--secondary-bg); border-radius: 999px; z-index: 2; }

/* Swiper Layout */
.fitburn-programs--slider .fitburn-programs-swiper { position: relative; }
.fitburn-programs--slider .swiper-wrapper { align-items: stretch; }
.fitburn-programs--slider .swiper-slide { height: auto; }
.fitburn-programs--slider .fitburn-program-card { height: 100%; }

/* Swiper Pagination */
.fitburn-programs--slider .swiper-pagination { position: relative; margin-top: 26px; }
.fitburn-programs--slider .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 0.35; }
.fitburn-programs--slider .swiper-pagination-bullet-active { opacity: 1; }

/* Swiper Nav */
.fitburn-programs--slider .swiper-button-prev, .fitburn-programs--slider .swiper-button-next { width: 44px; height: 44px; border-radius: 999px; background: rgba(11, 15, 20, 0.55); border: 1px solid rgba(255, 255, 255, 0.12); transition: transform 0.2s ease, border-color 0.2s ease; }
.fitburn-programs--slider .swiper-button-prev:hover, .fitburn-programs--slider .swiper-button-next:hover { transform: translateY(-2px); border-color: rgba(222, 251, 2, 0.22); }
.fitburn-programs--slider .swiper-button-prev::after, .fitburn-programs--slider .swiper-button-next::after { font-size: 14px; }

/*===============================================
** VIDEO SECTION CSS
*===============================================*/
.fitburn-video-popup{ display: flex; justify-content: center; align-items: center; padding: 140px 0; }
.fitburn-video-popup-btn{ width: 110px; height: 110px; border-radius: 999px; display: flex; justify-content: center; align-items: center;  background-color: var( --primary-bg ); color: var(--primary-text); text-decoration: none; position: relative; transition: transform .25s ease, box-shadow .25s ease; }

/* Play icon */
.fitburn-video-popup-btn i{ font-size: 28px; line-height: 1; margin-left: 2px; }

/* Pulse ring */
.fitburn-video-popup-btn::before{ content: ""; position: absolute; inset: -14px; border-radius: 999px; border: 2px solid rgba( var( --primary-rgb ), 0.55); animation: fitburnPulse 1.8s ease-out infinite; }

/* second ring (strong premium) */
.fitburn-video-popup-btn::after{ content: ""; position: absolute; inset: -28px; border-radius: 999px; border: 2px solid rgba(var( --primary-rgb ), 0.35); animation: fitburnPulse2 1.8s ease-out infinite; }

@keyframes fitburnPulse{
  0%   { transform: scale(0.75); opacity: 0.9; }
  70%  { transform: scale(1.15); opacity: 0; }
  100% { transform: scale(1.15); opacity: 0; }
}

@keyframes fitburnPulse2{
  0%   { transform: scale(0.65); opacity: 0.7; }
  70%  { transform: scale(1.25); opacity: 0; }
  100% { transform: scale(1.25); opacity: 0; }
}

/* Hover */
.fitburn-video-popup-btn:hover{ transform: scale(1.05); box-shadow: 0 0 0 6px rgba(var(--primary-rgb), 0.15); color: initial; }

/*===============================================
** WHY US SECTION CSS
*===============================================*/
.fitburn-why-card { background: rgba(255,255,255,0.05); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,0.08); border-radius: 20px; margin: 15px 0;  padding: 40px 30px; text-align: center; transition: all 0.35s ease; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; }
.fitburn-why-icon { position: relative; font-size: 42px; margin-bottom: 20px; transition: all 0.35s ease; z-index: 1; }
.fitburn-why-icon::before { content: ""; position: absolute; top: 50%; left: 50%; width: 90px; height: 90px; transform: translate(-50%, -50%) scale(0.6); border-radius:  50%; background: rgba(255,255,255,0.06); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.1); opacity: 0; transition: all 0.35s ease; z-index: -1; }
.fitburn-why-title { margin-bottom: 15px; letter-spacing: 1px; }
.fitburn-why-text { line-height: 1.7; opacity: 0.85; }

/* ===== Hover Effect - Full Glow ===== */
.fitburn-why-card:hover { transform: translateY(-8px); border-color: var(--primary-bg, var( --primary-bg )); box-shadow: 0 0 25px rgba(var( --primary-rgb ), 0.4), 0 0 60px rgba(222, 251, 2, 0.2); }
.fitburn-why-card:hover .fitburn-why-icon { color: var(--primary-bg, var( --primary-bg )); }
.fitburn-why-card:hover .fitburn-why-icon::before { opacity: 1; transform: translate(-50%, -50%) scale(1); box-shadow: 0 0 20px rgba(var( --primary-rgb ), 0.4), 0 0 45px rgba(222, 251, 2, 0.2); }

/* ========================================
   PRICING SECTION CSS
======================================== */
.fitburn-pricing-wrap{ margin-top: 80px; }
.fitburn-pricing-card { position: relative; background-color: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.05); border-radius: 16px; padding: 40px 30px; text-align: center; transition: all 0.35s ease; }
.fitburn-pricing-card:hover { transform: translateY(-6px); }
.fitburn-pricing-card.is-highlight { border: 2px solid var( --primary-bg ); box-shadow: 0 0 25px rgba(222, 251, 2, 0.25); }
.fitburn-pricing-badge { position: absolute; top: -12px; right: 20px; background-color: var( --primary-bg ); color: var(--primary-text); font-size: 12px; font-weight: 600; padding: 6px 12px; border-radius: 30px; }
.fitburn-pricing-title { letter-spacing: 1px; margin-bottom: 10px; }
.fitburn-pricing-desc { margin-bottom: 20px; }
.fitburn-pricing-price { margin-bottom: 20px; display: flex; justify-content: center; align-items: baseline; }
.fitburn-price-amount { font-size: 48px; font-weight: 700; color: var( --primary-bg ); }
.fitburn-price-amount .fitburn-price-currency{ font-size: 24px; margin-right: 5px; }
.fitburn-price-duration { display: block; font-size: 14px; margin-top: 5px; font-weight: 700; letter-spacing: .5px; }
.fitburn-pricing-divider { height: 1px; background-color: rgba(255,255,255,0.08); margin: 25px 0; }
.fitburn-pricing-features { list-style: none; padding: 0; margin: 0 0 30px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.fitburn-pricing-features li { font-size: 15px; margin-bottom: 12px; position: relative; padding-left: 20px; list-style: none; text-transform: uppercase; font-weight: 500; letter-spacing: .5px; }
.fitburn-pricing-features li i { color: var( --primary-bg ); font-size: 14px; margin-right: 6px; }
.fitburn-pricing-button .fitburn-btn { display: inline-block; width: 100%; padding: 14px 20px; background-color: var( --primary-bg ); color: var(--primary-text); font-weight: 600; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; }
.fitburn-pricing-button .fitburn-btn:hover { background-color: var(--secondary-bg); color: var(--secondary-text); }
.fitburn-pricing-trust { margin-top: 40px; text-align: center; }
.fitburn-trust-list { list-style: none; padding: 2px 20px; margin: 0; display: inline-flex; gap: 30px; flex-wrap: wrap; justify-content: center; background-color: var(--secondary-bg); border-radius: 50px; }
.fitburn-trust-list li { font-size: 14px; font-weight: 700; position: relative; padding-left: 18px; list-style: none; }
.fitburn-trust-list li::before { content: "✔"; position: absolute; left: 0; color: var( --primary-bg ); }

/* ==========================================
   BMI SECTION CSS
   ========================================== */
.fitburn-bmi-wrapper { margin: 40px auto; }
.fitburn-bmi-card { background-color: #11161D; padding: 40px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.05); transition: 0.3s ease; }

/* ===== Toggle Buttons ===== */
.fitburn-bmi-toggle { display: flex; gap: 10px; margin-bottom: 25px; }
.fitburn-mode { flex: 1; padding: 12px; background-color: var(--secondary-bg); color: var(--secondary-text); border: 1px solid rgba(255,255,255,0.1); cursor: pointer; border-radius: 8px; transition: 0.3s ease; }
.fitburn-mode.active { background-color: var( --primary-bg ); color: var(--primary-text); border-color: var( --primary-bg ); font-weight: 600; }

/* ===== Input Fields ===== */
.fitburn-bmi-form { margin-bottom: 25px; }
.inner-fitburn-bmi-form{ display: flex; gap: 15px; flex-wrap: wrap; }
.fitburn-bmi-form input { flex: 1; padding: 14px 16px; background-color: #0B0F14; border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; color: #F9FAFB; font-size: 16px; transition: 0.3s ease; }
.fitburn-bmi-form input:focus { outline: none; border-color: var( --primary-bg ); box-shadow: 0 0 0 2px rgba(222,251,2,0.2); }

/* ===== Buttons ===== */
.fitburn-bmi-actions { display: flex; gap: 15px; margin-bottom: 25px; }
.fitburn-calc-btn { flex: 1; padding: 14px; background-color: var( --primary-bg ); border: none; color: #0B0F14; font-weight: 600; border-radius: 8px; cursor: pointer; transition: 0.3s ease; }
.fitburn-calc-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(222,251,2,0.3); }
.fitburn-reset-btn { flex: 1; padding: 14px; background: transparent; border: 1px solid var( --primary-bg ); color: var( --primary-bg ); border-radius: 8px; cursor: pointer; transition: 0.3s ease; }
.fitburn-reset-btn:hover { background-color: var( --primary-bg ); color: #0B0F14; }

/* ===== Result Section ===== */
.fitburn-bmi-result { padding: 20px; background-color: #0B0F14; border-radius: 10px; border: 1px solid rgba(255,255,255,0.05); animation: fadeIn 0.3s ease forwards; position: relative; }
.fitburn-bmi-result h3 { margin-bottom: 5px; }
.fb-bmi-value { color: var( --primary-bg ); }
.fb-bmi-message{ margin-top: 15px; }
.fb-bmi-category { font-size: 14px; color: #E5E7EB; position: absolute; right: 20px; top: 20px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; padding: 5px 25px; }

/* ===== Category Colors ===== */
.fitburn-bmi-result.fb-under { border-left: 4px solid #3b82f6; background-color: rgba(59,130,246,0.4); }
.fitburn-bmi-result.fb-under .fb-bmi-category{ background-color: rgba(59,130,246,0.6); }
.fitburn-bmi-result.fb-normal { border-left: 4px solid #08bd4a; background-color: rgba(8,189,74,0.4); }
.fitburn-bmi-result.fb-normal .fb-bmi-category{ background-color: rgba(8,189,74,0.6); }
.fitburn-bmi-result.fb-over { border-left: 4px solid #f59e0b; background-color: rgba(245,158,11,0.4); }
.fitburn-bmi-result.fb-over .fb-bmi-category{ background-color: rgba(245,158,11,0.6); }
.fitburn-bmi-result.fb-obese { border-left: 4px solid #ef4444; background-color: rgba(239,68,68,0.4); }
.fitburn-bmi-result.fb-obese .fb-bmi-category{ background-color: rgba(239,68,68,0.6); }

/* ===== CTA Button ===== */
.fitburn-bmi-cta { margin-top: 20px; text-align: center; }
.fitburn-bmi-cta-btn { display: inline-block; padding: 14px 28px; background-color: var( --primary-bg ); color: #0B0F14; font-weight: 600; border-radius: 8px; text-decoration: none; transition: 0.3s ease; }
.fitburn-bmi-cta-btn:hover { box-shadow: 0 10px 25px rgba(222,251,2,0.3); background-color: #26C0B7; color: #ffffff; }

/* ===== Animation ===== */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==========================================
   CTA SECTION CSS
   ========================================== */
.fitburn-cta-content { max-width: 800px; margin: 0 auto; position: relative; }
.fitburn-cta-title { font-size: 86px; line-height: 1.1; color: #F9FAFB; }
.fitburn-cta-description { line-height: 1.7; margin-bottom: 35px; }
.fitburn-btn { display: inline-block; background-color: var( --primary-bg ); color: var(--primary-text); padding: 14px 32px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; }
.fitburn-btn:hover { background: var(--secondary-bg); color: var( --secondary-text ); }

/* ===============================
   INSTAGRAM SECTION CSS
================================ */
.fitburn-instagram { position: relative; overflow: hidden; }
.instagram-item { margin: 0; padding: 0; }
.instagram-item img { width: 100%; height: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; transition: transform 0.4s ease, filter 0.4s ease; }
.instagram-item:hover img { transform: scale(1.05); filter: brightness(0.9); }

/* ===== GRID ===== */
.instagram-grid { display: grid; grid-template-columns: repeat(var(--fb-columns), minmax(0, 1fr)); gap: 10px; width: 100%; }

/* ===== MARQUEE ===== */
.instagram-marquee { overflow: hidden; width: 100%; }
.instagram-track { display: flex; gap: 15px; width: max-content; animation: fitburn-marquee linear infinite; animation-duration: var(--fb-speed); will-change: transform; }
.instagram-marquee .instagram-item { flex: 0 0 auto; width: 280px; }
.fitburn-instagram:hover .instagram-track { animation-play-state: paused; }
/* Infinite Left → Right */
@keyframes fitburn-marquee {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

/* ===== BADGE ===== */
.instagram-badge { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); background-color: var(--primary-bg); color:var(--primary-text); padding: 10px 18px; font-size: 16px; text-decoration: none; opacity: 0; transition: all 0.3s ease; z-index: 10; letter-spacing: 2px; border-radius: 6px; }
.fitburn-instagram:hover .instagram-badge { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.instagram-badge:hover{ background-color: var(--secondary-bg); color: var( --seondary-text ); }

/* ===============================
   TIMELINE SECTION CSS
================================ */
.fitburn-timeline.horizontal{ position:relative; display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:40px; padding:80px 0 40px; }
.fitburn-timeline-line{ position:absolute; top:47px; left:0; right:0; height:2px; background-color:#1F2937; width: calc(100% + 100%); }
.fitburn-timeline-item{ position:relative; text-align:center; display:flex; flex-direction:column; align-items:center; }
.fitburn-timeline-item::before{ content:""; position:absolute; top:-40px; width:2px; height:40px; background-color:#1F2937; }
.timeline-dot{ position:absolute; top:-40px; width:16px; height:16px; background-color:var( --primary-bg ); border-radius:50%; border:4px solid #0B0F14; z-index:2; }
.timeline-card{ background-color:#111827; border:1px solid #1F2937; border-radius:16px; padding:20px; height:100%; display:flex; flex-direction:column; justify-content:flex-start; transition:all .3s ease; }
.timeline-card:hover{ transform:translateY(-6px); border-color:var( --primary-bg ); }
.timeline-year{ font-size:14px; font-weight:700; color:var( --primary-bg ); margin-bottom:6px; }
.timeline-title{ font-size:18px; margin-bottom:10px; }
.timeline-text{ font-size:14px; line-height:1.6; color:#9CA3AF; }
.fitburn-timeline.horizontal{ overflow-x:auto; grid-auto-flow:column; grid-auto-columns:25%; }

/* ===== vertical ===== */
.fitburn-timeline.vertical{ position:relative; max-width:900px; margin:auto; }
.fitburn-timeline.vertical .fitburn-timeline-line{ position:absolute; left:50%; top:0; width:3px; height:100%; background-color:var(--primary-bg); transform:translateX(-50%); }
.fitburn-timeline.vertical .fitburn-timeline-item{ position:relative; display:flex; width:50%; margin-bottom:50px; }
.fitburn-timeline.vertical .fitburn-timeline-item:nth-child(odd){ left:0; padding-right:40px; text-align:right; }
.fitburn-timeline.vertical .fitburn-timeline-item:nth-child(even){ left:50%; padding-left:40px; text-align: left; }
.fitburn-timeline.vertical .timeline-dot{ position:absolute; top:20px; width:16px; height:16px; background-color:var(--primary-bg); border-radius:50%; z-index:2; }
.fitburn-timeline.vertical .fitburn-timeline-item:nth-child(odd) .timeline-dot{ right:-8px; }
.fitburn-timeline.vertical .fitburn-timeline-item:nth-child(even) .timeline-dot{ left:-8px; }
.fitburn-timeline.vertical .timeline-card{ background-color:#11161c; padding:25px; border-radius:8px; transition:.3s; border:1px solid rgba(255,255,255,0.06); }
.fitburn-timeline.vertical .timeline-card:hover{ transform:translateY(-6px); box-shadow:0 10px 30px rgba(0,0,0,0.4); }
.fitburn-timeline.vertical .timeline-year{ color:var(--primary-bg); font-weight:600; display:block; margin-bottom:6px; }
.fitburn-timeline.vertical .fitburn-timeline-item::before{ content: ""; position: absolute; top: 27px; left: 0; width: 40px; height: 2px; background-color: #1F2937; }
.fitburn-timeline.vertical .fitburn-timeline-item:nth-child(odd)::before{ right: 0; left: auto; }

/* ===============================
   SPLIT SECTION CSS
================================ */
.fitburn-container{ max-width: 1600px; margin: 0 auto; }
.fitburn-split-grid{ display:grid; grid-template-columns:1fr 1fr; align-items: center; gap:30px; }
.split-image-area{ position:relative; display:inline-block; }
.primary-image{ position:relative; margin-right: 16%; z-index:1; }
.primary-image img{ width:100%; display:block; }
.secondary-image{ position: absolute; bottom: 100px; right: 0; width: 280px; z-index: 2; }
.secondary-image img{ width:100%; box-shadow:0 20px 50px rgba(0,0,0,0.4); }
.fitburn-split-section.image-right .primary-image{ margin-right: 0; margin-left: 16%; }
.fitburn-split-section.image-right .secondary-image{ left: 0; }
.split-content{ padding: 1rem 100px 1rem 3rem; }
.fitburn-split-section.image-right .split-content{ padding: 1rem 100px 1rem 0; }
.split-btn{ display:inline-block; padding:12px 26px; background:var( --primary-bg ); color:var(--primary-text); font-weight:600; border-radius:6px; text-decoration:none; transition:0.3s; }
.split-btn:hover{ background:var(--secondary-bg); color:var(--secondary-text); }

/* IMAGE RIGHT */
.fitburn-split-section.image-right .split-image-area{ order:2; }
.fitburn-split-section.image-right .split-content{ order:1; }

/* ===============================
   WORKING PROCESS SECTION CSS
================================ */
.fitburn-process-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; position: relative; text-align: center; align-items: start; }
.fitburn-process-grid::before { content: ""; position: absolute; top: 80px; left: 0; right: 0; height: 2px; background-color: var( --primary-bg ); z-index: 0; }
.process-step { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1; }
.process-step .step-image{ max-width: 160px; margin-bottom: 30px; border-radius: 50%; overflow: hidden; transform: scale(1); transition: all .2s ease-in-out; }
.process-step:hover .step-image{ transform: scale(0.8); }
.process-step .step-number { background-color: var( --primary-bg ); color: var(--primary-text); width: 50px; height: 50px; line-height: 50px; border-radius: 50%; margin-bottom: 20px; font-weight: 700; z-index: 2; }
.process-step .step-title { margin-bottom: 5px; letter-spacing: 1px; font-size: 1.6rem; }

/*===============================================*  Theme Shortcode Css End  *===============================================*/
/*===============================================
** Image Slider CSS
*===============================================*/
#image-slider .owl-nav .owl-prev, #image-slider .owl-nav .owl-next{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);  }
#image-slider .owl-nav .owl-prev{ left: 20px; }
#image-slider .owl-nav .owl-next{ right: 20px; }

/*===============================================
** Counter CSS
*===============================================*/
.fitburn-counter-box { padding: 40px 25px; border-radius: 14px; text-align: center; position: relative; transition: all 0.3s ease; border: 1px solid rgba(255,255,255,0.05); }
.fitburn-counter-box:hover { transform: translateY(-6px); box-shadow: 0 15px 35px rgba(0,0,0,0.35); }
.fitburn-counter-icon { width: 90px; height: 90px; text-align: center; background-color: var(--primary-bg); color: var(--primary-text); margin: 0 auto 24px; border-radius: 14px; }
.fitburn-counter-icon i { font-size: 38px; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: 0.3s ease; }
.fitburn-counter-number { font-size: 52px; line-height: 1; letter-spacing: 1px; margin: 0; }
.fitburn-counter-plus { font-size: 28px; margin-left: 4px; }
.fitburn-counter-title { margin-top: 15px; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; }

/*===============================================
** Iconbox Css
*===============================================*/
.iconbox.style1{ position: relative; width: 100%; margin: 10px 0; text-align: left; padding: 0 5px; display: inline-block; -webkit-transition: 0.5s; transition: 0.5s; }
.iconbox.style1 .iconbox-icon .iconbox-icon-inner{ margin:0 0 30px; color: var( --primary-bg ); font-size: 50px; line-height: 1; -webkit-transition: 0.3s; transition: 0.3s; }
.iconbox.style1 .iconbox-content h4{ margin-bottom: 10px; }
.iconbox.style1 .iconbox-content p{ margin-bottom: 0; }

/*=============================================================================================*/

.iconbox.style2{ position: relative; margin: 15px 0; cursor: pointer; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items: center; }
.iconbox.style2 .iconbox-icon{ flex-shrink: 0;width: 80px; height: 80px; font-size: 40px; background-color: var(--primary-bg); color: var(--primary-text); margin: 0 20px 0 0; text-align: center; border-radius: 50%; position: relative; z-index: 1; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.iconbox.style2 .iconbox-icon-inner{ position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.iconbox.style2 .iconbox-content h4{margin-bottom: 5px; }
.iconbox.style2 .iconbox-content p{ margin: 0; }
.iconbox.style2 .icon-more{ text-align: center; font-size: 18px; line-height: 40px; }
.iconbox.style2 .icon-more a{ display: inline-block; width: 40px; height: 40px; line-height: 40px; background-color: #571420; color: #ffffff; border-radius: 50px; }
.iconbox.style2:hover .icon-more a{ background-color: var( --primary-bg ); color: #ffffff; }
.iconbox.style2:hover .iconbox-icon{ background-color: var( --secondary-bg ); color: var(--secondary-text); }

/*=============================================================================================*/

.iconbox.style3{ position: relative; text-align: center; margin: 15px 0; overflow: hidden; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.5s; transition: 0.5s; cursor: pointer; z-index: 3; }
.iconbox.style3 .iconbox-icon{ display: inline-block; vertical-align: middle; text-align: center; position: relative; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; box-sizing: content-box; font-size: 60px; color: var(--secondary-bg); margin-bottom: 30px; }
.iconbox.style3 .iconbox-content{ border-radius: 10px; padding-bottom: 25px; }
.iconbox.style3 .iconbox-content h4{ border-radius: 6px; color: var(--secondary-text); text-transform: uppercase; font-size: 18px; padding: 15px 10px; letter-spacing: 1px; background-color: var(--secondary-bg); }
.iconbox.style3 .iconbox-content p{ margin: 0 20px; }
.iconbox.style3 .icon-more{ width: 40px; height: 40px; text-align: center; font-size: 20px; line-height: 40px; margin: 25px auto 0; }
.iconbox.style3 .icon-more a{ display: block; height: 100%; width: 100%; background-color: var(--secondary-bg); color: var(--secondary-text); border-radius: 6px; }
.iconbox.style3:hover .icon-more a{ background-color: var( --primary-bg ); color: var(--primary-text); }

/*=============================================================================================*/

.iconbox.style4{ position: relative; padding: 35px 25px;  -webkit-box-shadow: 0 0 18px 0 rgb(10 27 95 / 10%); box-shadow: 0 0 18px 0 rgb(10 27 95 / 10%); margin: 35px 0 20px; cursor: pointer; }
.iconbox.style4 .iconbox-icon{ width: 60px; height: 60px; text-align: center; line-height: 60px; margin-bottom: 25px; background-color: rgba(255,255,255,0.05); color: var( --primary-bg ); font-size: 30px; border-radius: 10px; -webkit-transition: 0.3s; transition: 0.3s; }
.iconbox.style4 .iconbox-content h4{ margin-bottom: 10px; }
.iconbox.style4 .iconbox-content p{ margin-bottom: 0; }
.iconbox.style4 .icon-more{ margin-top: 20px; }
.iconbox.style4 .icon-more a{ font-size: 24px; color: var(--secondary-bg); }
.iconbox.style4:hover .icon-more a{ color: var( --primary-bg ); }
.iconbox.style4:hover .iconbox-icon{ background-color: var(--secondary-bg); color: var(--secondary-text); }

/*=============================================================================================*/

.iconbox.style5{ position: relative; padding: 20px 20px 20px 30px; margin: 20px 0; box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 10%); border-radius: 20px; border-left: 13px solid var(--secondary-bg); background-color: rgba(255,255,255,0.05); -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; }
.iconbox.style5 .iconbox-icon{ font-size: 52px; margin-bottom: 30px; color: var( --primary-bg ); -webkit-transition: 0.3s; transition: 0.3s; }
.iconbox.style5 .icon-more a{ font-size: 20px; }
.iconbox.style5:hover{ border-color: var( --primary-bg ); }
.iconbox.style5:hover .icon-more a{ color: var( --secondary-bg ); }
.iconbox.style5:hover .iconbox-icon{ color: var(--secondary-bg); }


/*===============================================
** Client Logo CSS
*===============================================*/
.partner-logo{ text-align:center; }
.partner-logo img{ width:auto !important; margin:0 auto; -webkit-filter:grayscale(1); filter:grayscale(1); -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.partner-logo:hover img{ -webkit-filter:grayscale(0); filter:grayscale(0); }
.partner-logo a{ display:block; }

/*===============================================
** Skill Bar Css
*===============================================*/
.skillbar { margin-bottom: 30px; }
.skillbar-title span { font-weight: 600; font-size: 16px; text-transform: uppercase; margin-bottom: 8px; display: block; }
.skill-bg { background-color: var(--secondary-bg); height: 12px; width: 100%; border-radius: 6px; position: relative; overflow: visible; }
.skillbar-bar { height: 12px; background-color: var( --primary-bg ); width: 0; border-radius: 6px; position: relative; }
.skill-bar-percent { position: absolute; top: -40px; left: 100%; transform: translateX(-50%); white-space: nowrap; color: var(--primary-text); background-color: var( --primary-bg ); padding: 2px 6px; border-radius: 3px; font-weight: bold; pointer-events: none; user-select: none; z-index: 10; }
/* Down arrow using CSS */
.skill-bar-percent::after { content: ""; display: inline-block; margin-left: 4px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid var( --primary-bg ); position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); }

/*===============================================
** Pricing Box
*===============================================*/
.pricing-plan { border: 1px solid #ddd; background-color: #ffffff; max-width: 400px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; margin: 20px auto; -webkit-transform: scale(.96); transform: scale(.96); }
.pricing-plan-header{ background-color: var( --primary-bg ); padding: 25px 30px; }
.pricing-plan-header > *{ color: #ffffff; margin: 0; line-height: 1.2; }
.pricing-plan-header h3.plan-title{ font-size: 24px; margin-bottom: 10px; }
.pricing-plan-price-duration{ background-color: #131112; padding: 25px 30px; }
.pricing-plan-price-duration > *{ color: #ffffff; }
.pricing-plan-price-duration .plan-price{ font-size: 36px; font-weight: 700; margin-bottom: 10px; }
.plan-features{ list-style: none; padding: 30px; margin: 0; }
.plan-features li{ list-style: none; margin: 14px 0; display: flex; gap: 12px; align-items: center; justify-content: flex-start; }
.icon-check { color: #28a745; /* green */ }
.icon-cross { color: #dc3545; /* red */ }
.plan-button > a{ display: block; min-height: 50px; border-radius: 0; text-align: center; font-weight: 400; background-color: var( --primary-bg ); color: #ffffff; padding: 14px 24px; transition: all 0.3s ease; }
.plan-button > a:hover { background-color: #131112; color: #ffffff; }

/* Highlighted Plan Style */
.pricing-plan.highlighted { -webkit-transform: scale(1.04); transform: scale(1.04); }
.pricing-plan.highlighted .pricing-plan-header{ background-color: #131112; }
.pricing-plan.highlighted .pricing-plan-price-duration{ background-color: var( --primary-bg ); }
.pricing-plan.highlighted .plan-button a{ background-color: #131112; color: #ffffff; }
.pricing-plan.highlighted .plan-button a:hover { background-color: var( --primary-bg ); }

/*===============================================
** Swiper Navigation Css
*===============================================*/
/* Make every Swiper (initialized via data-swiper) the positioning context */
.swiper[data-swiper] { position: relative; }

/* Pagination: bottom, centered */
.swiper[data-swiper] .swiper-pagination { position: relative; bottom: 0; width: 100%; margin-top: 30px; text-align: center; z-index: 2; }

/* Navigation: vertically centered, edges se 20px */
.swiper[data-swiper] .swiper-button-prev, .swiper[data-swiper] .swiper-button-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background-color: var( --primary-bg ); border-radius: 6px; transition: all .2s ease-in-out; }
.swiper[data-swiper] .swiper-button-prev:after,
.swiper[data-swiper] .swiper-button-next:after{ font-size: 18px; }

/* offsets */
.swiper[data-swiper] .swiper-button-prev { left: 20px; }
.swiper[data-swiper] .swiper-button-next { right: 20px; }

/* Optional: default colors using Swiper CSS vars (affects all) */
.swiper[data-swiper] { --swiper-navigation-color: currentColor; --swiper-pagination-color: currentColor; }

/* Fallback color + subtle hover */
.swiper[data-swiper] .swiper-button-prev,
.swiper[data-swiper] .swiper-button-next { color: var(--primary-text); }
.swiper[data-swiper] .swiper-button-prev:hover,
.swiper[data-swiper] .swiper-button-next:hover { background-color: var(--secondary-bg); color: var(--secondary-text); border-radius: 50%; }

/* Optional: nicer bullet spacing */
.swiper[data-swiper] .swiper-pagination-bullet { margin: 0 5px !important; width: 24px; height: 10px; border-radius: 10px; background-color: var(--primary-bg); }

/*===============================================
** Footer Css
*===============================================*/
#footer-wrapper{ background-color: var(--footer-bg); border-top: 1px solid rgba(255,255,255,0.12); color:var(--footer-desc); position: relative; z-index: 0; padding: 60px 0 40px; }
.foo-cols h5.footer-widget-title{ font: 500 26px / 1 'Bebas Neue'; margin-bottom: 20px; color: #111827; position: relative; letter-spacing: 1px; }
.foo-cols ul.menu li a, #footer-wrapper a{ color:var(--footer-link); }
.foo-cols ul.menu li a:hover, #footer-wrapper a:hover{ color:var( --footer-link-hvr ); }
#footer-wrapper .social-icons a{ color:var( --primary-text ); }

/*===============================================
** Footer Layouts One Css
*===============================================*/
.footer-layout-one-data{ margin-bottom: 60px; }
.footer-layout-one-data-wrap{ align-items: stretch; }
.foo-lay-one-box { border: 1px solid #ffffff; border-radius: 5px; padding: 16px; height: 100%; }
.foo-lay-one-box-icon{ color: var(--primary-bg); }
.foo-lay-one-box-icon-inn{ padding: 0; text-align: center; height: auto; border-radius: 10rem; transition: .5s; margin-left: auto; margin-right: auto; font-size: 60px; z-index: 2; position: relative; background: none; line-height: 0; width: 115px; top: 50%; transform: translateY(-50%); }
.foo-lay-one-box-content h6{ margin-bottom: 5px; letter-spacing: 1px; }
.foo-lay-one-box-content p{ font-size: 1.2rem; font-weight: 700; }

/*===============================================
** Footer Layouts Two Css
*===============================================*/
.footer-lay-two-data-logo{ width: 250px; margin: 0 auto; }
.footer-lay-two-data-content{ width: 800px; margin: 0 auto; }
.foo-lay-two-contact li{ position: relative; list-style: none; flex: 1; }
.foo-lay-two-contact li:not(:last-child){ margin-right: 20px; }
.foo-lay-two-contact li span{ display: block; text-align: center; }
.foo-lay-two-contact li p{ margin-bottom: 0; }
.foo-lay-two-contact li i{ display: block; color: var( --primary-bg ); font-size: 32px; }

/*===============================================
** Footer Layouts Three Css
*===============================================*/
.footer-lay-three-data .foo-logo{ width: 250px; }
.footer-lay-menu{ border-top: 1px solid #2d2c2c; padding-top: 50px; margin-top: 50px; }
.footer-lay-menu ul{ margin: 0; padding: 0; list-style: none; }
.footer-lay-menu ul li{ display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; margin: 0 10px; }
.footer-lay-menu ul li > ul{ display: none !important; }

/*===============================================
** Footer Widget Css
*===============================================*/
.foo-getintouch{ margin:35px 0 0; }
.foo-cols.col-3 .getintouch-logo{ width: 80%; margin-bottom: 30px; }
.getintouch-logo{ margin:0 0 30px; width:70%; }
#sidebar .getintouch-logo{ width:auto; }
#sidebar .widget-getintouch-info li{ padding:0 0 0 40px; margin: 5px 0; }
#sidebar .widget-getintouch-social li a{ line-height:35px; }
.getintouch-logo img{ width:auto; }
.widget-getintouch-info li{ display:block; padding-left:30px; margin-bottom:10px; position:relative; }
.widget-getintouch-info li:before{ position:absolute; left:0; font-family:'Font Awesome 6 Pro'; font-weight:300; font-size:18px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.widget-getintouch-info li.icon-address:before{ content:'\f3c5'; }
.widget-getintouch-info li.icon-phone:before{ content:'\f8d3'; }
.widget-getintouch-info li.icon-wapp:before{ content:'\f232'; font-family:'Font Awesome 6 Brands'; }
.widget-getintouch-info li.icon-mail:before{ content:'\f0e0'; }
.widget-getintouch-info li.icon-hrs:before{ content:'\f017'; }
.widget-getintouch-social{ margin-top:35px; }
.widget-getintouch-social li,.social-media li{ display: inline-block; margin: 0 5px; width: 38px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; }
.widget-getintouch-social li a,.social-media li a{ display: block; color: #ffffff !important; background-color: var( --primary-bg ); border-radius: 5px; }
.widget-getintouch-social li a:hover{ color: #ffffff !important; background-color: #571420; }
.social-media li{ margin-bottom: 30px;}

.widget_nav_menu .footer-nav li{ margin-bottom: 10px; list-style: none; }
.widget_nav_menu .footer-nav li a{ display:block; position:relative; padding-left: 25px; }
.widget_nav_menu .footer-nav li a:before{ content: '\f34c'; font-family: 'Font Awesome 6 Pro'; font-weight: 700; font-size: 16px; position: absolute; left: 0; }
.widget_nav_menu .footer-nav ul{ display:none; }

.latest-posts-row{ margin-bottom:24px; clear: both; overflow: hidden; }
.latest-posts-row:last-child{ margin: 0; }
.latest-post-thumb { width:90px; padding:2em; background-position:center; background-size:cover; background-repeat:no-repeat; display:table-cell; position:relative; }
.latest-post-thumb a{ display: block; width: 100%; height: 100%; position:absolute; left:0; top:0; }
.latest-post-content{ overflow:hidden; display:table-cell; vertical-align:middle; padding-left: 20px; }
.latest-post-content h6{ margin:0 0 5px; line-height: 1.2; }
.latest-post-content p{ line-height:20px; margin-bottom:0; }
.latest-post-content h6, .latest-post-content p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-box-orient: vertical; }

.download-brochure{ position: relative; }
.download-brochure a{ padding:20px 20px 20px 80px; font-size:18px; display:block; background-color:var( --primary-bg ); color:#ffffff; position: relative; }
.download-brochure a:before{ content:'\f15c'; font-family:'Font Awesome 6 Pro'; font-size:30px; left:0; width:60px; text-align:center; top:0; bottom:0; background-color:#131313; position:absolute; font-weight:300; line-height:60px; }
.download-brochure a:hover{ color:#ffffff; }

.newsletter input[type="email"]{ margin: 0 0 10px; height: 50px; text-align: left; box-shadow: none; color: inherit; border-radius: 40px; }
.newsletter input[type="submit"]{ width:100%; background-color:var( --primary-bg ); border:none; color:#ffffff; cursor:pointer; -webkit-appearance:button; -moz-appearance:button;appearance:button; box-shadow: none; border-radius: 40px; }
.newsletter form p{ margin-bottom: 0; }

.sidebar-banner{ position:relative; z-index:99; padding:25% 20px; }
.sidebar-banner h3{ font-size: 32px; }
.sidebar-banner p{ margin-bottom:30px; }
.sidebar-banner a{ color:#ffffff !important; }
.foo-cols.widget-column .sidebar-banner{ padding:20% 20px; }

.widget-about-image{ margin-bottom: 20px; }
.widget-about-conte{ padding:0 12px; }
.widget-about-conte h2.wid-abt-hd{ margin: 0 0 10px; color:var( --primary-bg ); }
.widget-about-conte .sub-wid-abt-hd{ color:#262729; font-style:italic; margin: 0 0 10px; font-size:90%; }
.widget-about-conte p{ font-size:90%; line-height:24px; }
ul.widget-about-social{ margin:20px 0 0; padding:15px 0 0; border-top:1px solid #e1e1e1; }
ul.widget-about-social li{ display:inline-block; margin:5px; padding:0 !important; font-size: 12px; width: 30px; height: 30px; line-height: 30px; }
ul.widget-about-social li a{ background-color: var( --primary-bg ); color: var(--primary-text) !important; display: block; height: 100%; line-height: 30px !important;text-align: center; border-radius: 5px; font-size: 16px; }
ul.widget-about-social li a:hover{ background-color: var(--secondary-bg); color: var(--secondary-text) !important; }

.opening-hrs .opening-hrs-list li{ padding:0 5px 10px 25px !important; margin-bottom:10px; display:block; border-bottom:1px solid; position: relative; }
.opening-hrs .opening-hrs-list li:before{ content: ''; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; background-color: var( --primary-bg ); }
.opening-hrs .opening-hrs-list li:last-child{ color:red !important; margin-bottom: 0; padding-bottom: 0; border: none; }
.opening-hrs .opening-hrs-list li span{ display: block; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }

/*===============================================
** Copyright Css
*===============================================*/
.copyright-wrapper{ padding: 20px 0; background-color: var(--footer-copy-bg); border-top: 1px solid #2d2c2c; }
.copyright-wrapper, .copyright-wrapper a{ color: var(--footer-copy-txt); }
.copyright-wrapper a:hover{ color: var( --footer-copy-hvr ); }

/*===============================================
** Innerpages Css
*===============================================*/
.abt-inner-img{ border-radius: 15px;}
.entry-meta{ display: none;}
/* Innerpage title */
.innerbanner{ overflow:hidden; position:relative; padding: 10rem 0; margin: 24px; border-radius: 14px; }
.innerbanner:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; }
h1.innerpage-title{ display:block; position:relative; font-size:56px; margin:0 auto; color:#ffffff; letter-spacing: 2px; text-transform: uppercase; }
h1.innerpage-title span{ position: relative; z-index: 1; }
h1.innerpage-title span span { display: inline-block; border: none; padding: 0; width: auto; background: none; }

.innerpage-banner.without-banner{ background-color: #571420; padding: 4em 0; position: relative; }

/* Breadcrumb */
.breadcrumbs{ position: relative; border-bottom: 1px solid #eaeaea; padding: 8px 0; margin-top: -24px; }
.breadcrumbs span > span, .breadcrumbs span > a { display: inline-block; position: relative; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; line-height: 1.5; }
.breadcrumbs span{ margin: 5px 10px; display: inline-block; }
.breadcrumbs span span{ margin: 0; }
.breadcrumbs span:first-child{ margin-left: 0; }

/* Innerpage Content and Sidebar*/
.content-area{ padding:50px 0; position: relative; z-index: 1; }
.site-main{ width:920px; margin:0; padding:0; float:left; }
.sitefull{ width:100% !important; float:none !important; }

/*===============================================
** Blog Page Css
*===============================================*/
.blog-post-repeat{ margin-bottom:30px; position: relative; }
.blog-post-repeat article{ position:relative; }
.post-thumb{ position:relative; }
.blog-post-repeat .post-thumb{ position: relative; overflow: hidden; height: 300px; border-radius: 12px; margin-bottom: 30px; }
.blog-post-repeat .post-thumb .post-thumb-wrap{ height: 100%; }
.blog-post-repeat .post-thumb a{ display: block; width: 100%; height: 100%; }
.blog-post-repeat .post-thumb img{ object-fit: cover; object-position: center; width: 100%; height: 100%; }
.blog-post-repeat .post-thumb .post-date{ position: absolute; top: 20px; left: 20px; background-color: var(--primary-bg); padding: 6px 1em; color: var(--primary-text); z-index: 1; border-radius: 30px; }

.post-data{ position:relative; margin: 0; }
.post-data h3.post-title{ margin:0 0 10px; line-height:1.1; }
h3.post-title a:hover, .news-box:hover .news-desc h4 a, ul.entry-meta li a:hover{ color: var(--primary-bg); }
.post-data .post-meta{ margin: 0 0 12px; color: #767575; font-size: 0.9rem; }
.post-data .post-meta span:not(:last-child){ margin-right: 20px; }
.post-data .post-meta i{ margin-right: 5px; color: var( --primary-bg ); }

.post-data .post-cate{ display: block; }
.post-data .post-cate a{ display: inline-block; line-height: 1; }

/* Pagination */
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both; margin:0 auto; }
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline-block; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background-color:var(--primary-bg); color:var(--primary-text); padding:5px 15px; display:inline-block; border-radius: 30px; }
.pagination ul li .current, .pagination ul li a:hover{ background-color:var( --secondary-bg ); color:var(--secondary-text) !important; }

/* home page posts pagination */
.navigation .page-numbers{ background-color:#571420; color:#ffffff; padding:5px 10px; display:inline-block; }
.navigation .page-numbers.current, .navigation .page-numbers:hover{ background-color:var( --primary-bg ); color:#ffffff !important; }
.taxonomy-description{ margin-bottom:20px; }

.post-date span{ margin-right:3px; }

/*===============================================
** Single Posts Css
*===============================================*/
article p{ margin:0 0 20px 0; }
.post-summary{ position:relative; margin-bottom:20px; }
.blog-post-single header.entry-header{ margin-bottom:20px; }
.blog-post-single .post-meta span{ margin-right: 20px; }
.blog-post-single .post-meta span i{ margin-right: 5px; }
.post-bottom{ border-top:1px solid #e7e7e7; padding:20px 0 0; }
.post-bottom .post-tags{ float:left; }
.post-bottom .post-tags a{ background-color:#ececec; text-transform:lowercase; font-size:14px !important; padding:2px 8px; margin-right:2px; display:inline-block; margin-bottom:5px; font-weight:600; }
.post-bottom .social_share{ float:right; }

/* Post Nav */
.post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a{background-color:#515151; padding:5px 10px; color:#ffffff; font:15px 'Montserrat';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }

#nav-below.post-navigation{ margin:20px 0 40px; padding:20px 0; display:-ms-flexbox; display:flex; align-items:normal; width:100%; justify-content:space-between; }
.nav-previous, .nav-next{ width:50%;  }
.nav-next{ margin-left:auto; }
#nav-below.post-navigation a{ display:-ms-flexbox !important; display:flex !important; height:100%; }
#nav-below.post-navigation .meta-nav-icon{ background-color:var( --primary-bg ); width:98px; text-align:center; color:var(--primary-text); display:inline-block; position:relative; font-size:48px; }
#nav-below.post-navigation .meta-nav-icon i{ position: absolute; left: 50%; top: 50%; -khtml-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#nav-below.post-navigation .meta-nav-title{ background-color: rgba(191, 191, 191, 0.2); padding:20px; width:76%; text-align: center; display: inline-block; vertical-align: middle; font-weight:700; }
#nav-below.post-navigation .meta-nav-title h4{ text-transform:uppercase; margin-bottom:10px; }

/* Team Single */
.single-team-thumb, .single-testi-thumb{ margin-bottom:30px; }
.single-team-thumb img, .single-testi-thumb img{ border:8px solid var( --primary-bg ); padding:10px; }
.single-team-info h2, .single-testi-info h2{ margin-bottom:10px; }
.single-team-info span, .single-testi-info span{ display:block; text-transform:uppercase; font-weight:700; color:var( --primary-bg ); line-height:normal; margin:0 0 20px; }
#sidebar .member-info{ margin-top:30px; }
#sidebar .member-info ul{ margin:0; padding:0; list-style:none; }
#sidebar .member-info ul li{ display:block; margin:0 0 10px; padding:0 0 10px; position:relative; }
#sidebar .member-info ul li:before{ content:''; position:absolute; width:100%; left:0; bottom:0; height:1px; background-color:var( --primary-bg ); }
#sidebar .member-info ul li:last-child::before{ content:none; }
.member-single-social a{ width: 40px; height: 30px; border-radius: 12px; line-height: 30px; display: inline-block; background-color: var( --primary-bg ); margin-right: 5px; color: var(--primary-text); text-align: center; font-size: 14px; }
.member-single-social a:hover{ background-color: var(--secondary-bg); color: var(--secondary-text); }

/*===============================================
** Contact Page Css
*===============================================*/
.contact-details{ margin-bottom: 5rem; }
.contact-details > div{ gap: 2%; }
.col-info{ padding: 20px 30px; position: relative; margin: .5rem 0; border-radius: 12px; flex: 0 1 auto; width: 32%; border: 2px solid #ffffff; transition: all 0.5s ease-in-out; text-align: center; }
.page-info-icon{ color: var( --primary-text); background-color: var( --primary-bg ); width: 80px; height: 80px; margin: 0 auto 30px; text-align: center; border-radius: 50%; transition: all .5s ease-in-out; }
.page-info-icon i{ font-size: 32px; position: relative; top: 50%; transform: translateY(-50%); transition: all 0.5s ease-in-out; }
.page-info-cont h4{ margin-bottom: 10px; }
.contact-content{ width: 100%; position: relative; z-index: 1; box-shadow: 0 3px 2.8125rem rgba(0, 0, 0, 0.14); margin: 0 auto; }
.contact-content .custom-heading{ margin-bottom: 20px; }
.contact-content .wpcf7-form p{ margin-bottom: 0; }
.contact-content .form-group input[type="submit"]{ margin: 0; display: table; border-radius: 4px;}
.form-group{ margin-bottom: 25px;}
.form-group.half{ width:48%; margin-right:4%; float:left; }
.form-group.half.last{ margin-right:0; }
.form-group.third{ width:32%; margin-right:2%; float:left; }
.form-group.third.last{ margin-right:0; }
.form-group.fourth{ width:23.5%; margin-right:2%; float:left; }
.form-group.fourth.last{ margin-right:0; }
.gmap{ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); background-color: #ffffff; padding: 14px; border-radius: 7px; }

/*===============================================
** Order Css
*===============================================*/
.input-with-icon select,.input-with-icon input[type="text"],.input-with-icon input[type="email"],.input-with-icon input[type="tel"],.input-with-icon input[type="date"],.input-with-icon input[type="file"],.input-with-icon textarea,.input-with-icon input[type="submit"]{padding-left: 40px; background-color: #f3f3f3;border: none;border-radius: 5px; font-size: 16px;}
.form-group .form-wrap{ position: relative; }
.form-group i{    position: absolute;top: 50%;transform: translateY(-50%); color: #000;z-index: 1; left: 15px;}
.form-group i.envelope-t{ top: 20px;}
.form-group .adown{ left: 95%;}
#wpcf7-f313-p311-o1{ box-shadow: 0px 1px 21px 0px #00000040; padding: 90px 60px 50px 60px; border-radius: 15px;}
.form-group p{ margin: 0 0 20px 0;}
.textareaa{ margin: 40px 0;}
.form-group i.candles-s{color: #fff;}
.input-with-icon input[type=submit]{font-family:'Satisfy';}

/*===============================================
** Sidebar Css
*===============================================*/
#sidebar{ width:340px; float:right; padding:0 0 30px; }
.widget_content { padding:0; }
.sidebar-left{ float:left !important;}
#sidebar .quotes h4 { margin:10px 0;}
aside.widget{ margin:0; padding:0; }
aside.widget ul{ list-style:disc; }
h3.widget-title{ position: relative; padding: 0 0 20px; margin: 0 0 25px; letter-spacing: 1px; display: block; font-size: 24px; color: #571420; border-bottom: 1px solid #d9d9d9; }
#sidebar aside.widget{ position: relative; background: rgba(255, 255, 255, 0.15); border-radius: 20px; padding: 30px 20px; margin-bottom: 30px; }
#sidebar aside.widget.flytheme-widget-sidebar-banner{ padding: 0; background-color: transparent; border-radius: 16px; overflow: hidden; }

.flotRight{ float:right !important;}
#sidebar aside.widget:first-child{ margin-top:0; }
.textwidget p{ margin-bottom:20px; }

#sidebar ul li{ padding:8px 0 8px 0; list-style:none; }
#sidebar ul li a{ line-height:18px; color:var(--primary-bg); position:relative; }
#sidebar ul li a:hover{ color:var( --secondary-bg );}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}

#sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_categories li, #sidebar .widget_meta li{ border-bottom: 1px solid #e5e5e5; padding: 9px 0 14px 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-transform:capitalize; }
#sidebar .widget_recent_entries li:first-child, #sidebar .widget_recent_comments li:first-child, #sidebar .widget_archive li:first-child, #sidebar .widget_categories li:first-child, #sidebar .widget_meta li:first-child{ padding-top:0; }
#sidebar .widget_categories li span, #sidebar .widget_archive li span { float: right; width: 30px; height: 30px; line-height: 33px; text-align: center; background: transparent; border-radius: 100%; }
#sidebar .widget_tag_cloud a{ background-color:var( --primary-bg ); color: #ffffff; text-transform:uppercase; padding:3px 12px; margin-right:5px; display:inline-block; margin-bottom:8px; font-weight:400; font-size:12px !important; border-radius:15px; }
#sidebar .widget_tag_cloud a:hover{ color:#ffffff; background-color:#571420; }

#sidebar #wp-calendar{ width:100%; text-align: center; }
#sidebar #wp-calendar caption{ font-weight:700; margin-bottom:0; background-color:#000000; text-transform:uppercase; padding:10px; color:#ffffff; }
#sidebar #wp-calendar th{ background-color:#262729; color:#ffffff; padding:5px; }
#sidebar #wp-calendar tbody td{ background-color:#f9f9f9; padding:5px; }
#sidebar #wp-calendar tbody td a, #sidebar #wp-calendar tfoot td a{ display:block; background-color:var( --primary-bg ); color:#ffffff; }
#sidebar #wp-calendar tbody td a:hover, #sidebar #wp-calendar tfoot td a:hover{ background-color:#571420; }
#sidebar #wp-calendar tfoot td a{ padding:5px; }

/*===============================================
** Posts Social Share Css
*===============================================*/
ul.social-share-post { padding:0; margin:0; list-style:none; }
ul.social-share-post li { display:inline-block; padding:0; margin:0 8px 0 0; height:40px; width:40px; line-height:40px; text-align:center; background:transparent; }
ul.social-share-post li a{ display:block; color:#ffffff; }
ul.social-share-post li a:hover{ color:#ffffff; box-shadow:0 0 3px 3px rgba(34,43,95,0.3); }

ul.social-share-post li.social-share-twitter{ background-color:#12c4f7; }
ul.social-share-post li.social-share-facebook{ background-color:#3984bd; }
ul.social-share-post li.social-share-whatsapp{ background-color:#65bc54; }
ul.social-share-post li.social-share-linkedin{ background-color:#0097bf; }
ul.social-share-post li.social-share-pinterest{ background-color:#cd2127; }
ul.social-share-post li.social-share-mail{ background-color:#d32e2a; }

/*===============================================
** Back to Top Css
*===============================================*/
#top{ position:relative; }
#back-top {	position: fixed; bottom:20px; right:20px; z-index:999; opacity: 0; transition: opacity 0.3s ease; cursor: pointer; }
#back-top a { width:60px; display:block; text-align:center; text-transform:uppercase; text-decoration:none; color:var( --primary-bg ); -webkit-transition:1s; transition:1s; font-size:40px; line-height:1; }
#back-top a:hover{ color: var(--secondary-bg); }
#back-top span { width:60px; height:50px; line-height:50px; display: block; margin-bottom: 7px; -webkit-transition:1s; transition:1s; opacity:0.9; }

/*===============================================
** Custom Css
*===============================================*/
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.customtab{ margin-top:0px;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}

/* = Text meant only for screen readers.
-------------------------------------------------------------- */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);	clip:auto !important; color:#21759b; display:block; font-size:14px; font-size:0.875rem; font-weight:bold; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:100%; z-index:100000; /* Above WP toolbar. */}

/* = Accordion tab section css
-------------------------------------------------------------- */
.acc-content a { font-weight:bold; line-height:30px;}

/* = Box Layout Css
-------------------------------------------------------------- */
.boxlayout{ width:1320px; margin:0 auto; box-shadow:0 5px 10px #000000; position:relative; overflow-x:hidden; }
.boxlayout .container{ padding:0 20px; }
.boxlayout .content-area{ padding: 50px 0; }

/*===============================================
** Woocommerce Product/Shop Page Css
*===============================================*/
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.content-area .woocommercesitefull{ width:100%; }

/****************** Search Result and Sorting *************************/
.woo-wc-order{ background-color: #f3f5ed; height: 64px; width: 100%; border-radius: 24px; background-clip: border-box; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items: center; justify-content: space-between; margin-bottom: 25px; padding: 10px 20px; }
.woocommerce .woocommerce-result-count { font-size: 16px; margin-bottom: 0; z-index: 2; }
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ background: 0 0; padding: 0 15px 0 0; margin: 0; }
.woocommerce .woo-wc-order .woocommerce-ordering select, .woocommerce .woo-wc-order .woocommerce-ordering select { color: #292d35; font-size: 16px; box-shadow: none; border: none; }
.woocommerce .woo-wc-order .woocommerce-ordering .select-wrap{ position: relative; }
.woocommerce .woo-wc-order .woocommerce-ordering .select-wrap:after{ content: "\f105"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering:  auto; -webkit-font-smoothing: antialiased; -webkit-transform: rotate(90deg); transform: rotate(90deg);  display: block;  line-height: 1em; font-size: 18px;  width: 1em; height: 1em; text-align: center; position: absolute; right: 0;  top: 50%; margin-top: -8px; z-index: 2; pointer-events: none; cursor: pointer; color: #000000; }

/*************** Product Thumbnail and overlay elements ****************************/
.product-item-inner{ text-align:center; -webkit-box-shadow: 0 0 16px 0 rgba(39,48,75,.14); box-shadow: 0 0 16px rgba(39,48,75,.14); padding: 15px; border-radius: 20px; background-color: #ffffff; }

.woocommerce .product-item-thumbnail{ overflow:hidden; position:relative;z-index:2; margin-bottom:20px; border-radius: 12px; }
.woocommerce .product-item-thumbnail-holder{ text-align:center; }
.woocommerce .product-item-thumbnail-holder a{ display:block;}
.woocommerce ul.products li.product a img{-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin:0; }
img.onhover{ position:absolute; top:0; left:0; opacity:0; -webkit-transition:opacity .1s; transition:opacity .1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; object-fit: cover; height: 100% !important; }
.woocommerce ul.products li.product .product-item-inner:hover img.onhover{ opacity: 1; object-fit: cover; }
.woocommerce span.onsale, .woocommerce .woo-entry-new-badge, .woocommerce .sale-perc, .woocommerce .soldout{ text-transform:uppercase; position:absolute; top:0; min-height:inherit; min-width:inherit; padding:8px 16px; letter-spacing:2px; line-height:1; font-weight:700; border-radius: 12px 0; }
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .sale-perc{ background-color:#e63a4a; color:#ffffff; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.woocommerce ul.products li.product .onsale{ margin:0; right:auto; left:0; opacity:1; }
.woocommerce ul.products li.product .product-item-inner:hover .onsale{ opacity:0; }
.woocommerce ul.products li.product .sale-perc{ opacity:0; }
.woocommerce ul.products li.product .product-item-inner:hover .sale-perc{ opacity:1; }
.woocommerce .woo-entry-new-badge, .woocommerce .soldout{ right:0; background-color:#333333; color:#ffffff; border-radius: 0 12px; }
.woocommerce .soldout { top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/*************** Product Rating, Title and Price ****************************/
.woocommerce ul.products li.product .product-item-inner .star-rating{ margin:5px auto 15px; }
.woocommerce .star-rating span:before{ color:var( --primary-bg ); }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ padding:10px 0 10px; }
.woocommerce ul.products li.product .price { font-size: 18px; font-weight:700; }
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:var( --primary-bg ); }
.woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins{ display:inline-block; margin:0 5px; }
.woocommerce ul.products li.product .price ins{ text-decoration:none; }
.woocommerce ul.products li.product .price del{ font-size: 16px; }

/*************** Add to Cart Button ****************************/
.woo-add-to-cart a.woocommerce-LoopProduct-link{ display:none !important; }
.woocommerce .product-item-inner .woo-add-to-cart{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 10px; }
.woocommerce .product-item-inner .woo-add-to-cart a{ border-radius:40px; display:inline-flex; align-items:center; justify-content:center; background-color:var( --primary-bg ); position: relative; text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: 1px; margin: 0 0 5px !important; }

.woocommerce .product-item-inner a.product_type_external:before{ content:'\f08e'; }
.woocommerce .product-item-inner a.product_type_grouped:before{ content:'\f5fd'; }

.product .product-item-inner a.add_to_cart_button.added{ display:none !important; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce a.added_to_cart, .woocommerce a.button.alt, .woocommerce input.button.alt, .reset_variations, .view-wishlist, .wishlist-items-wrapper td.product-add-to-cart a{ background-color:var( --primary-bg ); color:#ffffff; padding:8px 16px; display:inline-block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; position:relative; font-weight:normal; line-height:normal; border-radius:0; }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce input.button:hover, .woocommerce a.added_to_cart:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover, .reset_variations:hover, .view-wishlist:hover, .wishlist-items-wrapper td.product-add-to-cart a:hover{ background-color:#571420; color:#ffffff; }

/*************** Sidebar CSS ****************************/
.widget_product_search .woocommerce-product-search .search-field{ border-radius: 0; height: 49px; }
#sidebar .woocommerce-mini-cart__buttons a.button { margin-right:8px; }
#sidebar ul.woocommerce-mini-cart li{ list-style:none; position: relative; }
#sidebar ul.woocommerce-mini-cart li a, #sidebar ul.woocommerce-mini-cart li span.quantity{ font-size:15px; padding-left:0 !important; margin-bottom:5px; }
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width:50px; }
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ font-size:30px !important; height: 30px; width: 30px; line-height: 30px !important; padding-left:0 !important; border-radius:0; position: absolute; left: -2px; top: 10px; float:left; margin-right:15px; }
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ padding: 12px 0 10px; font-size:15px; text-transform:uppercase; margin-bottom:10px; }
.woocommerce .widget_price_filter .price_slider_amount{ text-align:left;}
.woocommerce .widget_price_filter .price_slider_amount .button{ float:right; }
.woocommerce .widget_price_filter .price_slider_amount .price_label{ font-size: 15px; margin: 0; float: left; font-weight: 700; color: #020202; }
.woocommerce .widget_product_tag_cloud a{ font-size:14px !important; padding:6px 14px; margin:3px; background-color:var( --primary-bg ); display:inline-block; color:#ffffff; }
.woocommerce .widget_product_tag_cloud a:hover{ background-color:#2c2c34; }
.woocommerce .widget_recent_reviews li, .woocommerce .widget_products li, .woocommerce .widget_top_rated_products li, .woocommerce .widget_rating_filter li, .woocommerce .widget_recently_viewed_products li{ list-style:none !important;}
.woocommerce .widget_recent_reviews a, .woocommerce .widget_products a, .woocommerce .widget_top_rated_products a, .woocommerce .widget_rating_filter a, .woocommerce .widget_recently_viewed_products a{ padding-left:0 !important; font-size:16px !important; font-weight:700 !important; }
.woocommerce ul.product_list_widget li .star-rating{ margin: 8px 0; }
.woocommerce-LoopProduct-link br{ display:none; }
.widget_product_categories .product-categories li span.count{ float: right; }
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ border-radius: 0; }

/*===============================================
** Product Category Loop Css
*===============================================*/
.product-category.product{ text-align: center; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
.product-category.product img{ border: 10px solid #e1e0e0; }
.product-category.product:hover img{ opacity: .7; }
.product-category.product .woocommerce-loop-category__title{ font-size: 20px !important; letter-spacing: 1px; text-transform: uppercase; padding: 20px 0 !important; background-color: #ffffff; }

/*===============================================
** Single Product Page Css
*===============================================*/
.woocommerce div.product div.images.woocommerce-product-gallery{ width: 35%; }
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width: calc( 100% - 38% ); }

.book_auth{ color: var( --primary-bg ); margin-bottom: 5px; }
.related.products{ padding:0; }
.related.products h2{ text-transform:capitalize; padding-bottom:15px; font-weight: 500; }
body.single-product #sidebar {display:none;}
body.single-product .site-main{ width:100%; }
.single-product .product .onsale{ left:0; background-color:#e63a4a; }
.woocommerce div.product div.images .flex-control-thumbs li img{ padding:10px 5px 0; }
.woocommerce div.product div.images.woocommerce-product-gallery{ overflow: hidden; }
.woocommerce h1.product_title{ margin:0 0 5px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { margin:0; font-size:24px; font-weight:400; color:#571420; padding:10px 0; }
.woocommerce div.product .woocommerce-product-rating{ margin: 0; padding: 10px 0;}
.woocommerce-product-details__short-description{ padding:10px 0; }
.woocommerce-product-details__short-description p{ margin: 0; }
.woocommerce-product-details__short-description ul{ margin:20px 0;}
.woocommerce-product-details__short-description ul li{ position:relative; padding-left: 25px; margin-bottom: 10px; }
.woocommerce-product-details__short-description ul li:before{ content:'\f061'; font-family:'Font Awesome 6 Pro'; font-weight:400; position:absolute; left:0; font-size:16px; color:#e63a4a;}
.woocommerce div.product p.stock{ font-weight: 700; padding: 10px 30px; display: inline-block; font-size: 15px; border: 1px solid; }
.woocommerce div.product p.stock.avail-in-stock{ color:#008000; }
.woocommerce div.product p.stock.few-in-stock{ color:#f27144; }
.woocommerce div.product p.stock.out-of-stock{ color:red; }

.woocommerce #add_payment_method table.cart input, .woocommerce-cart table.cart input, .woocommerce-checkout table.cart input, .woocommerce .quantity-wrap input{ border-radius: 0; box-shadow: none; }
.woocommerce #content div.product form.cart,
.woocommerce div.product form.cart,
.woocommerce-page #content div.product form.cart,
.woocommerce-page div.product form.cart{
    margin:2% 0;
}
.woocommerce #content div.product form.cart table.variations tr,
.woocommerce div.product form.cart table.variations tr,
.woocommerce-page #content div.product form.cart table.variations tr,
.woocommerce-page div.product form.cart table.variations tr{
    display: flex;
    flex-direction: column;
}
.woocommerce .woocommerce-variation-price{ margin-bottom: 15px;}
.woocommerce div.product form.cart div.quantity{ float:none; margin: 0; }
.woocommerce .product .quantity-wrap{ float: left; margin-right:10px; }
.quantity-wrap input.plus, .quantity-wrap input.minus{ display:inline-block; height:38px; border:1px solid #d7d7d7; width:36px; color:#d7d7d7; cursor: pointer; vertical-align: top; background: none; font-size: 20px; padding: 0; line-height: 36px; }
.quantity-wrap input.plus:hover, .quantity-wrap input.minus:hover{ background-color:#e63a4a; color:#ffffff; border-color:transparent; }
.quantity-wrap .quantity{ display: inline-block; }
.woocommerce .quantity input[type="number"] { -moz-appearance:textfield; appearance:textfield; width:45px; height:38px; margin:0 3px; vertical-align:top; padding:5px; text-align:center; border:1px solid #d7d7d7; }
.woocommerce div.product form.cart .variations select{ margin:0 0 6px; -webkit-appearance:unset; -moz-appearance:unset; appearance:unset; max-width:80%; padding: 10px 20px; border-radius: 0; height: 50px; background-image: url(images/down-arrow.png); background-repeat: no-repeat; background-position: center right 1rem; background-size: 12px; }
.woocommerce div.product form.cart .variations td.label{ text-transform: uppercase; color: #010101; margin-bottom: 10px;  }
a.reset_variations{ margin:0; margin-left:15px; }

.woocommerce .summary .product_meta{ clear: both; display: inline-block; position: relative; width: 100%; margin-top: 30px; border-top: 1px solid #eee; padding-top: 20px; }
.product_meta > span{ display: block; padding: 8px 0; }
.woocommerce .summary .product_meta .posted_in, .entry-summary .sku_wrapper, .entry-summary .variations label, .woocommerce .summary .product_meta .tagged_as, .brand { display:inline-block; margin:0; width:100%; clear:both; }
.woocommerce .summary .product_meta > span > :first-child { margin-left: 10px; font-weight: 700;  }
.entry-summary .sku, .woocommerce .summary .product_meta .posted_in a, .woocommerce .summary .product_meta .tagged_as a, .brand span a { font-weight: normal; }

.woocommerce-tabs{ padding:30px 0 10px; margin-bottom:30px; }
.woocommerce div.product .woocommerce-tabs ul.tabs{ position:relative; display:inline-block; width:100%; vertical-align:middle; list-style:none; margin:0; padding:0; border-bottom: 2px solid #e1e1e1; clear: both; overflow:visible; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ border:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ content:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none; font-size:18px; padding:0; margin:0 10px 0 0; background-color:transparent; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding:10px 12px; border-radius:0; position:relative; font-weight:500; color:#555555 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a.selected{ color:#000000 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a.selected:after{ content:''; position:absolute; bottom:-2px; left:0; display:block; width:100%; height:2px; background-color: #e63a4a; }
.woocommerce div.product .woocommerce-tabs .panel{ margin:37px 0 20px; }
.woocommerce div.product .woocommerce-tabs .panel h2{ display:none; }

.woocommerce table.shop_attributes, .woocommerce-page table.shop_attributes{ display:table; float:none; width:100%; border:1px solid #e3e3e3; border-collapse:separate; border-spacing:0; border-bottom:none; }
.woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th{ width:150px; font-weight:700; padding:10px 5px 10px 25px; border-top:0; margin:0; color:#000000; text-align:left; background:#ffffff; text-transform: capitalize; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; }
.woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td{ font-style:normal; font-weight:400; padding:8px; border-top:0; margin:0; background:#ffffff; border-bottom:1px solid #e3e3e3; }

.woocommerce #review_form #respond .comment-reply-title{ font-size: 22px; font-weight: bold; text-transform: uppercase; margin: 20px 0; display: block; color:#000000; }
.woocommerce #review_form #respond .comment-form-rating{ font-size:20px; }
.woocommerce #review_form #respond p.stars{ margin-top:15px; }
#reviews.woocommerce-Reviews .comment-respond{ box-shadow:none; }
.woocommerce #reviews #comments ol.commentlist li img.avatar{ width:70px; padding:0; border:none; border-radius:50px; }
.woocommerce #reviews #comments ol.commentlist li .comment-text{ margin:0 0 0 90px; border:none; padding:0; }
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ margin:0; font-size:16px; color:#000000; }
.woocommerce #reviews #comments ol.commentlist li .star-rating{ float:none; font-size:0.8em; margin-bottom:10px; width:7em; }
.woocommerce #reviews #comments ol.commentlist li .star-rating:before{ letter-spacing:5px; }
.woocommerce #reviews #comments ol.commentlist li .star-rating span:before{ color:var( --primary-bg ); letter-spacing:5px; }
.woocommerce #review_form #respond textarea, .woocommerce #review_form #respond input[type=text], .woocommerce #review_form #respond input[type=email]{ position:relative; width:100%; margin:0 0 25px; padding:20px 24px; font-family:inherit; font-size:12px; font-weight:inherit; line-height: calc(60px - (20px * 2) - 2px); color:#16161b; border-radius:3.3px; border:1px solid #fafafa; background-color:#fafafa; outline:0; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:border-color .2s ease-in-out; transition:border-color .2s ease-in-out; height:auto; }
.woocommerce #review_form #respond .comment-form-author, .woocommerce #review_form #respond .comment-form-email{ width:100%; }
.woocommerce #review_form #respond input:focus[type="text"], .woocommerce #review_form #respond input:focus[type="email"], .woocommerce #review_form #respond textarea:focus{ background-color:transparent; border:1px solid #e63a4a;}

/*===============================================
** Product Cart Page Css
*===============================================*/
body.woocommerce-cart .site-main{ width:100%; float:none; }
body.woocommerce-cart #sidebar{ display:none; }
.woocommerce table.shop_table{ border-radius: 0; }
.woocommerce .woocommerce-cart-form table.shop_table.cart th{ background-color:#f5f5f5; color:#000000; line-height:40px; }
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{ width:50px; }
.woocommerce table.shop_table tr td:first-child{ border-left:none; }
.woocommerce table.shop_table td{ border-left: 1px solid rgba(0,0,0,.1);}
.woocommerce-cart-form__cart-item.cart_item .product-remove, .woocommerce-cart-form__cart-item.cart_item .product-thumbnail{ text-align:center; }
.woocommerce-cart-form__cart-item.cart_item .product-remove a, .woocommerce-cart-form__cart-item.cart_item .product-thumbnail a{ display: inline-block; }
.woocommerce-cart-form__cart-item.cart_item .product-quantity input[type="number"]{ -moz-appearance: revert; appearance: revert; }
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ width: 150px; height: 38px; }
.woocommerce .cart-collaterals{ margin-top:50px; }
.woocommerce-cart table.cart td.product-name, .wishlist-items-wrapper td.product-name{ font-weight:700; font-size:15px; }
.woocommerce-cart .cart-collaterals .cart_totals table tr th{ border-right:1px solid #cfd0d2; background-color:#f5f5f5; color:#000000; }
.woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal, .woocommerce-cart .cart-collaterals .cart_totals .order-total{ font-size:18px; }
.woocommerce .woocommerce-cart-form button.button{ margin:0; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width:60%; float:right; }
.shop_table tr td:last-child, .shop_table tr th:last-child { text-align:right; }
.woocommerce a.remove{ line-height:21px; }
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout{ text-align: right; }
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a{ font-weight: normal; text-transform: capitalize; font-size: 16px; }

/*===============================================
** Checkout Page Css
*===============================================*/
body.woocommerce-checkout .site-main{ width:100%; float:none; }
body.woocommerce-checkout #sidebar{ display:none; }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce-MyAccount-content{ background:#ffffff; border: 1px solid #e8e8e8; padding: 20px 30px; }
.woocommerce .col2-set .woocommerce-billing-fields h3, .woocommerce .col2-set .woocommerce-shipping-fields h3{ text-transform: uppercase; font-size:20px; }
.woocommerce .col2-set .form-row label{ color:#000000; }
.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea{ height:10em; line-height: 1.5em; display: block; }
#order_review_heading { margin:30px 0 20px; padding:10px 0; text-transform:uppercase; font-size:18px; }
.woocommerce table.shop_table{ border-collapse: collapse; }
.woocommerce table.shop_table th{ color:#000000; }
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th { font-size:13px; font-weight:700; line-height:30px; background:#f5f5f5; color:#000; }
.woocommerce table.shop_table tfoot th{ background-color:transparent;}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{ background-color: transparent; }
.woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods { border:1px solid #ebebeb; list-style:outside none none; margin:0; padding:30px; text-align:left; }
.woocommerce #payment ul.payment_methods li{ list-style:none; }
.woocommerce #payment ul.payment_methods img{ width:auto; }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{ max-width:48%; }

/*===============================================
** My Account Page Css
*===============================================*/
body.woocommerce-account .site-main{ width:100%; float:none; }
body.woocommerce-account #sidebar{ display:none; }
.woocommerce-MyAccount-navigation ul{ margin:0; padding:0; list-style:none; }
.woocommerce-MyAccount-navigation ul li{ list-style:none; margin-bottom:8px; }
.woocommerce-MyAccount-navigation ul li a{ padding:5px 25px; display:block; background-color:var( --primary-bg ); color:#ffffff; }
.woocommerce-MyAccount-navigation ul li a:hover{ background-color:#252525; color:#ffffff; }
.woocommerce-MyAccount-content{ background-color:#f7f7f7; padding:20px; }
.woocommerce-MyAccount-content .woocommerce-info{ margin:0; }
.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account fieldset{ padding:15px; margin-bottom:20px; }
.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account legend{ padding:5px 20px; margin-left:7px; }

/*===============================================
** Woocommerce Pagination Css
*===============================================*/
.woocommerce nav.woocommerce-pagination ul{ border:none; }
.woocommerce nav.woocommerce-pagination ul li{ margin:0 5px; border:none; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ border-radius:50%; width: 40px; height: 40px; line-height: 25px; }

/*===============================================
** Data Tooltip Css
*===============================================*/
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] { position: relative; z-index: 2; cursor: pointer; }
/* Hide the tooltip content by default */
[data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; }
/* Position tooltip above the element */
[data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 170px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; }
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; }
/* Show tooltip content on hover */
[data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/*===============================================
** Author Bio Box Css
*===============================================*/
.author-box{ position: relative; clear: both; display: block; margin:0; padding: 1.5rem; background-color:var( --primary-bg ); margin-bottom:30px; }
.author-img{ margin: 0; width: 100px; height: 100px; position:absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; overflow: hidden; }
.author-bio-box{ padding-left:120px; }
.author-bio-box, .author-bio-box a{ color:#ffffff; }
.author-bio-box a:hover{ color:#000000; }
.author-bio-box h4.author-name{ margin: 0 0 10px 0; text-transform: uppercase; font-weight: bold; }
.author-bio-box p{ margin-bottom:10px; }
.author-meta a { display:inline-block; list-style: none; padding: 0; margin: 0 15px 0 0; font-size: 13px; }

/*===============================================
** Form And Input type Css
*===============================================*/
form{ position:relative; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], input[type="file"],textarea, select{ width:100%; margin:0; padding:14px 28px; outline:0; resize:none; line-height:20px; background: none; font-weight:400; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border: none; border-bottom: 0.3rem solid var( --primary-bg ); border-radius: 5px; display: block; transition: all .3s; box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1); color: inherit; font-size: 1rem; letter-spacing: 1.5px; background-color: rgba(191, 191, 191, 0.2); }

select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand { display: none; /* hide the default arrow in ie10 and ie11 */ }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus{ border-color: var( --secondary-bg ); }

button,html input[type=button],input[type=reset],input[type=submit]{ -webkit-appearance:button; -moz-appearance:button; appearance:button; cursor:pointer; border:none; outline:none; padding:14px 20px; font-family: inherit; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; font-size: 16px; background-color: var( --primary-bg ); color: var( --primary-text );  }
html input[type=button],input[type=reset],input[type=submit]{ text-align: center; letter-spacing: 2px; }
button:hover,html input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{ background-color: var( --secondary-bg ); color: var( --secondary-text); }

.wpcf7-form label{ display:block; text-transform:uppercase; font-size:12px; margin:0 0 8px; font-weight:700; }

/*===============================================
** Comment Form And Comment Styling Css
*===============================================*/
.comments-area .comment-list{ margin-bottom: 3em; list-style:none; }
.comments-area .comment-list .comment-body{ margin:0 0 1em; padding:1em 1em 1em 7em; position:relative; display:block; background-color:#f9f9f9; }
.comments-area .comment-author { display:inline-block; position:absolute; left:13px; top:13px; }
.comment-metadata{ position:relative; }
.comment-metadata h4{ display:inline-block; margin-bottom:0; }
.comment-metadata h4 cite{ font-weight:700; text-transform:capitalize; font-style:normal; font-size:16px;  }
.comment-metadata time{ display:inline-block; font-size:11px; }
.comment-metadata .reply{ position:absolute; right:0; top:0; font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:12px; }
.comment-metadata .reply a:before{ content:'\f122'; font-family:'Font Awesome 6 Pro'; font-weight:300; position:absolute; left:-20px; }
.comment-content p{ font-size:14px; margin:0; min-height:36px; }

.comments-area .comment-list ul.children{ margin-left:60px; }

.comment-respond{ margin-bottom:20px; }
.comments-area h3.comment-reply-title{ text-transform:capitalize; margin-bottom:10px; font-size:16px; }
.comments-area h3.comment-reply-title small{ margin-left:50px; }
.comments-area .comment-form p.comment-notes { margin-bottom: 2em; font-weight: 400; font-size:14px; }
.required { color: #c0392b; }
.comment-form-author, .comment-form-email, .comment-form-url{ width:31.3%; float:left; margin-right:3% !important; }
#commentform p.comment-form-url { margin-right:0 !important; }
#commentform p.comment-form-url:after{ content:''; display:table; clear:both; }
#commentform label { display:block; text-transform:uppercase; font-size:12px; margin:0 0 5px; font-weight:700; }
.comment-form-cookies-consent{ margin-bottom:15px; }
.comment-form-cookies-consent label{ margin-left:1% !important; display:inline-block !important; }
#commentform .logged-in-as{ margin-bottom:15px; }
p.comment-awaiting-moderation { color: #fdac56; }

/*===============================================
** Search Form Css
*===============================================*/
form.search-form{ position:relative; }
form.search-form .search-field{ height: 48px; padding-right: 110px; }
form.search-form input.search-submit, .widget_product_search .woocommerce-product-search button{ position:absolute; right:0; top:0; }

/*===============================================
** 404 Page Css
*===============================================*/
.error-404 .title-404{ text-align:center; font-size:13em; font-weight:600; color:#d0d0d0; margin-bottom:0px; }
.error-404 .sub-title-404 { font-size:2.4em; text-transform:uppercase; display:block; margin:0 0 30px; line-height:1; }
.error-404 .text-404{ font-size:18px; color:#9b9b9b; margin-bottom:40px; }
.error-404 .search-form{ width:50%; margin:0 auto 30px; }
.error-404 .search-form input[type=search]{ display:inline-block; width:100%; margin-right:20px; }

/*===============================================
** Search Result Page Css
*===============================================*/
.search-result-form{ width:60%; margin:0 auto 50px; }
.search-result-form input[type="search"]{ width:100%; }
.search-result-box{ border:1px solid #dddddd; margin-bottom:30px; display:table; width:100%; }
.search-result-box .post-thumb{ width:250px; padding:8em 1.5em; background-position:center; background-size:cover; background-repeat:no-repeat; display:table-cell;}
.search-result-box .post-summary{ overflow:hidden; padding:2em; position:relative; display:table-cell; vertical-align:middle; }
.search-more a{ text-transform:uppercase; font-weight:700; letter-spacing:1px; }

/*===============================================
** Default Gallery Css
*===============================================*/
.gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item{ float:left; text-align: center; }
.gallery-item img{ box-shadow:0px 0px 4px #999; border:1px solid #ffffff; padding:8px; background-color:#f2f2f2; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.gallery img:hover { background-color:#ffffff; }
.gallery .gallery-caption { color:#ffffff; background-color:#000000; padding: 10px 0; }
.gallery-item:hover{ background-color:#CECECE; }

.gallery-columns-2 .gallery-item{ width:48%; margin-bottom:2%; margin-right:4%; }
.gallery-columns-2 .gallery-item:nth-of-type(even){ margin-right:0; }
.gallery-columns-3 .gallery-item{ width:32%; margin-bottom:2%; margin-right:2%; }
.gallery-columns-3 .gallery-item:nth-of-type(3n+3){ margin-right:0; }
.gallery-columns-4 .gallery-item{ width:23.5%; margin-right:2%; margin-bottom:2%; }
.gallery-columns-4 .gallery-item:nth-of-type(4n+4){ margin-right:0; }
.gallery-columns-5 .gallery-item{ width:19.2%; margin-right:1%; margin-bottom:1%; }
.gallery-columns-5 .gallery-item:nth-of-type(5n+5){ margin-right:0; }
.gallery-columns-6 .gallery-item{ width:15.8333%; margin-right:1%; margin-bottom:1%; }
.gallery-columns-6 .gallery-item:nth-of-type(6n+6){ margin-right:0; }
.gallery-columns-7 .gallery-item{ width:13%; margin-right:1.5%; margin-bottom:1.5%; }
.gallery-columns-7 .gallery-item:nth-of-type(7n+7){ margin-right:0; }
.gallery-columns-8 .gallery-item{ width:11.6%; margin-right:1%; margin-bottom:1%; }
.gallery-columns-8 .gallery-item:nth-of-type(8n+8){ margin-right:0; }
.gallery-columns-9 .gallery-item{ width:10.2%; margin-right:1%; margin-bottom:1%; }
.gallery-columns-9 .gallery-item:nth-of-type(9n+9){ margin-right:0; }

.gallery dl, .gallery dt { margin: 0; }

.widget_media_gallery .gallery-item img{ padding: 2px; }
.widget_media_gallery .gallery{ margin: 0; }


/*===============================================
** Block Pattern Css
*===============================================*/
.block_section_sub_title{ display: inline-block; -webkit-mask-image: url(images/sub_title_bg.png); -webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-image: url(images/sub_title_bg.png); mask-size: 100% 100%; mask-repeat: no-repeat; mask-position: center; background-color: var(--primary-bg, var(--primary-bg)); text-transform: uppercase; padding: 6px 30px; height: 48px; line-height: 38px; }

/***====================================================================
	Color Palate Style / Color Switcher Style
====================================================================***/
.color-palate { background: #fff none repeat scroll 0 0; -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1); position: fixed; left: -280px; text-align: center; top: 50%; transform: translateY(-50%); transition: all 0.5s ease 0s; width: 280px; z-index: 999; }
.color-palate-head { background: #DEFB02 none repeat scroll 0 0; padding: 12px 0; }
.color-palate-head h6, .secondary-head h6 { color: #0B0F14; font-size: 14px; font-weight: 400; margin: 0px; margin-top: 4px; text-transform:uppercase; }
.palate { background: red none repeat scroll 0 0; display: block; float: left; height: 45px; margin: 0 2.5% 12px; width: 45px; cursor: pointer; position: relative; border-radius: 50%; }
.colors-list .active::after{ background: url(images/tick.png) center center no-repeat !important; background-repeat: no-repeat; content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;  }
.various-color { overflow: hidden; padding: 25px 0 15px; }
.colors-list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.secondary-head { background: #222222 none repeat scroll 0 0; padding: 14px 0; }
.secondary-color { padding: 23px 0; }
.secondary-colors-list { margin: 0 80px; }
.palate-foo { color: #777777; font-size: 13px; font-weight: 400; padding: 0px 30px 20px; line-height:1.8em; margin-top:16px; }
.palate-foo span{ display:block; padding-top:20px; margin-top:5px; border-top:1px dotted #b2b2b2; }

.palate.default-color { background: #DEFB02 none repeat scroll 0 0; }
.palate.brightblue-color { background: #51e2f5 none repeat scroll 0 0; }
.palate.yassqueen-color{ background: #ff1d58 none repeat scroll 0 0; }
.palate.goldenwheat-color { background: #a39274 none repeat scroll 0 0; }
.palate.purple-y-color { background: #7d3cff none repeat scroll 0 0; }
.palate.sandtan-color { background: #e1b382 none repeat scroll 0 0; }
.palate.mint-color { background: #4cb69f none repeat scroll 0 0; }
.palate.grassygreen-color { background: #9bc400 none repeat scroll 0 0; }
.palate.blueberry-color { background: #6B7A8F none repeat scroll 0 0; }
.palate.peachykreme-color { background: #ed8a63 none repeat scroll 0 0; }
.palate.rosegold-color { background: #bd8c7d none repeat scroll 0 0; }
.palate.cerulean-color{ background: #00303F none repeat scroll 0 0; }

.color-trigger { background: #DEFB02 none repeat scroll 0 0; cursor: pointer; height: 50px; right: -46px; position: absolute; top: 0; width: 46px; padding-top: 6px; }
.color-trigger:before{ content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; }
.color-trigger i { color: #0B0F14; font-size: 18px; line-height: 40px; }
.color-palate .option-box > li { position: relative; color: #0B0F14; width: 40%; margin: 0px 3px; cursor: pointer; margin-bottom: 9px; padding: 6px 10px; display: inline-block; background-color: #DEFB02; text-transform: uppercase; font-weight: bold; font-size: 12px; }
.purchase-btn { font-size: 12px; font-weight: bold; position: relative; color: #ffffff; margin: 0px 3px; cursor: pointer; margin-bottom: 9px; padding: 6px 10px; display: inline-block; background-color: #040506; text-transform: uppercase; font-weight: bold; font-size: 12px; }
.purchase-btn:hover{ background-color: #DEFB02; color: #0B0F14; }
.color-palate.visible-palate { left: 0px; }

.option-btn li{ display: inline-block; margin: 5px 0; }
.option-btn li a{ font-size: 12px; font-weight: bold; position: relative; color: #0B0F14; margin: 0px 3px; cursor: pointer; margin-bottom: 9px; padding: 8px 10px; background-color: #DEFB02; font-weight: bold; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.option-btn li a:hover{ background-color: #040506; color: #ffffff; }