/*
Theme Name: Eco Solar
Theme URI: https://cawpthemes.com/eco-solar-free-wordpress-theme/
Author: CA WP Themes
Author URI: https://cawpthemes.com/
Description: Eco Solar Free WordPress Theme is a fantastic resource for environmentally conscious individuals, startups, or organizations seeking a cost-effective yet impactful online presence. This theme offers a sleek and clean design, providing a professional platform for those committed to promoting eco-friendly practices and sustainable initiatives.
With a responsive and user-friendly layout, Eco Solar Free ensures that your website looks great and functions seamlessly across a variety of devices, catering to a diverse online audience. The theme is easy to customize, allowing users to personalize their site's appearance without the need for extensive coding knowledge. This makes it an ideal choice for those who prioritize simplicity and efficiency.
Eco Solar Free WordPress Theme places a strong emphasis on energy efficiency, aligning with its eco-conscious theme. The developers have optimized the code for performance, ensuring that the website operates smoothly while minimizing its environmental impact. This commitment to sustainability extends beyond the content of the website, making it a suitable choice for those who want their online presence to reflect their values.
The theme comes with features designed to showcase environmentally friendly projects, green initiatives, and renewable energy solutions. With integrated blog sections, users can easily share success stories, industry insights, and updates with their audience.
Eco Solar Free is compatible with popular plugins, enhancing its functionality and expanding its capabilities. It also integrates seamlessly with social media platforms, allowing users to leverage the power of social networks to spread awareness and engage with their audience.
Eco Solar Free WordPress Theme is an excellent option for those looking to establish an online presence with a focus on sustainability. Its user-friendly design, customization options, and commitment to energy efficiency make it a valuable asset for individuals and organizations passionate about promoting a greener and more sustainable future.
Version: 1.3.8
Tested up to: 6.7
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eco-solar
Copyright (c) 2025 CA WP Themes. All rights reserved.
Tags: one-column, two-columns, three-columns, four-columns, grid-layout , custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, translation-ready, threaded-comments, blog, photography
*/


/* Reset */
html {
    font-size: 16px;
    line-height: 1.5;
    font-family: "DM Sans", sans-serif;
}
body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: "DM Sans", sans-serif;
}
img {
    max-width: 100%;
    height: auto;
}

h1 {
    color: #000;
}

p {
    color: #000;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin: 0 0 20px;
}

a {
    color: #000;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    color: #000;
}

ul {
    text-align: left;
}

.widget footer {
    background: none;
}

.post-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.post-list li {
    margin-bottom: 20px;
}

p.logged-in-as {
    color: #000;
}

.comments {
    list-style: none;
    margin: 0;
    padding: 0;
}
.comment {
    margin-bottom: 20px;
}
.comment-avatar {
    float: left;
    margin-right: 20px;
}
.comment-body {
    overflow: hidden;
}
.comment-author {
    font-weight: bold;
    margin: 0;
}
.comment-date {
    font-size: 0.8rem;
    color: #666;
}
.comment-content {
    margin: 10px 0;
}
.comment-reply {
    margin-left: 50px;
}


.table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}
.table th {
    background-color: #000;
    color: #fff;
    padding: 10px;
    text-align: left;
}
.table td {
    border: 1px solid #ccc;
    padding: 10px;
}

/* Style links within post content */
.entry-content a {
  color: #000000;
  text-decoration: underline;
}

/* Style links within comment content */
.comment-content a {
  color: red;
  text-decoration: underline;
}

/* Style links within text widgets */
.widget_text a {
  color: green;
  text-decoration: underline;
}


/* 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: 14px;
  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;
}


/*--------Comments-----------*/

/* Style the comments section */
.comments-area {
    background-color: #f9f9f9;
    padding: 20px;
    margin-top: 30px;
    border: 1px solid #ddd;
}

/* Style the comment form */
.comment-form {
    margin-top: 30px;
}

/* Style the comment form fields */
.comment-form label {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}

.comment-form input[type="text"], 
.comment-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

/* Style the comment list */
.comment-list {
    margin-top: 30px;
}

.comment {
    margin-bottom: 30px;
}

.comment-author {
    font-weight: bold;
    margin-bottom: 10px;
}

.comment-meta {
    font-style: italic;
    margin-bottom: 10px;
}

.comment-content {
    margin-bottom: 10px;
}

.comment-reply-link {
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}

.comment-reply-link:hover {
    color: #f00;
}

