.elementor-2976 .elementor-element.elementor-element-89d363d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2976 .elementor-element.elementor-element-6c2e583{text-align:center;}.elementor-2976 .elementor-element.elementor-element-6c2e583 .elementor-heading-title{font-family:"Onest", Sans-serif;font-size:34px;font-weight:800;color:var( --e-global-color-d028bcd );}.elementor-2976 .elementor-element.elementor-element-3629d12{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2976 .elementor-element.elementor-element-17681cd{width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;}.elementor-2976 .elementor-element.elementor-element-9352f1f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2976 .elementor-element.elementor-element-9352f1f:not(.elementor-motion-effects-element-type-background), .elementor-2976 .elementor-element.elementor-element-9352f1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-703a651 );}.elementor-2976 .elementor-element.elementor-element-c1f7e43{text-align:left;}.elementor-2976 .elementor-element.elementor-element-c1f7e43 .elementor-heading-title{font-family:"Onest", Sans-serif;font-size:34px;font-weight:500;color:var( --e-global-color-d028bcd );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2976 .elementor-element.elementor-element-90fa058 .elementor-button{background-color:var( --e-global-color-b27b802 );fill:var( --e-global-color-a04d0ed );color:var( --e-global-color-a04d0ed );}.elementor-2976 .elementor-element.elementor-element-90fa058 .elementor-button:hover, .elementor-2976 .elementor-element.elementor-element-90fa058 .elementor-button:focus{background-color:#FF924D;}.elementor-2976 .elementor-element.elementor-element-90fa058{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2976 .elementor-element.elementor-element-90fa058 .elementor-button-content-wrapper{flex-direction:row-reverse;}@media(max-width:1024px){.elementor-2976 .elementor-element.elementor-element-89d363d{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-2976 .elementor-element.elementor-element-3629d12{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2976 .elementor-element.elementor-element-17681cd{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2976 .elementor-element.elementor-element-9352f1f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2976 .elementor-element.elementor-element-c1f7e43{text-align:center;}}@media(max-width:767px){.elementor-2976 .elementor-element.elementor-element-89d363d{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-2976 .elementor-element.elementor-element-6c2e583 .elementor-heading-title{font-size:24px;}.elementor-2976 .elementor-element.elementor-element-3629d12{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2976 .elementor-element.elementor-element-9352f1f{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2976 .elementor-element.elementor-element-c1f7e43{text-align:center;}.elementor-2976 .elementor-element.elementor-element-c1f7e43 .elementor-heading-title{font-size:24px;}}/* Start custom CSS for shortcode, class: .elementor-element-17681cd */.elementor-2976 .elementor-element.elementor-element-17681cd button[type="submit"].button {
    width: 100%;            /* Make the button full width */
    display: block;         /* Make the button a block-level element */
    background-color: #FF8234; /* Set the background color */
    color: white;           /* Set text color to white */
    border: none;           /* Remove default border */
    padding: 14px;          /* Add padding for better spacing */
    font-size: 16px;        /* Adjust font size for readability */
    text-align: center;     /* Center the text inside the button */
    border-radius: 5px;     /* Optional: rounded corners for a smoother look */
    transition: background-color 0.3s ease; /* Add a smooth hover transition */
}

.elementor-2976 .elementor-element.elementor-element-17681cd button[type="submit"].button:hover {
    background-color: #e5722f; /* Darken the color on hover */
}

/* Full width for the Order ID input field */
.elementor-2976 .elementor-element.elementor-element-17681cd .woocommerce-form-track-order input.input-text#orderid {
    width: 100%;               /* Make the Order ID field full width */
    padding: 12px;             /* Add padding for better spacing */
    font-size: 16px;           /* Adjust font size for readability */
    border: 1px solid #ccc;    /* Light border for the input field */
    border-radius: 5px;        /* Optional: rounded corners */
    box-sizing: border-box;    /* Ensure padding is included in the width */
    margin-bottom: 0;       /* Add space between fields */
}







/* Full width for the Billing Email input field */
.elementor-2976 .elementor-element.elementor-element-17681cd .woocommerce-form-track-order input.input-text#order_email {
    width: 100%;               /* Make the Billing Email field full width */
    padding: 12px;             /* Add padding for better spacing */
    font-size: 16px;           /* Adjust font size for readability */
    border: 1px solid #ccc;    /* Light border for the input field */
    border-radius: 5px;        /* Optional: rounded corners */
    box-sizing: border-box;    /* Ensure padding is included in the width */
    margin-bottom: 15px;       /* Add space between fields */
    
}

/* Adjust the form row structure to ensure input fields are stacked */
.elementor-2976 .elementor-element.elementor-element-17681cd .woocommerce-form-track-order .form-row {
    width: 100%;               /* Ensure the form row takes full width */
    display: block;            /* Force block display for input fields */
    margin-bottom: 20px;       /* Add space between rows */
}

/* Label styling */
.elementor-2976 .elementor-element.elementor-element-17681cd .woocommerce-form-track-order label {
    display: block;            /* Make labels block-level */
    font-weight: bold;         /* Bold font for labels */
    margin-bottom: 4px;        /* Add space between label and input */
    font-size: 18px;           /* Adjust label font size */
    font-weight: 700;
    color: #000;
    text-align: left;
    text-transform: capitalize;
}

.elementor-2976 .elementor-element.elementor-element-17681cd .woocommerce-form-track-order p{
    margin-bottom: 50px;
    text-align: center;
    padding: 0 30px;
    
}

/* For mobile devices, remove padding from <p> elements */
@media (max-width: 767px) {
    .elementor-2976 .elementor-element.elementor-element-17681cd .woocommerce-form-track-order p {
        padding: 0; /* Remove padding for mobile */
    }
}/* End custom CSS */