/** Shopify CDN: Minification failed

Line 22:0 All "@import" rules must come first

**/
@font-face {
    font-family: "HelveticaNeueMedium";
    src: url("/cdn/shop/files/HelveticaNeueMedium.eot?v=1714541392");
    src: url("/cdn/shop/files/HelveticaNeueMedium.eot?v=1714541392") format("embedded-opentype"),
         url("/cdn/shop/files/HelveticaNeueMedium.woff2?v=1714541391") format("woff2"),
         url("/cdn/shop/files/HelveticaNeueMedium.woff?v=1714541392") format("woff"),
         url("/cdn/shop/files/HelveticaNeueMedium.ttf?v=1714541392") format("truetype");
}
@font-face {
    font-family: "HelveticaNeueRegular";
    src: url("/cdn/shop/files/HelveticaNeueRegular_827e2639-016d-4804-915f-26e1d3a516d3.eot?v=1716646013");
    src: url("/cdn/shop/files/HelveticaNeueRegular_827e2639-016d-4804-915f-26e1d3a516d3.eot?v=1716646013") format("embedded-opentype"),
         url("/cdn/shop/files/HelveticaNeueRegular_eceef95f-96ba-4ce3-96bd-e6dcb0acb848.woff2?v=1716646013") format("woff2"),
         url("/cdn/shop/files/HelveticaNeueRegular_4da4a173-a6c3-4e0c-b3f4-b31ada124619.woff?v=1716646013") format("woff"),
         url("/cdn/shop/files/HelveticaNeueRegular_ae87e385-81d5-401b-b870-b6391f0435ed.ttf?v=1716646013") format("truetype");
}
@import url("//fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");
.main-connect-form { 
width: 100%;
display: flex;
height: 100%;
  margin:0 auto;
  padding:0;
}
.connet_form_left {
    width: 35%;
  float:left;
  padding:25px;margin-bottom:25px;
  background:#FAFAFA;
  border-radius: 24px;
font-family: "HelveticaNeueMedium";
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: rgba(0, 0, 0, 0.5);
  display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.connet_form_right {
    float: right;overflow: hidden;
    width: 65%;padding-left:40px;
  position: relative;
}
.connet_form_questions{
  margin-top:17px;  
}
.connet_form_tel {
    margin-top: 0px;
}
.error{
  display:none;  
}
.erroractive{
  display:block;  
  color:red;position: absolute;
    top: 38px;
    z-index: 2;
}
.connet_form_logo >img {
    max-height: 24px;
}
#PageContainer .connet_form_questions p{
  font-weight: 300;
font-size: 16px;
line-height: 140%;
color: rgba(0, 0, 0, 0.5);
  font-family: "HelveticaNeueMedium";
}
.connet_form_questions p b,.connet_form_questions p strong{
  color:#000;font-weight: 400;
}
.connet_form_left_btm p,.connet_form_left_btm p a {
font-family: "Oswald";
font-style: normal;
font-weight:500;
font-size: 18px;
line-height: 27px;
color: #000000;
}
.connet_form_tel p {
    margin-bottom: 10px;
}
.rte a:not(.btn) {
    border-bottom: 0px; 
    padding-bottom: 0px;color: #000000;
}
.changenum {
    display: flex;align-items: center;
    position: relative;margin-bottom: 25px;
}
.connet_form_right p.num.active{
  width: 32px;
    height: 32px;
  line-height: 32px;
  background:#001E80;
font-size: 14px;
letter-spacing: 0.1em;
color: #FFFFFF;border:none;
}
p.num:last-child{
  margin-right:0;
}
p.num:nth-child(1):after{
  content:none;
}
p.num:after{
  content:"";
  position:absolute;
  right:100%;
  width: 24px;
  height:1px;
  top:50%;
  border-top: 1px dashed #C6C6C6;
}
.connet_form_right p.num {
    width: 26px;
    height: 26px;margin:0 24px 0 0;
    border: 1px dashed #C6C6C6;
    display: inline-block;vertical-align:middle;
    text-align: center;position: relative;position: relative;
    line-height: 24px;
    border-radius: 50%;
  font-family: "Oswald";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #C6C6C6;
}
.connet_form_right,.connet_form_right p{
  font-family: "HelveticaNeueMedium";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.65);
}
#PageContainer .connet_form_right h3{
  font-family: "Oswald";margin:0;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #000000;
}
.projectinformation div span{
  display:block;margin:0 0 5px;
  font-family: "HelveticaNeueMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: #000000;
}
.form-wrapper {
    display: flex;width: 100%;
    height: calc(100% - 60px);    
    overflow: hidden;
    position: relative;
}
.form-wrapper > * {
    flex: 0 0 100%;
    width: 100%;
}
.projectinformation {
   padding-right:12px;    
    padding-bottom: 0px;
  display: none;
    transition: all 0.3s ease;  
  /*transform: scaleX(0);
  transform-origin: left;*/
  max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  font-family: "HelveticaNeueMedium";
}
.projectinformation.active {  
  /*transform: scaleX(1);padding-left: 1px;*/
  display: block;
}
/*div#form2.active{
  transform: scaleX(1) translateX(-100%);padding-left: 1px;
}
div#form3.active{
  transform: scaleX(1) translateX(-200%);
}
div#form4.active{
  transform: scaleX(1) translateX(-300%);
}
div#form5.active{
  transform: scaleX(1) translateX(-400%);
}
div#form6.active{
  transform: scaleX(1) translateX(-500%);
}*/
.projectinformation::-webkit-scrollbar-track{background-color:#f4f4f4}
.projectinformation::-webkit-scrollbar{width:4px;background-color:#f4f4f4} 
.projectinformation::-webkit-scrollbar-thumb{width:4px;background-color:#C6C6C6;border-radius:0px;}
.projectinformation input, .projectinformation select,.projectinformation textarea,.custom-select{
  box-sizing: border-box;
width: 100%;margin:0 0 25px;
height: 56px;color:#000;
border: 1px solid #C6C6C6;  
border-radius: 16px;
font-family: "HelveticaNeueMedium";
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 150%;
}
.projectinformation input#datepicker{
  background: url(Calendar.svg) no-repeat right 20px center;
}
.projectinformation textarea{
  height:auto;padding: 13px 15px;min-height: 120px;
}
.projectinformation input[type="radio"],.projectinformation .radiobox input{
  width: 24px;display:inline-block;
height: 24px;margin:0;position: absolute;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}
.custom-select >button span.custom_placeholder{color: rgba(0, 0, 0, 0.4);}
::-webkit-input-placeholder {
       color: rgba(0, 0, 0, 0.4);
    }
    :-moz-placeholder { 
       color: rgba(0, 0, 0, 0.4);
    }
    ::-moz-placeholder {  
       color: rgba(0, 0, 0, 0.4);
    }
    :-ms-input-placeholder {  
       color: rgba(0, 0, 0, 0.4);
    }
.projectinformation input::placeholder, .projectinformation select::placeholder,.projectinformation option:disabled,
.projectinformation select option:nth-child(1),.projectinformation select:required:invalid,
.projectinformation option[disabled]:first-child,.projectinformation [disabled],.projectinformation textarea::placeholder{
  color: rgba(0, 0, 0, 0.4);
}
.projectinformation .radiobox span,.projectinformation option{
  color: rgba(0, 0, 0, 0.65);
}
.projectinformation select option{margin:5px 0;}
.project_head {
    display: flex;
    gap: 20px;
}
.project_head > div {
    flex: 1;
}
.input-checkbox {
    display: flex;
    flex-wrap: wrap;
}
.radiobox {
    min-width: 33.333%;
    display: flex;align-items: center;
    gap: 8px;position: relative;
    margin-bottom: 15px;
}
.projectinformation .radiobox span{margin:0;font-family: "HelveticaNeueMedium";}
.projectinformation .radiobox input:checked + span:before{
  background:url(Vector.png) no-repeat center 7px #012BF7;border-color:#012BF7;
}
.projectinformation .radiobox span:before{
  content:"";border-radius:50%;
box-sizing: border-box;
display:inline-block;
background: #FBFBFB;
border: 1px solid #C6C6C6;
width:24px;height:24px;
  vertical-align:middle;
  margin-right:7px;
}
.factors-in-place {
    margin-bottom: 10px;
}
input:focus, select:focus, textarea:focus{
  background-color:transparent !important;border-color:#001E80;
}
.project_next_step {
    position: sticky;
    padding: 22px 0;
    bottom: 0;padding-right:0;
    left: 0;
    right: 0;text-align: right;
    background: white;
    z-index: 1;  
}
.projectinformation .project_next_step span,.project_next_step .btn,.btn-back,#PageContainer .project_next_step .btn {
background: #F2F2F2;cursor:pointer;
border-radius: 32px;
font-family: "Oswald";
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #B2B2B2;
  display:inline-block;
  margin: 0;
    padding: 20px 24px;
  text-transform: none;
    letter-spacing: 0.5px;
  min-width: 110px;
    min-height: 58px;
}
#PageContainer .projectinformation .project_next_step .project_next_step_form2_skip.btn{
  color: #012BF7;background: transparent;min-width: 0px;
}
.custom-select >button.custom-select__option{
  padding: 17px 8px;
}
.custom-select >button.custom-select__option:hover{
  background:transparent;
}
.custom-select >button span{
  font-family: "HelveticaNeueMedium";
}
.custom-select button{
  background:transparent;border:none;
font-style: normal;font-family: "HelveticaNeueMedium";
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: rgba(0, 0, 0, 1);
  width: 100%;
    text-align: left;
  padding: 8px 20px;
}
.custom-select button:hover{
  background:#FAFAFA;
}
.custom-select {
border: 1px solid #C6C6C6;z-index: 1;
border-radius: 16px;position: relative;
background:url(arrow.jpg) no-repeat 90% center;
  font-family: "HelveticaNeueMedium";
}
.custom-select.custom-select--active{
  border-color:#001E80; 
}
.custom-select__dropdown {
background: #FFFFFF;
border: 1px solid #FAFAFA;padding: 10px 0;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
border-radius: 16px;
}
button.custom-select__option.custom-select__option--selected {
  color:#000;
}
.btn-back {
  color:#012BF7;min-width:110px;
border: 0.5px solid #012BF7;
  float:left;
  background:url(back1.svg) no-repeat 24px center rgba(46, 41, 128, 0.05);
  text-align: left;
    padding-left: 48px;
}
#form2 .radiobox:nth-child(1),#form2 .radiobox:nth-child(4),#form2 .radiobox:nth-child(7) {
    min-width: 27%;
}
#form2 .radiobox:nth-child(2), #form2 .radiobox:nth-child(5), #form2 .radiobox:nth-child(8) {
    min-width: 39%;
}
#form2 .radiobox span:before{
  border-radius:4px;
}
.modal{z-index: 1000;transform: none;padding: 0;}
div#myModal .modal-content {
  width: 892px;text-align: left;
    display: flex;
    height: 700px;
    background: #FFFFFF;
    border-radius: 24px;
    /*max-height: 80vh;*/
    margin: 0 auto;max-width: 95%;
    padding: 23px 23px 0;
  font-family: Helvetica Neue, sans-serif;
    color: #000;    
    font-size: 16px;
  position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