/* Style the comment navigation links */
.comment-navigation {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.comment-nav-prev,
.comment-nav-next {
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.comment-nav-prev a,
.comment-nav-next a {
    text-decoration: none;
    color: #333;
}

.comment-nav-prev:hover,
.comment-nav-next:hover {
    background-color: #ddd;
}


/*-------404 Page--------*/

section.error-404.not-found {
    text-align: center;
    padding: 30px;
}

section.error-404.not-found h1 {
    color: #000;
}


section.error-404.not-found input.search-submit {
    padding: 10px;
}


section.error-404.not-found input.search-field {
    padding: 10px;
}

.go-home {
    margin-top: 10px;
}

.go-home a {
    color: red;
    font-size: 20px;
}

/*----------------sidebar---------------------*/

#sidebar {
    border: 1px solid #ddd;
    padding: 20px;
    margin-top: 40px;
}

.wp-block-search .wp-block-search__label {
    font-weight: 700;
    color: #000;
}

.no-comments.wp-block-latest-comments {
    color: #000;
}

span.required-field-message {
    color: #000;
}

p.logged-in-as a {
    color: #000;
}

div#sidebar li {
    list-style: none;
    padding: 5px;
    margin: 10px;
    color: #000;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
}

/* Sidebar widgets */
#sidebar .widget {
  margin-bottom: 30px;
}

/* Sidebar widget title */
#sidebar .widget-title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #ff8d32;
}

div#sidebar h2 {
    color: #ff8d32;
}

.wp-block-calendar table th {
    font-weight: 400;
    background-color: #ff8d32;
}

.wp-block-calendar tbody td, .wp-block-calendar th {
    padding: 0.25em;
    border: 1px solid #ff0505;
}


.singlepost-category a:hover{
    color: #fff;
}

h2.post-title a:hover, .display_only a:hover {
    color: #000;
}

/* Sidebar widget links */
#sidebar a {
  color: #000;
  text-decoration: none;
  font-size: 18px;
}

/* Sidebar widget links on hover */
#sidebar a:hover , h2.post-title:hover {
  color: #ff8d32;
}

.main-single-post-page .entry-content {
    margin-top: 30px;
}

/*----------Recommended CSS-------*/

.wp-caption {
  font-size: 14px;
  color: #666;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  padding: 5px;
}


.wp-caption-text {
  font-size: 12px;
  color: #999;
  text-align: center;
}


.gallery-caption {
  font-size: 14px;
  color: #666;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  padding: 5px;
}


.bypostauthor {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}


.alignright {
  float: right;
  margin-left: 10px;
}


