@-webkit-keyframes metform-responseOpen {
  from {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
    -webkit-transform-origin: top center;
    transform-origin: top center
  }

  to {
    -webkit-transform: scaley(1);
    transform: scaley(1);
    opacity: 1;
    -webkit-transform-origin: top center;
    transform-origin: top center
  }
}

@keyframes metform-responseOpen {
  from {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
    -webkit-transform-origin: top center;
    transform-origin: top center
  }

  to {
    -webkit-transform: scaley(1);
    transform: scaley(1);
    opacity: 1;
    -webkit-transform-origin: top center;
    transform-origin: top center
  }
}

@-webkit-keyframes metform-responseClose {
  from {
    -webkit-transform: scaley(1);
    transform: scaley(1);
    -webkit-transform-origin: top center;
    transform-origin: top center
  }

  to {
    -webkit-transform: scaley(0);
    transform: scaley(0);
    -webkit-transform-origin: top center;
    transform-origin: top center
  }
}

@keyframes metform-responseClose {
  from {
    -webkit-transform: scaley(1);
    transform: scaley(1);
    -webkit-transform-origin: top center;
    transform-origin: top center
  }

  to {
    -webkit-transform: scaley(0);
    transform: scaley(0);
    -webkit-transform-origin: top center;
    transform-origin: top center
  }
}

@-webkit-keyframes metform-zoom-out-zero {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
  }
}

@keyframes metform-zoom-out-zero {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
  }
}

