/*
Theme Name: Smart Electrician
Theme URI: https://www.buywpthemes.net/products/free-electrician-wordpress-theme
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: Welcome to Our Electrician WordPress Theme, The Perfect Solution for Electricians. The ultimate solution for electricians looking to establish a powerful online presence. Our theme is specifically designed to help you create a stunning website that showcases your electrical services, expertise, and professionalism. Our Electrician WordPress Theme features a modern and professional design that captivates visitors from the moment they land on your site. With its clean layout, intuitive navigation, and strategically placed call-to-action buttons, your website will leave a lasting impression on potential clients. Here highlight your range of services using dedicated sections or a visually appealing grid layout. Whether it's residential electrical work, commercial projects, lighting installations, or panel upgrades, you can effectively showcase your expertise and attract potential clients. Update and manage your website effortlessly with the user-friendly content management system of WordPress. Our Electrician WordPress Theme offers intuitive customization options, allowing you to add or modify content and images. It is built with clean code, follows best practices for on-page optimization, and provides options for meta tags, keywords, and other SEO elements, helping your website rank higher in search engine results. Download the Electrician WordPress Theme, install it on your WordPress website, and start customizing it to match your brand identity and showcase your electrical services. With our theme's powerful features, you can attract more clients, generate leads, and grow your electrician business online. Don't miss out on this opportunity to establish a professional online presence. Try Smart Electrician WordPress Theme now and take your electrical services to the next level! Demo - https://www.wpthemesdemo.com/smart-electrician/
Version: 0.2.4
Tested up to: 5.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: smart-electrician
Slug: smart-electrician
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, grid-layout, portfolio, photography
 
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.
*/ 
.waves {
    position: absolute;
    width: 100%;
    height: 31vh;
    margin-bottom: -7px;
    min-height: 100px;
    max-height: 150px;
    bottom: 0;
}
.m-rl{margin-right: 0;
margin-left: 0}
.footer-area {
    background: url(assets/images/footerbg.jpg);
    position: relative;
    display: block;
    overflow: initial;
    z-index: 1;
    padding:2em 0 0em 0;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Animation */
.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
}
.recentcomments a {
    display: inline-block !important;
    padding-left: 18px !important;
    margin: 0 !important;
}

