/*
Theme Name: Coupon Flash Deals
Theme URI: https://www.mishkatwp.com/themes/coupon-flash-deals/
Author: mishkatwp
Author URI: https://www.mishkatwp.com/
Description: The Coupon Flash Deals Theme is a powerful, professionally designed solution for creating a feature-rich coupon and deals website, making it ideal for bloggers, affiliate marketers, and online retailers focused on eCommerce, marketing, and multi-purpose discount strategies. This theme caters seamlessly to various platforms, including digital product marketplaces, cashback websites, price comparison portals, event ticket discount sites, subscription box deal hubs, and more, all thriving on high-volume promotions. Whether you’re highlighting Amazon coupons, restaurant vouchers, travel deals, or seasonal offers like Black Friday and Cyber Monday, this responsive theme provides a flexible, high-performance foundation for showcasing the best discounts and exclusive offers in real time. With speed, SEO, and mobile responsiveness at its core, it ensures smooth performance across all devices—perfect for presenting limited-time flash sales or membership savings. The clean, dynamic layout features customizable grids, banners, and countdown timers to create urgency and boost conversions, while allowing effortless categorization of deals across grocery coupons, fashion discounts, beauty offers, and travel vouchers. Its built-in support for affiliate tracking, user-submitted deals, and optional coupon widgets enhances user experience and monetization potential. From student discounts to seasonal savings, the Coupon Flash Deals Theme is your complete toolkit for launching a modern, high-converting coupon website in 2025.
Version: 1.4.2
Tested up to: 7.0
Requires PHP: 7.2
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: coupon-flash-deals
Slug: coupon-flash-deals
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, post-formats, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, e-commerce, photography, blog, editor-style, flexible-header, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

/*
==========================================
    Theme Reset Css
==========================================
*/

:root {
  --first-color: #f57f25;
}

body {
    font-family: "Poppins", sans-serif;
    background: #fff;
    color: #767c83;
}

body.gray-bg {
    background: #f9f9f9;
}

h1,
h2,
h3,
h4,
h5,
h6{
    color: #1D1D1D;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
}
p{
    font-family: "Poppins", sans-serif;
}
#close-btn:focus, [type=button]:focus, [type=reset]:focus, [type=submit]:focus, button:focus, a:focus,button:focus{
    outline: 2px dashed !important;
    outline-offset: 3px;
}

ul {
    margin: 0;
}

a{
    text-decoration: none;
}

iframe, img {
    max-width: 100%;
    height: auto;
    border: none;
    display: block;
}

.blog-post ul:not(.meta-info) li a,
.blog-post ol:not(.meta-info) li a,
.blog-post table a, strong a, blockquote a,
code a, p a, span:not(.author-name):not(.comments-link):not(.posted-on):not(.post-list) a,.post-content-inner a,.site-content a,.wp-block-heading a {
    color: var(--first-color);
    text-decoration: underline;
    text-underline-offset: 1px;
}

.blog-post ul:not(.meta-info) li a:hover,
.blog-post ol:not(.meta-info) li a:hover,
.blog-post table a:hover, strong a:hover,
blockquote a:hover, code a:hover, p a:hover,
span:not(.author-name):not(.comments-link):not(.posted-on):not(.post-list) a:hover,
.blog-post ul:not(.meta-info) li a:focus,
.blog-post ol:not(.meta-info) li a:focus,
.blog-post table a:focus, strong a:focus,
blockquote a:focus, code a:focus, p a:focus,
span:not(.author-name):not(.comments-link):not(.posted-on):not(.post-list) a:focus {
    outline: none;
    text-decoration-style: dotted;
}

/* Helper class*/

.section-padding {
    padding: 100px 0;
}

.section-padding-top {
    padding: 110px 0 0;
}

.section-padding-bottom {
    padding-bottom: 80px;
}

.section-padding-80 {
    padding: 80px 0;
}

#services.section-padding {
    padding: 70px 0;
}

.boxed-btn, .wp-block-loginout a {
    color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    display: inline-block;
    padding: 15px 40px;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
}

a.boxed-btn i, .boxed-btn i {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    margin: auto;
    transform: translate(0);
    vertical-align: middle;
    color: var(--first-color);
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    line-height: 29px;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    padding: 0;
    z-index: 0;
}

a.boxed-btn.btn-white i {
    background-color: var(--first-color);
    color: #ffffff !important;
}

/*
==========================================
    01. Header Top
==========================================
*/

