/* 
Theme Name: Hello Elementor Child (DLP & Website)
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.4.2
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
*/

/*
 *  oom_jvp
*/

input#floating-whatsapp-fullname {
    border: 1px solid #d7d7d7!important;
}
input#floating-whatsapp-contact-no{
	border: 1px solid #d7d7d7!important;
}

input#floating-whatsapp-email-address{
    border: 1px solid #d7d7d7!important;
}
textarea#floating-whatsapp-message{
	border: 1px solid #d7d7d7!important;
}
.oom-widget-chat-content-message {

    margin-right: 0!important;
    align-items: center!important;
}
input#form-field-c_full_name {
    border: 0.5px solid #e7e7e7 !important;
}
input#form-field-c_company_name{
	 border: 0.5px solid #e7e7e7 !important;
}
input#form-field-c_contact_number{
	 border: 0.5px solid #e7e7e7 !important;
}
input#form-field-c_email_address{
	border: 0.5px solid #e7e7e7 !important;
}
select#form-field-c_interested_product{
	border: 0.5px solid #e7e7e7 !important;
}
textarea#form-field-c_message{
	border: 0.5px solid #e7e7e7 !important;
}
.logo-carousel .swiper-wrapper{
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}

span.swiper-pagination-current {
    color: #E87B1F !important;
}
/* Target the fraction pagination */
.swiper-pagination-current,
.swiper-pagination-total {
    font-feature-settings: "tnum"; /* Ensures fixed-width numerals */
}

.swiper-pagination-current::before,
.swiper-pagination-total::before {
    content: "0";
}


/* Remove the leading zero for numbers >= 10 */
.swiper-pagination-current:empty::before,
.swiper-pagination-total:empty::before {
    content: "";
}


/* button */
/* Main button styling */


/* Add the icon using ::after */
.btndownload .elementor-button-icon::after {
    content: ""; /* Required for pseudo-elements */
    position: absolute;
    top: 50%; /* Vertically center the icon */
    left: -25px; /* Position the icon */
    transform: translateY(-50%); /* Correct centering */
    width: 20px; /* Icon width */
    height: 20px; /* Icon height */
    background-image: url('/wp-content/uploads/2024/12/download.svg') !important; /* Ensure proper path */
    background-size: contain; /* Maintain aspect ratio */
    background-repeat: no-repeat; /* No repeated background */
    opacity: 0; /* Hidden by default */
    transition: all 0.3s ease; /* Smooth transition effect */
}
.elementor-button-icon {
    border-radius: 50%; /* Makes the element circular */
    border: 2px solid #DCDCDC; /* Adds a border */
    display: inline-flex; /* Ensures proper alignment and sizing */
    align-items: center; /* Centers content vertically */
    justify-content: center; /* Centers content horizontally */
    width: 60px; /* Set a fixed width for the circle */
    height: 60px; /* Set a fixed height for the circle */
    padding: 10px; /* Add padding for spacing */
    box-sizing: border-box; /* Ensure padding doesn't affect size */
    position: relative; /* For positioning the pseudo-element */
}

/* Add the icon using ::before */
span.elementor-button-icon::before {
    content: ""; /* Ensure icon is inserted here */
    position: absolute;
    top: 50%; /* Vertically center the icon */
    left: 50%;
    transform: translate(-50%, -50%); /* Center icon in the middle */
    width: 20px; /* Icon size */
    height: 20px; /* Icon size */
    background-image: url('path-to-your-icon.svg'); /* Replace with your icon path */
    background-size: contain; /* Ensures the icon is contained properly */
    background-repeat: no-repeat;
    opacity: 1; /* Keep it visible by default */
    transition: all 0.3s ease; /* Smooth transition */
}

/* Icon and text content */
span.elementor-button-icon i, 
span.elementor-button-icon svg {
    font-size: 20px; /* Adjust font/icon size for icon fonts */
    width: 20px; /* Ensure SVG icons maintain size */
    height: 20px; /* Ensure SVG icons maintain size */
}

span.elementor-button-content-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 15px; /* Maintain spacing between icon and text */
    position: relative; /* Needed for positioning pseudo-elements */
    overflow: hidden; /* Ensure text stays within bounds */
}

/* Text */
span.elementor-button-text {
    position: relative;
    z-index: 2;
    transition: all 0.3s ease; /* Smooth transition */
}


