/*
Theme Name: Twenty Thirteen
Theme URI: https://wordpress.org/themes/twentythirteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 4.9
Tested up to: 6.7
Requires at least: 3.6
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready, block-patterns
Text Domain: twentythirteen

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.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 *//**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */
 .custom-container {
    width: 90%;
    margin: 0 auto;
}
section#midle {
    background: #275d5e;
    color: #fff;
    padding: 10px 0 10px 0;
}
.socail-iconer p {
    margin: 0 0 0 0;
}
.contact-me a {
    color: #fff;
}
.carousel-item img {
    filter: brightness(0.5) !important;
}
.contact-me {
    float: right;
}
section#midle {
    background: #275d5e;
    color: #fff;
    padding: 10px 0 10px 0;
}
div#mega-menu-wrap-primary {
    margin: 30px 0 0 0;
}
.inner-lato a {
    background: #1e1d1c;
    color: #fff !important;
    padding: 11px 31px;
    font-size: 14px;
    float: right;
    border-radius: 59px;
    margin: 1px 0 5px 0;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
}
.hedrom p {
    color: #fff;
    margin: 0 0 34px 0;
}
a.antilio {
    background: #275d5e;
    color: #fff;
    padding: 17px 26px;
    text-decoration: none;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
}
.hedrom h1 {
    line-height: 50px;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block;
}
.hedrom {
    position: absolute;
    top: 296px;
    margin: 0 185px;
    width: 70%;
    color: #fff;
    text-align: center;
}
.innr-lumpsum img.img-fluid:hover {
    transform: scale(0.9);
    transition: 0.5s ease-in-out;
}
.inner-lrmonade:hover {
    background: #dcfeff;
    transition: 0.5s ease-in-out;
    transform: scale(0.9) !important;
}
.inner-lato {
    margin: 18px 0 0 0;
}
h1, h2, h3, h4, h5, h6, p, a, b, strong, div, span ul, li {
    font-family: "Funnel Sans", sans-serif !important;
}
div#mega-menu-wrap-primary {
    margin: 18px 0 0 0;
}
.inner-lato {
    margin: 14px 0 0 0;
}
i.fa-solid.fa-phone {
    margin: 0px 0 0 20px;
}
.contactformdes {
    background: #9d9d9d;
    padding: 20px 15px 20px 15px;
    border-radius: 21px;
}
section#bottom-head {
    padding: 12px 0;
}
section#bottom-head.navbar-scrolled {
    position: fixed;
    top: 0px;
    z-index: 1111;
    width: 100%;
    background: #fff !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    margin: 0 0 0 0;
}

section#welcome b {
    color: #275d5e;
    font-size: 20px;
}
.wel-btn a {
    background: #265b5c;
    color: #ffffff !important;
    padding: 10px 10px !important;
}
section#welcome p {
    line-height: 30px;
    margin: 0 0 25px 0;
}
section#welcome h1 {
    font-size: 35px;
    font-weight: 700;
}
span.inner-lttered {
    background: #345a5b;
    padding: 14px 14px;
    color: #fff;
    border-radius: 37px;
    font-size: 19px;
}
.main-flexer {
    display: flex;
}
.main-flexer h2 {
    font-size: 30px;
    margin: 5px 0 0 15px;
    font-weight: 600;
}
section#these-are {
    background: #e1ecec;
    padding: 70px 0;
    margin: 37px 0 0 0;
}
p {
    font-size: 16px;
    line-height: 30px;
    color: #232323;
    margin: 0 0 0 0;
}
.inner-logso {
    border-right: 1px dotted #275e5f;
}
.socail-iconer p {
    color: #fff;
}
section.feature-sec .customer-satisfaction, section.feature-sec .quality-assurance, section.feature-sec .client-support {
    border-right: 1px solid #ccc;
}
.icon-wrap {
    background: #275d5e;
    text-align: center;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 45px;
}
.icon-wrap i {
    font-size: 22px;
    color: #ffffff;
}
.gsap-reveal-hero .reveal-wrap {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.gsap-reveal-hero .reveal-wrap .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #C4DEDB;
    margin-left: -100%;
    z-index: 2;
}
.gsap-reveal-hero .reveal-wrap .reveal-content {
    line-height: 1.3;
    z-index: 1;
    display: inline-block;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}