.contact-box span {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
}
.contact-box span a{
    text-decoration: none !important;
    color: #ffffff !important;
}
.site-description {
	font-size: 16px;
    white-space: nowrap;
    line-height: normal;
}
.site-title {
    font-size: 25px;
    margin-bottom: 0;
    line-height: 1;
}
.main-header {
    position: relative;
    background: #ffffff;
}

/*
==========================================
    02. Custom Navigation
========================================== */

.btn {
    background-color: var(--first-color);
}
.btn a {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
}

/* logo */

.custom-logo {
    height: 70px !important;
    width: 70px !important;
}
.logo a {
    display: inline-block;
    color: #ffff;
}
.site-title, .site-description{
    color: #000000 !important;
    font-family: Italianno;
    font-weight: 400;
    font-size: 40px;
    line-height: 52.8px;
    letter-spacing: 2px;
    text-align: left;
}
.logo a:focus {
    outline: 2px dashed !important;
    outline-offset: 3px;
    color: #000;
}
.main-menu ul li a:focus {
    outline: 2px dashed !important;
    outline-offset: 3px;
}
header .logo {
    padding: 0;
}
nav.main-menu {
    margin: 37.625px -30px 37.625px 0;
    position: relative;
}
.main-menu > ul {
    padding: 0;
    margin: 0;
}
.main-menu ul li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
#header {
    position: relative;
    background: #ffffff;
    padding: 15px 0px;
}
#google_language_translator select.goog-te-combo {
    border: 1px solid #767676 !important;
    border-radius: 5px !important;
    background: #EEEEEE !important;
    padding: 8px 6px !important;
    width: 100%;
}
span#search-icon {
    width: 35%;
    position: relative;
    display: inline-block;
    text-align: center;
    border-left: 1px solid #54545475;
}
.header-button {
    background: linear-gradient(134.53deg, #C589BB 0%, var(--first-color) 100%);
    padding: 12px 20px;
    display: inline-block;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    line-height: 15.06px;
    text-align: center;
    border-radius: 30px;
}
div#google_language_translator div.skiptranslate.goog-te-gadget {
    display: inline-block !important;
}
.header-button:hover{
    background: var(--first-color);
    color: #ffffff;
}
.search-box {
    text-align: right;
}

div#gb_responsive:before {
    content: "";
    left: -9%;
    height: 100%;
    width: 100px;
    background: #ffffff;
    position: absolute;
    top: 0px;
    z-index: -1;
}
.page-template-template-homepage .side_gb_nav.show {
    visibility: visible;
    top: 9%;
}

header .logo {
    padding: 0;
    text-align: left;
}

.contact-box p {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    letter-spacing: 0.5px;
}
.contact-box p span{
    color: var(--first-color);
}
#top-header {
    background: var(--first-color);
    padding: 10px 0px;
}
#top-header i.fas.fa-map-marker {
    font-family: 'FontAwesome';
    font-style: normal;
}
.contact-box i{
    font-size: 20px;
}
/*
==========================================
    Sticky Header CSS
==========================================
*/

#header.nav-stick.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    transition: transform 500ms ease, background 200ms ease;
}

.admin-bar .header-fixed {
    margin-top: 32px;
}

/*==========================================
   Preloader
==========================================*/

.loading {
    width: 100%;
    height: 100%;
    background: #ffffff;
    top: 0px;
    position: fixed;
    z-index: 9999;
}