@-webkit-keyframes metform-zoom-in-full {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes metform-zoom-in-full {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.mf-main-response-wrap[data-show="1"] .mf-response-msg {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-name: metform-responseOpen;
  animation-name: metform-responseOpen
}

.mf-main-response-wrap[data-show="0"] .mf-response-msg {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-name: metform-responseClose;
  animation-name: metform-responseClose
}

.mf-main-response-wrap .mf-response-msg {
  border-radius: 10px;
  border: 1px solid #c3c2c2
}

.mf-main-response-wrap:not(.mf_pro_activated) .mf-response-msg {
  background-color: #fff
}

.mf-close-this-form {
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-name: metform-zoom-out-zero;
  animation-name: metform-zoom-out-zero
}

.mf-close-this-form>h2 {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-name: metform-zoom-in-full;
  animation-name: metform-zoom-in-full
}

.mf-input-wrapper .mf-time-input[type=time]:not(.value-found):before {
  content: attr(placeholder);
  padding-right: 2px
}

.mf-input-wrapper .mf-time-input[type=time]:focus:before {
  content: '' !important
}

@supports (-webkit-touch-callout:none) {
  .mf-input-wrapper .mf-time-input {
    min-width: 100%;
    min-height: 45px;
    height: 45px !important
  }
}

.elementor-widget-mf-checkbox .mf-input-label {
  margin-bottom: -5px !important
}

#elementor .mf-btn-wraper a.metform-btn {
  background: #337ab7;
  color: #fff;
  border-radius: 5px;
  height: 20%;
  font-size: 16px;
  padding: 10px
}

.mf-form-wrapper section,
.single-metform-form section {
  padding-top: 0;
  padding-bottom: 0
}

.mf-input-switch-control {
  position: relative;
  display: inline-block
}

.mf-input-switch-control>input[type=checkbox] {
  display: none !important
}

.mf-input-control {
  position: absolute;
  z-index: -1;
  opacity: 0
}

.mf-input-switch .mf-input-control-label::before {
  content: attr(data-disable);
  width: 55px;
  height: 25px;
  background-color: #ededed;
  left: 0;
  border-radius: 15px;
  text-align: right;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 10px;
  padding: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  -webkit-transition: all .4s;
  transition: all .4s;
  float: right;
  line-height: 18px;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end
}

.metform-form-content {
  position: relative;
  z-index: 0;
  overflow-x: clip
}

.metform-form-content .metform-form-main-wrapper .e-container {
  isolation: unset
}

.mf-text-editor .ql-container.ql-snow {
  border: 1px solid #ccc
}

_::-webkit-full-page-media,
_:future,
:root .metform-form-content {
  position: relative;
  z-index: 0;
  overflow-x: inherit
}

.mf-multistep-container .elementor-top-section .elementor-inner-section {
  padding: 0 !important;
  margin: 0 !important;
  min-height: inherit
}

.mf-multistep-container .elementor-top-section .elementor-inner-column .elementor-element-populated {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.mf-multistep-container .elementor-top-section .elementor-inner-column .elementor-widget-container {
  margin: 10px 0
}

.mf-multistep-container .e-con .e-con-inner,
.mf-multistep-container .e-con .e-container--row,
.mf-multistep-container .e-container--column .e-con-inner,
.mf-multistep-container .e-container--column .e-container--row {
  padding: 0 !important;
  margin: 0 !important;
  min-height: inherit
}

.mf-response-msg-wrap {
  -webkit-transition: height .45s, opacity .45s, visibility .45s;
  transition: height .45s, opacity .45s, visibility .45s;
  background-color: #fff
}

.mf-response-msg-wrap[data-show="0"] {
  height: 0 !important;
  opacity: 0;
  visibility: hidden
}

.mf-response-msg-wrap[data-show="1"] {
  height: auto;
  opacity: 1;
  visibility: visible;
  margin-bottom: 20px
}

.mf-response-msg {
  border-radius: 5px;
  text-align: center;
  padding: 15px 34px;
  height: 100%
}

.wf-error-res {
  background-color: #f8d7da;
  border-color: #f5c6cb
}

.mf-success-icon,
.wf-error-res .mf-alert-icon {
  color: #721c24;
  font-size: 30px;
  margin-bottom: 5px
}

.mf-success-icon {
  color: #101010
}

.mf-response-msg p {
  font-size: 17px;
  line-height: 20px;
  color: #101010;
  margin-bottom: 0
}

.wf-error-res p {
  color: #721c24
}

.custom-file-label,
.custom-select,
.mf-input-control-label::before {
  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.mf-input-control-label::after {
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: 14px;
  height: 14px;
  content: "";
  background-color: #adb5bd;
  border-radius: 100px;
  -webkit-transition: all .4s;
  transition: all .4s;
  cursor: pointer
}

.mf-input-switch label.mf-input-control-label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0
}

.mf-input-control:checked~.mf-input-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
  content: attr(data-enable);
  text-align: left;
  padding-left: 10px;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start
}

.mf-input-switch .mf-input-control:checked~.mf-input-control-label::after {
  background-color: #fff
}

body.theme-twentytwentyone .mf-input-control-label::after {
  left: 12px
}

body.theme-twentytwentyone .mf-input-switch .mf-input-control:checked~.mf-input-control-label::after {
  left: calc(55px - ((55px / 2) - 7px) + 8px) !important
}

.mf-input-wrapper .mf-input-help {
  display: block;
  font-size: .9em;
  margin-top: 5px;
  opacity: .7;
  clear: both;
  font-weight: 400
}

.mf-input-wrapper .mf-input {
  width: 100%;
  max-width: 100%;
  padding: 12px;
  height: auto;
  border-width: 1px;
  border-style: solid;
  border-color: #eaeaea;
  border-radius: 2px;
  background: 0 0;
  background-color: #fafafa;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  font-size: 14px;
  line-height: 21px;
  text-align: left
}

.mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-input {
  font-size: 16px;
  -webkit-appearance: none
}

.mf-input-wrapper .mf-input:focus,
.mf-input-wrapper.mf-field-error .mf-input,
.mf-input-wrapper.mf-field-error .mf-input:focus {
  outline: 0
}

.mf-input-wrapper .mf-input:focus {
  border-color: #4285f478
}

.mf-input-wrapper .mf-input:-ms-input-placeholder {
  color: #c9c1c1;
  font-weight: 400;
  font-size: 14px
}

.mf-input-wrapper .mf-input::-webkit-input-placeholder {
  color: #c9c1c1;
  font-weight: 400;
  font-size: 14px
}

.mf-input-wrapper .mf-input::-moz-placeholder {
  color: #c9c1c1;
  font-weight: 400;
  font-size: 14px
}

.mf-input-wrapper .mf-input::-ms-input-placeholder {
  color: #c9c1c1;
  font-weight: 400;
  font-size: 14px
}

.mf-input-wrapper .mf-input::placeholder {
  color: #c9c1c1;
  font-weight: 400;
  font-size: 14px
}

.mf-input-wrapper .mf-input::-webkit-input-placeholder {
  color: #c9c1c1;
  font-weight: 400;
  font-size: 14px
}

.mf-input-wrapper .mf-input:-moz-placeholder {
  color: #c9c1c1;
  font-weight: 400;
  font-size: 14px
}

@media (max-width:767px) {

  .attr-form-group>.attr-control-label,
  .attr-form-group>.mf-input,
  .mf-input-wrapper>.mf-captcha-input-wrapper,
  .mf-input-wrapper>.mf-checkbox,
  .mf-input-wrapper>.mf-image-select,
  .mf-input-wrapper>.mf-input-label,
  .mf-input-wrapper>.mf-input:not(.mf-left-parent),
  .mf-input-wrapper>.mf-payment-method,
  .mf-input-wrapper>.mf-radio,
  .mf-input-wrapper>.mf-repeater-field-label,
  .mf-input-wrapper>.mf-signature {
    width: 100%;
    min-width: 100%
  }
}

.mf-input-wrapper .mf-input-label,
.mf-repeater-field-label {
  font-family: Roboto, sans-serif;
  font-weight: 600;
  font-size: 14px;
  display: block;
  color: #000;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 5px
}

.mf-input-wrapper .mf-input,
.mf-input-wrapper .mf-input-label {
  vertical-align: middle
}

div.mf-input-wrapper>textarea.mf-input {
  padding: 15px
}

.irs--round .irs-max,
.irs--round .irs-min {
  display: none
}

.irs--round .irs-handle {
  cursor: pointer
}

.multi-option-input-type {
  vertical-align: middle
}

.mf-checkbox-option input[type=checkbox] {
  display: none !important
}

.mf-checkbox-option:not(.disabled) label {
  cursor: pointer
}

.mf-checkbox-option input[type=checkbox]+span::before {
  position: relative;
  content: "\f0c8";
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 500 !important;
  display: inline-block;
  border: none;
  font-size: 18px;
  color: #5f7bff;
  font-weight: 400;
  width: 25px;
  line-height: 1;
  top: 2px
}

.mf-checkbox-option input[type=checkbox]+span {
  font-weight: 400;
  font-size: 14px;
  cursor: pointer
}

.mf-checkbox-option input[type=checkbox]:checked+span::before {
  content: "\f14a";
  font-family: "Font Awesome 5 Free" !important;
  display: inline-block;
  border: none;
  font-size: 18px;
  color: #5f7bff
}

.mf-radio-option input[type=radio] {
  display: none !important
}

.mf-checkbox-option,
.mf-radio-option {
  padding-right: 15px
}

.mf-radio-option input[type=radio]+span::before {
  content: "\f111";
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 500 !important;
  display: inline-block;
  border: none;
  font-size: 18px;
  color: #5f7bff;
  font-weight: 400;
  width: 25px;
  line-height: 1;
  top: 2px;
  position: relative
}

.mf-radio-option input[type=radio]+span {
  font-weight: 400;
  font-size: 14px;
  cursor: pointer
}

.mf-radio-option input[type=radio]:checked+span::before {
  content: "\f058";
  font-family: "Font Awesome 5 Free" !important;
  display: inline-block;
  border: none;
  font-size: 18px;
  color: #5f7bff
}

.mf-input-wrapper .mf-input-select {
  padding: 0 !important
}

.mf-input-select .mf_select__control {
  min-height: 0;
  padding: 12px;
  border-width: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  border-radius: none !important;
  border: 1px solid #eaeaea;
  background-color: transparent
}

.mf-input-select .mf_select__control:hover {
  border: 1px solid #eaeaea
}

.mf-input-select .mf_select__indicator-separator {
  display: none
}

.mf-input-select .mf_select__value-container,
.mf-input-select .mf_select__value-container input {
  padding: 0
}

.mf-input-select .mf_select__placeholder {
  margin-left: 0;
  margin-right: 0;
  color: inherit
}

.mf-input-select .mf_select__indicators {
  margin-right: 2px
}

.mf-input-multiselect .mf_multiselect__indicators {
  margin-right: 15px
}

.mf-input-multiselect .mf_multiselect__dropdown-indicator,
.mf-input-select .mf_select__indicator {
  padding: 0;
  border-style: solid;
  border-width: 5px 4px 0;
  border-color: currentColor transparent transparent
}

.mf-input-multiselect .mf_multiselect__control--menu-is-open .mf_multiselect__dropdown-indicator,
.mf-input-select .mf_select__control--menu-is-open .mf_select__indicator {
  border-width: 0 4px 5px;
  border-color: transparent transparent currentColor
}

.mf-input-multiselect .mf_multiselect__dropdown-indicator>svg,
.mf-input-select .mf_select__indicator>svg {
  display: none
}

.mf-input-select .mf_select__menu {
  width: 100%;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff
}

.mf-input-select .mf_select__menu>div {
  overflow-x: hidden
}

.mf-input-select .mf_select__menu-list {
  padding: 0
}

.mf-input-select .mf_select__option {
  cursor: pointer;
  border: 1px solid #eaeaea
}

.mf-input-select .mf_select__option.mf_select__option--is-focused,
.mf-input-select .mf_select__option.mf_select__option--is-selected,
.mf-input-select .mf_select__option:hover {
  background-color: #f0f0f0
}

.mf-input-select .mf_select__control.mf_select__control--is-focused {
  border-color: #4285f478;
  background-color: inherit
}

.mf-input.mf-input-select {
  border: none !important;
  background-color: #fafafa
}

.mf-input-select .mf_select__single-value {
  position: relative;
  top: 0;
  width: 100%;
  max-width: calc(100% - 22px);
  margin-left: 0;
  margin-right: 0;
  -webkit-transform: none;
  transform: none
}

.mf-input-wrapper select.mf-input-dropdown {
  border: none;
  padding: 15px 25px;
  font-size: 15px;
  font-weight: 500 !important;
  -webkit-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-width: 1px;
  border-style: solid;
  border-color: #eaeaea
}

.mf-input-wrapper select.mf-input-dropdown option {
  background-color: #fff;
  color: #222;
  font-size: 15px
}

.mf-input-switch-control.mf-input-switch.mf-input {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  vertical-align: -webkit-baseline-middle;
  border: none;
  padding: 0
}

.mf-input-wrapper .range-slider {
  display: inline-block;
  width: 100%
}

.mf-input-wrapper .asRange {
  width: 100%;
  background-color: #f1f4f9
}

.mf-input-wrapper .asRange .asRange-pointer .asRange-tip::before,
.mf-input-wrapper .asRange .asRange-pointer::before,
.mf-input-wrapper .asRange .asRange-selected {
  background-color: #1fb787
}

.mf-input-wrapper .asRange .asRange-pointer .asRange-tip {
  background-color: #1fb787;
  border: 1px solid #1fb787;
  top: inherit;
  bottom: 18px;
  left: -50%;
  margin-left: 8px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.metform-btn {
  background-color: #4285f4;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  max-width: 100%;
  padding: 16px 40px;
  font-size: 16px;
  border-radius: 2px;
  cursor: pointer;
  -webkit-box-shadow: 0 5px 5px 0 rgba(66, 133, 244, .3);
  box-shadow: 0 5px 5px 0 rgba(66, 133, 244, .3);
  line-height: 18px;
  -webkit-transition: all .4s;
  transition: all .4s;
  font-weight: 500;
  text-decoration: none
}

.metform-btn:focus,
.metform-btn:hover {
  background-color: #4285f4;
  text-decoration: none;
  outline: 0
}

button.metform-btn,
button.metform-btn:not(.toggle) {
  background-color: #4285f4
}

button.metform-btn:focus,
button.metform-btn:hover {
  background-color: #4285f4
}

@media (max-width:767px) {
  .mf-btn--mobile-justify .metform-btn {
    width: 100%
  }
}

@media (min-width:768px) and (max-width:1024px) {
  .mf-btn--tablet-justify .metform-btn {
    width: 100%
  }
}

@media (min-width:1025px) {
  .mf-btn--justify .metform-btn {
    width: 100%
  }
}

.metform-submit-btn {
  position: relative;
  z-index: 0
}

.metform-submit-btn::after,
.metform-submit-btn::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 22px;
  margin: -11px 0 0 -11px;
  border-style: solid;
  border-color: currentColor;
  border-width: 0;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.metform-submit-btn[disabled]::after,
.metform-submit-btn[disabled]::before {
  opacity: 1;
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}

.metform-submit-btn::before {
  border-width: 2px
}

.metform-submit-btn[disabled]::before {
  opacity: .25
}

.metform-submit-btn::after {
  border-top-width: 2px;
  -webkit-animation: submitspin .55s linear infinite;
  animation: submitSpin .55s linear infinite
}

.metform-submit-btn>span {
  -webkit-transition: opacity .15s ease .15s;
  transition: opacity .15s ease .15s
}

.metform-submit-btn[disabled]>span {
  opacity: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0
}

@-webkit-keyframes submitSpin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes submitSpin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.mf-input-wrapper .iti {
  display: block
}

.mf-input-wrapper>.iti {
  display: inline-block;
  width: 100%
}

.mf-input-wrapper .iti .mf-input {
  width: 100% !important
}

.mf-input-wrapper .iti--separate-dial-code .iti__selected-flag {
  background-color: #f7f6f6
}

.mf-input-wrapper .iti .iti__flag-container {
  display: none
}

.mf-input-wrapper .iti>.iti__flag-container {
  display: block
}

.flatpickr-calendar {
  margin-top: 8px
}

.flatpickr-month {
  margin-top: 3px;
  margin-bottom: 5px
}

.mf-input-wrapper>.flatpickr-wrapper {
  display: block
}

.flatpickr-wrapper select {
  display: inline-block
}

.flatpickr-calendar .flatpickr-time {
  height: auto
}

.elementor-widget-mf-date.elementor-element-edit-mode .flatpickr-calendar,
.elementor-widget-mf-time.elementor-element-edit-mode .flatpickr-calendar {
  top: 100% !important;
  left: 0 !important
}

.mf-ratings {
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  cursor: pointer
}

.mf-ratings>input {
  display: none !important
}

.mf-ratings>label {
  cursor: pointer
}

.mf-ratings>label:not(:last-child) {
  padding-right: 5px
}

.mf-ratings.is-selected>label,
.mf-ratings:not(.is-selected):hover>label {
  color: #ffdb72
}

.mf-ratings.is-selected:not(:hover)>input:checked+label~label,
.mf-ratings.is-selected>label:hover~label,
.mf-ratings:not(.is-selected),
.mf-ratings:not(.is-selected)>label:hover~label {
  color: #ccc
}

.mf-input-file-upload {
  width: .1px;
  height: .1px;
  opacity: 0;
  visibility: hidden;
  position: absolute
}

.mf-input-file-upload-label {
  color: #fff;
  margin-right: 10px;
  padding: 5px 15px;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px
}

.mf-input-file-upload-label i {
  font-size: 18px
}

.mf-input-file-upload-label svg {
  max-width: 18px;
  height: auto;
  vertical-align: middle
}

.mf-file-name span {
  display: inline-block;
  font-size: 15px
}

.mf-input-wrapper .error {
  display: block;
  font-size: 14px
}

.mf-input-multiselect,
.mf-input-select {
  padding: 0;
  cursor: pointer
}

.mf-input.mf-input-multiselect {
  padding: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important
}

.mf-input-multiselect .mf_multiselect__control {
  border: 1px solid #eaeaea;
  border-radius: 0;
  background-color: #fafafa;
  cursor: pointer
}

.mf-input-multiselect .mf_multiselect__control:focus,
.mf-input-multiselect .mf_multiselect__control:hover {
  border: 1px solid #eaeaea;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

.mf_multiselect__indicator-separator {
  display: none
}

.mf_multiselect__option.mf_multiselect__option--is-focused,
.mf_multiselect__option:hover {
  background-color: #f0f0f0
}

.mf_multiselect__option.mf_multiselect__option--is-focused {
  background-color: #fff
}

.mf_multiselect__option {
  border: 1px solid #eaeaea;
  background-color: #fff;
  padding: 10px 15px;
  font-size: 15px
}

.mf-input-multiselect .mf_multiselect__menu {
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer
}

.mf-input-multiselect .mf_multiselect__menu-list {
  padding: 0
}

.mf-input-multiselect .mf_multiselect__placeholder {
  color: #c9c1c1
}

.mf_multiselect__menu-notice--no-options {
  border: 1px solid #eaeaea;
  color: #c9c1c1
}

.mf_multiselect__control .mf_multiselect__value-container {
  padding: 8px 12px
}

.mf_multiselect__control .mf_multiselect__value-container>div:last-child {
  height: 25px
}

.mf-input-multiselect .mf_multiselect__multi-value {
  margin: 0 5px 0 0
}

.mf_multiselect__multi-value__remove {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important
}

.mf_multiselect__multi-value__label {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important
}

.mf-input-multiselect .mf_multiselect__input>input {
  min-height: 0
}

.mf-input.mf-input-summary {
  padding: 10px 13px 13px;
  background-color: #fff;
  border-width: 0;
  margin-top: 15px;
  -webkit-box-shadow: 0 0 1px 0 transparent;
  box-shadow: 0 0 1px 0 transparent;
  background-color: transparent
}

.mf-input.mf-input-summary:has(li) {
  -webkit-box-shadow: 0 0 1px 0 grey;
  box-shadow: 0 0 1px 0 grey;
  background-color: #f3f9ff
}

.mf-entry-data {
  margin: 0;
  padding: 0;
  list-style: none;
  word-break: break-word
}

.mf-entry-data>li:not(:last-child) {
  border-bottom-width: 0
}

.mf-entry-data>li>strong {
  display: block;
  padding: 8px 0;
  font-size: 14px
}

.mf-entry-data>li>span {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 12px;
  height: auto;
  border-width: 1px;
  border-style: solid;
  border-color: #eaeaea;
  border-radius: 2px;
  background: 0 0;
  background-color: #fffefe;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  font-size: 14px;
  line-height: 21px;
  text-align: left
}

.elementor-widget-mf-range .mf-field-error .error {
  display: none !important
}

.g-recaptcha>div {
  position: relative;
  z-index: 0
}

.g-recaptcha>div::after,
.g-recaptcha>div::before,
.g-recaptcha>div>div::after,
.g-recaptcha>div>div::before {
  content: " ";
  position: absolute;
  border-style: solid;
  border-color: #d3d3d3;
  border-width: 0;
  z-index: 0
}

.g-recaptcha>div::before {
  top: 0;
  left: 0;
  bottom: 2px;
  border-left-width: 1px
}

.g-recaptcha>div::after {
  top: 0;
  right: 2px;
  bottom: 2px;
  border-right-width: 1px
}

.g-recaptcha>div>div::before {
  top: 0;
  left: 0;
  right: 2px;
  border-top-width: 1px
}

.g-recaptcha>div>div::after {
  left: 0;
  right: 2px;
  bottom: 2px;
  border-bottom-width: 1px
}

.g-recaptcha+.attr-alert {
  display: none
}

.g-recaptcha:empty+.attr-alert {
  display: block !important
}

.mf-captcha-input-wrapper.mf-captcha-block>i {
  padding-left: 25px
}

img.mf-input.mf-captcha-image {
  max-width: 200px;
  border: none;
  -webkit-box-sizing: unset;
  box-sizing: unset;
  background: 0 0;
  padding: 0;
  display: inline-block
}

.mf-captcha-block>img.mf-input.mf-captcha-image {
  margin: 5px 0 5px 0
}

.mf-captcha-inline>img.mf-input.mf-captcha-image {
  margin: 0 5px 0 0
}

.mf-captcha-input-wrapper.mf-captcha-inline {
  display: -ms-inline-flexbox !important;
  display: -webkit-inline-box !important;
  display: inline-flex !important;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%
}

.mf-captcha-input-wrapper.mf-captcha-inline>i {
  margin-left: 25px !important;
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1
}

.mf-refresh-captcha::before {
  content: "\f01e";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-style: normal;
  cursor: pointer
}

.mf-error-message {
  display: block
}

.elementor-widget-mf-url .mf-input-wrapper .mf-error-message {
  color: red
}

.mf-input-wrapper .input-range__slider {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 4px solid #000;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  height: 15px;
  margin-left: -7.5px;
  margin-top: -11px;
  outline: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: -webkit-transform .3s ease-out, box-shadow .3s ease-out;
  -webkit-transition: -webkit-transform .3s ease-out, -webkit-box-shadow .3s ease-out;
  transition: -webkit-transform .3s ease-out, -webkit-box-shadow .3s ease-out;
  transition: transform .3s ease-out, box-shadow .3s ease-out;
  transition: transform .3s ease-out, box-shadow .3s ease-out, -webkit-transform .3s ease-out, -webkit-box-shadow .3s ease-out;
  -webkit-transition: -webkit-transform .3s ease-out, box-shadow .3s ease-out, -webkit-transform .3s ease-out;
  transition: transform .3s ease-out, box-shadow .3s ease-out, -webkit-transform .3s ease-out;
  width: 15px
}

.mf-input-wrapper .input-range__slider:focus {
  -webkit-box-shadow: 0 0 0 5px rgba(63, 81, 181, .2);
  box-shadow: 0 0 0 5px rgba(63, 81, 181, .2)
}

.input-range--disabled .input-range__slider {
  background: #ccc;
  border: 1px solid #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: none;
  transform: none
}

.mf-input-wrapper .input-range__slider-container {
  -webkit-transition: left .3s ease-out;
  transition: left .3s ease-out
}

.mf-input-wrapper .input-range__label {
  color: #aaa;
  font-family: "Helvetica Neue", san-serif;
  font-size: .8rem;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  white-space: nowrap
}

.mf-input-wrapper .input-range__label--max,
.mf-input-wrapper .input-range__label--min {
  bottom: -1.4rem;
  position: absolute;
  display: none
}

.mf-input-wrapper .input-range__label--min {
  left: 0
}

.mf-input-wrapper .input-range__label--max {
  right: 0
}

.mf-input-wrapper .input-range__label--value {
  position: absolute;
  bottom: 20px
}

.mf-input-wrapper .input-range__label-container {
  left: -50%;
  position: relative;
  background-color: #000;
  width: 36px;
  height: 20px;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 3px
}

.mf-input-wrapper .input-range__label-container::before {
  position: absolute;
  bottom: -3px;
  left: 50%;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  content: "";
  background-color: #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.mf-input-wrapper .input-range__label--max .input-range__label-container {
  left: 50%
}

.mf-input-wrapper .input-range__track {
  background: #f1f4f9;
  border-radius: .3rem;
  cursor: pointer;
  display: block;
  height: 8px;
  position: relative;
  -webkit-transition: left .3s ease-out, width .3s ease-out;
  transition: left .3s ease-out, width .3s ease-out
}

.mf-input-wrapper .input-range--disabled .input-range__track {
  background: #f1f4f9
}

.mf-input-wrapper .input-range__track--background {
  left: 0;
  margin-top: -.15rem;
  position: absolute;
  right: 0;
  top: 50%
}

.mf-input-wrapper .input-range__track--active {
  background: #000
}

.mf-input-wrapper .input-range {
  height: 1rem;
  position: relative;
  width: 100%
}

.mf-condition--hidden,
[mf-condition-hidden=true] {
  display: none !important;
  visibility: hidden
}

h1,
h2,
h3,
h4,
h5,
h6.h7 {
  font-family: "Urbanist", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.jkit-menu-wrapper {
  font-family: "Urbanist", sans-serif !important;
}

.jkit-menu-wrapper ul li {
  font-family: "Urbanist", sans-serif !important;
}

.number-wrapper .super {
  color: #a6c009 !important;
}

/* ====== Section Base ====== */
/* ====== Section Base ====== */
.vision-section {
  background: #4e8b4b url('../home/bg-vision.jpg') center center / cover no-repeat;
  color: #fff;
  padding: 100px 20px;
}

.vision-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  margin-bottom: 50px;
  margin-top: -50px;
  max-width: 1200px;
  margin-inline: auto;
  /* shorthand for left + right */
}

/* Apply to vision boxes */
.vision-box {
  background: #fff;
  padding: 50px;
  border-radius: 10px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: left;
  margin-top: -80px;
  opacity: 0;
  /* start hidden */
  animation: fadeUp 1s ease forwards;
}

/* Stagger delay so boxes appear one after another */
.vision-box:nth-child(1) {
  animation-delay: 0.2s;
}

.vision-box:nth-child(2) {
  animation-delay: 0.4s;
}

/* On hover */
.vision-box:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.vision-icon {
  width: 70px;
  /* increase width space for icon */
  flex-shrink: 0;
  /* prevents shrinking when screen is small */
  display: flex;
  /* center the icon */
  align-items: center;
  justify-content: center;
}

.vision-icon i {
  font-size: 42px;
  /* make icon bigger */
  color: #8cc63f;
}

.vision-content h3 {
  font-size: 20px;
  margin: 0 0 10px;
  color: #333;
}

.vision-content p {
  font-size: 16px;
  color: #3a3a3a;
  line-height: 1.6;
  margin: 0;
}

/* Special yellow card */
.vision-box.yellow {
  background: #a7cf38;
  color: #fff;
}

.vision-box.yellow h3,
.vision-box.yellow p,
.vision-box.yellow i {
  color: #fff;
}


.vision-box h3 {
  font-size: 24px;
  margin: 0 0 10px;
  color: #333;
}

.vision-box p {
  font-size: 14px;
  color: #3a3a3a
  line-height: 1.6;
  margin: 0;
}

/* Special background for Quality box */
.vision-box.yellow {
  background: #a7cf38;
  color: #fff;
}

.vision-box.yellow h3,
.vision-box.yellow p,
.vision-box.yellow i {
  color: #fff;
}

/* Stats */
.stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 20px;
  max-width: 1000px;
  margin: 0 auto;
}

/* --- Stats Animation --- */
.stat-item {
  text-align: center;
  opacity: 0;
  transform: scale(0.9);
  animation: fadeUp 1s ease forwards;
}

.stat-item:nth-child(1) {
  animation-delay: 0.6s;
}

.stat-item:nth-child(2) {
  animation-delay: 0.8s;
}

.stat-item:nth-child(3) {
  animation-delay: 1s;
}

.stat-item:nth-child(4) {
  animation-delay: 1.2s;
}

.stat-item img {
  width: 60px;
  margin-bottom: 10px;
  animation: pulse 2s infinite ease-in-out;
}

.stat-item i {
  font-size: 32px;
  color: #a7cf38;
  margin-bottom: 10px;
  display: inline-block;
}

.stat-item h2 {
  font-size: 35px;
  margin: 0;
  color: #fff;
}

.stat-item span {
  font-size: 16px;
  display: block;
  margin-top: 5px;
  color: #e0e0e0;
}

/* Responsive touch-ups */
@media (max-width: 768px) {
  .vision-section {
    padding: 125px 15px;
  }

  .vision-box h3 {
    font-size: 18px;
  }

  .stat-item h2 {
    font-size: 24px;
  }

  .vision-container {

    gap: 100px;

  }

}


@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


.infraSwiper {
  width: 100%;
}

.infraSwiper .swiper-wrapper {
  align-items: center;
}

.infraSwiper .swiper-slide {
  flex: 0 0 25%;
  /* default small size */
  transition: all 0.4s ease;
}

.infraSwiper .swiper-slide img {
  width: 100%;
  height: 600px;
  object-fit: cover;
  border-radius: 0;
  display: block;
}

/* Center image (50% + full radius) */
.infraSwiper .swiper-slide.is-center {
  flex: 0 0 50% !important;
}

.infraSwiper .swiper-slide.is-center img {
  border-radius: 12px;
}

/* Left image (25% + right side radius) */
.infraSwiper .swiper-slide.is-left img {
  border-radius: 0 12px 12px 0;
  width: 100%;
}

/* Right image (25% + left side radius) */
.infraSwiper .swiper-slide.is-right img {
  border-radius: 12px 0 0 12px;
  width: 100%;
}

ul.client-list {
  margin: 0px;
  padding: 0px;
  text-align: center;
}

ul.client-list li {
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  align-items: center;
}

.footer-3 {
  color: #fff;
  text-align: left;
}

@media (max-width: 768px) {
  .footer-3 {
    color: #fff;
    text-align: center !important;
  }

  .mob-csr-img {
    margin: auto;
    align-items: center;
  }
}

/* about Us*/
/* Container */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap;
}

section.about {
  padding: 60px 0;
  transform: translateY(30px);
  /* slide up */
  transition: all 1s ease-in-out;
}

section.about.show {
  opacity: 1;
  transform: translateY(0);
}

/* Left Content */
.about-text {
  flex: 1 1 500px;
  animation: fadeInLeft 1s ease forwards;
}

.about-text h4 {
  color: #a6c009;
  margin-bottom: 10px;
  font-weight: 600;
  position: relative;
  /* required for ::before positioning */
  padding-left: 40px;
  /* space for line */
}

.about-text h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  /* vertically center */
  transform: translateY(-50%);
  width: 30px;
  /* line length */
  height: 2px;
  /* line thickness */
  background-color: #a6c009;
  /* same as text color */
}