.slider-img-overlay {
    position: absolute;
    left: 0;
    right: 52.5%;
    top: 0;
    bottom: 0;
    background: #161415;
    opacity: 1;
    clip-path: polygon(0 0, 67% 0, 100% 100%, 0% 100%);
}
.slider-img-overlay-outer {
    position: absolute;
    left: 0;
    right: 50%;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 1;
    clip-path: polygon(0 0, 68% 0, 100% 100%, 0% 100%);
}
@media (max-width: 991px) {
.slider-img-overlay-outer {
    right: 35%;
}
.slider-img-overlay {
    right: 38.5%;
}

}
section.slider-area.breadcrumb-section {
    display: none;
}
.announcementbar {
    display: flex;
    justify-content: space-between;
    padding: 1rem 4rem;
    background: #000;
}
header.site-header{top:56px;}
.site-headerbg {
    background: #fff;
}
.row.redbox {
    background: red;
    position: relative;
    width: 78%;
    margin-right: 0;
    place-self: flex-end;
	clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%);
	padding: 0px 20px;
}
.ann_rgt p {
    color: #fff;
}
/* .row.redbox::before {
    content: "";
    position: absolute;
    left: -35px;
    top: 0;
    height: 100%;
    width: 90px;
    background-color: red;
    transform: skewX(-45deg);
} */
.site-headerbg {
    display: none;
}
header.main-header.site-header .container {
    margin-right: 0;
    max-width: 100%;
}
.row.middltsk {
    justify-content: end;
    padding: 0px;
    text-align: left;
}
.middltsk .col-lg-3 {
    display: flex;
    align-items: center;
    gap: 10px;
}
.txtdv p:nth-child(2) {
    color: #888 !important;
    font-size: 14px;
    line-height: 18px;
}
.txtdv p {
    font-weight: 300;
}
.col-md-7.footer-widget {
    display: flex;
}
.col-md-7.footer-widget p{color:#fff;}
.footer-area{padding: 0; background:none;}
.col-md-7.footer-widget p {
    font-weight: 500;
    font-style: italic;
}
.footer-area .footer-widget,.footer-area .footer-widget p,.footer-area .footer-widget h4 {
/*     padding-bottom: 20px; */
    color: #fff;
}
.col-md-5.footer-widget {
    justify-content: space-between !important;
    width: 100% !important;
}
.footer-area li::before{display:none;}
.headfer-content.row.m-rl {
    height: 70px;
    box-shadow: 12px 8px 10px -5px #ddd;
}
header.site-header .container {
    padding: 0;
}
.flxwithimg {
    gap: 40px;
    display: flex;
}
.imgprt {
    display: flex;
    gap: 20px;
    width: 50%;
}
.flxwithimg .txtprt {
    width: 50%;
}
.footer-area .f-oly{display:none;}
.imgbanner{position:relative;}
.imgcontent {
    position: absolute;
    top: 28%;
    left: 80px;
}
.imgcontent h2 {
    font-size: 80px;
    color: #fff;
    font-weight: 700;
}
.imgcontent h2 span{
color:#FF0021;
}
.elementor-element.rangeworld {
    padding: 0;
}
.contactform-page {
	font-family: poppins;
}
.contactform-page .contenttxt h3 {
    font-size: 36px;
    margin-bottom: 20px;
}
.formtxtcolmn {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px;
    gap: 15px;
    flex-wrap: wrap;
}
.nxtclmnsocial ul {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}
.nxtclmnsocial ul a{color:#000;border:1px solid #868686;width:30px;text-align:center;height:30px;line-height:30px;display:block;border-radius:50px;}
.txtclm-2 p,.nxtclmn p {
    color: #868686;
}
.contactfrm input:not([type="submit"]) {
    border: none;
    border-radius: 14px;
}
.contactfrm textarea {
    border: none;padding-left:10px;
    border-radius: 14px;
}
.contenttxt {
    padding-right: 8rem;
}
.contactfrm{background:#f5f5f5;border-radius:24px;padding:3rem;}
.contactfrm input.wpcf7-form-control[type="submit"] {
    background: #000;
    margin-top: 2rem;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
}
.servicebreadcon h1 {
    font-size: 65px;
    color: #ff0000;
    font-family: 'Archivo Black';
}
.breadcrumb a {
    color: #000;
    text-decoration: none !important;
    border: none;
}
.lftsideaa h3 {
    font-size: 30px;
    font-family: 'Archivo Black';
}
.lftsideaa p{font-size:20px;}
.popularprod .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 40px;
    border-radius: 5px;
}
.popularprod span.swiper-pagination-bullet {
	background:#000;
}

/* Main Product page css */
.main-product-container {
	max-width: 1250px;
    margin: 20px auto 20px;
}
@media screen and (min-width: 997px) {
    .main-product-container {
        margin-top: 100px;
    }
}
.brand-red {
        font-style: italic;
        color: #e60000;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .product_page_bredcrumb {
        font-size: 14px;
        margin: 20px 0;
        color: #666;
    }
    .product_detail {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 40px;
		padding: 15px;
    }  
    .product_image {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product_image img {
        background-color: #fff;;
        width: 100%;
    }
    .product_info {
        width: 50%;
    }
    .product_info h1 {
        font-family: Archivo Black;
        font-weight: 400;
        font-size: 36px;
        line-height: 100%;
        margin: 0 !important;
    }
    .product_info p {
        font-style: italic;
		font-weight: 600;
		margin: 10px 0;
		font-size: 20px;
    }
    /* Product specs */   
    .product_spec {
        margin-top: 20px;
    }     
    .spec-table {
      width: 100%;
      border-collapse: collapse;
      background-color: #f2f2f2;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    }

    .spec-table tr {
      border-bottom: 4px solid #ffffff;
      font-family: Poppins;
      font-weight: 400;
      font-style: Regular;
      font-size: 12px;
      line-height: 100%;
      letter-spacing: 0%;
    }

    .spec-table td,
	.spec-table th {
      padding: 7px 14px;
      font-size: 14px;
      color: #333;
    }

/*     .spec-table td:first-child {
      font-weight: 500;
      width: 50%;
    } */

    .spec-table td:last-child {
      font-weight: 400;
    }
    /* Contact buttons */
    .contact-buttons {
        margin-top: 20px;
    }
    .btn {
        width: 212px;
        height: 34px;
        border-radius: 5px;
        margin-top: 4px;
        text-align: center;
        line-height: 34px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    .btn a {
        text-decoration: none!important;
        font-family: Poppins;
        color: #ffffff;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;

    }
    .enquiry-btn {
        background: #34C759;
    }
    .contact-supplier-btn {
        background: #6155F5;
    }

    /* Product Description */
    .product_description h2{
        background: #000;
        color: #fff;
        text-align: center;
        font-family: Poppins;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        line-height: 100%;
        padding: 10px 0;
        margin: 0 0 15px 0;
    }
    .product_description p{
        font-family: Poppins;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        margin-top: 10px;
        text-align: justify;
        padding: 0 15px;
    }

    /* Related Products */
.related_products {
        margin-top: 40px;
    }
    .related_products h2 {
        font-family: Poppins;
        font-weight: 400;
        font-size: 40px;
        line-height: 100%;
        text-align: center;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    .related-product-card {
        border-radius: 5px;
        display: inline-block;
        padding: 15px;
    }

    .related-product-card img {
        aspect-ratio: 1;
        border: 1px solid #000;
    }

    .related-product-card h3 {
        font-family: Poppins;
        font-weight: normal;
        font-size: 15px;
        line-height: 100%;
        margin: 10px 0 0;
    }

    .related-product-card span {
        font-family: Poppins;
        font-weight: 400;
        font-size: 12px;
        line-height: 100%;
        color: #666;
    }

    .related-product-card .price {
        margin-top: 4px;
    }

    .related-product-card .price strong {
        font-family: Poppins;
        font-weight: normal;
        font-size: 16px;
        line-height: 100%;
    }

    .swiper-wrapper {
        padding-bottom: 30px; /* Space for pagination */
    }

    /* Swiper pagination */
    .swiper-pagination-bullet {
        background: #000;
        opacity: 0.4;
    }
    .swiper-pagination-bullet-active {
        background: #000;
        opacity: 1;
    }
    .swiper-pagination {
        margin-top: 15px;
        text-align: center;
    }
    .swiper-pagination-bullet {
        opacity: 1!important;
        height: 7px!important;
        width: 7px;
    }
    .swiper-pagination-bullet-active {
        width: 46px!important;
        border-radius: 13px!important;
		background: #000!important;
    }

    /* Responsive */
    @media screen and (max-width: 768px) {
        .product_detail {
            flex-direction: column;
        }
        .product_image, .product_info {
            width: 100%;
        }
        .btn {
            width: 100%;
            height: 40px;
            font-size: 14px;
        }
        .related_products h2 {
            font-size: 28px;
        }
    }
    @media (max-width: 480px) {
      .spec-table {
        width: 100%;
      }
      .spec-table td {
        font-size: 14px;
        padding: 8px 12px;
      }
      .product_info h1 {
        font-size: 24px;
      }
      .product_info p {
        margin: 8px 0;
    }
    .related-product-card h3 {
        font-size: 20px;
      }
      .product_description p {
        padding: 0 10px;
		  font-size: 14px;
      }
		.spec-table td {
			padding: 10px 10px 10px 14px;
		}
	  .spec-table th {
		padding: 10px 5px;
	  }
    }

.logo-box {
	baclground: #fff;
}
.inarea-blog-2-column-area,
.blog-area {
	padding: 0px!important;
}