.loader{
    width: 200px;
    height: 100px;
    margin: 30px auto;
    position: relative;
    top: 19em;
}
.line-1,
.line-2{
    position: absolute;
    width: 20px;
    height: 20px;
    background: var(--first-color);
    border-radius: 20px;
    -webkit-animation: move 3s ease-in-out infinite;
    animation: move 3s ease-in-out infinite;
}
.line-2{
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
}
.loader-text{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1.5em;
    color: var(--first-color);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: text 0.75s ease-in-out infinite alternate;
    animation: text 0.75s ease-in-out infinite alternate;
}
@-webkit-keyframes text {
    0% {
        color: var(--first-color);
    }
    100% {
        color: #000000;
    }
}
@keyframes text {
    0% {
        color: var(--first-color);
    }
    100% {
        color: #000000;
    }
}
@-webkit-keyframes move {
    0% {
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }
    12.5% {
        width: 200px;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }
    25% {
        background: #000000;
        width: 20px;
        height: 20px;
        -webkit-transform: translate(180px, 0%);
        transform: translate(180px, 0%);
    }
    37.5% {
        height: 100px;
        -webkit-transform: translate(180px, 0);
        transform: translate(180px, 0);
    }
    50% {
        background: var(--first-color);
        width: 20px;
        height: 20px;
        -webkit-transform: translate(180px, 80px);
        transform: translate(180px, 80px);
    }
    62.5% {
        width: 200px;
        -webkit-transform: translate(0px, 80px);
        transform: translate(0px, 80px);
    }
    75% {
        background: #000000;
        width: 20px;
        height: 20px;
        -webkit-transform: translate(0px, 80px);
        transform: translate(0px, 80px);
    }
    87.5% {
        height: 100px;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
    100% {
        background: var(--first-color);
        width: 20px;
        height: 20px;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}
@keyframes move {
    0% {
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }
    12.5% {
        width: 200px;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }
    25% {
        background: #000000;
        width: 20px;
        height: 20px;
        -webkit-transform: translate(180px, 0%);
        transform: translate(180px, 0%);
    }
    37.5% {
        height: 100px;
        -webkit-transform: translate(180px, 0);
        transform: translate(180px, 0);
    }
    50% {
        background: var(--first-color);
        width: 20px;
        height: 20px;
        -webkit-transform: translate(180px, 80px);
        transform: translate(180px, 80px);
    }
    62.5% {
        width: 200px;
        -webkit-transform: translate(0px, 80px);
        transform: translate(0px, 80px);
    }
    75% {
        background: #000000;
        width: 20px;
        height: 20px;
        -webkit-transform: translate(0px, 80px);
        transform: translate(0px, 80px);
    }
    87.5% {
        height: 100px;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
    100% {
        background: var(--first-color);
        width: 20px;
        height: 20px;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

/*
==========================================
    8. footer-copyright
==========================================
*/

#footer-copyright {
    padding: 13px 0;
}

#footer-copyright p {
    color: #fff;
    line-height: 36px;
}

#footer-copyright p a {
    color: inherit;
}

/* Scroll Up */
a.scrollup i {
    display: block;
}
.scrollup {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    position: fixed;
    bottom: 30px;
    right: 30px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    display: none;
    color: #fff;
    padding:15px;
    z-index: 999;
    -moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 10px 0px;
}

.scrollup:hover,
.scrollup:focus {
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .5)
}

/*
===================================================================================
    02. Related post CSS
===================================================================================
*/

.related-post-thumbnail img {
    height: 225px;
    object-fit: cover;
    width: 100%;
}

.related-post-thumbnail {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    padding: 15px;
}

/*
===================================================================================
    02. Default & full width page
===================================================================================
*/

.paginations {
    margin: 25px 0;
}
.nav-previous{
    margin-right: 30px;
}
.nav-previous a, .nav-next a {
    color: #ffffff;
    display: flex;
    padding: 12px 15px;
    background: var(--first-color);
}
.section-pagination {
    float: left;
    width: 100%;
}
span.inner-pagination {
    background: #3d4651;
    padding: 5px 15px;
    color: #fff;
}
span.post-page-numbers.current span {
    background: var(--first-color);
}

/*===================================================================================
 Woocommerce Product CSS
===================================================================================
*/
.woocommerce ul.products li span.price {
  margin: 0 5px;
}
.woocommerce ul.products li.product a img{
  margin: 0;
  border-radius: 10px;
}
p.price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--first-color);
  font-weight: bold;
  font-size: 14px;
}
span.onsale {
  position: absolute;
  top: 0;
  left: 0;
  background: var(--first-color);
  color: #fff;
  padding: 2px 5px;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
}
.pro-button a,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt ,.woocommerce a.added_to_cart.wc-forward{
    line-height: 1;
    padding: 15px;
    color: #fff;
    font-size: 15px;
    background: var(--first-color);
    border-radius: 5px;
}

