/* 
 * Theme Name: Prodle AI
 * Author: DT Gallery
 * Version: 2.0
 * Text Domain: prodle
 */
 
/* @import url('https://fonts.googleapis.com/css2?family=Zalando+Sans:ital,wdth,wght@0,75..125,200..900;1,75..125,200..900&display=swap'); */
@font-face {
    font-family: 'Zalando Sans';
    src: url('assets/fonts/ZalandoSans-Black.woff2') format('woff2'),
        url('assets/fonts/ZalandoSans-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zalando Sans';
    src: url('assets/fonts/ZalandoSans-BlackItalic.woff2') format('woff2'),
        url('assets/fonts/ZalandoSans-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Zalando Sans';
    src: url('assets/fonts/ZalandoSans-Bold.woff2') format('woff2'),
        url('assets/fonts/ZalandoSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zalando Sans';
    src: url('assets/fonts/ZalandoSans-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/ZalandoSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Zalando Sans';
    src: url('assets/fonts/ZalandoSans-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/ZalandoSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zalando Sans';
    src: url('assets/fonts/ZalandoSans-ExtraBoldItalic.woff2') format('woff2'),
        url('assets/fonts/ZalandoSans-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Zalando Sans';
    src: url('assets/fonts/ZalandoSans-ExtraLight.woff2') format('woff2'),
        url('assets/fonts/ZalandoSans-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zalando Sans';
    src: url('assets/fonts/ZalandoSans-ExtraLightItalic.woff2') format('woff2'),
        url('assets/fonts/ZalandoSans-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Zalando Sans';
    src: url('assets/fonts/ZalandoSans-Italic.woff2') format('woff2'),
        url('assets/fonts/ZalandoSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Zalando Sans';
    src: url('assets/fonts/ZalandoSans-Light.woff2') format('woff2'),
        url('assets/fonts/ZalandoSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zalando Sans';
    src: url('assets/fonts/ZalandoSans-LightItalic.woff2') format('woff2'),
        url('assets/fonts/ZalandoSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Zalando Sans';
    src: url('assets/fonts/ZalandoSans-Medium.woff2') format('woff2'),
        url('assets/fonts/ZalandoSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zalando Sans';
    src: url('assets/fonts/ZalandoSans-MediumItalic.woff2') format('woff2'),
        url('assets/fonts/ZalandoSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Zalando Sans';
    src: url('assets/fonts/ZalandoSans-Regular.woff2') format('woff2'),
        url('assets/fonts/ZalandoSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zalando Sans';
    src: url('assets/fonts/ZalandoSans-SemiBold.woff2') format('woff2'),
        url('assets/fonts/ZalandoSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zalando Sans';
    src: url('assets/fonts/ZalandoSans-SemiBoldItalic.woff2') format('woff2'),
        url('assets/fonts/ZalandoSans-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}



*{
	padding:0;
	margin:0;
	box-sizing:border-box;
}
*:not(i,[class*=" eicon-"], [class^=eicon]){
	 font-family: "Zalando Sans", sans-serif !important;
}
body::selection{
	background:#1B8BD4;
	color:white;
}
body{
	overflow-x:hidden;
}
.header{
	transition:all 500ms ease;
}
.header.active{
	top:0 !important;
}
.header.shadow{
	box-shadow:0 0 10px lightgray;
}
.hfe-flyout-wrapper .hfe-side.hfe-flyout-right{
	display: block;
    transition: all 300ms ease;
}
.hfe-sub-menu-item-active,
.current-menu-item > a{
	color:#1B8BD4 !important;
}
.customer_success_slider .slick-track{
	display:flex;
}
.customer_success_slider .slick-slide { 
    height: auto;
    margin-left: 30px;
	display:flex !important;
	gap:0;
}
.slick-dots li.slick-active button:before{
	color:#1B8BD4;
}
.slick-dots li button:before{
	font-size:10px !important;
	color:#1B8BD4 !important;
}
.slick-dots li{
	margin:0 !important;
}
.slick-dots{
	bottom:-35px !important;
}
.customer_left_arrow,
.customer_right_arrow{
	cursor:pointer;
}
.custom-img-box{
	transition:all 300ms ease-in-out;
}
.custom-img-box:hover{
	transform:translatey(-7px);
}
footer a{
	color:black;
}
footer a:not(.elementor-button):hover{
	text-decoration:underline;
}
.line_div{
	bottom:0;
	height:100%;
}
.word-slider {
	overflow: hidden;
  display: inline-block;
}

.word-slider h1{
	display: flex;
	flex-direction: column;
	margin: 0;
	will-change: transform;  
}

.word-slider span { 
	display: block; 
	height:70px;
}
.hfe-button-wrapper > a{
	justify-content:center !important;
} 
.schedule-btn-items{
	top:100%;
	bottom:unset !important;
}
.schedule-btn-conatiner:hover .schedule-btn-items{
	display:flex;
}
.schedule-btn-items{
	display:none;
}
 
@media screen and (max-width:767px){
	.customer_success_slider .slick-list { 
		margin-left:-30px;
	}
	.word-slider span {  
		height:100px;
		font-size:7vw;
	}
	.btn-container a{
		display:block;
		text-align:center;
	}
	.word-slider span br{
		display:none;
	}
}
@media screen and (min-width:1025px){
	ul.hfe-nav-menu{
		align-items:center;
	}
	nav.hfe-nav-menu__layout-horizontal{
		width: 100% !important;
	}
	span.hfe-menu-toggle.sub-arrow {
		width: 8px;
		transition:all 300ms ease;
	}
	.hfe-nav-menu li.hfe-button-wrapper,
	#menu-item-197{
		display:none;
	}
	.word-slider span {  
		height:70px;
	}
	.word-slider span br{
		display:none;
	}
}
@media screen and (min-width:768px) and (max-width:1024px){
	.customer_success_slider .slick-slide{
		margin-right:5px;
	}
	.col-center-align{
		max-width:50%;
		margin:auto;
	}
	.word-slider span {  
		height:100px;
	}
}
@media screen and (max-width:1024px){
	.current-menu-item .hfe-menu-item.elementor-button{
		color:white !important;
	}
}

/* ===== CF7 Fields ===== */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    width: 100%;
    padding: 14px 16px;
    border-radius: 8px;
    border: 2px solid #DDF2FF;
    background-color: #DDF2FF;
    color: #0F3A6F;
    font-size: 16px;
    transition: all 0.3s ease;
    outline: none;
	margin-top:10px;
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    color: #0F3A6F80;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
    border-color: #1B8BD4;
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(27, 139, 212, 0.2);
}
.wpcf7 textarea {
    min-height: 140px;
    resize: vertical;
}
.wpcf7-not-valid {
    border-color: #ff4d4f !important;
    background-color: #fff0f0 !important;
}
.wpcf7-mail-sent-ok {
    border: 1px solid #1B8BD4;
    background: #DDF2FF;
    color: #0F3A6F;
    padding: 12px;
    border-radius: 6px;
}
.wpcf7 input[type="submit"] {
    background: #1B8BD4;
    color: #fff;
    border: none;
    padding: 14px 24px;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.wpcf7 input[type="submit"]:hover {
    background: #0F3A6F;
    transform: translateY(-2px);
}
.wpcf7 form p {
    margin-bottom: 20px;
}
.wpcf7 form label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #0F3A6F;
    letter-spacing: 0.3px;
}
.wpcf7 form {
    max-width: 600px;
}
.wpcf7-form-control-wrap {
    display: block;
}
.wpcf7-form label .required {
    color: tomato;
    margin-left: 4px;
}
.wpcf7-not-valid-tip { 
    margin-top: 10px;
}
.scroll-top{
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    z-index: 9999;
    transform: translateX(120px);
    opacity: 0;
    transition: all 0.4s ease !important;
}
.scroll-top button{
	background:#1B8BD4;
	border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    z-index: 9999;   
	border:none;
	width: 40px;
    height: 40px;
}
.scroll-top svg{
	width:1rem;
	height:1rem;
	color:white;
}
.scroll-top svg path{
	fill:white;
}


/* Visible state */
.scroll-top.show-scroll{
    transform: translateX(0);
    opacity: 1;
}
.scroll-top.show-scroll:hover{
	transform: translate(0,-5px);
}
.demo-item-title h2{
	cursor:pointer;
	transition:all 300ms ease;
	padding-bottom: 10px;
}
.demo-item-title.active h2{
	border-bottom: 3px solid;
}