

.gform_fields {

    display: block !important; 

    /* display: flex !important; */

}





.gf-custom-columns {

    display: flex !important;

    width: 100%;

    /* gap: 40px;  */

    align-items: flex-start;

    box-sizing: border-box;

    /* padding-top: 16px; */

}



/* .gf-custom-columns {

    display: flex !important;

    width: 100%;

    gap: 40px;

    align-items: flex-start;

    box-sizing: border-box;

} */



.gf-left-col {

    flex: 1; 

    display: flex;

    flex-direction: column;

    padding-top: 16px;

    min-width: 0; /* Prevent overflow issues */

    border-right: 1px solid #e2e8f0;

    padding-right: 20px;

}



/* .gf-left-col {

    flex: 1;

    

} */





/* .gf-right-col {

    flex: 0 0 300px; 

    background-color: #f8fafc; 

    padding: 25px;

    border-radius: 8px;

    border-right: 1px solid #e2e8f0;

    position: sticky; 

    top: 20px;

    padding-top: 16px;

    

} */









.gf-right-col {

    flex: 0 0 350px;

    /* background-color: #f8fafc; */

    padding: 0 10px;

    /* border-radius: 8px; */

    /* border-right: 1px solid #e2e8f0; */

    position: sticky;

    top: 160px;

    height: fit-content; /* Fix sticky jump */

    padding-top: 16px;

    z-index: 10; /* 99 */

}





.gf-left-col .gfield, 

.gf-right-col .gfield {

    margin-bottom: 20px !important;

    padding: 0 !important;

    /* width: 100% !important; */

}



.gf-right-col .gfield.gfield--input-type-Infobox {

    margin-bottom: 8px !important;

    

}



.gform_infobox_information_cus.gf_30 .gfield_label{

    width: 100% !important;

}





.gform_wrapper.gravity-theme .gf-custom-columns .gf-left-col .gfield_html_formatted {

	margin-left: unset;

}





.gform_wrapper.gravity-theme  .left_label  .gf-custom-columns .gfield:not(.gsection):not(.gfield_html):not(fieldset), 

.gform_wrapper.gravity-theme  .right_label .gf-custom-columns .gfield:not(.gsection):not(.gfield_html):not(fieldset) {

    justify-content: flex-start;

    

}



.single-product .gform_wrapper .gf_progressbar_wrapper {

    padding-top: 1.5em;

}

.gform_heading{

    display: none;



}

.woocommerce-notices-wrapper{

    display: none;

}





@media (max-width: 900px) {
    
    .gf-right-col {
        flex: 0 0 20%;
        
    }

    /*.gf-custom-columns {*/

    /*    flex-direction: column;*/

    /*}*/

    /*.gf-right-col {*/

    /*    flex: 1 1 auto;*/

    /*    width: 100%;*/

    /*    position: static;*/

    /*}*/

}





.gform_wrapper .gf-custom-columns h3.gsection_title,

.gform_wrapper .gfield--type-section h3.gsection_title{

	font-weight: 700;

	font-size: 1.25em;

}



.gform_wrapper .gfield--type-section h3.gsection_title{

    padding-top: 24px;

}



.gform_wrapper .gf-right-col .gfield--type-section  h3.gsection_title{

    padding-top: unset;

}



.gfield--input-type-InfoboxStart{

    display: none!important;

}



.gform_wrapper.gravity-theme .gfield_checkbox input[type="checkbox"]:checked + label, 

.gform_wrapper.gravity-theme .gfield_radio input[type="radio"]:checked + label {

	font-weight: 700;

}

/**
 * Start of custom new ui for issues
 */

.gfield--type-InfoboxStart {
    display: none !important;
}

.gform_wrapper.gravity-theme .gfield_radio .gchoice {
    display: flex !important;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 10px;
}


.gform_wrapper.gravity-theme .gfield_radio input[type="radio"] {
    margin-top: 5px !important;
    flex-shrink: 0;
}

.gform_wrapper.gravity-theme .gfield_radio label {
    margin: 0 !important;
    max-width: 100% !important;
}

.custom-css-100.custom-description .gfield_description{
    width: 100%!important;
}

.text-center.custom-css-100.custom-description .gfield_description,
.custom-class.text-center{
    text-align: center;
}

/**
 * End of custom new ui for issues
 */
 