.woocommerce a.added_to_cart.wc-forward{
    margin-top: 10px;
    font-weight: 700;
    margin-left: 10px;
}
.pro-button a:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{
  background: #111111;
  color: #fff;
}
ins {
  text-decoration: none;
}
.woocommerce ul.products li {
  text-align: center;
  padding: 0px !important;
  border-radius: 10px;
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    top: 10px;
    right: auto;
    left: 10px;
    margin: 0;
    line-height: 2;
    background: var(--first-color);
    border-radius: 25px;
    padding: 15px 10px;
    border-radius: 50%;
    height: 60px;
    text-transform: uppercase;
    color: #fff;
}
.woocommerce ul.products li.product .star-rating,.woocommerce .star-rating {
  margin: 0px auto 10px;
  color: #ffc53f;
}
.woocommerce .woocommerce-ordering select {
  background: var(--first-color);
  color: #fff;
  padding: 2px;
  border: 1px solid #e3e3e3;
}
.woocommerce .entry-summary {
  margin: 0;
}
.woocommerce .quantity .qty {
  padding: 8px;
  border: solid 2px #111111;
}
.woocommerce-message,
.woocommerce-info{
  border-top-color: var(--first-color);
}
.woocommerce-message::before,
.woocommerce-info::before{
  color: var(--first-color);
}
input[type="text"],
input[type="email"],
input[type="phno"],
input[type="password"],
textarea {
  border: 1px solid #bcbcbc;
  width: 100%;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 23px 0;
  height: auto;
}
span.woocommerce-input-wrapper,
.checkout label,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,.woocommerce form .form-row label,span.password-input,header.page-header {
  width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  padding: 0;
  list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  display: inline-flex;
  background: var(--first-color);
  padding: 10px;
  margin-right: 5px;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
  color: #fff;
}
h2.woocommerce-loop-product__title {
  font-size: 16px !important;
  padding: 8px 0 !important;
}
.woocommerce #customer_login .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce #customer_login .col2-set .col-2, .woocommerce-page .col2-set .col-2{
  display: table-cell;
  max-width: 100%;
  float: none;
}
.woocommerce ul.products li.product .button{
  margin-top: 0;
  color: #fff;
}
.woocommerce ul.products li.product .button:hover{
    color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    padding: 15px 20px;
    margin: 0 5px;
    border-radius: 7px;
    font-size: 18px;
    font-weight: 600;
}
.woocommerce nav.woocommerce-pagination ul li{
    border-right: 0px;
}
.woocommerce nav.woocommerce-pagination ul{
    border: 0px;
    
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--first-color);
    color: #ffffff;
    margin-bottom: 35px;
}

/*===================================================================================
    03. Blog Pages
===================================================================================
*/
.format-video .embedded-video video{
    width: 100%;
}
.format-audio .embedded-audio audio{
    width: 100%;
}
.format-image .embedded-image img {
    width: 100%;
    object-fit: cover;
}
.format-gallery .gallery-icon img{
    width: 100%;
}
#blog-content {
    padding-bottom: 50px;
}
h4.post-title {
    word-wrap: break-word;
}
#blog-content article.blog-post {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
    margin-bottom: 40px;
    width: 100%;
    position: relative;
}
#blog-content article.blog-post:last-child {
    margin-bottom: 0;
}
.post-content {
    padding: 32px 30px 35px;
}

/* Header featured image */
.single-meta-box h2, .featured-img h1 {
    color: #fff;
}
#blog-content .featured-img ul.meta-info li, #blog-content .featured-img ul.meta-info li a {
    color: #fff;
}
#blog-content .post-title a, #service-page .post-title a, #skip-content .post-title a {
    font-size: 24px;
    display: block;
    margin-bottom: 10px;
    -webkit-transition: .3s;
    transition: .3s;
}
#blog-content .featured-img, #service-page .featured-img, #skip-content .featured-img {
    position: relative;
    margin-bottom: 50px;
    background: var(--first-color);
    height: 300px;
}
#blog-content .featured-img  ul.meta-info li a:hover{
    color: #ffffff;
}
#blog-content .featured-img .post-thumbnail, #service-page .featured-img .post-thumbnail, #skip-content .featured-img .post-thumbnail {
    background: #000000;
}
#blog-content .featured-img img, #service-page .featured-img img, #skip-content .featured-img img {
    width: 100%;
    object-fit: cover;
    height: 300px;
    opacity: 0.5;
}
#blog-content .featured-img .single-meta-box, #service-page .featured-img .single-meta-box, #skip-content .featured-img .single-meta-box{
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
#blog-content .post-content,.single-post article.blog-post ul.meta-info {
    border-bottom: 1px solid #d3d6db;
}
.post-content .content {
    font-size: 16px;
    margin-bottom: 16px;
}
#blog-content .post-content .continue-reading {
    font-size: 16px;
}
#blog-content ul.meta-info {
    padding: 16px 32px;
}
#blog-content ul.meta-info li {
    display: inline-block;
    margin-right: 30px;
    font-size: 16px;
}
#blog-content ul.meta-info li i {
    margin-right: 10px;
}
.wp-block-button a.wp-block-button__link {
    border-radius: 30px;
    color: #ffffff;
}

/* Post Thumbnail Effects */

#blog-content article.blog-post {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
    margin-bottom: 40px;
    width: 100%;
    position: relative;
}

.blog-post .post-thumb {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    margin-bottom: 0;
}

.post-thumb.layout img {
    height: 300px;
    object-fit: cover;
}

.blog-post .post-thumb img {
    max-width: 100%;
    opacity: 1;
    width: 100%; 
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    display:block;
    object-fit: cover;
}