.about-text h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}

.about-text p {
  color: #3a3a3a
  line-height: 1.6;
  margin-bottom: 15px;
}

/* Progress Bars */
.progress {
  margin-bottom: 15px;
}

.progress span {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.bar {
  background: #f3f3f3;
  border-radius: 10px;
  overflow: hidden;
  height: 10px;
}

.bar-fill {
  background: #d97b63;
  height: 100%;
  width: 0;
  /* starts empty */
  border-radius: 10px;
  transition: width 1.5s ease;
}

/* Right Images */
.about-images {
  flex: 1 1 400px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  opacity: 0;
  transform: translateX(30px);
  animation: fadeInRight 1s ease forwards;
  animation-delay: 0.5s;
}

.about-images img {
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
}

.about-images img:first-child {
  grid-row: span 2;
}

/* Animations */
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-40px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(40px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Responsive */
@media (max-width: 992px) {
  .container {
    flex-direction: column;
  }

  .about-images {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .about-images {
    grid-template-columns: 1fr;
  }

  .about-text h2 {
    font-size: 26px;
  }
}

.elementor-668 .elementor-element.elementor-element-2c807e3 .elementor-icon-list-icon i {
  color: #a7cf38;
  transition: color 0.3s;
}

i.bi {
  color: white;
  /* icon color */
  background-color: #a7cf38;
  /* green background */
  border-radius: 50%;
  /* circle shape */
  padding: 2px;
  /* space inside circle */
  margin-right: 6px;
  font-size: 15px;
  /* adjust size */
}

*,
*::before,
*::after {
  box-sizing: border-box;
}



.milestone-timeline {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 15px 0;
}

.milestone-timeline::after {
  content: '';
  position: absolute;
  width: 2px;
  background: #528051;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
}

.milestone-container {
  padding: 15px 30px;
  position: relative;
  background: inherit;
  width: 50%;
}

.milestone-container.milestone-left {
  left: 0;
}

.milestone-container.milestone-right {
  left: 50%;
}

.milestone-container::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
  right: -8px;
  background: #ffffff;
  border: 2px solid #528051;
  border-radius: 16px;
  z-index: 1;
}

.milestone-container.milestone-right::after {
  left: -8px;
}

.milestone-container::before {
  content: '';
  position: absolute;
  width: 23px;
  height: 2px;
  top: calc(50% - 1px);
  right: 8px;
  background: #528051;
  z-index: 1;
}

.milestone-container.milestone-right::before {
  left: 8px;
}

.milestone-date {
  position: absolute;
  display: inline-block;
  top: calc(50% - 8px);
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #528051;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1;
}

.milestone-container.milestone-left .milestone-date {
  right: -75px;
}

.milestone-container.milestone-right .milestone-date {
  left: -75px;
}

.milestone-icon {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 9px 0;
  top: calc(50% - 20px);
  background: #a7cf38;
  border: 2px solid #528051;
  border-radius: 40px;
  text-align: center;
  font-size: 18px;
  color: #528051;
  z-index: 1;
}

.milestone-container.milestone-left .milestone-icon {
  right: 56px;
}

.milestone-container.milestone-right .milestone-icon {
  left: 56px;
}

.milestone-content {
  padding: 50px 90px 50px 30px;
  background: #a7cf38;
  position: relative;
  border-radius: 0 500px 500px 0;
}

.milestone-container.milestone-right .milestone-content {
  padding: 50px 30px 50px 90px;
  border-radius: 500px 0 0 500px;
}

.milestone-content h2 {
  margin: 0 0 10px 0;
  font-size: 20px;
  font-weight: bold;
  color: #242424;
}

.milestone-content p {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
}

@media (max-width: 767.98px) {
  .milestone-timeline::after {
    left: 90px;
  }

  .milestone-container {
    width: 100%;
    padding-left: 120px;
    padding-right: 30px;
  }

  .milestone-container.milestone-right {
    left: 0%;
  }

  .milestone-container.milestone-left::after,
  .milestone-container.milestone-right::after {
    left: 82px;
  }

  .milestone-container.milestone-left::before,
  .milestone-container.milestone-right::before {
    left: 100px;
    border-color: transparent #528051 transparent transparent;
  }

  .milestone-container.milestone-left .milestone-date,
  .milestone-container.milestone-right .milestone-date {
    right: auto;
    left: 15px;
  }

  .milestone-container.milestone-left .milestone-icon,
  .milestone-container.milestone-right .milestone-icon {
    right: auto;
    left: 146px;
  }

  .milestone-container.milestone-left .milestone-content,
  .milestone-container.milestone-right .milestone-content {
    padding: 50px 40px 50px 90px;
    border-radius: 500px 0 0 500px;
  }
}


/* Main Section */
.contact {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 20px;
  background: #fff;
  padding: 0px 0px 60px 0px;
}

/* Container */
.contact-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1100px;
  width: 100%;
  gap: 30px;
}

/* Left Image */
.contact-image {
  flex: 1;
  min-width: 300px;
}

.contact-image img {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
}

/* Right Form */
.contact-form {
  flex: 1;
  min-width: 300px;
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.contact-subtitle {
  color: #a6c009;
  font-size: 16px;
  margin-bottom: 10px;
}

.contact-title {
  font-size: 28px;
  margin-bottom: 20px;
}

/* Form Styles */
.contact-form form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 15px;
  outline: none;
  transition: border-color 0.2s;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #a6c009;
}

.contact-form button {
  background: #a6c009;
  color: #fff;
  border: none;
  padding: 14px;
  font-size: 13px;
  border-radius: 30px;
  cursor: pointer;
  transition: background 0.3s;
}

/* Contact details Section */
.contact-section {
  padding: 60px 0;
  background: #fff;
}

.contact-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contact-list li {
  margin-bottom: 12px;
  /* space between items */
  font-size: 16px;
  line-height: 1.6;
  display: flex;
  align-items: center;
}

.contact-list li i {
  margin-right: 10px;
  /* space between icon and text */
  color: #333;
  /* adjust icon color */
}

.contact-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 1100px;
  margin: 0 auto;
}