.gsap-reveal-hero .reveal-wrap {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.gsap-reveal-hero .reveal-wrap .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #C4DEDB;
    margin-left: -100%;
    z-index: 2;
}
section.feature-sec {
    margin: 40px 0;
}
.innerlex-cat h2 {
    font-size: 35px;
    font-weight: 700;
    color: #275d5e;
    text-align: center;
    margin: 0px 0 30px 0;
}
body.home.blog.logged-in.admin-bar.wp-embed-responsive.mega-menu-primary.single-author.sidebar.customize-support {
    overflow-x: hidden;
}
.inner-cat-img:hover {
    transform: scale(0.9);
    transition: .5s ease-in-out;
}
.innr-lumpsum b {
    font-size: 19px;
    margin: 15px 0 10px 0;
}
.innr-lumpsum {
    margin: 0 0 50px 0;
}
.hwta-we-offwer h3 {
    font-size: 30px;
    font-weight: 700;
    color: #275d5e;
}
.inner-lrmonade img {
    max-width: 50% !important;
}
.inner-lrmonade {
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
    padding: 25px 25px;
    margin: 0 0 40px 0;
    border-radius: 5px;
}
.hwta-we-offwer h3 {
    margin: 0 0 30px 0 !important;
}
.inner-lrmonade h4 {
    font-size: 30px;
    font-weight: 700;
    margin: 10px 0 14px 0;
}
span.dividers {
    border: 2px solid #275d5e;
    display: inline-block;
    width: 5%;
    margin: 0 0 5px 0px;
}
section#what-we-offer {
    padding: 60px 0;
    background: url(./images/about-bg.png);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
