/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
:root {
  --primary-font: "Akshar", sans-serif;
  --secondary-font: "Roboto", sans-serif;
}
.pr-ff,.pr-ff span,.pr-ff a{
		font-family: var(--primary-font) !important;
}
.sc-ff, .sc-ff a,.sc-ff .elementor-heading-title{
	font-family: var(--secondary-font) !important;
}
.txt-upper .elementor-heading-title{
	text-transform: uppercase;
}
.elementor-widget-text-editor p:last-child {
   margin-bottom: 0 !important;
}
.fw5 .elementor-heading-title, .fw5.elementor-widget-text-editor{
	font-weight: 500 !important
}
.fw6 .elementor-heading-title, .fw6.elementor-widget-text-editor{
	font-weight: 600 !important;
}
.hero-sec > .e-con-inner {
    padding-block: 100px;
}
.hero-sec .elementor-widget-heading {
    margin-top: 80px;
}
.elementor-lightbox svg.e-font-icon-svg.e-eicon-share-arrow, .elementor-lightbox svg.e-font-icon-svg.e-eicon-frame-expand {
    display: none;
}
/* Header and Footer */

/* Pages */


/* Blog */
.blog-archive-loop .elementor-widget-theme-post-featured-image a{
    width: 100%;
}
.blog-archive-loop .elementor-widget.elementor-widget-theme-post-excerpt {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.6em !important;
    max-height: 4.8em !important;
}
.sb-post-content .elementor-widget-text-editor p{
    margin-bottom: 10px;
}

.sb-post-content .elementor-widget-text-editor p:last-child{
    margin-bottom: 0;
}
.sb-post-content .elementor-widget-text-editor h2{
    font-size: 25px;
    margin-top: 16px;
    margin-bottom: 5px;
    font-weight: 500;
}
.sb-post-content .elementor-widget-text-editor h3{
    font-size: 20px;
    margin-top: 16px;
    margin-bottom: 5px;
    font-weight: 500;
}
.sb-post-content .elementor-widget-text-editor ul{
    padding-left: 20px;
}
.elementor-widget-theme-post-content .e-con-inner div + div h2:first-child{
    margin-top: 0;
}

/* Single Product Page */
.pr-loop-lone:hover .elementor-widget-theme-post-featured-image,.pr-loop-ltwo:hover .elementor-widget-theme-post-featured-image {
	transform: scale(1.020)
}
/*  Sector Section */
.sector-item {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 16.66666675%;
    padding: 10px;
}
.sectors-list {
    display: flex;
    justify-content: center;
	flex-wrap: wrap;
}
.sector-image {
    background: #FFFFFF;
    padding: 10px;
    border-radius: 5px;
    height: 100%;
    display: flex;
    align-items: center;
}
.sector-image img {
    max-width: 50px;
}
.sector-name {
    font-size: 16px;
    font-family: 'Roboto';
    color: #fff;
    max-width: 100px;
}
/* IFS Gallery  */
.ifs-gallery .elementor-gallery-item__content {
    position: static;
    height: max-content;
    padding: 10px 0 0 0;
}
.ifs-gallery .elementor-gallery-item__description {
    opacity: 1 !important;
    color: var( --e-global-color-primary);
}
.ifs-gallery .e-gallery-grid .e-gallery-image{
	border-radius: 5px;
}
/* =========================================
   PRODUCT APPLICATIONS
========================================= */

.product-applications {
    display: grid;
    width: 100%;
    gap: 20px;
}


/* =========================================
   GRID STRUCTURE
========================================= */

/* 1 application = 50% */
.product-applications.applications-count-1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* 2 applications = 50% / 50% */
.product-applications.applications-count-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* 3 applications = 33.33% each */
.product-applications.applications-count-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* 4 applications = 50% / 50% */
.product-applications.applications-count-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* 5+ applications = 33.33% each */
.product-applications.applications-count-many {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}


/* =========================================
   APPLICATION CARD
========================================= */

.product-application-item {
    min-width: 0;
    width: 100%;
}


/* =========================================
   APPLICATION IMAGE
========================================= */

.product-application-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 3px;
}

/* Elementor Lightbox clickable area */
.product-application-image a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* Image */
.product-application-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.35s ease;
}

/* Optional subtle hover zoom */
.product-application-image:hover img {
    transform: scale(1.03);
}


/* =========================================
   CONTENT
========================================= */

.product-application-content {
    margin-top: 10px;
}


/* =========================================
   TITLE
========================================= */

.product-application-title {
    margin: 0 0 7px;
    padding: 0;
    font-size: 25px;
    line-height: 1.3;
    font-weight: 600;
    color: var( --e-global-color-primary );
}


/* =========================================
   DESCRIPTION
========================================= */
.product-application-description {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: var( --e-global-color-primary );
}

.product-application-description p {
    margin: 0;
}

.product-application-description p + p {
    margin-top: 5px;
}


/* =========================================
   READ MORE
========================================= */

a.product-application-link {
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: var( --e-global-color-secondary );
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.2s ease,
        opacity 0.2s ease;
}
a.product-application-link:hover {
    color: var(--e-global-color-primary);
}

.search-con .elementor-loop-container{
    grid-template-rows: auto !important;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    /* 3 columns → 2 columns */
    .product-applications.applications-count-3,
    .product-applications.applications-count-many {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .product-applications,
    .product-applications.applications-count-1,
    .product-applications.applications-count-2,
    .product-applications.applications-count-3,
    .product-applications.applications-count-4,
    .product-applications.applications-count-many {
        grid-template-columns: 1fr;
        gap: 25px;
    }

}

/* Media Query */
@media (min-width: 1025px){
	.main-header .main-header__btn.menu-item a.elementor-item, #main-header__contact a span, #main-header__quote a span{
    padding: 8px 20px !important;
    border: 1px solid var(--e-global-color-secondary);
    border-radius: 5px;
    color: var(--e-global-color-secondary);
}
#main-header__quote a span, #main-header__contact a:hover span{
	background-color: var(--e-global-color-secondary);
	color: var(--e-global-color-0fe2954) !important;
}
.main-header .main-header__quote.main-header__btn.menu-item a.elementor-item:hover, #main-header__quote a:hover span{
	background: transparent;
	color: var(--e-global-color-secondary) !important;
}
}

@media (max-width: 1440px){
	.main-footer .elementor-field-type-email {
    width: 100% !important;
}
}

@media (max-width: 1366px){
	.sector-item {
    width: 25%;
}
}
@media (max-width: 1024px){

	.main-header ul.elementor-nav-menu {
    padding: 0 20px;
}
	.main-header .elementor-nav-menu--dropdown a {
    background: var(--e-global-color-primary);
}
	.product-application-title{
		font-size: 22px;
	}
}

@media (max-width: 991px){
	.sector-item {
    width: 33.33%;
}
}

@media (max-width: 767px){
	.hero-sec > .e-con-inner {
    padding-block: 85px;
}
.hero-sec .elementor-widget-heading {
    margin-top: 65px;
}
.blog-archive-loop {
    height: auto !important;
}
	.sector-image img {
    max-width: 35px;
}
	.sector-item {
    width: 50%;
	gap: 10px;
}
	.sector-name {
    max-width: 100%;
	font-size: 15px;
}
	
	.product-application-title{
		font-size: 20px;
	}
}

@media (max-width: 400px){
	.application-tabs-con .e-n-tabs-heading {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
	.sector-image img{
		max-width: 30px;
	}
}

@media (max-width: 380px){
	.sector-item {
    width: 100%;
}
}