.blog-post .post-thumb .post-overlay {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    position: absolute;
}

.blog-post .post-thumb .post-overlay a {
    color: #fff;
}

.blog-post .post-thumb .post-overlay a i {
    font-size: 50px;
    opacity: 0;
    top: 50%;
    position: relative;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    display: inline-block;
}

.blog-post .post-thumb .post-overlay a i {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.blog-post .post-thumb .post-overlay:before {
    position: absolute;
    top: 30px;
    right: 50%;
    bottom: 30px;
    left: 50%;
    border-left: 1px solid rgba(255, 255, 255, 0.8);
    border-right: 1px solid rgba(255, 255, 255, 0.8);
    content: '';
    opacity: 0;
    background-color: #ffffff;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.single-blog-area .blog-post:hover .post-thumb img {
    opacity: 1;
}

.blog-post:hover .post-thumb img {
    opacity: 0.1;
}

.blog-post:hover .post-thumb .post-overlay i {
    opacity: 0.9;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.blog-post:hover .post-thumb .post-overlay i {
    -webkit-transform: translate3d(-25%, -50%, 0);
    transform: translate3d(-25%, -50%, 0);
}

.blog-post:hover .post-thumb .post-overlay:before {
    background: rgba(255, 255, 255, 0);
    left: 30px;
    right: 30px;
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
/*
===================================================================================
    Theme Breadcrumb
===================================================================================*/


.bread_crumb a:hover{
    color:#fff;
}
.bread_crumb a{
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;
}
.bread_crumb span {
    color: #fff ;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
     padding: 10px;
}
.bread_crumb {
    color: #fff;
    width: 100%;
}

.post-date .fa-calendar:before{
    color: var(--first-color);
}
/*
===================================================================================
    04. Single Blog Page
===================================================================================
*/

.comments-area {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    padding: 15px;
    margin-top: 20px;
}
.comment-form {
	padding: 0 !important;
}
.single-blog-area ul.meta-info {
    border-bottom: 1px solid #d3d6db;
}

.single-blog-area .post-title {
    font-size: 18px;
    display: block;
    font-weight: 500;
    margin-bottom: 16px;
}

.single-blog-area .tag-share {
    padding: 10px 60px;
    border-bottom: 1px solid #d3d6db;
}

.tag-share ul.tags li a {
    margin-bottom: 0;
}

.single-blog-area ul.share-icon li {
    display: inline-block;
}

.single-blog-area ul.share-icon li a {
    display: block;
    padding: 5px 10px;
    font-size: 16px;
}

.single-blog-area ul.share-icon {
    text-align: right;
}

.post-comment-area .comment-author a {
    font-size: 16px;
    font-weight: 500;
}

.post-comment-area .comment {
    font-size: 16px;
}

.post-comment-area .media {
	margin-bottom: 30px;
    padding: 4px 12px;
    color: #1D1D1D;
}

.post-comment-area .media-left {
    padding-right: 30px;
}

.post-new-comment {
    padding: 80px 60px;
}

.post-new-comment input,
.post-new-comment textarea {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid;
}

.post-new-comment .boxed-btn {
    margin-top: 30px;
}

.boxed-btn:hover {
    background: #444;
}
ul.media-list {
    margin: 0;
    padding: 0;
}
ul.media-list li h2 {
    font-size: 24px !important;
	margin: 0 !important;
}

ol.comment-list, ol.children {
    list-style: none;
}
.comment-list article {
    margin-bottom: 20px;
    padding: 10px 20px;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: .3s all;
    transition: .3s all;
}
.comment-author img {
	width: 60px;
    height: 60px;
    border-radius: 50%;
    border: solid 1px #ccc;
    display: inline-block;
    position: relative;
    margin-top: 15px;
}
.comment-metadata {
    margin-bottom: 15px;
    margin-top: -30px;
    margin-left: 63px;
}
.comment-respond .comment-reply-title {
    padding: 0;
	margin: 0 !important;
}
.reply {
    text-align: right;
}
.comment-content p {
    font-size: 16px;
}
.single-post article.blog-post {
    margin-bottom: 24px !important;
}
form.comment-form p.logged-in-as, form.comment-form p.comment-notes {
    margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}
.media-body ul li {
    list-style: none;
    display: inline-block;
    padding: 5px;
}
.author-details img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: solid 1px #ccc;
    display: inline-block;
    position: relative;
    margin-top: 15px;
    margin-left: 20px;
}
.auth-mata {
    padding-right: 10px;
}
.author-details p {
    font-size: 16px;
}
.author-meta-det {
    padding: 10px;
}
.blog-author-social {
    margin: 10px 0 0;
    padding: 0;
}

.wp-block-button a.wp-block-button__link {
    border-radius: 30px;
}
.wc-block-cart__submit-container{
    background: #222222;
    border-radius: 4px;
}
.wc-block-cart__submit-container a{
    color: #ffffff;
}
div#comments li {
    list-style: none;
}

/*
===================================================================================
    05. 404 page
===================================================================================
*/

#wrapper-404 {
    text-align: center;
}