.col-md-6.etrion {
    background: #000000;
    padding: 50px 50px;
}
.col-md-6.etrioner {
    background: #397274;
    color: #fff;
    padding: 50px 50px;
}
.inner-letsgo h4 {
    font-size: 30px;
    font-weight: 700;
    color: #ffff;
}
.inner-letsgo b {
    color: #a7a7a7;
    font-size: 18px;
}
.inner-letsgo p {
    color: #fff;
}
.inner-letsgor {
    display: flex;
}
.inner-letsgor p {
    color: #fff;
}
.inner-letsgor i {
    font-size: 30px;
    margin: 0 16px 0 0px;
}
.inner-letsgor {
    display: flex;
    margin: 0 0 30px 0;
}
.col-md-6.etrioner a {
    color: #fff;
}
section#controller {
    background: #f7fffe;
    padding: 60px 0;
}
.inner-latteete h4 {
    font-size: 40px;
    line-height: 52px;
    font-weight: 600;
}
.later-we-on {
    display: flex;
    margin: 64px 0 0 0;
}
.later-we-on i {
    font-size: 50px;
    color: #275d5e;
    margin: 0 30px 0 0px;
}
.innermanto span {
    font-size: 30px;
    font-weight: 500;
}
.dildara {
    padding: 40px 0 0 0;
}
a.thener-now {
    background: #355c5d;
    color: #fff;
    padding: 10px 20px;
    border-radius: 3px;
}
.inner-servicing i {
    font-size: 50px;
    color: #355c5d;
}
.inner-servicing {
    position: absolute;
    background: #ffffff;
    box-shadow: 0 3px 16px rgb(155 155 155 / 50%);
    padding: 30px 15px 30px 15px;
    border-radius: 10px;
    bottom: 55px;
    width: 70%;
    right: 0;
}
section#this-inning {
    background: url(./images/white-bg-2-2.webp);
    background-position: center;
    background-size: cover;
    padding: 50px 0;
}
.inner-raterodn h4 {
    font-size: 30px;
    font-weight: 700;
    color: #296263;
}
section#ctc {
    background: #477173;
    padding: 36px 0 26px 0;
    color: #fff;
    margin: 0px 0 0px 0;
}
.btner a {
    background: #fff;
    color: #000;
    padding: 10px 17px;
    float: right;
}
section#our-products h4 {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}
section#our-products {
    margin: 60px 0;
}
section#our-products h4 {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 35px 0;
}
section#form {
    padding: 60px 0 60px 0;
    background: url(https://hivends.org/macgenix/wp-content/uploads/2025/03/closeup-handshake-1.webp) rgb(58 140 142);
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
    color: #fff;
    margin: 100px 0 60px 0;
}
.inner-ul {
    margin: 16px 0 0 0;
}
.inner-form h4 {
    font-size: 30px;
}
.inner-form p {
    color: #fff;
}
.inner-ul ul li {
    line-height: 39px;
}
.Google-Reviews {
    margin: 110px 0 0 0;
}
.inner-formless {
    background: #ffffff;
    padding: 20px 20px;
    border-radius: 10px;
    position: absolute;
    top: -80px;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
    float: right;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.form-control {
    background: #000;
    color: #fff;
}
section#blogs {
    padding: 60px 0 60px 0;
    background: #f7f7f7;
}
.blogs-main {
    text-align: center;
    margin: 0 0 40px 0;
}
.blogs-main h5 {
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    color: #2e4b49;
}
.footer-inner img {
    width: 160px;
}
.called {
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    height: 450px;
}
.news {
    position: absolute;
    right: 49px;
    margin: 7px 0 0 0;
    background: #3c7477;
    padding: 0 10px 0 10px;
    font-weight: 500;
    border-radius: 5px;
    color: #fff;
    z-index: 1;
}
.news p {
    color: #fff;
}
.imageiner-text {
    position: absolute;
    top: 173px;
    padding: 0 26px 0 15px;
    width: 93%;
}
.imageiner-text p {
    color: #fff;
}
.imageiner-text p {
    color: #fff;
}
.btned {
    margin: 10px 0 0px 0;
}
a.bloggwe {
    color: #275d5e;
}
a.bloggwe i {
    color: #ffffff;
    background: #275d5e;
    padding: 5px 5px 5px 5px;
    border-radius: 18px;
}
.called img {
    filter: brightness(0.4);
}
.footer-inner p {
    margin: 25px 0 0 0;
}
.foot_inn_spn {
    font-size: 24px !important;
    font-weight: 600 !important;
}
.footer-inner ul {
    padding: 0 0 0 20px;
    list-style: circle;
    color: #275d5e;
    line-height: 42px;
}
.footer-inner p span i {
    color: #275d5e;
    font-size: 21px;
    margin: 15px 5px 0 0px;
}
.social-icons i {
    margin: 20px 14px 0 0px;
    font-size: 30px;
}
span i {
    color: #355c5d;
    font-size: 21px !important;
    margin: 15px 5px 0 0px !important;
}
.footer-inner ul li {
    border-bottom: 2px dotted;
}
.footer-inner ul li a {
    color: #000;
}
.footer-inner p {
    margin: 25px 0 0 0;
}
.footer-inner p span i {
    color: #275d5e;
    font-size: 21px;
    margin: 15px 5px 0 0px;
}
.footer-inner p span b {
    margin: 0 8px 0 0px;
    color: #000;
}
section#categories {
    margin: 60px 0 0px 0 !important;
}
.footer-inner i.fa-solid.fa-phone {
    margin: 0 0 0 0 !important;
}
section#footer {
    padding: 80px 0;
    border-top: 1px solid #e4e4e4;
    margin-top: 30px;
}
.copyright {
    text-align: center;
    margin: 7px 0 0 0;
    border-top: 1px solid;
    border-color: #ff6600;
    font-size: 16px;
    font-weight: 500;
}
section#copyright p {
    text-align: center;
    font-size: 16px;
    border-top: 1px solid #cbcbcb;
    padding: 10px 0 10px 0;
}
.social-icons {
    margin: 35px 0 0 0;
}
.footer-inner ul li a {
    color: #000;
}
section#copyright a {
    font-size: 16px;
    color: #275d5e;
    font-weight: 600;
    text-decoration: none;
}
.footer-inner ul {
    padding: 34px 0 0 20px;
    list-style: circle;
    color: #275d5e;
    line-height: 42px;
}
.footer-inner ul li a:hover {
    text-decoration: none;
    color: #245857;
}
/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
@media (max-width: 767px) {
	section#welcome h1 {
    font-size: 24px !important;
    font-weight: 700 !important;
}
	.innerlex-cat h2 {
    font-size: 30px !important;
    margin: 0px 0 30px 0 !important;
    line-height: 40px !important;
}
	.inner-logso {
    border-right: none !important;
}
	.main-flexer h2 {
    font-size: 23px !important;
    margin: 5px 0 0 15px;
    font-weight: 600;
}
	.inner-letsgo h4 {
    font-size: 24px !important;
    font-weight: 700;
    color: #ffff;
}
	.inner-servicing {
    position: unset !important;
    width: 100% !important;
}
	.inner-imgerdosf {
    margin: 36px 0 0 0 !important;
}
	.called {
    margin: 40px 0 0 0 !important;
}
	
	.btner a {
    background: #fff;
    color: #000;
    padding: 10px 17px;
    float: left !important;
}
	.inner-formless {
    position: unset !important;
}
	.intense-mantra h4 {
    font-size: 22px !important;
    margin: 0 0 23px 0 !important;
}
	.inner-latteete h4 {
    font-size: 30px !important;
    line-height: 44px !important;
    font-weight: 700 !important;
}
	section#what-we-offer {
    padding: 35px 0 !important;
}
	section#these-are {
    background: #e1ecec !important;
    padding: 42px 0 !important;
    margin: 0px 0 0 0 !important;
}
	.inner-logso {
    border-right: none !important;
    margin: 0 0 34px 0 !important;
}
.contact-me {
    display: none !important;
}
	section#welcome {
    margin: 40px 0 !important;
}
section#welcome img {
    margin: 0 0 15px 0 !important;
}
	section.feature-sec .customer-satisfaction, section.feature-sec .quality-assurance, section.feature-sec .client-support {
    border-right: 0px !important;
    border-bottom: 1px solid #ccc !important;
    margin-bottom: 20px !important;
}
	.imageiner-text {
    top: 84px !important;
}
	.inner-lato {
    display: none !important;
}
	div#mega-menu-wrap-primary {
    width: 50px !important;
    margin: 8px 0 0 0 !important;
    float: right !important;
}
	.hedrom {
    position: absolute !important;
    top: 10px !important;
    margin: 0 0px !important; 
    width: 100% !important;
    color: #fff !important;
    text-align: center !important;
}
	.hedrom h1 {
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    font-size: 15px !important;
}
	.hedrom p {
    font-size: 10px !important;
    line-height: 20px !important;
    margin: 0 39px 18px 30px !important;
}

	a.antilio {
    padding: 10px 10px !important;
}
.breadcrumb_new {
    color: #fff;
    display: unset !important;
    justify-content: center;
    height: 42px !important;
    align-items: center;
    margin: -45px 0 0 0 !important;
    float: left !important;
}
	section.pageheader h1 {
    font-size: 26px !important;
    margin-top: -28px !important;
}
	.about-us-img {
    margin: 10px 0 !important;
}
	.contact-us h2 {
    color: #275d5e;
    font-size: 25px !important;
}
	.msg1 h2 {
    text-align: center;
    color: #275d5e;
    font-size: 25px !important;
}
	.director-img img {
    margin: 14px 0 0 0 !important;
}
	.qlty-text h2 {
    color: #275d5e;
    font-size: 25px !important;
}
	.col-md-5.img {
    order: 2 !important;
    margin-top: 8px !important;
}
	.pcd-text h2 {
    color: #275d5e;
    font-size: 25px !important;
}
	.mission {
    margin-bottom: 40px !important;
}
	.Third-party h2 {
    color: #275d5e;
    font-size: 25px !important;
}
}
section.pageheader {
    background: #275d5e;
    margin-bottom: 30px;
}
span.breadcrumb_new a {
    color: #fff;
}
.breadcrumb_new {
    color: #fff;
    display: flex;
    justify-content: center;
    height: 130px;
    font-weight: bold;
    align-items: center;
}
.about-us-img img {
    border-radius: 10px;
}
.about.us-text h2 {
    font-size: 25px !important;
    color: #275d5e;
}
.contactform {
    border: 1px solid;
    padding: 29px 32px;
    border-radius: 10px;
    background: #275d5e;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    border-radius: 5px;
    padding: 6px 10px;
    margin: 12px 0px;
    border-color: #bdbaba;
}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    height: 100px;
    width: 100%;
    border-radius: 5px;
    border-color: #b9b9b9;
    padding: 6px 10px;
    margin: 12px 0px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    margin: 12px 0px;
    border-radius: 5px;
    border-color: #b9b6b6;
}
.contactform h3 {
    color: #fff;
    margin: 0 0px;
    border: 3px solid;
    border-radius: 10px;
    padding: 8px 15px;
    text-align: center;
    background: #000;
    font-size: 30px;
    margin-bottom: 10px;
}
.contact-us i {
    font-size: 22px;
    margin: 6px 15px 0 0px;
}
.contact-us p {
    margin-bottom: 36px;
}
.contact-us h2 {
    color: #275d5e;
}
.msg1 h2 {
    text-align: center;
    color: #275d5e;
}
.director-msg p {
    margin-top: 15px;
}
.director-img img {
    border-radius: 8px;
    box-shadow: 0 3px 20px rgb(39 93 94);
    margin-top: 10px;
}
.mis-vis-val h3 {
    color: #275d5e;
    font-size: 25px;
    margin-top: 10px;
}
.mis-vis-val h3 {
    color: #275d5e;
    font-size: 25px;
    margin-top: 10px;
}
.mis-vis-val h3 {
    color: #275d5e;
    font-size: 25px;
    margin-top: 10px;
}
.mis-vis-val {
    border: 1px solid;
    padding: 11px 15px;
    border-radius: 9px;
    height: 100%;
}
.qlty-img img {
    margin: 0px 0 14px 0;
    border-radius: 14px;
    box-shadow: 0 3px 10px rgb(39 93 94 / 52%);
}
.qlty-text h2 {
    color: #275d5e;
}
.pcd-text h2 {
    color: #275d5e;
}
.pcd-text p {
    text-align: justify;
}
.pcd-franchise p {
    text-align: justify;
}
.pcd-text2 p {
    text-align: justify;
}
.pcd-img img {
    border-radius: 5px;
    box-shadow: 0 3px 16px rgb(39 93 94 / 78%);
}
.third-party-img img {
    border-radius: 15px;
    margin: 20px 0;
}
.Third-party h2 {
    color: #275d5e;
}
.Third-party2 p {
    margin: 0 0px 0 16px;
}
div#wpcf7-f6-o2 br {
    display: none;
}
.contact-form-entering {
    background: #355c5d;
    color: #fff;
    padding: 20px 30px 20px 30px;
    margin: -36px 0 0 0;
}
div#wpcf7-f6-o1 br {
    display: none;
}
section.ancient-products {
  background-color: #f9f9f9;
}

