/*
Theme Name: Ecosolarlights
Theme URI: https://ecosolarlights.com/
Author: Entexis
Author URI: https://entexis.in/
Description: Bootstrap v.3 basic theme for developers to build their new theme very fast and easy.
*/


/*Required WordPress CSS*/
body{font-size:14px; font-family: "Manrope", sans-serif;} 
.aligncenter { display: block; margin: 5px auto 5px auto; text-align: center;}
.alignleft {display: inline; float: left; margin-right: 1.5em;}
.alignright {float: right; margin-left: 1.5em;}
.alignnone {clear: both;}
.wp-caption {border: 1px solid #ccc; margin-bottom: 1.5em; max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block; margin: 1.2% auto 0; max-width: 98%;}
.wp-caption-text {text-align: center;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.container{ max-width: 1480px; width:100%; margin:0 auto; padding:0 20px}
.site-branding {display: flex; align-items: center;}
.site-logo img { max-height: 60px; width: auto;}
.site-text {display: flex;flex-direction: column;}
.site-tagline {margin: 0; margin-left: 20px; font-family: "Manrope", sans-serif; font-size: 20px; font-weight: 800; line-height: 1.4; color: #00a3e4;}
.site-tagline span{display: block; text-align: start; font-family: "Manrope", sans-serif; font-size: 12px; font-weight: 600;    line-height: 14.5px; color: #222; padding-top: 5px;}  
#header{background-color: #fff; position: relative; width:100%;  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; z-index: 999; padding:0 10px;} 
#content{padding: 60px 0 0 0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0;}
.navbar-collapse {padding-right: 0; padding-left: 0;} 
.navbar-default{background: none;  border-color: transparent;}
.navbar{min-height: 0; margin-bottom: 0; border: 0} 
.navbar-collapse, .navbar-default{box-shadow:none; text-align: right;}
.navbar-nav {float: none; width: 100%;}
.navbar-nav>li {float: none; display:inline-block; margin-right: 12px;}
.navbar-default .navbar-nav>li>a{padding-left: 15px; padding-right: 15px; padding-top: 13px; padding-bottom: 13px;   transition-duration: 0.2s; color: #222; font-family: "Manrope", sans-serif; font-size: 16px; font-weight: 500; line-height: 24px;} 
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #00a3e4;}
.navbar-brand, .navbar-nav>li>a {text-shadow: none;}  
.navbar-default .navbar-nav>li:hover a:after{transform: translateY(12px); height: 10px; transition-duration: 0.2s; opacity: 1; transition: all 0.3s; position: absolute; content: ''; display: block; z-index: 2; left: 45%; width: 10px; border-radius: 50px; background-color: #00a3e4;}  
.row-with-vspace {margin-bottom: 10px;}
.navbar{padding-right: 190px;} 
.header-cta {display: flex; align-items: center; gap: 8px; background: #00a3e4; color: #fff; padding: 10px 20px; border-radius: 999px; font-size: 16px; font-weight: 600; text-decoration: none; transition: background .2s, transform .15s; white-space: nowrap; width: 198px; position: absolute; right: 0;top: 3px;}   
.cta-badge { width: 22px; height: 22px; border-radius: 50%; background: rgba(0, 0, 0, .25); font-size: 12px; font-weight: 700;
display: flex; align-items: center; justify-content: center; }
.header-cta:hover{text-decoration:none; color:#fff; background-color: #7A7A7A;}
#main-column .post, #main-column .page {border: 0; margin-bottom: 0; padding: 0;} 
.home .entry-header{display:none;}
#homevideo{height:650px;}
body{overflow-x: hidden;}
.banner-heading h2{font-family: "Manrope", sans-serif; font-size: 54px; font-weight: 700; line-height: 1.3; color: #FFFFFF;}
.banner-heading h2 span{color:#00a3e4;}

.border-toprow .elementor-widget-html{display: flex; justify-content: space-between; align-content: flex-start; flex-wrap: wrap; position: relative; width: 100%;font-family: "Manrope", sans-serif; font-size: 20px; font-weight: 500; line-height: 41px; color: #858585;} 
.border-toprow .elementor-widget-html div span{background-color:#fff; position:relative; z-index:1; padding:0 25px;}
.border-toprow .elementor-widget-html:after{border-top:1px solid #a1a1a1; width:100%; left:0; top:20px; position:absolute; content:""; display:block;}	
.center-miss-b span{color:#00a3e4;}
#text-show{text-shadow: -1px -1px 3px #00a3e4;}
#view-products{position:relative; padding-right:65px;}
#view-products:after{position: absolute; content: url(/wp-content/uploads/2026/05/Group-8-2.svg); right:15px; top:8px; width:35px; height:35px;}

.redlist-style ul{list-style: none; display: flex; flex-direction: column; gap: 14px; padding:0;}
.redlist-style ul li{display: flex; align-items: flex-start; gap: 12px; line-height:1.6; position:relative; padding-left: 20px;}
.redlist-style ul li:after{width: 8px; height: 8px; border-radius: 50%; background:#00a3e4; flex-shrink: 0; top: 11px; position:absolute; left:0; content:"";}
.backlight.border-toprow .elementor-widget-html div span{background-color:#fbeeed;}
#headingtext-color strong{font-weight:500; color: #a1a1a1;}

#borddr-right{position:relative;  padding-bottom: 10px;}
#borddr-right:after{position:absolute; width: 36px; height: 2px; background: #da251c; border-radius: 0px; bottom:-8px; content:""; left:0;}

.producthome .border-toprow .elementor-widget-html div span{background-color:#151515;}
.category-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }

.category-card {position: relative; border-radius: 8px; overflow: hidden; height: 400px; color: #fff; display: flex;align-items: flex-end; padding: 30px; text-decoration: none; transition: all 0.4s ease;}
/* Background overlay */
.category-card::before {content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.2));}
.category-content {position: relative; z-index: 2; width: 100%; transition: all 0.4s ease;}
.category-title {font-family: "Manrope", sans-serif; font-size: 24px; font-weight: 600; margin-bottom: 0; transition: all 0.3s ease;}
.home .category-desc, .home .category-btn {opacity: 0; max-height: 0; overflow: hidden; transition: all 0.3s ease;}
.category-card:hover {transform: translateY(-6px);}
.home .category-card:hover .category-title {margin-bottom: 10px; font-family: "Manrope", sans-serif; font-size: 24px; font-weight: 600; color:#fff;}
.home .category-card:hover .category-desc {opacity: 1; max-height: 200px; margin-bottom: 10px; font-family: "Manrope", sans-serif;
    font-size: 16px; font-weight: 400; color:#fff; margin-bottom:15px; } 
.home .category-card:hover .category-btn {opacity: 1; max-height: 50px;}
.category-btn:after{position: absolute; content: url(/wp-content/uploads/2026/05/Group-8-2.svg); right:15px; top:8px; width:35px; height:35px;}

/* Button */
.category-btn {max-width: 320px;  position: relative; font-family: "Manrope", sans-serif; font-size: 18px; color: #ffffff;  border-radius: 50px;
    border-width: 2px;  border-color: #00a3e4;  background-color: #00a3e4; display: inline-block;  padding:12px 65px 12px 24px; position:relative;}
	
.category-btn:hover{background-color:#7A7A7A}
	
.videoheading p{position:relative; z-index:1; color: #fff;}

/*Footer*/
.displaynone {display:none!important;}
#site-footer{background: #222; padding: 50px 0 0; border-top: 3px solid #00a3e4; font-family: "Manrope", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: #fff;}
#site-footer .widget-title{ font-family: "Manrope", sans-serif; font-size: 14px; color: #00a3e4; margin:0 0 15px; font-weight:600;} 
#site-footer ul{margin:0; padding:0;} 
#site-footer ul li a{text-align: start; font-family: "Manrope", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5;
 color: #fff;} 
#site-footer ul li{padding:5px 0; list-style:none;} 
.footer2 p{width:70%;} 
.fotter-col4 {display:flex; gap:25px;}
 

@media(max-width:1024px){
  .category-grid { grid-template-columns: repeat(2, 1fr);}
}

@media(max-width:600px){
  .category-grid {
    grid-template-columns: 1fr;
  }
}

 
.project-grid {display: grid !important; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 280px 280px; gap: 20px;}

.project-grid > div { width: 100% !important; height: 100% !important; display: block !important;margin: 0 !important;}
.card-1 {grid-column: 1 / span 2;  grid-row: 1;}
.card-2 {grid-column: 3; grid-row: 1 / span 2;}
.card-3 { grid-column: 1; grid-row: 2;}
.card-4 {grid-column: 2; grid-row: 2;}
.project-card {position: relative; height: 100%; border-radius: 18px; overflow: hidden; background-size: cover !important;  background-position: center !important; background-repeat: no-repeat;}
.overlay {position: absolute; bottom: 0; left: 0;width: 100%; padding: 25px; color: #fff; z-index: 2; background: linear-gradient(
    to top, rgba(0,0,0,0.75), rgba(0,0,0,0.8), transparent );}
.overlay h3 {font-family: "Manrope", sans-serif; font-size: 24px; font-weight: 500; color: #FFFFFF;}
.overlay p {font-family: "Manrope", sans-serif; font-size: 16px; font-weight: 400; color: #DBDBDB;}
.btn {max-width: 170px; position: relative; font-family: "Manrope", sans-serif; font-size: 18px; color: #ffffff; border-radius: 50px; border-width: 2px; border-color: #ffffff; border-style: solid; background-color: #61CE7000; display: inline-block; padding:10px 24px;}
.btn:hover {background: #fff; color: #000; }
.nav-wrap {display: none;}

.copright-bottom{background: #080808; padding: 20px 0px; margin-top:50px;}
.copright-bottom .container{display:flex;} 
.copright-bottom .fcopy{width:50%; font-size:14px; color:#888888;}
.fpolicy{width:50%; text-align:right; }
.fpolicy a{font-size: 16px; color: #888888; text-decoration: none; transition: color .2s; padding:0 15px; display:inline-block;}
.fpolicy a:hover{color:#fff;}
#contact-bot{margin:0 auto;}
#contact-bot strong{font-weight:500; color:#00a3e4;;}
.page #main-column .entry-header{display:none;}
#main-column .entry-content p{margin-bottom:20px;}
#main-column .entry-meta{display:none;}
#main-column .entry-meta p{font-family: "Manrope", Sans-serif; font-size: 16px; font-weight: 400; line-height: 1.6em; color: #222222;}
.progress-bar {width: 200px; height: 4px; background: #ddd; border-radius: 2px; } 

/* ============================= */
/* MOBILE FIX */
/* ============================= */
@media (max-width: 768px) {
  .project-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto;
  }

  .project-card {
    height: 250px;
  }
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background:none; color:#00a3e4; box-shadow: none;}
a, input, img{outline:none!important;}

.elementor-icon-box-icon span.elementor-icon{border: 1px solid rgba(218, 37, 28, 0.2); color:#da251c;}
.elementor-icon-box-icon span.elementor-icon svg{color:#da251c;  fill: #da251c;}
.benefit-card{padding: 36px 32px 40px!important; border-right: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; transition: background .2s; position: relative;} 
.reveal.on {opacity: 1; transform: none;}
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease;}
.benefit-card .elementor-icon-box-title{margin-bottom:15px;} 
.benefit-card:last-child {border-right: none;}
.d2 {transition-delay: .16s;}
.reveal.on { opacity: 1; transform: none;}
.d1 {transition-delay: .08s;}
.benefit-card:hover { background: #fafafa; border-top:3px solid #da251c; }
 .benefit-card {position: relative; overflow: hidden;}
.benefit-card:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #da251c;  transform: scaleX(0); transform-origin: left; transition: transform .3s ease;}  



/*FLAGS / MARKETS STRIP */
.markets-section{ padding:20px 0;overflow:hidden;}
.markets-label{ font-size:13px;font-weight:700; font-family: "Manrope", Sans-serif; text-transform:uppercase; letter-spacing:2px; 
  text-align:center;margin-bottom:28px;}
.flags-track-wrap{overflow:hidden;position:relative}
/* Fade edges */
.flags-track-wrap::before,
.flags-track-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;}
.flags-track-wrap::before{left:0;background:linear-gradient(to right,white,transparent)}
.flags-track-wrap::after{right:0;background:linear-gradient(to left,white,transparent)}

.flags-track{display:flex;gap:16px;align-items:center; animation:scroll-flags 28s linear infinite; width:max-content;}
.flags-track:hover{animation-play-state:paused}
.flag-item{ width:72px;height:48px; border-radius:3px;overflow:hidden;border:1px solid #ddd;flex-shrink:0; display:flex;align-items:center;justify-content:center; font-size:11px;font-weight:700;color:#999; position:relative;}
 
/*Flag*/

.flag-au{background:linear-gradient(180deg,#00008B 60%,#00008B 60%);color:white}
.flag-nz{background:#00247D;color:white}
.flag-sg{background:linear-gradient(180deg,#EF3340 50%,white 50%);color:white}
.flag-us{background:linear-gradient(180deg,#B22234 20%,white 20%,white 28%,#B22234 28%,#B22234 44%,white 44%,white 52%,#B22234 52%,#B22234 68%,white 68%,white 76%,#B22234 76%,#B22234 92%,white 92%);color:#333}
.flag-gb{background:#012169;color:white}
.flag-ca{background:linear-gradient(90deg,#FF0000 25%,white 25%,white 75%,#FF0000 75%);color:#333}
.flag-de{background:linear-gradient(180deg,#000 33%,#DD0000 33%,#DD0000 66%,#FFCE00 66%);color:white}
.flag-fr{background:linear-gradient(90deg,#002395 33%,white 33%,white 66%,#ED2939 66%);color:#333}
.flag-jp{background:white;color:#BC002D}
.flag-cn{background:#DE2910;color:#FFDE00}
.flag-in{background:linear-gradient(180deg,#FF9933 33%,white 33%,white 66%,#138808 66%);color:#333}
.flag-ae{background:linear-gradient(180deg,#00732F 33%,white 33%,white 66%,#FF0000 66%);color:#333}
.flag-za{background:linear-gradient(180deg,#007A4D 33%,white 33%,white 66%,#FFB81C 66%);color:#333}
.flag-br{background:#009C3B;color:#FFDF00}
.flag-mx{background:linear-gradient(90deg,#006847 25%,white 25%,white 75%,#CE1126 75%);color:#333}
.flag-kr{background:white;color:#CD2E3A}
.flag-ph{background:linear-gradient(180deg,#0038A8 50%,#CE1126 50%);color:white}
.flag-my{background:linear-gradient(180deg,#CC0001 50%,white 50%);color:#333}
.flag-th{background:linear-gradient(180deg,#A51931 20%,white 20%,white 40%,#2D2A4A 40%,#2D2A4A 60%,white 60%,white 80%,#A51931 80%);color:white}
.flag-id{background:linear-gradient(180deg,#CE1126 50%,white 50%);color:#333}

@keyframes scroll-flags{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}
.flag-code{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;letter-spacing:.5px;
  text-shadow:0 1px 3px rgba(0,0,0,.4);
} 
 
 
/*Woocommerce*/

.custom-cat-banner{ position:relative; min-height:600px; background-size:cover; background-position:center;   align-items:center; overflow:hidden; display:flex;}
.custom-cat-overlay{ position:absolute; inset:0; background:rgba(0,0,0,0.65);}
.custom-cat-container{ position:relative; z-index:2; max-width:1480px; margin:auto; padding:30px;}
.custom-cat-flex{display:block; gap:40px; align-items:center;}
.custom-cat-left{width:100%;}
.custom-cat-right{width:80%; }
.custom-cat-title{ color:#fff; font-size:36px; line-height:1.3;font-weight:700; margin-bottom:25px;}
.custom-cat-description p{margin-bottom:20px;} 
.custom-cat-description{color:#fff; font-size:16px; line-height:1.9; opacity:0.95;}
.custom-cat-btn{ margin-top:20px; max-width: 320px;position: relative; font-family: "Manrope", sans-serif; font-size: 18px;  color: #ffffff; border-radius: 50px; border-width: 2px; border-color: #00a3e4; background-color: #00a3e4; display: inline-block; padding: 12px 65px 12px 24px; position: relative;}
.custom-cat-btn:after{position: absolute; content: url(/wp-content/uploads/2026/05/Group-8-2.svg); right: 15px; top: 8px; width: 35px;
    height: 35px;}
.custom-cat-btn:hover{background-color: #7A7A7A; text-decoration:none; color:#fff;} 
.custom-products-section{ position:relative; padding:100px 0; background:#fff;}
.custom-products-container{max-width:1480px; width:100%; margin:auto; padding:0 30px;}
.woocommerce div.product {padding-top: 70px;}
.custom-product-description{clear:both; font-family: "Manrope", Sans-serif; font-size: 18px; font-weight: 400; line-height: 1.6em; color: #222222;  padding: 30px 0;}
.woocommerce-breadcrumb{display:none;} 
.woocommerce div.product .product_title{font-family: Manrope; font-weight: 700; font-size: 48px; color: #00a3e4; text-align: start;
    margin-bottom:20px; line-height: 1.2em;}
.woocommerce-product-details__short-description{font-family: "Manrope", Sans-serif; font-size: 18px; font-weight: 400; line-height: 1.6em; color: #222222;}
.woocommerce-product-details__short-description ul{margin: 0 0 1.5em 0;}
.woocommerce-product-details__short-description ul li{padding:5px 0;}
.posted_in{display:none;}
.woocommerce #wpgs-gallery.wcgs-woocommerce-product-gallery {width: 46%; border-radius: 32px; padding: 50px 30px 50px; background: #f1f1f1; position: relative; overflow: hidden;} 
#wpgs-gallery .wcgs-lightbox .sp_wgs-lightbox{display:none;}
.woocommerce div.product div.summary{padding-left: 30px;} 
.custom-section-heading{text-align:center; margin-bottom:70px;} 

.related.products{margin:50px 0;}   
.related.products h2{font-size: 40px; font-weight: 400; color: #5C5C5C; font-family: "Manrope", Sans-serif; margin-bottom: 70px;}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{font-size:16px; line-height: 1.4; margin-bottom: 15px;
    font-weight: 600; color: #222;} 

.woocommerce ul.products li.product .button{  display: inline-block; padding: 10px 24px; border: 1px solid #222;
    border-radius: 50px; text-decoration: none; color: #222; transition: 0.3s ease;  background-color: transparent; font-weight:400;} 
.related.products .button{margin: 0 20px 25px;}	 
.related.products li h2{ padding: 10px 20px 0!important;} 
 
.woocommerce .related.products ul.products li.product{background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); transition: 0.3s ease;}

.woocommerce .related.products ul.products li.product a img{width: 180px; height: 180px; display: block; max-width:100%; margin: 0 auto;}  

.custom-section-heading h2{
    font-size:42px;
    line-height:1.3;
    color:#222;
}

.custom-section-heading span{
    color:#4e8f27;
}
 

.custom-products-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

.custom-product-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:0.3s ease;
}

.custom-product-card:hover{
    transform:translateY(-5px);
}

.custom-product-image img{
    width:100%;
    width: 250px;
    height: 250px;
    display:block;
	max-width: 100%;
    margin: 0 auto;
}

.custom-product-content{
    padding:25px;
}

.custom-product-title{
    font-size:24px;
    line-height:1.4;
    margin-bottom:15px;
    font-weight:600;
    color:#222;
}

.custom-product-short{
    font-size:14px;
    line-height:1.8;
    color:#666;
    margin-bottom:25px;
}

.custom-product-btn{
    display:inline-block;
    padding:10px 24px;
    border:1px solid #222;
    border-radius:50px;
    text-decoration:none;
    color:#222;
    transition:0.3s ease;
}

.custom-product-btn:hover{
    background:#222;
    color:#fff;
}
 

.woocommerce-pagination{
    margin-top:60px;
    text-align:center;
}

 

@media(max-width:991px){

    .custom-cat-flex{
        flex-direction:column;
    }

    .custom-cat-left,
    .custom-cat-right{
        width:100%;
    }

    .custom-products-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .custom-cat-title{
        font-size:46px;
    }
}

@media(max-width:767px){

    .custom-products-grid{
        grid-template-columns:1fr;
    }
.custom-cat-description { font-size: 13px; line-height: 1.4;}
    .custom-cat-title{
        font-size:24px;
    }
	
	.custom-cat-container{ padding: 20px;}

    .custom-section-heading h2{
        font-size:30px;
    }

    .custom-cat-banner{
        min-height:550px;
    }
}
 
 /* Product Tabs Wrapper */
.woocommerce div.product .woocommerce-tabs {
    margin-top: 40px;
}

/* Tabs Navigation */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    padding: 0;
    margin: 0;
    background: #f7f7f7;
    border: 1px solid #ddd;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    display: none;
}

/* Individual Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    flex: 1;
    margin: 0;
    padding: 0;
    border-radius: 0;
    border-right: 1px solid #ddd;
    background: #f7f7f7;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child {
    border-right: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {display: block; padding: 28px 15px; text-align: center; font-family: Manrope;
    font-weight: 700; font-size: 16px; color: #222;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #fff; border-top: 4px solid #da251c;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #da251c;}
.custom-product-tab h3{font-family: Manrope; font-weight: 700; font-size: 24	px; color: #222;}
.custom-product-tab{font-family: "Manrope", Sans-serif; font-size: 18px; font-weight: 400; line-height: 1.6em; color: #222222;}

#tab-datasheets_tab a{font-size:14px; font-weight:600; color:#000;}
#tab-datasheets_tab a:hover{color:#da251c;}
.custom-product-tab .table p{margin-bottom:0;}
.custom-product-tab .table td{padding: 14px 20px;} 
.data-column{display: flex; gap: 40px;} 
.data-column .table.table-striped{width:60%;} 
.woocommerce div.product .woocommerce-tabs .panel {padding: 40px; border: 1px solid #ddd; border-top: none; background: #fff;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding-bottom:20px;}
#tab-title-technical_data a{background:url(images/data-management.png) no-repeat top 12px center; padding-top:45px; background-size:30px; }  
#tab-title-datasheets_tab a{background:url(images/data.png) no-repeat top 16px center; padding-top:45px; background-size:24px; } 
#tab-title-additional_info a{background:url(images/information.png) no-repeat top 13px center; padding-top:45px; background-size:30px;} 
#tab-title-video_tab a{background:url(images/video-lesson.png) no-repeat top 14px center; padding-top:45px; background-size:26px;}


@media(max-width: 768px){.woocommerce div.product .woocommerce-tabs ul.tabs {flex-direction: column;}
    .woocommerce div.product .woocommerce-tabs ul.tabs li {border-right: none; border-bottom: 1px solid #ddd;}
}

.shoppage-categories.custom-product-categories{display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:50px 0;}

.shoppage-categories .category-card{position:relative; border-radius:20px; padding: 0; height: auto; display: block;}

.shoppage-categories .category-card a{position: relative; border-radius: 20px; overflow: hidden; height: 400px; color: #fff; display: flex; align-items: flex-end; padding: 30px; text-decoration: none; transition: all 0.4s ease;  }

.shoppage-categories .category-card img{ position:absolute; inset:0;  width:100%; height:100%; object-fit:cover; transition:0.4s ease;}
.shoppage-categories .category-card:hover img{transform:scale(1.05);}
.shoppage-categories .category-card .overlay{position:absolute; inset:0; background:linear-gradient( to top, rgba(0,0,0,0.92) 8%,
        rgba(0,0,0,0.45) 55%, rgba(0,0,0,0.15) 100% );}

.shoppage-categories .category-content{position:absolute; left:0; right:0;padding:30px; bottom:0; z-index:2; color:#fff;}
.shoppage-categories .category-content h3{ font-family: "Manrope", sans-serif; font-size: 24px;font-weight: 600; margin-bottom: 20px;
    transition: all 0.3s ease;}
.shoppage-categories .category-content p{opacity: 1; max-height: 200px; margin-bottom: 10px; font-family: "Manrope", sans-serif;
    font-size: 16px; font-weight: 400;color: #fff; margin-bottom: 15px;}
.shoppage-categories .category-btn{max-width: 320px; position: relative; font-family: "Manrope", sans-serif; font-size: 18px;
    color: #ffffff;  border-radius: 50px; border-width: 2px; border-color: #00a3e4; background-color: #00a3e4;  display: inline-block;
    padding: 12px 65px 12px 24px; position: relative;}
.shoppage-categories .category-btn:hover{background-color:#7A7A7A} 

.woocommerce-products-header__title.page-title{    font-family: Manrope; font-weight: 700; font-size: 70px; color: #595959;   text-align: start;} 

#main .add-request-quote-button.button{display: inline-block; padding: 15px 25px 15px 25px; position: relative;     font-family: "Manrope", sans-serif; font-size: 18px; color: #ffffff; border-radius: 50px;}  

#main .add-request-quote-button.button:before{font-family: WooCommerce; speak: none; font-weight: 400; font-variant: normal;
text-transform: none;  line-height: 1; -webkit-font-smoothing: antialiased; margin-right: .618em;  content: "";  text-decoration: none; font-weight: inherit; height: 1em; position: relative; top: 1px; display: inline-block;}
	
#main .related .add-request-quote-button.button{display:none!important;}

@media(max-width:1024px){.shoppage-categories.custom-product-categories{ grid-template-columns:repeat(2,1fr);} }
@media(max-width:767px){.shoppage-categories.custom-product-categories{grid-template-columns:1fr;}
.shoppage-categories .category-card{min-height:400px;}
.shoppage-categories .category-content{ left:25px; right:25px; bottom:25px;}
.shoppage-categories .category-content h3{font-size:18px;}
.shoppage-categories .category-content p{font-size:12px;}
}

.woocommerce ul.products li.product-category, .related .yith-ywraq-add-to-quote { 
    display:none !important;
}

.product-remove .remove{background:#f5f5f5; border-radius:50%; color:#111 !important;}

.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img{width:100px;} 
.woocommerce a.remove{font-size: 1.2em;}
.product-name a{font-family: "Manrope", sans-serif; font-size: 16px; color: #00a3e4; margin: 0 0 15px; font-weight: 600;} 

.yith_ywraq_add_item_response_message{font-size:16px; margin-top: 10px;}
.yith_ywraq_add_item_browse_message a{color: #00a3e4; text-decoration:underline; font-weight: 600;} 
.ywraq-form-table-wrapper #yith-ywraq-form{width:48%; float:left;}
.ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper{width:48%; float:right; padding-top:0!important;} 
.woocommerce table.shop_table th{color:#222;}
.woocommerce table.shop_table{border:0; border-bottom: 1px solid color-mix(in srgb, currentColor 20%, transparent);}
.woocommerce .quantity br{display:none;}
.woocommerce .quantity .qty { width: 80px; text-align: center; text-align: center; height: 30px; border-radius: 40px;}
.quantity input[type="number"]{ appearance:auto !important; -webkit-appearance:auto !important; -moz-appearance:auto !important;
    opacity:1 !important; border: 1px solid #ddd;}
.quantity input[type="number"]::-webkit-inner-spin-button,.quantity input[type="number"]::-webkit-outer-spin-button{ opacity:1 !important; display:block !important; visibility:visible !important; pointer-events:auto !important; margin:0;}
.quantity:hover input[type="number"]::-webkit-inner-spin-button,
.quantity:hover input[type="number"]::-webkit-outer-spin-button{opacity:1 !important;}
.product-name br, .product-name p:empty, .product-quantity p:empty{display:none;}
#yith-ywraq-form .update-list-wrapper input[type="submit"]{background: #00a3e4; color: #fff; padding: 14px 30px; border-radius: 999px;
font-size: 16px; font-weight: 600; text-decoration: none; transition: background .2s, transform .15s; white-space: nowrap;} 
.yith-ywraq-mail-form-wrapper h3{font-family: Manrope; font-weight: 700; font-size: 40px; color: #595959;}  
#yith-ywraq-default-form br{display:none;}
.woocommerce form .form-row label{font-family: Manrope; font-size: 16px; font-weight: 600; color:#222;}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select{font-family: Manrope; font-size: 16px; font-weight: 400; color:#000; color: #000; padding: 13px 15px; border: 1px solid #c9c0c0; border-radius: 8px; margin-bottom: 10px; padding-left: 7px;} 
.woocommerce form .form-row textarea.input-text {height:150px;} 
#main-column .entry-content .woocommerce form p{margin-bottom:0;}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button{background: #00a3e4; color: #fff; padding: 14px 30px; border-radius: 999px; font-size: 16px; font-weight: 600; text-decoration: none; transition: background .2s, transform .15s; white-space: nowrap;}

.button.raq-send-request.last{float:right;}


.projects-grid-wrapper{ display:grid;  grid-template-columns:repeat(3,1fr);  gap:40px;  padding:60px 0;}
.project-grid-card{ background:#fff;  border-radius:24px; overflow:hidden;  box-shadow:0 10px 30px rgba(0,0,0,.06);  transition:.3s ease;}
.project-grid-card:hover{ transform:translateY(-8px);}
.project-image{ height:280px;  overflow:hidden;}
.project-image img{width:100%; height:100%; object-fit:cover; transition:.4s ease;}
.project-grid-card:hover img{ transform:scale(1.05);}
.project-content{ padding:25px; font-family: "Manrope", sans-serif;}
.project-content h3{font-size:20px; margin-bottom:15px; line-height:1.3; margin-top:0; font-weight:700; font-family: "Manrope", sans-serif;}

.project-content h3 a{ color:#111; text-decoration:none;}
.project-content p{ color:#666;  line-height:1.8;  margin-bottom:15px;}

.project-btn{ display:inline-block; padding:14px 28px; background:#0ea5e9; color:#fff; border-radius:50px;  text-decoration:none;
    font-weight:600; transition:.3s ease;}
.project-btn:hover{background:#0284c7;}
@media(max-width:991px){
.projects-grid-wrapper{
 grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:767px){
   .projects-grid-wrapper{
        grid-template-columns:1fr;
        gap:25px;
    }

}


/* HERO */

.project-hero{
    position:relative;
    height:420px;
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    justify-content:center;
}

.project-hero .overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.35);
}

.hero-content{
    position:relative;
    z-index:2;
    text-align:center;
}

.hero-content h1{
    color:#fff;
    font-size:64px;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:500;
	text-transform: capitalize;
    font-weight: 700;
    width: 90%;
    margin: 0 auto;
	font-family: "Manrope", sans-serif;
}

/* DESCRIPTION */

.project-description{
    padding:50px 0 20px;
}

.project-description .container{
    max-width:1400px;
    margin:auto;
    padding:0 20px;
}

.project-description p{
    font-size:22px;
    line-height:1.8;
    color:#444;
}

/* GALLERY */

.project-gallery{
    padding:20px 0 80px;
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    max-width:96%;
    margin:auto;
    padding:0 20px;
}

.gallery-item{
    overflow:hidden;
	width: 31%;
    margin: 1%;
    float: left;
}

.gallery-item img{
    width:100%;
    height:320px;
    object-fit:cover;
    transition:.4s ease;
}

.gallery-item:hover img{
    transform:scale(1.05);
}

/* MOBILE */

@media(max-width:991px){

    .gallery-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .hero-content h1{
        font-size:42px;
    }

}

@media(max-width:767px){

    .gallery-grid{
        grid-template-columns:1fr;
    }

    .project-hero{
        height:320px;
    }

    .hero-content h1{
        font-size:32px;
    }

}


.gslide-image{
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    overflow:hidden !important;
}

.gslide-image img{
    width:auto !important;
    height:auto !important;

    max-width:95vw !important;
    max-height:95vh !important;

    object-fit:contain !important;

    display:block;
    margin:auto;
}

/* REMOVE SCROLL */

.ginner-container,
.gslide-media,
.gslide,
.gslide-inner-content{
    overflow:hidden !important;
}

.noptin-form-footer{padding:0;}
.noptin-form-footer .noptin-form-submit{color: #ffffff; border-radius: 50px; border-width: 2px; border-color: #00a3e4;  background: #00a3e4; display: inline-block;margin-top: 2px; }  
.noptin-form-footer .noptin-form-submit:hover{background-color: #7A7A7A; border-color: #7A7A7A;} 

/*Mobile*/
@media(max-width:767px){
.site-branding{display:block;}	
.site-tagline{padding-left:0; margin-left:0;} 
.site-title{padding-left:0; width:60%; float:left; }
.page-header-top-right{width: 40%; float: right; padding: 0;}
.header-cta{position:static; display:none;}
.banner-heading h2{font-size:42px;}
#header, #main-column{overflow:hidden;}
.home .category-card:hover .category-title{font-size:24px;}
.project-grid > div{ display: block !important;   height: 400px !important; margin-bottom: 20px !important;}
.project-grid{display: block !important;}
#site-footer .widget-title, #site-footer ul li a{font-size:12px;}
.footer4{margin-top:30px;}
.copright-bottom .fcopy{font-size:10px; width:70%}
.fpolicy a {font-size: 10px;}
.navbar { padding-right: 0;} 
.navbar-toggle{margin-right:0;}
.site-tagline{display:none;}
#homevideo {height: 520px; background:url(/wp-content/uploads/2026/06/vlcsnap-2025-07-29-07h49m32s928.webp) no-repeat!important;} 
.footer2 p { width: 100%; font-size: 12px;} 
.woocommerce-products-header__title.page-title{font-size: 42px;}
.shoppage-categories .category-content {left: 0; right: 0; bottom: 7px;}
.custom-cat-btn{margin-top: 10px; font-size: 13px;}
.custom-cat-btn:after{top: 5px;  width: 25px; height: 25px; background-size: 20px !important;}
.custom-product-title {font-size: 18px; margin-bottom: 10px;}
.custom-product-short { font-size: 12px; line-height: 1.5; margin-bottom: 15px;}
.custom-product-btn{font-size: 12px; padding: 8px 20px;} 
.woocommerce #wpgs-gallery.wcgs-woocommerce-product-gallery{border-radius: 18px; padding: 30px 30px 30px; width:100%;} 
.woocommerce div.product div.summary {padding-left: 0;}  
.woocommerce div.product .product_title{font-size: 28px;}
.woocommerce-product-details__short-description, .custom-product-description{font-size: 14px; line-height: 1.4em;} 
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-size: 12px;}
.woocommerce div.product .woocommerce-tabs .panel {padding: 20px 10px;}
.custom-product-tab .table td {padding: 10px 15px;}
.custom-product-tab{font-size:12px;}
.data-column .table.table-striped {width: 100%;}
.data-column {display: block;}
#tab-datasheets_tab a {font-size: 12px;}
.custom-product-tab h3{font-size:18px;}
.related.products h2 {font-size: 28px; margin-bottom: 30px;}
.woocommerce .related.products ul.products li.product a img{height: 120px;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{font-size: 12px; margin-bottom: 10px; line-height: 1.4;}
.woocommerce ul.products li.product .button{font-size: 12px;}
.elementor .e-865dcc5-ceb4cde{font-size: 36px;}
.h3, h3 {font-size: 18px;}
.project-description p { font-size: 14px; line-height: 1.5;}
.gallery-item{width: 100%;} 
.ywraq-form-table-wrapper #yith-ywraq-form { width: 100%; float: none;} 
.ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper { width: 100%; float: none;}
.yith-ywraq-mail-form-wrapper h3{font-size: 28px;}
.product-name a{	font-size: 13px;}
.footer2{margin-top:20px;}
.sld-faq-q-text {font-size: 12px;} 
.sld-faq-a-inner {font-size:12px;}
.category-title{font-size:16px;}
.category-card{padding: 20px 0px 0;}

}

/* Mobile only */
@media (max-width: 767px) {

    .desktop-navigation {
        display: none !important;
    }

    .mobile-menu-toggle {
        display: block;
    }
}

/* Desktop */
@media (min-width: 768px) {

    .mobile-menu-toggle
    {
        display: none !important;
    }
}