/* 
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 {
	--herodesk-ai-card-bg: linear-gradient(to right bottom,rgba(16, 24, 40, 1) 0%, rgba(30, 41, 57, 1) 50%, rgba(0, 0, 0, 1) 100%);
}

html {
	scroll-padding-top:100px;
}

h1,h2,h3,h4,h5,h6 {
	margin-block-start:1.5rem;
	margin-block-end:1.5rem;
}

.section-150-top{
	padding-top: 150px;
}

.section-150-bottom{
	padding-bottom: 150px;
}

.herodesk-section--top-sp{
	padding-top: 85px;
}

.herodesk-section--bottom-sp{
	padding-bottom: 85px;
}

.herodesk-hero-section--top-sp{
	padding-top: 150px;
}

.herodesk-hero-section--bottom-sp{
	padding-bottom: 150px;
}

@media (max-width:1024px)
{
	.section-150-top{
		padding-top: 85px;
	}
	.section-150-bottom{
		padding-bottom: 85px;
	}
	
	.herodesk-section--top-sp{
		padding-top: 85px;
	}
	.herodesk-section--bottom-sp{
		padding-bottom: 85px;
	}
	
	.herodesk-hero-section--top-sp{
		padding-top: 85px;
	}
	.herodesk-hero-section--bottom-sp{
		padding-bottom: 85px;
	}
}

/* CSS for infobox hover - start */
.herodesk-hover-box {
    user-select: none;
    --herodesk-hover-box-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	transition: var(--herodesk-hover-box-transition);
}

.herodesk-hover-box:hover {
    cursor: pointer;
}
.herodesk-hover-box .herodesk-hover-box__link {
    opacity: 0;
    transition: var(--herodesk-hover-box-transition);
}
.herodesk-hover-box:hover .herodesk-hover-box__link {
    opacity: 1;
    transform: translate(0px,-15px);
	transition-delay: 0.1s;
}
.herodesk-hover-box .herodesk-hover-box__text{
    transition: var(--herodesk-hover-box-transition);
}
.herodesk-hover-box:hover .herodesk-hover-box__text{
    transform: translate(0px,-32px);
}
.herodesk-hover-box .herodesk-hover-box__image, .herodesk-hover-box__image-container__overlay{
    transition: var(--herodesk-hover-box-transition);
    top:0;
    right:0;
    left:0;
    margin:auto;
}
.herodesk-hover-box:hover .herodesk-hover-box__image{
    transform: translate(0px,-8px);
}

.herodesk-hover-box .herodesk-hover-box__image-container, .herodesk-hover-box .herodesk-hover-box__image-container__overlay{	
    height:222px;
    transition: var(--herodesk-hover-box-transition);
}

.herodesk-hover-box:hover .herodesk-hover-box__image-container, .herodesk-hover-box:hover .herodesk-hover-box__image-container__overlay{	
    height:190px;
}

.herodesk-hover-box .herodesk-hover-box__image-container{
    background: linear-gradient(0deg,rgba(251, 251, 250, 1) 0%, rgba(247, 244, 242, 0.15) 100%);
}

.herodesk-hover-box.herodesk-hover-box-black{
    background: var(--herodesk-ai-card-bg);
}

.herodesk-hover-box.herodesk-hover-box-black .herodesk-hover-box__image-container{
    background: linear-gradient(0deg,rgb(30, 41, 57) 0%, rgb(16, 24, 40) 100%);
}

.herodesk-hover-box .herodesk-hover-box__image-container__overlay{
    /*background: linear-gradient(80deg,rgba(255, 192, 65, 0.25) 0%, rgba(255, 116, 65, 0.05) 30%, rgba(255, 116, 65, 0.05) 70%, rgba(255, 116, 65, 0.15) 100%);*/
	background: radial-gradient(circle,rgba(255, 192, 65, 0.15) 0%, rgba(255, 116, 65, 0.05) 35%, rgba(255, 116, 65, 0.05) 45%, rgba(255, 192, 65, 0.25) 100%);
	opacity: 0;
}

.herodesk-hover-box:hover .herodesk-hover-box__image-container__overlay{
    opacity:1;
}

.herodesk-hover-box:hover .herodesk-hover-box__image-container{
    margin-bottom: 32px;
}
/* CSS for infobox hover - stop */

/* CSS for easybox hover - start */

