.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: 70px;
    height: fit-content; /* Fix sticky jump */
    padding-top: 16px;
    /* z-index: 1;  */
    /* 99 */
}
.gf-left-col .gfield:not(.gsection), 
.gf-right-col .gfield:not(.gsection) {
    margin-bottom: 20px !important;
    padding: 0 !important;
    /* width: 100% !important; */
}
.gf-left-col .gfield.gsection + div , 
.gf-right-col .gfield.gsection  + div {
    padding: 10px 0 0 0 !important;
/*   background: red; */
}
.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;
    margin-bottom: 0;
}
.gform_wrapper .gf-right-col .gfield--type-section  h3.gsection_title{
    padding-top: unset;
}
.gsection_title:empty {
    display: none!important
}
.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;
    } */
    .gform_wrapper.gravity-theme .left_label .gf-custom-columns div.gfield > div:not(.ui-resizable-handle):not(.gfield-admin-icons):not(.overlay), 
    .gform_wrapper.gravity-theme .right_label .gf-custom-columns div.gfield > div:not(.ui-resizable-handle):not(.gfield-admin-icons):not(.overlay) {
        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 */
    }
    .gform_wrapper.gravity-theme .gf-custom-columns .gf-left-col .gfield_html_formatted {
        /* padding-top: 10px!important; */
        margin-bottom: 5px !important;
    }
    .gform_body .gform_fields{
        /* padding-right: 0px !important; */
        /* padding-left: 0px !important; */
    }
    /* 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 */
        padding-right: 0px;
    }
    /* 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;
}
input[type="text"],
.gform_page_fields select {
  /* 1. The Border: Needs to be a darker gray than what you have now */
  border: 1px solid #7c7c7c !important; 
  border-radius: 2px;
  
  /* 2. The Depth: This creates that subtle "inset" look at the top */
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1) !important;
  
  /* 3. Spacing: Adjust padding so text doesn't touch the edges */
  padding: 6px 10px !important;
  
  /* 4. Reset: Ensuring no weird theme defaults interfere */
  background-color: #ffffff !important;
}
input[type="text"]{
  /* 1. The Border: Needs to be a darker gray than what you have now */
  appearance: none;
  -webkit-appearance: none;
}
input[type="text"].ginput_product_price{
    border: none!important;
    box-shadow: none!important;
}
.ginput_container_number input::-webkit-outer-spin-button,
.ginput_container_number input::-webkit-inner-spin-button {
    -webkit-appearance: inner-spin-button !important;
    opacity: 1 !important;
}
/* For Firefox support (though Firefox usually shows them by default) */
.ginput_container_number input {
    -moz-appearance: number-input;
}
#content .gform_body{
    font-weight: 400;
}
.gsection_title {
    font-size: 19px !important;
    font-weight: 700 !important;
    /* Primary Color Update */
    color: #27504a !important; 
    text-transform: uppercase;
    /* letter-spacing: 1.5px !important; */
    /* Gradient adjusted to match the new hue */
    background: linear-gradient(to right, #f1f5f4, transparent) !important;
    padding: 10px 15px !important;
    /* Border Color Update */
    border-left: 5px solid #27504a !important;
    border-radius: 0 4px 4px 0 !important;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8), 2px 2px 4px rgba(0, 0, 0, 0.1) !important;
    margin-top: 10px !important;
    display: block !important;
    width: 100% !important;
}
/* Targets any h3 with the gsection_title class that has no content */
.gsection_title:empty {
    display: none !important;
}
.gform_wrapper.gravity-theme .gf-custom-columns .gsection {
    margin-bottom: 16px;
}
/* 2. De-emphasize the Field Label (Company Type) */
.product .gform_wrapper.gravity-theme .gfield_label {
    font-size: 17px;
    
}
.gform_wrapper .gform_drop_area::before {
    content: "" !important;
    display: block !important;
    margin: 0 auto 0 auto !important;
    width: 40px !important;
    height: 40px !important;
    
    /* Blue Cloud Icon SVG */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23115172' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12' /%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    opacity: 0.8;
}
.woocommerce .gravity-theme button.gform_button_select_files{
    background-color: #4C7873;
    color: #fff;
}
/* calender css */
 /* .gravity-theme.ui-datepicker table.ui-datepicker-calendar {
  border: 1px solid #d0d1d3 !important;
}
 .gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next, 
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
	font-size: 3rem !important;;
}
 .gravity-theme.ui-datepicker .ui-datepicker-header {
	height: 38px !important;
	border: 1px solid #d0d1d3!important;
    border-radius: 10px!important;
}
 .ui-datepicker-header .ui-datepicker-title {
    display: flex!important;
    gap: 15px!important; 
   
    height: 30px!important;
}
.gravity-theme.ui-datepicker .ui-datepicker-header {
    display: flex!important;
    align-items: center!important;
}
 .gravity-theme.ui-datepicker .ui-datepicker-header select {
	font-size: 1.4rem!important;
	padding: 0 45px 0 10px!important;
    border: 1px solid #d0d1d3!important;
    font-weight: 700!important; 
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar th span,
.gravity-theme.ui-datepicker .ui-datepicker-calendar td {
	font-size: 1.3rem!important;
    font-weight: bold;
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
	
	background: unset!important;;
	border: unset!important;;
	border-radius: unset!important;;
	box-shadow: unset!important;;
	color: #686e77;
	
}
.gravity-theme.ui-datepicker td, .gravity-theme.ui-datepicker th {
	padding: unset!important;
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar td {
	height: auto !important;
	 width: 30px !important;
}
.gravity-theme.ui-datepicker {
	max-width: 300px !important;;
	
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
	color: #DCDCDC !important;
	
}
@media screen and (max-width: 640px) {
    .gravity-theme.ui-datepicker .ui-datepicker-header select {
        padding: 0 22px 0 10px !important;
        
    }
    .gravity-theme.ui-datepicker .ui-datepicker-calendar td {
	    height: 35px !important;
    }
} */
.gform_wrapper.gravity-theme .left_label .gf-right-col .gfield_html_formatted{
    margin-left: unset;
    width: 100%;
}
.gform_wrapper.gravity-theme .left_label .gf-right-col .gfield_html_formatted div{
    width: 100%;
}
.gform_wrapper.gravity-theme .left_label .gf-custom-columns div.gfield.gfield_html_formatted > div:not(.ui-resizable-handle):not(.gfield-admin-icons){
    width: 100%;
}
.gform_infobox_information_cus .gfield_label .gfield_description.gfield_infobox_desc {
    position: absolute;
    background: #fff;
    top: auto !important;
    box-shadow: 0 8px 8px 0 rgba(0,0,0,0.16), 0 0 11px 11px rgba(0,0,0,0.08);
    padding: 13px;
    font-size: 12px;
    cursor: context-menu;
    margin-top: -20px;
    border-radius: 23px 12px !important;
    width: 175%;
    left: -172%;
    padding-top: 10px !important;
    z-index: 1 !important;
}