.alignleft {
  float: left;
  margin-right: 10px;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

/*-----------button--------*/

.button {
    display: inline-block;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    color: #fff;
}

.button:hover {
    background-color: #ff8d32;
}


.theme-btn a:hover{
    background-color: #000;
}

.theme-btn a {
    padding: 15px;
    font-size: 18px;
    background-color: #ff8d32;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
}

/*--------------pagination----------*/

.nav-links {
    display: -webkit-inline-box;
    padding: 10px;
}

.pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.pagination li {
    margin: 0 5px;
}

.pagination a {
    display: inline;
    padding: 5px 10px;
    text-decoration: none;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.pagination a:hover {
    color: #fff;
    background-color: #ff8d32;
}

.pagination .current {
    position: relative;
    top: 0px;
    background-color: #000;
    color: #fff;
    border-color: #000;
    margin: 10px;
   padding: 5px 10px;
   border-radius: 5px;
}


/*-------------------------------------Header CSS-------------------------------*/

/* Layout */

.header {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
}
.site-title {
    font-size: 2rem;
    font-weight: bold;
    margin: 0;
}

.main {
    display: flex;
    flex-wrap: wrap;
}

.content {
    flex: 2;
    margin-right: 20px;
}

p.site-description {
    font-size: 26px;
    color: #fff;
}

.display_only h1 a {
    color: #ff8d32;
}

h1.site-title a:hover {
    text-decoration: none;
}

.head-banner-img {
   position: relative;
   background-size: cover;
   background-position: center;
   border-bottom: 1px solid #ccc;
}

h1.site-title a {
    font-size: 55px;
    color: #fff;
}

.display_only {
    text-align: left;
    padding: 10px;
}

.display_only p {
    color: #000;
}

.display_only h1 {
    font-size: 40px;
    margin: 0px;
}

.site-branding {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   padding: 50px;
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   color: #fff;
   text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.site-logo img {
    width: 160px;
    height: auto;
}

.site-title, .site-description {
    margin: 0;
}

.site-header .site-logo h1 {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
}

.site-header .site-logo img {
  max-height: 50px;
}

.header-btn {
    text-align: right;
    position: relative;
    top: 20px;
}

.header-btn a {
    color: #206800;
    font-weight: 600;
    padding: 10px;
    background-color: #ff8d32;
}

/*-----------Blog Page-----*/

.blog-page-main h2.post-title {
    margin-top: 10px;
    padding: 0px;

}

.blog-page-main .post {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px;
    text-align: center;
}

/*------------------------------------Index.php----------------------------------*/

h2.entry-title {
    font-size: 38px;
}

.main-post-content-box {
    margin: 15px;
    text-align: center;
    padding: 15px;
    border: 1px solid #ccc;
}

.main-post-content-box .entry-content {
    padding: 10px;
}

.card-body p {
    color: #000;
}

/* Content Styles */
.entry-content {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 1.5em;
}

.entry-header {
  margin-bottom: 1.5em;
}

.entry-title {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 0.5em;
}

.entry-meta {
  font-size: 14px;
  margin-bottom: 1em;
}

.entry-meta a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
}

.entry-meta a:hover {
  color: #000;
}

.entry-footer {
  margin-top: 1.5em;
}

.entry-title {
    margin-bottom: 10px;
}

.entry-content {
    margin-bottom: 20px;
}

.page-links {
    margin-top: 20px;
    clear: both;
}

.tags-list {
    margin-bottom: 10px;
}

.read-more-link {
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background-color: #007bff;
    padding: 10px 15px;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.read-more-link:hover {
    background-color: #ff8d32;
}


.single-post .post-thumbnail {
    padding: 0px 0px 40px 0px;
}

.single-post header.entry-header h1 {
    font-size: 36px;
    padding: 10px 0px;
}

.singlepost-category {
    padding: 20px 0px 0px 0px;
}

.singlepost-category a {
    background-color: #ff8d32;
    padding: 3px 15px;
    margin: 2px;
}

.card-body a {
    color: #000;
    background-color: #ff8d32 !important;
    border: none;
}

.card-body a:hover {
    background: #000;
    color: #fff;
}

.main-single-post-page {
    padding: 40px 0px 0px 0px;
}

h2.entry-title {
    padding: 20px 0px 10px 0px;
    font-size: 34px;
    color: #000;
}

.main-single-post-page h2.entry-title{
padding: 10px 0px;
}

.entry-meta {
    font-size: 14px;
    margin-bottom: 1em;
    font-weight: 700;
    color: #000;
    max-width: 260px;
    padding: 0px 0px 0px 10px;
    background-color: #ff8d32;
}

.card-body h5 {
    color: #000;
    font-size: 20px;
    padding: 0px 0px 0px 0px;
}

.cat-meta {
    padding: 10px 0px 10px 0px;
}

.cat-meta a {
    background: transparent !important;
}

.archive .page-container {
    margin-top: 30px;
}

/*-----------------Section-----------------------*/

/* Style for section */
/* Style for section heading */
section h2 {
  font-size: 36px;
  color: #000;
  margin-bottom: 20px;
}

/* Style for section content */
section p {
  font-size: 18px;
  color: #000;
  line-height: 1.5;
}


header.entry-header h1 {
    padding: 40px 0px;
}

/*-------------Banner Section------*/

.left-content {
    padding: 40px;
    text-align: left;
}

.slide-text ul {
    padding: 0px;
}

.container.banner-start {
    position: relative;
    top: 15%;
}

section#banner-section-first {
    padding: 60px 0px 60px 0px;
}

.main-heading h2 {
    color: #206800;
    font-size: 40px;
}

.slide-title-btn {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    color: #ff8d32;
    -webkit-box-shadow: 0px 8px 22px 0px #2068000A;
    box-shadow: 0px 8px 22px 0px #2068000A;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.slide-title-btn p {
    font-size: 18px;
    font-weight: 700;
    /* line-height: 26px; */
    color: #ff8d32;
}

.slide-text {
    padding: 0px 0px 40px 0px;
}



.slide-text li {
    padding: 10px 0px;
    position: relative;
    list-style: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: #206800;
}


 .slide-title-btn span {
    position: absolute;
    top: 46%;
    left: 10%;
    width: 12px;
    height: 12px;
    background: #00A51A;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/*-----------------Contact Section----------------*/

.cont-box {
    padding: 60px;
}

.contact-box-content {
    border-radius: 30px;
    background-color: #FDEAE0;
}

.contact-box-content img{
    border-radius: 30px 0px 0px 30px;
}

p.contact-text {
    margin: 0px;
    font-size: 34px;
}

.main-content {
    display: flex;
    padding: 60px 0px 0px 30px;
}

p.contact-text.contact-number {
    color: #206800 !important;
    font-weight: 600;
    padding: 0px 15px;
    margin-left: 0px;
}

p.mid-para {
    color: #000;
    padding: 0px 30px;
}

.contact-icon-box {
    text-align: center;
    position: relative;
    top: 30%;
    right: 10%;
    max-width: 100px;
}

.contact-icon-box i {
    color: #fff;
    border: 5px solid #fff;
    border-radius: 50%;
    padding: 15px;
    background-color: #206800;
    font-size: 40px;
}

/*------Features Section---------------*/

section#features-section {
    margin: 40px;
    padding: 100px 0px 0px 0px;
}


.slide-text.main-box {
    padding: 0px;
}


.slide-text.main-box li {
    text-align: center;
    padding: 10px;
    position: relative;
    list-style: none;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    color: #206800;
    display: inline-block;
}


.slide-text.main-box ul {
    padding: 20px 0px;
}

.image-box {
    margin-bottom: 20px;
    border-radius: 50%;
    border: 1px solid #ff8d32;
}

/*-----------Section One-------------*/

h2.post-title a:hover {
    color: #ff8d32;
}

.readmore-latest {
    padding: 0px 10px;
    text-align: left;
}

.readmore-latest a {
    color: #ff8d32;
    font-weight: 500;
}


h2.post-title {
    font-size: 19px;
    padding: 5px;
    margin: 0px;
}

section#section1 .post-thumbnail {
    padding: 10px;
}

.main-post-box {
    text-align: center;
    height: auto;
    margin: 5px;
    padding: 2px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.content-box {
    max-height: 6.5em;
    line-height: 2.5em;
    overflow: hidden;
    padding: 5px;
}

.main-post-box h2 a {
    font-size: 22px;
    font-weight: 600;
    color: #206800;
}


.content-box p {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    color: #777094;
    margin-bottom: 15px;
    /* font-size: 14px; */
}

.section-heading-main h3 {
    margin: 0px;
    text-align: center;
    padding: 40px 0px 0px 0px;
    font-size: 36px;
    color: #000;
    font-size: 55px;
    font-weight: 600;
    line-height: 78px;
    color: #206800;
}

.section-heading-main {
    padding: 10px 0px 30px 0px;
    text-align: center;
}


section#section3 {
    padding: 40px;
}


section#section1 {
    padding: 20px;
    margin-bottom: 20px;
}

