/*
Theme Name: Force Teknologi Themes
Author: Force Teknologi
Description: Your description goes here
Version: 2.0
Template: force-teknologi-base

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
@media (min-width: 1024px) {
.infinite-float {
  animation: infinite-float 4s ease-in-out infinite;
}
}

/* Primary Gradient Button */
.btn-gradient .jkit-button-wrapper, .btn-gradient a{
	color: #ffffff!important;
	background: linear-gradient(135deg, var(--e-global-color-df56f63), var(--e-global-color-77be1f9), var(--e-global-color-fc73455)) !important;
	box-shadow: 0 10px 25px rgba(138, 28, 255, 0.25)!important;
	padding:15px 32px 17px 32px!important;
	border-radius:50px !important;
	
}
.btn-gradient .jkit-button-wrapper:hover, .btn-gradient a:hover{
	transform: translateY(-3px)!important;
    box-shadow: 0 18px 40px rgba(138, 28, 255, 0.35)!important;
}
/* End Primary Gradient Button */

/* Secondary Light Gradient Button */
.btn-gradient-secondary-light .jkit-button-wrapper, .btn-gradient-secondary-light a{
	color: #ffffff!important;
	background: transparent !important;
	box-shadow: 0 10px 25px rgba(138, 28, 255, 0.25)!important;
	padding:15px 32px 17px 32px!important;
	border-radius:50px !important;
	border: 2px solid rgba(255,255,255,0.72) !important;
	
}
.btn-gradient-secondary-light .jkit-button-wrapper:hover, .btn-gradient-secondary-light a:hover{
	background: linear-gradient(135deg, var(--e-global-color-df56f63), var(--e-global-color-77be1f9), var(--e-global-color-fc73455)) !important;
	transform: translateY(-3px)!important;
    box-shadow: 0 18px 40px rgba(138, 28, 255, 0.35)!important;
}
/* End Secondary Light Gradient Button */

/* Secondary Dark Gradient Button */
.btn-gradient-secondary-dark .jkit-button-wrapper, .btn-gradient-secondary-dark a{
	color: var(--e-global-color-1bd228e) !important;
	background: transparent !important;
	box-shadow: 0 10px 25px rgba(138, 28, 255, 0.25)!important;
	padding:15px 32px 17px 32px!important;
	border-radius:50px !important;
	border: 2px solid var(--e-global-color-1bd228e) !important;
	
}
.btn-gradient-secondary-dark .jkit-button-wrapper:hover, .btn-gradient-secondary-dark a:hover{
	background: linear-gradient(135deg, var(--e-global-color-df56f63), var(--e-global-color-77be1f9), var(--e-global-color-fc73455)) !important;
	transform: translateY(-3px)!important;
    box-shadow: 0 18px 40px rgba(138, 28, 255, 0.35)!important;
}
/* End Secondary Dark Gradient Button */


/* Form CTA Konsultasi */
@media (min-width: 768px) {
	.cta-form-konsultasi .elementor-form {
		position: relative;
	}

	.cta-form-konsultasi .elementor-field-group-email {
		margin-bottom: 0 !important;
	}

	.cta-form-konsultasi .elementor-field-type-submit {
		position: absolute;
		right: 10px;
		top: 45%;
		transform: translateY(-50%);
		margin: 0 !important;
		width: auto !important;
	}

	.cta-form-konsultasi input[type="email"],
	.cta-form-konsultasi input[type="text"] {
		height: 70px !important;
		border-radius: 999px !important;
		border: 1px solid rgba(255,255,255,.15) !important;
		background: rgba(255,255,255,.08) !important;
		color: #ffffff !important;
		padding: 0 180px 0 30px !important;
		font-size: 18px;
		box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	}
}
	.cta-form-konsultasi input[type="email"],
	.cta-form-konsultasi input[type="text"] {
		height: 70px !important;
		border-radius: 999px !important;
		border: 1px solid rgba(255,255,255,.15) !important;
		background: rgba(255,255,255,.08) !important;
		color: #ffffff !important;
		padding: 0 30px 0 30px !important;
		font-size: 18px;
		box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	}
	.cta-form-konsultasi input::placeholder {
		color: rgba(255,255,255,.7) !important;
	}

	.cta-form-konsultasi button[type="submit"] {
		height: 52px;
		color: #ffffff!important;
		min-width: 120px;
		border: none;
		border-radius: 999px;
		background: linear-gradient(135deg, var(--e-global-color-df56f63), var(--e-global-color-77be1f9), var(--e-global-color-fc73455)) !important;
		padding: 0 35px;
		transition: all .3s ease;
	}

	.cta-form-konsultasi button[type="submit"]:hover {
		transform: scale(1.03);
	}

/* End Form CTA Konsultasi */







@keyframes infinite-float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes marquee {
    from {
        transform: translate3d(0,0,0);
    }
    to {
       transform: translateX(-50%);
    }
}