#wrapper-404 .inner-content h1 {
    font-size: 70px;
    font-weight: 700;
    margin-bottom: 5px;
}

#wrapper-404 .inner-content p {
    font-size: 18px;
    margin-bottom: 26px;
}

/*
===================================================================================
  Main Wrapper
===================================================================================
*/
.main_wrapper {
	padding: 80px 0 0;
}

/* Search Container Styling */
.search-container {
    position: relative;
}

span.search-container button:hover,
span.search-container button:focus {
    background-color: #000 !important;
}
button#search-icon:focus,button#search-icon:hover{
    background-color: #000 !important;
}

span.search-container button#search-icon:hover i,
span.search-container button#search-icon:focus i {
    color: #ffffff;
}

span.admin-box span {
    color: #ffffff;
    text-decoration: none;
}

span.admin-box a:focus span,
span.admin-box a:hover span,
span.cart-count.lower-icons a:hover span,
span.cart-count.lower-icons a:focus span {
    color: #191718;
}

/* Search Icon Styling */
.search-icon {
    background: var(--first-color);
    border: none;
    font-size: 18px;
    border-radius: 10px;
    padding: 5px 12px;
    cursor: pointer;
    color: #ffffff;
}

/* Popup Overlay */
.search-popup {
    display: none !important;
    /* Ensure the popup is hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    display: flex;
    align-items: center;
    z-index: 99999;
    justify-content: center;
    padding: 20px;
}

.search-popup-visible {
    display: flex !important;
    /* Force popup to display */
}

/* Popup Content */
.search-popup-content {
    position: relative;
    background: #fff;
    padding: 30px;
    z-index: 99999;
    width: 90%;
    max-width: 500px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    /* Soft shadow */
    text-align: center;
    /* Center the form elements */
}

/* Close Button */
.close-popup {
    position: absolute;
    top: 0px;
    width: 30px;
    right: 0px;
    background: none;
    border: none;
    font-size: 18px;
    padding: 0px;
    color: #ffffff;
    cursor: pointer;
    transition: color 0.3s ease;
    height: 30px;
    background: var(--first-color);
}

.close-popup:hover {
    color: #0073aa;
}

/* Search Input Field */
.search-field {
    width: 100%;
    padding: 15px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 5px;
    outline: none;
    margin-bottom: 20px;
    transition: border-color 0.3s ease;
}

.search-field:focus {
    border-color: #0073aa;
}

/* Search Button */
.search-submit {
    background: #0073aa;
    color: #fff;
    border: none;
    padding: 15px 30px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.search-submit:hover {
    background: #005a87;
}

.search-popup-content input.search-field,
.search-popup-content form {
    margin-bottom: 0px;
}

/* Search Icon Inside Button */
.search-submit i {
    margin-right: 5px;
}

/* Responsive Design for Small Screens */
@media (max-width: 768px) {
    .search-popup-content {
        width: 100%;
        padding: 20px;
    }

    .search-field {
        font-size: 14px;
    }

    .search-submit {
        font-size: 14px;
        padding: 10px 20px;
    }

    .close-popup {
        font-size: 20px;
    }
}

/*---------------------------------------
    Screen Reader Text
-----------------------------------------*/
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 16px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*
==========================================
 Home Slider
==========================================*/

#home_slider {
    position: relative;
    height: 600px;
    background: 
    radial-gradient(circle at 70% center, rgba(255,255,255) 0%, rgba(255,255,255,0) 48%),
    linear-gradient(to right, #f99b54, #f99b54);
}
.slider-image img{
    width: 100%;
    height: 500px;
}
.slider_content_box{
    padding-top: 40px;
}
.advanced-search-form {
    display: flex;
    overflow: hidden;
    max-width: 80%;
    border: 1px solid #ffc9a0;
    margin: 0 auto;
}
.search-box input.search-button {
    background: var(--first-color);
    border-radius: 0px;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
}

.search-box input.search-button:hover {
    background: #000;
}
.search-box input[type="text"] {
    box-shadow: none;
    border: 0px;
    border-right: 1px solid #ADACAC;
    border-radius: 0px;
    margin-bottom: 0px;
    padding: 10px 40px;
}
.search-box input[type="text"]::placeholder{
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #000000;
}
.category-select{
    text-align: center;
}
.search-input,
.category-select,
.search-button {
    font-size: 16px;
    padding: 12px;
    border: none;
    outline: none;
}
.search-input {
    flex: 1;
    border-right: 1px solid #ccc;
}
.category-select {
    flex: 1;
    border-right: 1px solid #ccc;
    background-color: #fff;
}
.search-button {
    background-color: #f57c00; /* Orange color */
    color: white;
    padding: 12px 24px;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.3s ease;
}
.search-button:hover {
    background-color: #e96a00;
}
.slider_content_box a.heading-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: Inter;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 17px;
    text-align: left;
}
.slider_content_box a.heading-btn svg{
    fill: #ffffff;
}
.slider_content_box p {
    font-size: 14px;
    font-weight: 400;
    color: #414141;
}
.slider-section {
    position: absolute;
    bottom: 0%;
    width: 100%;
    z-index: 0;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}