/* Contact card (left column) */
.contact-card {
  flex: 1 1 38%;
  background: #a2c617;
  /* green */
  padding: 20px;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 150px;
}

.contact-card a {
  color: #fff;
  text-decoration: none;
}

/* Map (right column) */
.map-section {
  flex: 1 1 52%;
  min-height: 150px;
}

.map-section iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 10px;
}

/* ✅ Responsive: stack full width on tablet & mobile */
@media (max-width: 991px) {
  .contact-wrapper {
    flex-direction: column;
  }

  .contact-card,
  .map-section {
    flex: 1 1 100%;
    width: 100%;
  }

  .map-section {
    height: 250px;
    /* bigger map for mobile */
  }
}



/* General Section Styling */
/* ===== Section Layout ===== */
.section-grid {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 30px;
}

.section-grid>div {
  flex: 1;
  /* ensures 50/50 split */
}

.section-grid.reverse {
  flex-direction: row-reverse;
  /* for sections where image is on right */
}

/* ===== Image Styling ===== */
.section-image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  object-fit: cover;
}

/* ===== Content Styling ===== */
.section-content {
  flex: 1;
}

.section-content h2 {
  font-size: 28px;
  margin-bottom: 15px;
  color: #2b4a2f;
}

.section-content p {
  font-size: 16px;
  color: #3a3a3a
  line-height: 1.6;
}