@media only screen and (min-width: 641px){

    .gform_wrapper.gravity-theme .gform_fields.left_label .gf-custom-columns legend.gfield_label, 

    .gform_wrapper.gravity-theme .gform_fields.right_label  .gf-custom-columns legend.gfield_label{

        display: block;

        float: left;

        padding-right: 1em;

        width: 41%;

    }

  



    .gform_wrapper.gravity-theme .gform_fields.left_label .gf-custom-columns fieldset .ginput_container, 

    .gform_wrapper.gravity-theme .gform_fields.right_label .gf-custom-columns fieldset .ginput_container {

        float: left;

        width: 58%;

    }



    .gform_wrapper.gravity-theme .left_label .gf-custom-columns .gfield_label, 

    .gform_wrapper.gravity-theme .right_label .gf-custom-columns .gfield_label {

        display: block;

        float: left;

        padding-right: 1em;

        width: 41%;

    }



    .gform_wrapper.gravity-theme .left_label .gf-custom-columns div.gfield  > div:not(.ui-resizable-handle):not(.gfield-admin-icons), 

    .gform_wrapper.gravity-theme .right_label .gf-custom-columns div.gfield > div:not(.ui-resizable-handle):not(.gfield-admin-icons) {

        width: 59%;

        float: left;

    }



    /* for the html content like information */

    .gform_wrapper.gravity-theme .left_label .gf-custom-columns div.gfield.gfield--input-type-html > div:not(.ui-resizable-handle):not(.gfield-admin-icons), 

    .gform_wrapper.gravity-theme .right_label .gf-custom-columns div.gfield.gfield--input-type-html > div:not(.ui-resizable-handle):not(.gfield-admin-icons) {

        width: auto;

    }





    .gform_wrapper.gravity-theme .__input__label__choice__ > .ginput_container{

	    margin-left: unset !important;

	}

    .gform_wrapper.gravity-theme .__input__label__choice__ > label{

        width: unset !important; 

    }





    

}



.gform_wrapper.gravity-theme .gf-custom-columns .gf-right-col .gform_infobox_information_cus .gfield_label {

	/* display: inline-block; */

	font-size: 14px;

	font-weight: normal;

	margin-bottom: 8px;

	/* padding: 0; */

    width: 100%;

	cursor: help !important;

	padding-left: 10px!important;

	

}



/* Styling the toggle button to match the blue branding */

.Show_Help_Support_IM {

    background: #003366; /* Dark blue from your screenshot */

    color: #ffffff;

    border: none;

    padding: 12px 10px;

    text-align: center;

    font-weight: bold;

    cursor: pointer;

    margin: 10px 0;

    width: 100%;

    display: none; /* Hidden on desktop */

    border-radius: 4px;

    text-transform: uppercase;

    font-size: 14px;

}



@media screen and (max-width: 640px) {

    /* 1. Force the container to stack and use Order */

    .gf-custom-columns {

        display: flex !important;

        flex-direction: row !important;

        padding-top: 55px;

        /* gap: 10px */

    }



    /* 2. Show the Toggle Button and set it to top */

    .Show_Help_Support_IM {

        display: block !important;

        order: 1; /* First in stack */

    }



    /* 3. Left Column (Form Fields) */

    .gf-left-col {

        width: 100% !important;

        border-right: none !important; /* Remove desktop border */

        padding-top: 10px;

        order: 2; /* Second in stack */

    }



    /* 4. Right Column (Help Section) */

    .gf-right-col {

       /*flex: 0 0 20%;*/
       flex: 0 0 30%;

        width: 0;

        position: static !important;

        order: 3;

        padding: 14px 0 !important;

        border-left: 1px solid #ccc;

        

    }



   .gform_infobox_information_cus .gfield_label .gfield_description {

        /* width: 170%; */

        left: 0 !important;

        width: 75% !important;

    }



    .gform_wrapper .gf-right-col .gfield--type-section  h3.gsection_title,

    .gf-right-col {

        padding-left: 10px;

    }



}



.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue,

.gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) {

	/* background-color: #023375!important; */

	height: 25px;

}



p.gf_progressbar_title {

	display: none;

}



.single-product .gf_progressbar_wrapper {

	margin: 0 0 16px 0;

    padding: 0 0 16px 0;

}