.slider_content_box h2 {
    font-size: 40px;
    font-weight: 200;
    font-style: italic;
    color: #000000;
}
.slider_content_box h3 {
    color: #414141;
    margin-bottom: 15px;
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0.01em;
    text-align: left;
}
.search-box {
    text-align: right;
    margin-top: -29px;
    z-index: 1;
    position: relative;
}
#home_slider .owl-nav {
    position: absolute;
    left: -6%;
    display: flex;
    bottom: 28%;
    width: 6%;
}
#home_slider .owl-nav button.owl-prev,#home_slider .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    color: #000;
    padding: 3px !important;
    background: #ffffff;
    border-radius: 10px;
    font-size: 20px;
    margin-right: 10px;
}
#home_slider .owl-nav button.owl-prev:hover i,#home_slider .owl-nav button.owl-next:hover i{
    color: #ffffff;
}
#home_slider .owl-nav button.owl-prev:hover,#home_slider .owl-nav button.owl-next:hover{
    background: #000000;
}
#home_slider .owl-nav button i {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 25px;
    top: -2px;
    position: relative;
}

/*
==========================================
 Coupons
==========================================*/

.tab-product img {
    width: 100% !important;
    height: 300px;
    object-fit: cover;
    border-radius: 40px 40px 0px 0px;
}
.tab-product{
    border: 1px solid var(--first-color);
    border-radius: 40px;
}
.product-image{
    border-bottom: 2px solid var(--first-color);
    position: relative;
}
.coupon-offer {
    background: var(--first-color);
    width: auto;
    position: absolute;
    right: 0px;
    padding: 7px 5px;
    text-align: center;
    bottom: 20%;
    margin: 0 auto;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
}
.offer-box {
    background: var(--first-color);
    padding: 12px 15px;
    text-align: center;
    border-radius: 0px 0px 40px 40px;
    font-weight: 300;
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
}
.course-heading h5 {
   font-family: Italianno;
    font-weight: 400;
    font-size: 35px;
    line-height: 52.8px;
    letter-spacing: 2px;
    text-align: center;
    color: #A95719;
}
.product-details{
    text-align: left;
}
h5.product-text a {
    font-family: Poppins;
    font-weight: 600;
    font-size: 13px;
    line-height: 20.6px;
    color: #000000;
}
.product-details p {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #989898;
    margin-bottom: 8px;
}
.course-heading img{
    left: 0px;
    right: 0px;
    margin: 0 auto;
}
.heading-box h2 a{
    background: #fff;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    color: #132C3B;
    padding: 10px 10px;
    width: 75%;
    position: absolute;
    bottom: 10%;
    left: 0px;
    right: 0px;
    margin:0 auto;
    border-radius: 30px;
}
.heading-box h2 a{
    color: #132C3B;
}
section#home_our_cases h4 {
    font-weight: 800;
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    color: #132C3B;
}

/*
===================================================================================
  repeatetor css
===================================================================================
*/
.servicesss .col-lg-3 {
    margin-bottom: 30px!important;
}
.servicesss .col-lg-3:last-child{
	margin-bottom: 0px!important;
}
section#recent-blog .col-lg-4 {
    margin-bottom: 30px!important;
}
section#recent-blog .col-lg-4:last-child {
    margin-bottom: 0px!important;
}
section#recent-blog .col-lg-6 {
    margin-bottom: 30px!important;
}
section#recent-blog .col-lg-6:last-child {
    margin-bottom: 0px!important;
}
/* Pagination*/
.pagination{
    margin: 0px;
    text-align: center !important;
     display: table !important;
}

.pagination .nav-links {
    display: inline-flex;
}