/* ===== Info Boxes (Row 2) ===== */
.info-box-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 20px;
}

.info-box {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.info-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.info-box h3 {
  font-size: 18px;
  margin-bottom: 8px;
  color: #2b4a2f;
}

.info-box p {
  font-size: 15px;
  color: #3a3a3a
}

/* ===== Responsive ===== */
@media (max-width: 992px) {
  .section-grid {
    flex-direction: column;
  }

  .section-grid.reverse {
    flex-direction: column;
    /* prevent reverse stacking on mobile */
  }

  .section-content {
    margin-top: 20px;
  }

  .info-box-wrapper {
    grid-template-columns: 1fr;
  }
}

/* Container base */
.topic-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/* Section wrapper */
.topic-section {
  margin: 60px 0;
}

/* Topic heading */
.topic-section h2 {
  font-size: 32px;
  font-weight: 700;
  color: #2b4a2f;
  margin-bottom: 25px;
  text-align: left;
  position: relative;
}

/* .topic-section h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #2b4a2f;
  margin-top: 8px;
} */


/*CSR*/
.csr-section {
  padding: 60px 20px;
}

.csr-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1140px;
  margin: 0 auto;
  gap: 20px;
}

.csr-column {
  flex: 1;
  box-sizing: border-box;
}

.csr-column-left {
  display: flex;
  justify-content: center;
  align-items: center;
}