section.ancient-products .ancient-page-header {
  margin-bottom: 40px;
}

section.ancient-products .ancient-page-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--brand-primary);
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}

section.ancient-products .ancient-page-title:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background: var(--brand-secondary);
}

section.ancient-products .ancient-page-subtitle {
  font-size: 1.2rem;
  color: #666;
}

section.ancient-products .ancient-product-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  overflow: hidden;
  position: relative;
}

section.ancient-products .ancient-product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

section.ancient-products .product-badge .badge {
    background: var(--brand-secondary);
    color: #000000;
    padding: 6px 15px;
    border-radius: 30px;
    font-size: 0.8rem;
    font-weight: 600;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
section.ancient-products .product-image-wrapper {
  position: relative;
  overflow: hidden;
  padding-top: 100%;
}

section.ancient-products .product-image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

section.ancient-products .product-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(37, 100, 83, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

section.ancient-products .ancient-product-card:hover .product-overlay {
  opacity: 1;
}

section.ancient-products .quick-view-btn {
  color: #fff;
  background: var(--brand-secondary);
  padding: 10px 20px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  transform: translateY(20px);
  transition: transform 0.3s ease;
}

section.ancient-products .ancient-product-card:hover .quick-view-btn {
  transform: translateY(0);
}

section.ancient-products .product-content {
  padding: 20px;
}

.product-title {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--brand-primary);
  margin-bottom: 1rem;
}

section.ancient-products .product-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}