.herodesk-easybox .herodesk-easybox__link {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.herodesk-easybox:hover .herodesk-easybox__link {
    opacity: 1;
    transform: translate(0px,-12px);
	transition-delay: 0.1s;
}

.herodesk-easybox:hover .herodesk-easybox__text {
    transform: translate(0px,-12px);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.herodesk-easybox {
    user-select: none;
}

.herodesk-easybox:hover {
    cursor: pointer;
}
/* CSS for easybox hover - stop */

/* CSS for success listing - start */

.herodesk-success-box {
    --herodesk-success-box-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    user-select: none;
}
.herodesk-success-box .herodesk-success-box__link {
    opacity: 0;
    transition: var(--herodesk-success-box-transition);
}

.herodesk-success-box:hover .herodesk-success-box__link {
    opacity: 1;
    transform: translate(0px,-24px);
	transition-delay: 0.1s;
}

.herodesk-success-box .herodesk-success-box__content {
    transition: var(--herodesk-success-box-transition);
}

.herodesk-success-box:hover .herodesk-success-box__content {
    opacity: 1;
    transform: translate(0px,-56px);
}
/* CSS for success listing - stop */


/* CSS for logo carousel - start */
.herodesk-logo-slider {
    overflow: hidden;
    flex-shrink: 0;
	user-select: none;
}

.herodesk-logo-track {
  animation: herodeskLogoScroll 80s linear infinite;
  display: flex;
  flex-direction: row;
  gap: 60px;
}

.herodesk-logo-track .herodesk-logo-track__img {
    height:60px;
    width: 80px;
    object-fit: contain;
    opacity: 0.6;
    transition: transform 0.3s ease;
}

.herodesk-logo-track .herodesk-logo-track__img:hover {
  opacity: 1;
}

@keyframes herodeskLogoScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
/* CSS for logo carousel - stop */

/* CSS for use cases listing - start */
.herodesk-usecase-listing {
    --herodesk-usecase-listing-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: var(--herodesk-usecase-listing-transition);
}

.herodesk-usecase-listing:hover {
}

.herodesk-usecase-listing .herodesk-usecase-listing__iconbg {
    transition: var(--herodesk-usecase-listing-transition);
}

.herodesk-usecase-listing .herodesk-usecase-listing__icon {
    transition: var(--herodesk-usecase-listing-transition);
}

.herodesk-usecase-listing:hover .herodesk-usecase-listing__iconbg {
    transform: translate(10px, 10px);
}

.herodesk-usecase-listing:hover .herodesk-usecase-listing__icon {
    transform: translate(-10px, -10px);
}
/* CSS for use cases listing - stop */

/* CSS for product features listing */
.herodesk-prod-feat__listing  {
    --herodesk-prod-feat-transition: all 0.3s ease-in-out;
    transition:var(--herodesk-prod-feat-transition);
}

.herodesk-prod-feat__listing .herodesk-prod-feat__listing__bgimg {
    opacity: 0;
    transition:var(--herodesk-prod-feat-transition);
    inset:8px!important;

}
.herodesk-prod-feat__listing:hover .herodesk-prod-feat__listing__bgimg {
    animation-name: herodesk-prod-feat__listing__bgimg-fadein;
    animation-duration: 0.5s;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
}
.herodesk-prod-feat__listing .herodesk-prod-feat__listing__bgimg .jet-listing-dynamic-image {
    height:100%;
    width:100%;
}

.herodesk-prod-feat__listing .herodesk-prod-feat__listing__bgimg .jet-listing-dynamic-image::after {
    position: absolute;
    content: "";
    height:100%;
    width:100%;
    border-radius: 8px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
}

.herodesk-prod-feat__listing:hover {
    padding-top:100px;
}

.herodesk-prod-feat__listing__content * {
    transition:var(--herodesk-prod-feat-transition);
}

.herodesk-prod-feat__listing:hover .herodesk-prod-feat__listing__content * {
    color:white!important;
}

@keyframes herodesk-prod-feat__listing__bgimg-fadein {
    from {
        opacity:0;
        transform: scale(0.9);
    }
    to {
        opacity:1;
        transform: scale(1);
    }
}
/* CSS for product features listing */

/* CSS for feature widget content  */

@media (max-width:1024px) {
	.herodesk-feature-widget .herodesk-feature-widget__link {
		opacity: 1;
		transform: translate(0px,-16px);
	}

	.herodesk-feature-widget .herodesk-feature-widget__text {
		transform: translate(0px,-32px);
	}
}

.herodesk-feature-widget__image {
	min-height: 300px;
}

.herodesk-feature-widget .herodesk-feature-widget__text {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width:1025px) {
	.herodesk-feature-widget .herodesk-feature-widget__link {
		opacity: 0;
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	}
	.herodesk-feature-widget:hover .herodesk-feature-widget__text {
    	transform: translate(0px,-32px);
	}

	.herodesk-feature-widget:hover .herodesk-feature-widget__link {
		opacity: 1;
		transform: translate(0px,-16px);
		transition-delay: 0.1s;
	}
}
/* CSS for feature widget content  */