/* 
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 */
a {
    text-decoration: none !important;
}

@font-face {
	font-family: 'New Grotesk';
	src: url('New-Grotesk/NewGrotesk-Light.woff2') format('woff2'),
		 url('New-Grotesk/NewGrotesk-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'New Grotesk';
	src: url('New-Grotesk/NewGrotesk-LightItalic.woff2') format('woff2'),
		 url('New-Grotesk/NewGrotesk-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'New Grotesk';
	src: url('New-Grotesk/NewGrotesk-Medium.woff2') format('woff2'),
		 url('New-Grotesk/NewGrotesk-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'New Grotesk';
	src: url('New-Grotesk/NewGrotesk-MediumItalic.woff2') format('woff2'),
		 url('New-Grotesk/NewGrotesk-MediumItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'New Grotesk';
	src: url('New-Grotesk/NewGrotesk-SemiBold.woff2') format('woff2'),
		 url('New-Grotesk/NewGrotesk-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'New Grotesk';
	src: url('New-Grotesk/NewGrotesk-SemiBoldItalic.woff2') format('woff2'),
		 url('New-Grotesk/NewGrotesk-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'New Grotesk';
	src: url('New-Grotesk/NewGrotesk-Bold.woff2') format('woff2'),
		 url('New-Grotesk/NewGrotesk-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'New Grotesk';
	src: url('New-Grotesk/NewGrotesk-BoldItalic.woff2') format('woff2'),
		 url('New-Grotesk/NewGrotesk-BoldItalic.woff') format('woff');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

span.elementor-counter-number-suffix {
    font-size: 30px;
}
.projects-item .elementor-widget-theme-post-featured-image.elementor-widget-image .elementor-widget-container {
    height: 300px;
    overflow-y: auto;
	
    /* Hide scrollbar */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.projects-item .elementor-widget-theme-post-featured-image.elementor-widget-image .elementor-widget-container::-webkit-scrollbar {
    display: none;
}
.detailsbox{display:none}
.projects-item:hover .detailsbox{display:flex}
span.elementor-post-info__terms-list-item{

    display: flex !important;
    gap: 5px !important;
    flex-direction: row;
    flex-wrap: wrap;
}

span.elementor-post-info__terms-list {
    display: flex !important;
    gap: 5px !important;
    flex-direction: row;
    flex-wrap: wrap;
}
span.elementor-post-info__terms-list-item {
display: flex !important;
    gap: 5px !important;
    background: #f0f0f1;
    color: #575757;
    flex-direction: row;
    padding: 2px 8px;
    border-radius: 15px;
    flex-wrap: wrap;
}


.project-meta{
   display:none;
}
.detailsboxf{
    transform: translateY(10px);
    transition: all 0.4s ease;
}
.projects-item .detailsboxf:hover{
    transform: translateY(0);
    transition: all 0.4s ease;
}
.projects-item .detailsboxf:hover .project-meta{
    display:flex;
}
.elementor-field-subgroup {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
}


/*Services Template animation*/
.visual-container {
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 1s ease, visibility 1s ease;
}
/*Services Template animation*/
.visual-container {
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
	padding: 0;
    transition: padding 0.5s ease, max-height 0.5s ease, opacity 1s ease, visibility 1s ease;
}

.hover-container:hover .visual-container {
    visibility: visible;
    max-height: 500px; /* adjust according to your content */
    opacity: 1;
	padding: 10px 0 0 10px;
}

.hover-container:hover .visual-container {
    visibility: visible;
    max-height: 500px; /* adjust according to your content */
    opacity: 1;
}