.navigation .current {
    color: #ffffff;
    padding: 0px 15px;
    line-height: 36px;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    margin-right: 3px;
}
.pagination a {
    padding: 0px 15px;
    line-height: 36px;
    margin-right: 1px;
    color: #fff !important;
}

.pagination {
    margin: 30px auto 0;
}

.pagination a.page-link {
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
}

.pagination li.page-item.more-page a.page-link,
.pagination li.page-item.active a.page-link,
.pagination a.page-link:hover {
    color: #fff;
    border-color: #fff;
}

.nav-links {
    display: flex;
    justify-content: left;
}

#blog-content .pagination {
    margin: 0 auto 0;
}

a.next.page-numbers {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

/* Search Result */
.search-result .posts-navigation .nav-links a {
    color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1)!important;
    border-radius: 4px!important;
    display: inline-block!important;
    padding: 15px 40px!important;
    -webkit-transition: .3s;
    transition: .3s!important;
}

.posts-navigation .nav-previous {
    margin-right: 10px;
}

.posts-navigation .nav-previous, .posts-navigation .nav-next {
    display: inline-block;
}

/* bg-sticky Start */

.bg-sticky {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    text-align: center;
    letter-spacing: 0.5px;
    font-size: 16px;
    font-weight: 600;
    padding: 0 .62em;
    line-height: 30px;
	border-radius: 3px;
    color: #fff;
    background: #1ed12f;
	z-index: 9;
}

/* bg-sticky Start */



/* coupon-flash-deals-btn */

.coupon-flash-deals-btn .button-cart a,
.coupon-flash-deals-btn .boxed-btn{
    font-size: 16px;
    font-weight: 600;
    color: #1D1D1D;
    cursor: pointer;
    z-index: 0;
}

.coupon-flash-deals-btn .posts-navigation .nav-links a {
    font-size: 16px;    
    color: var(--first-color);
    position: relative;
    padding: 0 25px !important;
    line-height: 40px;
	z-index: 0;
    text-decoration: none;
	cursor: pointer;
}

.coupon-flash-deals-btn .boxed-btn,
.coupon-flash-deals-btn .posts-navigation .nav-links a {
	overflow: hidden;
}

.coupon-flash-deals-btn .search-form .boxed-btn {
	line-height: 50px;
}

/* coupon-flash-deals BTN Style */

.coupon-flash-deals-btn .boxed-btn:before,
.coupon-flash-deals-btn .posts-navigation .nav-links a:before {
    content: "";
    position: absolute;
    top: -40px;
    right: auto;
    bottom: auto;
    left: -100px;
    height: 220px;
    width: 50px;
    z-index: -1;
    opacity: .1;
    -webkit-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    -webkit-transition: .5s ease 0s;
    transition: .5s ease 0s;
    visibility: hidden;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
}

.coupon-flash-deals-btn .boxed-btn:hover:before, .coupon-flash-deals-btn .boxed-btn:focus:before,
.coupon-flash-deals-btn .posts-navigation .nav-links a:hover:before, .coupon-flash-deals-btn .posts-navigation .nav-links a:focus:before {
    left: 100%;
    visibility: visible;
    -webkit-transition: .5s ease .2s;
    transition: .5s ease .2s;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
}

/* coupon-flash-deals Colors */

.coupon-flash-deals-btn .slide-content.slide-bg h4,
.coupon-flash-deals-btn .boxed-btn:hover, .coupon-flash-deals-btn .mc4wp-form input[type="submit"]:hover,
.coupon-flash-deals-btn .posts-navigation .nav-links a:hover {
	color: #ffffff !important;
}

.search-result .posts-navigation .nav-links a:focus,
.search-result .posts-navigation .nav-links a:hover {
    color: #ffffff;
}


/* Parent Responsive */

.bypostauthor{}

.coupon-flash-dealsrips {
    overflow: hidden;
}

.wp-block-calendar table caption, 
.wp-block-calendar table tbody {
    color: #40464d;
    text-align: center;
}

.wp-block-table figcaption {
    text-align: center;
	font-weight: 600;
}

.wp-block-image figcaption {
    text-align: center;
}

ul.wp-block-social-links li a {
    font-size: 24px;
}

.footer-sidebar .wp-block-calendar tbody td, 
.footer-sidebar .wp-block-calendar th {
    padding: 8px 10px;
}
.footer-sidebar .wp-block-heading{
    color: #000000;
}
.footer-sidebar .wp-block-heading a:hover,.footer-sidebar .widget_text a:hover{
    color: #000000;
}
.wp-block-group em {
    color: inherit;
}