section.ancient-products .product-title a:hover {
  color: var(--brand-secondary);
}

section.ancient-products .product-meta {
  font-size: 0.9rem;
  color: #555;
  margin-bottom: 15px;
}

section.ancient-products .meta-item {
   margin-bottom: 8px;
        align-items: center;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
}

section.ancient-products .meta-item i {
  color: var(--brand-secondary);
  margin-right: 8px;
  width: 20px;
  text-align: center;
}

section.ancient-products .product-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

section.ancient-products .price {
  font-weight: 700;
  color: var(--brand-primary);
}

section.ancient-products .price .amount {
  font-size: 1.2rem;
}

section.ancient-products .add-to-cart a {
  background: #000;
  color: #fff;
  border: none;
  padding: 8px 20px;
  border-radius: 30px;
  font-size: 0.9rem;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
}

section.ancient-products .add-to-cart a:before {
  content: '\f217';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 8px;
}

section.ancient-products .add-to-cart a:hover {
  background: #000;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(139, 194, 74, 0.3);
}
section.ancient-single-product {
    background-color: #f9f9f9;
    padding: 50px 0;
}

section.ancient-single-product .ancient-product-detail {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    padding: 30px;
    margin-bottom: 30px;
}

section.ancient-single-product .ancient-product-gallery {
    position: relative;
}

