.dwnld-banner {
    display: grid;
    width: 90%;
    grid-template-columns: 40% 40%;
    gap: 5%;
    padding: 7% 0% 3% 10% ;

    }

.dwnld-about {
}

.dwnld-side{
  background-color: white;
  border-style: solid;
  border-color:white;
  border-width: 24px;
  box-shadow: 10px 8px 16px 0 rgba(127,127,127,0.8), 10px 6px 20px 0 rgba(0,0,0,0.8);
  margin: auto;
  padding: 0% 0% 0% 0%;
}

 /* Style the contact-us button */
 input[type=submit] {
  /* background-color: #ff9519; */
  /* background-color: rgb(244, 119, 59); */
   background-color: white;
   color: black; 
   border: 1px solid #000;  
   padding: 18px 0px 18px 0px;
   border-radius: 30px;
   cursor: pointer;
 

 }
/* Form title */

.widget-type-form {
box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
-webkit-box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);  
}
.form-title {
margin: 0;
}
.form-title ~ div > form {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
/* Labels */
form label {
display: none;
margin-bottom: 0.35rem;
color: white;
}
/***   Contact Form fields   ***/
form .hs-form-field {
margin-bottom: 1.4rem;
}
form input[type='text'],
form input[type='email'],
form input[type='password'],
form input[type='tel'],
form input[type='number'],
form input[type='file'],
form input[type='search'],
form select {
display: inline-block; 
width: 100% !important; /* stylelint-disable-line declaration-no-important */
/*background-color: #00000010; */
color: black; 
border: 1px solid #ccc;
height: 2.5em;
}
form textarea {
display: inline-block;
width: 100% !important; /* stylelint-disable-line declaration-no-important */
/*background-color: #00000010; */
color: black; 
border: 1px solid #ccc;
height: 6em;
}
form fieldset {
max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
}
/* Form fields - checkbox/radio */
form .inputs-list {
list-style: none;
margin: 0;
padding: 0;
}
form .inputs-list > li {
display: block;
margin: 0.7rem 0;
}
form .inputs-list input,
form .inputs-list span {
vertical-align: middle;
}
form input[type='checkbox'],
form input[type='radio'] {
cursor: pointer;
margin-right: 0.35rem;
}
/* Form fields - date picker */
form .hs-dateinput {
position: relative;
}
form .hs-dateinput:before {
content: '\01F4C5';
position: absolute;
top: 50%;
transform: translateY(-50%);
}
form .is-selected .pika-button {
border-radius: 0 !important; /* stylelint-disable-line declaration-no-important */
box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
}
form .fn-date-picker .pika-button:hover,
form .fn-date-picker .pika-button:focus {
border-radius: 0 !important; /* stylelint-disable-line declaration-no-important */
}
/* Form fields - file picker */
form input[type='file'] {
background-color: transparent;
border: initial;
padding: initial;
}
/* Headings and text */
form .hs-richtext,
form .hs-richtext p {
font-size: 0.8rem;
margin: 0 0 1.4rem;
}
form .hs-richtext img {
height: auto;
max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
}
/* GDPR */
form .legal-consent-container .hs-form-booleancheckbox-display > span {
margin-left: 1rem !important; /* stylelint-disable-line declaration-no-important */
}
/* Validation */
form .hs-form-required {
color: #f4773b;
}
form .hs-input.error {
border-color: #f4773b;
}
form .hs-error-msg,
form .hs-error-msgs {
color: #f4773b;
margin-top: 0.35rem;
}
/*** Submit button ***/
form input[type='submit'],
form .hs-button {
cursor: pointer;
display: inline-block;
text-align: center;
transition: all 0.15s linear;
white-space: normal !important; /* stylelint-disable-line declaration-no-important */
width: 40%;
/*border: 2px solid #ff9519;*/
border: 2px solid rgb(244,119,59);
}
form .hs-button:hover{
 /*background: linear-gradient(-0.200turn, #699AFD7f,#493bf07f );*/
 /*background-color: #699AFD;*/
 background-color: black;
 color: white;
}



  /****** RESPONSIVE SCREEN FORMATTING *****/
   /* notebook screen */
   @media (max-width: 1400px) {
        .dwnld-banner {
          padding: padding: 7% 10% 3% 12%;
        }
      }    
      
        /* tablet screen */
   @media (max-width: 1000px) {
        .dwnld-banner {  
          grid-template-columns: 46% 46%;
          padding: 10% 0% 3% 10%;
        }       
   }
      
      /* phone screen */
   @media (max-width: 767px) {
        .dwnld-banner {  
          grid-template-columns: 90%;
          padding: 7% 0% 10% 5%;
          margin: 15% 0% 0% 0%;
          width: 95%; 
          gap: 2%;
          background-position: left top;
          }          
   }