h2.post-title a {
    color: #000;
}

h2.second-sec-heading a {
    color: #fff;
    font-size: 42px;
}


.post-sect2 {
    margin: 10px;
}


.the-content-box-sec2 {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.the-content-box-sec2 p {
    color: #fff;
}

.sec2-meta span {
    color: sandybrown;
}

.sec2-cat a {
    color: #fff;
    background-color: #ff8d32;
    padding: 5px;
}   

.sec2-meta span {
    color: #ff8d32;
}


.post-sect4 {
    text-align: right;
    margin: 10px;
}


section#section3 h2.post-title {
    font-size: 19px;
    padding: 10px;
    text-align: center;
}


.post-sect4-more {
    text-align: center;
    margin: 10px;
}


.sec2-meta {
    padding: 0px 0px 0px 10px;
}

/*-------------------Post Nav-----------*/


.post-navigation {
    display: flex;
    justify-content: space-between;
    margin: 2em 0;
}

.nav-previous a, .nav-next a {
    width: 300px;
    display: inline-block;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    transition: 0.5s;
}

.entry-share {
    color: #000;
}

.nav-previous a:hover, .nav-next a:hover {
    color: #ff8d32; 
}

.nav-previous a {
    border-radius: 5px 0 0 5px;
}

.nav-next a {
    border-radius: 0 5px 5px 0;
}

@media screen and (max-width: 768px) {
    .post-navigation {
        flex-direction: column;
    }
    
    .nav-previous a, .nav-next a {
        width: 100%;
        border-radius: 5px;
        margin-bottom: 1em;
    }
}

/*----------Blog Page-*/


.blog-page-main {
    padding: 40px;
}

/*-------------Contact Us Page-------------*/

.contact-form-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 40px;
    background-color: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.contact-form-container p {
    margin-bottom: 20px;
}