.csr-image {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.csr-content {
  padding: 20px;
}

.csr-title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #333;
}

.csr-intro {
  margin-bottom: 15px;
  font-size: 16px;
  color: #3a3a3a
}

.csr-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.csr-list li {
  margin-bottom: 10px;
  font-size: 16px;
  color: #444;
  line-height: 1.5;
}

.csr-list li strong {
  font-weight: 700;
}

.csr-list i {
  color: #FFF;
  /* green check */
  margin-right: 8px;
}

/* Responsive */
@media (max-width: 991px) {
  .csr-container {
    flex-direction: column;
  }

  .csr-column-left {
    margin-bottom: 20px;
  }

  .csr-content {
    padding: 10px;
  }

  .csr-title {
    font-size: 24px;
  }

  .csr-intro,
  .csr-list li {
    font-size: 15px;
  }
}

/* Section wrapper */
.cta-section {
  margin-top: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0px 20px;
}

/* Container */
.cta-container {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Content text */


/* ✅ Responsive */
@media (max-width: 768px) {
  .cta-section {
    padding: 0px 15px;
  }


}


/* Section wrapper */
/* Section wrapper */
.why-arrow {
  padding: 30px 20px;
}

/* Flex container */
.why-arrow-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  gap: 40px;
  padding: 0px 20px;
}