section.ancient-single-product .main-image {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

section.ancient-single-product .main-image img {
    width: 100%;
    height: auto;
    display: block;
}

section.ancient-single-product .thumbnail-slider {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

section.ancient-single-product .thumbnail-img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 5px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

section.ancient-single-product .thumbnail-img:hover {
    border-color: var(--brand-secondary);
}

section.ancient-single-product .ancient-product-info {
    padding-left: 30px;
}

section.ancient-single-product .product-title {
    font-size: 2rem;
    margin-bottom: 10px;
    color: var(--brand-primary);
}

section.ancient-single-product .product-rating {
    margin-bottom: 15px;
}

section.ancient-single-product .star-rating {
    color: #ffb300;
    font-size: 1.2rem;
}

section.ancient-single-product .product-price {
    font-size: 1.8rem;
    color: var(--brand-primary);
    font-weight: 700;
    margin-bottom: 20px;
}

section.ancient-single-product .meta-box {
    background: rgba(139, 194, 74, 0.05);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
}

section.ancient-single-product .meta-title {
    font-size: 1.1rem;
    color: var(--brand-primary);
    margin-bottom: 10px;
    font-weight: 600;
}

section.ancient-single-product .meta-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

section.ancient-single-product .meta-list li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

section.ancient-single-product .meta-list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

section.ancient-single-product .description-title {
    font-size: 1.3rem;
    color: var(--brand-primary);
    margin-bottom: 15px;
    font-weight: 600;
}

section.ancient-single-product .product-share {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

section.ancient-single-product .share-label {
    font-weight: 600;
    margin-right: 15px;
    color: var(--brand-primary);
}

section.ancient-single-product .share-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    color: #fff;
    transition: all 0.3s ease;
}

section.ancient-single-product .share-icon.facebook {
    background: #3b5998;
}

section.ancient-single-product .share-icon.twitter {
    background: #1da1f2;
}

section.ancient-single-product .share-icon.linkedin {
    background: #0077b5;
}

section.ancient-single-product .share-icon.whatsapp {
    background: #25d366;
}

section.ancient-single-product .share-icon:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 992px) {
    section.ancient-single-product .ancient-product-info {
        padding-left: 0;
        padding-top: 30px;
    }
    
    section.ancient-single-product .product-title {
        font-size: 1.6rem;
    }
    
    section.ancient-single-product .product-price {
        font-size: 1.5rem;
    }
}

@media (max-width: 768px) {
    section.ancient-single-product .ancient-product-detail {
        padding: 20px;
    }
    
    section.ancient-single-product .thumbnail-slider {
        flex-wrap: wrap;
    }
}
.ancient-related-products {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.ancient-related-products .section-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--brand-primary);
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    text-align: center;
}

