/* warranty page */
:root{
    --bs-renervate-color:#87C440
}
.contact-us-row.warranty-form-row{
    background-color: #10652F;
    border-radius: 24px
}
.cta-con.bottom-align{
    display: flex;
    align-items: flex-end;
}
.cta-con.bottom-align .cta-img {
    height: 100% !important;
}

.warranty-claim-sec .article-content{
    padding: 15px;
}

.warranty-claim-sec .article-content h1,.warranty-claim-sec .article-content h2, .warranty-claim-sec .article-content h3, .warranty-claim-sec .article-content h4,.warranty-claim-sec .article-content h5, .warranty-claim-sec .article-content h6{
    font-weight: 600;
    color: #0F3D1E;
}
.warranty-claim-sec .article-content  h1{
    font-size: 32px; 
    margin-bottom: 20px;
}
.warranty-claim-sec .article-content  h2{
    font-size: 28px;    
    margin-bottom: 18px;
   
}
.warranty-claim-sec .article-content  h3{
    font-size: 24px;    
    margin-bottom: 16px;
   
   
}
.warranty-claim-sec .article-content  h4{
    font-size: 20px;    
    margin-bottom: 14px;
}
.warranty-claim-sec .article-content  p {
    font-size: 16px;    
    margin-bottom: 12px;
    color: #333;
    line-height: 1.6;   
}
  .warranty-claim-sec .step {
          
            padding: 25px 60px;
            border-radius: 18px;
            position: relative;
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            height: 100%;
           
        }
.warranty-claim-sec .warranty-claim-box{
    padding: 15px;
}
.warranty-claim-sec .step:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
}

    .warranty-claim-sec .step-1 {
        background-color: #fde4cf;
        border: 2px solid #f9c74f;
    }
 .warranty-claim-sec .step-1 .step-direction-arrow{
        position: absolute;
      width: 0;
      height: 0;
      border-top: 20px solid transparent;
      border-left: 40px solid #fde4cf;
      border-bottom: 20px solid transparent;
      top: 45%;
      right: -20px;
      z-index: 2;
    
 }
 .warranty-claim-sec .step-2 {
        background-color: #ceead6;
        border: 2px solid #90be6d;
    }

    .warranty-claim-sec .step-3 {
        background-color: #d0e8fd;
        border: 2px solid #577590;
    }

 .warranty-claim-sec    .step-4 {
        background-color: #f5d5e3;
        border: 2px solid #c77dff;
    }

 .warranty-claim-sec    .step-5 {
        background-color: #d9ecf2;
        border: 2px solid #43aa8b;
    }

.warranty-claim-sec     .step-number {
        position: absolute;
        top: -15px;
        left: -15px;
        background-color: white;
        width: 65px;
        height: 65px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        color: #6a4c93;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        border: 3px solid;
        transition: all 0.3s ease;
        font-size: 2.5rem;
    }

 .warranty-claim-sec    .step-1 .step-number {
        border-color: #f9c74f;
    }

 .warranty-claim-sec    .step-2 .step-number {
        border-color: #90be6d;
    }

.warranty-claim-sec     .step-3 .step-number {
        border-color: #577590;
    }

 .warranty-claim-sec    .step-4 .step-number {
        border-color: #c77dff;
    }

 .warranty-claim-sec    .step-5 .step-number {
        border-color: #43aa8b;
    }

 .warranty-claim-sec    .step-title {
        font-weight: 600;
        font-size: 1.2rem;
        margin-bottom: 10px;
        color: #333;
        display: flex;
        align-items: center;
        gap: 10px;
    }

 .warranty-claim-sec    .step-content {
        font-size: 1.2rem;
        color: #555;
       
    }
 .warranty-claim-sec    .step-content ul li, .article-content ul li {
        margin: 0;
        list-style-type: circle;
    }

 .article-content ul li {
        margin-left: 20px;
        color: #363636;
    }
.warranty-from-sec p{ color:#ffff;}
.warranty-from-sec .home-page-form{ background-color: #0F3D1E !important;}
.warranty-from-sec .wpcf7-response-output {
        color: wheat;
    border: 2px solid var(--bs-green) !important;
}

.warranty-from-sec .wpcf7-form-control.wpcf7-checkbox{
    display: flex;
    justify-content: space-around;

}
.warranty-from-sec .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
    display: flex;
    margin: 0 0 0 1em;
}
.warranty-from-sec .home-page-form.style-2 .home-page-form-title {
    color: var(--bs-white);
}
.warranty-from-sec .wpcf7-form-control-wrap .wpcf7-not-valid-tip,.warranty-from-sec  .refer-friend-cta-sec .error

 {
    position: absolute;
    right: 10px;
    top: -19px;
    width: auto;
    height: auto;
    margin: 0px;
    background: var(--bs-red);
    font-size: 11px !important;
    line-height: 11px !important;
    padding: 5px 5px 4px !important;
    color: var(--bs-white) !important;
}
.warranty-from-sec .cta-con .cta-img img { object-fit: fill!important; }
.form-warranty-claim p{
	margin-bottom:0px;
}
.from-warranty-claim .form-text p
 {
	 font-size:small;
    color: var(--bs-green);
}

/* end warranty page */
/* blog page css */
.blog-post h1, .blog-post h2, .blog-post h3, .blog-post h4, .blog-post h5, .blog-post h6 {
    color:var(--bs-green);
    font-weight: 600;

}
.blog-post h1 {
    font-size: 36px;
    margin-bottom: 20px;
} 
.blog-post h2 {
    font-size: 28px;
    margin-bottom: 18px;
}   
.blog-post h3 {
    font-size: 24px;
    margin-bottom: 16px;
}
.blog-post h4 {
    font-size: 20px;
    margin-bottom: 14px;
}
.blog-post h5 {
    font-size: 18px;
    margin-bottom: 12px;
}
.blog-post p {
    color: #333;
    line-height: 1.6;
    text-align: left;
    font-size: 1.2rem;
}
.blog-post ul{
    margin-left: 20px;
    margin-bottom: 20px;}
.blog-post ul li {
    color: #333;
    line-height: 1.6;
}
.blog-post .border-left {
    border-left: 1px solid #d8e2ef !important;
}
.blog-post blockquote {
      margin-bottom: 1rem;
    font-size: 1.25rem;
    background: #eee;
    border-left: 2px solid green;
    padding: 20px;
    border-radius: 20px;
}
.blog-post .post-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    margin-bottom: 20px;
}
.recent-posts-widget .card-title a:hover {
    color: #0F3D1E;
    font-weight: 600;
}
.comment-form input, .comment-form textarea {
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px; 

}
.comment-form p textarea{
    height: 100px;
}
.comment-form p {
   display: flex   ;
}
.comment-form p label {
   width: 30%;
}
.comment-form p input, .comment-form p textarea {
   width: 70%;
   padding: 10px;
}