.elementor-154 .elementor-element.elementor-element-9e83e5e .elementor-button-text {
    color: #E87B1F !important;
}
.elementor-154 .elementor-element.elementor-element-9e83e5e .elementor-button[type="submit"] svg * {
    fill: #E87B1F!important;
}
.elementor-154 .elementor-element.elementor-element-9e83e5e .elementor-button-content-wrapper::after{
   content: "SUBMIT";  /* Dynamically include icon and text */
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 15px; /* Match original gap */
    left: 50%;
    top: 50%;
    opacity: 0;
    transform: translateY(30px) translateY(-50%); /* Start below the original text, centered */
    transition: all 0.3s ease;
    color: #E87B1F !important;
    font-size: inherit; /* Match the original font size */
    white-space: nowrap; /* Prevent text wrapping */
}

/* Hover effect */
.elementor-154 .elementor-element.elementor-element-9e83e5e .elementor-button-content-wrapper:hover .elementor-button-text {
    transform: translateY(-30px); /* Move the text upwards */
    opacity: 0; /* Hide the original text */
}

.elementor-154 .elementor-element.elementor-element-9e83e5e .elementor-button-content-wrapper:hover::after {
    transform: translateY(0) translateY(-50%); /* Move the new text into view, centered */
    opacity: 1; /* Show the new text */
}


/* Add the icon using ::after */
.btnreadmore1 .elementor-button-icon::after {
    content: ""; /* Ensure icon is inserted here */
    position: absolute;
    top: 50%; /* Vertically center the icon */
    left: -25px; /* Initially position the pseudo-icon to the left */
    transform: translateY(-40%); /* Vertically center */
    width: 20px; /* Icon size */
    height: 20px; /* Icon size */
    background-image: url('/wp-content/uploads/2024/12/Layer-29-2.svg'); /* Icon path */
    background-size: contain; /* Ensure the icon fits properly */
    background-repeat: no-repeat;
    opacity: 0; /* Initially hidden */
    transition: all 0.3s ease; /* Smooth transition */
}

/* Duplicate text with icon */
.btnreadmore .elementor-button-content-wrapper::after {
   content: "READ MORE";  /* Dynamically include icon and text */
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 15px; /* Match original gap */
    left: 39.3%;
    top: 50%;
    opacity: 0;
    transform: translateY(30px) translateY(-50%); /* Start below the original text, centered */
    transition: all 0.3s ease;
    color: inherit; /* Match the original text color */
    font-size: inherit; /* Match the original font size */
    white-space: nowrap; /* Prevent text wrapping */
}


/* Duplicate text with icon */
.btngoback .elementor-button-content-wrapper::after {
   content: "GO BACK";  /* Dynamically include icon and text */
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 15px; /* Match original gap */
    left: 45%;
    top: 50%;
    opacity: 0;
    transform: translateY(30px) translateY(-50%); /* Start below the original text, centered */
    transition: all 0.3s ease;
    color: inherit; /* Match the original text color */
    font-size: inherit; /* Match the original font size */
    white-space: nowrap; /* Prevent text wrapping */
}
/* Duplicate text with icon */
.btnfindoutmore .elementor-button-content-wrapper::after {
   content: "FIND OUT MORE";  /* Dynamically include icon and text */
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 15px; /* Match original gap */
    left: 32%;
    top: 50%;
    opacity: 0;
    transform: translateY(30px) translateY(-50%); /* Start below the original text, centered */
    transition: all 0.3s ease;
    color: inherit; /* Match the original text color */
    font-size: inherit; /* Match the original font size */
    white-space: nowrap; /* Prevent text wrapping */
}


.btndownload  .elementor-button-content-wrapper::after {
   content: "Download Brochure";  /* Dynamically include icon and text */
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 15px; /* Match original gap */
    left: 0%;
    top: 50%;
    opacity: 0;
    transform: translateY(0px) translateY(-50%); /* Start below the original text, centered */
    transition: all 0.3s ease;
    color: inherit; /* Match the original text color */
    font-size: inherit; /* Match the original font size */
    white-space: nowrap; /* Prevent text wrapping */
}
.btnsendenquiry  .elementor-button-content-wrapper::after {
   content: "SEND ENQUIRY";  /* Dynamically include icon and text */
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 15px; /* Match original gap */
    left: 0%;
    top: 50%;
    opacity: 0;
    transform: translateY(0px) translateY(-50%); /* Start below the original text, centered */
    transition: all 0.3s ease;
    color: inherit; /* Match the original text color */
    font-size: inherit; /* Match the original font size */
    white-space: nowrap; /* Prevent text wrapping */
}

.btndownload .elementor-button-content-wrapper:hover .elementor-button-text {
    transform: translateY(0px); /* Move the text upwards */
    opacity: 0; /* Hide the original text */
}
.btnsendenquiry .elementor-button-content-wrapper:hover .elementor-button-text {
    transform: translateY(0px); /* Move the text upwards */
    opacity: 0; /* Hide the original text */
}

