/*

Theme Name: Hello Elementor Child

Theme URI: https://github.com/elementor/hello-theme/

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: 1.0.1

Text Domain: hello-elementor-child

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/
:root{
	--primary-bg:#F8BD00;
}
.primary-color{
	color: var(--primary-bg);
}
.icon_list-bg span.elementor-icon-list-icon{
	background: var(--primary-bg);
	width: 40px;
	min-width: 40px;
	height: 40px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
}
.icon_list-bg span.elementor-icon-list-icon svg{
	margin: 0px !important;
}
.icon_list-bg .elementor-icon-list-text{
	padding: 0px;
}
/* Marquee Styling */
.marquee-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.marquee-track {
    display: flex;
    width: max-content;
    animation: marquee-left var(--marquee-speed) linear infinite;
}

.marquee-content {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding-right: 18px;
	gap: 18px;
	height: 100px;
}

.marquee-left {
    animation-name: marquee-left;
}

.marquee-right {
    animation-name: marquee-right;
}

@keyframes marquee-left {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@keyframes marquee-right {
    from { transform: translateX(-50%); }
    to { transform: translateX(0); }
}
.marquee_custom .marquee-wrapper .marquee_content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    font-weight: 500;
    font-size: 18px;
}
.marquee-content .marquee_content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    gap: 18px;
    font-size: 24px;
    font-weight: 600;
    font-family: "Kefir DemiBold";
}
/* Marquee Styling */
/* Hero Styling */
.hero_img {
    top: 10%;
    left: 50%;
/*     transform: translate(-50%, -50%); */
}
.hero_img.hero_img-right {
    transform: translateX(150%) rotate(15deg);
}
.hero_img.hero_img-left {
    transform: translateX(-250%) rotate(-15deg);
}
/* Hero Styling */
.service_image-container {
    perspective: 1000px;
}
.service_image-container .elementor-widget-image {
    position: absolute;
    top: 50%;
    left: 46%;
    height: auto;
    transform: translate(0px, -50%);
	transform-origin: center center;
	pointer-events:none;
	z-index: -1;
}
.service_image-container .elementor-widget-image img{
	max-width: 130px;
}
.service_image-container .service_main-title h4.elementor-heading-title::before {
    content: attr(data-item-count);
    margin-right: 26px;
}
.get_in-touch--card {
    max-width: 386px;
}
.get_started-list li.elementor-icon-list-item {
    padding-block: 10px !important;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
.get_started-list li.elementor-icon-list-item span.elementor-icon-list-text {
    display: flex;
    gap: 26px;
}
.get_started-section .elementor-widget-text-editor p {
    margin-bottom: 0px;
}
footer .main_footer-container .footer_detail-col {
    max-width: 286px;
    width: 100%;
}
footer .main_footer-container .social_sharing-btn a.elementor-icon {
    background: linear-gradient(120deg, rgb(255 255 255 / 15%), transparent);
    border: 1px solid rgba(255 255 255 / 8%);
	transition: all 350ms;
}
footer .main_footer-container .social_sharing-btn a.elementor-icon:hover {
    background: linear-gradient(120deg, rgb(255 255 255 / 30%), transparent);
}
footer .main_footer-container ul.sub-menu {
    display: none !important;
}
header .main__header {
    transform: translateY(0%);
	transition: none;
	will-change: transform;
}
header.header_hidden .main__header{
	transform: translateY(-100%) !important;
	transition: transform 250ms,background 0ms;
}
header.scrolled .main__header {
	position: fixed;
    top: 0px !important;
    padding-block: 20px;
    border-bottom: 0px;
	background: #222222;
}
header.scrolled.scrolled_up .main__header {
    transform: translateY(0%) !important;
	
}
header.scrolled .main__header .inner_header {
    padding-bottom: 0px;
    border-bottom: 0px;
}
header .main__header .canvas_open-btn path {
    stroke: #fff;
    font-size: 27px;
    stroke-width: 2px;
}
header .main__header .canvas_close-btn a {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
header.scrolled.scrolled_up .main__header .inner_header a.elementor-item.elementor-item-active {
    color: var(--primary-bg);
}
.view_info-btn a.elementor-button {
    display: flex;
}
.view_info-btn a.elementor-button > .elementor-button-content-wrapper{
	width: 100%;
	justify-content: space-between;
}
section.contact_section .contact_form {
    max-width: 486px;
    margin-left: auto;
}
section.contact_section .contact_form input, section.contact_section .contact_form .wpforms-field-select .choices__inner {
    height: 67px;
	font-family: "Product Sans", sans-serif;
}
section.contact_section .contact_form .wpforms-field{
	padding-block: 0px;
	flex:1;
	
}
section.contact_section .contact_form .wpforms-field-container{
	display: flex;
	flex-direction: column;
	gap: 20px;	
}
section.contact_section .contact_form .wpforms-container {
    margin-block: 0px;
}
section.contact_section .contact_form .wpforms-container button[type=submit] {
    width: 100%;
    margin-top: 15px;
    height: 62px;
    font-size: 18px;
    font-weight: 400;
	font-family: "Product Sans", sans-serif;
}
html body section#contact-section.contact_section .wpforms-field-select .choices__list.choices__list--dropdown {
    background: #222 !important;
}
.custom_gallery-section .service-gallery {
    --sg-cols: 3;
	--sg-gap:14px ;
}
.custom_gallery-section .service-gallery img {
    width: 100%;
    max-height: 510px;
    overflow: hidden;
    object-fit: cover;
    height: 510px;
    border-radius: 10px;
}
.custom_gallery-section .service-gallery a {
    display: flex;
    position: relative;
    isolation: isolate;
    border-radius: 10px;
    overflow: hidden;
	transition: all 250ms;
}
.custom_gallery-section .service-gallery a::before {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(-180deg, transparent 0%, black 100%);
	transition: all 250ms;
}
.custom_gallery-section .service-gallery a:hover::before{
	transform: translateY(50px);
}
.custom_gallery-section .elementor-widget-loop-grid .service:not(:has(.service-gallery)) {
    display: none;
}
.custom_gallery-section .elementor-loop-container .service h3.service-gallery-title{
	display: none;
}
.custom_gallery-section .elementor-loop-container:has(.service + .service) h3.service-gallery-title {
    display: flex;
    font-family: "Kefir DemiBold", sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 32px;
}
.custom_gallery-section .service-gallery a::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: 30px;
    right: 30px;
	z-index: 2;
	background: url('/wp-content/uploads/2026/01/Vector-3.svg') no-repeat;
	background-size: contain;
	transition: all 250ms;
}
.custom_gallery-section .service-gallery a:hover::after{
	opacity: 0.6;
}
@media (max-width: 1399px){
	.hero_img.hero_img-right {
    transform: translateX(127%) rotate(15deg);
}
	.hero_img.hero_img-left {
    transform: translateX(-234%) rotate(-15deg);
}
}
@media (max-width: 1200px){
	.hero_img.hero_img-left {
    transform: translateX(-190%) rotate(0deg);
}
	.hero_img.hero_img-right {
    transform: translateX(80%) rotate(0deg);
}
.hero_img {
    top: unset;
    bottom: -230px;
}
	.custom_gallery-section .service-gallery {
    --sg-cols: 2;
}
	.custom_gallery-section .service-gallery img {
    max-height: 450px;
}
}
@media (max-width:1024px){
	.hero_img.hero_img-left {
    transform: translateX(-155%);
}
	.hero_img.hero_img-right {
    transform: translateX(55%);
}
	header.scrolled.scrolled_up .main__header > .e-con-inner {
    padding-top: 0px;
}
}
@media (max-width: 880px){
	.hero_img.hero_img-left {
    transform: translateX(-140%);
}
	.hero_img.hero_img-right {
    transform: translateX(35%);
}
	section.contact_section .contact_form{
		max-width: 100%;
	}
}
@media (max-width: 767px){
	.marquee-content .marquee_content {
    font-size: 16px;
}
	.marquee-content .marquee_content img {
    height: 30px !important;
}
	.marquee-content {
    height: 70px;
}
	section.contact_section .contact_form input, section.contact_section .contact_form .wpforms-field-select .choices__inner {
    height: 50px;
}
	section.contact_section .contact_form .wpforms-container button[type=submit] {
    margin-top: 0px;
    height: 44px;
    font-size: 16px;
}
	.custom_gallery-section .service-gallery {
    --sg-cols: 1;
}
	.custom_gallery-section .service-gallery img {
    max-height: 350px;
}
	.custom_gallery-section .elementor-loop-container h3.service-gallery-title {
    font-size: 24px;
}
	.custom_gallery-section .service-gallery a::after {
    bottom: 20px;
    right: 20px;
}
}