/* Left column text */
.why-arrow-text {
  flex: 1;
}

.why-arrow-text h2 {
  margin-bottom: 20px;
  color: #222;
}

.why-arrow-text p {
  margin-bottom: 20px;
  color: #3a3a3a
}

.why-arrow-text ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.why-arrow-text li {
  margin-bottom: 20px;
  /* font-size: 16px; */
  line-height: 1.6;
  color: #333;
}

.why-arrow-text li i {
  color: #FFF;
  /* green check */
  margin-right: 8px;
  /* font-size: 18px; */
}

/* Right column image */
.why-arrow-image {
  flex: 1;
  display: flex;
  justify-content: center;
}

.why-arrow-image img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.why-arrow-text strong {
  font-weight: 700;
  /* makes it bolder */
  /* color: #000;       darker color */
  /* font-size: 17px;   slightly bigger */
}

/* ✅ Responsive */
@media (max-width: 992px) {
  .why-arrow-container {
    flex-direction: column;
    /* text-align: center; */
  }

  /* text first, image second */
  .why-arrow-text {
    order: 1;
  }

  .why-arrow-image {
    order: 2;
  }

  .why-arrow-text h2 {}

  .clientspace {
    margin: auto;
  }
}

/* .why-arrow-text p,
  .why-arrow-text li {
  }
} */