.ancient-related-products .section-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: var(--brand-secondary);
}

.ancient-related-products .ancient-product-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    overflow: hidden;
}

.ancient-related-products .ancient-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.ancient-related-products .product-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
}

.ancient-related-products .product-badge .badge {
    background: var(--brand-secondary);
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
}

.ancient-related-products .product-image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.ancient-related-products .product-image-wrapper img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease;
}

.ancient-related-products .product-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s ease;
}

.ancient-related-products .ancient-product-card:hover .product-overlay {
    opacity: 1;
}

.ancient-related-products .quick-view-btn {
    color: #fff;
    background: var(--brand-primary);
    padding: 8px 15px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.9rem;
}

.ancient-related-products .product-content {
    padding: 15px;
}

.ancient-related-products .product-title {
    font-size: 1.1rem;
    margin-bottom: 10px;
}

.ancient-related-products .product-title a {
    color: var(--brand-primary);
    text-decoration: none;
}

.ancient-related-products .product-meta {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 15px;
}

.ancient-related-products .product-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ancient-related-products .price {
    font-weight: 700;
    color: var(--brand-primary);
}

@media (max-width: 768px) {
    .ancient-related-products .section-title {
        font-size: 1.5rem;
    }
}

/* Table and grid toggle css */

/* View Toggle Styles */
    .view-toggle {
        background: #fff;
        border-radius: 30px;
        overflow: hidden;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    .view-toggle .btn {
        border: none;
        padding: 8px 20px;
        font-weight: 500;
        transition: all 0.3s ease;
    }

    .view-toggle .btn.active {
        background: var(--brand-secondary);
        color: #fff;
    }

    .view-toggle .btn:not(.active):hover {
        background: rgba(139, 194, 74, 0.1);
        color: var(--brand-primary);
    }

    /* Table View Styles */
    .products-table-view .table {
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    }

    .products-table-view .table th {
        background: var(--brand-primary);
        color: #fff;
        font-weight: 600;
        border: none;
        padding: 15px;
    }

    .products-table-view .table td {
        vertical-align: middle;
        padding: 15px;
        border-color: rgba(0, 0, 0, 0.05);
    }

    .products-table-view .table tr:hover td {
        background: rgba(139, 194, 74, 0.05);
    }

    .products-table-view .badge {
        background: var(--brand-secondary);
        color: #fff;
        padding: 4px 10px;
        border-radius: 30px;
        font-size: 0.7rem;
        font-weight: 600;
        display: inline-block;
        margin-top: 5px;
    }
@media (min-width: 992px) and (max-width: 1400px) {
    .mega-menu-link {
        font-size: 14px !important;
    }

    .global-btn {
        font-size: 12px !important;
    }

    section.facts-main .facts-main-heading {
        font-size: 26px !important;
    }
    section.facts-main .facts-main-description {
        font-size: 14px !important;
    }

    .main-heading {
        font-size: 32px !important;
        line-height: 42px;
    }

    .ancient-desc {
        font-size: 14px !important;
    }

    .feature-head {
        font-size: 18px !important;
    }

    footer.main-footer .footer-col p,
    footer.main-footer .footer-col ul li a,
    footer.main-footer .footer-col ul li,
    footer.main-footer .copyright .privacy a,
    footer.main-footer .copyright .copyright-p {
        font-size: 14px !important;
    }
}