:root {
  --radius: 30px;
  --border-width: 1px;
}

.btn {
  border-radius: var(--radius);
  border: var(--border-width) solid var(--primary-Color, #08632e);
  padding: 7px 20px;
  position: relative;
  transition: 0.5s;
  z-index: 1;border-radius: 30px;
  overflow: hidden;
}

.btn-common-style {
  font-size: 17px;
  font-weight: 700;
  line-height: 28px;
  cursor: pointer;
}

.btn_bgPrimaryColor {
  border-radius: var(--radius);
  border: var(--border-width) solid var(--primary-Color, #00AD3F);
  padding: 7px 20px;

  position: relative;
  transition: 0.5s;
  z-index: 1;
}

.btn-primary {
  background: #fff;
  color: var(--primary-Color, #00661C);
}

.btn-primary-primary {
  background: var(--primary-Color, #00661C);
  color: var(--white-text-color, #fff);
}

.btn-primary-primary1 {
  color: #00661C;
}
.btn-primary1 {
  background: #00661C;
  color: #fff;
  border: 1px solid #fff;
}

.btn-primary-primary2 {
  background: #fff;
  color: #00661C;
  border: var(--border-width) solid #08632e;
}
.btn-primary-primary3 {
  background: transparent;
  color: #fff;
  border: var(--border-width) solid #fff;
}

.btn_navbar_padding {
  padding: 7px 12px;
}
.nav_container_right_inner .btn_navbar_padding{padding:3px 20px}

.btn:before,
.btn_bgPrimaryColor:before {
  border-radius: 0 var(--radius) var(--radius) 0;
  right: 0;
  border-left: none;
}

.btn::after,
.btn_bgPrimaryColor:after {
  border-radius: var(--radius) 0px 0px var(--radius);
  left: 0;
  border-right: none;
}

.btn:after,
.btn:before {
  background: var(--primary-Color, #00AD3F);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  transition: 0.5s;
  width: 0;
  z-index: -1;
}

.btn_bgPrimaryColor:after,
.btn_bgPrimaryColor:before {
  background: #fff;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  transition: 0.5s;
  width: 0;
  z-index: -1;
}

.btn-primary:active,
.not-loading.btn-primary:hover {
  background: var(--primary-Color, #00661C);
  box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
  color: #fff;
  transform: translateY(-5px);
}

.btn-primary-primary:active,
.not-loading.btn-primary-primary:hover {
  background: #fff;
  box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
  color: var(--primary-Color, #00661C);
  transform: translateY(-5px);
}

.not-loading.btn:hover:after,
.not-loading.btn:hover:before,
.not-loading.btn_bgPrimaryColor:hover:after,
.not-loading.btn_bgPrimaryColor:hover:before {
  width: 50%;
}

.btn_common {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.fullwidth {
  width: 100%;
}

@media only screen and (max-width: 568px) {
  .btn-common-style {
    font-size: 16px;
  }
  .btn_navbar_padding {
    padding: 4px 12px;
  }
  .btn_common {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-size: 16px;
  }
}

.contact_us_container {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    max-width: 800px;
    margin: 20px auto;flex-wrap: wrap;flex-direction: column;
    border-radius: 10px;
    
}

.contact_us_container_left,
.contact_us_container_right {
    width: 100%;
    height: 100%;
}
.input.textarea {
    background-color: white;
    color: black;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    .input.textarea {
        background-color: #333;
        color: white;
    }
}

.contact_us_container_left {
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: center;
    align-items: center;
}

.input-container input::placeholder {
    color: red;
  }

.contact_us_heading {
    color: #222222;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}

.contact_us_content {
    color: #222;
    font-size: 18px;
    font-weight: 400;
    line-height:34px;
    text-align: center;
    margin-top: 10px;
}
.contact_us_content  .contact_phone{ font-weight:600;color:#993900}

.contact_us_email {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #101838;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    width: -moz-fit-content;
    width: fit-content;
}

.contact_us_img {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}

.contactform_container {
    width: 100%;
    height: 100%;
    
    padding: 10px 50px 30px 50px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-top: 20px;
}

.input-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.input-container>label {
    color: #222;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;margin-bottom:5px;
}

.input-container>input::placeholder, .input-container>textarea::placeholder {  color: #555;  opacity: 1;font-weight: 400; /* Firefox */font-size: 15px;}
.input-container>textarea[name="message"]::placeholder{
    padding-top: 10px;
}
.input-container>input,
.input-container>textarea {
    color:#222;
    font-size: 16px;
    font-weight: 500;
    line-height: 10px;
    padding:10px 15px;
    border: none;
    border: 1px solid #77777780;border-radius:4px;
    width: 100%;
    font-family: inherit; background:#fff;
}

.input-container>textarea {
    resize: none;
}

.input-container>input:focus-visible,
.input-container>textarea:focus-visible {
    border: none;
    outline: none;
    border: 1px solid #00AD3F;
}

.contactform_container_row {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    
}

.contactform_container_row .input-label {
    color: #222;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;margin-bottom:5px;
}

.contactform_container_row .custom_number_container {
    width: 100%;
}

.custom_number_container .react-tel-input .form-control {
    width: 100%;border: 1px solid #77777780;
    border-radius: 4px;height:42px;color:#222;
}

.custom_number_container .react-tel-input .selected-flag .arrow {
    left:24px;
    background:url(/_next/static/media/lang_arrow.70b55a4f.svg) no-repeat;width:10px;height:7px;border:0;margin-top:-3px;
}
.custom_number_container .react-tel-input .selected-flag:hover{background:transparent}
.custom_number_container .react-tel-input .flag-dropdown {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    
}

.contactform_container_row_bottom {
    flex-wrap: wrap;
}

.error-message {
    color: red;
    font-size: 13px;
    font-weight: 400;
    padding-top: 5px;
}

.contact_us_email_container {
    min-height: 25px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#rc-imageselect {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.contactform_recaptcha_container iframe {
    transform: scale(0.7);
    transform-origin: 0 0;
}

.contactform_recaptcha_container>div>div>div {
    height: 56px !important;
}
.industryselect .MuiFormControl-root{
min-width: 245px;
}
.industryselect .MuiFormControl-root .MuiInputBase-root.MuiInput-root.MuiInput-underline{
    margin-top: 5px;
}
.industryselect .MuiFormControl-root em{
    font-size: 12px;
    font-family: inherit;
    color: #000;
    font-style: normal;
}
.industryselect .MuiFormControl-root label{
    color: #101010;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.industryselect .MuiFormControl-root .MuiSelect-standard{
    font-size: 13px;
    color: #101010;

}
.industryselect .MuiFormControl-root .MuiSelect-standard:focus{
    background:#fff;
}
.industryselect .MuiFormControl-root .MuiInputBase-root.MuiInput-root.MuiInput-underline:hover:before{
border-bottom: 1px solid #8D8D8D;
}
.industryselect .MuiFormControl-root .MuiInputBase-root.MuiInput-root.MuiInput-underline:after{
border-bottom: 1px solid #8D8D8D;

}
.industryselect .MuiFormControl-root .MuiSelect-standard:focus-visible {
    border-bottom: 1px solid #00661C;
    outline: none;
}

@media only screen and (max-width:925px) {
    .contact_us_container {
        flex-direction: column;
        margin-bottom: 60px;
    }

    .contact_us_container_left,
    .contact_us_container_right {
        width: 100%;
    }
}

@media only screen and (max-width:568px) {
    .contactform_container {
        padding: 20px 20px 30px 20px;
    }

    .contactform_container_row {
        flex-direction: column;
    }

    .contactform_container_row_bottom {
        align-items: flex-start;
    }

    .contact_us_container {
        margin-top: 24px;
        margin-bottom: 34px;
    }

    
    .contact_us_content{display: flex;flex-direction: column;}
br{display:none;}
    .contact_us_img {
        margin-bottom: 40px;
    }
}
.get_ready_container {display: flex;justify-content: space-between;background-color: #f5f7fa;padding:80px 0;
  border-radius: 10px;}
  .getreadywhite .get_ready_container {
    background-color: #ffffff; /* White background */
  }
.get_readymid{display:flex;gap:30px;}
.get_readylft{width:45%;display:flex;gap:20px;flex-direction: column;}
.get_readyright{width:55%;}
.get_head{font-weight:700;color:#000;font-size:25px;line-height:32px;}
.get_desc{font-weight:400;color:#575756;font-size:18px;line-height:28px;}
.get_readyrgtinner{display:flex;gap:10px;}
.get_rgtbx{padding:0 0 0 25px;width: calc(50% - 15px);;display:flex;gap:10px;flex-direction: column;}
.get_rgtbx label{font-size: 18px;font-weight: 700; line-height: 24px;color:#993900;position:relative; }
.get_rgtbx label:before{width: 1.5px;height: 15px;top: 3px;left: -16px;background:#993900;content:"";position:absolute;}
.get_rgtbx p{font-size: 16px;font-weight: 400;line-height: 24px;color: #575756;}
.get_rgtbx a{display:flex;gap:10px;align-items: center;font-weight: 700;color: #000;}
.get_rgtbx a svg{stroke:#0A2540}
.get_rgtbx a:hover{color:#993900}
.get_rgtbx a:hover svg{stroke:#993900}
.getreadywhite.get_ready_container{padding: 50px 0;}
@media only screen and (max-width:1024px) {
  .get_ready_container{padding:30px 0}
}
@media only screen and (max-width:991px) {
.get_desc br{display:none;}
.get_ready_container{padding:30px 0}
.get_readymid{flex-wrap:wrap;}
.get_readylft {gap:10px;width:100%;align-items: center;
  text-align: center;}
.get_readyright{width:100%}

}
@media only screen and (max-width:568px) {
  .get_rgtbx{width:100%;}
  .get_readyrgtinner{flex-wrap:wrap;gap:30px}
  .get_rgtbx p br{display:none}
  .get_head{font-size:20px}
  .get_desc{line-height:24px;font-size:16px}

}

/*# sourceMappingURL=aa91fd08caba55b0.css.map*/