@media (max-width: 576px) {
  .why-arrow {
    padding: 40px 15px;
  }
}

/* .why-arrow-text h2 {
    font-size: 24px;
  } */
/* 
  .why-arrow-text p,
  .why-arrow-text li {
    font-size: 15px;
  }
} */
.mission-section {
  padding: 125px 15px;
  background: #4e8b4b url('../home/bg-vision.jpg') center center / cover no-repeat;
  color: #fff;
}

@media (max-width: 768px) {
  .mission-section {
    padding: 125px 15px;
  }
}

/*Clients */
/*.clientspace{margin-left:15%;}*/

/* .header-sticky {
  position: sticky !important;
  top: 0;
  z-index: 999;
  margin-top: -20px;
} */

@media (max-width:767px) {
  .csr-alignment {
    text-align: center !important;
  }

  .about-csr {
    text-align: center !important;
  }

  .clients-alignment {
    text-align: center !important;
  }

  .client-sep {
    display: none;
  }

  .client-heading {
    justify-content: center !important;
  }

  .client-subheading {
    margin: -10px 0px -10px 0px !important;

  }

  .client-seperator {
    display: none;
  }

  .product-subheading {
    text-align: center !important;
    margin-left: 0px !;
  }

  .infraSwiper .swiper-slide img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 0;
    display: block;
  }

  @media (max-width: 1024px) {
    .infraSwiper .swiper-slide {
      flex: 0 0 33.33%;
      /* tablet: 3 per view */
    }

    .infraSwiper .swiper-slide.is-center {
      flex: 0 0 60% !important;
    }
  }

  @media (max-width: 768px) {
    .infraSwiper .swiper-slide {
      flex: 0 0 100%;
      /* mobile full width */
    }

    .infraSwiper .swiper-slide img {
      height: 350px;
      /* reduce height for smaller screens */
      border-radius: 12px;
    }

    .infraSwiper .swiper-slide.is-left img,
    .infraSwiper .swiper-slide.is-right img {
      border-radius: 12px;
      /* remove side-only radius, keep uniform */
    }
  }

  .product-sub-align {
    margin: -10px 0px -10px 0px !important;
  }

  .infrastructure-section {
    padding-top: 0px !important;
  }

  .csr-space {
    padding-top: 0px !important;
  }
}

.clients-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  /* 5 per row */
  gap: 20px;
  /* spacing between items */
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}



.clients-list img {
  max-width: 100%;
  height: auto;
}

/* Mobile version: 2 per row */
@media (max-width: 768px) {
  .clients-list {
    grid-template-columns: repeat(2, 1fr);
    padding: 0px !important;
  }

  .clients-list li {
    padding: 0px !important;
  }



}

.client-lists {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* 5 per row */
  gap: 20px;
  /* spacing between items */
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}



.client-lists img {
  max-width: 100%;
  height: auto;
}

/* Mobile version: 2 per row */
@media (max-width: 768px) {
  .client-lists {
    grid-template-columns: repeat(2, 1fr);
    padding: 0px;
  }
}

@media (max-width: 768px) {
  .footer-links {
    justify-content: center;
  }

  .footer-link-info {
    margin-bottom: 0px !important;

  }

}

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.header-sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Apply margin directly to the <h3> */
.elementor-element-baa2ec7 .elementor-element-b54fc8b .elementor-widget-heading .elementor-heading-title {
  margin-top: 80px !important;
}

/* .elementor-235 .elementor-element.elementor-element-52231af>.elementor-widget-container {
    margin: 60px 0px 0px 0px;
} */
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-element-baa2ec7 .elementor-element-b54fc8b .elementor-widget-heading .elementor-heading-title {
    margin: 150px 0px 0px 0px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-235 .elementor-element.elementor-element-56c2ba9>.elementor-element-populated {
    margin: 120px 40px 0px 0px;
    --e-column-margin-right: 40px;
    --e-column-margin-left: 0px;
  }

  body:not(.rtl) .elementor-235 .elementor-element.elementor-element-d31fef7 {
    left: auto !important;
  }

  .elementor-235 .elementor-element.elementor-element-d31fef7 img {
    width: 95%;
    height: 660px;
    margin-top: -150px;
    text-align: center;
  }

  .elementor-235 .elementor-element.elementor-element-ba369d7>.elementor-element-populated {
    margin: 0px 0px 20px 0px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 0px;
    padding: 0px 0px 50px 10px !important;
  }

}


@media (max-width: 1024px) {
  .elementor-235 .elementor-element.elementor-element-23c5683f.elementor-column>.elementor-widget-wrap {
    justify-content: center !important;
  }
.hometxt-sub{padding-bottom: 0px !important; text-align:center; background:#fff;}
}

.elementor-icon-list-item i {
  margin-right: 8px;
  color: #fff !important;
}

.hometxt-sub{padding-bottom: 50px; text-align:center; background:#fff;}