.contact-form-container input[type="text"],
.contact-form-container input[type="email"],
.contact-form-container textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.contact-form-container input[type="submit"] {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.contact-form-container input[type="submit"]:hover {
    background-color: #45a049;
}


.contact-main-box {
    padding: 40px;
}

.info-box {
    text-align: center;
    width: 200px;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgb(205 124 124 / 80%);
    margin: 10px;
}

.address i {
    font-size: 40px;
}

.address h6 {
    font-size: 20px;
    margin: 7px;
}

.info-box p {
    color: #000;
}

/*-------------------Woocommerce---------------*/

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
    background-color: #000000;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.woocommerce ul.products li.product a {
    text-decoration: none;
    color: #fff;
    background: #000000;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #000000;
    font-size: 1.25em;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
    background-color: #000000;
    color: #fff;
}


/*-----------------Footer--------------------*/


/* Footer styles */
.Main-footer footer {
    margin-top: 60px;
  background-color: #ff8d32;
  color: #fff;
  padding: 20px;
  font-size: 14px;
}

.footer-inside p {
    font-size: 18px;
    color: #fff !important;
}

.footer-inside {
    padding: 40px 20px;
}

.wp-block-latest-posts.wp-block-latest-posts__list {
    list-style: initial;
    padding-left: 0px;
    font-size: 18px;
}

.widget_text p {
    font-size: 16px;
}   

footer a {
    font-weight: 600;
    color: #ff8d32;
    text-decoration: none;
}

footer a:hover {
  color: #000;
}

/* Copyright styles */
.copyright {
  margin-top: 10px;
  font-size: 12px;
  color: #777;
}


.footer-copyright {
    text-align: center;
    background-color: #fff;
    padding: 10px;
    color: #fff;
}

.footer-copyright p {
    color: #ff8d32;
}

footer.site-footer p {
    color: #000;
}

/*-------------Back to Top--*/

.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #000; /* Customize as needed */
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 18px;
  cursor: pointer;
  display: none; /* Initially hidden */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  transition: opacity 0.3s, transform 0.3s;
}

.back-to-top:hover {
  background-color: #000;
  transform: scale(1.1);
}


/*-----------------------MOBILE Media*/


@media only screen and (max-width: 768px) {

    .left-content {
    padding: 10px;
    text-align: center;
}

    section#banner-section-first {
    text-align: center;
    height: auto;
    background: #FEF5F0;
}

p.contct-text {
    font-size: 21px;
    color: #fff;
}

.cont-box p {
    color: #ff8d32;
    font-weight: 500;
    font-size: 21px;
}

p.mid-para {
    color: #000;
    font-size: 16px;
}

section#features-section {
    padding: 0px 0px 0px 0px;
}

section#section1 {
    text-align: center;
    padding: 0px;
    margin-bottom: 40px;
}

.section-heading-main h3 {
    text-align: center;
    padding: 40px 0px 30px 0px;
    font-size: 32px;
    font-weight: 600;
     line-height: 0px; 
    color: #206800;
}

.main-navigation ul li a {
    color: #000;
    padding: 25px 20px;
    display: inline-block;
}

.section-heading-main {
    text-align: center;
}


    section#banner-section-first h2 {
    margin-top: 20px;
    font-size: 24px;
    color: #206800;
}


.slide-text li {
    padding: 10px 0px;
    position: relative;
    list-style: none;
    font-size: 13px;
    font-weight: 700;
    line-height: 26px;
    color: #206800;
    text-align: center;
}

.slide-title-btn p {
    color: #ff8d32;
}


.slide-text ul {
    text-align: center;
    padding: 0px;
}


.text-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    text-align: center;
}

    .text-box p {
    display: none;
}

    .sec2-cat {
    margin-top: 10px;
}

h2.second-sec-heading a {
    color: #fff;
    font-size: 26px;
}

.right-content img {
    margin-top: 30px;
}

.post-sect4 {
    text-align: left;
    margin: 10px;
}

    .about-text-box {
    text-align: center;
    background: #fff;
    width: 65%;
    padding: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 18px;
}

.about-text-box h3 {
    color: #ff8d32;
    font-size: 12px;
}

.about-text-box p {
    font-size: 10px;
}

section#about-two {
    height: 400px;
}


    img.about-two-small {
    width: 30%;
    }

    .display_only h1 {
    font-size: 32px;
    }

    p.site-description {
    font-size: 14px;
    color: #fff;
    }


    .site-branding {
    padding: 5px;
    }


    h1.site-title a {
        font-size: 30px;
        color: #fff;
    }

    footer {
        padding: 10px;
    }

    h2.post-title {
    text-align: center;
    }

    h1.other-pages {
    color: rgba(0,0,0,1);
    font-size: 60px;
    text-align: center;
    }

    .info-box {
    text-align: center;
    width: 100%;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgb(205 124 124 / 80%);
    margin: 10px;
    }


}