/* Hover effect */
span.elementor-button-content-wrapper:hover .elementor-button-text {
    transform: translateY(-30px); /* Move the text upwards */
    opacity: 0; /* Hide the original text */
}

span.elementor-button-content-wrapper:hover::after {
    transform: translateY(0) translateY(-50%); /* Move the new text into view, centered */
    opacity: 1; /* Show the new text */
}

/* Default state for the SVG icon */
span.elementor-button-content-wrapper .elementor-button-icon svg {
    transform: translateX(0); /* Initially, no movement */
    transition: transform 0.3s ease; /* Smooth transition */
}

/* Hover effect for the SVG icon */
span.elementor-button-content-wrapper:hover .elementor-button-icon svg {
    transform: translateX(30px); /* Move the SVG icon to the right on hover */
    opacity: 0; /* Make pseudo-icon visible */
}


}



/* Show the icon on hover */
.btndownload:hover .elementor-button-icon::after {
    opacity: 1; /* Make the icon visible */
    left: -35px; /* Slightly move the icon */
}



/* Add the icon using ::after */
span.elementor-button-icon::after {
    content: ""; /* Ensure icon is inserted here */
    position: absolute;
    top: 50%; /* Vertically center the icon */
    left: -25px; /* Initially position the pseudo-icon to the left */
    transform: translateY(-40%); /* Vertically center */
    width: 20px; /* Icon size */
    height: 20px; /* Icon size */
    background-image: url('/wp-content/uploads/2023/04/Layer-29.svg'); /* Icon path */
    background-size: contain; /* Ensure the icon fits properly */
    background-repeat: no-repeat;
    opacity: 0; /* Initially hidden */
    transition: all 0.3s ease; /* Smooth transition */
}

/* Show and move the pseudo-icon when hovered */
span.elementor-button-content-wrapper:hover .elementor-button-icon::after {
    left: 20px; /* Move pseudo-icon to the right on hover */
    opacity: 1; /* Make pseudo-icon visible */
}
/* Show and move the pseudo-icon when hovered */
span.elementor-button-content-wrapper:hover .elementor-button-icon::after {
    left: 18px; /* Move pseudo-icon to the right on hover */
    opacity: 1; /* Make pseudo-icon visible */
}



/* end button */



html {
    overflow-x: hidden;
    max-width: 1920px;
    margin: 0 auto;
}

/* Header */

.header-widget-shortheader{
    transform: translateY(0) !important;
}

/* Button */

.elementor-button{
    cursor: pointer;
}

/* Mobile Menu */

.custom-menu-nav {
    display: none !important;
}
.custom-menu-nav.active {
    display: block !important;
}

.custom-menu-nav {
    position: fixed;
    background: #000;
    width: 100%;
    z-index: 999;
}

.toggle-btn-open {
    margin-bottom: 0px !important;
}

.toggle-btn-open .elementor-icon-wrapper,
.toggle-btn-close .elementor-icon-wrapper {
    width: 30px;
    height: 30px;
}

/* Icon List */

.icon-list .elementor-icon-box-title {
    display: none;
}

.icon-list .elementor-icon-box-description a {
    color: #fff !important;
}

.icon-list .elementor-icon-box-description a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.icon-list .elementor-icon-box-icon .elementor-icon {
    margin-top: 5px;
}

/* Footer */

.site-footer {
    display: none !important;
}


/** Responsive **/

@media (min-width: 1025px){
    
    /* Elementor Form */
    
    .elementor-field-type-recaptcha_v3.recaptcha_v3-inline {
        width: 60% !important;
    }
    
    .elementor-field-type-recaptcha_v3.recaptcha_v3-inline > .elementor-field{
        transform:scale(.85);
        transform-origin: left center;
    }
    
    .elementor-field-group.elementor-field-type-submit {
        align-items: center;
    }
}

@media (max-width: 767px){
    /* Elementor Form */
    
    .elementor-field-type-recaptcha_v3.recaptcha_v3-inline{
        justify-content: center !important;
    }
    
   .elementor-field-type-recaptcha_v3.recaptcha_v3-inline > .elementor-field{
        transform:scale(1);
        transform-origin: center center;
    } 
}


@media (max-width: 1920px) {
	
}

@media (max-width: 1440px) {
	
}

@media (max-width: 1280px) {
	
}