.comment-form-cookies-consent{ display: flex; padding-left: 30;}
.comment-form-cookies-consent #wp-comment-cookies-consent {
   width: auto;
   margin-right: 10px;
}
.comment-form-cookies-consent label {
    font-weight: normal;
    font-size: 14px;
    color: #555;
    width: 100% !important;
}
.form-submit input[type="submit"] {
    padding: 12px 24px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
}
.comment-area input[type="text"] {
  width: 100%; /* Makes the field span the full width of its container */
  padding: 12px 20px; /* Adds space inside the field */
  margin: 8px 0; /* Adds space outside the field (top and bottom margin) */
  display: inline-block; /* Ensures correct layout behavior */
  border: 1px solid #ccc; /* Sets a standard border color and size */
  border-radius: 4px; /* Rounds the corners */
  box-sizing: border-box; /* Ensures padding and borders are included in the width calculation */
  font-size: 16px; /* Sets a readable font size, also prevents zooming on mobile Safari */
}

/* Style the field when it gets focus (clicked/tabbed into) */
.comment-area input[type="text"]:focus {
  border-color: #4CAF50; /* Change border color on focus */
  outline: none; /* Removes the default blue/black outline for a cleaner look */
}

/* Style the placeholder text */
.comment-area input::placeholder {
  color: #999;
}
.comments-area-holder {
    margin-top: 40px;
    padding: 20px;
    background-color: #efefef;
    border-radius: 20px;
    
}

.comment-form .form-submit input[type="submit"] {
    background-color: #0F3D1E;
    color: #fff;
    transition: background-color 0.3s ease;
}

/* product details page */
    .product-details-section{   
        padding: 60px 0;
    }
    .text-renervate-color {
        color: var(--bs-black) !important;
    }
     .product-content-section  .bg-primary-custom { background-color: var(--bs-primary) !important; }
     .product-content-section  .text-primary-custom { color: var(--bs-renervate-color) !important; }
     .product-content-section  .text-primary-custom  img { height: 20px; width: 20px; }
     .product-content-section  .border-primary-custom { border-color: var(--bs-renervate-color) !important; }
     .product-content-section  .start-border { border-color: var(---bs-renervate-color) !important; }
     .product-content-section  .text-primary-dark { color: var(--bs-primary-dark) !important; }
      .product-content-section .bg-accent-custom { background-color: var(--bs-accent) !important; }

      .product-content-section .card-hover {
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
            height: 100%;
        }
     .product-content-section  .card-hover:hover {
            transform: scale(1.03);
            box-shadow: 0 0.5rem 1rem var(--bs-black) !important;
        }

     .product-content-section  .feature-item {
            display: flex;
            align-items: flex-start;
            gap: 0.75rem;
            margin-bottom: 0.5rem;
        }

        /* Sticky sidebar for large screens */
        @media (min-width: 992px) {
            .lg-sticky {
                position: sticky;
                top: 2rem;
            }
        }
         @media screen and  (max-width: 576px) {
             .product-content-section .sm-picture-wrap{
                width: 80px;
                height:80px;
                margin-left:15px;
             }
        }
        /* Custom background for the specs section */
    .product-content-section  .specs-bg {
            background-color: #f8f9fa; /* light gray from bg-gray-50 */
        }
    .product-content-section .ratio>*{
        position: initial;
        max-width: 80%;
        height: auto;

    }
    .product-content-section .thumb-img-prod {
          overflow: hidden;
    height: 80px;
    background-color: var(--bs-white);
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .product-content-section .thumb-img-prod:hover{
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .product-content-section .prod_logo{
        position: absolute;
        top:10px;
        left:10px;
    }
    .product-content-section .key-feature-list ul{
        padding-left: 20px;
    }
    .product-content-section .key-feature-list ul li{ 
        display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    color: #000;
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
    }
    .product-content-section .key-feature-list ul li::before{
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 6px;
    background-image: url(../img/svg/green-check-mark.svg);
    background-size: contain;
    }
    .product-content-section .warranty-content-list{
        font-size: 1rem;
    }
    .product-content-section .warranty-content-list li{
        list-style-type: disc;
    }

    @media screen and (max-width: 768px) {
     .blog-post h1{font-size:30px;}
     .blog-post h2{font-size:22px;}
     .blog-post .comments-area p {font-size: 16px; display: flex;flex-direction: column;}
     .comment-form p input, .comment-form p textarea {
       width: 100%;
    }
    .blog-post p.comment-form-cookies-consent{ flex-direction:row;}
}