span.close2 {
position: absolute;
    top: 10px;z-index: 99;
    right: 20px;
    color: #000;
}
.modal-success {
    padding: 40px 40px 60px;
    width: 100%;
}
.request_success {
    display: flex;
    flex-direction: column;
    align-items: flex-start;height: 100%;
    justify-content: space-between;
}
.requirement_top {
    display: flex;gap:32px;
}
.success_right .connet_form_logo img {
    max-height: 32px;
}
.success_left {
    display: flex;
background: #FFFFFF;flex-direction: column;
border: 1px solid #F7F7F7;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
border-radius: 16px;width:210px;
font-weight: 400;flex-shrink:0;
font-size: 12px;
line-height: 150%;
letter-spacing: 0.05em;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.65);
  justify-content: space-between;
}
.success_left p {
    color: rgba(0, 0, 0, 0.65);
    margin: 0;
    padding: 15px 15px;
}
.success_right {       
    min-height: 245px;    
    background: #FAFAFA;
    border-radius: 16px;
  padding: 25px 30px;
}
.success_right .connet_form_questions {    
    margin-bottom: 22px;margin-top: 10px;
}
.requirement_bottom {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
#PageContainer .requirement_sent_right .btn {
    min-width: 140px;
}
.requirement_sent_left {
    display: flex;
    gap: 20px;
    align-items: center;
}
.requirement_sent_left p{
  color: rgba(0, 0, 0, 0.5);
}
.requirement_sent_left p b{color:#000;}
#PageContainer .requirement_sent_left h3{
  font-family: Oswald;
  margin: 0 0 7px;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 59px;
  color: #000000;
}
.modal-connect-with-us {
    width: 100%;max-height: 100%;
}
form#connect_with_us {
    height: 100%;
}
.project_next_step_form1 {
    display: inline-block;
}
div#form3 .project_next_step,div#form5 .project_next_step,div#form6 .project_next_step {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
div#form3,div#form5,div#form6 {
    padding-bottom: 102px;
}
.activecolor{
 background: url(next.svg) no-repeat right 24px center #012bf7 !important;color: #fff !important;padding-right:48px !important;
}
.exposure_to_chemicals {
    margin-bottom: 10px;
}
#form4 .factors-in-place > span,#form4 .project_description > span,#form5 .factors-in-place > span{
    margin-bottom: 15px;
}
@media (max-width:991px){
  .modal-success {
    padding: 20px 0px 50px;
    width: 100%;height: 100%;
        overflow-y: auto;
  }
  .requirement_sent_left img {
    max-width: 80px;
  }
}
@media (max-width:767px){
  .requirement_top,.requirement_bottom{flex-wrap: wrap;}
  .success_left {
    width: 100%;
  }
  .requirement_bottom {
    margin-top: 15px;
    padding-bottom: 30px;
  }
  .requirement_sent_left {
    padding-bottom: 15px;
  }
}