@media (max-width: 1200px) {
	
	.elementor-field-type-recaptcha_v3.elementor-field-group.elementor-column.elementor-field-group-c_recaptcha.elementor-col-100.recaptcha_v3-inline {
    width: 60%!important;
}
	
	.elementor-154 .elementor-element.elementor-element-9e83e5e .elementor-button-content-wrapper::after{
   content: "SUBMIT";  /* Dynamically include icon and text */
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 15px; /* Match original gap */
    left: 57.3%;
    top: 50%;
    opacity: 0;
    transform: translateY(30px) translateY(-50%); /* Start below the original text, centered */
    transition: all 0.3s ease;
    color: #E87B1F !important;
    font-size: inherit; /* Match the original font size */
    white-space: nowrap; /* Prevent text wrapping */
}

.btnreadmore .elementor-button-content-wrapper::after {
    content: "READ MORE";
    position: absolute;
    display: inline-flex
;
    align-items: center;
    gap: 15px;
    left: 52.3%!important;
    top: 50%;
    opacity: 0;
    transform: translateY(30px) translateY(-50%);
    transition: all 0.3s ease;
    color: inherit;
    font-size: inherit;
    white-space: nowrap;
}
	
		.btngoback .elementor-button-content-wrapper::after {
    content: "GO BACK";
    position: absolute;
    display: inline-flex
;
    align-items: center;
    gap: 15px;
    left: 58%!important;
    top: 50%;
    opacity: 0;
    transform: translateY(30px) translateY(-50%);
    transition: all 0.3s ease;
    color: inherit;
    font-size: inherit;
    white-space: nowrap;
}
	.btnfindoutmore .elementor-button-content-wrapper::after {
    content: "FIND OUT MORE";
    position: absolute;
    display: inline-flex
;
    align-items: center;
    gap: 15px;
    left: 45%!important;
    top: 50%;
    opacity: 0;
    transform: translateY(30px) translateY(-50%);
    transition: all 0.3s ease;
    color: inherit;
    font-size: inherit;
    white-space: nowrap;
}
}

/*
 * Surface Pro
 */
@media (max-width: 912px) {
	
}

/*
 * iPad Air
 */
 @media (max-width: 820px) {
	
}

/*
 * iPad 9th
 */
@media (max-width: 810px) {
	    .elementor-field-type-recaptcha_v3.elementor-field-group.elementor-column.elementor-field-group-c_recaptcha.elementor-col-100.recaptcha_v3-inline {
        width: 100% !important;
    }
	.elementor-148 .elementor-element.elementor-element-15ed1cc:not(.elementor-motion-effects-element-type-background), .elementor-148 .elementor-element.elementor-element-15ed1cc > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: transparent;
    background-image: linear-gradient(90deg, #FFFFFF 45%, #EEEEEE 0%)!important;
}
	
	
	.elementor-154 .elementor-element.elementor-element-9e83e5e .elementor-button-content-wrapper::after{
   content: "SUBMIT";  /* Dynamically include icon and text */
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 15px; /* Match original gap */
    left: 67.3%!important;
    top: 50%;
    opacity: 0;
    transform: translateY(30px) translateY(-50%); /* Start below the original text, centered */
    transition: all 0.3s ease;
    color: #E87B1F !important;
    font-size: inherit; /* Match the original font size */
    white-space: nowrap; /* Prevent text wrapping */
}


.btnreadmore .elementor-button-content-wrapper::after {
    content: "READ MORE";
    position: absolute;
    display: inline-flex
;
    align-items: center;
    gap: 15px;
    left: 57.3%!important;
    top: 50%;
    opacity: 0;
    transform: translateY(30px) translateY(-50%);
    transition: all 0.3s ease;
    color: inherit;
    font-size: inherit;
    white-space: nowrap;
}
	
	.btngoback .elementor-button-content-wrapper::after {
    content: "GO BACK";
    position: absolute;
    display: inline-flex
;
    align-items: center;
    gap: 15px;
    left: 63%!important;
    top: 50%;
    opacity: 0;
    transform: translateY(30px) translateY(-50%);
    transition: all 0.3s ease;
    color: inherit;
    font-size: inherit;
    white-space: nowrap;
}
.btnfindoutmore .elementor-button-content-wrapper::after {
    content: "FIND OUT MORE";
    position: absolute;
    display: inline-flex
;
    align-items: center;
    gap: 15px;
    left: 50%!important;
    top: 50%;
    opacity: 0;
    transform: translateY(30px) translateY(-50%);
    transition: all 0.3s ease;
    color: inherit;
    font-size: inherit;
    white-space: nowrap;
}
}

/*
 * iPad Mini
 */
@media (max-width: 768px) {


}

@media (max-width: 767px){
     /* WA Widget */

    .oom-widget-popup-wrapper .oom-widget-chat-button{
        right: 10px !important;
    }
}


@media (max-width: 480px) {

}

@media (max-width: 414px) {
	
}

@media (max-width: 375px) {
	
}


@media (max-width: 360px) {

}


@media (max-width: 320px) {
	
}