body{font-family: neue-haas-grotesk-display, sans-serif;}
section {padding: 100px 0 70px; font-family: neue-haas-grotesk-display, sans-serif;}
.navbar{padding:0px;}
button{background:#cc0000;}
h1{}
h2{font-size: 45px; line-height:56px; font-weight:700; }
#bannersubHeadingsection{font-weight:700;}
#main-v1-bodyHeading{color:#000000; font-size: 45px; line-height:56px; font-weight:700;}
main-v1-Content1{color:#000000; font-size: 16px; line-height:22px; font-weight:500;}
.ptext20{font-weight:450; font-size:20px; line-height:28px; padding-bottom:20px !important;}
.ptext22{font-weight:700; font-size:22px; line-height:22px; padding-bottom:20px !important;}
.ptext14{font-weight:450; font-size:14px; line-height:20px; padding-bottom:20px !important;}
.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
    display: block;
}
.hitachiButton, .mktoButton{ border:0; border-radius:25px; padding:0 20px; background: linear-gradient(270deg, #F6C100 0%, #F10000 46.5%, #CC0000 100%), linear-gradient(270deg, #F6C100 0%, #FF0026 46.5%, #CC0000 100%), linear-gradient(90deg, #F6C100 -34.62%, #FF9900 -1.64%, #CC0000 61.9%) !important; min-width:200px !important; border:0 !important; font-family: 'neue-haas-grotesk-display',Arial, sans-serif; font-size: 16px; font-weight:700; color: #ffffff; display:block; height:50px; mso-line-height-rule:exactly; text-decoration: none; text-align:center; vertical-align:middle;}
            .buttonpopup {display: none; position: fixed; border: 3px solid #f1f1f1; z-index: 9;}
            form{width:98% !important;}
#card-title{font-size: 20px;line-height: 24px;}
#card-img img{width:100%;} 
.card-link{font-weight:700;}
footer{    margin-top: 5px;}
            #footer{padding-bottom:0px !important;}
            .copyright p, .legallinks li a {margin: 0; font-size: 12px; line-height: 24px; color: #070707; font-weight: 450; font-family: neue-haas-grotesk-display, sans-serif;}

            /* Custom Form CSS */


            /* Load FontAwesome to create a pure CSS checkbox */
            @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');

            /* End Import custom fonts */

            /* MARKETO RESET STYLES.*/
            .mktoOffset, .mktoGutter, .mktoClear, .mktoAsterix, .mktoFormRow:has(.mktoPlaceholder), .mktoFormRow:has(input[type=hidden]), .mktoFormRow:has(.ready-to-hide) {
                display: none !important; } /* Remove form extras that are creating unneccessary space */ 

            /* MARKETO FULL-WIDTH.
            * This makes the form fit whatever contains it. */
            .mktoForm {
                padding: 0px !important;
                width:100%!important;  
                /*max-width:767px!important;*/ /* Maximum form width */
                margin:0 auto!important; /* Center form in container */    
                display: flex;
                flex-direction: column;
                row-gap: 20px;  /* Space after form rows */  
            }
            .mktoForm .mktoFieldWrap {
                float: none!important;
            }

            /* MARKETO FORM ROW */
            .mktoFormRow {
                display: flex;
                flex-direction: row;
                column-gap:20px; /* Gap between columns */
            }
            /* MARKETO FORM COLUMNS */
            .mktoForm .mktoFormCol {
                width: 100%;
                margin-bottom: 0!important;
            }
            .mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList, .mktoForm .mktoHtmlText  {
                width:auto!important; 
            }

            /* MARKETO FORM LABEL AND MARKETO FORM RICH TEXT FIELD*/ 
            .mktoForm label, .mktoForm .mktoHtmlText.mktoHasWidth {
                color: #000!important;
                font-size:16px!important;
                margin-bottom:0px!important;
                padding-top:0!important;
                width:100%!important;
                font-family:neue-haas-grotesk-display, Arial,sans-serif!important;
                font-weight: 100!important;
            }

            /* MARKETO FORM FIELDSET */
            .mktoForm fieldset {
                padding: 0px!important;
                margin: 0!important;
                border: 0; 
            }
            /* MARKETO FORM FIELDSET LABEL*/
            .mktoForm fieldset legend {
                display:none!important; 
            }

            .mktoForm .mktoHtmlText.mktoHasWidth {
                width:100%!important;
            }


            /* Space above fields on form */		
            .mktoForm input[type=url], .mktoForm input[type=text], .mktoForm input[type=date], .mktoForm input[type=tel], .mktoForm input[type=email], .mktoForm input[type=number], .mktoForm select, .mktoForm textarea.mktoField, .mktoForm input[type=date], .mktoForm input[type="date"] {
                margin:0px 0 0 0!important;
            }
            .mktoForm input[type=url], .mktoForm input[type=text], .mktoForm input[type=date], .mktoForm input[type=tel], .mktoForm input[type=email], .mktoForm input[type=number], .mktoForm textarea.mktoField, .mktoForm select.mktoField, .mktoForm input[type=date], .mktoForm input[type="date"] {
                height: inherit !important;
                line-height: inherit !important;
                font-size: inherit; }

            /* Form fields style */	
            .mktoForm input[type="text"],  .mktoForm input[type="email"], input[type="tel"], input[type="number"], .mktoForm select.mktoField, .mktoForm textarea.mktoField, .mktoForm input[type=tel], .mktoForm input[type=date], .mktoForm input[type="date"]{
                box-shadow: none!important;
                font-family:neue-haas-grotesk-display,Arial,sans-serif;
                display: block;
                width: 100%!important;
                height:44px !important;
                -webkit-appearance: none;
                border-radius: 0.6rem;
                border:1px solid #b4b4bc;!important;	
                background-color:#fff;
                color:#000;
                font-size:16px;
                font-weight:normal;
                padding:2px 15px!important;	 
            }
            /* Inside Form fields text color */		
            .mktoForm *::-webkit-input-placeholder {
                color:#000;
                font-size:16px;
                font-weight:normal;}

            .mktoForm *::-moz-placeholder {
                color:normal; }

            .mktoForm *:-ms-input-placeholder {
                color:normal; }

            .mktoForm *::placeholder {
                color:normal; }

            /* Container around the select element */
            .mktoForm .mktoFieldWrap:has(select){
                display: inline-block;
                width: 100%; 
            }

            /* Style the select element */
            .mktoForm select {
                width: 100%!important;
                padding-right: 30px!important; /* Space for the custom arrow */
                background-color: #fff!important;
                appearance: none!important; /* Hide the default arrow */
                -webkit-appearance: none!important;
                -moz-appearance: none!important;
                border: 1px solid #b4b4bc;!important; /* Custom border */
                height: 40px!important; /* Adjust height as needed */
                line-height: 1.5!important;
                align-items:center;
                vertical-align:middle;
                border-radius: 0.6rem!important;
            }


            /* Select field with Font Awesome arrow using a pseudo-element */
            .mktoForm .mktoFieldWrap:has(select):after {
                content: "\f078"!important; /* Font Awesome arrow-down icon */
                font-family: "Font Awesome 6 Free"!important;
                font-style: normal!important;
                font-weight: 900!important;
                position: absolute!important;
                top: 50%!important;
                right: 10px!important; /* Position it to the far right */
                transform: translateY(30%)!important; /* Center vertically */
                color: #000!important; /* Arrow color */
                pointer-events: none!important; /* Make sure the arrow doesn't block clicks */
                font-size: 12px!important; /* Adjust icon size */
            }

            /* Multi Select styles */	
            .mktoForm select option {
                -webkit-appearance: none;
                background-color:#fff;
                color:#000;
                font-family:neue-haas-grotesk-display,Arial,sans-serif!important;
                font-weight:normal;
            }		

            .mktoForm select option:hover {
                -webkit-appearance: none;
                background-color:#000;
                color:#fff;
            }

            /* Browser Default Checkbox or Radio button that we are masking with custom Checkbox / Radio button */			  
            .mktoForm .mktoRadioList > input, .mktoForm .mktoCheckboxList > input {
                visibility: hidden;
                opacity: 0;
                position: absolute;   
            }

            /* Radio button and or checkbox label text styling */		  
            .mktoForm .mktoRadioList > label, .mktoForm .mktoCheckboxList > label {
                padding-left:30px;
                margin-bottom:10px!important;
                line-height: 26px!important;
                display:block;
                color: #000!important;
                font-family:neue-haas-grotesk-display, Arial, sans-serif!important;
                font-size: 14px;
                font-weight:normal;
                min-height: unset!important;
                margin-left:0!important;
                position: relative;
            }

            .mktoForm .mktoRadioList input,.mktoCheckboxList input, .mktoCheckboxList label, .mktoRadioList label {
                display: inline-block;
                vertical-align: middle;
                margin: 5px;
                cursor: pointer;
            }

            /* Checkbox style before it's checked */	
            .mktoCheckboxList input + label:before, .mktoForm input[type=checkbox] + label:before {
                content: '';
                background: #fff!important;
                border:1px solid #000!important;
                display: inline-block!important;
                vertical-align: middle!important;
                width: 22px!important;
                height: 22px!important;
                line-height:22px!important;
                padding:0px!important;
                margin-right: 10px!important;
                text-align: center!important;
                position:absolute!important;
                left:0!important;
                box-shadow: none!important;
                margin-left:0!important;
            }

            /* Radio button style before it's checked */			
            .mktoRadioList input + label:before, .mktoForm input[type=radio] + label:before  {
                content: '';
                background: #fff!important;
                border:1px solid #000!important;
                display: inline-block!important;
                vertical-align: middle!important;
                width:22px!important;
                height:22px!important;
                line-height:22px!important;
                padding:0px!important;
                margin-right: 10px!important;
                text-align: center!important;
                position:absolute!important;
                left:0!important;
                -webkit-border-radius:50%!important;
                -moz-border-radius:50%!important;
                border-radius:50%!important;
            }

            /* Checkbox style after it's checked */
            .mktoCheckboxList input:checked + label:before, .mktoForm input[type=checkbox]:checked + label:before  {
                font-family:"Font Awesome 6 Free"!important;
                font-style:normal;
                font-weight:900!important;
                content:"\f00c"!important;
                color:#fff;
                background:#000!important;
                border-color:#000!important;
            }

            /* Radio button after it's checked */		
            .mktoRadioList input:checked + label:before, .mktoForm input[type=radio]:checked + label:before {
                font-family:"Font Awesome 6 Free"!important;
                font-style:normal;
                font-weight:900!important;
                content:"\f00c"!important;
                color:#fff;
                background:#000!important;
                border-color:#000!important;
                -webkit-border-radius:50%!important;
                -moz-border-radius:50%!important;
                border-radius:50%!important;
            }

            /* Radio button and or Checkbox label with link style*/
            .mktoForm .mktoRadioList > label a, .mktoForm .mktoCheckboxList > label a {
                color:#000;
                text-decoration:underline;
                padding:0;
            }

            /* Container holding the button */
            .mktoButtonWrap { 
                padding:0!important;
                margin:0!important;
            }

            /* Button Row */
            .mktoButtonRow {
                position:relative!important;
                width:100%!important;
                text-align: center!important;	
                margin: 10px 0!important; /* Space above and below button */
            }

            /* Button Style */
            .mktoButtonWrap button[type="submit"], .mktoButton {
                box-shadow: none!important;
                border: 1px solid #ffb500!important;
                background:background-image: -webkit-gradient(linear, left top, right top, color-stop(-34.62%, #f6c100), color-stop(-1.64%, #f90), color-stop(61.9%, #c00))!important;
                background-image: linear-gradient(90deg, #f6c100 -34.62%, #f90 -1.64%, #c00 61.9%)!important;
                border-radius:5rem!important;
                color:#fff!important;    
                font-size: 14px!important;
                font-family: neue-haas-grotesk-display, Arial,sans-serif!important;
                font-style: normal!important;
                font-weight:700!important;
                padding:12px 24px 12px 24px!important;
                margin: 0!important;
                display: inline-block!important;
                position: relative;
                margin-bottom:0!important;
                outline: 0 none;
                text-align: center;
                transition: all .2s;
                text-decoration: none;
                text-transform: none !important;
                text-shadow: none!important;
                width: 100%!important;
                min-height: 50px;
                box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15);
                transition: opacity 0.3s;
            }

            /* Button Hover Style */		
            .mktoButtonWrap button[type="submit"]:hover, .mktoButton:hover {
                background:transparent!important;
                border:transparent!important;
                font-family: neue-haas-grotesk-display, Arial,sans-serif;
                font-style: normal;
                font-weight: bold;
                transition: opacity 0.3s;
                background-color: transparent!important;
                -o-border-image: url(https://www.hitachivantara.com/etc.clientlibs/hvac/clientlibs/clientlib-site/resources/images/border-gradient.svg) 28.5/30px!important;
                border-image: url(https://www.hitachivantara.com/etc.clientlibs/hvac/clientlibs/clientlib-site/resources/images/border-gradient.svg) 28.5 / 30px!important;
                color: #000!important;
            }

            /* Marketo form error message */
            .mktoForm .mktoError {
                left:0!important;
            }
            
            .mktoForm .mktoLabel {
                padding-bottom: 10px!important;
            }


            @media only screen and (max-width: 1200px){
            }

            @media only screen and (max-width: 991px){
            }

            @media only screen and (max-width: 767px){
                .mktoFormRow {
                    clear: both;
                    display: flex;
                    flex-direction: column;
                    row-gap: 20px;
                    column-gap: unset;
                }
                .mktoForm .mktoFormCol {
                    margin-bottom: 0!important;
                }

            }

            /* Start of mobile styling*/		
            @media only screen and (max-width: 480px) {

                .mktoForm select option{
                    padding:2px 5px!important;
                }
                .mktoForm input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="submit"], .mktoButton, .mktoForm select.mktoField, .mktoForm input[type=date], .mktoForm input[type="date"] {
                    margin-bottom: 20px !important; 
                } 
                .mktoForm input[type=url], .mktoForm input[type=text], .mktoForm input[type=date], .mktoForm input[type=tel], .mktoForm input[type=email], .mktoForm input[type=number], .mktoForm textarea.mktoField, .mktoForm select.mktoField {
                    width: 100%;
                    height: 1.5em;
                    line-height: 1.5em;
                    font-size: 14px!important;
                    padding:0 10px!important;
                }
            }