.elementor-150 .elementor-element.elementor-element-114dd46f{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-150 .elementor-element.elementor-element-36cb92d{--display:flex;--min-height:489px;--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;--margin-top:170px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-150 .elementor-element.elementor-element-36cb92d:not(.elementor-motion-effects-element-type-background), .elementor-150 .elementor-element.elementor-element-36cb92d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://hpkfoods.com/wp-content/uploads/2026/05/2b2fd546ae8d6f9c838857127a65703b51392af2-scaled-e1774598134630.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-150 .elementor-element.elementor-element-36cb92d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-150 .elementor-element.elementor-element-3fe0b65c{--display:flex;--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-150 .elementor-element.elementor-element-428f9d4a .elementor-heading-title{font-family:"Playfair", Sans-serif;font-size:52px;font-weight:300;color:#800080;}.elementor-150 .elementor-element.elementor-element-3ec2be5b{--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;}.elementor-150 .elementor-element.elementor-element-1b6ad4bb{--display:flex;}.elementor-150 .elementor-element.elementor-element-52aa9b{--display:flex;--min-height:400px;--border-radius:16px 16px 16px 16px;--margin-top:-400px;--margin-bottom:0px;--margin-left:640px;--margin-right:0px;}.elementor-150 .elementor-element.elementor-element-52aa9b:not(.elementor-motion-effects-element-type-background), .elementor-150 .elementor-element.elementor-element-52aa9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#601050;}.elementor-150 .elementor-element.elementor-element-52aa9b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-150 .elementor-element.elementor-element-455e60ba{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-150 .elementor-element.elementor-element-75dbcb4f{--display:flex;--min-height:640px;--border-radius:16px 16px 16px 16px;--margin-top:-400px;--margin-bottom:0px;--margin-left:640px;--margin-right:0px;--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;--z-index:8;}.elementor-150 .elementor-element.elementor-element-75dbcb4f:not(.elementor-motion-effects-element-type-background), .elementor-150 .elementor-element.elementor-element-75dbcb4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#601050;}.elementor-150 .elementor-element.elementor-element-75dbcb4f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-150 .elementor-element.elementor-element-48aa80ea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-150 .elementor-element.elementor-element-7dcf0547{--display:flex;--margin-top:-250px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-150 .elementor-element.elementor-element-14bf8fa2{padding:0px 40px 0px 40px;}.elementor-150 .elementor-element.elementor-element-14bf8fa2 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:64px;font-weight:300;color:#601050;}.elementor-150 .elementor-element.elementor-element-5b96008f{--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;--z-index:0;}.elementor-150 .elementor-element.elementor-element-43da1c6c{--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;--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-150 .elementor-element.elementor-element-65b5800a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-150 .elementor-element.elementor-element-5e27768c .elementor-heading-title{font-family:"Playfair", Sans-serif;font-size:50px;font-weight:300;color:#601050;}.elementor-150 .elementor-element.elementor-element-3d1e569a{--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;}@media(max-width:1024px){.elementor-150 .elementor-element.elementor-element-428f9d4a .elementor-heading-title{font-size:42px;}.elementor-150 .elementor-element.elementor-element-14bf8fa2 .elementor-heading-title{font-size:42px;}.elementor-150 .elementor-element.elementor-element-65b5800a{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-150 .elementor-element.elementor-element-5e27768c .elementor-heading-title{font-size:28px;}}@media(max-width:767px){.elementor-150 .elementor-element.elementor-element-36cb92d:not(.elementor-motion-effects-element-type-background), .elementor-150 .elementor-element.elementor-element-36cb92d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://hpkfoods.com/wp-content/uploads/2026/05/Mask-group-7.png");}.elementor-150 .elementor-element.elementor-element-36cb92d{--min-height:180px;--margin-top:108px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-150 .elementor-element.elementor-element-3fe0b65c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-150 .elementor-element.elementor-element-428f9d4a{text-align:center;}.elementor-150 .elementor-element.elementor-element-428f9d4a .elementor-heading-title{font-size:32px;}.elementor-150 .elementor-element.elementor-element-3ec2be5b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-150 .elementor-element.elementor-element-52aa9b{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-150 .elementor-element.elementor-element-75dbcb4f{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-150 .elementor-element.elementor-element-43da1c6c{--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-150 .elementor-element.elementor-element-5e27768c{text-align:center;}.elementor-150 .elementor-element.elementor-element-5e27768c .elementor-heading-title{font-size:25px;}}@media(min-width:768px){.elementor-150 .elementor-element.elementor-element-36cb92d{--width:100%;}.elementor-150 .elementor-element.elementor-element-3fe0b65c{--width:32%;}.elementor-150 .elementor-element.elementor-element-52aa9b{--width:52.225%;}.elementor-150 .elementor-element.elementor-element-75dbcb4f{--width:580px;}}/* Start custom CSS for shortcode, class: .elementor-element-455e60ba *//* 1. Font Setup */
.custom-text {
    /* Replace 'YourSpecialFont' with the actual name of your font family */
font-family:"sofia-pro", sans-serif !important; 
}
/* 2. Main Container */
.hpk-form-container {
    font-family: 'Sofia-pro';
    background-color: #601050;
    padding: 0px;
    border-radius: 15px;
    color: #ffffff;
    max-width: 780px;
    margin: 0 auto;
    box-shadow: none !important;
}

/* 3. Intro Text & Link */
.hpk-intro-text {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 25px;
    opacity: 0.9;
}

.hpk-intro-text a {
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold;
}

/* 4. Grid Layout */
.hpk-row {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.hpk-col {
    flex: 1;
}

.hpk-full-width {
    margin-bottom: 20px;
    margin-top: 5px;
}

/* 5. Input Fields */
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 select {
    width: 90%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 8px 0;
    font-size: 15px;
    border-radius: 0;
    outline: none;
    box-shadow: none !important;
}

.wpcf7 input::placeholder,
.wpcf7 select {
    color: rgba(255, 255, 255, 0.3);
}

.wpcf7 input:focus,
.wpcf7 select:focus {
    border-bottom: 1px solid #fff;
}

.wpcf7 select {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 0 center;
    background-size: 10px;
}

/* 6. TEXTAREA - Updated Height to 100px */
.wpcf7 textarea {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    padding: 8px 0;
    font-size: 15px;
    border-radius: 0;
    outline: none;
    box-shadow: none !important;
    height: 100px; /* Fixed height as requested */
    resize: none;  /* Prevents user from dragging the size */
}

.wpcf7 textarea::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.wpcf7 textarea:focus {
    border-bottom: 1px solid #fff;
}

/* 7. CHECKBOX FIX */
.hpk-checkboxes {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 1.5;
}

.hpk-checkboxes label, 
.hpk-checkboxes .wpcf7-list-item-label {
    color: #ffffff !important; 
    display: inline-flex;
    align-items: flex-start;
    gap: 6px;
    cursor: pointer;
    margin-bottom: 1px;
    width: 100%;
}

.wpcf7 input[type="checkbox"] {
    accent-color: #ffffff;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    cursor: pointer;
    flex-shrink: 0;
}

/* 8. Submit Button */
.hpk-submit-wrapper {
    margin-top: 10px;
}

.wpcf7 input[type="submit"] {
    background-color: #ffffff;
    color: #601050;
    border: none;
    padding: 12px 35px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 50px;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.wpcf7 input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

@media (max-width: 600px) {
    .hpk-row {
        flex-direction: column;
        gap: 15px;
    }
    .hpk-form-container {
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-48aa80ea *//* 1. Font Setup */
.custom-text {
    /* Replace 'YourSpecialFont' with the actual name of your font family */
font-family:"sofia-pro-regular", ; 
}
/* 2. Main Container */
.hpk-form-container {
    background-color: #601050;
    padding: 0px;
    border-radius: 15px;
    color: #ffffff;
    max-width: 580px;
    margin: 0 auto;
    box-shadow: none !important;
}

/* 3. Intro Text & Link */
.hpk-intro-text {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 25px;
    opacity: 0.9;
}

.hpk-intro-text a {
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold;
}

/* 4. Grid Layout */
.hpk-row {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.hpk-col {
    flex: 1;
}

.hpk-full-width {
    margin-bottom: 20px;
    margin-top: 5px;
}

/* 5. Input Fields */
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 select {
    width: 90%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 8px 0;
    font-size: 15px;
    border-radius: 0;
    outline: none;
    box-shadow: none !important;
}

.wpcf7 input::placeholder,
.wpcf7 select {
    color: rgba(255, 255, 255, 0.3);
}

.wpcf7 input:focus,
.wpcf7 select:focus {
    border-bottom: 1px solid #fff;
}

.wpcf7 select {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 0 center;
    background-size: 10px;
}

/* 6. TEXTAREA - Updated Height to 100px */
.wpcf7 textarea {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    padding: 8px 0;
    font-size: 15px;
    border-radius: 0;
    outline: none;
    box-shadow: none !important;
    height: 100px; /* Fixed height as requested */
    resize: none;  /* Prevents user from dragging the size */
}

.wpcf7 textarea::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.wpcf7 textarea:focus {
    border-bottom: 1px solid #fff;
}

/* 7. CHECKBOX FIX */
.hpk-checkboxes {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 1.5;
}

.hpk-checkboxes label, 
.hpk-checkboxes .wpcf7-list-item-label {
    color: #ffffff !important; 
    display: inline-flex;
    align-items: flex-start;
    gap: 6px;
    cursor: pointer;
    margin-bottom: 1px;
    width: 100%;
}

.wpcf7 input[type="checkbox"] {
    accent-color: #ffffff;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    cursor: pointer;
    flex-shrink: 0;
}

/* 8. Submit Button */
.hpk-submit-wrapper {
    margin-top: 10px;
}

.wpcf7 input[type="submit"] {
    background-color: #ffffff;
    color: #601050;
    border: none;
    padding: 18px 35px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 50px;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.wpcf7 input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

@media (max-width: 600px) {
    .hpk-row {
        flex-direction: column;
        gap: 15px;
    }
    .hpk-form-container {
        padding: 20px;
    }
}/* End custom CSS */