@font-face {
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8";
  src: url('../fonts/BDOGrotesk-Medium-BF648a656fc86b8.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Candara;
  src: url('../fonts/Candara.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Candara;
  src: url('../fonts/Candara_Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --primary-color: #031224;
  --gray: #b8b8b8;
  --secondary-color: white;
  --yellow: #ff8a41;
  --transparent: transparent;
  --dark-gray: #595959;
  --light-black: #121212;
  --image-card-five-shadow-color: #000000a6;
  --color: white;
  --light-color: #edebe6;
  --white-tewnty: #fff3;
  --white-ten: #ffffff1a;
  --service-box-shadow-color: #0000000d;
  --image-card-five-one-z-index: 1;
  --image-card-five-second-z-index: 0;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-page-count {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }

  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commerceaddtocartquantityinput, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }
}

body {
  background-color: var(--primary-color);
  color: var(--gray);
  letter-spacing: -.02px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

h1 {
  color: var(--secondary-color);
  letter-spacing: -.32px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.16667;
}

h2 {
  color: var(--secondary-color);
  letter-spacing: -.32px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.25;
}

h3 {
  color: var(--secondary-color);
  letter-spacing: 0;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.33333;
}

h4 {
  color: var(--secondary-color);
  letter-spacing: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.43478;
}

h5 {
  color: var(--secondary-color);
  letter-spacing: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

h6 {
  color: var(--secondary-color);
  letter-spacing: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.55556;
}

a {
  color: var(--gray);
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 20px;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

img {
  object-fit: cover;
  max-width: 100%;
  height: auto;
  display: inline-block;
}

blockquote {
  border-left: 2px solid var(--yellow);
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 20px;
  font-size: 16px;
}

.overflow-hidden {
  -webkit-text-stroke-color: var(--transparent);
  overflow: hidden;
}

.overflow-hidden.heading-two-gap-top {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
}

.overflow-hidden.heading-two-gap-top.industries-heading {
  justify-content: center;
  align-items: center;
}

.overflow-hidden.heading-two-gap-top-bottom {
  margin-top: 0;
}

.overflow-hidden.heading-two-gap-top-bottom.construction-ideas-heading {
  max-width: 350px;
}

.overflow-hidden.heading-two-gap-top-bottom.service-two-service-heading {
  max-width: 378px;
}

.overflow-hidden.position-relative.border-radius-10 {
  height: auto;
}

.overflow-hidden.hero-v1-heading-wrapper {
  border: 1px #000;
  width: auto;
  min-width: 0;
}

.overflow-hidden.real-time-text {
  max-width: 536px;
}

.overflow-hidden.about-kontix-gap {
  margin-top: 10px;
  margin-bottom: 20px;
}

.overflow-hidden.precision-heading {
  max-width: 332px;
}

.overflow-hidden.innovation-text-wrapper {
  padding-bottom: 35px;
}

.overflow-hidden.feature-heading-wrapper {
  max-width: 408px;
  padding-top: 50px;
}

.overflow-hidden.icon-card-one-title-wrap {
  margin-left: auto;
  margin-right: auto;
}

.overflow-hidden.sustainable-construction-heading {
  max-width: 450px;
}

.overflow-hidden.sustainable-construction-heading.heading-two-gap-top-bottom {
  max-width: 550px;
}

.overflow-hidden.pricing-v2-heading {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.overflow-hidden.as-vandematram-title {
  margin-top: 100px;
}

.heading-style-h1 {
  letter-spacing: -.32px;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.16667;
}

.heading-style-h1.color-black.white-performance {
  color: var(--secondary-color);
}

.heading-style-h1.highlight-color.as-font-size-sm {
  font-size: 30px;
}

.button-text {
  color: var(--primary-color);
  letter-spacing: .03px;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.button-text.dark {
  color: var(--primary-color);
}

.testimonial-card-text {
  margin-top: 15px;
  margin-bottom: 49px;
}

.hero-one-text-wrap {
  width: 100%;
  max-width: 500px;
}

.testimonial-one-title-wrap {
  max-width: 329px;
  margin-bottom: 30px;
}

.testimonial-one-information-wrap {
  flex: 0 54.9%;
  justify-content: flex-end;
  align-items: center;
  margin-left: 40px;
  margin-right: 8.33%;
  padding-bottom: 90px;
  display: flex;
  position: sticky;
  top: 20px;
}

.testimonial-card-one {
  border-bottom: 1px solid #fff3;
  width: 100%;
  padding: 85px 20px 87px 7.3vw;
}

.testimonial-card-one.three {
  border-bottom-width: 0;
}

.testimonial-one-rating-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  max-width: 230px;
}

.no-margin {
  color: var(--yellow);
  margin-top: 0;
  margin-bottom: 0;
}

.no-margin.color-black.construction-heading {
  max-width: 489px;
}

.no-margin.color-black.feature-two-heading-wrappertrh {
  max-width: 390px;
}

.no-margin.color-black.feature-four-text {
  max-width: 517px;
}

.no-margin.color-white {
  padding-bottom: 0;
}

.no-margin.color-white.about-kontix-heading {
  max-width: 762px;
}

.no-margin.color-white.applications-body {
  text-align: center;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.no-margin.color-white.metric.end {
  color: var(--primary-color);
}

.no-margin.color-white.bentonite-heading {
  font-size: 21px;
}

.no-margin.preservation-heading {
  max-width: 600px;
  padding-bottom: 50px;
}

.no-margin.service-hero-heading {
  max-width: 500px;
}

.no-margin.heading-two-gap-top-bottom.innovation-heading-wrapper {
  max-width: 305px;
}

.no-margin.our-story-one-heading {
  max-width: 350px;
}

.no-margin.pricing-three-heading {
  max-width: 547px;
}

.no-margin.pricing-three-heading.margin-auto {
  max-width: 479px;
}

.no-margin.features-two-heading {
  max-width: 450px;
}

.no-margin.about-achievement-heading-wrapper {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

.no-margin.pricing-plan-heading {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.no-margin.service-three-heading {
  max-width: 280px;
}

.no-margin.team-heading {
  max-width: 400px;
}

.no-margin.pricing-plan-main-heading {
  max-width: 485px;
  margin-left: auto;
  margin-right: auto;
}

.no-margin.service-hero-v3-heading {
  max-width: 524px;
}

.no-margin.margin-auto.portfolio-heading {
  max-width: 650px;
}

.no-margin.portfolio-additional-details-heading {
  max-width: 560px;
}

.no-margin.innovation-heading {
  max-width: 400px;
}

.no-margin.service-six-title-wrap {
  max-width: 475px;
}

.no-margin.two-about-features-heading {
  max-width: 353px;
}

.no-margin.service-v2-video-heading {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

.no-margin.service-three-innovation-heading {
  max-width: none;
}

.no-margin.padding-top {
  color: var(--secondary-color);
  padding-top: 20px;
}

.testimonial-one-wrapper {
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 80px;
}

.client-section-one {
  z-index: 11;
  border-top: 1px solid #fff3;
  border-bottom: 1px solid #fff3;
}

.about-one {
  margin-top: 130px;
}

.about-one.change-background-color {
  background-color: var(--secondary-color);
  margin-top: 0;
  padding-top: 125px;
}

.about-one.bottom-top-0 {
  margin-top: 0;
}

.highlight-color {
  color: var(--yellow);
  text-align: center;
}

.highlight-color.as-application {
  margin-top: 10px;
}

.highlight-color.heading-two-gap-bottom.text-align-left {
  text-align: left;
}

.counter-one-marquee {
  justify-content: flex-start;
  align-items: center;
}

.testimonial-one-information-text {
  width: 100%;
  max-width: 562px;
}

.heading-two-gap-top {
  margin-top: 25px;
}

.heading-two-gap-top.overflow-hidden {
  justify-content: center;
  align-items: flex-start;
}

.heading-two-gap-top.overflow-hidden.team-heading {
  max-width: none;
}

.testimonial-one-card-wrap {
  border-left: 1px solid #fff3;
  flex: 0 49.47%;
}

.over-view-flex.position-absolute {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: flex-start;
  inset: 0%;
}

.testimonial-one-review-wrap {
  border-top: 1px solid #fff3;
  justify-content: space-between;
  margin-top: 70px;
  padding-top: 60px;
}

.dark-gray {
  color: var(--dark-gray);
}

.dark-gray.license-para-bottom-padding {
  padding-bottom: 30px;
}

.dark-gray.senteced-case {
  text-transform: capitalize;
}

.testimonial-card-one-main {
  max-width: 467px;
}

.about-one-title-wrap {
  width: 100%;
  max-width: 450px;
  overflow: hidden;
}

.about-one-title-wrap.margin-auto.text-align-center {
  max-width: 476px;
}

.large-text {
  letter-spacing: -.03px;
  text-transform: capitalize;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: clamp(38px, 23vw, 300px);
  font-weight: 500;
  line-height: .8;
}

.large-text.two {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#0000001a, #0000);
  -webkit-background-clip: text;
  background-clip: text;
}

.sub-heading {
  color: var(--yellow);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.sub-heading:where(.w-variant-8339cfd4-9c83-eaae-331a-5682dc1da52c) {
  color: var(--light-black);
  text-transform: uppercase;
}

.sub-heading:where(.w-variant-f1a14dd4-f30f-c0f4-d5f6-6802c309e3c1) {
  color: var(--secondary-color);
}

.video-one-title-wrap {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  padding-bottom: 180px;
  display: flex;
}

.client-counting-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #ffffff1a;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 561px;
  margin-top: 40px;
  padding: 12px;
}

.client-counting-wrap.margin-auto.change-margin {
  margin-top: 60px;
}

.heading-style-h4 {
  letter-spacing: 0;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.43478;
}

.heading-style-h4.color-black.text-no-wrap {
  white-space: normal;
}

.heading-style-h4.image-card-four-title {
  color: var(--primary-color);
}

.heading-style-h4.image-card-four-title.deactive.as-para {
  margin-top: 20px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.heading-style-h4.work-card-heading {
  color: var(--secondary-color);
  padding-top: 12px;
  padding-bottom: 10px;
}

.heading-style-h4.color-main {
  color: var(--yellow);
}

.heading-style-h4.highlight-color.text-left {
  text-align: left;
}

.testimonial-one-review-text {
  width: 100%;
  max-width: 170px;
}

.counter-one-dot {
  align-self: center;
  margin-bottom: -9px;
}

.counter-one-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #0003;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.counter-one-wrapper.counter-one-wrapper-two {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  place-items: center;
}

.counter-one-wrapper.counter-one-wrapper-two.new-3 {
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 20px;
}

.counter-one-wrapper.counter-one-wrapper-two.as-application-wrapper {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding-bottom: 0;
}

.counter-one-wrapper.counter-one-wrapper-two.as-key-feature {
  grid-template-columns: 1fr 1fr 1fr;
}

.counter-one-wrapper.counter-one-wrapper-two.as-key-feature-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.counter-one-wrapper.top-margin {
  border-bottom-style: none;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 65px;
}

.counter-one-wrapper.top-margin.mines-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.counter-one-wrapper.top-margin.shape-future {
  grid-template-columns: 1fr 1fr;
}

.counter-one-wrapper.top-margin.home {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.counter-one-wrapper.top-margin.home.end {
  grid-template-columns: 1fr 1fr 1fr;
  max-width: none;
}

.over-view-flex-div {
  transform-origin: 100%;
  background-color: #ffffffd6;
  flex: none;
  width: 100%;
  height: 39px;
}

.over-view-flex-div.three.overlay-two, .over-view-flex-div.two.overlay-two, .over-view-flex-div.five.overlay-two {
  background-color: #000000ab;
}

.over-view-flex-div.one {
  color: var(--yellow);
}

.over-view-flex-div.one.overlay-two, .over-view-flex-div.four.overlay-two, .over-view-flex-div.six.overlay-two, .over-view-flex-div.seven.overlay-two, .over-view-flex-div.eight.overlay-two, .over-view-flex-div.nine.overlay-two {
  background-color: #000000ab;
}

.home-one-hero {
  height: 100vh;
}

.button-style-one {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f6b61b;
  justify-content: flex-start;
  align-items: center;
  padding: 18px 33px;
  text-decoration: none;
  display: flex;
}

.button-style-one.position-relative:where(.w-variant-6e2385dc-4996-d9d5-515e-70517806a760) {
  justify-content: center;
  align-items: center;
}

.button-style-one.position-relative.overflow-hidden {
  background-color: var(--yellow);
  border-radius: 10px;
}

.button-style-one.position-relative.overflow-hidden.light-button:where(.w-variant-e26de2d9-016d-6553-9f9d-7e4ae9c37a7f), .button-style-one.position-relative.overflow-hidden.light-button.change-align, .button-style-one.position-relative.overflow-hidden.change-align {
  justify-content: center;
  align-items: center;
}

.container-full-width {
  width: 100%;
  max-width: none;
}

.counter-one-icon {
  align-self: center;
}

.client-one-marquee-train {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding-right: 120px;
  display: flex;
}

.counter-card-one-content {
  border-top: 1px solid #0003;
  margin-top: 40px;
  padding-top: 36px;
}

.counter-card-one-content.two {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.about-one-wrap {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  margin-top: 45px;
  display: grid;
  overflow: hidden;
}

.about-one-wrap.position-relative {
  grid-template-columns: 1fr 1fr 1fr;
  place-items: start center;
}

.about-one-wrap.position-relative.add-gap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.video-section-one {
  padding-top: 117px;
  padding-bottom: 130px;
}

.video-section-one.white-background {
  background-color: var(--secondary-color);
  padding-top: 125px;
}

.video-section-one.white-background.workforce-section {
  padding-top: 0;
}

.video-section-one.white-background.globe {
  padding-top: 100px;
  padding-bottom: 0;
}

.video-section-one.white-background.padding-bottom-0 {
  padding-bottom: 0;
}

.heading-style-h5 {
  color: var(--secondary-color);
  letter-spacing: 0;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.heading-style-h5.discount-text {
  color: var(--image-card-five-shadow-color);
}

.heading-style-h5.discount-text.price-yearly.position-absolute {
  position: absolute;
  inset: 0%;
}

.heading-style-h5.icon-box-four-title {
  line-height: 1.4;
}

.heading-style-h5.color-white.applications, .heading-style-h5.color-white.highlight-color.text-align-center {
  text-align: center;
}

.heading-style-h5.color-white.metric.rnd {
  color: var(--primary-color);
}

.heading-style-h5.color-white.metric.rnd.as-text-center {
  text-align: center;
}

.heading-style-h5.highlight-color {
  color: var(--yellow);
  text-align: left;
}

.heading-style-h5.highlight-color.text-align-center {
  text-align: center;
}

.heading-style-h5.dark-gray {
  color: var(--gray);
}

.heading-style-h5.dark-gray.price-yearly {
  position: absolute;
  inset: 0%;
}

.heading-style-h5.heading-two-gap-top-bottom.orange-heading {
  color: var(--yellow);
}

.testimonial-one {
  background-color: #ffffff0d;
}

.color-black {
  color: #000;
}

.color-black.no-margin.innovation-heading-wrapper {
  max-width: 350px;
}

.color-black.about-one-card-text {
  text-align: center;
  max-width: 350px;
  margin-top: -17px;
}

.color-black.innovation {
  text-align: center;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.color-black.text-align-center.as-para-width {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-one-review-star {
  background-color: var(--secondary-color);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 11px;
}

.counter-one-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-bottom: 20px;
}

.counter-one-wrap.padding-btm-0 {
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 0;
}

.counter-one-wrap.as-flex-align-center, .counter-one-wrap.as-innovation-flex {
  justify-content: center;
  align-items: flex-start;
}

.responsive-full-width.image-effect.border-radius-10.responsiv-full-height {
  max-width: 100%;
  height: 500px;
}

.color-white {
  color: var(--secondary-color);
}

.color-white.hero-three-title-text.one {
  color: var(--yellow);
  font-size: 36px;
}

.color-white.preservation-list-item {
  margin-bottom: 0;
}

.color-white.link-footer-text:hover {
  color: var(--yellow);
}

.color-white.text-align-center.padding-left-right {
  padding-left: 10px;
  padding-right: 10px;
}

.color-white.csr {
  text-align: center;
  max-width: 720px;
}

.testimonial-one-review-image {
  width: 100%;
  max-width: 140px;
}

.counter-card-one-title {
  height: 75px;
  margin-bottom: 21px;
}

.counter-card-one-title.as-reduce-height {
  height: 50px;
}

.client-one-marquee {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1234px;
  margin-left: auto;
  margin-right: auto;
}

.yellow-tag {
  background-color: #f6b61b;
  border-radius: 50px;
  padding: 2px 10px 1px;
}

.container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 15px;
}

.container.full-container {
  width: 100%;
}

.container.new-cta {
  padding-bottom: 90px;
}

.container.position-relative {
  max-height: none;
}

.container.full-height {
  grid-template-rows: auto;
}

.container.sizing {
  flex: 1;
}

.container.home-2 {
  background-color: var(--secondary-color);
  padding-top: 40px;
  padding-bottom: 40px;
}

.container.metrics-home.rnd {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}

.container.rnd {
  padding-top: 40px;
}

.counter-one-train {
  justify-content: flex-start;
  align-items: center;
}

.counter-one-marquee-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  height: 43px;
}

.position-relative {
  z-index: 10;
  position: relative;
}

.position-relative.overflow-hidden.left-right-radius {
  background-color: var(--primary-color);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 350px;
}

.position-relative.overflow-hidden.border-radius-10.innovation-v2-image-one {
  flex: 1;
  max-width: 508px;
}

.position-relative.overflow-hidden.innovation-v2-image-two {
  border-radius: 10px;
  flex: 1;
  max-width: 233px;
}

.position-relative.change-margin {
  margin-bottom: -23px;
}

.position-relative.about-kontix-image, .position-relative.about-kontix-main-image-wrapper {
  min-height: 100vh;
}

.position-relative.reliable-construction-subtext-bottom-padding {
  padding-bottom: 20px;
}

.position-relative.pricing-v1-change-margin {
  margin-bottom: -25px;
}

.position-absolute {
  position: absolute;
}

.copy-right-menu {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  width: 100%;
  max-width: 308px;
}

.heading-style-h2 {
  color: #fff;
  letter-spacing: -.32px;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.25;
}

.heading-style-h2.highlight-color {
  color: var(--yellow);
}

.heading-style-h2.highlight-color.as-no-margin {
  margin-top: 0;
}

.heading-style-h2.highlight-color.text-left {
  text-align: left;
}

.heading-style-h2.highlight-color.as-heading-center {
  margin-left: auto;
  margin-right: auto;
}

.heading-style-h2.highlight-color.fulfiling-text {
  text-align: left;
}

.heading-style-h2.color-black {
  color: #000;
}

.heading-style-h2.price-yearly.position-absolute {
  position: absolute;
  inset: 0% auto auto 0%;
}

.copy-write-menu-item {
  color: gray;
  border-right: 1px solid #ffffff80;
  padding-right: 20px;
  text-decoration: none;
}

.copy-write-menu-item.remove-right-border {
  border-right-style: none;
  padding-right: 0;
}

.footer-col-two-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-menu-item {
  text-decoration: none;
}

.footer-one-top-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  padding-top: 90px;
  padding-bottom: 130px;
  display: grid;
}

.copyright-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.footer-one {
  background-color: var(--light-black);
  border-top: 1px solid #fff3;
}

.footer-one.position-relative {
  background-color: var(--primary-color);
}

.heading-style-h3 {
  letter-spacing: 0;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.33333;
}

.heading-style-h3.color-black {
  color: var(--primary-color);
}

.heading-style-h3.color-black.precision-card-heading-wrapper {
  max-width: 239px;
  padding-top: 30px;
}

.heading-style-h3.color-white.footer-contact-item {
  max-width: 421px;
  padding-top: 50px;
  font-size: 22px;
}

.heading-style-h3.highlight-color.text-left {
  text-align: left;
}

.service-one-card-effect {
  perspective: 1000px;
  width: 115%;
  height: 115%;
}

.image.one {
  height: 100%;
}

.about-one-main {
  background-color: #fff;
  padding-top: 83px;
  padding-bottom: 90px;
}

.margin-auto {
  margin-left: auto;
  margin-right: auto;
}

.margin-auto.faq-heading {
  max-width: 400px;
}

.margin-auto.portfolio-gallery-text-wrapper {
  max-width: 850px;
}

.display-inline-block {
  display: inline-block;
}

.text-align-center {
  text-align: center;
}

.text-align-center.service-big-button {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-align-center.service-big-button.add-top-padding {
  padding-top: 80px;
}

.no-srink {
  flex: none;
}

.service-one-image-block {
  height: 536px;
}

.service-one-image-block.overflow-hidden-2 {
  pointer-events: none;
  border-radius: 10px;
}

.service-one-image-block.overflow-hidden.as-prodcuts-height {
  height: 426px;
}

.service-one-card {
  cursor: pointer;
  width: 35%;
}

.service-one-card.active {
  width: 100%;
}

.service-one-card.active.overflow-hidden.position-relative {
  cursor: auto;
  border-radius: 10px;
}

.service-one-card.overflow-hidden.position-relative.inactive {
  border-radius: 10px;
}

.play-button {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: relative;
}

.video-two-video-wrapper {
  justify-content: space-between;
  display: flex;
}

.video-section-two {
  background-image: linear-gradient(#10101000, #101010de 62%, #101010);
  padding-left: 15px;
  padding-right: 15px;
}

.viide-two-video-line {
  background-color: #fff3;
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 858px;
  margin-left: 77px;
  display: flex;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-capitalize.footer-menu-item-text {
  color: #b8b8b8;
  transition: opacity .12s cubic-bezier(.901, .369, .193, .615);
}

.text-capitalize.footer-menu-item-text:hover {
  color: var(--yellow);
}

.over-view-two-image-wrap {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 630px;
  padding-bottom: 25px;
  padding-left: 25px;
}

.counter-two-marquee-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  height: 67px;
}

.counter-two-marquee {
  justify-content: flex-start;
  align-items: center;
}

.icon-card-one-title-wrap {
  text-align: center;
  width: 100%;
  max-width: 550px;
}

.image-card-one-section-main {
  background-image: url('../images/kontix-inner-pages-banner-line-webflow-ecommerce-template.svg');
  background-position: 50%;
  background-size: cover;
  padding-top: 75px;
  padding-bottom: 90px;
}

.over-view-two-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}

.over-view-two-wrap.two-about-innovation-wrap {
  justify-content: center;
  align-items: stretch;
}

.yellow-counter-marquee-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  height: 35px;
}

.counter-two-number {
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 70px;
  font-weight: 500;
  line-height: 1;
}

.counter-two-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid #fff3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  margin-top: 48px;
}

.counter-two-wrapper.change-padding {
  margin-top: 55px;
}

.over-view-two {
  padding-top: 130px;
  padding-bottom: 0;
}

.over-view-two.as-bg-color-white {
  background-color: var(--secondary-color);
}

.over-view-two.as-bg-color-white.as-padding-bottom, .over-view-two.add-bottom-padding {
  padding-bottom: 100px;
}

.over-view-two.add-bottom-padding.advanced {
  padding-top: 60px;
}

.over-view-two.as-mobile-padding-top-remove, .over-view-two.as-mobile-padding-0, .over-view-two.bentonite-mobile-padding, .over-view-two.kaolin, .over-view-two.specialty {
  padding-top: 40px;
}

.over-view-two-image-one.responsive-full-width {
  position: relative;
}

.over-view-two-image-one.responsive-full-width.overflow-hidden.border-radius-10 {
  flex: 1;
  max-width: 520px;
}

.heading-two-gap-top-bottom {
  margin-top: 25px;
  margin-bottom: 29px;
  overflow: hidden;
}

.heading-two-gap-top-bottom.overflow-hidden.overview-two-heading {
  max-width: none;
}

.heading-two-gap-top-bottom.overflow-hidden.progress-one-heading-wrapper {
  max-width: 406px;
}

.heading-two-gap-top-bottom.overflow-hidden.innovation-heading {
  max-width: 419px;
}

.heading-two-gap-top-bottom.overflow-hidden.about-three-heading {
  max-width: 405px;
}

.heading-two-gap-top-bottom.overflow-hidden.overview-three-heading {
  max-width: 368px;
}

.counter-card-two {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 34px;
}

.counter-card-two.one {
  border-right: 1px solid #cdc2bf33;
}

.hero-two-content {
  justify-content: flex-start;
  align-items: center;
}

.hero-two-content.home-three-hero-content-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 220px;
}

.hero-two-content.home-three-hero-content-wrap.standing {
  flex-flow: column;
  align-items: flex-start;
  width: auto;
  min-width: 0;
  max-width: none;
  padding-bottom: 40px;
  font-size: 15px;
  display: flex;
}

.over-view-information {
  flex: 1;
  max-width: 550px;
}

.hero-text-gap-top-bottom {
  margin-top: 25px;
  margin-bottom: 31px;
}

.full-width {
  width: 100%;
}

.full-width.responsiv-full-height.image-effect.border-radius-10 {
  aspect-ratio: auto;
  object-fit: scale-down;
  object-position: 50% 50%;
  width: auto;
  min-width: 0%;
  max-width: none;
  height: 430px;
}

.service-two-card {
  border-top: 1px solid #fff3;
  width: 100%;
  padding: 44px 30px;
}

.service-two-card.position-relative.service-card-six {
  border-right: 1px solid #fff3;
  padding: 111px 0 111px 140px;
}

.button-style-one-background.position-absolute {
  border: 2px solid var(--yellow);
  background-color: var(--yellow);
  border-radius: 10px;
  inset: 0%;
}

.button-style-one-background.position-absolute.light-button {
  background-color: var(--secondary-color);
}

.button-style-one-background.position-absolute {
  inset: 0%;
  inset: 0%;
  background-color: #ff8a41;
  border: 2px solid #ff8a41;
  border-radius: 10px;
  inset: 0%;
}

.service-two-card-left-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 276px;
}

.service-two-card-left-wrap.service-six-card-text-wrap {
  grid-column-gap: 37px;
  grid-row-gap: 37px;
  max-width: none;
  padding-right: 30px;
}

.service-two-card-main {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.service-two-card-main.position-relative {
  z-index: 1;
}

.service-card-two-bg.position-absolute {
  perspective-origin: 0%;
  background-image: linear-gradient(90deg, #0000, #0000005e 0%, #000c);
  inset: 0%;
}

.service-card-two-bg.position-absolute.two {
  background-image: linear-gradient(#07070700, #07070747 50%, #070707), linear-gradient(268deg, #07070700, #070707d9 83%);
}

.button-style-one-wrap {
  display: inline-block;
}

.button-style-one-wrap:where(.w-variant-6e2385dc-4996-d9d5-515e-70517806a760) {
  justify-content: space-between;
  display: block;
}

.button-style-one-wrap.overflow-hidden.light-button:where(.w-variant-e26de2d9-016d-6553-9f9d-7e4ae9c37a7f) {
  width: 100%;
}

.button-style-one-wrap.overflow-hidden.light-button.event-none, .button-style-one-wrap.overflow-hidden.full-width.event-none, .button-style-one-wrap.overflow-hidden.rt-event-none {
  pointer-events: none;
}

.button-text-wrap {
  justify-content: flex-start;
  align-items: center;
  height: 24px;
}

.button-text-wrap.position-relative, .button-style-one-icon.position-relative {
  z-index: 1;
}

.image-card-two-title-wrap {
  max-width: 279px;
  margin-top: 15px;
  margin-bottom: 39px;
}

.image-card-three-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 53px;
  margin-bottom: 130px;
}

.image-card-two-image.deactive.responsiv-full-height {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.image-card-two-overlay.position-absolute {
  background-image: linear-gradient(#fff0, #0a0a0d);
  inset: -1%;
}

.image-card-two.position-relative.two.overflow-hidden, .image-card-two.position-relative.one.overflow-hidden {
  border: 1px solid var(--yellow);
  border-radius: 10px;
}

.about-two {
  background-color: #fff;
  padding-top: 125px;
}

.about-two.change-background-color {
  background-color: var(--primary-color);
  padding-top: 125px;
  padding-bottom: 130px;
}

.image-card-four-arrow {
  background-color: #f6b61b;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 80px;
  height: 80px;
}

.image-card-four-arrow.border-radius-fifty {
  border: 1px solid #1709394d;
}

.features-one-title-wrap {
  width: 100%;
  max-width: 730px;
}

.features-one-title-wrap.margin-auto.text-align-center.overflow-hidden.heading-two-gap-top {
  justify-content: center;
  align-items: center;
  max-width: 520px;
  padding-bottom: 20px;
}

.features-one-title-wrap.margin-auto.text-align-center.overflow-hidden.heading-two-gap-top.bentonite {
  max-width: 850px;
  font-size: 18px;
}

.image-card-four-title-wrap {
  width: 100%;
  max-width: 275px;
}

.image-card-four-one {
  border: 1px solid #0003;
  border-radius: 10px;
  padding: 50px 40px;
  position: relative;
}

.image-card-four-one.position-relative.deactive.overflow-hidden {
  border-radius: 10px;
}

.features-one {
  background-color: #fff;
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 70px;
}

.features-one.as-producst-wrapper {
  margin-top: 80px;
  padding-top: 0;
  padding-bottom: 60px;
}

.features-one.as-key-feature {
  padding-top: 40px;
  padding-bottom: 0;
}

.image-card-four-main {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.image-card-four-main.position-relative {
  z-index: 1;
}

.image-card-four-bg {
  background-image: linear-gradient(92deg, #0a0a0d, #0a0a0d14), url('../images/kontix-about-image-webflow-ecommerce-template.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.image-card-four-bg.position-absolute {
  transform-origin: 50%;
  inset: 0%;
}

.image-card-four-bg.position-absolute.deactive {
  background-image: none;
  border: 1.5px solid #000;
  border-radius: 15px;
}

.image-card-four-bg.position-absolute.deactive.three {
  background-image: linear-gradient(92deg, #0a0a0d, #0a0a0d14), url('../images/kontix-portfolio-image-webflow-ecommerce-template.webp');
}

.image-card-four-bg.position-absolute.deactive.four {
  background-image: linear-gradient(92deg, #0a0a0d, #0a0a0d14), url('../images/kontix-home-one-quality-construction-image-threewebflow-ecommerce-template.webp');
}

.features-one-card-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin-top: 53px;
}

.features-one-card-wrap.as-prodcuts-row-1 {
  grid-template-rows: auto;
}

.features-one-card-wrap.as-products-col-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.border-radius-fifty {
  border-radius: 50%;
}

.our-team-one-top-wrap {
  justify-content: flex-start;
  align-items: center;
}

.our-team-one-top-wrap.full-width {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: center;
}

.our-team-one-top-wrap.full-width.team-details-top-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.team-one-title-wrap {
  flex: 1;
  max-width: 465px;
}

.team-one-title-wrap.team-page-title-wrap {
  max-width: none;
  padding-bottom: 8px;
}

.team-one-title-wrap.team-details-title-wrap {
  max-width: 582px;
}

.team-one {
  padding-top: 125px;
}

.team-one.change-padding {
  padding-bottom: 130px;
}

.team-one.change-padding.bottom-padding-0 {
  padding-bottom: 0;
}

.team-one.change-team-padding {
  background-color: var(--secondary-color);
  padding-top: 120px;
  padding-bottom: 130px;
}

.team-one.change-background-color {
  background-color: var(--color);
  padding-top: 0;
  padding-bottom: 130px;
}

.team-one.change-background-color.as-leadership-padding {
  padding-top: 130px;
}

.team-one.change-top-bottom-padding {
  padding-top: 0;
  padding-bottom: 130px;
}

.button-one-arrow.light-button {
  filter: invert();
}

.full-height {
  height: 100%;
}

.display-none {
  display: none;
}

.home-one-hero-slider.position-absolute {
  inset: 0%;
}

.home-one-hero-slider.position-absolute.full-height {
  background-color: var(--transparent);
}

.client-one-marquee-main {
  border-top: 1px solid #fff3;
  border-bottom: 1px solid #fff3;
  padding-top: 65px;
  padding-bottom: 65px;
}

.play-pause-button {
  inset: 0%;
}

.play-pause-button.position-relative {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
}

.body-color {
  color: var(--gray);
}

.body-color.footer-menu-item-text {
  transition: opacity .12s cubic-bezier(.895, .387, .17, .638);
}

.body-color.footer-menu-item-text:hover {
  color: var(--yellow);
}

.copyright-one {
  border-top: 1px solid #ffffff1a;
}

.testimonial-information-text-wrap {
  max-width: 596px;
}

.footer-container {
  max-width: 1320px;
  padding-left: 15px;
  padding-right: 15px;
}

.team-card-one.position-relative.overflow-hidden.border-radius-10 {
  background-color: var(--light-black);
  height: 320px;
}

.team-one-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  margin-top: 60px;
  display: grid;
}

.footer-one-wrap.position-relative {
  background-color: var(--primary-color);
}

.reliable-construction {
  padding-top: 130px;
  padding-bottom: 130px;
}

.reliable-construction-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: space-between;
  align-items: center;
}

.image-card-card-two-content-wrap.position-absolute {
  padding-left: 30px;
  padding-right: 30px;
  inset: auto 0% 45px;
}

.team-one-main-wrap {
  justify-content: flex-start;
  align-items: center;
}

.about-three-image-one.position-relative {
  z-index: 1;
}

.about-three-counter-wrapper {
  background-color: var(--yellow);
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 208px 1px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.about-three-counter-wrapper.position-absolute {
  z-index: 1;
  width: 100%;
  max-width: 560px;
  padding: 30px 20px 40px;
  inset: auto 0 12% auto;
}

.service-three.position-relative {
  background-color: var(--secondary-color);
}

.about-three-button-wrap {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
  margin-top: 40px;
  display: flex;
}

.about-three-image-wrap {
  width: 100%;
  max-width: 611px;
}

.about-three-image-wrap.position-relative {
  display: flex;
}

.planning-image-content-title-wrapper {
  width: 100%;
  max-width: 228px;
}

.planning-image-one.position-relative.full-height.overflow-hidden {
  border-radius: 10px;
  height: 100%;
}

.about-three-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: center;
}

.about-three {
  background-color: var(--secondary-color);
  padding-top: 60px;
  padding-bottom: 60px;
}

.service-three-title-wrap {
  width: 100%;
  max-width: 653px;
}

.about-three-icon-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-top: 1px solid #fff3;
  grid-template-rows: auto;
  margin-top: 43px;
  padding-top: 40px;
}

.about-three-information-wrap {
  width: 100%;
  max-width: 520px;
  overflow: hidden;
}

.icon-box-two-title-wrap {
  margin-top: 36px;
  margin-bottom: 26px;
}

.planning-one-information {
  max-width: 467px;
}

.planning-one-information.two {
  flex: 1;
  align-self: center;
}

.responsiv-full-height.image-effect.left-right-radius {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.responsiv-full-height.image-effect.left-right-radius.as-futures-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.responsiv-full-height.left-right-radius {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.planning-one-image-title {
  margin-top: 0;
}

.service-card-three-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 53px;
  padding-bottom: 60px;
}

.service-card-three-wrap.position-relative {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  place-items: center;
}

.service-card-three-wrap.position-relative.as-service-row-1 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
}

.yellow-counter-card-one {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f6b61b;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 214px;
  padding-top: 40px;
  padding-bottom: 45px;
}

.yellow-counter-card-one.yellow-counter-card-two {
  background-color: #fff0;
  max-width: none;
  padding-top: 0;
  padding-bottom: 0;
}

.yellow-counter-card-one.yellow-counter-card-two.text-align-center {
  text-align: center;
}

.yellow-counter-card-one.yellow-counter-card-two.text-align-center.one {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.position-absolute-strech {
  position: absolute;
  inset: 0%;
}

.heading-two-gap-bottom {
  margin-bottom: 25px;
}

.heading-two-gap-bottom.overflow-hidden.service-seven-information-heading {
  max-width: 400px;
}

.heading-two-gap-bottom.overflow-hidden.connect-heading {
  max-width: 317px;
}

.icon-card-three-wrapper {
  margin-top: 58px;
  margin-bottom: 40px;
  overflow: hidden;
}

.features-two-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.icon-card-three {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 35px;
  padding-right: 10px;
}

.features-two-image-wrap {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 630px;
}

.icon-card-three-hr-line {
  background-color: #f4f4f459;
  height: 1px;
}

.icon-card-three-hr-line.position-absolute.top {
  inset: 0% 0% auto;
}

.icon-card-three-hr-line.position-absolute.top.color-change {
  background-color: #0003;
}

.icon-card-three-hr-line.position-absolute.bottom {
  inset: auto 0% 0%;
}

.icon-card-three-hr-line.position-absolute.bottom.color-change {
  background-color: #0003;
}

.icon-card-three-title {
  margin-bottom: 23px;
}

.features-two-image-one.position-relative.overflow-hidden.border-radius-10 {
  height: auto;
}

.icon-card-three-information {
  max-width: 420px;
  padding-top: 36px;
  padding-bottom: 36px;
}

.icon-card-three-middle-line {
  background-color: #f4f4f459;
  align-self: stretch;
  width: 1px;
}

.icon-card-three-middle-line.color-change {
  background-color: #0003;
}

.features-two {
  padding-top: 125px;
  padding-bottom: 125px;
}

.features-two.change-background-color {
  background-color: var(--secondary-color);
}

.features-two-image-two {
  background-color: var(--primary-color);
  border-radius: 10px;
  margin-right: -300px;
  padding-top: 20px;
  padding-right: 20px;
}

.features-two-image-two.position-relative {
  z-index: 11;
}

.icon-card-three-icon-wrap {
  max-width: 38px;
  padding-top: 45px;
  padding-bottom: 45px;
}

.features-two-information-wrap {
  max-width: 540px;
}

.progress-one-information-wrap {
  width: 100%;
  max-width: 553px;
}

.progress-one {
  padding-top: 130px;
  padding-bottom: 130px;
}

.progress-one-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
}

.service-six {
  padding-top: 125px;
}

.progress-bar-one-line {
  background-color: #f6b61b;
}

.progress-bar-one-line.position-absolute {
  inset: 0%;
}

.about-hero-bg {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-about-one-banner-image-webflow-ecommerce-template.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.about-hero-bg.position-absolute {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-blog-one-image-webflow-ecommerce-template_1.webp');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  inset: 0%;
}

.about-hero-bg.position-absolute.service-bg {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-service-one-hero-image-webflow-ecommerce-template.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.about-hero-bg.position-absolute.contact-one-bg {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-contact-one-hero-image-webflow-ecommerce-template.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.about-hero-bg.position-absolute.contact-one-bg.banner-apearence {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/Whisk_f7dec9470dfb7af9c8a4ed5276bce30edr.jpeg');
}

.about-hero-bg.position-absolute.team-banner-bg {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-team-hero-image-webflow-ecommerce-template.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.about-hero-bg.position-absolute.pricing-three-banneer {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-pricing-three-hero-image-webflow-ecommerce-template.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.about-hero-bg.position-absolute.contact-two-banner {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 44%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-contact-two-hero-image-webflow-ecommerce-template.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.about-hero-bg.position-absolute.blog-one-banner {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-blog-one-hero-image-webflow-ecommerce-template.webp');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.about-hero-bg.position-absolute.blog-two-banner {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-blog-two-hero-image-webflow-ecommerce-template.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.about-hero-bg.position-absolute.blog-three-banner {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-blog-three-hero-image-webflow-ecommerce-template.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.about-hero-bg.position-absolute.pricing-details-banner {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-pricing-hero-image-webflow-ecommerce-template.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.about-hero-bg.position-absolute.service-three-bg {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-service-three-hero-image-webflow-ecommerce-template.webp');
}

.about-hero-bg.position-absolute.service-two-bg {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-service-two-hero-image-webflow-ecommerce-template.webp');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.progress-bar-one-top-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
}

.progress-bar-one-progress-wrap {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
}

.about-hero {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 290px;
  padding-bottom: 290px;
  display: flex;
}

.about-hero.position-relative.overflow-hidden {
  overflow: visible;
}

.progress-one-image-wrapper {
  align-items: flex-end;
  width: 100%;
  max-width: 626px;
  padding-bottom: 60px;
  display: flex;
}

.progress-bar-one-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  margin-top: 53px;
}

.progress-bar-one-wrapper.full-width {
  padding-bottom: 40px;
}

.progress-one-image-two {
  margin-bottom: -50px;
  margin-left: -300px;
}

.service-six-arrow {
  flex: none;
  justify-content: center;
  align-items: center;
}

.service-six-card-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #ffffff1a;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 53px;
}

.heading-one-gap-top {
  margin-top: 20px;
}

.heading-one-gap-top.about-hero-heading {
  max-width: 672px;
}

.heading-one-gap-top.about-hero-heading.margin-auto.overflow-hidden {
  max-width: 550px;
}

.heading-one-gap-top.about-hero-v2-heading {
  max-width: 672px;
}

.heading-one-gap-top.about-hero-v2-heading.margin-auto.overflow-hidden {
  max-width: 577px;
}

.progress-bar-one-bar {
  background-color: #fff3;
  width: 100%;
  height: 3px;
}

.service-six-title-wrap {
  width: 100%;
  max-width: 640px;
}

.about-hero-content {
  justify-content: center;
  align-items: flex-end;
}

.our-story-one-information {
  width: 100%;
  max-width: 630px;
}

.features-three {
  padding-bottom: 130px;
}

.icon-box-three {
  padding-top: 40px;
  padding-right: 20px;
}

.icon-box-three.two {
  border-right-width: 0;
  padding-left: 20px;
  padding-right: 0;
}

.features-three-card-text-wrap {
  margin-top: 25px;
  margin-bottom: 38px;
}

.our-story-one-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
}

.our-story-one-image {
  align-self: stretch;
  width: 100%;
  max-width: 588px;
  position: relative;
  overflow: hidden;
}

.icon-box-three-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  margin-top: 62px;
}

.features-three-title-wrap {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 646px;
  padding-bottom: 50px;
}

.features-three-title-wrap.margin-auto.text-align-center {
  max-width: 600px;
  padding-top: 0;
  padding-bottom: 0;
}

.icon-box-three-title-wrap {
  max-width: 170px;
  margin-top: 32px;
  margin-bottom: 21px;
}

.features-three-card {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top: 1px solid #fff3;
  border-bottom: 1px solid #fff3;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 70px;
  display: flex;
}

.features-three-card.top-border-remove {
  border-top-style: none;
}

.our-story-one {
  padding-top: 130px;
  padding-bottom: 125px;
}

.features-three-card-image {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  object-fit: contain;
  justify-content: center;
  width: 100%;
  max-width: 720px;
  display: flex;
}

.features-three-card-image.guinea {
  justify-content: flex-end;
}

.features-three-card-information {
  width: 100%;
  max-width: 477px;
}

.features-three-card-information.landscape-text-center {
  max-width: 550px;
}

.service-seven-image {
  width: 100%;
  max-width: 630px;
}

.icon-box-four-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-top: 40px;
}

.icon-box-four-wrapper.two {
  width: 100%;
  max-width: 500px;
  margin-top: 70px;
}

.service-seven-information {
  width: 100%;
  max-width: 552px;
}

.service-seven-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
}

.service-seven {
  background-color: var(--secondary-color);
  padding-top: 130px;
  padding-bottom: 130px;
}

.icon-box-four {
  color: #fff;
}

.icon-box-four-text {
  margin-top: 23px;
}

.icon-box-four-text.two {
  width: 100%;
  max-width: 267px;
}

.icon-box-four-text.one {
  max-width: 515px;
}

.icon-box-four-line {
  background-color: #0003;
  width: 100%;
  height: 1px;
}

.icon-box-four-line.two {
  background-color: #fff3;
  height: 1px;
}

.icon-box-four-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 30px;
}

.icon-box-four-top.two {
  max-width: 300px;
}

.large-size-div {
  background-color: var(--secondary-color);
  border-radius: 10px;
  width: 100%;
  max-width: 1600px;
}

.large-size-div.margin-auto.about-one-padding {
  padding-top: 124px;
  padding-bottom: 130px;
}

.large-size-div.margin-auto.figma-main-wrapper {
  background-color: var(--primary-color);
  padding-top: 130px;
  padding-bottom: 130px;
}

.large-size-div.about-one-main {
  padding-top: 125px;
  padding-bottom: 130px;
}

.large-size-div.about-one-main.margin-auto {
  padding-top: 0;
}

.large-size-div.image-card-one-section-main {
  background-image: none;
  background-size: auto;
  padding-top: 130px;
  padding-bottom: 130px;
}

.large-size-div.copyright-one-container {
  background-color: var(--transparent);
}

.large-size-div.faq-one-main {
  background-color: var(--light-color);
  padding-top: 120px;
  padding-bottom: 130px;
}

.service-card-two-bg-image.position-absolute {
  inset: 0%;
}

.pricing-card-two-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-transform: capitalize;
  margin-top: 55px;
}

.pricing-card-two-item.two {
  margin-top: 40px;
}

.pricing-card-one-price-wrap {
  margin-top: 32px;
}

.price-card-one-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-transform: none;
  justify-content: flex-start;
  align-items: flex-start;
}

.price-card-one-item.disable-item {
  opacity: .55;
}

.pricing-one-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.pricing-one-wrap.pricing-two-wrap {
  grid-template-columns: 1fr 1fr;
}

.pricing-one-information {
  width: 100%;
}

.pricing-one-information.position-relative.overflow-hidden {
  margin-top: 50px;
}

.pricing-one-information.position-relative.overflow-hidden.pricing-two-information-wrap {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-card-one-price-type {
  line-height: 1.1;
}

.pricing-card-one-title {
  margin-bottom: 7px;
}

.pricing-section-two {
  padding-top: 125px;
  padding-bottom: 130px;
}

.pricing-card-one {
  background-color: var(--light-black);
  padding: 1px;
}

.price-card-tag-text {
  font-size: 14px;
  line-height: 1.2;
}

.pricing-one-tab-button {
  border: 1px solid #fff3;
  border-radius: 60px;
  justify-content: flex-start;
  align-items: center;
  max-width: 64px;
  height: 28px;
  padding: 5px 3px;
}

.pricing-one-tab-button.full-width {
  cursor: pointer;
}

.pricing-one-card-content {
  padding: 34px 30px 55px;
}

.pricing-one-card-content.position-relative {
  z-index: 1;
}

.pricing-one-tab-button-ball {
  background-color: var(--yellow);
  border-radius: 50%;
  width: 22px;
  max-width: 30px;
  height: 22px;
}

.pricing-one-tab-menu {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 35px;
}

.pricing-one-tab-menu.two {
  margin-top: 28px;
}

.pricing-two-tag {
  background-color: var(--yellow);
  border-radius: 50px;
  padding: 6px 15px;
}

.pricing-two-tag.position-absolute {
  inset: 40px 25px auto auto;
}

.pricing-two-tag.position-absolute.color-change {
  background-color: var(--light-black);
}

.pricing-card-one-price-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 10px;
}

.disable-item {
  opacity: .45;
}

.pricing-button-wrap {
  margin-top: 53px;
}

.pricing-button-wrap.two {
  margin-top: 33px;
}

.counter-four {
  background-color: var(--primary-color);
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.pricing-one-table {
  padding-bottom: 130px;
}

.price-table-title-wrap {
  margin-top: -5px;
}

.pricing-plan-row-plans {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 870px;
  display: grid;
}

.pricing-plan-row-contain {
  display: flex;
}

.pricing-plan-row-contain.pricing-plan-row-bg-image {
  border-top: 1px solid #fff3;
}

.pricing-plan-row-contain.pricing-plan-row-bg-image.two {
  border-bottom: 1px solid #fff3;
}

.pricing-plan-row-contain.pricing-plan-feature-box {
  border-bottom: 1px solid #fff3;
  height: 45px;
}

.pricing-plan-row-contain.pricing-plan-row-contain-bottom {
  border-bottom: 1px solid #fff3;
}

.our-pricing-table-title-wrapper {
  padding-bottom: 58px;
}

.pricing-plan-row-feature {
  align-items: center;
  width: 100%;
  max-width: 420px;
  padding-top: 33px;
  padding-bottom: 33px;
  padding-right: 20px;
  display: flex;
}

.pricing-plan-row-feature.pricing-plan-row-feature-heading {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pricing-plan-row-feature.one {
  padding-top: 0;
  padding-bottom: 0;
}

.our-pricing-table-title-wrap {
  width: 100%;
  max-width: 646px;
}

.our-pricing-table-title-wrap.overflow-hidden {
  max-width: 500px;
}

.pricing-plan-comparison-plan {
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-plan-comparison-plan.pricing-plan-comparison-background-two {
  border-left: 1px solid #fff3;
  padding-top: 20px;
  padding-bottom: 30px;
}

.pricing-plan-comparison-plan.pricing-plan-comparison-background-two.border-two {
  border-right: 1px solid #fff3;
  width: 100%;
}

.pricing-plan-comparison-plan.pricing-plan-comparison-background-two.border-two.pricing-table-title-title-div {
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 20px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-content.four-zero-four-content {
  width: 660px;
}

.utility-page-content.passwor-protect-content {
  background-color: #ffffff1a;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 692px;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.utility-page-form.password-protect-from {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 50px 80px;
}

.contact-one-form-information {
  flex: 1;
  width: 100%;
  max-width: 440px;
  padding-top: 75px;
  padding-bottom: 90px;
}

.contact-one-from-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.contact-one-form-input {
  color: var(--secondary-color);
  background-color: #fff0;
  border: 0 solid #000;
  border-bottom: 1px solid #fff3;
  width: 100%;
  padding: 34px 15px 34px 0;
}

.contact-one-form-input:focus, .contact-one-form-input.-wfp-focus {
  color: var(--secondary-color);
  border-bottom-color: #ffffff85;
}

.contact-one-form-input::placeholder {
  color: var(--secondary-color);
  font-size: 16px;
}

.contact-one-form-input.two {
  padding-top: 5px;
  padding-bottom: 5px;
}

.contact-one-form-input.hamburger-contact-input {
  padding-top: 24px;
  padding-bottom: 24px;
}

.contact-one-form-wrap {
  border-left: 1px solid #fff3;
  flex: 1;
  width: 100%;
  max-width: 740px;
  padding-top: 82px;
  padding-bottom: 90px;
  padding-left: 50px;
}

.contact-box-one {
  justify-content: center;
  align-items: flex-start;
  padding-top: 39px;
  padding-bottom: 40px;
}

.contact-box-one-link {
  text-decoration: none;
}

.contact-box-one-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  max-width: 217px;
}

.contact-box-one-wrap.margin-auto.text-align-center {
  justify-content: flex-start;
  align-items: center;
}

.contact-one-text-area {
  color: #fff;
  background-color: #fff0;
  border: 0 solid #000;
  border-bottom: 1px solid #fff3;
  width: 100%;
  min-height: 215px;
  margin-top: 24px;
  padding-left: 0;
  font-size: 16px;
}

.contact-one-text-area:focus {
  color: var(--secondary-color);
  border-bottom-color: #fff3;
}

.contact-one-text-area::placeholder {
  color: var(--secondary-color);
}

.contact-one-text-area.hamburger-textarea {
  min-height: 100px;
  margin-bottom: 20px;
}

.contact-box-wrapper {
  margin-top: -73px;
}

.contact-form-checkbox-label {
  color: var(--secondary-color);
  margin-left: 10px;
  font-weight: 400;
}

.contact-form-checkbox-label.color-black {
  color: var(--light-black);
}

.contact-one-form-information-text {
  width: 100%;
  max-width: 400px;
}

.contact-form-check-box {
  width: 22px;
  height: 22px;
}

.contact-form-check-box.w--redirected-checked {
  background-color: var(--transparent);
  background-image: url('../images/kontix-contact-one-check-icon-webflow-ecommerce-template.svg');
  background-position: 50%;
  background-size: auto;
  border: 1px #000;
  box-shadow: 0 0 #0000;
}

.contact-form-check-box.w--redirected-focus {
  box-shadow: 0 2px 5px #0000;
}

.contact-form-check-box.no-margin {
  -webkit-text-stroke-color: white;
}

.contact-form-check-box.no-margin.two {
  border: 1px solid #0003;
  border-radius: 4px;
}

.contact-form-check-box.no-margin.two.w--redirected-checked {
  background-color: var(--gray);
  background-image: url('../images/kontix-contact-one-check-icon-webflow-ecommerce-template_1.svg');
  border: 1px #0000001a;
}

.contact-form-check-box.no-margin.two.w--redirected-focus {
  border: 1px solid #0003;
}

.contact-form-check-box.no-margin.one {
  border: 1px solid #fffc;
}

.contact-form-check-box.no-margin.three {
  background-color: #ffffff1a;
  border: 1px solid #fff3;
}

.contact-form-check-box.no-margin.three.w--redirected-checked {
  background-image: url('../images/Group-1597883837-1.svg');
  border-style: none;
}

.contact-form-check-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 31px;
  margin-bottom: 34px;
  display: flex;
}

.contact-form-check-block.two, .contact-form-check-block.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.contact-one-form-title {
  margin-bottom: 23px;
}

.contact-box-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--yellow);
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.contact-two-textarea {
  background-color: #fff0;
  border: 0 solid #000;
  border-bottom: 1px solid #b8b8b8;
  min-height: 96px;
  padding-left: 0;
  padding-right: 0;
}

.contact-two-textarea:focus {
  color: var(--light-black);
}

.contact-two-textarea::placeholder {
  color: var(--light-black);
  background-color: #fff0;
}

.contact-two-input {
  color: var(--light-black);
  background-color: #fff0;
  border: 0 solid #000;
  border-bottom: 1px solid #b8b8b8;
  height: 65px;
  padding-bottom: 50px;
  padding-left: 0;
  padding-right: 0;
}

.contact-two-input:focus {
  border-bottom-color: var(--gray);
}

.contact-two-input::placeholder {
  color: var(--light-black);
}

.contact-two-form-input-wrap {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  color: var(--light-black);
  margin-bottom: 27px;
}

.contact-two-form-block {
  margin-top: 37px;
  margin-bottom: 0;
}

.contact-two-form-wrapper {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  background-color: #1212121a;
  border-radius: 10px;
  justify-content: space-between;
  align-items: stretch;
  padding-right: 90px;
}

.contact-two-form-input-block {
  color: var(--light-black);
  width: 100%;
}

.contact-two-from-wrap {
  width: 100%;
  max-width: 546px;
  padding-top: 73px;
  padding-bottom: 90px;
}

.contact-two-form-image {
  align-self: stretch;
  width: 100%;
  max-width: 546px;
}

.contact-v2-form {
  background-color: var(--secondary-color);
  padding-top: 130px;
}

.contact-two-label {
  color: #595959;
  margin-bottom: 10px;
  font-weight: 400;
}

.contact-two-label.body-color {
  color: var(--gray);
}

.contact-two-label.body-color.two {
  margin-bottom: 5px;
}

.contact-two-label.body-color.no-margin {
  margin-bottom: 0;
}

.contact-three-link {
  color: #b8b8b8;
  text-decoration: none;
}

.contact-three-card {
  border-bottom: 1px solid #fff3;
  padding-bottom: 29px;
}

.contact-three-card-image-wrap {
  position: relative;
}

.contact-three-card-image-wrap.overflow-hidden.border-radius-10 {
  height: 300px;
}

.contact-three-card-image-wrap.overflow-hidden.border-radius-10.as-img-height-100 {
  width: 100%;
  height: 100%;
}

.contact-three-card-image-wrap.overflow-hidden.border-radius-10.rnd {
  height: 350px;
}

.contact-three-card-image.responsive-full-width.image-effect.border-radius-10 {
  width: 410px;
  max-width: 410px;
  height: 234px;
  max-height: 234px;
}

.contact-three-card-image.responsive-full-width.image-effect.border-radius-10.as-height-100 {
  width: 100%;
  height: 100%;
}

.contact-three-card-image.responsive-full-width.image-effect.border-radius-10.mobile-width-100 {
  height: 300px;
  max-height: none;
}

.contact-three-card-image.responsive-full-width.image-effect.border-radius-10.mobile-width-100.rnd {
  object-fit: contain;
  background-color: #fff;
  height: 350px;
}

.contact-three-card-information {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin-top: 33px;
}

.contact-three-card-information.two {
  margin-top: 28px;
}

.contact-three-card-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: none;
  margin-top: 50px;
}

.contact-three-card-wrap.sustainability {
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
  place-items: center;
}

.contact-three-card-section {
  padding-top: 125px;
  padding-bottom: 130px;
}

.contact-three-card-section.padding-top-0 {
  padding-top: 0;
}

.contact-three-input {
  color: var(--secondary-color);
  background-color: #fff0;
  border: 0 solid #000;
  border-bottom: 1px solid #fff3;
  height: 42px;
  margin-bottom: 0;
  padding: 0 0 30px;
}

.contact-three-input:focus {
  border-bottom-color: var(--gray);
}

.contact-three-input::placeholder {
  color: var(--secondary-color);
}

.form-three-button-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}

.contact-three-form-input-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 38px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 30px;
}

.contact-three-form-wrap {
  background-color: #ffffff1a;
  border-radius: 10px;
  max-width: 1070px;
  margin-top: 53px;
  padding: 60px 64px;
}

.contact-three-text-area {
  color: var(--secondary-color);
  background-color: #fff0;
  border: 0 solid #000;
  border-bottom: 1px solid #fff3;
  width: 100%;
  min-height: 212px;
}

.contact-three-text-area:focus-visible, .contact-three-text-area[data-wf-focus-visible] {
  border-bottom-style: solid;
  border-bottom-color: #fff3;
}

.contact-three-text-area::placeholder {
  color: var(--secondary-color);
}

.contact-three-text-area.no-margin {
  color: var(--secondary-color);
  padding: 0;
}

.contact-three-text-area.no-margin:focus {
  border-bottom-color: var(--gray);
}

.contact-three-text-area.no-margin:focus-visible, .contact-three-text-area.no-margin[data-wf-focus-visible], .contact-three-text-area.no-margin::placeholder {
  color: var(--secondary-color);
}

.contact-three-form-section {
  padding-top: 125px;
}

.blog-card-wraper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-card-wraper.one {
  grid-column-gap: 25px;
  grid-row-gap: 70px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 60px;
  display: grid;
}

.blog-card-wraper.change-grid-box {
  grid-template-rows: auto;
}

.blog-v2-card-content {
  padding-top: 130px;
  padding-bottom: 130px;
}

.blog-v2-card-content.two {
  background-color: var(--light-black);
  padding-top: 0;
  padding-bottom: 0;
}

.blog-card-image.full-width.full-height.image-effect {
  border-radius: 10px;
}

.blog-card-image-block {
  height: 394px;
}

.blog-card-image-block.overflow-hidden.two {
  border-radius: 10px;
  width: 100%;
  height: 294px;
  margin-top: 69px;
}

.blog-card-image-block.overflow-hidden.full-height {
  position: relative;
}

.blog-card-date-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 22px;
}

.blog-card-date-wrap.two {
  margin-bottom: 0;
}

.blog-card-date-wrap.blog-card-three-information {
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
}

.blog-cad-two-information {
  padding-top: 40px;
}

.blog-card-one {
  border-bottom: 1px solid #00000026;
  padding-bottom: 30px;
}

.blog-card-information-main-wrap {
  max-width: 440px;
}

.blog-card-two {
  background-color: #222;
  border: 1px solid #e7d2d233;
  padding: 55px 50px 60px;
}

.blog-card-two.full-width.two {
  border-radius: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

.blog-card-arrow {
  border: 1px solid #e7d2d233;
  border-radius: 38px;
  flex: none;
  justify-content: center;
  align-items: center;
  max-width: 68px;
  height: 90px;
}

.blog-card-arrow.full-width {
  max-width: 58px;
  height: 80px;
}

.blog-card-information {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: flex-end;
}

.blog-v3-card-content {
  padding-top: 130px;
  padding-bottom: 130px;
}

.price-card-two-top-content {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 252px;
}

.price-card-two-top-content.text-align-center {
  max-width: 332px;
  padding-bottom: 28px;
  padding-left: 5%;
  padding-right: 5%;
}

.price-card-two-icon {
  margin-bottom: 40px;
}

.discount-text {
  text-decoration: line-through;
}

.price-card-two-price-block {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding-top: 25px;
}

.pricing-two-card-content {
  padding-top: 40px;
  padding-bottom: 40px;
}

.price-card-two-bottom-wrap {
  padding-left: 40px;
  padding-right: 40px;
}

.faq-one {
  background-color: var(--secondary-color);
  padding-bottom: 130px;
}

.faq-one.add-top-padding {
  padding-top: 125px;
}

.faq-one-accrodian-main {
  cursor: pointer;
  padding-top: 40px;
  padding-bottom: 42px;
}

.faq-one-accrodian-toggle-bar {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
}

.faq-one-accrodian {
  border-bottom: 1px solid #00000026;
}

.faq-one-accrodian.overflow-hidden.dark {
  border-bottom-color: #ffffff26;
}

.faq-one-button-line-one {
  background-color: var(--light-black);
  width: 12px;
  height: 1.5px;
}

.faq-one-button-line-one.faq-one-button-line-two.position-absolute {
  transform: rotate(90deg);
}

.faq-one-button-line-one.dark {
  background-color: var(--primary-color);
}

.faq-accrodian-body {
  display: block;
}

.faq-one-toggle-button-wrap {
  background-color: var(--yellow);
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
}

.faq-one-wrap {
  max-width: 1071px;
}

.acrodian-one-body-text {
  max-width: 880px;
  padding-top: 30px;
}

.acrodian-one-body-text.two {
  max-width: 792px;
}

.faq-one-title-wrap {
  width: 100%;
  max-width: 462px;
}

.faq-one-title-wrap.text-align-center.margin-auto.overflow-hidden {
  max-width: 350px;
}

.service-seven-text {
  max-width: 470px;
}

.faq-two-title-wrap.text-align-center.overflow-hidden {
  padding-bottom: 5px;
}

.blog-card-three-information {
  flex: 0 46%;
}

.blog-card-three-image-block {
  align-self: stretch;
  height: 600px;
}

.blog-card-three-image-block.overflow-hidden {
  border-radius: 10px;
}

.blog-card-three-title-wrap {
  max-width: 524px;
  margin-top: 30px;
  margin-bottom: 45px;
}

.blog-card-three {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.blog-details-banner.position-absolute {
  inset: 0%;
}

.blog-posts-hero-title {
  max-width: 500px;
}

.blog-details-top {
  padding-top: 100px;
  padding-bottom: 73px;
  display: none;
}

.blog-details-information {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.blog-description-one {
  max-width: 833px;
}

.blog-details-big-image {
  margin-top: 52px;
  padding-bottom: 70px;
}

.blog-description-two {
  max-width: 890px;
  padding-left: 49px;
}

.blog-description-three {
  max-width: 830px;
  margin-top: 40px;
  padding-left: 49px;
}

.blog-description-four {
  max-width: 790px;
  padding-left: 49px;
}

.blog-details-image-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 45px;
  display: grid;
}

.blog-details-bottom {
  background-color: var(--light-black);
  padding-top: 90px;
  padding-bottom: 72px;
  display: none;
}

.blog-details-title-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
}

.blog-details-blog-wrapper {
  padding-top: 90px;
  padding-bottom: 90px;
}

.team-member-contact-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.team-phone-no {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
}

.team-details-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  align-self: center;
  max-width: 567px;
}

.team-member-contact-info {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  align-self: stretch;
  margin-top: 43px;
}

.team-members-hero {
  padding-top: 143px;
}

.team-member-contact-icon-block {
  background-color: #ffffff1a;
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
}

.team-details-image-block {
  flex: 1;
  max-width: 520px;
  overflow: hidden;
}

.body-text {
  text-transform: none;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.team-details-hero-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1227px;
}

.team-details-hero-wrapper.full-width.margin-auto {
  align-items: stretch;
}

.team-details-short-description {
  max-width: 502px;
  margin-top: 12px;
  margin-bottom: 22px;
}

.team-member-contact-text-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.font-color-white {
  color: #fff;
}

.team-details-section {
  padding-top: 130px;
}

.team-member-about-text-block {
  flex: 1;
  max-width: 440px;
}

.team-capture-text-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 502px;
}

.team-member-about-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-top: 1px solid #fff3;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

.team-details-wrapper {
  max-width: 832px;
  margin-left: auto;
  margin-right: auto;
}

.team-details-capture-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fff3;
  border-radius: 10px;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  margin-bottom: 40px;
  padding: 40px 55px;
}

.team-details-full-wrapper {
  background-color: #ffffff1a;
  padding-top: 120px;
  padding-bottom: 100px;
}

.team-member-name-block {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  margin-bottom: 15px;
}

.team-member-about-wrapper {
  align-self: stretch;
  margin-top: 45px;
  margin-bottom: 20px;
}

.team-detais-social-icon-wrap.full-width {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #ffffff26;
  padding-bottom: 64px;
}

.team-detais-social-icon {
  border: 1px solid var(--white-tewnty);
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 48px;
  height: 48px;
}

.team-detais-social-icon.border-radius-fifty {
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-details-plan {
  margin-bottom: 40px;
  display: flex;
}

.pricing-details-text-block {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  max-width: 865px;
  padding-top: 75px;
}

.pricing-plans {
  padding-top: 193px;
  padding-bottom: 127px;
}

.plan-title-box {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-itmes-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 70px;
}

.plan-card-left {
  border-right: 1px solid #0003;
  flex: 1;
  padding: 61px 20px 67px;
}

.plan-title-para {
  max-width: 390px;
}

.pricing-detalis-heading {
  padding-bottom: 55px;
}

.pricing-plan-features {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  padding-bottom: 45px;
}

.pricing-plan-features.pricing-details-features {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.plan-card-right {
  flex: 1;
  align-self: center;
  max-width: 457px;
  padding: 59px 20px 70px;
}

.pricing-details-plan-wrapper {
  -webkit-backdrop-filter: drop-shadow(0 20px 100px #0000000f);
  backdrop-filter: drop-shadow(0 20px 100px #0000000f);
  background-color: #ffffff1a;
  border-radius: 10px;
  max-width: 1070px;
  display: flex;
}

.pricing-details-select {
  color: var(--secondary-color);
  background-color: #313131;
  border: 0 solid #000;
  border-radius: 10px;
  width: 100%;
  height: 50px;
  margin-bottom: 23px;
  font-size: 14px;
}

.pricing-details-select.two {
  margin-bottom: 30px;
}

.pricing-deatils-label {
  color: var(--secondary-color);
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 400;
}

.pricing-details-bottom-title-wrap {
  max-width: 526px;
}

.checkout-form {
  padding: 130px 0;
}

.chekout-box.background-dark {
  padding-top: 24px;
  padding-bottom: 25px;
}

.chekout-box.background-dark.two {
  padding-bottom: 40px;
}

.chekout-box.background-dark.four {
  padding-bottom: 0;
}

.background-dark {
  background-color: var(--light-black);
}

.checkout-page-dropdown {
  background-color: var(--transparent);
  border-width: 0 0 1px;
  border-bottom-color: #fff3;
  height: 40px;
  padding-left: 0;
}

.check-out-border-bottom {
  border-width: 0 0 1px;
  border-bottom-color: #fff3;
}

.no-border {
  border-left-width: 0;
  border-right-width: 0;
}

.no-background {
  background-color: var(--transparent);
  border-top-width: 0;
}

.no-background.check-out-border-bottom.check-out-page-title {
  padding-bottom: 28px;
}

.no-background.no-border {
  border-bottom-width: 0;
  border-right-width: 0;
}

.no-background.no-border.two {
  padding-bottom: 25px;
}

.no-background.no-border.check-out-inner-box {
  padding-bottom: 0;
}

.blog-card-one-name-wrap {
  max-width: 320px;
}

.blog-one-pagination {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 190px;
}

.pagination-button {
  background-color: var(--transparent);
  border-width: 1px;
  border-color: #0003;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 48px;
  height: 48px;
  padding: 0;
  display: flex;
}

.page-count {
  color: var(--light-black);
  margin-top: 0;
}

.close-button {
  outline-offset: 0px;
  cursor: pointer;
  outline: 3px #000;
}

.cart-container {
  background-color: var(--light-black);
}

.cross-line-one {
  transform: rotate(45deg);
}

.nav-one-button-wrapper {
  border-right: 1px solid #fffc;
  justify-content: flex-end;
  align-items: center;
  padding-right: 20px;
}

.navbar-style-one-wrapper {
  z-index: 999;
  background-color: var(--secondary-color);
  position: absolute;
  inset: 0% 0% auto;
}

.nav-text {
  color: var(--light-black);
}

.nav-text:where(.w-variant-579b6f89-ea5c-4ea0-d88e-0b86d2c781f7) {
  color: var(--primary-color);
}

.nav-text:hover {
  color: var(--yellow);
}

.cart-quantity {
  background-color: var(--yellow);
  color: #000;
  letter-spacing: -.24px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-left: 0;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  position: absolute;
  bottom: 20px;
  left: 18px;
}

.cross-line-two {
  transform: translate(0, 1px)rotate(-45deg);
}

.desktop-menu {
  background-color: var(--light-black);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 100vh;
  padding-top: 60px;
  display: flex;
  position: relative;
  transform: translate(100%);
}

.cart {
  padding-top: 0;
}

.navbar-one-logo-block {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.hamberger-line {
  background-color: #fff;
  width: 38.99px;
  height: 2px;
}

.nav-menu {
  margin-left: 0;
  margin-right: 0;
}

.nav-menu.pages {
  position: static;
}

.nav-menu.as-padding {
  padding: 27px 15px;
}

.desktop-hamburger-wrapper {
  z-index: 9999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.cart-button {
  background-color: #3898ec00;
  padding: 3px 0;
  position: relative;
}

.cross-icon {
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 34px;
  height: 34px;
  display: flex;
  position: absolute;
  inset: 34px 40px auto auto;
}

.four-zero-four-heading-wrap {
  padding-top: 98px;
  padding-bottom: 15px;
}

.four-zero-four-button-wrap {
  margin-top: 32px;
}

.pass-word-protect-heading {
  margin-top: 20px;
  margin-bottom: 43px;
}

.inner-page-banner-line-wrap {
  justify-content: space-between;
  align-items: stretch;
}

.inner-page-banner-line-wrap.position-absolute {
  width: 100%;
  max-width: 76%;
  inset: 0%;
}

.inner-page-banner-line-wrap.position-absolute.margin-auto.z-index-top {
  z-index: 5;
  pointer-events: none;
}

.inner-page-banner-line-wrap.position-absolute.margin-auto.z-index-1 {
  z-index: 1;
}

.inner-page-banner-lline {
  background-color: var(--secondary-color);
  opacity: 0;
  width: 1px;
}

.inner-page-banner-lline.light-black {
  background-color: var(--light-black);
  opacity: .08;
}

.page-mega-menu-list-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}

.pages-menu-list {
  background-color: var(--secondary-color);
  -webkit-backdrop-filter: blur(400px);
  backdrop-filter: blur(400px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: start;
  min-width: 362px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  position: absolute;
  inset: 40px 0% auto;
  box-shadow: 30px 30px 50px #0006;
}

.menu-layout.border-radius-twenty.for-responsive {
  display: none;
}

.page-menu-font {
  letter-spacing: -.28px;
  width: 100%;
  padding: 8px 25px 8px 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  display: block;
}

.page-menu-font:focus {
  color: var(--light-black);
}

.page-menu-font.submenu {
  color: var(--light-black);
  letter-spacing: 1px;
  flex: 1;
  max-width: 80px;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.dropdown-list {
  border-bottom: 2px solid var(--yellow);
  background-color: var(--secondary-color);
  -webkit-backdrop-filter: blur(400px);
  backdrop-filter: blur(400px);
  box-shadow: 30px 30px 50px #0000008c;
}

.dropdown-list.nav-dropdown-menu {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  align-items: flex-start;
  min-width: 160px;
}

.dropdown-list.nav-dropdown-menu.w--open {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: stretch;
  display: flex;
  box-shadow: 0 0 20px #00000014;
}

.dropdown-list.mega-menu {
  border-bottom-style: none;
  border-radius: 10px;
  inset: 70px 0 auto;
  overflow: visible;
}

.navbar-menu {
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.dropdown-toggle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  padding: 27px 15px;
  display: flex;
}

.nav-arrow.transparent-background {
  color: var(--light-black);
  -webkit-text-fill-color: transparent;
  background-color: #000;
  -webkit-background-clip: text;
  background-clip: text;
}

.nav-arrow.transparent-background.as-color-change {
  filter: invert();
}

.navbar {
  background-color: #fff0;
}

.header-grid-two {
  grid-template-rows: auto;
  grid-template-columns: 123px 1fr 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  display: flex;
}

.logo {
  border-style: none;
  border-radius: 0;
  padding: 0;
}

.cart-header {
  border-bottom-color: #fff3;
  align-items: flex-start;
}

.side-cart-text {
  padding-top: 10px;
}

.side-cart-remove {
  margin-top: 10px;
}

.home-two-button-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.landing-hero {
  background-image: linear-gradient(214deg, #00000057, #000000a3 70%, #000), url('../images/kontix-landing-banner-image.webp');
  background-position: 0 0, 50% 20%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 180%;
  padding-top: 160px;
}

.home-three-hero-heading {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.landing-subheading-box {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

.landing-heading-wrap {
  position: relative;
}

.tab-image-full-width.banner-apearence {
  border-radius: 10px;
  width: 100%;
  height: 99vh;
}

.landing-about-crad-one {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 465px;
  display: flex;
}

.landing-about-crad-one.two {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-self: flex-start;
  padding-bottom: 30px;
}

.landing-about-crad-one-wrappere {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.landing-about-crad-one-wrappere.landing-card-three {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

.about-cell-three-image {
  z-index: 5;
  flex: 1;
  max-width: 672px;
  position: relative;
}

.landing-about-card {
  background-color: #0b0c0e;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 30px 37px 35px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.landing-about-card.landing-about-card-cell-marg {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid #f6b61b4d;
  border-radius: 10px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.landing-page-template-sub-heading {
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.home-page-image-wrapper {
  border-radius: 10px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.landing-home {
  background-color: var(--color);
  padding: 90px 15px;
}

.landing-home.change-color {
  background-color: var(--primary-color);
}

.landing-home-head {
  text-align: center;
  max-width: 775px;
}

.landing-home-head.full-width.heading-two-gap-top {
  max-width: 550px;
}

.home-page-text-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.landing-container {
  max-width: 1680px;
}

.pages-card-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 49px;
  display: grid;
}

.landing-page-home-template {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #0b0c0e;
  border: 1px solid #fff3;
  flex-flow: column;
  padding: 30px 30px 27px;
  text-decoration: none;
  display: flex;
}

.landing-page-home-template.overflow-hidden.position-relative {
  background-color: var(--light-black);
  border-radius: 10px;
}

.library-preview {
  width: 100%;
}

.inner-pages-head-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 880px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.inner-pages-head-wrapper.full-width.margin-auto {
  max-width: 575px;
}

.landing-inner-page-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spacial-card-image-v2 {
  width: 100%;
  padding-top: 30px;
}

.spacial-card-v-icon {
  background-color: var(--yellow);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 85px;
  height: 85px;
  margin-bottom: 20px;
}

.spacial-card-v-three {
  background-color: var(--light-color);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 30px;
}

.image-effect.border-radius-10.add-width {
  width: 100px;
}

.utility-page-section {
  background-color: var(--secondary-color);
  padding-top: 130px;
  padding-bottom: 130px;
}

.margin-bottom-twenty {
  margin-bottom: 20px;
}

.utility-card-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 50px;
  display: grid;
}

.landing-inner-pages {
  padding-top: 149px;
  padding-bottom: 130px;
}

.spacial-card-v {
  background-color: var(--light-black);
  border-radius: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 452px;
  padding: 45px;
}

.inner-page-card-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.pages-card-image-wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.pages-card-image-wrapper:hover {
  box-shadow: none;
}

.pages-card-image-wrapper.overflow-hidden.position-relative {
  border-radius: 10px;
}

.landing-two {
  background-color: #fff;
  padding-top: 90px;
  padding-left: 15px;
  padding-right: 15px;
}

.landing-two.position-relative {
  padding-left: 0;
  padding-right: 0;
}

.landing-big-text-box {
  pointer-events: none;
  position: absolute;
  inset: -100% auto auto;
}

.two-col-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
}

.pages-card {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--light-black);
  text-align: center;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 30px;
  text-decoration: none;
  display: flex;
}

.spacial-card-v-two {
  text-align: center;
  background-color: #f0f0f000;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 45px 30px;
  box-shadow: 0 10px 60px #00000014;
}

.landing-banner-title {
  max-width: 691px;
  margin-top: 15px;
}

.landing-banner-title.full-width.text-align-center.heading-one-gap-top {
  padding-bottom: 45px;
}

.about-cell-text {
  padding-top: 17px;
}

.home-three-hero-timeline {
  z-index: 10;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: 0;
  max-width: 497px;
  min-height: 170px;
  font-size: 207px;
  display: flex;
  inset: auto 5% 3% auto;
  overflow: hidden;
}

.home-three-hero-timeline-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 30px;
}

.contact-one-form-text {
  max-width: 400px;
}

.contact-one-form-text.full-width {
  margin-bottom: 10px;
}

.landing-footer-content {
  z-index: 2;
  max-width: 650px;
  margin-bottom: 88px;
  position: relative;
}

.footer-button-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-top: 25px;
}

.footer-item {
  color: var(--secondary-color);
  border-right: 1px solid #ffffff4d;
  padding-right: 20px;
}

.footer-item:hover {
  color: var(--yellow);
}

.footer-item.right-border-remove {
  border-right-style: none;
  padding-right: 0;
}

.landing-footer {
  z-index: 1;
  background-color: #151515;
  padding-top: 120px;
}

.landing-footer-two {
  z-index: 2;
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1780px;
  padding-top: 22px;
  padding-bottom: 55px;
  display: flex;
}

.copyright-link {
  color: var(--secondary-color);
}

.copyright-link:hover {
  color: var(--yellow);
}

.lading-footer-image-height-auto {
  border-radius: 10px;
  height: auto;
}

.landing-footer-marquee-line {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.landing-footer-marquee-line.align-bottom {
  align-self: flex-end;
}

.footer-two-bottom-main {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
}

.landing-footer-marquee-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 23vw;
  display: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.landing-footer-marquee-wrapper.marquee-wrapper-right {
  inset: 0% 0% 0% auto;
}

.landing-footer-train {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  padding-bottom: 15px;
}

.landing-footer-train.towards-bottom {
  padding-top: 15px;
  padding-bottom: 0;
}

.copyright-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.form-error-message {
  background-color: #850000;
  padding: 20px;
}

.form-success-message {
  background-color: var(--yellow);
  padding: 20px;
}

.information-hero {
  padding-top: 220px;
  padding-bottom: 140px;
}

.container-small {
  max-width: 1080px;
  padding-left: 15px;
  padding-right: 15px;
}

.information-hero-main {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.typography-text {
  flex: 0 50%;
}

.admission-one-label {
  color: #01102e;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.admission-one-label.color-white {
  color: var(--secondary-color);
}

.color-showcase {
  border-radius: 5px;
  width: 100%;
  height: 180px;
  margin-bottom: 10px;
  box-shadow: 0 2px 40px #0000001a;
}

.color-showcase.color-four {
  background-color: var(--gray);
}

.color-showcase.color-two {
  background-color: var(--yellow);
}

.color-showcase.color-three {
  background-color: var(--light-black);
}

.color-showcase.color-five {
  background-color: var(--secondary-color);
}

.color-showcase.color-seven {
  background-color: var(--dark-gray);
}

.button-style-flex {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
}

.style-guide-blocks-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

.color-information {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.style-guide-logo-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  width: 100%;
  margin-bottom: 40px;
}

.style-guide-logo-wrapper.bottom-margin-off {
  margin-bottom: 0;
}

.list-gaps {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
}

.heading-style-h6 {
  color: #141414;
  letter-spacing: 0;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55556;
}

.heading-style-h6.color-white {
  color: var(--secondary-color);
}

.heading-style-h6.color-white.footer-menu-item-text {
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.heading-style-h6.color-white.footer-menu-item-text:hover, .heading-style-h6.highlight-color {
  color: var(--yellow);
}

.style-guide-border {
  background-color: var(--gray);
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 35px;
}

.color-blocks {
  border: 1px solid var(--white-tewnty);
  border-radius: 10px;
  padding: 20px 20px 10px;
}

.logo-showcase-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-dark {
  color: #121212;
}

.form-iteams {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.color-code {
  background-color: var(--gray);
  color: #121212;
  border-radius: 4px;
  padding: 3px 5px;
  font-size: 12px;
  line-height: 15px;
}

.style-guide-colors {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.icons-logo-boxes {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 10px 40px #00000014;
}

.icons-logo-boxes.bg-color-change {
  background-color: var(--light-black);
}

.style-guide-main {
  grid-column-gap: 55px;
  grid-row-gap: 55px;
}

.typography-wrapper {
  width: 100%;
}

.typography-informations {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex: 0 50%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.typography-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-bottom: 1px solid var(--white-tewnty);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
}

.typography-row.row-top {
  border-bottom-style: none;
  padding-top: 0;
  padding-bottom: 10px;
}

.style-guide-blocks {
  width: 100%;
}

.information-inner {
  background-color: var(--primary-color);
  padding-top: 110px;
  padding-bottom: 110px;
}

.nav-container {
  width: 100%;
  max-width: 1630px;
  padding-left: 15px;
  padding-right: 15px;
}

.contact-form-button {
  opacity: 0;
}

.contact-form-button.position-absolute-strech {
  z-index: 1;
}

.changelog-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.margin-bottom-twenty-five {
  margin-bottom: 25px;
}

.margin-bottom-twenty-five.text-grey {
  color: var(--dark-gray);
}

.changelog-section {
  background-color: var(--secondary-color);
  padding-top: 130px;
  padding-bottom: 130px;
}

.logo-dark {
  justify-content: center;
  align-items: center;
  display: flex;
}

.spacial-card-v-title {
  max-width: 302px;
  margin-bottom: 20px;
}

.spacial-card-v-text {
  margin-bottom: 20px;
}

.slide-image-wrap {
  width: 100%;
  overflow: hidden;
}

.slider-background-image-wrap {
  position: absolute;
  inset: 0%;
}

.slide-text-wrap {
  z-index: 3;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 240px;
  padding-bottom: 364px;
  position: relative;
}

.slide-text-wrap.home-one {
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
}

.hero-slider-image {
  width: 100vw;
  max-width: none;
  height: 100%;
}

.hero-one-title.no-margin.one, .hero-one-title.no-margin.two, .hero-one-title.no-margin.three, .hero-one-title.no-margin.four {
  max-width: 500px;
}

.slider-responsive-overlay {
  background-image: linear-gradient(90deg, #0f0f0fcc, #0f0f0fba 30%, #fff0 84%);
}

.slider-responsive-overlay.position-absolute-strech {
  background-image: linear-gradient(#0000008c, #fff0 33%), linear-gradient(90deg, #0f0f0fcc, #0f0f0fba 30%, #fff0 84%);
}

.slider-responsive-overlay.position-absolute {
  background-image: linear-gradient(277deg, #0f0f0fcc, #0f0f0fba 35%, #fff0 65%);
  width: 40%;
  inset: 0% 0% 0% auto;
}

.hero-three {
  justify-content: flex-end;
  align-items: flex-end;
  height: 100vh;
  display: flex;
}

.hero-three-bg-image {
  height: 100vh;
}

.slider-overlay-three {
  z-index: 1;
  background-image: linear-gradient(90deg, #0f0f0f, #0f0f0f78 65%, #0f0f0f00);
}

.slider-overlay-three.position-absolute-strech {
  z-index: 3;
  background-image: linear-gradient(90deg, #0f0f0f, #0f0f0f00 100%, #0f0f0f78);
  margin-bottom: -5px;
  bottom: -5px;
}

.home-three-slider.full-height {
  height: 100vh;
}

.home-three-hero-conten-wrap {
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 441px;
  height: 100%;
  padding-top: 220px;
  padding-bottom: 70px;
  display: flex;
}

.home-three-hero-conten-wrap.position-relative {
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  min-width: 0;
  max-width: none;
  padding-top: 220px;
  padding-bottom: 60px;
}

.home-three-hero-conten-wrap.position-relative.left {
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 140px;
}

.home-three-slide-nav {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  cursor: auto;
  background-color: #ffffff1a;
  border: 1px solid #ffffff4d;
  padding: 10px;
}

.home-three-slide-nav.position-relative.overflow-hidden {
  border-radius: 5px;
  max-width: 100px;
}

.slider-three-border {
  background-color: var(--yellow);
  height: 10px;
}

.slider-three-border.position-absolute {
  inset: 0% 0% auto;
}

.slider-three-border.top-one {
  transform-origin: 0 0;
  transform-style: preserve-3d;
  transform: scale3d(0, 1, 1);
}

.slider-three-border.top-one.position-absolute {
  background-color: var(--yellow);
  inset: 0% 0% auto;
}

.slider-three-border.bottom-one {
  transform-origin: 100% 100%;
  transform-style: preserve-3d;
  transform: scale3d(0, 1, 1);
}

.slider-three-border.bottom-one.position-absolute {
  inset: auto 0% 0%;
}

.slider-three-border-two {
  background-color: var(--yellow);
  width: 10px;
}

.slider-three-border-two.left-one {
  transform-origin: 0 100%;
  transform-style: preserve-3d;
  transform: scale3d(1, 0, 1);
}

.slider-three-border-two.left-one.position-absolute {
  inset: 0% auto 0% 0%;
}

.slider-three-border-two.right-one {
  transform-origin: 100% 0;
  transform-style: preserve-3d;
  transform: scale3d(1, 0, 1);
}

.slider-three-border-two.right-one.position-absolute {
  inset: 0% 0% 0% auto;
}

.hero-three-bg-image-wrap {
  height: 100vh;
}

.hero-tthree-title {
  transform-origin: 0 0;
}

.hero-tthree-title.no-margin.heading-one-gap-top.mobile-center-align {
  min-width: 600px;
  font-weight: 500;
}

.hero-tthree-title.no-margin.heading-one-gap-top.mobile-center-align.hero-new {
  color: var(--secondary-color);
  text-align: right;
  min-width: 0;
  max-width: 400px;
  font-family: Candara, Arial, sans-serif;
  font-size: 36px;
  font-weight: 700;
}

.hero-tthree-title.no-margin.heading-one-gap-top.mobile-center-align.hero-new.clay-hero, .hero-tthree-title.no-margin.heading-one-gap-top.mobile-center-align.hero-new.kaolin-hero {
  max-width: 450px;
}

.hero-three-text-wrap {
  transform-origin: 0 0;
  width: 100%;
  max-width: 645px;
}

.home-three-slide-nav-image-wrap.position-relative.overflow-hidden {
  border-radius: 5px;
}

.slide-nav-three-title {
  text-align: center;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 18px;
  line-height: 1;
}

.slide-nav-three-title.color-white.position-absolute {
  inset: auto 0% 20px;
}

.home-three-slide-nav-overlay {
  background-color: #0000008c;
}

.line-two {
  border-top: 2px solid #fff;
  width: 31px;
}

.line-two.line-three {
  width: 19.76px;
}

.hamberger-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  cursor: pointer;
  margin-left: 0;
  padding-left: 20px;
}

.hamburger-image-div {
  max-width: 400px;
}

.hamburger-contact-wrap {
  max-width: 400px;
  padding-top: 30px;
  padding-bottom: 20px;
}

.hamburger-contact {
  margin-top: 20px;
}

.contact-form-button-wrapper.position-absolute-strech {
  background-color: #3898ec00;
}

.hamburger-logo {
  margin-bottom: 20px;
}

.slider-video-two.full-height.position-absolute-strech {
  z-index: 1;
}

.home-three-slider-hero-wrap {
  position: relative;
}

.home-three-slider-hero-wrap.home-three-slider-hero-wrap-two {
  background-image: url('../images/kaolin.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.home-three-slider-hero-wrap.home-three-slider-hero-wrap-two.hiralaxmi-banner {
  background-image: url('../images/hm-carft-bg.png');
}

.home-three-slider-hero-wrap.home-three-slider-hero-wrap-two.bentonite-banner {
  background-image: url('../images/Screenshot-2025-11-08-124913.png');
}

.home-three-slider-hero-wrap.home-three-slider-hero-wrap-two.adsorbent-banner {
  background-image: url('../images/pexels-archbob-1312017.jpg');
}

.home-three-slider-hero-wrap.home-three-slider-hero-wrap-two.ceramic-banner {
  background-image: url('../images/Hero-Banner.jpg');
}

.home-three-slider-hero-wrap.home-three-slider-hero-wrap-two.foundation-banner {
  background-image: url('../images/781c6370-49b4-4bd9-890f-279afe773ebd.jpg');
}

.home-three-slider-hero-wrap.home-three-slider-hero-wrap-two.guinea-banner {
  background-image: url('../images/Whisk_eeb5400ac756ae6af31431bca0ac543fdr.jpeg');
}

.home-three-slider-hero-wrap.home-three-slider-hero-wrap-two.india-banner {
  background-image: url('../images/photo-1523848309072-c199db53f137.jpg');
  background-position: 0 0;
  background-size: cover;
}

.home-three-slider-hero-wrap.home-three-slider-hero-wrap-two.vande-banner {
  background-image: url('../images/4.jpeg');
  background-position: 50%;
}

.home-three-slider-hero-wrap.home-three-slider-hero-wrap-two.life-banner {
  background-image: url('../images/life-at-ashapura-bg.png');
}

.home-three-slider-hero-wrap.home-three-slider-hero-wrap-two.investors-banner {
  background-image: url('../images/Whisk_0b16c27c7a596e3aa7d4ae45f8bcb3c5dr.jpeg');
}

.home-three-slider-hero-wrap.home-three-slider-hero-wrap-two.industries-banner {
  background-image: url('../images/industries.jpg');
}

.hero-three-slider-overlay {
  background-image: linear-gradient(#000000f2, #fff0 47%), linear-gradient(0deg, #00000078, #101010b0 21%, #fff0);
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-one-button-banner {
  display: inline-block;
}

.home-two-hero-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  height: 100vh;
  display: flex;
}

.home-two-hero-block.position-relative {
  z-index: 2;
}

.home-two-hero-block.position-relative.margin-auto.text-align-center {
  max-width: 800px;
  height: 100vh;
  padding-top: 100px;
}

.home-two-hero-section {
  width: 100%;
  height: 110vh;
  overflow: hidden;
}

.home-two-hero-section.position-relative {
  z-index: 0;
  height: 100vh;
  position: static;
}

.yellow-counter-card-two {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #f6b61b;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 214px;
  padding: 25px 15px 39px;
}

.expertise {
  padding-top: 130px;
  padding-bottom: 130px;
}

.expertise-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
}

.two-about-featuers-content {
  flex: 1;
  max-width: 546px;
}

.two-about-services {
  background-color: var(--secondary-color);
  padding-top: 123px;
  padding-bottom: 130px;
}

.about-achivement {
  padding-bottom: 130px;
}

.about-achivement.padding-top {
  padding-top: 60px;
  padding-bottom: 100px;
}

.about-achivement.padding-top.padding-bottm-0 {
  padding-bottom: 0;
}

.about-one-achievement-right-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: stretch;
  width: 100%;
  margin-top: 50px;
}

.about-three-achivemnt-card {
  border: 1px solid #fff3;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 33px 40px;
  display: flex;
  position: relative;
}

.about-three-our-mission {
  background-color: var(--secondary-color);
  padding-bottom: 130px;
}

.about-three-tab-flex {
  grid-column-gap: 25px;
  justify-content: center;
  margin-top: 0;
}

.about-three-tab-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  flex: 1;
  align-items: center;
  display: flex;
}

.about-three-tab-wrap.mobile-bottom-gap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.about-two-mission-left {
  flex: 1;
  max-width: 600px;
  overflow: hidden;
}

.about-two-mission-left.position-relative.border-radius-10 {
  object-fit: contain;
  object-position: 50% 50%;
  max-width: 600px;
}

.about-two-mission-left.position-relative.border-radius-10.fulfiling-asp-img-wrap {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
}

.about-two-mission-right {
  flex: 1;
  align-self: center;
  max-width: 550px;
}

.about-two-mission-right.mobile-text-center {
  align-self: flex-start;
}

.about-three-our-mission-flex {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: stretch;
}

.service-two-misson-section {
  background-color: var(--secondary-color);
  padding-top: 125px;
  padding-bottom: 130px;
}

.service-two-misson-section.black-background {
  background-color: var(--primary-color);
}

.service-two-service-image {
  width: 100%;
  height: 100vh;
}

.service-two-service-section {
  height: 400vh;
}

.service-two-service-section.as-bentonite-prudcts-section {
  margin-top: 60px;
}

.service-two-service-box {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-right: 15px;
}

.service-two-service-box.four {
  z-index: 1;
  background-color: var(--light-black);
}

.service-two-service-box.two {
  z-index: 3;
  background-color: var(--light-black);
}

.service-two-service-box.three {
  z-index: 2;
  background-color: var(--primary-color);
}

.service-two-service-box.one {
  z-index: 4;
  background-color: var(--primary-color);
}

.service-two-service-sticky-wrap {
  align-items: stretch;
  position: sticky;
  top: 0;
}

.service-two-service-sticky-wrap.full-width {
  top: 60px;
}

.service-three-image-text {
  color: #ffffff80;
  letter-spacing: -10.5px;
  font-size: 120px;
  font-weight: 700;
  line-height: 180px;
  transform: rotate(-90deg);
}

.service-two-service-container {
  width: 100%;
  max-width: 484px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.service-two-service-container.sd {
  margin-top: 16px;
}

.service-two-image-text-wrap {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 180px;
  display: flex;
  position: absolute;
  inset: 0% 35px 0% auto;
}

.service-two-service-image-box {
  width: 51%;
  position: relative;
}

.service-two-service-sticky-card.overflow-hidden.full-width.two.position-absolute {
  z-index: 4;
}

.service-two-service-sticky-card.overflow-hidden.full-width.one.position-absolute {
  z-index: 5;
}

.service-two-service-sticky-card.overflow-hidden.full-width.three.position-absolute {
  z-index: 3;
}

.service-two-service-sticky-card.overflow-hidden.full-width.four {
  z-index: 2;
  position: relative;
}

.service-two-service-list {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.work-card-heading {
  letter-spacing: -.01rem;
}

.service-three-card {
  position: relative;
}

.service-three-card.one {
  border-bottom: 1px solid #fff3;
  border-right: 1px solid #fff3;
  padding-bottom: 30px;
  padding-right: 20px;
}

.service-three-card.two {
  padding-left: 20px;
}

.service-three-card.three {
  border-right: 1px solid #fff3;
  padding-top: 30px;
  padding-right: 20px;
}

.service-three-card.four {
  border-top: 1px solid #fff3;
  padding-top: 20px;
  padding-left: 20px;
}

.service-three-card-image-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.home-two-about-us-main {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
}

.three-service {
  padding-top: 130px;
}

.service-one-content {
  max-width: 416px;
}

.home-two-about-us {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  max-width: 798px;
}

.button-top-gap {
  margin-top: 20px;
}

.service-icon-box {
  flex: none;
  margin-top: 2px;
}

.solution-wrapper-two {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #fff3;
  align-items: flex-start;
  width: 100%;
  max-width: 530px;
  margin-bottom: 20px;
  padding-top: 15px;
  padding-bottom: 23px;
  display: flex;
}

.solution-wrapper-two.no-border {
  border-bottom-style: none;
  border-bottom-width: 0;
}

.solution-wrapper-two.no-border.bottom-no-padding-margin {
  margin-bottom: 0;
  padding-bottom: 0;
}

.solution-wrapper-two.padding-change {
  justify-content: flex-start;
  align-items: center;
}

.solution-wrapper-two.padding-change.as-border-color-change {
  border-bottom-color: #0003;
}

.solution-wrapper-two.mr-0 {
  margin-bottom: 0;
}

.solution-wrapper-two.mr-0.padding-reduce {
  padding-top: 10px;
  padding-bottom: 10px;
}

.solution-wrapper-two.no-padding-margin {
  margin-bottom: 0;
  padding-bottom: 0;
}

.planning-box-wrapper-copy {
  margin-top: 10px;
  margin-bottom: 40px;
}

.service-three-about-image-wrap {
  flex: 1;
  max-width: 600px;
  position: relative;
  overflow: hidden;
}

.three-service-innovation {
  padding-top: 130px;
  padding-bottom: 130px;
}

.three-service-innovation.white-bg {
  background-color: #fff;
}

.three-service-innovation.white-bg.remove-btm-padding {
  padding-bottom: 60px;
}

.three-service-innovation.as-padding-bottom-0 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.seven {
  letter-spacing: 2.4px;
  font-size: clamp(40px, 23vw, 120px);
  line-height: .8;
}

.home-hero-one {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0% 15px 0% auto;
}

.sidebar-image {
  border: 2px solid var(--transparent);
  border-radius: 100px;
  width: 70px;
  height: 70px;
  padding: 5px 5px 3px;
  overflow: hidden;
}

.border-radius-hunder {
  border-radius: 100px;
}

.price-icon-wrap {
  justify-content: center;
  align-items: center;
}

.mega-menu-flex-wrap {
  border-right: 1px solid #fff3;
  flex: 1;
  padding-top: 45px;
  padding-bottom: 45px;
}

.mega-menu-flex-wrap.padding-right {
  padding-right: 30px;
}

.mega-menu-flex-wrap.border-none {
  border-right: 0px none var(--transparent);
}

.top-mega-menu {
  align-self: stretch;
  padding-bottom: 20px;
}

.mega-menu-link-block {
  color: var(--primary-color);
  border-bottom: 1px solid #0003;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 20px;
  display: flex;
}

.mega-menu-link-block:hover, .mega-menu-link-block.w--current {
  color: var(--yellow);
}

.mega-menu-link-block.as-remove-padding {
  border: 1px solid var(--secondary-color);
  padding-right: 0;
}

.mega-menu-link-block.as-remove-padding.as-menu-hover {
  border: 0 #fff0;
}

.mega-menu-link-block.as-remove-padding.as-menu-hover:hover {
  color: var(--yellow);
}

.dropdown-top {
  border-bottom: 1px solid #12121233;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.dropdown-main {
  cursor: pointer;
}

.dropdown-wrapper-main {
  overflow: hidden;
}

.mega-menu-new {
  width: 100%;
}

.dropdown-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mega-menu-toptext {
  font-size: 17px;
}

.mega-menu-toptext.color-black {
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.mega-menu-heading-text {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  padding-top: 40px;
  padding-right: 40px;
}

.rt-hero-v1-rating-wrapper {
  z-index: 50;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 60px;
  display: block;
}

.rt-hero-v1-rating-left-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.rt-hero-v1-rating-text {
  max-width: 169px;
}

.rt-hero-v1-rating-right-wrapper {
  display: flex;
}

.rt-hero-v1-rating-image-one {
  transform: translate(-20px);
}

.rt-hero-v1-rating-image-two {
  transform: translate(-30px);
}

.rt-hero-v1-rating-image-three {
  transform: translate(-50px);
}

.about-image-card {
  background-color: var(--yellow);
  width: 60%;
  height: 60%;
  margin-right: 32px;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.service-card {
  z-index: 1;
  background-color: #1212121a;
  padding: 20px;
}

.service-card.position-relative.border-radius-10 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  height: 560px;
  display: flex;
  overflow: hidden;
}

.service-card.position-relative.border-radius-10.as-prodcuts-cards {
  width: 100%;
  height: auto;
}

.service-card-text {
  z-index: 5;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 32px;
  display: flex;
  position: relative;
}

.service-card-text.landscape-text-center {
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
}

.service-button-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1212121a;
  border-radius: 27px;
  justify-content: flex-start;
  align-items: center;
  padding: 11px 14px;
  display: flex;
}

.service-button-left-part {
  background-color: var(--yellow);
  border-radius: 27px;
  justify-content: center;
  align-items: center;
  padding: 3px 8px;
  display: flex;
}

.service-button-left-part.change-color {
  background-color: var(--light-black);
}

.rt-service-card-overlay {
  background-color: var(--yellow);
  border-radius: 10px;
  position: absolute;
  inset: auto 0% 0%;
}

.preservation {
  min-height: 200vh;
}

.preservation--sticky-height {
  justify-content: center;
  align-items: center;
  padding-top: 130px;
  padding-bottom: 130px;
  display: flex;
  position: sticky;
  top: 0;
}

.preservation-main-card-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #fff3;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.preservation-main-card-wrapper.top-border {
  border-top: 1px solid #fff3;
}

.preservation-right-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  max-width: 580px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  overflow: hidden;
}

.preservation-arrow-wrapper {
  background-color: var(--yellow);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  display: flex;
}

.preservation-image-wrapper {
  max-width: 630px;
  position: relative;
}

.preservation-list-item-wrapper.overflow-hidden.preservation-list {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  display: flex;
  position: absolute;
  inset: 171% auto auto 0%;
}

.image-full-width {
  width: 100%;
  height: 100%;
}

.image-full-width.image-effect.border-radius-10.overflow-hidden {
  width: 160px;
  max-width: none;
  height: 160px;
}

.image-full-width.border-radius-10.image-effect.innovation-india {
  object-position: 75% 50%;
  height: 85%;
  margin-top: 30px;
}

.marque-v1 {
  background-color: #ffffff1a;
}

.marque-v1-wrapper {
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.marque-v1-train {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex: none;
  align-items: center;
  padding-right: 35px;
  display: flex;
}

.border-radius-30 {
  border-radius: 30px;
}

.our-work {
  background-color: var(--secondary-color);
  padding-bottom: 0;
}

.our-work-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 49px;
  display: flex;
}

.our-work-card-text-content {
  background-color: #ffffff1a;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 35px 20px 37px;
  box-shadow: 10px 10px 20px #0000001a;
}

.our-work-card-text-content.position-relative {
  background-color: var(--primary-color);
}

.our-work-card-text-wrapper {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  align-items: center;
  display: flex;
}

.our-work-card-text-main-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 10px;
  display: flex;
}

.our-work-grey-line {
  background-color: #fff3;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.our-work-black-line {
  background-color: #12121233;
  justify-content: flex-start;
  align-items: center;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.work-grey-arrow {
  filter: invert();
}

.modern-construction {
  background-color: var(--secondary-color);
  padding-top: 60px;
  padding-bottom: 60px;
}

.modern-construction.change-background-color {
  background-color: #fff0;
  padding-top: 0;
}

.modern-construction.reduce-padding {
  padding-bottom: 60px;
}

.modern-construction.padding-remove {
  padding-top: 0;
}

.modern-construction-heading {
  max-width: 436px;
  overflow: hidden;
}

.modern-construction-heading.margin-auto.heading-two-gap-top {
  max-width: none;
}

.modern-construction-heading.margin-auto.heading-two-gap-top-bottom {
  max-width: 550px;
}

.modern-construction-card-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 75px;
  display: flex;
}

.modern-construction-card {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 400px;
  display: flex;
}

.modern-construction-card.align-top {
  justify-content: flex-start;
  align-items: center;
}

.modern-construction-card-one-text {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.modern-construction-card-one-text.text-align-center {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  padding-top: 50px;
}

.over-view-card-one {
  flex: 1;
  width: 100%;
  max-width: 410px;
  height: auto;
  position: relative;
}

.over-view-card-one:where(.w-variant-75dcd1fa-3094-454a-1c3a-179ea4c4f3c0) {
  position: relative;
}

.our-work-heading {
  max-width: 523px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.footer-grey-linear-border {
  background-image: linear-gradient(#8e8e8e99, #fff0);
  width: 1px;
  position: absolute;
  inset: 0% auto 0% 36%;
}

.footer-grey-linear-border.footer-border-two {
  left: 63%;
}

.innovation-v2 {
  padding-top: 130px;
  padding-bottom: 125px;
}

.innovation-v2-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.innovation-v2-left-part {
  flex: 1;
  max-width: 439px;
}

.about-one-card {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 400px;
  padding-top: 60px;
  padding-bottom: 40px;
  display: flex;
}

.about-one-circle-wrapper {
  z-index: 1;
  background-color: var(--secondary-color);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  display: flex;
  position: absolute;
}

.vertical-border {
  background-color: #12121233;
  width: 1px;
  position: absolute;
  inset: 0% 50% 0% auto;
}

.about-one-inner-circle {
  background-color: var(--primary-color);
  border-radius: 50%;
  width: 28px;
  height: 28px;
}

.horizontal-border {
  background-color: #12121233;
  height: 1px;
  position: absolute;
  inset: auto 0% 50%;
}

.innovation {
  padding-top: 128px;
}

.innovation.rt-change-background-color {
  background-color: var(--secondary-color);
  padding-bottom: 130px;
}

.innovation.padding-bottom {
  padding-bottom: 128px;
}

.innovation.white-background {
  background-color: var(--secondary-color);
}

.innovation-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.innovation-left-part {
  flex: 1;
  max-width: 532px;
}

.innovation-right-part {
  flex: 1;
  max-width: 660px;
  display: flex;
}

.innovation-second-image {
  background-color: var(--light-black);
  border-radius: 10px;
  margin-top: 208px;
  margin-left: -192px;
  padding-top: 15px;
  padding-left: 15px;
}

.innovation-second-image.position-relative.color-change {
  background-color: var(--secondary-color);
}

.innovation-second-image.position-relative.color-change.career-section {
  background-color: var(--primary-color);
}

.logo-icon {
  position: absolute;
  inset: 14% 6% 0% auto;
}

.innovation-progress-bar-wrapper {
  padding-top: 20px;
  padding-bottom: 50px;
  overflow: hidden;
}

.innovation-progress-bar {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 25px;
  padding-bottom: 15px;
  display: flex;
}

.innovation-progress-grey-line {
  z-index: 11;
  background-color: var(--gray);
  height: 3px;
}

.innovation-progress-dark-line {
  background-color: var(--yellow);
  height: 3px;
}

.home-three-hero-timeline-grid-wrapper {
  z-index: 5;
  justify-content: flex-end;
  align-items: flex-end;
  position: absolute;
  inset: auto 5% 0% 0%;
}

.construction-ideas {
  background-color: var(--secondary-color);
  padding-top: 130px;
  padding-bottom: 125px;
}

.construction-idea-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.construction-image-wrapper {
  flex: 1;
  max-width: 895px;
}

.construction-right-part {
  flex: 1;
  max-width: 566px;
}

.preservation-right-top-content {
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.construction-right-top-part {
  padding-bottom: 20px;
}

.construction-text {
  max-width: 489px;
}

.innovation-progress-black-line {
  background-color: var(--light-black);
  height: 3px;
}

.innovation-progress-black-line.one {
  margin-top: -1px;
}

.container-big {
  max-width: 1630px;
  padding-left: 15px;
  padding-right: 15px;
}

.team-black-overlay {
  z-index: 12;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-image: linear-gradient(0deg, #101010 3%, #2c2c2ce0 56%, #fff0);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 170px;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.team-black-overlay.as-ad-margin {
  margin-top: 180px;
}

.team-black-overlay.as-margin-increase {
  background-image: linear-gradient(0deg, #101010 3%, #2c2c2ccc 65%, #fff0);
  justify-content: flex-start;
  align-items: center;
  margin-top: 200px;
}

.team-white-overlay {
  z-index: 11;
  background-image: linear-gradient(0deg, #ffffff5e 10%, #fff0 52%);
  position: absolute;
  inset: auto 0% 0%;
}

.team-social-icon-main-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-social-icon-wrapper {
  border: 1px solid #fff3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: flex;
}

.link-block {
  z-index: 16;
  height: 75%;
  position: absolute;
  inset: 0%;
}

.service-hero {
  padding-top: 326px;
  padding-bottom: 160px;
}

.service-hero-information {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.service-hero-subheading-top-gap {
  margin-top: 50px;
}

.preservation-heading-content {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  flex-flow: column;
  display: flex;
}

.footer-address-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding-top: 40px;
  display: flex;
}

.footer-col-3-image-wrapper {
  z-index: 11;
  opacity: .1;
  pointer-events: none;
  position: absolute;
  inset: auto 4% 0% auto;
}

.footer-col-3-image-overlay {
  pointer-events: none;
  background-image: linear-gradient(0deg, #1d1d1d 19%, #fff0 45%);
  position: absolute;
  inset: 0%;
}

.invert-icon {
  border-radius: 10px;
  width: 70%;
  max-width: 125%;
}

.invert-icon.fixed-hight {
  width: 250px;
  max-width: 80%;
  height: 250px;
}

.video-title {
  max-width: 350px;
}

.over-view-title-two-wrap {
  width: 100%;
  max-width: 1145px;
  margin: 20px auto 47px;
}

.over-view-title-two-wrap.text-align-center.position-relative.overflow-hidden {
  max-width: 750px;
}

.slider-absolute-pointer {
  display: none;
  position: absolute;
  inset: 0%;
}

.video-two-title-wrap {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 470px;
  display: flex;
}

.video-two-title-wrap.margin-auto.text-align-center.heading-two-gap-top {
  justify-content: flex-end;
  align-items: center;
  max-width: 720px;
}

.video-two-title-wrap.margin-auto.text-align-center.heading-two-gap-top-bottom {
  text-align: center;
  justify-content: flex-end;
  align-items: center;
}

.video-two-wrapper {
  transform-origin: 50%;
  justify-content: center;
  align-items: center;
  margin-top: 55px;
  margin-bottom: 2px;
}

.video-two-wrapper.position-relative {
  border-radius: 10px;
}

.link-text {
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.service-hero-text {
  max-width: 460px;
  padding-bottom: 35px;
}

.inner-pages-hero, .contact-v2-hero {
  padding-top: 260px;
  padding-bottom: 210px;
}

.contact-hero-bg {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-contact-three-check-icon-webflow-ecommerce-template.webp');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.contact-hero-bg.position-absolute {
  inset: 0%;
}

.pricing-hero-v1 {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-pricing-one-banner-image-webflow-ecommerce-template.webp');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.pricing-hero-v1.position-absolute {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-blog-one-image-webflow-ecommerce-template_1.webp');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  inset: 0%;
}

.pricing-hero-v2 {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-pricing-two-hero-image-webflow-ecommerce-template.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.pricing-hero-v2.position-absolute {
  inset: 0%;
}

.price-two-price {
  background-color: var(--secondary-color);
  padding-top: 120px;
  padding-bottom: 130px;
}

.blog-card-three-main-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.blog-v3-right-card-main-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-left-card-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.blog-left-card {
  flex: 1;
  max-width: 810px;
  position: sticky;
  top: 20px;
}

.blog-right-card {
  flex: 1;
  max-width: 410px;
}

.blog-v3-right-image-wrapper {
  align-self: stretch;
  height: 250px;
}

.blog-v3-right-image-wrapper.overflow-hidden.full-width {
  border-radius: 10px;
}

.blog-v3-right-heading-wrapper {
  max-width: 300px;
  margin-top: 20px;
  margin-bottom: 37px;
}

.pricing-plan-main-wrapper {
  max-width: 1070px;
}

.blog-posts-hero-bg {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-blog-details-banner-image-webflow-ecommerce-template.webp');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.blog-posts-hero-bg.position-absolute {
  inset: 0%;
}

.right-part {
  flex: 1;
  max-width: 890px;
}

.timeline-two-heading-wrap {
  width: 100%;
  max-width: 425px;
  margin-top: 10px;
  margin-bottom: 47px;
}

.blog-details-left-part {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 330px;
  padding-right: 50px;
  display: flex;
  position: sticky;
  top: 30px;
}

.blog-details-wrapper {
  align-items: flex-start;
  max-width: 1302px;
  display: flex;
}

.blog-details-three-bottom-padding {
  padding-bottom: 53px;
}

.blog-details-banner-image-wrapper {
  padding-bottom: 40px;
}

.blog-details-right-part {
  border-left: 1px solid #00000026;
  flex: 1;
  max-width: 960px;
  margin-top: -25px;
  padding-left: 70px;
}

.blog-details-five-bottom-padding {
  padding-bottom: 20px;
}

.blog-details-two-bottom-padding {
  padding-bottom: 15px;
}

.blog-posts-hero {
  padding-top: 120px;
  padding-bottom: 120px;
}

.about-hero-v2 {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-about-one-banner-image-webflow-ecommerce-template.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.about-hero-v2.position-absolute {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-about-two-hero-image-webflow-ecommerce-template.webp');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  inset: 0%;
}

.about-hero-v3 {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-about-one-banner-image-webflow-ecommerce-template.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.about-hero-v3.position-absolute {
  background-image: linear-gradient(0deg, #0f0f0f00, #0f0f0f1a 38%, #0f0f0f), linear-gradient(0deg, #0f0f0ff2, #0f0f0f5e 56%, #0f0f0f00), url('../images/kontix-about-three-hero-image-webflow-ecommerce-template.webp');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  inset: 0%;
}

.underline-text {
  text-decoration: underline;
}

.blog-description-three-bottom-padding {
  padding-bottom: 40px;
}

.blog-description-one-bottom-padding, .blog-description-two-bottom-padding {
  padding-bottom: 15px;
}

.sub-heading-3 {
  color: #f6b61b;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.footer-col-one {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.service-hero-background-line {
  justify-content: space-between;
  align-items: stretch;
}

.service-hero-background-line.position-absolute {
  width: 100%;
  max-width: 76%;
  inset: 0%;
}

.service-hero-background-line.position-absolute.margin-auto.z-index-top {
  z-index: 5;
  pointer-events: none;
}

.service-hero-background-line.position-absolute.margin-auto.z-index-top.width-change {
  max-width: 64%;
  height: 100%;
}

.landing-subheading-bullet {
  background-color: var(--yellow);
  border-radius: 50%;
  width: 5px;
  height: 5px;
}

.landing-subheading-bullet.color-change {
  background-color: var(--primary-color);
}

.landing-hero-container {
  max-width: 1811px;
  padding-left: 15px;
  padding-right: 15px;
}

.landing-pages-overlay {
  pointer-events: none;
  background-color: #ffffff1a;
  position: absolute;
  inset: 0%;
}

.landing-three {
  background-color: var(--color);
}

.landing-home-head-two {
  text-align: center;
  max-width: 451px;
}

.work-subtext-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.about-two-progress-image-wrapper {
  flex: 1;
  max-width: 587px;
  position: relative;
  overflow: hidden;
}

.showcase-images {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 20px;
  display: grid;
}

.rt-text-link {
  color: var(--dark-gray);
  -webkit-text-decoration: underline #5b5e61;
  text-decoration: underline #5b5e61;
  text-decoration-thickness: 1px;
}

.rt-text-link:hover {
  color: var(--primary-color);
  -webkit-text-decoration-color: var(--primary-color);
  text-decoration-color: var(--primary-color);
}

.rt-auto-fit {
  object-fit: cover;
}

.rt-top-padding-35 {
  margin-top: 35px;
}

.video-links-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 40px;
  padding-top: 20px;
  display: flex;
}

.rt-information-inner {
  background-color: var(--secondary-color);
  padding-top: 120px;
  padding-bottom: 110px;
}

.license-images-wrapper {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.rt-bold {
  font-weight: 600;
}

.license-box {
  border-bottom: 1px solid #0003;
  margin-bottom: 30px;
  padding-bottom: 60px;
}

.lottie-animation {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 154px;
  height: 154px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.pricing-icon {
  margin-top: 5px;
}

.lottie-play-button {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding-top: 12px;
}

.video-two {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 572px;
  display: flex;
}

.video-two-play-button {
  z-index: 1;
  background-color: var(--yellow);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 99px;
  min-width: 99px;
  height: 99px;
  min-height: 99px;
  display: none;
  position: relative;
  inset: 0%;
}

.video-two-wrapper-main {
  pointer-events: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  position: absolute;
  inset: 0%;
}

.lottie-button-wrapper {
  -webkit-backdrop-filter: blur(26px);
  backdrop-filter: blur(26px);
  background-color: #f6b61b1a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 154px;
  height: 154px;
  display: flex;
}

.lottie-button-wrapper.position-absolute {
  z-index: 9999;
  inset: 50% 0% 0% -76px;
}

.team-one-grid-wrapper {
  text-align: left;
}

.row-one {
  width: 100%;
}

.showcase-videos {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 30px;
  display: flex;
}

.background-video {
  z-index: 0;
  border-radius: 10px;
}

.images-link-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 40px;
  padding-top: 25px;
}

.background-video-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.service-image-overlay {
  background-image: linear-gradient(270deg, #000c, #fff0);
  position: absolute;
  inset: 0%;
}

.landing-logo-wrapper {
  padding-bottom: 25px;
}

.rt-invert-icon {
  filter: invert();
}

.footer-col-two {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.counter-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-top: 1px solid #fff3;
  border-right: 1px solid #fff3;
  justify-content: flex-start;
  align-items: center;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.counter-wrapper.right-border-remove {
  border-right-style: none;
}

.counter-wrapper.right-border-remove.mobile-text-center {
  height: 75%;
}

.counter-wrapper.mobile-text-center {
  height: 75%;
  padding-top: 0;
  padding-bottom: 100px;
}

.counter-wrapper.mobile-text-center.remove-mobile-padding.specialty {
  border-top-style: none;
  border-left: 1px #fff3;
  padding-bottom: 20px;
}

.counter-wrapper.mobile-text-center.remove-mobile-padding.specialty.mid {
  border-left-style: solid;
  border-left-color: #fff3;
  border-right-style: solid;
}

.counter-wrapper.mobile-text-center.specialty {
  border-top-style: none;
  border-right-style: none;
  padding-bottom: 0;
}

.counter-wrapper-v1 {
  border-top: 1px solid #0003;
  border-right: 1px solid #0003;
  padding: 30px;
}

.counter-wrapper-v1.right-border-remove {
  border-right-style: none;
}

.counter-wrapper-v1.right-border-remove.mobile-text-center.start {
  border-right: 2px solid var(--yellow);
  border-top-width: 0;
}

.counter-wrapper-v1.mobile-text-center {
  border-top-style: none;
  border-right-style: none;
}

.counter-wrapper-v1.mobile-text-center.shape {
  padding-top: 0;
}

.auto-fit {
  object-fit: cover;
}

.auto-fit.desktop-image-full {
  width: 100%;
  height: 100%;
}

.service-v2-hero {
  padding-top: 435px;
  padding-bottom: 150px;
}

.faq {
  padding-top: 214px;
  padding-bottom: 130px;
}

.faq-main-content {
  max-width: 1071px;
}

.faq-one-accrodian-main-wrapper {
  padding-top: 10px;
}

.testimonial {
  padding-top: 257px;
  padding-bottom: 130px;
}

.testimonial.padding-top0 {
  padding-top: 0;
}

.testimonial.padding-top-sm {
  padding-top: 100px;
}

.testimonial.padding-top-sm.white-background {
  background-color: #fff;
}

.testimonial-card-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding-top: 55px;
  display: grid;
}

.testimonial-card-wrapper.testimonial-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.testimonial-card {
  background-color: #ffffff1a;
  border-radius: 10px;
  padding: 20px;
}

.testimonial-card.bg-black {
  background-color: var(--light-black);
  margin-bottom: 0;
}

.testimonial-text-wrapper {
  max-width: 306px;
  padding-bottom: 13px;
}

.testimonial-star-wrapper {
  border-bottom: 1px solid #fff3;
  margin-bottom: 23px;
  padding-bottom: 28px;
}

.portfolio {
  padding-top: 220px;
  padding-bottom: 130px;
}

.portfolio-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.portfolio-wrapper.change-align {
  grid-template-rows: auto;
}

.portfolio-wrapper.as-portfolio-single {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-top: 30px;
}

.portfolio-wrapper.as-single-row {
  grid-template-rows: auto;
}

.work-white-arrow {
  filter: invert();
}

.portfolio-top-padding {
  padding-top: 55px;
}

.portfolio-hero {
  padding-top: 200px;
  padding-bottom: 120px;
}

.portfolio-heading-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.portfolio-heading-wrapper.heading-one-gap-top.overflow-hidden {
  padding-bottom: 45px;
}

.portfolio-hero-image-wrapper {
  overflow: hidden;
}

.portfolio-hero-image-wrapper.position-relative {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 89vh;
  display: flex;
}

.portfolio-bottom-content-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  padding-top: 35px;
  display: flex;
}

.portfolio-gallery-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 30px;
  padding-bottom: 70px;
  display: grid;
}

.portfolio-additional-details-heading-wrapper {
  border-bottom: 1px solid #fff3;
  margin-bottom: 55px;
  padding-bottom: 37px;
}

.portfolio-additional-details-wrapper {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.portfolio-additional-details-left-part {
  flex: 1;
  max-width: 221px;
}

.portfolio-additional-details-right-part {
  flex: 1;
  max-width: 606px;
}

.portfolio-details-subheading-wrapper {
  padding-bottom: 26px;
}

.portfolio-hero-container {
  max-width: 1828px;
  padding-left: 15px;
  padding-right: 15px;
}

.portfolio-bottom-content {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.latest-porfolio-article {
  padding-top: 105px;
  padding-bottom: 130px;
}

.testimonial-container {
  max-width: 1750px;
  padding-left: 15px;
  padding-right: 15px;
}

.submenu-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.submenu-wrapper:active {
  color: var(--light-black);
}

.submenu-wrapper.top {
  padding-top: 10px;
}

.submenu-circle {
  border: 1px solid #0006;
  border-radius: 50%;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
}

.submenu-line {
  perspective: 2000px;
  perspective-origin: 0%;
  background-color: #12121233;
  width: 50%;
  height: 1px;
  position: relative;
  transform: none;
}

.submenu-left-part {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.submenu-fill-line {
  background-color: var(--light-black);
  height: 1px;
  position: absolute;
  inset: 0%;
}

.mega-menu-font {
  color: var(--light-black);
  letter-spacing: -.28px;
  width: 100%;
  padding: 5px 25px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  transition: all .5s, color .5s;
  display: block;
}

.mega-menu-font:hover {
  transform: translate(15px);
}

.mega-menu-font.w--current {
  color: #966c07;
}

.mega-menu-font.top {
  padding-top: 10px;
}

.mega-menu-font.bottom {
  padding-bottom: 10px;
}

.cms-card-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 49px;
  display: grid;
}

.landing-cms-sub-heading {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.image-effect-wrapper {
  z-index: 99;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.image-effect-wrapper.overflow-hidden, .image-effect-wrapper.overflow-hidden:where(.w-variant-75dcd1fa-3094-454a-1c3a-179ea4c4f3c0), .image-effect-wrapper.overflow-hidden {
  border-radius: 10px;
}

.inside-overlay {
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  background-color: #00000026;
  height: 100%;
  transform: translate(0, 100%);
}

.inside-overlay:where(.w-variant-75dcd1fa-3094-454a-1c3a-179ea4c4f3c0) {
  background-color: #ffffff26;
  border-radius: 10px;
}

.outside-overlay {
  background-color: var(--primary-color);
  position: absolute;
  inset: 0%;
  transform: translate(0, 100%);
}

.outside-overlay:where(.w-variant-16372b17-19a0-63b2-623d-f079628eadec) {
  background-color: #fef7e8;
}

.outside-overlay:where(.w-variant-75dcd1fa-3094-454a-1c3a-179ea4c4f3c0) {
  background-color: var(--secondary-color);
  border-radius: 10px;
}

.video-text-box {
  z-index: 11;
  justify-content: flex-end;
  align-items: flex-end;
  margin-left: 20%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.video-text-box:where(.w-variant-75dcd1fa-3094-454a-1c3a-179ea4c4f3c0) {
  position: absolute;
  inset: 0%;
}

.video-section {
  position: relative;
  overflow: hidden;
}

.video-section:where(.w-variant-75dcd1fa-3094-454a-1c3a-179ea4c4f3c0) {
  position: relative;
}

.video-section-apearence {
  pointer-events: none;
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 0%;
}

.video-line {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.video-line-overlay {
  background-color: var(--primary-color);
  transform-origin: 0 100%;
  width: 100%;
  height: 150%;
}

.image-blurry-overlay {
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  display: none;
  position: absolute;
  inset: 0%;
}

.circle-outline-main {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.slide-main-text {
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.circle-button-right {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  display: flex;
  position: absolute;
  right: 0%;
  overflow: hidden;
}

.slider-details {
  max-width: 635px;
}

.circle-button {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100px;
  height: 100px;
  max-height: 100px;
  text-decoration: none;
  display: grid;
  position: relative;
}

.service-slider {
  justify-content: center;
  min-height: 745px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slide-item {
  width: 100%;
}

.display-off {
  display: none;
}

.circle-outline {
  border: 1px solid #ffffff40;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  position: absolute;
  inset: 0% 0% auto;
}

.circle-outline.left {
  top: auto;
}

.circle-outline.left-light {
  border-color: #fff;
  top: auto;
}

.circle-outline.bottom {
  top: auto;
  bottom: 0%;
  left: auto;
}

.circle-outline.top-light {
  border-color: #fff;
  left: auto;
}

.circle-outline.light {
  border-color: #fff;
}

.circle-outline.right {
  top: auto;
  left: auto;
  right: 0;
}

.circle-outline.bottom-right-light {
  border-color: #fff;
  top: auto;
  bottom: 0;
  left: auto;
}

.circle-outline.right-light {
  border-color: #fff;
  top: auto;
  left: auto;
}

.circle-outline.bottom-left-right {
  border-color: #fff;
  top: auto;
  bottom: 0%;
  right: auto;
}

.slide-item-image {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.slide-main-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
}

.slide-main-container.full-width {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.circle-hover {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.circle-hover.two {
  top: auto;
}

.circle-hover.two.left {
  left: 0%;
  right: auto;
}

.circle-hover.left.one {
  right: auto;
}

.circle-hover.left.one.new {
  justify-content: flex-start;
  align-items: center;
  left: 0%;
}

.padding-change {
  margin-top: 0;
  margin-bottom: 0;
}

.padding-change.text-color-white {
  color: #fff;
}

.slide-left-arrow {
  border: 1px solid #fff0;
  width: 100px;
  height: 100px;
  margin-right: -50px;
  inset: 0 25% 0% auto;
  overflow: visible;
}

.slide-left-arrow.right {
  top: 300px;
}

.slider-line {
  z-index: 11;
  flex-flow: column;
  justify-content: space-between;
  width: 1px;
  display: flex;
  position: absolute;
  inset: 0% 25% 0% auto;
}

.small-text {
  font-size: 20px;
  font-weight: 500;
  line-height: .2em;
}

.slider-overlay {
  background-image: linear-gradient(#0009, #0009);
  position: absolute;
  inset: 0%;
}

.arrow {
  width: 14px;
  min-width: 14px;
  padding-top: 5px;
}

.slider-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.line-main {
  background-color: #fff;
  width: 1px;
  height: 374px;
}

.line-main.top {
  height: 325px;
}

.line-main.bottom {
  height: 172px;
}

.line-main.middle {
  height: 50px;
}

.slider-button {
  padding-top: 20px;
  display: flex;
}

.slide-image-main {
  border-radius: 0%;
  width: 105vw;
  height: 105vh;
  min-height: 745px;
  position: absolute;
  inset: auto;
  overflow: hidden;
}

.slide-background-circle {
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 120vw;
  height: 120vw;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.circle-link-tect {
  z-index: 10;
  grid-column-gap: 18px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center end;
  place-items: center stretch;
  height: 100%;
  margin-left: -10px;
  padding-left: 0;
  padding-right: 44px;
  line-height: 1.2em;
  display: grid;
  position: relative;
}

.circle-link-tect.right {
  position: absolute;
}

.circle-link-tect.left {
  justify-content: start;
  margin-left: 0;
  padding-bottom: 5px;
  padding-left: 44px;
  padding-right: 0;
  position: absolute;
}

.auto-fit-v2 {
  height: auto;
}

.auto-fit-v2.image-full-width {
  width: 100%;
  height: 100%;
}

.service-main-slide {
  background-color: #ddd0;
  width: 100%;
  height: 100%;
  position: relative;
}

.slider-main {
  z-index: 100;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.slide-heading {
  max-width: 500px;
  padding-bottom: 20px;
}

.circle-button-top {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.slide-item-main {
  width: 100%;
  height: 100%;
  position: relative;
}

.landing-banner-marquee {
  margin-top: 100px;
  display: flex;
}

.landing-marquee-train {
  flex: none;
  display: flex;
}

.landing-marquee-item {
  max-width: 363px;
  padding-right: 50px;
}

.figma-wrapper {
  background-color: var(--secondary-color);
}

.cart-main {
  color: var(--primary-color);
}

.border-radius-10 {
  border-radius: 10px;
}

.border-radius-10.position-relative.overflow-hidden {
  height: 250px;
}

.border-radius-10.position-relative.overflow-hidden.tab-image-full-width {
  object-fit: fill;
  height: auto;
}

.border-radius-10.image-effect.tab-image-full-width {
  width: auto;
  max-width: none;
  height: 300px;
  padding-top: 0;
}

.border-radius-10.as-image-full-width {
  width: 100%;
}

.about-kontix-text-wrapper {
  z-index: 11;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.modern-infrastructure-counter-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.planning-image-content {
  z-index: 11;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #d9d9d90d;
  border: 1px solid #fff3;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 795px;
  padding: 30px;
  display: flex;
}

.about-kontix-bottom-wrapper {
  z-index: 11;
  pointer-events: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.modern-infrastructure-right-part-wrapper {
  background-color: var(--secondary-color);
  flex: 1;
  height: 100%;
  padding-left: 15px;
  padding-right: 30px;
}

.modern-infrastructure-heading-gap {
  margin-top: 30px;
  margin-bottom: 55px;
}

.modern-infrastructure-heading-gap.modern-infrastructure-heading-wrapper {
  max-width: 320px;
}

.modern-infrastructure-left-part {
  background-color: var(--secondary-color);
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  padding-left: 30px;
  padding-right: 15px;
}

.about-contix-sticky {
  min-height: 100vh;
  position: sticky;
  top: 0;
}

.about-kontix-image-overlay {
  background-color: #1212128f;
  position: absolute;
  inset: 0%;
}

.about-kontix {
  min-height: 280vh;
}

.about-kontix-main-image {
  width: 100%;
  height: 100vh;
}

.modern-infrastructure-counter {
  max-width: 276px;
}

.planning-image-content-wrapper {
  padding-bottom: 60px;
  padding-left: 30px;
  padding-right: 30px;
  position: absolute;
  inset: auto 0% 0%;
}

.modern-infrastructure-right {
  background-color: #1212121a;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  padding: 50px;
  display: flex;
}

.about-kontix-image-animation-overlay {
  background-color: #121212c9;
  position: absolute;
  inset: 0%;
}

.modern-infrastructure-button-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  display: flex;
}

.modern-infrastructure-button-wrapper.precision-button-top-padding {
  padding-top: 45px;
}

.modern-infrastructure-counter-text-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  display: flex;
}

.modern-infrastructure-counter-text-content.people, .modern-infrastructure-counter-text-content.as-innovation-content-center {
  justify-content: center;
  align-items: center;
}

.grey-border {
  background-color: #0003;
  width: 1px;
}

.grey-border.change-color {
  background-color: #fff3;
}

.grey-border.change-color.as-border-mobile-block {
  display: none;
}

.service-one-card-text {
  padding-top: 10px;
  padding-bottom: 25px;
}

.service-one-card-gradient {
  background-image: linear-gradient(0deg, #222 3%, #1e192600);
}

.service-one-card-gradient.position-absolute {
  z-index: 11;
  background-image: linear-gradient(0deg, #101010e6 31%, #1e192600 72%);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  inset: 0%;
}

.service-one-card-gradient.position-absolute.landscape-text-center {
  background-image: none;
}

.service-one-card-gradient.position-absolute.landscape-text-center.as-prodcust-gradient {
  background-image: linear-gradient(0deg, #101010e6 31%, #1e192600);
}

.service-one-card-warp {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-top: 75px;
}

.service-one {
  padding-bottom: 130px;
}

.service-one.padding-top {
  padding-top: 20px;
  padding-bottom: 40px;
}

.precision-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 130px;
  display: grid;
}

.rt-precision-card {
  justify-content: center;
  align-items: center;
  display: flex;
}

.precision {
  background-color: var(--secondary-color);
  padding-top: 130px;
  padding-bottom: 130px;
}

.precision-overlay-card {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: #1212121a;
  border-radius: 10px;
  flex-flow: column;
  padding: 50px 50px 50px 40px;
  display: flex;
}

.innovation-v2-right-part {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 773px;
  display: flex;
}

.overview-two-image-card {
  background-color: var(--yellow);
  border-radius: 10px;
  width: 60%;
  height: 60%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.feature-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 80px;
  display: flex;
}

.feature-left-part {
  flex: 1;
  max-width: 520px;
}

.feature-right-part {
  flex: 1;
  max-width: 630px;
}

.feature-card-content {
  padding-top: 90px;
}

.feature-card-text {
  border-bottom: 1px solid var(--light-black);
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.feature-image-one, .feature-image-two, .feature-image-four {
  position: absolute;
  inset: 0%;
}

.reliable-construction-left-part {
  flex: 1;
  max-width: 613px;
}

.reliable-construction-right-part {
  flex: 1;
  max-width: 603px;
}

.reliable-construction-bottom-container {
  padding-top: 60px;
}

.reliable-construction-subtext-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.reliable-construction-subtext-glow-line {
  background-color: var(--secondary-color);
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.reliable-construction-para-main-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  align-items: flex-start;
  padding-top: 38px;
  display: flex;
}

.reliable-construction-para-wrapper {
  flex: 1;
  max-width: 490px;
}

.reliable-construction-para.inactive {
  position: absolute;
  inset: 0%;
}

.hero-three-curton {
  background-color: var(--light-black);
  width: 20%;
  height: 100%;
}

.innovation-progress-light-grey-line {
  z-index: 11;
  background-color: #59595980;
  height: 3px;
}

.over-view-title-wrapper {
  width: 100%;
  max-width: 829px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.over-view-card-two {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: var(--yellow);
  border-radius: 10px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  max-width: 410px;
  padding: 30px;
  display: flex;
}

.over-view-card-text-wrapper {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.over-view-card-three {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #ffffff1a;
  border: 1px solid #fff3;
  border-radius: 10px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  max-width: 410px;
  padding: 30px;
  display: flex;
}

.features-two-image-two-white {
  background-color: var(--color);
  border-radius: 10px;
  margin-right: -300px;
  padding-top: 20px;
  padding-right: 20px;
}

.features-two-image-two-white.position-relative {
  z-index: 11;
}

.expertise-bottom-content-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  padding-top: 74px;
  display: flex;
}

.expertise-icon-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-bottom: 1px solid #ffffff40;
  flex-flow: column;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: flex;
}

.expertise-bottom-content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
}

.about-two-kontix-bottom-wrapper {
  z-index: 11;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 130px;
}

.about-modern-infrastructure-left-part {
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  max-width: 785px;
}

.about-modern-infrastructure-right-part-wrapper {
  border-radius: 10px;
  flex: 1;
  max-width: 785px;
}

.about-modern-infrastructure-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.about-modern-infrastructure-right {
  background-color: #ffffff1a;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  padding: 50px;
  display: flex;
}

.features-four {
  background-color: var(--color);
  padding-bottom: 125px;
}

.features-four-wrapper {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.features-four-right-part {
  flex: 1;
  max-width: 956px;
}

.feature-four-image-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 85px;
  display: flex;
}

.feature-four-image-one {
  flex: 1;
  max-width: 547px;
}

.feature-four-image-two {
  flex: 1;
  max-width: 356px;
}

.modern-construction-wrapper {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  justify-content: center;
  align-items: stretch;
  padding-top: 75px;
  display: flex;
}

.modern-construction-wrapper.add-padding {
  padding-top: 130px;
}

.sustainable-construction {
  padding-top: 130px;
  padding-bottom: 125px;
}

.sustainable-construction-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.sustainable-construction-left-wrapper {
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  max-width: none;
  height: auto;
}

.sustainable-construction-right-wrapper {
  flex: 1;
  max-width: 550px;
}

.sustainable-construction-small-content-wrapper {
  padding-top: 35px;
  padding-bottom: 40px;
}

.sustainable-construction-small-top-content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
  padding-bottom: 15px;
  display: flex;
}

.sustainable-construction-small-content {
  border-bottom: 1px dashed #fff3;
  padding-bottom: 30px;
}

.sustainable-construction-small-content.top-padding {
  padding-top: 30px;
}

.sustainable-construction-small-content.mobile-text-center.top-padding-10 {
  padding-top: 10px;
  padding-bottom: 0;
}

.about-achievement-text-wrapper {
  flex: 1;
  max-width: 413px;
}

.about-achievement-heading-wrapper {
  flex: 1;
  max-width: 450px;
}

.about-three-achivemnt-card-left-content {
  flex: 1;
  max-width: 100px;
}

.about-three-achivemnt-card-middle-content {
  flex: 1;
  max-width: 384px;
}

.service-one-button-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #ffffff1a;
  border-radius: 27px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 80px;
  padding: 11px 14px;
  display: flex;
}

.over-view-title-v2-wrapper {
  width: 100%;
  max-width: 829px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.over-view-title-v2-wrapper.text-align-center.position-relative.overflow-hidden {
  max-width: 1152px;
  margin-top: 0;
}

.pricing-v2-card {
  background-color: var(--light-color);
}

.pricing-v2-toggle-text-one {
  color: var(--light-black);
}

.pricing-v2-toggle-text-two {
  color: var(--dark-gray);
}

.pricing-v2-tab-button-ball {
  background-color: var(--light-black);
  border-radius: 50%;
  width: 22px;
  max-width: 30px;
  height: 22px;
}

.pricing-v2-tab-button {
  background-color: var(--light-color);
  border-radius: 60px;
  justify-content: flex-start;
  align-items: center;
  max-width: 64px;
  height: 28px;
  padding: 5px 3px;
}

.pricing-v2-tab-button.full-width {
  cursor: pointer;
}

.pricing-v3 {
  background-color: var(--secondary-color);
  padding-top: 125px;
}

.pricing-v3-tab-button {
  border: 1px solid #0003;
  border-radius: 60px;
  justify-content: flex-start;
  align-items: center;
  max-width: 64px;
  height: 28px;
  padding: 5px 3px;
}

.pricing-v3-tab-button.full-width {
  cursor: pointer;
}

.pricing-card-three {
  background-color: var(--light-color);
  border: 1px solid #0003;
  border-radius: 10px;
}

.contact-two-form-check-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 31px;
  margin-bottom: 52px;
  display: flex;
}

.blog-v1-card-content {
  background-color: var(--secondary-color);
  padding-top: 130px;
  padding-bottom: 130px;
}

.password-form-input {
  color: var(--secondary-color);
  background-color: #fff0;
  border: 0 solid #000;
  border-bottom: 1px solid #fff3;
  height: 65px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
}

.password-form-input:focus {
  border-bottom-color: var(--gray);
}

.password-form-input::placeholder {
  color: var(--secondary-color);
}

.over-view-three-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
}

.overview-three-right-wrapper {
  flex: 1;
  max-width: 630px;
}

.overview-counter {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-right: 1px solid #ffffff26;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 34px;
}

.overview-counter.right-border-remove, .overview-counter.change-align.vertical-align {
  border-right-style: none;
}

.over-view-three {
  padding-top: 130px;
  padding-bottom: 130px;
}

.service-v2-video-wrapper {
  padding-bottom: 125px;
}

.service-three-arrow-wrapper {
  background-color: #ffffff26;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  display: flex;
}

.rt-big-icon {
  border-radius: 20px;
  width: 300px;
}

.text-block {
  color: var(--secondary-color);
  margin-bottom: 10px;
}

.image-2 {
  max-width: 40%;
}

.icon, .icon-2 {
  color: var(--yellow);
}

.div-block {
  flex-flow: column;
  height: 500px;
  display: flex;
  overflow: auto;
}

.text-span {
  color: var(--yellow);
  font-weight: 400;
}

.text-span-2, .text-span-3 {
  color: var(--yellow);
}

.infra-img.rt-big-icon {
  width: 400px;
  height: 250px;
}

.infra-img.rt-big-icon.flag {
  height: 150px;
}

.bold-text, .bold-text-2, .bold-text-3 {
  display: block;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.mines-grid-wrapper {
  margin-top: 60px;
}

.mines-cards {
  border-right: 1px none var(--yellow);
  padding: 20px;
}

.mines-cards.right {
  border-right-style: none;
}

.div-block-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.div-block-3 {
  width: 80px;
}

.image-3 {
  width: 100%;
}

.div-block-4 {
  border-radius: 15px;
  overflow: hidden;
}

.div-block-5 {
  text-align: center;
  margin-top: 60px;
}

.cta-section {
  background-color: #fff;
  padding-top: 80px;
}

.cta-section.padding-top {
  padding-top: 100px;
}

.cta-section.padding-top.margin-top {
  margin-top: 100px;
}

.cta-section.padding-top.as-mobile-padding-0 {
  padding-top: 0;
}

.bg-black {
  background-color: var(--primary-color);
  border-radius: 20px;
  margin-bottom: 100px;
  padding: 40px;
}

.flex {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  margin-top: 60px;
  display: flex;
}

.as-products-cards {
  width: 31%;
}

.as-products-section {
  padding-top: 125px;
  padding-bottom: 125px;
}

.btn-flex {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  margin-top: 60px;
  display: flex;
}

.as-list-products {
  color: var(--primary-color);
}

.as-list-products.deactive {
  margin-top: 10px;
}

.grid-2 {
  grid-template-rows: auto;
  padding-top: 60px;
}

.as-industry-serve-section {
  margin-top: 100px;
  padding-bottom: 40px;
}

.as-industry-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 350px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.as-industry-card.align-top {
  justify-content: flex-start;
  align-items: center;
}

.as-industry-card-content {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.as-industry-card-content.text-align-center {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  padding-top: 50px;
}

.as-industry-wrapper {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 60px;
  padding-top: 60px;
  display: flex;
}

.as-industry-wrapper.add-padding {
  padding-top: 130px;
}

.as-anchor-section {
  z-index: 1000;
  background-color: var(--yellow);
  padding-top: 0;
  padding-bottom: 0;
  position: sticky;
  top: 0;
  box-shadow: 0 4px 4px #0000000d;
}

.brix---container-default {
  max-width: 82rem;
  padding: 40px 20px;
}

.brix---container-default.padding-top-btm {
  max-width: 80rem;
  padding-top: 80px;
  padding-bottom: 10px;
}

.grid-3 {
  grid-column-gap: 9px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch center;
  display: grid;
}

.grid-3.denim-grid {
  grid-column-gap: 80px;
  flex-flow: row;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  place-items: stretch center;
  display: flex;
  position: sticky;
}

.grid-3.life-at-ashapura-grid, .grid-3.vande-matram-grid {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-3.vande-matram-grid.sustainability {
  grid-column-gap: 1px;
  grid-row-gap: 2px;
  grid-template-columns: 1fr 1fr;
  place-items: center;
}

.grid-3.bentonite-grid {
  grid-template-columns: 1fr 1fr;
}

.as-realestate-name {
  color: var(--primary-color);
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  border-left: 4px solid #0000;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  text-decoration: none;
  transition: border .4s ease-in-out;
}

.as-realestate-name:hover {
  border-left: 4px solid var(--yellow);
  padding-left: 10px;
}

.as-realestate-name.w--current {
  border-left-color: var(--yellow);
  color: var(--secondary-color);
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 14px;
}

.as-key-intitiatives-wrapper {
  margin-top: 10px;
  margin-bottom: 40px;
}

.as-contact-two-column {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 50px;
}

.as-counter-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0;
}

.as-counter-wrapper.change-padding {
  margin-top: 55px;
}

.as-counter {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  border-right: 1px solid #ffffff26;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 34px;
}

.as-counter.right-border-remove {
  border-right-style: none;
}

.as-counter.right-border-remove.text-align-center {
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
}

.as-counter.text-align-center {
  align-items: stretch;
}

.as-counter-box-wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
}

.as-counter-box-wrapper.position-relative {
  margin-top: -150px;
}

.code-embed {
  padding-top: 60px;
}

.text-block-2, .text-block-3, .text-block-4 {
  color: var(--secondary-color);
}

.dropdown-list-2 {
  -webkit-backdrop-filter: blur(400px);
  backdrop-filter: blur(400px);
  background-color: #fff;
  border-bottom: 2px solid #ffb937;
  box-shadow: 30px 30px 50px #0000008c;
}

.dropdown-list-2.nav-dropdown-menu {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  align-items: flex-start;
  min-width: 160px;
}

.dropdown-list-2.nav-dropdown-menu.w--open {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: stretch;
  display: flex;
  box-shadow: 0 0 20px #00000014;
}

.dropdown-list-2.nav-dropdown-menu.about-us-dropdown-menu {
  min-width: 300px;
  padding: 20px 20px 30px;
}

.dropdown-list-2.nav-dropdown-menu.as-our-business-dropdown-menu {
  min-width: 370px;
  padding: 20px 20px 30px;
}

.dropdown-toggle-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--secondary-color);
  align-items: center;
  padding: 27px 15px;
  display: flex;
}

.dropdown-toggle-2:hover, .dropdown-toggle-2.w--open {
  color: var(--yellow);
}

.mega-menu-font-2 {
  color: #121212;
  letter-spacing: -.28px;
  width: 100%;
  padding: 5px 25px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  transition: all .5s, color .5s;
  display: block;
}

.mega-menu-font-2:hover {
  transform: translate(15px);
}

.mega-menu-font-2.w--current {
  color: #966c07;
}

.mega-menu-font-2.top {
  padding-top: 10px;
}

.mega-menu-font-2.bottom {
  padding-bottom: 10px;
}

.nav-text-2 {
  color: var(--primary-color);
}

.nav-text-2:hover {
  color: var(--yellow);
}

.as-footer-heading {
  color: #141414;
  letter-spacing: 0;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55556;
}

.as-footer-heading.color-white {
  color: var(--secondary-color);
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  line-height: 20px;
}

.as-footer-heading.color-white.footer-menu-item-text:hover, .as-footer-heading.highlight-color {
  color: var(--yellow);
}

.as-footer-wrapper {
  display: flex;
}

.as-footer-col {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 34%;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.as-footer-col.as-padding-left {
  padding-left: 60px;
}

.as-footer-col.as-footer-col2 {
  width: 30%;
}

.as-footer-logo-bottom.color-white {
  font-size: 18px;
}

.as-footer-logo-link {
  width: 200px;
}

.as-footer-border {
  background-image: linear-gradient(#8e8e8e99, #fff0);
  width: 1px;
}

.as-footer-border.footer-border-two {
  left: 63%;
}

.as-footer-address {
  margin-top: 40px;
}

.as-footer-col-two {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-4 {
  width: 200px;
}

.text-block-5 {
  color: var(--yellow);
  padding-top: 20px;
  font-size: 18px;
  font-weight: 400;
}

.ry-rp-card-title {
  color: var(--primary-color);
  text-align: center;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
}

.ry-wrapper {
  background-color: var(--secondary-color);
  padding-top: 100px;
  padding-bottom: 100px;
}

.ry-wrapper.sustainability {
  background-color: var(--primary-color);
}

.ry-wrapper.investor {
  padding-top: 0;
}

.ry-primary-btn {
  text-align: center;
  background-color: #ed193a;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 10px 20px;
  text-decoration: none;
  display: inline-flex;
}

.ry-primary-btn.margin-top {
  background-color: var(--yellow);
  border-radius: 10px;
  margin-top: 0;
  padding-bottom: 15px;
  text-decoration: none;
}

.as-investor-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  padding-top: 40px;
  display: flex;
}

.ry-card-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ry-card-content.investor-title {
  padding-bottom: 60px;
}

.button-text-wrap-2 {
  height: 20px;
  position: relative;
  overflow: hidden;
}

.ry-expert-card-img {
  object-fit: cover;
  border-radius: 4px;
  width: 100%;
  height: 235px;
  display: block;
}

.ry-expert-card-img.investor-grid {
  width: 25%;
  height: auto;
}

.text-block-6 {
  color: #fff;
  font-weight: 400;
}

.primary-btn-link {
  color: #231f20;
  text-align: center;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.primary-btn-link.white-text {
  color: #000;
}

.ry-porfolio-card {
  object-fit: cover;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 23%;
  max-height: 523px;
  padding: 40px 16px 16px;
  display: flex;
  box-shadow: 5px 4px 17px #ed193a0d;
}

.ry-porfolio-card.investor-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--secondary-color);
  align-items: center;
  width: 24%;
  height: 270px;
}

.div-block-7 {
  height: 100px;
}

.div-block-8 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.as-products-heading {
  text-align: center;
  padding-bottom: 40px;
}

.as-products-heading.padding-btm-0 {
  padding-bottom: 0;
}

.as-bentonite-products-section.as-bg-color-white {
  background-color: var(--secondary-color);
}

.as-special-bentonite-products-section {
  margin-top: 0;
}

.as-special-bentonite-products-section.as-bg-color-white {
  background-color: var(--secondary-color);
  padding-top: 100px;
}

.as-stats-icon-wrap {
  justify-content: center;
  align-items: flex-start;
  width: 100px;
  height: 100px;
}

.ry-awards-address-title {
  margin-bottom: 44px;
  font-weight: 700;
}

.c-flip-card {
  position: relative;
}

.c-card-img {
  background-color: var(--transparent);
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ry-awards-for-heading {
  color: #231f20;
  font-size: 24px;
}

._w-card-back {
  background-color: var(--transparent);
  perspective: 1000px;
  border-radius: 5px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.ry-awsrds-years {
  color: #ed193a;
  font-size: 26px;
}

.ry-awards-cards {
  background-color: var(--white-ten);
  border-radius: 15px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: auto;
  padding: 0 0 10px;
  display: flex;
  box-shadow: 5px 4px 17px #0000000d;
}

.card-img {
  height: 120px;
  display: none;
}

._w-card-front {
  background-color: var(--transparent);
  perspective: 1000px;
  border-radius: 5px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  transform: none;
}

.c-card-no {
  display: none;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

._w-card-img {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  perspective: 1000px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

._w-flip-card {
  z-index: 10;
  perspective: 1000px;
  display: flex;
  position: relative;
}

.ry-awards-business-text {
  color: #ed193a;
  font-weight: 700;
}

.image-12 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.c-card-back {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 315px;
  display: none;
}

.c-card-front {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 315px;
  display: flex;
}

.grid-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.grid-4.as-grid-3 {
  grid-template-columns: 1fr 1fr;
}

.list {
  color: var(--primary-color);
}

.list.as-list-color-white {
  color: var(--secondary-color);
}

.div-block-9 {
  border-radius: 10px;
  height: 400px;
  overflow: hidden;
}

.div-block-10 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: 1px solid var(--yellow);
  border-radius: 10px;
  flex-flow: column;
  flex: none;
  width: 50%;
  height: 700px;
  padding: 20px;
  display: flex;
}

.grid-5 {
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  width: 80%;
  height: 986100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-11 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-13 {
  object-fit: cover;
  object-position: 50% 50%;
  height: 400px;
}

.image-14 {
  object-position: 50% 100%;
  height: 400px;
}

.as-team-4 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.as-team-5 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 60px;
  margin-bottom: 20px;
  display: flex;
}

.as-bg-color-white {
  background-color: var(--secondary-color);
  padding-top: 60px;
  padding-bottom: 60px;
}

.as-bg-color-white.padding-btm {
  padding-bottom: 120px;
}

.as-bg-color-white.remove-top-padding {
  padding-top: 0;
  padding-bottom: 140px;
}

.as-bg-color-white.bentonite {
  padding-top: 40px;
  padding-bottom: 0;
}

.as-futures-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 49px;
  display: flex;
}

.div-block-13 {
  justify-content: space-between;
  display: flex;
}

.as-heading-style-h3 {
  letter-spacing: 0;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.33333;
}

.as-heading-style-h3.color-black {
  color: var(--primary-color);
}

.as-heading-style-h3.color-black.precision-card-heading-wrapper {
  max-width: 239px;
  padding-top: 30px;
}

.as-heading-style-h3.color-white.footer-contact-item {
  max-width: 421px;
  padding-top: 50px;
  font-size: 22px;
}

.as-heading-style-h3.highlight-color.text-left {
  text-align: left;
}

.as-heading-style-h3.text-align-center {
  text-align: center;
}

.as-heading-inner {
  color: var(--primary-color);
  font-size: 26px;
}

.as-heading-inner.color-black.text-align-center {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-size: 26px;
  display: flex;
}

.as-heading-inner.highlight-color {
  color: var(--yellow);
}

.as-other-cards {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
}

.as-other-cards.add-padding {
  padding-left: 20px;
  padding-right: 20px;
}

.as-address.color-black {
  text-align: center;
}

.as-address-cards {
  margin-top: 40px;
}

.director-img {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 320px;
}

.as-director-name {
  margin-top: 10px;
  font-size: 20px;
  line-height: 30px;
}

.as-director-name.color-black {
  margin-bottom: 0;
  font-size: 18px;
}

.button-text-wrap-3 {
  height: 20px;
  position: relative;
  overflow: hidden;
}

.text-block-7 {
  color: #fff;
  font-weight: 400;
}

.director-box-wrap {
  background-color: var(--color);
  border-radius: 10px;
  width: 32%;
  padding: 10px;
  overflow: hidden;
  box-shadow: 0 2px 5px #0000001a;
}

.director-position {
  color: #847379;
  margin-bottom: 10px;
  font-size: 14px;
}

.as-director-wrapper {
  grid-column-gap: 19px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-14 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.as-comittee-wrapper {
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.code-embed-2 {
  margin-top: 40px;
}

.div-block-15 {
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.image-15 {
  margin-bottom: 40px;
}

.as-heading-main {
  margin-bottom: 60px;
}

.as-products-flex {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 60px;
  display: flex;
}

.as-producrs-cards {
  border: 1px solid var(--white-tewnty);
  width: 50%;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.as-products-wrapper {
  margin-bottom: 60px;
}

.as-application-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.as-application-title {
  margin-bottom: 21px;
}

.as-application-title.as-reduce-height {
  height: 50px;
}

.list-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.as-application-cards {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-top: 1px #fff3;
  border-right: 1px solid #fff3;
  justify-content: flex-start;
  align-items: center;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.as-application-cards.right-border-remove {
  border-right-style: none;
}

.as-application-cards.right-border-remove.mobile-text-center {
  height: 75%;
}

.as-application-cards.mobile-text-center {
  height: 75%;
  padding-bottom: 100px;
}

.div-block-16 {
  margin-top: 20px;
}

.as-application-wrapper {
  padding-bottom: 40px;
}

.as-other-absorbent-section {
  margin-bottom: 0;
}

.as-advacne-products-wrapper {
  grid-column-gap: 50px;
  justify-content: center;
  width: 90%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.text-span-4 {
  color: var(--yellow);
}

.text-span-5 {
  color: var(--yellow);
  font-weight: 400;
}

.div-block-17 {
  margin-top: 0;
  margin-left: 20px;
}

.as-bentonite-products-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  max-width: 250px;
  padding: 0 10px;
  display: flex;
}

.as-bentonite-products-cards.align-top {
  justify-content: flex-start;
  align-items: center;
}

.div-block-18 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.special-bentonite-inner-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.special-bentonite-inner-wrapper.as-bg-color-white {
  background-color: var(--secondary-color);
}

.special-bentonite-inner-wrapper.as-bg-color-white.as-padding-bottom, .special-bentonite-inner-wrapper.add-bottom-padding {
  padding-bottom: 100px;
}

.as-sp-bentonite-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 350px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.as-sp-bentonite-cards.align-top {
  justify-content: flex-start;
  align-items: center;
}

.as-sustainibility-img {
  border-radius: 10px;
  width: 100%;
}

.image-26 {
  min-height: 6rem;
}

.adress-block-copy {
  color: #fff;
  background-color: #fff;
  border-radius: .75rem;
  flex-flow: row;
  margin: auto;
  display: flex;
  overflow: hidden;
}

.heading {
  color: #ffffffb3;
  width: 100%;
  line-height: 22px;
}

.modal-closer {
  z-index: 5;
  background-color: #000000b0;
  position: absolute;
  inset: 0;
}

.text-20 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
}

.text-20._1 {
  color: #000;
}

.text-color-red {
  color: #da291c;
}

.modal-body {
  z-index: 10;
  width: 100%;
  max-width: 40rem;
  position: relative;
  box-shadow: 0 9px 50px -14px #000;
}

.button-brand {
  color: #fff;
  text-align: center;
  background-color: #82c341;
  border-radius: .5rem;
  padding: .75rem 1.5rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 2.66667;
}

.div-block-74 {
  background-color: #eceeec69;
}

.contact-form-2 {
  grid-column-gap: 2.50438rem;
  grid-row-gap: 2.50438rem;
  color: #000;
  flex-flow: column;
  width: 100%;
  padding: 1.5rem;
  display: flex;
}

.form-2 {
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-rows: auto auto auto auto 9rem auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
}

.text-field-2 {
  color: #000;
  margin-top: 10px;
  margin-bottom: 0;
}

.text-field-2.message {
  height: 6.87063rem;
}

.field-label {
  text-align: left;
  text-transform: capitalize;
  margin-bottom: 0;
  font-size: .8125rem;
  line-height: 1.23077;
}

.close-icon {
  z-index: 20;
  cursor: pointer;
  width: 25px;
  position: absolute;
  top: 30px;
  right: 30px;
}

.button-wrapper {
  cursor: pointer;
}

.modal-wrapper {
  z-index: 99999;
  perspective: 850px;
  cursor: default;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 0;
  display: none;
  position: fixed;
  inset: 0;
}

.forw-image-wrapper {
  background-image: url('../images/pop-up-form-image.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.code-embed-3, .code-embed-4 {
  width: 410px;
}

.as-mission-vision-section {
  background-color: var(--secondary-color);
  padding-top: 130px;
  padding-bottom: 130px;
}

.as-artisans-section {
  padding-top: 130px;
  padding-bottom: 0;
}

.as-artisans-section.white-bg {
  background-color: #fff;
}

.as-artisans-section.as-padding-bottom-0 {
  padding-bottom: 0;
}

.as-plan-your-visit-section {
  padding-top: 100px;
  padding-bottom: 130px;
}

.as-plan-your-visit-section.padding-top-0 {
  padding-top: 0;
}

.as-gallery-section {
  padding-top: 60px;
  padding-bottom: 80px;
}

.as-gallery-section.padding-top {
  padding-top: 100px;
}

.heading-2 {
  text-align: center;
}

.grid-6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.heading-3 {
  color: var(--primary-color);
  text-align: center;
}

.div-block-75 {
  padding-top: 20px;
  padding-bottom: 40px;
}

.button-text-2 {
  color: #031224;
  letter-spacing: .03px;
  font-family: "Bdogrotesk Bf 648 A 656 Fc 86 B 8", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.no-margin-2 {
  color: #ff8a41;
  margin-top: 0;
  margin-bottom: 0;
}

.no-margin-2.color-white {
  padding-bottom: 0;
}

.no-margin-2.color-black {
  color: var(--light-black);
}

.button-style-one-wrap-2 {
  display: inline-block;
}

.button-style-one-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f6b61b;
  justify-content: flex-start;
  align-items: center;
  padding: 18px 33px;
  text-decoration: none;
  display: flex;
}

.button-style-one-2.position-relative.overflow-hidden {
  background-color: #ff8a41;
  border-radius: 10px;
  padding-left: 0;
  padding-right: 33px;
}

.image-27 {
  width: auto;
  height: 250px;
}

.image-28 {
  display: block;
}

.container-2 {
  object-fit: cover;
  max-width: none;
  padding-top: 40px;
}

.image-29 {
  object-fit: cover;
  border-radius: 15px;
  width: 1100px;
  max-width: none;
  height: 350px;
}

.navbar-menu-right {
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.bentonite-flex {
  grid-column-gap: 130px;
  grid-row-gap: 130px;
  justify-content: center;
  display: flex;
}

.speciality-anchor {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.trust-counter-title {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  display: flex;
}

.trust-counter-title.people, .trust-counter-title.as-innovation-content-center {
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 1280px) {
  h1 {
    font-size: 60px;
  }

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 23px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 18px;
  }

  .overflow-hidden.heading-two-gap-top-bottom.construction-ideas-heading {
    max-width: 480px;
  }

  .overflow-hidden.heading-two-gap-top-bottom.service-two-service-heading {
    max-width: 450px;
  }

  .overflow-hidden.feature-heading-wrapper {
    max-width: 488px;
    padding-top: 80px;
  }

  .overflow-hidden.sustainable-construction-heading {
    max-width: 550px;
  }

  .overflow-hidden.our-story-text {
    max-width: 593px;
  }

  .overflow-hidden.pricing-v2-heading {
    max-width: 650px;
  }

  .heading-style-h1 {
    font-size: 60px;
  }

  .testimonial-one-title-wrap {
    max-width: 450px;
  }

  .testimonial-one-information-wrap {
    margin-left: 0;
  }

  .no-margin {
    font-size: 40px;
  }

  .no-margin.color-black.feature-two-heading-wrappertrh {
    max-width: 490px;
  }

  .no-margin.color-black.new {
    font-size: 18px;
  }

  .no-margin.color-black.innovation-description {
    font-size: 16px;
  }

  .no-margin.color-black.foundry-text, .no-margin.color-black.advance-description-text {
    font-size: 18px;
  }

  .no-margin.color-black.through-text {
    font-size: 16px;
  }

  .no-margin.color-white {
    font-size: 18px;
  }

  .no-margin.color-white.about-kontix-heading {
    max-width: 1026px;
  }

  .no-margin.preservation-heading {
    max-width: 700px;
  }

  .no-margin.service-hero-heading {
    max-width: 750px;
  }

  .no-margin.heading-two-gap-top-bottom.innovation-heading-wrapper {
    max-width: 450px;
  }

  .no-margin.our-story-one-heading {
    max-width: 500px;
  }

  .no-margin.pricing-three-heading.margin-auto {
    max-width: 659px;
  }

  .no-margin.features-two-heading {
    max-width: 350px;
  }

  .no-margin.about-achievement-heading-wrapper {
    max-width: 600px;
  }

  .no-margin.pricing-plan-heading {
    max-width: 815px;
  }

  .no-margin.service-three-heading {
    max-width: 370px;
  }

  .no-margin.team-heading {
    max-width: 600px;
  }

  .no-margin.pricing-plan-main-heading {
    max-width: 605px;
  }

  .no-margin.service-hero-v3-heading {
    max-width: 787px;
  }

  .no-margin.margin-auto.portfolio-heading {
    max-width: 900px;
  }

  .no-margin.portfolio-additional-details-heading, .no-margin.innovation-heading {
    max-width: 600px;
  }

  .no-margin.service-six-title-wrap {
    max-width: 628px;
  }

  .no-margin.two-about-features-heading {
    max-width: 445px;
  }

  .no-margin.service-v2-video-heading {
    max-width: 600px;
  }

  .no-margin.service-three-innovation-heading {
    max-width: 550px;
    font-size: 34px;
  }

  .heading-two-gap-top.overflow-hidden.team-heading {
    max-width: 550px;
  }

  .about-one-title-wrap {
    max-width: 650px;
  }

  .about-one-title-wrap.margin-auto.text-align-center {
    max-width: 649px;
  }

  .video-one-title-wrap {
    max-width: 630px;
  }

  .heading-style-h4 {
    font-size: 23px;
  }

  .over-view-flex-div {
    height: 50px;
  }

  .about-one-wrap.position-relative.add-gap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .heading-style-h5 {
    font-size: 20px;
  }

  .color-black.no-margin.innovation-heading-wrapper {
    max-width: 500px;
  }

  .color-white.hero-three-title-text.one {
    font-size: 36px;
  }

  .client-one-marquee {
    justify-content: flex-start;
    align-items: center;
  }

  .container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.new-cta {
    padding-bottom: 130px;
  }

  .container.padding-off {
    padding-left: 0;
    padding-right: 0;
  }

  .counter-one-marquee-wrap {
    height: 62px;
  }

  .heading-style-h2 {
    font-size: 40px;
  }

  .footer-one-top-wrap {
    padding-top: 130px;
  }

  .heading-style-h3 {
    font-size: 30px;
  }

  .heading-style-h3.color-black.precision-card-heading-wrapper {
    padding-top: 60px;
  }

  .about-one-main {
    padding-top: 122px;
    padding-bottom: 115px;
  }

  .margin-auto.faq-heading {
    max-width: 600px;
  }

  .video-section-two {
    background-position: 100%;
  }

  .icon-card-one-title-wrap {
    max-width: 691px;
  }

  .image-card-one-section-main {
    padding-top: 115px;
  }

  .over-view-two-wrap.two-about-innovation-wrap {
    justify-content: space-between;
  }

  .yellow-counter-marquee-wrap {
    height: 50px;
  }

  .over-view-two, .over-view-two.padding-btm-0 {
    padding-bottom: 0;
  }

  .heading-two-gap-top-bottom.overflow-hidden.overview-two-heading {
    max-width: 540px;
  }

  .heading-two-gap-top-bottom.overflow-hidden.progress-one-heading-wrapper {
    max-width: 550px;
  }

  .heading-two-gap-top-bottom.overflow-hidden.innovation-heading {
    max-width: 532px;
  }

  .heading-two-gap-top-bottom.overflow-hidden.about-three-heading {
    max-width: 550px;
  }

  .heading-two-gap-top-bottom.overflow-hidden.overview-three-heading {
    max-width: 506px;
  }

  .button-style-one-background.position-absolute.light-button {
    background-color: var(--primary-color);
  }

  .button-style-one-background.position-absolute {
    inset: 0%;
    inset: 0%;
    background-color: #fff;
    inset: 0%;
  }

  .image-card-two-title-wrap {
    max-width: 326px;
  }

  .features-one-title-wrap.margin-auto.text-align-center.overflow-hidden.heading-two-gap-top {
    max-width: 733px;
  }

  .features-one-title-wrap.margin-auto.text-align-center.overflow-hidden.heading-two-gap-top-bottom {
    max-width: 740px;
  }

  .our-team-one-top-wrap.full-width.team-details-top-wrap {
    justify-content: space-between;
  }

  .team-card-one.position-relative.overflow-hidden.border-radius-10 {
    height: 350px;
  }

  .team-one-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .image-card-card-two-content-wrap.position-absolute {
    padding-left: 50px;
    padding-right: 50px;
  }

  .about-three-counter-wrapper.position-absolute {
    padding: 25px 20px 35px;
    right: 9px;
  }

  .about-three-image-wrap {
    padding-top: 30px;
    padding-right: 60px;
  }

  .planning-image-one.position-relative.full-height.overflow-hidden {
    padding-top: 0;
  }

  .about-three {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .service-three-title-wrap {
    max-width: 751px;
  }

  .about-three-information-wrap, .planning-one-information {
    max-width: 550px;
  }

  .planning-one-information.two.mobile-text-center.as-foundation-column {
    max-width: 600px;
  }

  .service-card-three-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .heading-two-gap-bottom.overflow-hidden.service-seven-information-heading {
    max-width: 550px;
  }

  .heading-two-gap-bottom.overflow-hidden.connect-heading {
    max-width: 406px;
  }

  .icon-card-three-wrapper {
    margin-top: 68px;
  }

  .progress-one {
    padding-bottom: 115px;
  }

  .heading-one-gap-top.about-hero-heading.margin-auto.overflow-hidden {
    max-width: 672px;
  }

  .heading-one-gap-top.about-hero-v2-heading.margin-auto.overflow-hidden {
    max-width: 842px;
  }

  .features-three-title-wrap.margin-auto.text-align-center {
    max-width: 650px;
  }

  .features-three-card-image {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .service-seven {
    padding-bottom: 130px;
  }

  .icon-box-four-top.two {
    max-width: 330px;
  }

  .large-size-div.image-card-one-section-main {
    padding-bottom: 130px;
  }

  .large-size-div.faq-one-main {
    padding-top: 117px;
    padding-bottom: 130px;
  }

  .price-card-one-item {
    align-items: center;
  }

  .pricing-section-two {
    padding-top: 115px;
    padding-bottom: 130px;
  }

  .our-pricing-table-title-wrap.overflow-hidden {
    max-width: 650px;
  }

  .contact-one-form-information {
    padding-top: 115px;
    padding-bottom: 130px;
  }

  .contact-one-from-wrapper {
    justify-content: flex-start;
    padding-left: 0;
  }

  .contact-one-form-wrap {
    max-width: 720px;
    padding-top: 122px;
    padding-bottom: 110px;
    padding-left: 50px;
  }

  .blog-v2-card-content.two {
    padding-top: 0;
    padding-bottom: 0;
  }

  .blog-card-two.full-width.two {
    padding-left: 50px;
    padding-right: 50px;
  }

  .blog-card-arrow.full-width {
    max-width: 65px;
    height: 90px;
  }

  .faq-one-title-wrap.text-align-center.margin-auto.overflow-hidden {
    max-width: 500px;
  }

  .blog-card-three-title-wrap {
    max-width: 629px;
  }

  .blog-posts-hero-title {
    max-width: 750px;
  }

  .blog-posts-hero-title.full-width.margin-auto.heading-one-gap-top {
    max-width: 842px;
  }

  .blog-details-top {
    padding-top: 115px;
    padding-bottom: 113px;
  }

  .blog-details-bottom {
    padding-top: 130px;
    padding-bottom: 112px;
  }

  .blog-details-blog-wrapper {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .team-member-contact-info {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
  }

  .team-details-image-block.full-width.overflow-hidden.position-relative {
    border-radius: 10px;
  }

  .team-capture-text-block {
    max-width: 531px;
  }

  .team-details-wrapper {
    max-width: 852px;
  }

  .team-details-full-wrapper {
    padding-bottom: 120px;
  }

  .plan-card-left {
    padding-left: 40px;
    padding-right: 40px;
  }

  .plan-card-right {
    padding-left: 50px;
    padding-right: 40px;
  }

  .desktop-menu {
    padding-top: 60px;
  }

  .nav-menu.as-padding {
    padding-left: 25px;
    padding-right: 25px;
  }

  .inner-page-banner-lline.light-black {
    background-color: var(--light-black);
  }

  .dropdown-toggle {
    padding: 29px;
  }

  .landing-about-card.landing-about-card-cell-marg {
    padding-left: 40px;
  }

  .landing-home {
    padding-top: 125px;
    padding-bottom: 130px;
  }

  .landing-home-head.full-width.heading-two-gap-top {
    max-width: 700px;
  }

  .landing-page-home-template {
    padding: 35px 35px 37px;
  }

  .inner-pages-head-wrapper.full-width.margin-auto {
    max-width: 753px;
  }

  .utility-page-section {
    padding-bottom: 130px;
  }

  .landing-two {
    padding-top: 130px;
  }

  .pages-card {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
    padding-left: 35px;
    padding-right: 35px;
  }

  .pages-card.overflow-hidden.position-relative {
    padding-bottom: 40px;
  }

  .home-three-hero-timeline {
    max-width: 850px;
    min-height: 205px;
  }

  .landing-footer-content.margin-auto.text-align-center {
    max-width: 850px;
  }

  .landing-footer {
    padding-top: 143px;
  }

  .heading-style-h6 {
    font-size: 18px;
  }

  .hero-one-title.no-margin.one, .hero-one-title.no-margin.two, .hero-one-title.no-margin.three, .hero-one-title.no-margin.four {
    max-width: 750px;
  }

  .home-three-slider.full-height.full-width {
    -webkit-text-stroke-color: var(--white-ten);
    overflow-wrap: normal;
    background-color: #ddd0;
  }

  .home-three-hero-conten-wrap {
    max-width: 620px;
    padding-bottom: 40px;
  }

  .home-three-hero-conten-wrap.position-relative {
    justify-content: flex-end;
    align-items: flex-end;
  }

  .home-three-slide-nav.position-relative.overflow-hidden {
    max-width: 100%;
  }

  .hero-tthree-title.no-margin.heading-one-gap-top.mobile-center-align {
    font-size: 40px;
  }

  .home-two-hero-block {
    max-width: 673px;
  }

  .home-two-hero-block.position-relative.margin-auto.text-align-center {
    max-width: 900px;
  }

  .yellow-counter-card-two {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .two-about-featuers-content {
    max-width: 557px;
  }

  .about-three-tab-flex {
    margin-top: 75px;
  }

  .service-two-service-box {
    grid-column-gap: 105px;
    grid-row-gap: 105px;
  }

  .service-three-image-text {
    font-size: 130px;
  }

  .service-two-service-container {
    max-width: 520px;
  }

  .home-two-about-us-main {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .planning-box-wrapper-copy {
    margin-bottom: 30px;
  }

  .home-hero-one {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-right: 60px;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .sidebar-image {
    width: 75px;
    height: 75px;
  }

  .rt-hero-v1-rating-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: row;
  }

  .rt-hero-v1-rating-left-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .about-image-card {
    background-color: var(--yellow);
    border-radius: 10px;
    width: 60%;
    height: 60%;
    margin-right: 32px;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .service-card {
    padding: 40px 40px 35px;
  }

  .service-card.position-relative.border-radius-10 {
    padding: 20px;
  }

  .preservation-image-wrapper {
    max-width: 630px;
  }

  .image-full-width.border-radius-10.image-effect {
    object-fit: cover;
    object-position: 75% 50%;
    max-width: 100%;
    height: 100%;
  }

  .image-full-width.border-radius-10.image-effect.innovation-india {
    height: 90%;
    margin-top: 30px;
  }

  .our-work-card-text-content {
    padding-left: 40px;
    padding-right: 40px;
  }

  .modern-construction-heading {
    max-width: 621px;
  }

  .our-work-heading {
    max-width: 688px;
  }

  .innovation-v2-left-part {
    max-width: 489px;
  }

  .construction-right-top-part {
    padding-bottom: 70px;
  }

  .team-black-overlay {
    padding-bottom: 20px;
  }

  .team-black-overlay.as-ad-margin, .team-black-overlay.as-margin-increase {
    margin-top: 210px;
  }

  .invert-icon {
    height: auto;
  }

  .invert-icon.fixed-hight {
    height: 120px;
  }

  .video-title {
    max-width: 500px;
  }

  .over-view-title-two-wrap.text-align-center.position-relative.overflow-hidden {
    max-width: 1012px;
  }

  .video-two-title-wrap {
    max-width: 680px;
  }

  .video-two-title-wrap.margin-auto.text-align-center {
    max-width: 634px;
  }

  .video-two-title-wrap.margin-auto.text-align-center.heading-two-gap-top {
    max-width: 900px;
  }

  .blog-card-three-main-wrapper {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .blog-v3-right-heading-wrapper {
    max-width: 500px;
  }

  .timeline-two-heading-wrap {
    max-width: 569px;
  }

  .blog-details-right-part {
    padding-left: 110px;
  }

  .landing-home-head-two {
    max-width: 600px;
  }

  .pricing-icon {
    margin-top: 0;
  }

  .counter-wrapper {
    padding-top: 55px;
    padding-left: 55px;
    padding-right: 55px;
  }

  .counter-wrapper-v1 {
    padding: 55px;
  }

  .testimonial-card-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .testimonial-card {
    padding: 30px 35px;
  }

  .portfolio-additional-details-wrapper {
    grid-column-gap: 200px;
    grid-row-gap: 200px;
  }

  .landing-cms-sub-heading {
    padding-top: 45px;
  }

  .landing-cms-sub-heading.position-relative {
    padding-top: 10px;
  }

  .slide-left-arrow, .slider-line {
    right: 35%;
  }

  .modern-infrastructure-heading-gap.modern-infrastructure-heading-wrapper {
    max-width: 473px;
  }

  .planning-image-content-wrapper {
    padding-left: 60px;
    padding-right: 60px;
  }

  .modern-infrastructure-right {
    padding: 80px;
  }

  .service-one-card-warp {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .innovation-v2-right-part {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .overview-two-image-card {
    margin-right: 32px;
    display: block;
  }

  .reliable-construction-bottom-container {
    padding-top: 120px;
  }

  .over-view-title-wrapper.text-align-center.position-relative.overflow-hidden {
    max-width: 1012px;
  }

  .over-view-card-three {
    padding: 50px 35px 45px;
  }

  .expertise-bottom-content-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .about-modern-infrastructure-right {
    padding: 80px;
  }

  .sustainable-construction-left-wrapper {
    justify-content: center;
    align-items: center;
    display: block;
  }

  .sustainable-construction-right-wrapper.vertical-align {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .sustainable-construction-small-content-wrapper {
    padding-top: 50px;
  }

  .over-view-title-v2-wrapper.text-align-center.position-relative.overflow-hidden {
    max-width: 1100px;
  }

  .blog-v1-card-content {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .overview-three-right-wrapper {
    max-width: 642px;
  }

  .over-view-three {
    padding-bottom: 130px;
  }

  .service-v2-video-wrapper {
    padding-bottom: 125px;
  }

  .grid-3.denim-grid {
    grid-column-gap: 35px;
    justify-content: space-between;
  }

  .as-key-intitiatives-wrapper {
    margin-bottom: 30px;
  }

  .as-counter {
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .dropdown-toggle-2 {
    padding: 29px;
  }

  .as-footer-heading {
    font-size: 18px;
  }

  .image-13 {
    object-position: 50% 50%;
  }

  .as-heading-style-h3 {
    font-size: 30px;
  }

  .as-heading-style-h3.color-black.precision-card-heading-wrapper {
    padding-top: 60px;
  }

  .director-img {
    height: 340px;
  }

  .as-director-wrapper {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .as-application-cards {
    padding-top: 55px;
    padding-left: 55px;
    padding-right: 55px;
  }

  .as-advacne-products-wrapper {
    width: 80%;
    margin-top: 75px;
  }

  .special-bentonite-inner-wrapper, .special-bentonite-inner-wrapper.padding-btm-0 {
    padding-bottom: 0;
  }

  .adress-block-copy {
    margin: auto;
  }

  .bold-text-4, .bold-text-5, .bold-text-6, .bold-text-7 {
    font-weight: 500;
  }

  .speciality-anchor {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }
}

@media screen and (min-width: 1440px) {
  .overflow-hidden.heading-two-gap-top.industries-heading {
    justify-content: center;
    align-items: center;
  }

  .heading-style-h1.highlight-color {
    font-size: 45px;
  }

  .no-margin.color-white {
    text-align: left;
  }

  .no-margin.color-white.text-align-center, .no-margin.color-white.text-align-center.shape, .no-margin.color-white.metric, .no-margin.color-white.as-align-center, .no-margin.color-white.bentonite-heading {
    text-align: center;
  }

  .heading-two-gap-top.overflow-hidden {
    justify-content: center;
    align-items: flex-start;
  }

  .sub-heading:where(.w-variant-f1a14dd4-f30f-c0f4-d5f6-6802c309e3c1) {
    color: var(--transparent);
  }

  .counter-one-wrapper.counter-one-wrapper-two.as-application-alignment-strectch {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    place-items: center stretch;
  }

  .counter-one-wrapper.top-margin.home {
    max-width: none;
  }

  .about-one-wrap.position-relative.add-gap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .heading-style-h5.color-white {
    text-align: left;
  }

  .heading-style-h5.color-white.metric {
    text-align: center;
    height: 60px;
  }

  .counter-one-wrap {
    justify-content: center;
    align-items: flex-start;
  }

  .counter-one-wrap.mine {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .responsive-full-width.full-height.image-effect.border-radius-10 {
    height: 150%;
  }

  .color-white.hero-three-title-text.one {
    font-size: 36px;
  }

  .container {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .container.metrics-home {
    max-width: 1200px;
  }

  .container.metrics-home.rnd {
    max-width: none;
  }

  .container.timeline {
    max-width: 1440px;
  }

  .heading-style-h2.highlight-color.as-heading-center {
    margin-left: auto;
    margin-right: auto;
  }

  .heading-style-h3.color-white.footer-contact-item {
    max-width: 523px;
  }

  .hero-two-content.home-three-hero-content-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 220px;
  }

  .features-one-title-wrap.margin-auto.text-align-center.overflow-hidden.heading-two-gap-top {
    justify-content: center;
    align-items: center;
  }

  .team-one-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .about-three-wrap {
    grid-column-gap: 125px;
    grid-row-gap: 125px;
  }

  .service-three-title-wrap.margin-auto.text-align-center {
    max-width: 850px;
  }

  .planning-one-information {
    overflow: hidden;
  }

  .service-card-three-wrap.position-relative.as-service-row-1 {
    grid-template-rows: auto;
    padding-bottom: 0;
  }

  .features-three-title-wrap.margin-auto.text-align-center {
    max-width: 720px;
  }

  .desktop-menu {
    padding-top: 70px;
  }

  .utility-page-section {
    background-position: 0 -150px;
  }

  .home-three-hero-timeline {
    max-width: 850px;
  }

  .landing-footer-content.margin-auto.text-align-center {
    max-width: 719px;
  }

  .landing-footer-marquee-wrapper {
    display: flex;
  }

  .home-three-hero-conten-wrap {
    height: 100vh;
    padding-top: 127px;
  }

  .home-three-hero-conten-wrap.position-relative {
    justify-content: flex-end;
    align-items: flex-end;
    max-width: 1200px;
  }

  .hero-tthree-title.no-margin.heading-one-gap-top.mobile-center-align.hero-new {
    text-align: right;
  }

  .hamberger-wrapper {
    padding-right: 0;
  }

  .about-three-tab-flex {
    margin-top: 0;
  }

  .service-three-image-text {
    font-size: 130px;
  }

  .service-three-about-image-wrap.border-radius-10 {
    max-width: 600px;
  }

  .rt-hero-v1-rating-wrapper {
    padding-top: 175px;
  }

  .innovation-left-part {
    max-width: 532px;
  }

  .footer-col-3 {
    padding-left: 10%;
  }

  .counter-wrapper-v1.right-border-remove.mobile-text-center {
    min-width: 240px;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .counter-wrapper-v1.right-border-remove.mobile-text-center.start {
    border-top-width: 4px;
  }

  .counter-wrapper-v1.mobile-text-center {
    min-width: 240px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .border-radius-10.position-relative.overflow-hidden.tab-image-full-width, .border-radius-10.image-effect.tab-image-full-width {
    width: 634px;
  }

  .modern-infrastructure-right {
    padding: 100px;
  }

  .modern-infrastructure-counter-text-content {
    text-align: left;
    justify-content: center;
    align-items: center;
  }

  .service-one.padding-top {
    padding-bottom: 40px;
  }

  .about-modern-infrastructure-right {
    padding: 100px;
  }

  .over-view-title-v2-wrapper.text-align-center.position-relative.overflow-hidden {
    max-width: 1200px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: visible;
  }

  .infra-img.rt-big-icon.flag {
    border-radius: 0;
    width: 100%;
    height: 180px;
  }

  .as-anchor-section {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: sticky;
  }

  .grid-3.denim-grid {
    grid-column-gap: 40px;
  }

  .as-footer-col.as-footer-col2 {
    width: 26%;
  }

  .div-block-8 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    display: flex;
  }

  .industries-button {
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    display: flex;
  }

  .list {
    padding-left: 40px;
  }

  .div-block-9 {
    height: 400px;
  }

  .div-block-11 {
    display: flex;
  }

  .as-heading-style-h3.color-white.footer-contact-item {
    max-width: 523px;
  }

  .as-advacne-products-wrapper {
    margin-top: 20px;
  }

  .no-margin-2.color-black.heading.rooted-text, .no-margin-2.color-black.heading.about-text {
    line-height: 50px;
  }

  .image-27 {
    border-radius: 15px;
  }

  .trust-counter-title {
    text-align: left;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (min-width: 1920px) {
  .overflow-hidden.heading-two-gap-top.industries-heading {
    justify-content: center;
    align-items: center;
  }

  .no-margin.color-white.text-align-center {
    text-align: center;
  }

  .no-margin.service-three-innovation-heading {
    max-width: 550px;
  }

  .counter-one-wrapper.top-margin.home.end {
    grid-template-columns: 1fr 1fr 1fr;
    place-items: stretch stretch;
    max-width: none;
  }

  .counter-one-wrap {
    text-align: left;
  }

  .heading-style-h2 {
    font-size: 28px;
  }

  .footer-one {
    border-top: 2px solid #ffffff1a;
  }

  .video-section-two {
    background-position: 50%;
  }

  .viide-two-video-line {
    background-color: #fff3;
    margin-left: 77px;
  }

  .text-capitalize {
    text-transform: capitalize;
  }

  .hero-two-content.home-three-hero-content-wrap {
    padding-bottom: 220px;
  }

  .hero-two-content.home-three-hero-content-wrap.standing {
    padding-bottom: 100px;
  }

  .full-width.responsiv-full-height.image-effect.border-radius-10 {
    min-width: 125%;
    max-width: none;
  }

  .team-one-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .service-three.position-relative {
    background-color: var(--color);
  }

  .responsiv-full-height.image-effect.left-right-radius.as-futures-image {
    object-fit: cover;
  }

  .cross-icon {
    top: 40px;
  }

  .landing-hero {
    background-position: 0 0, 50% 31%;
    background-size: auto, 120%;
  }

  .utility-page-section {
    background-position: -80px -80px;
  }

  .landing-footer-content.margin-auto.text-align-center {
    max-width: 850px;
  }

  .home-three-slider-hero-wrap.home-three-slider-hero-wrap-two.hiralaxmi-banner {
    background-image: url('../images/hiralaxmi-craft-park-3.jpeg');
    background-position: 0 0;
    background-size: cover;
  }

  .about-three-our-mission-flex {
    grid-column-gap: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .service-two-service-box.four, .service-two-service-box.two {
    background-color: #1b1b1b;
  }

  .preservation {
    padding-top: 48px;
    padding-bottom: 50px;
  }

  .modern-construction-card {
    justify-content: flex-start;
    align-items: center;
  }

  .construction-idea-wrapper {
    align-items: flex-end;
  }

  .construction-right-part {
    padding-bottom: 50px;
  }

  .construction-right-top-part {
    padding-bottom: 120px;
  }

  .lottie-button-wrapper {
    left: -75px;
  }

  .video-text-box {
    margin-left: 50%;
  }

  .landing-marquee-item {
    max-width: 550px;
  }

  .modern-construction-wrapper {
    padding-top: 75px;
  }

  .as-anchor-section {
    justify-content: flex-start;
    align-items: stretch;
    display: block;
  }

  .brix---container-default {
    max-width: 88rem;
  }

  .grid-3.denim-grid {
    grid-row-gap: 16px;
    flex-flow: row;
    justify-content: space-between;
  }

  .as-realestate-name {
    font-size: 16px;
  }

  .div-block-9 {
    height: 400px;
  }

  .adress-block-copy {
    width: 100%;
    height: 50rem;
  }

  .text-20._1 {
    font-size: 2rem;
    font-weight: 500;
  }

  .modal-body {
    max-width: 80rem;
  }

  .text-field-2 {
    height: 4.2rem;
    font-size: 1.5rem;
  }

  .field-label {
    font-size: 1rem;
  }

  .button-wrapper {
    padding: .5rem 1.25rem;
    font-weight: 600;
    line-height: 1.5;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 15px;
  }

  .overflow-hidden.heading-two-gap-top-bottom.construction-ideas-heading {
    max-width: 500px;
  }

  .overflow-hidden.position-relative.border-radius-10.pro-img {
    height: 180px;
  }

  .overflow-hidden.precision-heading.heading-two-gap-top {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }

  .overflow-hidden.feature-heading-wrapper {
    max-width: 100%;
    padding-top: 30px;
  }

  .testimonial-card-text {
    margin-bottom: 17px;
  }

  .hero-one-text-wrap.hero-text-gap-top-bottom {
    margin-bottom: 21px;
  }

  .testimonial-one-information-wrap {
    margin-left: 20px;
    margin-right: 2%;
  }

  .testimonial-card-one {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
  }

  .no-margin.color-black.feature-two-heading-wrappertrh {
    max-width: 550px;
  }

  .no-margin.preservation-heading {
    max-width: 1000px;
    padding-bottom: 20px;
  }

  .no-margin.features-two-heading {
    max-width: 450px;
  }

  .no-margin.pricing-plan-heading {
    margin-left: auto;
    margin-right: auto;
  }

  .no-margin.service-three-heading {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }

  .no-margin.service-three-text {
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-one-wrapper {
    margin-top: 70px;
  }

  .about-one {
    margin-top: 70px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .about-one.change-background-color {
    padding-top: 65px;
  }

  .heading-two-gap-top {
    margin-top: 10px;
  }

  .over-view-flex.position-absolute {
    display: none;
  }

  .testimonial-one-review-wrap {
    margin-top: 40px;
    padding-top: 40px;
  }

  .video-one-title-wrap {
    max-width: 460px;
    padding-bottom: 100px;
  }

  .heading-style-h4 {
    font-size: 22px;
  }

  .heading-style-h4.color-black.text-max-width {
    max-width: 200px;
  }

  .counter-one-wrapper.top-margin {
    margin-top: 30px;
  }

  .counter-one-wrapper.top-margin.home {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .over-view-flex-div {
    height: 50px;
  }

  .home-one-hero {
    height: auto;
  }

  .client-one-marquee-train {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
  }

  .counter-card-one-content {
    margin-top: 28px;
    padding-top: 26px;
  }

  .counter-card-one-content.two {
    padding-top: 15px;
  }

  .about-one-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 35px;
  }

  .video-section-one {
    padding-top: 61px;
    padding-bottom: 70px;
  }

  .video-section-one.white-background {
    padding-top: 65px;
  }

  .heading-style-h5 {
    font-size: 18px;
  }

  .responsive-full-width {
    width: 100%;
  }

  .counter-card-one-title {
    margin-bottom: 15px;
  }

  .container.new-cta {
    padding-bottom: 65px;
  }

  .counter-one-marquee-wrap.overflow-hidden {
    height: 50px;
  }

  .position-relative.overflow-hidden.border-radius-10.innovation-v2-image-one, .position-relative.overflow-hidden.innovation-v2-image-two {
    width: 100%;
    max-width: 100%;
  }

  .position-relative.about-kontix-image {
    border-radius: 10px;
    min-height: auto;
  }

  .position-relative.about-kontix-main-image-wrapper {
    min-height: auto;
  }

  .position-relative.border-radius-10.overflow-hidden.feature-image-three-wrapper {
    height: 100%;
  }

  .copy-write-menu-item {
    padding-right: 22px;
  }

  .footer-one-top-wrap.position-relative {
    padding-top: 70px;
    padding-bottom: 65px;
  }

  .copyright-section {
    flex-flow: column;
    padding-top: 26px;
    padding-bottom: 23px;
  }

  .heading-style-h3.color-black.precision-card-heading-wrapper {
    max-width: 500px;
  }

  .service-one-card-effect {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
  }

  .image {
    width: 100%;
    height: auto;
  }

  .image.one {
    height: auto;
  }

  .image.one.full-width {
    height: 100%;
  }

  .about-one-main {
    padding-top: 63px;
    padding-bottom: 70px;
  }

  .text-align-center.service-big-button.add-top-padding {
    padding-top: 40px;
  }

  .service-one-image-block {
    height: 100%;
  }

  .service-one-image-block.overflow-hidden-2, .service-one-image-block.overflow-hidden {
    position: absolute;
    inset: 0%;
  }

  .service-one-image-block.overflow-hidden.as-prodcuts-height {
    height: 100%;
  }

  .service-one-card {
    width: 100%;
  }

  .service-one-card.active.overflow-hidden.position-relative {
    height: 100%;
  }

  .video-two-video-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .video-section-two {
    background-image: linear-gradient(#10101000, #101010de 42%, #101010);
  }

  .viide-two-video-line {
    height: 430px;
  }

  .over-view-two-image-wrap {
    padding-bottom: 0;
    padding-right: 0;
  }

  .over-view-two-image-wrap.position-relative {
    padding-left: 0;
  }

  .counter-two-marquee-wrap.overflow-hidden {
    height: 50px;
  }

  .icon-card-one-title-wrap {
    max-width: none;
  }

  .image-card-one-section-main {
    padding-top: 60px;
    padding-bottom: 70px;
  }

  .over-view-two-wrap.two-about-innovation-wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    align-items: stretch;
  }

  .yellow-counter-marquee-wrap.overflow-hidden {
    height: 40px;
  }

  .counter-two-number {
    font-size: 50px;
  }

  .image-card-one-section {
    padding-left: 15px;
    padding-right: 15px;
  }

  .counter-two-wrapper {
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin-top: 23px;
  }

  .counter-two-wrapper.change-padding {
    margin-top: 40px;
  }

  .over-view-two {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .over-view-two-image-one.responsive-full-width.overflow-hidden.border-radius-10 {
    max-width: 100%;
  }

  .heading-two-gap-top-bottom {
    margin-top: 12px;
    margin-bottom: 17px;
  }

  .heading-two-gap-top-bottom.overflow-hidden.innovation-heading {
    max-width: 550px;
  }

  .counter-card-two {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    padding-top: 23px;
    padding-bottom: 27px;
  }

  .hero-text-gap-top-bottom {
    margin-top: 15px;
    margin-bottom: 21px;
  }

  .full-width {
    height: 100%;
  }

  .service-two-card.position-relative.service-card-six {
    padding: 40px 30px;
  }

  .button-style-one-background.position-absolute, .button-style-one-background.position-absolute.light-button, .button-style-one-background.position-absolute, .button-style-one-background.position-absolute {
    display: none;
  }

  .service-two-card-left-wrap {
    max-width: none;
  }

  .service-two-card-left-wrap.service-six-card-text-wrap {
    justify-content: space-between;
    padding-right: 0;
  }

  .image-card-two-title-wrap {
    margin-bottom: 24px;
  }

  .image-card-three-wrap {
    margin-top: 28px;
    margin-bottom: 35px;
  }

  .image-card-three-wrap.position-relative.overflow-hidden {
    margin-bottom: 70px;
  }

  .about-two {
    padding-top: 58px;
    padding-bottom: 60px;
  }

  .about-two.change-background-color {
    padding-top: 65px;
    padding-bottom: 70px;
  }

  .image-card-four-arrow {
    max-width: 50px;
    height: 50px;
  }

  .image-card-four-arrow.border-radius-fifty {
    border-color: var(--yellow);
  }

  .image-card-four-one {
    padding: 30px 20px;
  }

  .features-one {
    padding-bottom: 70px;
  }

  .image-card-four-bg {
    display: none;
  }

  .features-one-card-wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    margin-top: 28px;
  }

  .our-team-one-top-wrap {
    justify-content: space-between;
    align-items: flex-start;
  }

  .our-team-one-top-wrap.full-width.team-details-top-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .team-one-title-wrap.team-details-title-wrap {
    margin-bottom: 28px;
  }

  .team-one {
    padding-top: 63px;
  }

  .team-one.change-padding, .team-one.change-team-padding {
    padding-bottom: 70px;
  }

  .button-one-arrow.light-button.button-arrow {
    filter: invert(0%);
  }

  .home-one-hero-slider.position-absolute.full-height {
    position: static;
  }

  .client-one-marquee-main {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .team-one-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 0;
  }

  .reliable-construction {
    height: auto;
    padding-top: 61px;
    padding-bottom: 65px;
  }

  .reliable-construction-wrapper {
    align-items: stretch;
  }

  .image-card-card-two-content-wrap.position-absolute {
    max-width: none;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    inset: auto 0% 0%;
  }

  .team-one-main-wrap {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .about-three-image-one.position-relative.overflow-hidden {
    height: 100%;
  }

  .about-three-counter-wrapper.position-absolute {
    grid-template-columns: 1fr;
    max-width: 100%;
    padding: 20px 10px 25px;
    bottom: 0%;
  }

  .service-three.position-relative {
    padding-left: 15px;
    padding-right: 15px;
  }

  .about-three-button-wrap {
    margin-top: 25px;
  }

  .about-three-image-wrap.position-relative {
    flex-flow: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .about-three-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: stretch;
    margin-top: 0;
  }

  .about-three {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .service-three-title-wrap {
    max-width: 900px;
  }

  .about-three-icon-box {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-top: 33px;
    padding-top: 30px;
  }

  .icon-box-two-title-wrap {
    margin-top: 21px;
    margin-bottom: 15px;
  }

  .planning-one-information.two {
    align-self: center;
    max-width: none;
  }

  .responsiv-full-height {
    height: 100%;
  }

  .service-card-three-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    margin-top: 23px;
    padding-bottom: 40px;
  }

  .service-card-three-wrap.position-relative {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .service-card-three-wrap.position-relative.as-service-row-1 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .yellow-counter-card-one.yellow-counter-card-two.text-align-center {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .yellow-counter-card-one.yellow-counter-card-two.text-align-center.one {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-two-gap-bottom {
    margin-bottom: 15px;
  }

  .icon-card-three-wrapper {
    margin-top: 33px;
    margin-bottom: 30px;
  }

  .features-two-wrap {
    align-items: stretch;
  }

  .icon-card-three {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
  }

  .icon-card-three.position-relative {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: flex-start;
  }

  .features-two-image-wrap {
    flex: 0 auto;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    height: 100%;
  }

  .icon-card-three-title {
    margin-bottom: 15px;
  }

  .features-two-image-one.position-relative.overflow-hidden.border-radius-10 {
    height: 100%;
  }

  .icon-card-three-information {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .icon-card-three-information.full-width {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .icon-card-three-middle-line {
    display: none;
  }

  .features-two {
    padding-top: 70px;
    padding-bottom: 65px;
  }

  .features-two-image-two.position-relative.overflow-hidden {
    display: none;
  }

  .icon-card-three-icon-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .features-two-information-wrap {
    margin-top: 0;
  }

  .features-two-information-wrap.full-width, .progress-one-information-wrap {
    max-width: 100%;
  }

  .progress-one {
    padding-top: 70px;
    padding-bottom: 65px;
  }

  .service-six {
    padding: 65px 15px 70px;
  }

  .progress-bar-one-line.position-absolute.three {
    width: 82%;
  }

  .progress-bar-one-line.position-absolute.one {
    width: 90%;
  }

  .progress-bar-one-line.position-absolute.two {
    width: 85%;
  }

  .about-hero.position-relative.overflow-hidden {
    padding-top: 172px;
    padding-bottom: 120px;
  }

  .progress-one-image-wrapper {
    max-width: 100%;
  }

  .progress-bar-one-wrapper {
    margin-top: 18px;
    margin-bottom: 30px;
  }

  .progress-bar-one-wrapper.full-width {
    padding-bottom: 0;
  }

  .progress-one-image-two.overflow-hidden.position-relative.border-radius-10 {
    margin-left: -327px;
  }

  .service-six-card-wrap {
    border-bottom: 1px solid #fff3;
    border-left: 1px solid #fff3;
    grid-template-columns: 1fr 1fr;
    margin-top: 38px;
  }

  .heading-one-gap-top {
    margin-top: 6px;
  }

  .our-story-one-information {
    max-width: none;
  }

  .features-three {
    padding-bottom: 70px;
  }

  .icon-box-three {
    padding-top: 30px;
    padding-right: 15px;
  }

  .icon-box-three.two {
    padding-left: 15px;
  }

  .features-three-card-text-wrap {
    margin-top: 25px;
  }

  .features-three-card-text-wrap.overflow-hidden {
    margin-top: 15px;
    margin-bottom: 20px;
  }

  .our-story-one-wrapper {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .our-story-one-image {
    max-width: none;
  }

  .icon-box-three-wrap {
    margin-top: 0;
  }

  .features-three-title-wrap {
    padding-bottom: 33px;
  }

  .features-three-card {
    align-items: stretch;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .our-story-one {
    padding-top: 70px;
    padding-bottom: 60px;
  }

  .features-three-card-image {
    max-width: 100%;
  }

  .service-seven-image {
    align-self: stretch;
  }

  .icon-box-four-wrapper {
    grid-column-gap: 23px;
    grid-row-gap: 23px;
    margin-top: 33px;
  }

  .icon-box-four-wrapper.two {
    margin-top: 20px;
  }

  .service-seven-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .service-seven {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .icon-box-four-text {
    margin-top: 15px;
  }

  .icon-box-four-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-bottom: 20px;
  }

  .large-size-div.margin-auto.about-one-padding {
    padding-top: 65px;
    padding-bottom: 70px;
  }

  .large-size-div.margin-auto.figma-main-wrapper {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .large-size-div.about-one-main {
    padding-top: 67px;
  }

  .large-size-div.about-one-main.margin-auto {
    padding-bottom: 70px;
  }

  .large-size-div.image-card-one-section-main {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
  }

  .large-size-div.image-card-one-section-main.margin-auto {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .large-size-div.faq-one-main.margin-auto {
    padding-top: 60px;
    padding-bottom: 70px;
  }

  .service-card-two-bg-image.position-absolute {
    display: none;
  }

  .pricing-card-two-item {
    margin-top: 30px;
  }

  .pricing-card-two-item.two {
    margin-top: 0;
  }

  .pricing-one-wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr 1fr;
  }

  .pricing-one-information.position-relative.overflow-hidden {
    margin-top: 30px;
  }

  .pricing-section-two {
    padding-top: 65px;
    padding-bottom: 70px;
  }

  .pricing-one-card-content {
    padding-top: 36px;
    padding-bottom: 40px;
    padding-left: 20px;
  }

  .pricing-one-tab-menu {
    margin-top: 15px;
  }

  .pricing-one-tab-menu.two {
    margin-top: 30px;
  }

  .pricing-card-one-price-block {
    padding-bottom: 14px;
  }

  .pricing-button-wrap {
    margin-top: 40px;
  }

  .counter-four, .pricing-one-table {
    padding-bottom: 70px;
  }

  .pricing-plan-row-plans {
    max-width: none;
  }

  .pricing-plan-row-contain, .pricing-plan-row-contain.border-bottom {
    padding-right: 0;
  }

  .our-pricing-table-title-wrapper {
    padding-bottom: 30px;
  }

  .pricing-plan-row-feature {
    max-width: 220px;
  }

  .our-pricing-table-title-wrap {
    text-align: center;
    max-width: none;
  }

  .our-pricing-table-title-wrap.overflow-hidden {
    margin-left: auto;
    margin-right: auto;
  }

  .pricing-plan-comparison-plan.pricing-plan-comparison-background-two.border-two.pricing-table-title-title-div {
    padding-bottom: 23px;
  }

  .utility-page-form.password-protect-from {
    padding-left: 40px;
    padding-right: 40px;
  }

  .contact-one-form-information {
    padding-top: 65px;
    padding-bottom: 67px;
  }

  .contact-one-from-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .contact-one-form-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 65px;
    padding-bottom: 60px;
  }

  .contact-box-one {
    padding-top: 23px;
    padding-bottom: 23px;
  }

  .contact-box-wrapper.position-relative {
    margin-top: 0;
  }

  .contact-box-grid {
    justify-content: stretch;
    margin-top: 40px;
  }

  .contact-two-input.no-margin {
    height: 35px;
  }

  .contact-two-form-input-wrap {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    grid-template-columns: 1fr;
    margin-bottom: 18px;
  }

  .contact-two-form-block {
    margin-top: 17px;
  }

  .contact-two-form-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-right: 30px;
  }

  .contact-two-from-wrap {
    padding-top: 60px;
    padding-bottom: 70px;
  }

  .contact-v2-form {
    padding-top: 70px;
  }

  .contact-three-card {
    padding-bottom: 24px;
  }

  .contact-three-card-information {
    margin-top: 23px;
  }

  .contact-three-card-information.two {
    margin-top: 18px;
  }

  .contact-three-card-wrap {
    grid-template-columns: 1fr 1fr;
    margin-top: 30px;
  }

  .contact-three-card-section {
    padding-top: 62px;
    padding-bottom: 70px;
  }

  .contact-three-form-wrap {
    margin-top: 29px;
    padding: 36px 30px 40px;
  }

  .contact-three-form-section {
    padding-top: 60px;
  }

  .blog-card-wraper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .blog-card-wraper.one {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 40px;
  }

  .blog-card-wraper.two {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .blog-v2-card-content {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .blog-card-image-block {
    height: auto;
  }

  .blog-card-image-block.overflow-hidden.two {
    margin-top: 34px;
  }

  .blog-card-image-block.overflow-hidden.full-height.border-radius-10 {
    width: 100%;
    height: 100%;
  }

  .blog-card-date-wrap {
    margin-bottom: 18px;
  }

  .blog-cad-two-information {
    padding-top: 28px;
  }

  .blog-card-one {
    width: 100%;
    padding-bottom: 20px;
  }

  .blog-card-information-main-wrap {
    flex: 1;
    max-width: 194px;
  }

  .blog-card-information-main-wrap.full-width {
    max-width: 250px;
  }

  .blog-card-information-main-wrap.full-width.landscape-text-center {
    max-width: 430px;
  }

  .blog-card-two {
    padding: 40px 30px;
  }

  .blog-card-two.full-width.two {
    height: 100%;
    padding: 30px 15px;
  }

  .blog-card-arrow {
    flex: 1;
    max-width: 50px;
    height: 60px;
    min-height: 60px;
  }

  .blog-v3-card-content {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .price-card-two-top-content.text-align-center {
    padding-left: 20px;
    padding-right: 20px;
  }

  .price-card-two-icon {
    margin-bottom: 20px;
  }

  .price-card-two-price-block {
    padding-top: 15px;
  }

  .price-card-two-bottom-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .faq-one {
    padding-bottom: 70px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .faq-one-accrodian-main {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .faq-one-accrodian-main.one {
    padding-top: 28px;
  }

  .faq-one-accrodian {
    width: 100%;
  }

  .acrodian-one-body-text {
    padding-top: 16px;
  }

  .faq-two-title-wrap.text-align-center.overflow-hidden {
    padding-bottom: 0;
  }

  .blog-card-three-image-block {
    height: auto;
  }

  .blog-card-three-title-wrap {
    margin-top: 25px;
    margin-bottom: 30px;
  }

  .blog-card-three {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .blog-details-top {
    padding-top: 55px;
    padding-bottom: 53px;
  }

  .blog-details-information.full-width.margin-auto, .blog-description-one {
    max-width: none;
  }

  .blog-details-big-image {
    margin-top: 24px;
    padding-bottom: 40px;
  }

  .blog-description-two {
    max-width: none;
    padding-left: 0;
  }

  .blog-description-three {
    max-width: none;
    margin-top: 18px;
    padding-left: 0;
  }

  .blog-description-four {
    max-width: none;
    padding-left: 0;
  }

  .blog-details-image-grid {
    margin-bottom: 25px;
  }

  .blog-details-bottom {
    padding-top: 70px;
    padding-bottom: 56px;
  }

  .blog-details-title-wrapper {
    margin-bottom: 40px;
  }

  .blog-details-blog-wrapper {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .team-details-block {
    align-self: stretch;
    max-width: none;
  }

  .team-member-contact-info {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 25px;
  }

  .team-members-hero {
    padding-top: 132px;
  }

  .team-details-image-block {
    max-width: none;
  }

  .team-details-image-block.full-width.overflow-hidden.position-relative {
    height: auto;
  }

  .team-details-section {
    padding-top: 70px;
  }

  .team-capture-text-block {
    max-width: 900px;
  }

  .team-details-wrapper {
    max-width: none;
  }

  .team-details-capture-wrapper {
    margin-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .team-details-full-wrapper {
    padding: 65px 15px 50px;
  }

  .team-member-about-wrapper {
    margin-top: 25px;
    margin-bottom: 0;
  }

  .team-detais-social-icon-wrap.full-width {
    padding-bottom: 24px;
  }

  .pricing-details-plan {
    margin-bottom: 25px;
  }

  .pricing-details-text-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    max-width: none;
    padding-top: 62px;
  }

  .pricing-plans {
    padding-top: 120px;
    padding-bottom: 65px;
  }

  .plan-title-box {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .plan-itmes-wrapper {
    grid-column-gap: 23px;
    grid-row-gap: 23px;
    flex-flow: column;
    margin-top: 30px;
  }

  .plan-card-left {
    border-right-width: 0;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 10px;
  }

  .plan-title-para {
    max-width: 450px;
  }

  .pricing-detalis-heading {
    padding-bottom: 30px;
  }

  .pricing-plan-features {
    padding-bottom: 38px;
  }

  .plan-card-right {
    max-width: none;
    padding: 0 20px;
  }

  .pricing-details-plan-wrapper {
    align-items: center;
    max-width: none;
  }

  .checkout-form {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .no-background.check-out-border-bottom.check-out-page-title {
    padding-bottom: 18px;
  }

  .blog-one-pagination.margin-auto {
    max-width: 120px;
  }

  .menu-button {
    padding: 10px 0;
  }

  .menu-button.w--open {
    background-color: #c8c8c800;
  }

  .nav-one-button-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .nav-text, .nav-text:where(.w-variant-579b6f89-ea5c-4ea0-d88e-0b86d2c781f7) {
    color: var(--primary-color);
  }

  .nav-menu {
    width: 100%;
    display: block;
  }

  .four-zero-four-heading-wrap {
    padding-top: 22px;
  }

  .pass-word-protect-heading {
    margin-bottom: 23px;
  }

  .inner-page-banner-line-wrap.position-absolute.margin-auto.z-index-1 {
    display: none;
  }

  .page-mega-menu-list-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: stretch;
  }

  .page-mega-menu-list-wrap.for-responsive {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .page-mega-menu-list-wrap.for-dekstop {
    display: none;
  }

  .pages-menu-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    box-shadow: none;
    background-color: #fff0;
    border-style: none;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    min-width: auto;
    max-width: none;
    padding: 10px 0;
    display: flex;
    position: static;
  }

  .menu-layout.border-radius-twenty.for-responsive {
    display: block;
  }

  .menu-layout.border-radius-twenty.for-dekstop {
    display: none;
  }

  .page-menu-font {
    color: #333;
    letter-spacing: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    transition: all .5s;
  }

  .page-menu-font:where(.w-variant-579b6f89-ea5c-4ea0-d88e-0b86d2c781f7) {
    color: var(--dark-gray);
  }

  .page-menu-font:hover {
    color: var(--yellow);
    transform: translate(25px);
  }

  .page-menu-font:hover:where(.w-variant-579b6f89-ea5c-4ea0-d88e-0b86d2c781f7) {
    color: var(--primary-color);
  }

  .page-menu-font.w--current {
    color: var(--yellow);
  }

  .page-menu-font.w--current:hover {
    color: var(--secondary-color);
  }

  .page-menu-font.submenu {
    justify-content: space-between;
    align-items: center;
  }

  .dropdown-list {
    background-color: #02061e;
    position: static;
  }

  .dropdown-list.nav-dropdown-menu {
    margin-left: 15px;
    margin-right: 15px;
  }

  .dropdown-list.nav-dropdown-menu.w--open {
    box-shadow: none;
    background-color: #fff0;
    border-style: none;
    border-radius: 0;
    width: 100%;
    min-width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
  }

  .dropdown-list.mega-menu {
    background-color: #fff0;
    border-radius: 0;
    padding-bottom: 12px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .dropdown-list.mega-menu.w--open {
    background-color: #fff0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .navbar-menu {
    background-color: var(--secondary-color);
    border-top: 1px solid #3a3a3a;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 15px;
    padding-bottom: 15px;
    position: absolute;
    inset: 100% 0% auto;
  }

  .navbar-menu:where(.w-variant-579b6f89-ea5c-4ea0-d88e-0b86d2c781f7) {
    background-color: var(--secondary-color);
  }

  .dropdown-toggle {
    color: var(--secondary-color);
    flex: 1;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 20px;
  }

  .dropdown-toggle.w--open {
    padding-bottom: 10px;
  }

  .nav-arrow.transparent-background {
    filter: invert(0%);
  }

  .nav-hamburder-flex {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    justify-content: center;
    align-items: flex-end;
  }

  .header-grid-two {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 123px 1fr 50px;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .logo {
    z-index: 3;
  }

  .nav-hamburder {
    background-color: #141414;
    width: 30px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-hamburder.three.transparent-background {
    background-color: #000;
  }

  .nav-hamburder.three.transparent-background:where(.w-variant-579b6f89-ea5c-4ea0-d88e-0b86d2c781f7) {
    background-color: var(--primary-color);
  }

  .nav-hamburder.two.transparent-background {
    background-color: #000;
  }

  .nav-hamburder.two.transparent-background:where(.w-variant-579b6f89-ea5c-4ea0-d88e-0b86d2c781f7) {
    background-color: var(--primary-color);
  }

  .nav-hamburder.one.transparent-background {
    background-color: #000;
  }

  .nav-hamburder.one.transparent-background:where(.w-variant-579b6f89-ea5c-4ea0-d88e-0b86d2c781f7) {
    background-color: var(--primary-color);
  }

  .brand {
    width: 100px;
  }

  .landing-hero {
    padding-top: 120px;
  }

  .tab-image-full-width {
    width: 100%;
    height: 100%;
  }

  .tab-image-full-width.banner-apearence {
    height: 100%;
  }

  .landing-about-crad-one {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    max-width: none;
  }

  .landing-about-crad-one.two {
    flex: 1;
    min-width: 400px;
    padding-bottom: 0;
  }

  .landing-about-crad-one-wrappere {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .landing-about-crad-one-wrappere.landing-card-three {
    flex-flow: wrap;
  }

  .about-cell-three-image {
    min-width: 400px;
    max-width: none;
  }

  .landing-about-card {
    padding-left: 15px;
    padding-right: 15px;
    position: static;
  }

  .landing-about-card.landing-about-card-cell-marg {
    background-position: 0%, 100% 0;
    background-size: cover, cover;
    padding-left: 15px;
    padding-right: 15px;
  }

  .landing-home {
    padding-top: 65px;
    padding-bottom: 70px;
  }

  .landing-home-head.full-width.heading-two-gap-top {
    margin-top: 15px;
  }

  .pages-card-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  }

  .pages-card-wrapper.padding-top {
    margin-top: 29px;
  }

  .inner-pages-head-wrapper {
    max-width: none;
    padding-bottom: 30px;
  }

  .inner-pages-head-wrapper.full-width.margin-auto {
    max-width: 800px;
  }

  .spacial-card-v-three {
    padding: 20px;
  }

  .image-effect.border-radius-10.feature-image-three {
    height: 100%;
  }

  .landing-inner-page-heading.heading-two-gap-top {
    margin-top: 15px;
  }

  .utility-page-section {
    background-image: none;
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .utility-card-wrapper {
    width: 100%;
    padding-top: 30px;
  }

  .landing-inner-pages {
    padding-top: 0;
    padding-bottom: 65px;
  }

  .spacial-card-v {
    max-width: none;
    padding: 30px;
  }

  .inner-page-card-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
  }

  .pages-card-image-wrapper {
    cursor: auto;
  }

  .landing-two {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 70px;
  }

  .landing-two.position-relative {
    padding-top: 65px;
  }

  .landing-big-text-box {
    display: none;
    top: -50%;
  }

  .two-col-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .pages-card {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    padding-bottom: 30px;
  }

  .landing-banner-title.full-width.text-align-center.heading-one-gap-top {
    padding-bottom: 25px;
  }

  .about-cell-text {
    padding-top: 20px;
  }

  .contact-one-form-text.full-width {
    height: auto;
  }

  .landing-footer-content {
    margin-bottom: 15px;
  }

  .footer-button-wrapper {
    margin-top: 30px;
  }

  .landing-footer {
    padding-top: 60px;
  }

  .landing-footer-two {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-bottom: 20px;
  }

  .copyright-menu {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
    align-items: flex-start;
  }

  .information-hero {
    padding-top: 165px;
    padding-bottom: 95px;
  }

  .form-iteams {
    width: 100%;
  }

  .style-guide-colors {
    grid-template-columns: 1fr 1fr;
  }

  .information-inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .changelog-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .slide-text-wrap.home-one {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    height: auto;
    padding-top: 200px;
    padding-bottom: 150px;
  }

  .slider-responsive-overlay {
    background-color: #0009;
    display: block;
  }

  .slider-responsive-overlay.position-absolute {
    display: none;
  }

  .hero-three.overflow-hidden.position-relative, .hero-three-bg-image {
    height: 90vh;
  }

  .home-three-hero-conten-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    padding-top: 240px;
  }

  .home-three-hero-conten-wrap.position-relative {
    padding-top: 65%;
  }

  .hero-three-bg-image-wrap, .hero-three-bg-image-wrap.position-absolute-strech.overflow-hidden {
    height: 90vh;
  }

  .hero-tthree-title.no-margin.heading-one-gap-top.mobile-center-align {
    font-size: 36px;
  }

  .line-two {
    border-top-color: #fff;
    width: 30px;
  }

  .hamberger-wrapper {
    display: none;
  }

  .home-three-slider-hero-wrap {
    height: auto;
    padding-top: 0;
  }

  .home-three-slider-hero-wrap.home-three-slider-hero-wrap-two {
    padding-top: 120px;
    padding-bottom: 70px;
  }

  .home-two-hero-block {
    width: 100%;
  }

  .home-two-hero-block.position-relative.margin-auto.text-align-center {
    max-width: 100%;
    height: auto;
  }

  .home-two-hero-section.position-relative {
    height: auto;
  }

  .expertise {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .expertise-wrapper {
    align-items: stretch;
  }

  .two-about-services {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .about-achivement {
    padding-bottom: 70px;
  }

  .about-one-achievement-right-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: none;
    margin-top: 30px;
  }

  .about-three-achivemnt-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-three-our-mission {
    padding-bottom: 70px;
  }

  .about-three-tab-flex {
    grid-column-gap: 15px;
    grid-row-gap: 0px;
    margin-top: 15px;
  }

  .service-two-misson-section {
    padding-top: 50px;
    padding-bottom: 70px;
  }

  .service-two-service-image {
    border-radius: 10px;
    height: 100%;
  }

  .service-two-service-section {
    height: auto;
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .service-two-service-box.four {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    background-color: var(--primary-color);
    justify-content: space-between;
    align-items: stretch;
    height: auto;
    padding-left: 15px;
  }

  .service-two-service-sticky-wrap {
    position: static;
  }

  .service-three-image-text {
    color: var(--secondary-color);
    letter-spacing: -3px;
    font-size: 60px;
    line-height: 1;
    transform: none;
  }

  .service-two-service-container {
    width: 50%;
  }

  .service-two-image-text-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
    inset: auto 0% 0%;
  }

  .service-two-service-image-box {
    border-radius: 10px;
    flex: 1;
    width: 100%;
  }

  .service-two-service-sticky-card.overflow-hidden.full-width.two.position-absolute, .service-two-service-sticky-card.overflow-hidden.full-width.one.position-absolute, .service-two-service-sticky-card.overflow-hidden.full-width.three.position-absolute {
    display: none;
  }

  .service-two-service-list {
    padding-left: 14px;
  }

  .home-two-about-us-main {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
  }

  .three-service {
    padding-top: 70px;
  }

  .service-one-content {
    text-align: center;
    width: 100%;
    max-width: 100%;
  }

  .home-two-about-us {
    width: 100%;
    max-width: 100%;
  }

  .service-icon-box {
    min-width: 22px;
    height: 22px;
  }

  .solution-wrapper-two {
    margin-bottom: 0;
    padding-bottom: 15px;
  }

  .planning-box-wrapper-copy {
    margin-top: 17px;
  }

  .three-service-innovation {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .seven {
    letter-spacing: 1.4px;
  }

  .home-hero-one {
    flex-flow: row;
    padding-bottom: 30px;
    padding-right: 0;
    inset: auto 0% 5%;
  }

  .mega-menu-flex-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }

  .mega-menu-flex-wrap.padding-right {
    padding-right: 0;
  }

  .top-mega-menu {
    display: none;
  }

  .mega-menu-link-block {
    border-bottom-style: none;
    border-bottom-color: var(--transparent);
    align-self: flex-start;
  }

  .mega-menu-link-block.as-remove-padding {
    border-style: none;
  }

  .dropdown-top {
    display: none;
  }

  .dropdown-wrapper-main {
    padding-top: 0;
    padding-left: 0;
  }

  .mega-arrow {
    width: 10px;
    display: none;
  }

  .mega-menu-image {
    display: none;
  }

  .nav-mega-responsive-div {
    min-width: 350px;
  }

  .mega-menu-heading-text {
    display: none;
  }

  .rt-hero-v1-rating-wrapper {
    padding-top: 60px;
    display: none;
  }

  .rt-hero-v1-rating-image-three {
    display: none;
  }

  .service-card.position-relative {
    padding: 15px;
  }

  .service-card.position-relative.border-radius-10 {
    height: 480px;
  }

  .preservation {
    min-height: auto;
  }

  .preservation--sticky-height {
    min-height: auto;
    padding-top: 65px;
    padding-bottom: 70px;
    position: static;
  }

  .preservation-main-card-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    justify-content: space-between;
    align-items: stretch;
  }

  .preservation-right-wrapper {
    max-width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .preservation-arrow-wrapper {
    display: none;
  }

  .preservation-image-wrapper {
    max-width: 100%;
  }

  .preservation-list-item-wrapper.overflow-hidden.preservation-list {
    width: 100%;
    padding-top: 20px;
    position: static;
  }

  .marque-v1-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .our-work {
    padding-bottom: 70px;
  }

  .our-work-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 29px;
  }

  .our-work-card-text-content {
    padding: 27px 15px 30px;
  }

  .our-work-black-line, .work-grey-arrow {
    display: none;
  }

  .modern-construction {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .modern-construction.change-background-color {
    padding-bottom: 0;
  }

  .modern-construction-heading {
    max-width: 750px;
    padding-bottom: 10px;
  }

  .modern-construction-card-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 35px;
  }

  .modern-construction-card {
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
  }

  .modern-construction-card-one-text.text-align-center {
    padding-top: 30px;
  }

  .over-view-card-one {
    max-width: 100%;
  }

  .innovation-v2 {
    padding-top: 70px;
    padding-bottom: 60px;
  }

  .innovation-v2-wrapper {
    justify-content: space-between;
    align-items: stretch;
  }

  .innovation-v2-left-part {
    max-width: 100%;
  }

  .about-one-card {
    padding-top: 30px;
    padding-bottom: 25px;
  }

  .innovation {
    padding-top: 64px;
  }

  .innovation.rt-change-background-color {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .innovation.white-background.padding-bottom {
    padding-bottom: 64px;
  }

  .logo-icon {
    display: none;
  }

  .innovation-progress-bar-wrapper {
    padding-top: 0;
    padding-bottom: 30px;
  }

  .innovation-progress-dark-line.one {
    width: 90%;
  }

  .innovation-progress-dark-line.two {
    width: 85%;
  }

  .innovation-progress-dark-line.three {
    width: 82%;
  }

  .construction-ideas {
    padding-top: 70px;
    padding-bottom: 65px;
  }

  .construction-idea-wrapper {
    align-items: stretch;
  }

  .preservation-right-top-content {
    flex-flow: column;
  }

  .innovation-progress-black-line.one {
    width: 90%;
  }

  .innovation-progress-black-line.two {
    width: 85%;
  }

  .innovation-progress-black-line.three {
    width: 82%;
  }

  .team-black-overlay {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-image: linear-gradient(0deg, #101010, #fff0 86%);
    padding-bottom: 25px;
  }

  .service-hero.position-relative.overflow-hidden {
    padding-top: 172px;
    padding-bottom: 120px;
  }

  .preservation-heading-content {
    width: 100%;
  }

  .preservation-image-two-wrapper, .preservation-image-one-wrapper {
    flex: 1;
  }

  .preservation-heading-wrapper {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-address-wrapper {
    padding-top: 40px;
  }

  .over-view-title-two-wrap {
    margin-bottom: 23px;
  }

  .video-two-title-wrap {
    max-width: 460px;
  }

  .video-two-wrapper {
    margin-top: 29px;
  }

  .inner-pages-hero.position-relative.overflow-hidden, .contact-v2-hero.position-relative.overflow-hidden {
    padding-top: 172px;
    padding-bottom: 120px;
  }

  .price-two-price {
    padding-top: 61px;
    padding-bottom: 70px;
  }

  .blog-card-three-main-wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .blog-v3-right-card-main-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .blog-left-card-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .blog-v3-right-heading-wrapper {
    margin-top: 15px;
    margin-bottom: 20px;
  }

  .timeline-two-heading-wrap {
    margin-bottom: 23px;
  }

  .blog-details-left-part {
    max-width: 246px;
    padding-right: 10px;
  }

  .blog-details-three-bottom-padding, .blog-details-banner-image-wrapper {
    padding-bottom: 20px;
  }

  .blog-details-right-part {
    padding-left: 20px;
  }

  .blog-details-two-bottom-padding {
    padding-bottom: 0;
  }

  .blog-posts-hero {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .blog-description-three-bottom-padding {
    padding-bottom: 20px;
  }

  .footer-col-one {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .about-two-progress-image-wrapper {
    max-width: 100%;
    height: 100%;
  }

  .showcase-images {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .rt-information-inner {
    padding-top: 60px;
    padding-bottom: 50px;
  }

  .license-box {
    padding-bottom: 40px;
  }

  .lottie-animation {
    width: 100px;
    height: 100px;
  }

  .pricing-icon {
    margin-top: 0;
  }

  .video-two-wrapper-main {
    margin-top: 29px;
  }

  .lottie-button-wrapper {
    width: 100px;
    height: 100px;
    top: 43%;
    left: -50px;
  }

  .lottie-button-wrapper.position-absolute {
    left: -51px;
  }

  .service-image-overlay {
    background-image: linear-gradient(351deg, #000c, #fff0);
  }

  .counter-wrapper {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    padding-top: 23px;
    padding-bottom: 27px;
  }

  .service-v2-hero.position-relative.overflow-hidden {
    padding-top: 220px;
    padding-bottom: 100px;
  }

  .faq {
    padding-top: 100px;
    padding-bottom: 70px;
  }

  .testimonial {
    padding-top: 120px;
    padding-bottom: 70px;
  }

  .testimonial-card-wrapper {
    grid-template-columns: 1fr 1fr;
    padding-top: 35px;
  }

  .testimonial-card {
    padding: 20px;
  }

  .testimonial-text-wrapper {
    max-width: 100%;
    padding-bottom: 15px;
  }

  .testimonial-star-wrapper {
    margin-bottom: 13px;
    padding-bottom: 18px;
  }

  .portfolio {
    padding-top: 140px;
  }

  .portfolio-wrapper.change-align {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .portfolio-top-padding {
    padding-top: 35px;
  }

  .portfolio-hero {
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .portfolio-heading-wrapper.heading-one-gap-top.overflow-hidden {
    padding-bottom: 25px;
  }

  .portfolio-hero-image-wrapper.position-relative {
    height: 100%;
  }

  .portfolio-gallery-wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    padding-top: 10px;
    padding-bottom: 30px;
  }

  .portfolio-additional-details-heading-wrapper {
    margin-bottom: 30px;
    padding-bottom: 17px;
  }

  .portfolio-additional-details-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .portfolio-additional-details-left-part {
    position: sticky;
    top: 15px;
  }

  .portfolio-details-subheading-wrapper {
    padding-bottom: 13px;
  }

  .latest-porfolio-article {
    padding-top: 45px;
    padding-bottom: 70px;
  }

  .mega-menu-font {
    color: var(--secondary-color);
    letter-spacing: 1px;
    padding-left: 0;
    font-size: 13px;
  }

  .mega-menu-font:where(.w-variant-579b6f89-ea5c-4ea0-d88e-0b86d2c781f7) {
    color: var(--dark-gray);
  }

  .mega-menu-font:hover {
    color: var(--yellow);
  }

  .mega-menu-font:hover:where(.w-variant-579b6f89-ea5c-4ea0-d88e-0b86d2c781f7) {
    color: var(--primary-color);
  }

  .mega-menu-font.w--current {
    color: var(--yellow);
  }

  .mega-menu-font.w--current:hover {
    color: var(--secondary-color);
  }

  .mega-menu-font.top {
    padding-left: 0;
  }

  .cms-card-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  }

  .cms-card-wrapper.padding-top {
    margin-top: 29px;
  }

  .landing-cms-sub-heading.position-relative {
    padding-top: 0;
  }

  .image-effect-wrapper {
    display: none;
  }

  .slide-text {
    max-width: 450px;
  }

  .slide-left-arrow, .slide-left-arrow.right, .slider-line {
    right: 10%;
  }

  .slide-background-circle {
    border-radius: 0%;
  }

  .landing-banner-marquee {
    margin-top: 40px;
  }

  .landing-marquee-item {
    padding-right: 20px;
  }

  .figma-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .border-radius-10.position-relative.overflow-hidden.reliable-construction-image-wrapper {
    height: 100%;
  }

  .border-radius-10.image-effect.tab-image-full-width {
    height: 190px;
  }

  .modern-infrastructure-counter-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .planning-image-content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .about-kontix-bottom-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    pointer-events: auto;
    align-items: stretch;
    padding-top: 70px;
    position: relative;
  }

  .modern-infrastructure-right-part-wrapper {
    border-radius: 10px;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .modern-infrastructure-heading-gap {
    margin-top: 10px;
    margin-bottom: 25px;
  }

  .modern-infrastructure-heading-gap.modern-infrastructure-heading-wrapper {
    max-width: 500px;
    margin-bottom: 17px;
  }

  .modern-infrastructure-left-part {
    border-radius: 10px;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .about-contix-sticky.overflow-hidden {
    min-height: auto;
    position: static;
  }

  .about-kontix-image-overlay {
    border-radius: 10px;
  }

  .about-kontix {
    min-height: auto;
    padding-bottom: 70px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .about-kontix-main-image {
    border-radius: 10px;
    height: auto;
  }

  .modern-infrastructure-counter {
    max-width: 100%;
  }

  .planning-image-content-wrapper {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .modern-infrastructure-right {
    padding: 20px;
  }

  .about-kontix-image-animation-overlay {
    display: none;
  }

  .modern-infrastructure-button-wrapper.precision-button-top-padding {
    justify-content: center;
    align-items: center;
    padding-top: 25px;
  }

  .service-one-card-gradient.position-absolute {
    padding-top: 250px;
    position: relative;
  }

  .service-one-card-gradient.position-absolute.landscape-text-center.as-prodcust-gradient {
    height: 100%;
  }

  .service-one-card-warp {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-top: 35px;
    display: grid;
  }

  .service-one {
    padding-bottom: 70px;
  }

  .precision-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 70px;
  }

  .rt-precision-card {
    display: none;
  }

  .tab-text-center {
    text-align: center;
  }

  .precision {
    padding-top: 65px;
    padding-bottom: 70px;
  }

  .precision-overlay-card {
    justify-content: center;
    align-items: flex-start;
  }

  .innovation-v2-right-part {
    flex: 1;
    align-items: stretch;
    max-width: 100%;
  }

  .overview-two-image-card {
    display: none;
  }

  .feature-wrapper {
    align-items: stretch;
    padding-bottom: 40px;
  }

  .feature-left-part, .feature-right-part.position-relative.border-radius-10 {
    max-width: 100%;
  }

  .feature-card-content {
    padding-top: 15px;
  }

  .feature-card-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .reliable-construction-right-part {
    max-width: 100%;
  }

  .reliable-construction-bottom-container {
    padding-top: 25px;
  }

  .reliable-construction-subtext-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .reliable-construction-para-main-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 25px;
  }

  .feature-big-logo {
    width: 16%;
  }

  .over-view-title-wrapper {
    margin-bottom: 23px;
  }

  .over-view-card-three {
    max-width: 100%;
  }

  .features-two-image-two-white.position-relative.overflow-hidden {
    display: none;
  }

  .about-two-kontix-bottom-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    pointer-events: auto;
    align-items: stretch;
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative;
  }

  .about-modern-infrastructure-left-part, .about-modern-infrastructure-right-part-wrapper {
    border-radius: 10px;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .about-modern-infrastructure-right {
    padding: 20px;
  }

  .features-four {
    padding-bottom: 65px;
  }

  .features-four-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    align-items: stretch;
  }

  .features-four-left-part {
    margin-top: 0;
  }

  .features-four-right-part {
    flex: 0 auto;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    height: 100%;
  }

  .feature-four-image-wrapper {
    padding-top: 35px;
  }

  .modern-construction-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 35px;
  }

  .modern-construction-wrapper.add-padding {
    padding-top: 70px;
  }

  .sustainable-construction {
    padding-top: 70px;
    padding-bottom: 65px;
  }

  .sustainable-construction-left-wrapper, .sustainable-construction-right-wrapper {
    border-radius: 10px;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .over-view-title-v2-wrapper {
    margin-bottom: 23px;
  }

  .pricing-v3 {
    padding-top: 65px;
  }

  .contact-two-form-check-block {
    margin-bottom: 25px;
  }

  .blog-v1-card-content {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .over-view-three-wrapper {
    align-items: stretch;
  }

  .overview-counter {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    padding-top: 23px;
    padding-bottom: 27px;
  }

  .over-view-three {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .service-v2-video-wrapper {
    padding-bottom: 65px;
  }

  .service-three-arrow-wrapper {
    background-color: var(--yellow);
  }

  .div-block-4 {
    height: auto;
  }

  .flex {
    align-items: stretch;
  }

  .as-products-cards {
    width: 48%;
  }

  .as-industry-serve-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .as-industry-card {
    max-width: 100%;
  }

  .as-industry-card-content.text-align-center {
    padding-top: 30px;
  }

  .as-industry-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 35px;
    padding-top: 35px;
  }

  .as-industry-wrapper.add-padding {
    padding-top: 70px;
  }

  .grid-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    display: flex;
    overflow: auto;
  }

  .as-realestate-name.w--current {
    flex: none;
  }

  .as-key-intitiatives-wrapper {
    margin-top: 17px;
  }

  .as-contact-two-column {
    grid-template-columns: 1fr 1fr;
    margin-top: 30px;
  }

  .as-counter-wrapper {
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin-top: 23px;
  }

  .as-counter-wrapper.change-padding {
    margin-top: 40px;
  }

  .as-counter {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    padding-top: 23px;
    padding-bottom: 27px;
  }

  .as-counter-box-wrapper.position-relative {
    margin-top: 0;
  }

  .dropdown-list-2 {
    background-color: #02061e;
    position: static;
  }

  .dropdown-list-2.nav-dropdown-menu {
    margin-left: 15px;
    margin-right: 15px;
  }

  .dropdown-list-2.nav-dropdown-menu.w--open {
    box-shadow: none;
    background-color: #fff0;
    border-style: none;
    border-radius: 0;
    width: 100%;
    min-width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
  }

  .dropdown-list-2.nav-dropdown-menu.about-us-dropdown-menu, .dropdown-list-2.nav-dropdown-menu.as-our-business-dropdown-menu {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .dropdown-toggle-2 {
    color: #fff;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 20px;
  }

  .dropdown-toggle-2.w--open {
    padding-bottom: 10px;
  }

  .mega-menu-font-2 {
    color: #fff;
    letter-spacing: 1px;
    padding-left: 0;
    font-size: 13px;
  }

  .mega-menu-font-2:hover, .mega-menu-font-2.w--current {
    color: #ffb937;
  }

  .mega-menu-font-2.w--current:hover {
    color: #fff;
  }

  .mega-menu-font-2.top {
    padding-left: 0;
  }

  .nav-text-2 {
    color: var(--primary-color);
  }

  .as-footer-col {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .ry-rp-card-title {
    font-size: 16px;
    line-height: 22px;
  }

  .ry-wrapper {
    padding-top: 40px;
  }

  .as-investor-cards {
    flex-flow: wrap;
  }

  .ry-porfolio-card {
    width: 31%;
  }

  .ry-awards-address-title {
    font-size: 12px;
  }

  .c-card-img {
    justify-content: center;
    align-items: flex-start;
  }

  .ry-awards-for-heading {
    font-size: 20px;
  }

  .ry-awards-cards {
    height: 100%;
  }

  .card-img {
    width: 100%;
  }

  .as-futures-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 29px;
  }

  .as-heading-style-h3.color-black.precision-card-heading-wrapper {
    max-width: 500px;
  }

  .as-comittee-wrapper {
    width: 100%;
  }

  .as-application-title {
    margin-bottom: 15px;
  }

  .as-application-cards {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    padding-top: 23px;
    padding-bottom: 27px;
  }

  .as-advacne-products-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 0px;
    margin-top: 15px;
  }

  .as-bentonite-products-cards {
    max-width: 100%;
  }

  .special-bentonite-inner-wrapper {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .as-sp-bentonite-cards {
    max-width: 100%;
  }

  .as-mission-vision-section {
    padding-bottom: 70px;
  }

  .as-artisans-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .as-plan-your-visit-section {
    padding-top: 62px;
    padding-bottom: 70px;
  }

  .as-gallery-section {
    padding-bottom: 70px;
  }

  .navbar-menu-right {
    background-color: var(--secondary-color);
    border-top: 1px solid #3a3a3a;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 15px;
    padding-bottom: 15px;
    position: absolute;
    inset: 100% 0% auto;
    box-shadow: 0 20px 30px -20px #0003;
  }

  .navbar-menu-right:where(.w-variant-579b6f89-ea5c-4ea0-d88e-0b86d2c781f7) {
    background-color: var(--secondary-color);
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }

  h1 {
    font-size: 35px;
  }

  h2 {
    font-size: 25px;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 17px;
  }

  h6 {
    font-size: 16px;
  }

  .overflow-hidden.real-time-text {
    max-width: 602px;
  }

  .overflow-hidden.innovation-text-wrapper {
    padding-bottom: 25px;
  }

  .overflow-hidden.sustainable-construction-heading.heading-two-gap-top {
    max-width: 650px;
  }

  .heading-style-h1 {
    font-size: 35px;
  }

  .button-text {
    font-size: 15px;
  }

  .testimonial-one-title-wrap {
    margin-bottom: 15px;
  }

  .testimonial-one-title-wrap.overflow-hidden {
    max-width: 700px;
  }

  .testimonial-one-information-wrap {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0%;
    padding-bottom: 0;
    position: static;
  }

  .testimonial-card-one {
    padding: 26px 0 29px;
  }

  .no-margin.color-black.feature-two-heading-wrappertrh {
    margin-left: auto;
    margin-right: auto;
  }

  .no-margin.color-black.feature-four-text {
    max-width: 890px;
    margin-left: auto;
    margin-right: auto;
  }

  .no-margin.heading-two-gap-top-bottom.innovation-heading-wrapper {
    max-width: 550px;
  }

  .no-margin.our-story-one-heading, .no-margin.about-achievement-heading-wrapper {
    max-width: 500px;
  }

  .no-margin.pricing-plan-heading {
    margin-left: auto;
    margin-right: auto;
  }

  .no-margin.service-three-text {
    max-width: 600px;
  }

  .no-margin.portfolio-additional-details-heading {
    max-width: 890px;
  }

  .no-margin.two-about-features-heading {
    max-width: 590px;
  }

  .no-margin.team-details-short-description {
    margin-bottom: 15px;
  }

  .testimonial-one-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    height: auto;
    margin-top: 65px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .testimonial-one-information-text.overflow-hidden {
    max-width: 100%;
  }

  .testimonial-one-card-wrap {
    border-left-width: 0;
    height: auto;
  }

  .testimonial-one-review-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 25px;
    padding-top: 30px;
  }

  .testimonial-card-one-main {
    max-width: none;
  }

  .video-one-title-wrap {
    max-width: none;
    padding-bottom: 0;
  }

  .video-one-title-wrap.padding-left {
    padding-left: 15px;
  }

  .client-counting-wrap {
    border-radius: 20px;
    margin-top: 30px;
  }

  .client-counting-wrap.margin-auto.change-margin.landscape-display-none {
    display: none;
  }

  .heading-style-h4 {
    font-size: 20px;
  }

  .counter-one-dot {
    margin-bottom: -6px;
  }

  .counter-one-wrapper {
    grid-column-gap: 20px;
    border-bottom-style: none;
    grid-template-columns: 1fr 1fr;
  }

  .counter-one-wrapper.counter-one-wrapper-two {
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }

  .counter-one-wrapper.counter-one-wrapper-two.as-application-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .counter-one-wrapper.top-margin {
    margin-top: 0;
  }

  .over-view-flex-div {
    height: 45px;
    display: none;
  }

  .over-view-flex-div.one {
    height: 38px;
  }

  .home-one-hero.overflow-hidden {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .button-style-one {
    padding: 13px 20px;
  }

  .button-style-one.w--current {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .button-style-one.position-relative.overflow-hidden.light-button {
    padding: 13px 20px;
  }

  .counter-card-one-content {
    padding-top: 23px;
  }

  .about-one-wrap {
    flex-flow: column-reverse;
  }

  .video-section-one {
    padding-top: 62px;
    padding-bottom: 70px;
  }

  .heading-style-h5 {
    font-size: 17px;
  }

  .heading-style-h5.discount-text {
    margin-bottom: -19px;
  }

  .testimonial-one {
    padding-bottom: 35px;
  }

  .color-black.no-margin.innovation-heading-wrapper {
    max-width: 550px;
  }

  .color-black.about-one-card-text {
    margin-top: 0;
  }

  .container.full-height {
    grid-template-columns: 1fr;
  }

  .counter-one-marquee-wrap.overflow-hidden {
    height: 37px;
  }

  .position-relative.change-margin {
    margin-bottom: -6px;
  }

  .position-relative.about-kontix-image {
    position: absolute;
    inset: 0%;
  }

  .heading-style-h2 {
    font-size: 25px;
  }

  .footer-col-two-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-one-top-wrap {
    grid-template-columns: 1fr;
  }

  .footer-one-top-wrap.position-relative {
    grid-template-columns: 40%;
  }

  .heading-style-h3 {
    font-size: 22px;
  }

  .heading-style-h3.color-black.precision-card-heading-wrapper {
    padding-top: 10px;
  }

  .heading-style-h3.color-white.footer-contact-item {
    max-width: 750px;
    padding-top: 30px;
  }

  .text-align-center.service-big-button {
    display: none;
  }

  .service-one-card {
    width: 100%;
  }

  .play-button {
    width: 50px;
    height: 50px;
  }

  .video-two-video-wrapper {
    grid-column-gap: 34px;
    grid-row-gap: 34px;
  }

  .video-section-two {
    background-position: 0 0, 0%;
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .video-section-two.full-height.remove-padding {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .viide-two-video-line {
    background-color: #58585800;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    margin-left: 0;
  }

  .mobile-full-width {
    width: 100%;
  }

  .over-view-two-image-wrap {
    width: 100%;
    max-width: none;
  }

  .over-view-two-image-wrap.position-relative {
    align-items: stretch;
  }

  .counter-two-marquee-wrap.overflow-hidden {
    height: 37px;
  }

  .image-card-one-section-main.margin-auto {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
  }

  .over-view-two-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    grid-auto-columns: 1fr;
    place-items: stretch stretch;
    display: grid;
  }

  .yellow-counter-marquee-wrap.overflow-hidden {
    height: 30px;
  }

  .counter-two-number {
    font-size: 38px;
  }

  .counter-two-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 13px;
  }

  .counter-two-wrapper.change-padding {
    grid-column-gap: 29px;
    margin-top: 30px;
  }

  .heading-two-gap-top-bottom.overflow-hidden.overview-two-heading {
    max-width: 500px;
  }

  .heading-two-gap-top-bottom.overflow-hidden.progress-one-heading-wrapper {
    max-width: 680px;
  }

  .heading-two-gap-top-bottom.overflow-hidden.overview-three-heading {
    max-width: 500px;
  }

  .counter-card-two.one {
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 15px;
  }

  .counter-card-two.two.full-width {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-two-content.home-three-hero-content-wrap {
    padding-bottom: 10px;
  }

  .over-view-information {
    max-width: none;
  }

  .service-two-card {
    border-top-width: 0;
    padding: 30px 20px 25px;
  }

  .service-two-card.position-relative {
    border-bottom: 1px solid var(--dark-gray);
  }

  .service-two-card.position-relative.service-card-six {
    border-right-width: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .service-two-card-left-wrap {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    justify-content: space-between;
    align-items: center;
    max-width: none;
  }

  .service-two-card-left-wrap.service-six-card-text-wrap {
    flex-flow: row;
  }

  .service-two-card-main.position-relative {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .service-card-two-bg.position-absolute {
    background-image: linear-gradient(93deg, #0000005c, #000 0% 29%, #00000069), url('../images/kontix-contact-three-construction-site-image-one-webflow-ecommerce-template.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .image-card-card-two-content {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .image-card-two-title-wrap {
    margin-top: 10px;
    margin-bottom: 15px;
  }

  .image-card-three-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  }

  .image-card-three-wrap.position-relative.overflow-hidden {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    margin-bottom: 40px;
  }

  .image-card-two-image.active {
    height: 100%;
  }

  .image-card-two-overlay.position-absolute {
    background-image: linear-gradient(#fff0, #0a0a0dd9 52%);
  }

  .image-card-two.position-relative {
    border-color: var(--yellow);
  }

  .image-card-two.position-relative.two.overflow-hidden, .image-card-two.position-relative.one.overflow-hidden {
    height: 500px;
  }

  .about-two.change-background-color {
    padding-bottom: 65px;
  }

  .image-card-four-title-wrap {
    max-width: 100%;
  }

  .features-one-card-wrap {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .our-team-one-top-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .our-team-one-top-wrap.full-width {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .our-team-one-top-wrap.full-width.team-details-top-wrap {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
  }

  .home-one-hero-slider.position-absolute.full-height {
    position: relative;
  }

  .testimonial-information-text-wrap {
    max-width: none;
  }

  .team-card-one.position-relative.overflow-hidden {
    width: 100%;
  }

  .team-one-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    width: 100%;
  }

  .reliable-construction-wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: stretch;
    display: grid;
  }

  .team-one-main-wrap.about-team-wrap {
    flex-flow: column;
  }

  .about-three-counter-wrapper.position-absolute {
    max-width: none;
    position: static;
  }

  .about-three-image-wrap.position-relative {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: none;
  }

  .about-three-wrap {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: stretch;
    display: grid;
  }

  .about-three-icon-box {
    margin-top: 25px;
    padding-top: 22px;
  }

  .about-three-information-wrap {
    max-width: 100%;
  }

  .planning-one-information {
    max-width: none;
  }

  .planning-one-image-title {
    margin-top: 23px;
  }

  .service-card-three-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: wrap;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  }

  .service-card-three-wrap.position-relative {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    padding-bottom: 0;
  }

  .yellow-counter-card-one.yellow-counter-card-two {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-two-gap-bottom {
    margin-bottom: 17px;
  }

  .heading-two-gap-bottom.overflow-hidden.service-seven-information-heading {
    max-width: 550px;
  }

  .heading-two-gap-bottom.overflow-hidden.connect-heading {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .icon-card-three-wrapper {
    margin-bottom: 30px;
  }

  .features-two-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: stretch;
    display: grid;
  }

  .icon-card-three.position-relative {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .icon-card-three-information, .features-two-information-wrap, .progress-one-information-wrap {
    max-width: none;
  }

  .progress-one-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: center;
    display: grid;
  }

  .about-hero-bg.position-absolute.service-two-bg {
    background-position: 0 0, 0 0, 71%;
  }

  .progress-one-image-wrapper {
    align-items: stretch;
    max-width: none;
    padding-bottom: 0;
  }

  .progress-one-image-two.overflow-hidden.position-relative.border-radius-10 {
    display: none;
  }

  .service-six-arrow {
    padding-top: 3px;
  }

  .service-six-card-wrap {
    grid-template-columns: 1fr;
  }

  .features-three-card-text-wrap {
    margin-top: 21px;
    margin-bottom: 23px;
  }

  .our-story-one-wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
  }

  .features-three-title-wrap.margin-auto.text-align-center {
    max-width: 600px;
  }

  .icon-box-three-title-wrap {
    max-width: 200px;
  }

  .features-three-card {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .features-three-card.top-border-remove {
    flex-flow: wrap-reverse;
  }

  .features-three-card.rooted-img {
    text-align: center;
    justify-content: space-between;
    align-items: center;
  }

  .our-story-one {
    padding-top: 65px;
    padding-bottom: 60px;
  }

  .features-three-card-image {
    max-width: none;
  }

  .features-three-card-information {
    max-width: 100%;
  }

  .service-seven-image, .icon-box-four-wrapper.two, .service-seven-information {
    max-width: none;
  }

  .service-seven-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    display: grid;
  }

  .icon-box-four {
    width: 100%;
  }

  .icon-box-four-text.two {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .icon-box-four-text.one {
    max-width: 650px;
  }

  .icon-box-four-top.two {
    flex-flow: column;
    max-width: 100%;
  }

  .large-size-div.about-one-main {
    padding-bottom: 30px;
  }

  .pricing-one-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  }

  .pricing-one-wrap.pricing-two-wrap {
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  }

  .pricing-one-tab-menu.two {
    margin-top: 24px;
  }

  .counter-four {
    padding-bottom: 40px;
  }

  .price-table-title-wrap {
    flex-flow: wrap;
  }

  .pricing-plan-row-plans {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }

  .pricing-plan-row-plans.pricing-sub-heading-two {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-plan-row-contain {
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .pricing-plan-row-contain.pricing-plan-row-bg-image, .pricing-plan-row-contain.border-bottom {
    padding-top: 25px;
    padding-bottom: 0;
  }

  .pricing-plan-row-contain.pricing-plan-feature-box {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .pricing-plan-row-contain.pricing-plan-row-contain-bottom {
    padding-bottom: 0;
  }

  .pricing-plan-row-feature {
    text-align: center;
    justify-content: center;
    align-items: center;
    max-width: none;
    padding: 0;
  }

  .pricing-plan-row-feature.pricing-plan-row-feature-heading {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .pricing-comparison-table {
    margin-top: 0;
  }

  .pricing-plan-comparison-plan {
    padding-top: 15px;
    padding-bottom: 6px;
  }

  .pricing-plan-comparison-plan.pricing-plan-comparison-background-two {
    border: 1px #000;
  }

  .pricing-plan-comparison-plan.pricing-plan-comparison-background-two.border-two {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    border: 1px #000;
    padding-bottom: 20px;
  }

  .pricing-plan-comparison-plan.pricing-plan-comparison-background-two.border-two.pricing-table-title-title-div {
    text-align: center;
    padding-bottom: 25px;
  }

  .utility-page-form.password-protect-from {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-one-form-information {
    max-width: none;
    padding-bottom: 0;
  }

  .contact-one-from-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .contact-one-form-wrap {
    border-left-width: 0;
    padding-top: 0;
    padding-left: 0;
  }

  .contact-box-one {
    padding-left: 15px;
    padding-right: 15px;
  }

  .contact-one-form-information-text {
    max-width: none;
  }

  .contact-box-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "Area";
  }

  .contact-two-form-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    padding-right: 0;
    display: grid;
  }

  .contact-two-from-wrap {
    max-width: none;
    padding: 32px 15px 40px;
  }

  .contact-two-form-image {
    max-width: none;
  }

  .contact-two-label {
    margin-bottom: 5px;
  }

  .contact-three-card-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .video-two-play-icon {
    width: 15px;
    height: 18px;
  }

  .form-three-button-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .contact-three-form-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-card-wraper {
    grid-template-columns: 1fr;
  }

  .blog-card-wraper.one {
    flex-flow: wrap;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  }

  .blog-card-wraper.two {
    flex-flow: wrap;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }

  .blog-card-image-block.overflow-hidden.two {
    margin-top: 30px;
  }

  .blog-card-date-wrap.three {
    justify-content: center;
    align-items: center;
  }

  .blog-card-information-main-wrap {
    max-width: none;
  }

  .blog-card-information-main-wrap.full-width {
    max-width: 550px;
  }

  .blog-card-two {
    padding: 30px 20px;
  }

  .blog-card-arrow.full-width {
    display: none;
  }

  .blog-card-information {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .price-card-two-icon {
    margin-bottom: 25px;
  }

  .service-seven-text.overflow-hidden {
    max-width: 800px;
  }

  .blog-card-three-title-wrap {
    margin-bottom: 0;
  }

  .blog-card-three {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .blog-details-image-grid {
    grid-template-columns: 1fr;
  }

  .blog-details-title-wrapper {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    justify-content: space-between;
    align-items: center;
  }

  .blog-details-blog-wrapper {
    padding-top: 63px;
  }

  .team-member-contact-info {
    flex-flow: column;
    margin-top: 15px;
  }

  .team-details-hero-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
  }

  .team-capture-text-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .team-member-about-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .team-details-capture-wrapper {
    padding: 30px 15px;
  }

  .team-detais-social-icon-wrap.full-width {
    padding-bottom: 15px;
  }

  .team-detais-social-icon.border-radius-fifty {
    transform: scale(.87);
  }

  .plan-title-box {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .plan-itmes-wrapper {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .plan-card-left {
    padding-top: 46px;
    padding-left: 20px;
    padding-right: 0;
  }

  .pricing-plan-features {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .pricing-plan-features.pricing-details-features {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    align-self: stretch;
  }

  .plan-card-right {
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-details-plan-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
  }

  .blog-card-one-name-wrap {
    max-width: 100%;
  }

  .menu-button {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .four-zero-four-heading-wrap {
    padding-top: 30px;
  }

  .four-zero-four-button-wrap {
    margin-top: 22px;
  }

  .inner-page-banner-line-wrap.position-absolute.margin-auto {
    display: none;
  }

  .page-mega-menu-list-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .page-mega-menu-list-wrap.for-responsive {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .pages-menu-list {
    grid-template-columns: 1fr 1fr;
    min-width: auto;
  }

  .dropdown-list.mega-menu {
    border-radius: 0;
  }

  .navbar-menu {
    background-color: var(--secondary-color);
  }

  .landing-hero {
    padding-bottom: 0;
  }

  .landing-about-crad-one {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .landing-about-crad-one.two {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }

  .landing-about-crad-one-wrappere {
    width: 100%;
  }

  .landing-about-card {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .landing-about-card.landing-about-card-cell-marg {
    background-image: linear-gradient(#0000, #0000), linear-gradient(#0000, #0000);
    padding-top: 30px;
  }

  .landing-home-head {
    letter-spacing: -.5px;
    line-height: 35px;
  }

  .landing-page-home-template {
    padding-bottom: 25px;
  }

  .library-preview, .spacial-card-image-v2 {
    height: 100%;
  }

  .spacial-card-v-three {
    padding: 15px;
  }

  .landing-inner-page-heading {
    letter-spacing: -.5px;
    line-height: 35px;
  }

  .utility-card-wrapper {
    flex-flow: wrap;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }

  .spacial-card-v {
    padding-left: 20px;
    padding-right: 20px;
  }

  .inner-page-card-wrapper {
    flex-flow: wrap;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }

  .landing-big-text-box {
    top: -40%;
  }

  .two-col-grid {
    flex-flow: wrap;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }

  .pages-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-bottom: 25px;
  }

  .spacial-card-v-two {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-three-hero-timeline {
    display: none;
  }

  .contact-one-form-text.full-width {
    max-width: 700px;
  }

  .hero-three-small-image {
    max-width: 121px;
  }

  .footer-button-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .landing-footer {
    padding-top: 53px;
    padding-bottom: 55px;
  }

  .landing-footer-two {
    padding-top: 14px;
    padding-bottom: 0;
    position: static;
  }

  .footer-two-bottom-main {
    flex-flow: column;
  }

  .heading-style-h6 {
    font-size: 16px;
  }

  .form-iteams {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .style-guide-colors {
    grid-template-columns: 1fr;
  }

  .slide-text-wrap.home-one {
    padding-top: 183px;
    padding-bottom: 200px;
  }

  .hero-three, .hero-three.overflow-hidden.position-relative {
    height: auto;
  }

  .hero-three-bg-image {
    height: 100%;
  }

  .home-three-slider.full-height.full-width {
    height: auto;
  }

  .home-three-hero-conten-wrap {
    padding-top: 120px;
  }

  .home-three-hero-conten-wrap.position-relative {
    max-width: 542px;
    padding-top: 190px;
    padding-bottom: 70px;
  }

  .home-three-hero-conten-wrap.position-relative.left {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .hero-three-bg-image-wrap {
    height: 70vh;
  }

  .hero-three-bg-image-wrap.position-absolute-strech.overflow-hidden {
    height: auto;
  }

  .expertise {
    padding-bottom: 65px;
  }

  .expertise-wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: grid;
  }

  .two-about-featuers-content {
    max-width: none;
  }

  .about-three-achivemnt-card {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .about-three-tab-flex {
    align-items: stretch;
  }

  .about-two-mission-right {
    max-width: 100%;
  }

  .about-three-our-mission-flex {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
  }

  .service-two-service-section {
    height: auto;
  }

  .service-two-service-box.four {
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
  }

  .service-three-image-text {
    font-size: 45px;
  }

  .service-two-service-container {
    width: auto;
    max-width: none;
  }

  .service-two-service-image-box {
    width: 100%;
  }

  .solution-wrapper-two {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .planning-box-wrapper-copy {
    margin-bottom: 30px;
  }

  .service-three-about-image-wrap {
    width: 100%;
    max-width: 100%;
  }

  .mega-menu-link-block {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-mega-responsive-div {
    width: 100%;
    min-width: auto;
  }

  .service-card {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .service-card.position-relative.border-radius-10 {
    height: 560px;
  }

  .service-card-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
  }

  .preservation-main-card-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-auto-columns: 1fr;
    place-items: center start;
    display: grid;
  }

  .preservation-main-card-wrapper.top-border {
    grid-auto-columns: 1fr;
  }

  .preservation-image-wrapper {
    height: 100%;
  }

  .preservation-image-wrapper.one.overflow-hidden, .preservation-image-wrapper.two.overflow-hidden {
    width: 100%;
  }

  .preservation-list-item-wrapper.overflow-hidden.preservation-list {
    padding-top: 10px;
  }

  .our-work-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
  }

  .our-work-card-text-content.position-relative {
    padding-top: 15px;
  }

  .modern-construction-card-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-grey-linear-border {
    display: none;
  }

  .innovation-v2-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: grid;
  }

  .about-one-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .innovation-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
  }

  .innovation-left-part {
    width: 100%;
    max-width: 100%;
  }

  .home-three-hero-timeline-grid-wrapper {
    display: none;
  }

  .construction-idea-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
  }

  .construction-image-wrapper.position-relative.overflow-hidden.border-radius-10, .construction-right-part {
    max-width: 100%;
  }

  .construction-right-top-part {
    padding-top: 20px;
  }

  .construction-text.overflow-hidden {
    max-width: 850px;
  }

  .service-hero.position-relative.overflow-hidden {
    padding-top: 120px;
    padding-bottom: 70px;
  }

  .service-hero-information {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .service-hero-subheading-top-gap {
    margin-top: 30px;
  }

  .preservation-heading-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .footer-address-wrapper {
    padding-top: 20px;
  }

  .video-title.mobile-text-center.change {
    max-width: none;
  }

  .landscape-text-center {
    text-align: center;
  }

  .service-logo {
    display: none;
  }

  .service-hero-text {
    padding-bottom: 20px;
  }

  .blog-card-three-main-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
  }

  .blog-v3-right-card-main-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .blog-left-card-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .blog-left-card {
    position: static;
  }

  .blog-right-card {
    width: 100%;
    max-width: 100%;
  }

  .blog-v3-right-heading-wrapper {
    max-width: 800px;
    margin-bottom: 0;
  }

  .timeline-two-heading-wrap {
    max-width: 680px;
  }

  .blog-details-left-part {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    position: static;
    top: 0;
  }

  .blog-details-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .blog-details-wrapper.margin-auto {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .blog-details-right-part {
    border-left-style: none;
    margin-top: 0;
    padding-left: 0;
  }

  .footer-col-one {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    max-width: none;
    padding-bottom: 32px;
  }

  .service-hero-background-line.position-absolute.margin-auto {
    display: none;
  }

  .landing-home-head-two {
    letter-spacing: -.5px;
    line-height: 35px;
  }

  .work-subtext-wrapper {
    flex-flow: column;
  }

  .showcase-images {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 20px;
  }

  .rt-top-padding-35.row-one {
    margin-top: 15px;
  }

  .license-box {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .footer-landscape-grey-line {
    background-color: #fff3;
    width: 1px;
    padding-right: 0;
    position: absolute;
    inset: 48% 73% 11% auto;
  }

  .lottie-play-button {
    width: 50px;
    height: 50px;
  }

  .video-two {
    height: 400px;
  }

  .lottie-button-wrapper {
    position: static;
  }

  .team-one-grid-wrapper {
    width: 100%;
  }

  .background-video {
    height: 500px;
  }

  .images-link-wrapper {
    margin-bottom: 20px;
  }

  .counter-wrapper {
    border-top-style: none;
    border-right-style: none;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .counter-wrapper.mobile-text-center.as-mobile-application {
    padding-bottom: 0;
  }

  .counter-wrapper-v1 {
    border-top-style: none;
    border-right-style: none;
    padding: 15px 0 20px;
  }

  .service-v2-hero.position-relative.overflow-hidden {
    padding-top: 300px;
    padding-bottom: 80px;
  }

  .testimonial-card-wrapper, .testimonial-card-wrapper.testimonial-grid {
    grid-template-columns: 1fr 1fr;
  }

  .testimonial-text-wrapper {
    padding-bottom: 10px;
  }

  .portfolio-wrapper {
    flex-flow: wrap;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  }

  .portfolio-heading-wrapper.heading-one-gap-top.overflow-hidden {
    flex-flow: column;
  }

  .portfolio-bottom-content-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .portfolio-additional-details-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
  }

  .portfolio-additional-details-left-part {
    max-width: 100%;
    position: static;
  }

  .portfolio-additional-details-right-part {
    max-width: 100%;
  }

  .cms-card-wrapper.padding-top {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }

  .video-text-box {
    margin-top: 35%;
    margin-left: 0%;
    padding-bottom: 60px;
  }

  .video-section {
    height: 450px;
  }

  .service-slider {
    min-height: 600px;
  }

  .slide-main-container.full-width {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 70px;
  }

  .slide-text {
    max-width: none;
  }

  .slide-left-arrow {
    top: 360px;
    left: 15px;
    right: auto;
  }

  .slide-left-arrow.right {
    margin-right: 0;
    top: 360px;
    right: 15px;
  }

  .slider-line {
    display: none;
  }

  .slide-background-circle {
    height: 100%;
  }

  .landing-marquee-item {
    max-width: 250px;
  }

  .about-kontix-text-wrapper.text-align-center {
    padding: 100px 20px;
    position: relative;
  }

  .modern-infrastructure-counter-wrapper {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .planning-image-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: none;
  }

  .about-kontix-bottom-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
  }

  .about-kontix-main-image {
    height: 100%;
  }

  .modern-infrastructure-counter {
    padding-top: 25px;
    padding-left: 0;
    padding-right: 0;
  }

  .modern-infrastructure-button-wrapper.precision-button-top-padding {
    padding-top: 15px;
  }

  .modern-infrastructure-counter-text-content {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-top: 23px;
  }

  .service-one-card-gradient.position-absolute {
    background-image: linear-gradient(0deg, #101010e6 45%, #1e192600 72%);
    justify-content: flex-end;
    align-items: center;
  }

  .service-one-card-warp {
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .precision-wrapper {
    padding-bottom: 40px;
  }

  .precision {
    padding-bottom: 45px;
  }

  .precision-overlay-card {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 20px;
  }

  .feature-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    grid-auto-columns: 1fr;
    align-items: stretch;
    padding-bottom: 0;
    display: grid;
  }

  .reliable-construction-left-part {
    max-width: 100%;
  }

  .reliable-construction-subtext-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .feature-big-logo {
    width: 11%;
  }

  .over-view-card-two {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    max-width: 100%;
    padding: 20px;
  }

  .over-view-card-three {
    padding: 20px;
  }

  .expertise-bottom-content-wrapper {
    padding-top: 35px;
  }

  .expertise-icon-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .about-two-kontix-bottom-wrapper, .about-modern-infrastructure-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
  }

  .about-modern-infrastructure-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .features-four-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    display: grid;
  }

  .features-four-left-part {
    display: none;
  }

  .feature-four-image-one.position-relative.overflow-hidden.border-radius-10, .feature-four-image-two.position-relative.overflow-hidden.border-radius-10 {
    max-width: 100%;
  }

  .modern-construction-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .sustainable-construction-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
  }

  .sustainable-construction-left-wrapper, .sustainable-construction-right-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .sustainable-construction-small-content-wrapper {
    padding-top: 20px;
    padding-bottom: 25px;
  }

  .sustainable-construction-small-top-content {
    align-items: flex-start;
  }

  .sustainable-construction-small-content {
    padding-bottom: 25px;
  }

  .sustainable-construction-small-content.top-padding {
    padding-top: 20px;
  }

  .about-achievement-text-wrapper {
    max-width: 100%;
  }

  .about-three-achivemnt-card-left-content {
    flex: 0 auto;
    max-width: 100%;
  }

  .about-three-achivemnt-card-middle-content {
    max-width: 100%;
  }

  .sustainable-construction-icon {
    margin-top: 4px;
  }

  .password-form-input {
    height: 45px;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .over-view-three-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    grid-auto-columns: 1fr;
    place-items: stretch stretch;
    display: grid;
  }

  .overview-three-right-wrapper {
    max-width: none;
  }

  .blog-details-image-wrapper {
    width: 120px;
    height: 120px;
  }

  .rt-big-icon {
    width: 60px;
    height: 60px;
  }

  .rt-big-icon.as-mobile-icon-size {
    width: 200px;
    height: 160px;
  }

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

  .div-block-4 {
    height: auto;
  }

  .as-products-cards {
    width: 48%;
  }

  .as-industry-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .as-key-intitiatives-wrapper {
    margin-bottom: 30px;
  }

  .as-contact-two-column {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .as-counter-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 13px;
  }

  .as-counter-wrapper.change-padding {
    grid-column-gap: 29px;
    margin-top: 30px;
  }

  .as-footer-heading {
    font-size: 16px;
  }

  .as-footer-wrapper {
    grid-column-gap: 38px;
    grid-row-gap: 0px;
    flex-flow: wrap;
  }

  .as-footer-col {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 50%;
    max-width: none;
    padding-top: 60px;
    padding-bottom: 32px;
  }

  .as-footer-border {
    display: none;
  }

  .ry-primary-btn.margin-top {
    padding: 5px 10px;
    font-size: 12px;
  }

  .ry-porfolio-card {
    width: 47%;
  }

  .as-bg-color-white.padding-btm {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .as-futures-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
  }

  .as-heading-style-h3 {
    font-size: 22px;
  }

  .as-heading-style-h3.color-black.precision-card-heading-wrapper {
    padding-top: 10px;
  }

  .as-heading-style-h3.color-white.footer-contact-item {
    max-width: 750px;
    padding-top: 30px;
  }

  .as-application-cards {
    border-top-style: none;
    border-right-style: none;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .as-application-cards.mobile-text-center.as-mobile-application {
    padding-bottom: 0;
  }

  .as-advacne-products-wrapper {
    align-items: stretch;
  }

  .button-text-2 {
    font-size: 15px;
  }

  .button-style-one-2 {
    padding: 13px 20px;
  }

  .button-style-one-2.w--current {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .navbar-menu-right {
    background-color: var(--secondary-color);
  }

  .trust-counter-title {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-top: 23px;
  }
}

@media screen and (max-width: 479px) {
  ol {
    padding-left: 20px;
  }

  .overflow-hidden.position-relative.border-radius-10 {
    text-align: center;
    order: 0;
    justify-content: center;
    width: 250px;
    max-width: 300px;
    height: 200px;
    display: flex;
  }

  .overflow-hidden.mobile-text-center {
    text-align: center;
  }

  .overflow-hidden.hero-v1-heading-wrapper {
    max-width: 282px;
  }

  .overflow-hidden.feature-heading-wrapper.mobile-text-center {
    padding-top: 0;
  }

  .no-margin.color-black {
    letter-spacing: 0;
  }

  .no-margin.color-black.new {
    font-size: 13px;
  }

  .no-margin.color-white {
    font-size: 12px;
  }

  .no-margin.change-size {
    font-size: 32px;
  }

  .no-margin.service-three-innovation-heading {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }

  .highlight-color.heading-two-gap-bottom.text-align-left.mobile-text-center, .heading-two-gap-top {
    text-align: center;
  }

  .testimonial-one-review-wrap {
    flex-flow: column;
  }

  .video-one-title-wrap {
    justify-content: flex-end;
    align-items: center;
  }

  .video-one-title-wrap.padding-left {
    padding-left: 15px;
    padding-right: 15px;
  }

  .client-counting-wrap {
    text-align: center;
    flex-flow: column;
    padding-top: 15px;
  }

  .heading-style-h4.color-black.text-max-width {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-style-h4.image-card-four-title.deactive {
    font-size: 17px;
  }

  .heading-style-h4.work-card-heading {
    padding-bottom: 0;
  }

  .counter-one-wrapper {
    grid-template-columns: 1fr;
  }

  .counter-one-wrapper.counter-one-wrapper-two {
    grid-template-columns: 1fr 1fr;
  }

  .counter-one-wrapper.counter-one-wrapper-two.as-application-wrapper {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 20px;
  }

  .counter-one-wrapper.counter-one-wrapper-two.as-key-feature {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .counter-one-wrapper.counter-one-wrapper-two.as-key-feature-grid {
    grid-template-columns: 1fr 1fr;
  }

  .counter-one-wrapper.counter-one-wrapper-two.as-padding-btm {
    padding-bottom: 40px;
  }

  .counter-one-wrapper.top-margin.home {
    text-align: center;
    order: 0;
    width: 100%;
    max-width: 100%;
    display: block;
    overflow: visible;
  }

  .counter-one-wrapper.top-margin.home.end {
    width: 100%;
  }

  .over-view-flex-div {
    height: 61px;
  }

  .button-style-one:where(.w-variant-6e2385dc-4996-d9d5-515e-70517806a760) {
    padding: 14px 20px;
  }

  .button-style-one.position-relative.overflow-hidden {
    padding: 10px;
  }

  .button-style-one.position-relative.overflow-hidden.light-button {
    justify-content: center;
    align-items: center;
  }

  .counter-card-one-content {
    padding-top: 15px;
  }

  .counter-card-one-content.two {
    padding-bottom: 20px;
  }

  .about-one-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column-reverse;
    grid-template-columns: 1fr;
  }

  .about-one-wrap.position-relative {
    grid-template-columns: 1fr;
    margin-top: 17px;
  }

  .video-section-one {
    padding-bottom: 64px;
  }

  .video-section-one.white-background.globe {
    padding-top: 60px;
  }

  .heading-style-h5 {
    text-align: center;
  }

  .heading-style-h5.color-black, .heading-style-h5.color-white.highlight-color.text-align-center {
    font-size: 14px;
  }

  .heading-style-h5.color-white.metric.highlight-color {
    text-align: center;
    order: 0;
    width: 300px;
    display: block;
  }

  .heading-style-h5.highlight-color {
    text-align: center;
  }

  .heading-style-h5.highlight-color.text-align-center {
    font-size: 14px;
  }

  .heading-style-h5.highlight-color.mobile-text-center, .heading-style-h5.mobile-text-align-center {
    text-align: center;
  }

  .color-black {
    font-size: 12px;
  }

  .color-black.no-margin {
    font-size: 23px;
  }

  .color-black.no-margin.innovation-heading-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .counter-one-wrap {
    justify-content: center;
    align-items: flex-start;
  }

  .responsive-full-width.image-effect.border-radius-10.responsiv-full-height {
    height: 250px;
  }

  .color-white {
    text-align: center;
  }

  .color-white.hero-three-title-text.one {
    font-size: 32px;
  }

  .counter-card-one-title {
    margin-bottom: 10px;
  }

  .counter-card-one-title.no-height {
    height: auto;
  }

  .container.full-height {
    grid-template-columns: 1fr;
  }

  .heading-style-h2.highlight-color.fulfiling-text {
    text-align: center;
  }

  .footer-col-two-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .copyright-section {
    text-align: center;
  }

  .heading-style-h3.color-black.precision-card-heading-wrapper {
    padding-top: 0;
  }

  .service-one-card.active.overflow-hidden.position-relative, .service-one-card.overflow-hidden.position-relative.inactive {
    height: 75%;
  }

  .video-two-video-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .video-section-two.full-height.remove-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .over-view-two-image-wrap {
    min-width: auto;
  }

  .over-view-two-wrap {
    grid-template-rows: auto;
    grid-auto-columns: 1fr;
  }

  .over-view-two-wrap.two-about-innovation-wrap {
    grid-auto-columns: 1fr;
  }

  .counter-two-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
  }

  .counter-two-wrapper.change-padding {
    grid-column-gap: 0px;
    border-top-style: none;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
  }

  .over-view-two {
    padding-top: 40px;
  }

  .over-view-two.as-bg-color-white.as-padding-bottom, .over-view-two.add-bottom-padding {
    padding-bottom: 70px;
  }

  .over-view-two.as-mobile-padding-top-remove {
    padding-top: 0;
  }

  .over-view-two.as-mobile-padding-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .over-view-two.bentonite-mobile-padding {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .heading-two-gap-top-bottom.overflow-hidden.innovation-heading.mobile-heading-center {
    text-align: center;
  }

  .counter-card-two {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .counter-card-two.one {
    border-bottom: 1px solid #cdc2bf33;
    border-right-width: 0;
  }

  .counter-card-two.one.full-width {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .counter-card-two.two {
    border-bottom: 1px solid #cdc2bf33;
  }

  .counter-card-two.two.full-width {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .hero-two-content.home-three-hero-content-wrap {
    justify-content: flex-start;
    align-items: center;
  }

  .over-view-information {
    text-align: center;
  }

  .over-view-information.mobile-text-left {
    text-align: left;
  }

  .hero-text-gap-top-bottom.color-white.one {
    text-align: center;
    font-size: 12px;
  }

  .full-width.responsiv-full-height.image-effect.border-radius-10 {
    order: -9999;
  }

  .image-card-two-overlay.position-absolute {
    background-image: linear-gradient(#fff0, #0a0a0d 64%);
  }

  .about-two.change-background-color {
    padding-bottom: 45px;
  }

  .image-card-four-one.position-relative {
    padding-top: 19px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .features-one {
    padding-bottom: 50px;
  }

  .image-card-four-main.position-relative {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .team-one-title-wrap.team-details-title-wrap {
    max-width: none;
  }

  .team-one.change-background-color.as-leadership-padding {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .team-card-one-image.position-relative.image-effect {
    width: 100%;
  }

  .image-card-card-two-content-wrap.position-absolute {
    padding-left: 20px;
    padding-right: 20px;
  }

  .team-one-main-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .about-three-counter-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .about-three {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .about-three-icon-box {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .about-three-information-wrap {
    text-align: center;
  }

  .service-card-three-wrap {
    grid-template-columns: 1fr;
  }

  .service-card-three-wrap.position-relative.as-service-row-1 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    text-align: center;
    order: 0;
    width: auto;
    max-width: none;
    display: flex;
  }

  .service-card-three-wrap.position-relative.as-service-row-1.our-products-wrap {
    justify-content: center;
  }

  .icon-card-three {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-align: center;
    flex-flow: column;
  }

  .icon-card-three.position-relative {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .icon-card-three-title {
    margin-bottom: 18px;
  }

  .icon-card-three-information {
    padding-top: 0;
    padding-bottom: 32px;
  }

  .icon-card-three-information.full-width {
    padding-top: 5px;
    padding-bottom: 10px;
  }

  .icon-card-three-icon-wrap {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .icon-card-three-icon-wrap.full-width {
    padding-top: 10px;
  }

  .about-hero-bg.position-absolute.service-bg {
    background-position: 0 0, 0 0, 73%;
  }

  .about-hero-bg.position-absolute.service-two-bg {
    background-position: 0 0, 0 0, 59%;
  }

  .icon-box-three {
    border-right-width: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .icon-box-three.two {
    padding-left: 0;
  }

  .icon-box-three-wrap {
    grid-template-columns: 1fr;
  }

  .icon-box-three-title-wrap {
    max-width: 100%;
    margin: 15px auto 10px;
  }

  .features-three-card-image {
    flex-flow: column;
    align-items: center;
  }

  .icon-box-four-top.two {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-bottom: 20px;
  }

  .large-size-div.about-one-main.margin-auto {
    padding-top: 70px;
  }

  .pricing-one-card-content {
    padding-left: 20px;
  }

  .counter-four {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .pricing-plan-row-plans {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-plan-row-plans.pricing-sub-heading-two {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .pricing-plan-row-contain, .pricing-plan-row-contain.pricing-plan-row-bg-image, .pricing-plan-row-contain.border-bottom {
    padding-bottom: 0;
  }

  .pricing-plan-row-contain.pricing-plan-feature-box {
    padding-top: 0;
    padding-bottom: 0;
  }

  .pricing-plan-row-contain.pricing-plan-row-contain-bottom {
    padding-bottom: 0;
  }

  .pricing-plan-row-feature.pricing-plan-row-feature-heading {
    padding-top: 0;
  }

  .pricing-plan-comparison-plan {
    padding-top: 15px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .pricing-plan-comparison-plan.pricing-plan-comparison-background-two {
    padding-bottom: 26px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .pricing-plan-comparison-plan.pricing-plan-comparison-background-two.border-two.pricing-table-title-title-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 15px 10px;
  }

  .contact-box-one {
    width: 100%;
  }

  .contact-box-grid {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .contact-two-form-input-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
    margin-bottom: 10px;
  }

  .contact-three-card-image.responsive-full-width.image-effect.border-radius-10.mobile-width-100 {
    width: 100%;
  }

  .contact-three-card-wrap {
    grid-template-columns: 1fr;
  }

  .form-three-button-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 25px;
  }

  .contact-three-form-input-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
    margin-bottom: 15px;
  }

  .contact-three-form-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .blog-card-date-wrap.three {
    justify-content: center;
    align-items: center;
  }

  .blog-card-information {
    text-align: center;
    justify-content: space-between;
    align-items: center;
  }

  .price-card-two-top-content.text-align-center.margin-auto {
    padding-left: 15px;
    padding-right: 15px;
  }

  .faq-one-accrodian-toggle-bar {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .blog-details-title-wrapper {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-auto-columns: 1fr;
    align-items: stretch;
  }

  .team-member-contact-block {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .team-members-hero {
    background-color: #222121d1;
    padding-bottom: 60px;
  }

  .team-capture-text-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .team-details-capture-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .plan-card-left {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-plan-features {
    grid-template-columns: 1fr;
  }

  .plan-card-right {
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-one-button-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .navbar-style-one-wrapper {
    display: block;
  }

  .nav-menu.as-padding {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .desktop-hamburger-wrapper {
    display: none;
  }

  .pages-menu-list {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .page-menu-font {
    color: var(--primary-color);
    padding-right: 0;
  }

  .navbar-menu {
    background-color: var(--secondary-color);
    border: 1px #000;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 0;
    position: relative;
  }

  .header-grid-two {
    justify-content: space-between;
    padding-bottom: 0;
  }

  .nav-hamburder.three.transparent-background, .nav-hamburder.two.transparent-background, .nav-hamburder.one.transparent-background {
    background-color: #000;
  }

  .brand {
    width: 80px;
  }

  .home-two-button-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .landing-about-crad-one.two {
    min-width: auto;
  }

  .about-cell-three-image {
    flex: none;
    width: 100%;
    min-width: auto;
  }

  .landing-page-home-template {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .inner-pages-head-wrapper {
    margin-bottom: 0;
  }

  .landing-inner-page-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .spacial-card-v-three {
    padding-left: 15px;
    padding-right: 15px;
  }

  .spacial-card-v {
    padding-left: 10px;
    padding-right: 10px;
  }

  .pages-card {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .spacial-card-v-two {
    padding-left: 15px;
    padding-right: 15px;
  }

  .home-three-hero-timeline, .home-three-hero-timeline-grid {
    display: none;
  }

  .footer-button-wrapper {
    justify-content: center;
    align-items: center;
  }

  .list-gaps {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .style-guide-main {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .typography-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .hero-three.overflow-hidden.position-relative {
    height: auto;
  }

  .hero-three-bg-image {
    height: 100%;
  }

  .slider-overlay-three {
    background-image: linear-gradient(360deg, #0f0f0f, #0f0f0fa6 79%, #0f0f0f2e);
  }

  .slider-overlay-three.position-absolute-strech {
    margin-bottom: 0;
    bottom: 0;
  }

  .home-three-slider.full-height.full-width {
    height: 75vh;
  }

  .home-three-hero-conten-wrap {
    padding-bottom: 80px;
  }

  .home-three-hero-conten-wrap.position-relative {
    justify-content: center;
    align-items: flex-start;
  }

  .home-three-hero-conten-wrap.position-relative.left {
    display: none;
  }

  .hero-three-bg-image-wrap, .hero-three-bg-image-wrap.position-absolute-strech, .hero-three-bg-image-wrap.position-absolute-strech.overflow-hidden {
    height: auto;
  }

  .hero-tthree-title.no-margin.heading-one-gap-top.mobile-center-align {
    text-align: center;
    min-width: 0;
    font-size: 24px;
  }

  .home-three-slider-hero-wrap {
    padding-top: 100px;
  }

  .home-three-slider-hero-wrap.home-three-slider-hero-wrap-two {
    padding-top: 170px;
  }

  .home-two-hero-block.position-relative.margin-auto.text-align-center {
    padding-top: 0;
  }

  .expertise-wrapper {
    flex-flow: column;
  }

  .two-about-featuers-content {
    min-width: auto;
  }

  .about-achivement.padding-top {
    padding-top: 40px;
  }

  .about-three-achivemnt-card {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .about-three-our-mission {
    padding-bottom: 50px;
  }

  .about-three-tab-flex {
    display: block;
  }

  .about-three-tab-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .about-three-tab-wrap.mobile-bottom-gap {
    padding-bottom: 20px;
  }

  .about-two-mission-left.position-relative.border-radius-10 {
    order: -9999;
    height: 300px;
    display: block;
  }

  .about-two-mission-right {
    min-width: auto;
  }

  .about-three-our-mission-flex {
    flex-flow: column;
  }

  .service-two-service-section {
    padding-bottom: 50px;
  }

  .service-two-service-section.as-mobile-padding-reduce {
    padding-top: 0;
    padding-bottom: 0;
  }

  .service-two-service-section.as-padding-top-0 {
    padding-top: 20px;
  }

  .service-two-service-section.aspadding-top-0 {
    padding-top: 0;
  }

  .service-two-service-box {
    padding-top: 60px;
  }

  .service-two-image-text-wrap {
    right: 15px;
  }

  .service-three-card {
    padding: 15px;
  }

  .service-three-card.one {
    border-right-style: none;
    padding-bottom: 15px;
  }

  .service-three-card.two {
    border-bottom: 1px solid #fff3;
  }

  .service-three-card.three {
    border-right-style: none;
  }

  .service-three-card.four {
    border-bottom: 1px solid #fff3;
  }

  .home-two-about-us {
    grid-template-columns: 1fr;
  }

  .check-one {
    min-width: 30px;
  }

  .solution-wrapper-two {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .planning-box-wrapper-copy {
    margin-top: -10px;
  }

  .service-three-about-image-wrap {
    min-width: auto;
  }

  .mega-menu-link-block {
    color: var(--primary-color);
    align-items: center;
  }

  .mega-menu-link-block.as-remove-padding {
    border-style: none;
  }

  .service-card.position-relative.border-radius-10 {
    text-align: center;
    order: 0;
    width: 250px;
    max-width: 300px;
    height: 400px;
    display: flex;
  }

  .preservation-right-wrapper {
    justify-content: center;
    align-items: center;
  }

  .marque-v1-train {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-right: 20px;
  }

  .our-work-card-text-content.position-relative {
    padding-top: 15px;
  }

  .our-work-card-text-wrapper {
    justify-content: space-between;
    width: 100%;
  }

  .modern-construction-card-wrapper {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .modern-construction-card-one-text.text-align-center {
    padding-top: 20px;
  }

  .innovation-v2-left-part {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .about-one-card {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-bottom: 1px solid #0003;
    width: 100%;
    max-width: 100%;
    padding-top: 20px;
    padding-bottom: 15px;
  }

  .about-one-circle-wrapper, .vertical-border, .horizontal-border {
    display: none;
  }

  .innovation.padding-bottom {
    padding-bottom: 70px;
  }

  .innovation-right-part {
    width: 100%;
    max-width: 100%;
  }

  .innovation-second-image {
    display: none;
  }

  .construction-right-top-part {
    border-left-style: none;
    margin-left: 0;
    padding: 0;
  }

  .construction-right-bottom-part {
    border-top-style: none;
    padding-left: 0;
  }

  .team-black-overlay.as-ad-margin {
    justify-content: flex-end;
    align-items: center;
    margin-top: 140px;
  }

  .team-black-overlay.as-margin-increase {
    justify-content: flex-end;
    align-items: center;
  }

  .service-hero-subheading-top-gap {
    margin-top: 20px;
  }

  .features-two-button-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-address-wrapper {
    padding-top: 20px;
  }

  .video-title {
    margin-left: auto;
    margin-right: auto;
  }

  .change-align {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .mobile-text-center {
    text-align: center;
  }

  .left-image-wrapper {
    width: 100%;
  }

  .blog-v3-right-card-main-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .about-hero-v3.position-absolute {
    background-position: 0 0, 0 0, 59%;
  }

  .work-subtext-wrapper {
    width: 100%;
  }

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

  .footer-landscape-grey-line {
    top: 47%;
    right: 69%;
  }

  .lottie-play-button {
    bottom: 20px;
    right: 20px;
  }

  .lottie-button-wrapper {
    width: 100px;
    height: 100px;
  }

  .background-video {
    height: 350px;
  }

  .background-video-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .counter-wrapper {
    border-bottom: 1px solid #fff3;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .counter-wrapper.right-border-remove.mobile-text-center {
    border-bottom-style: none;
  }

  .counter-wrapper.mobile-text-center {
    border-bottom-width: 0;
    padding-top: 0;
    padding-bottom: 60px;
  }

  .counter-wrapper.mobile-text-center.as-mobile-application, .counter-wrapper.mobile-text-center.remove-mobile-padding {
    padding-bottom: 0;
  }

  .counter-wrapper-v1 {
    border-bottom: 1px solid #0003;
  }

  .counter-wrapper-v1.right-border-remove.mobile-text-center {
    border-bottom-style: none;
  }

  .counter-wrapper-v1.right-border-remove.mobile-text-center.start {
    border-right-style: none;
  }

  .service-v2-hero.position-relative.overflow-hidden {
    padding-bottom: 50px;
  }

  .testimonial.padding-top-sm.white-background {
    padding-top: 70px;
  }

  .testimonial-card-wrapper, .testimonial-card-wrapper.testimonial-grid {
    grid-template-columns: 1fr;
  }

  .testimonial-text-wrapper {
    max-width: 100%;
    padding-bottom: 12px;
  }

  .testimonial-star-wrapper {
    margin-bottom: 10px;
    padding-bottom: 15px;
  }

  .portfolio-wrapper.change-align {
    flex-flow: column;
  }

  .work-white-arrow {
    display: none;
  }

  .portfolio-heading-wrapper.heading-one-gap-top.overflow-hidden {
    flex-flow: column;
  }

  .portfolio-bottom-content-wrapper {
    flex-flow: wrap;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }

  .portfolio-gallery-wrapper {
    grid-template-columns: 1fr;
  }

  .portfolio-bottom-content {
    justify-content: center;
    align-items: center;
  }

  .video-text-box {
    margin-top: 50%;
  }

  .service-slider {
    min-height: 630px;
  }

  .slide-left-arrow, .slide-left-arrow.right {
    top: 400px;
  }

  .landing-marquee-item {
    max-width: 200px;
  }

  .border-radius-10.position-relative.overflow-hidden.tab-image-full-width {
    order: 0;
    display: block;
  }

  .border-radius-10.image-effect.tab-image-full-width {
    order: 0;
    width: 300px;
    display: block;
  }

  .modern-infrastructure-counter-wrapper {
    grid-template-columns: 1fr;
  }

  .planning-image-content {
    display: none;
  }

  .modern-infrastructure-right {
    padding-left: 15px;
    padding-right: 15px;
  }

  .modern-infrastructure-button-wrapper {
    justify-content: center;
    align-items: center;
  }

  .modern-infrastructure-counter-text-content {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    padding-top: 15px;
  }

  .grey-border {
    width: 100%;
    height: 1px;
  }

  .grey-border.change-color.as-border-mobile-block {
    display: block;
  }

  .grey-border.margin-top {
    margin-top: 20px;
  }

  .service-one-card-warp {
    place-items: center;
    width: 100%;
  }

  .service-one.padding-top {
    padding-top: 70px;
  }

  .precision-wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .precision-overlay-card {
    justify-content: center;
    align-items: center;
  }

  .precision-overlay-card.moibile-text-center {
    text-align: center;
  }

  .innovation-v2-right-part {
    flex-flow: column;
  }

  .feature-big-logo, .circle-display-none {
    display: none;
  }

  .over-view-card-two, .over-view-card-three {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .about-modern-infrastructure-right {
    padding-left: 15px;
    padding-right: 15px;
  }

  .feature-four-image-wrapper {
    flex-flow: column;
  }

  .modern-construction-wrapper {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .modern-construction-wrapper.add-padding {
    padding-top: 0;
  }

  .sustainable-construction-small-top-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .over-view-three-wrapper {
    grid-template-rows: auto;
    grid-auto-columns: 1fr;
  }

  .overview-three-right-wrapper {
    text-align: center;
  }

  .overview-counter {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .overview-counter.right-border-remove.change-align {
    border-top: 1px solid #fff3;
  }

  .overview-counter.right-border-remove.vertical-align {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .overview-counter.change-align {
    border-right-style: none;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .overview-counter.change-align.vertical-align {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .over-view-three {
    padding-bottom: 43px;
  }

  .rt-big-icon.as-mobile-icon-size {
    width: 100%;
    height: 100%;
  }

  .icon.mobile-display-none, .icon-2.mobile-display-none {
    display: none;
  }

  .infra-img.rt-big-icon {
    width: 100%;
    height: 100%;
  }

  .infra-img.rt-big-icon.flag {
    width: 250px;
    height: 160px;
  }

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

  .mines-cards {
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-4 {
    height: auto;
  }

  .cta-section.padding-top {
    padding-top: 65px;
  }

  .cta-section.padding-top.as-mobile-padding-0 {
    padding-top: 0;
  }

  .bg-black {
    margin-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bg-black.as-mobile-margin-reduce {
    margin-bottom: 65px;
  }

  .as-products-cards {
    width: 100%;
  }

  .btn-flex {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    margin-top: 20px;
  }

  .as-industry-serve-section {
    margin-top: 70px;
  }

  .as-industry-card-content.text-align-center {
    padding-top: 20px;
  }

  .as-industry-wrapper {
    flex-flow: column;
    grid-template-columns: 1fr;
    padding-top: 0;
  }

  .as-anchor-section {
    top: 0;
  }

  .brix---container-default {
    padding: 24px 20px;
  }

  .brix---container-default.padding-top-btm {
    padding: 0 16px;
  }

  .grid-3 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    place-items: stretch stretch;
    padding-bottom: 10px;
    display: flex;
    overflow: auto;
  }

  .grid-3.denim-grid {
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: stretch;
    padding-bottom: 10px;
  }

  .grid-3.life-at-ashapura-grid {
    justify-content: center;
    align-items: stretch;
    padding-bottom: 0;
  }

  .grid-3.vande-matram-grid {
    justify-content: center;
    align-items: stretch;
  }

  .grid-3.bentonite-grid {
    justify-content: center;
    align-items: stretch;
    padding-bottom: 0;
  }

  .as-realestate-name {
    font-size: 13px;
  }

  .as-realestate-name.w--current {
    font-size: 12px;
  }

  .as-key-intitiatives-wrapper {
    margin-top: -10px;
  }

  .as-contact-two-column {
    grid-template-columns: 1fr;
  }

  .as-counter-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    grid-template-columns: 1fr;
    justify-content: flex-start;
  }

  .as-counter-wrapper.change-padding {
    grid-column-gap: 0px;
    border-top-style: none;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
  }

  .as-counter {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .as-counter.right-border-remove.change-align {
    border-top: 1px solid #fff3;
  }

  .as-counter.right-border-remove.text-align-center {
    width: 50%;
  }

  .as-counter.change-align {
    border-right-style: none;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .code-embed {
    padding-top: 0;
  }

  .as-footer-wrapper {
    flex-flow: column;
  }

  .as-footer-col {
    width: 100%;
    padding-top: 20px;
  }

  .as-footer-col.as-padding-left {
    padding-left: 0;
  }

  .as-footer-col.as-footer-col2 {
    width: 100%;
  }

  .as-footer-logo-link {
    width: 130px;
  }

  .as-footer-border {
    width: 100%;
    height: 1px;
    display: block;
  }

  .as-footer-address {
    text-align: center;
  }

  .as-footer-col-two {
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-6 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .ry-rp-card-title {
    line-height: 120%;
  }

  .ry-wrapper {
    padding-top: 60px;
    padding-bottom: 70px;
  }

  .ry-primary-btn {
    display: none;
  }

  .ry-primary-btn.margin-top {
    display: inline-flex;
  }

  .as-investor-cards {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .ry-expert-card-img {
    height: 100px;
  }

  .ry-porfolio-card {
    background-color: var(--secondary-color);
    width: 75%;
  }

  .ry-portfolio-section {
    padding-top: 0;
  }

  .industries-button {
    margin-top: 20px;
  }

  .as-products-heading {
    padding-bottom: 0;
  }

  .as-products-heading.as-propents-mobile-padding {
    padding-bottom: 40px;
  }

  .as-bentonite-products-section {
    padding-top: 0;
  }

  .as-bentonite-products-section.as-bg-color-white {
    padding-top: 65px;
  }

  .as-stats-icon-wrap {
    width: 90px;
    height: 90px;
  }

  .ry-awards-address-title {
    margin-bottom: 10px;
  }

  .ry-awards-for-heading {
    margin-top: 10px;
    line-height: 120%;
  }

  .ry-awsrds-years {
    margin-top: 0;
    font-size: 22px;
  }

  .ry-awards-cards {
    background-color: var(--white-ten);
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-img {
    width: 100%;
  }

  ._w-card-img {
    padding: 0;
  }

  .c-card-back {
    width: 100%;
    max-width: 250px;
    height: 200px;
    display: flex;
  }

  .c-card-front {
    width: 100%;
    max-width: 250px;
    height: 200px;
    display: none;
  }

  .grid-4, .grid-4.as-grid-3 {
    grid-template-columns: 1fr;
  }

  .div-block-10 {
    width: 100%;
  }

  .div-block-11 {
    flex-flow: column;
  }

  .as-team-4 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .as-team-5 {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .as-bg-color-white {
    padding-top: 65px;
  }

  .as-bg-color-white.padding-btm, .as-bg-color-white.remove-top-padding {
    padding-bottom: 70px;
  }

  .div-block-12 {
    text-align: center;
  }

  .div-block-13 {
    flex-flow: column;
  }

  .as-heading-style-h3.color-black.precision-card-heading-wrapper {
    padding-top: 0;
  }

  .as-other-cards, .as-other-cards.add-padding {
    width: 100%;
  }

  .as-director-name {
    margin-top: 0;
    font-size: 15px;
  }

  .director-box-wrap {
    width: 100%;
  }

  .as-director-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .as-comittee-wrapper {
    width: 100%;
  }

  .as-comittee-wrapper.top-padding-0 {
    margin-top: 0;
  }

  .as-products-flex {
    flex-flow: column;
  }

  .as-producrs-cards {
    width: 100%;
  }

  .as-application-title {
    margin-bottom: 10px;
  }

  .as-application-title.no-height {
    height: auto;
  }

  .as-application-cards {
    border-bottom: 1px solid #fff3;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .as-application-cards.right-border-remove.mobile-text-center {
    border-bottom-style: none;
  }

  .as-application-cards.mobile-text-center {
    border-bottom-width: 0;
    padding-top: 0;
    padding-bottom: 60px;
  }

  .as-application-cards.mobile-text-center.as-mobile-application {
    padding-bottom: 0;
  }

  .as-advacne-products-wrapper {
    display: block;
  }

  .special-bentonite-inner-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .special-bentonite-inner-wrapper.as-bg-color-white.as-padding-bottom, .special-bentonite-inner-wrapper.add-bottom-padding {
    padding-bottom: 70px;
  }

  .special-bentonite-inner-wrapper.as-mobile-padding-top-remove {
    padding-top: 0;
  }

  .special-bentonite-inner-wrapper.as-mobile-padding-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .modal-body {
    padding: 20px 20px 15px;
  }

  .modal-wrapper {
    padding: 30px;
  }

  .as-csr-reports {
    margin-top: 20px;
  }

  .code-embed-3 {
    width: 100%;
  }

  .as-mission-vision-section {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .as-gallery-section.padding-top {
    padding-top: 70px;
  }

  .grid-6 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .no-margin-2.color-black {
    font-size: 14px;
  }

  .no-margin-2.color-black.heading {
    font-size: 24px;
  }

  .as-shape-future-section {
    padding-top: 20px;
  }

  .image-29 {
    width: 250px;
    height: 250px;
  }

  .text-block-8, .text-block-9 {
    font-size: 12px;
  }

  .heading-4 {
    text-align: center;
  }

  .navbar-menu-right {
    background-color: var(--secondary-color);
    border: 1px #000;
    width: 100%;
    padding-top: 0;
    padding-bottom: 15px;
    position: relative;
  }

  .trust-counter-title {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
  }
}

#w-node-_6afda5bf-67eb-78ae-ea2a-d26c7b63eca9-7b63ec8e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e4f1a99c-78ed-2d87-0774-8ce4faba75c0-e7c5b4f7, #w-node-e4f1a99c-78ed-2d87-0774-8ce4faba75d7-e7c5b4f7, #w-node-e4f1a99c-78ed-2d87-0774-8ce4faba7614-e7c5b4f7, #w-node-e4f1a99c-78ed-2d87-0774-8ce4faba7632-e7c5b4f7 {
  justify-self: end;
}

#w-node-_80cf5324-a59b-a2e9-0235-c8c21bba3fb9-681ddaca {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b2c5b449-72da-6b1b-066a-eb5f487156c3-681ddacb, #w-node-_29da199e-6e67-0599-0c84-a663744166de-681ddacb, #w-node-b8c0ed59-2646-132b-5426-b3650b25c9c9-681ddacb, #w-node-_2f33841b-dc04-dffa-8017-1dc7465b9c39-681ddacb, #w-node-b0406a38-d280-8b05-e686-6db40e1b7377-681ddacc {
  justify-self: center;
}

#w-node-_5be37216-916d-d046-f06c-bceecb2a6b0f-681ddacc, #w-node-_5be37216-916d-d046-f06c-bceecb2a6b22-681ddacc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5be37216-916d-d046-f06c-bceecb2a6b26-681ddacc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_0178e71d-8b44-0e35-8a56-f8434f3563a4-681ddacc, #w-node-_0178e71d-8b44-0e35-8a56-f8434f3563b7-681ddacc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0178e71d-8b44-0e35-8a56-f8434f3563bb-681ddacc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-cf9617b6-2d4a-83d4-81b6-7d5d578d651c-681ddacc, #w-node-cf9617b6-2d4a-83d4-81b6-7d5d578d652f-681ddacc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cf9617b6-2d4a-83d4-81b6-7d5d578d6533-681ddacc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_5f4ba18f-f18e-f6e5-9f8a-5cf9ce74b5bb-681ddacc, #w-node-_5f4ba18f-f18e-f6e5-9f8a-5cf9ce74b5ce-681ddacc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5f4ba18f-f18e-f6e5-9f8a-5cf9ce74b5d2-681ddacc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-c60499cb-81db-b50e-cf2e-3e19e1625d1c-681ddacf {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c60499cb-81db-b50e-cf2e-3e19e1625d53-681ddacf {
  grid-area: 1 / 1 / 4 / 2;
  place-self: center;
}

#w-node-c60499cb-81db-b50e-cf2e-3e19e1625d57-681ddacf {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-c60499cb-81db-b50e-cf2e-3e19e1625d5b-681ddacf {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-c60499cb-81db-b50e-cf2e-3e19e1625d5f-681ddacf {
  grid-area: 2 / 1 / 3 / 3;
  justify-self: start;
}

#w-node-c60499cb-81db-b50e-cf2e-3e19e1625d65-681ddacf {
  grid-area: 1 / 2 / 4 / 3;
  place-self: center;
}

#w-node-c60499cb-81db-b50e-cf2e-3e19e1625d69-681ddacf {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-c60499cb-81db-b50e-cf2e-3e19e1625d6d-681ddacf {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-c60499cb-81db-b50e-cf2e-3e19e1625d71-681ddacf {
  grid-area: 2 / 1 / 3 / 3;
  justify-self: start;
}

#w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf11-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf16-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf1b-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf28-681ddad1, #w-node-_8c2ba1a2-6e9a-9756-b121-0421ab2645c7-681ddad1, #w-node-_9d48e472-4dfa-ac07-7745-4c7b8863c25e-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf35-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf37-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf39-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf43-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf45-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf47-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf50-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf52-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf54-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf5d-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf5f-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf61-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf6a-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf6c-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf6e-681ddad1, #w-node-f809b838-f279-69b5-f3cf-c4b21d5e370f-681ddad1, #w-node-f809b838-f279-69b5-f3cf-c4b21d5e3711-681ddad1, #w-node-f809b838-f279-69b5-f3cf-c4b21d5e3713-681ddad1, #w-node-_7236aaa4-206d-7ebf-0e79-68223562f2bb-681ddad1, #w-node-_7236aaa4-206d-7ebf-0e79-68223562f2bd-681ddad1, #w-node-_7236aaa4-206d-7ebf-0e79-68223562f2bf-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf77-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf79-681ddad1, #w-node-_7c5ff405-312a-d73e-49a2-d4e1c70bdf7b-681ddad1, #w-node-_76ea8f94-8afe-17cf-7727-f4825c876945-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c876949-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c87694d-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c876956-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c87695b-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c876960-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c87696a-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c87696c-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c87696e-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c876975-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c876977-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c876979-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c876980-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c876982-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c876984-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c87698c-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c87698e-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c876990-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c876997-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c876999-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c87699b-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c8769a2-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c8769a4-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c8769a6-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c8769ad-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c8769af-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c8769b1-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c8769b8-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c8769ba-681ddadd, #w-node-_76ea8f94-8afe-17cf-7727-f4825c8769bc-681ddadd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c91dbbe3-fee9-2160-3e76-92db029c5446-681ddae8, #w-node-c91dbbe3-fee9-2160-3e76-92db029c544c-681ddae8, #w-node-c91dbbe3-fee9-2160-3e76-92db029c5452-681ddae8, #w-node-c91dbbe3-fee9-2160-3e76-92db029c5458-681ddae8 {
  justify-self: center;
}

#w-node-aa0fe5c9-fda8-4db9-2796-4e9003d34f1e-681ddaec, #w-node-aa0fe5c9-fda8-4db9-2796-4e9003d34f31-681ddaec {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aa0fe5c9-fda8-4db9-2796-4e9003d34f35-681ddaec {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-e7bc92b2-2de3-4c33-7623-77138052df3a-681ddaf0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-e7bc92b2-2de3-4c33-7623-77138052df40-681ddaf0, #w-node-e7bc92b2-2de3-4c33-7623-77138052df46-681ddaf0, #w-node-e7bc92b2-2de3-4c33-7623-77138052df4c-681ddaf0, #w-node-b8a51b51-9120-5676-0938-d9f1a7a7f22c-681ddaf0, #w-node-e7ae0086-3fa6-4272-ef40-3a1dd8d50848-681ddaf0 {
  justify-self: center;
}

#w-node-_6de03b2c-311d-96a5-5d56-45bef44846b7-681ddaf1, #w-node-_5b88a7a4-ca1c-1ef4-de4e-78ca8417522e-681ddaf1 {
  align-self: stretch;
}

#w-node-_9dae43b6-6251-9d42-ba88-2e2f1531edf2-681ddaf2, #w-node-_3736f16e-f736-c945-4491-fb7be96d49f7-681ddaf3, #w-node-_5464d4e3-7eb6-c74e-6192-2692363709d1-681ddaf4, #w-node-_5464d4e3-7eb6-c74e-6192-2692363709d5-681ddaf4 {
  justify-self: center;
}

#w-node-_07f1059a-37a7-2963-d968-ae23d6b41256-681ddaf4, #w-node-_07f1059a-37a7-2963-d968-ae23d6b41269-681ddaf4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_07f1059a-37a7-2963-d968-ae23d6b4126d-681ddaf4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-d8e4a52d-d27a-5f9a-9493-d76e46999b90-681ddaf4, #w-node-d8e4a52d-d27a-5f9a-9493-d76e46999ba3-681ddaf4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d8e4a52d-d27a-5f9a-9493-d76e46999ba7-681ddaf4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-c8a03cbd-4e29-6515-4243-90520e374715-681ddaf4, #w-node-c8a03cbd-4e29-6515-4243-90520e374728-681ddaf4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c8a03cbd-4e29-6515-4243-90520e37472c-681ddaf4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-b71bae6b-e3ca-c350-7f93-7ce946a20190-681ddaf4, #w-node-b71bae6b-e3ca-c350-7f93-7ce946a201a3-681ddaf4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b71bae6b-e3ca-c350-7f93-7ce946a201a7-681ddaf4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_19fb2019-7c24-b9cc-cc19-6c43a9a74c3f-681ddaf4, #w-node-_19fb2019-7c24-b9cc-cc19-6c43a9a74c52-681ddaf4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_19fb2019-7c24-b9cc-cc19-6c43a9a74c56-681ddaf4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_560f5445-e68d-e36d-9ee0-3d98dde2cedc-681ddb3e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_560f5445-e68d-e36d-9ee0-3d98dde2cf0c-681ddb3e {
  grid-area: 1 / 1 / 4 / 2;
  place-self: center;
}

#w-node-_560f5445-e68d-e36d-9ee0-3d98dde2cf10-681ddb3e {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_560f5445-e68d-e36d-9ee0-3d98dde2cf14-681ddb3e {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_560f5445-e68d-e36d-9ee0-3d98dde2cf18-681ddb3e {
  grid-area: 2 / 1 / 3 / 3;
  justify-self: start;
}

#w-node-_560f5445-e68d-e36d-9ee0-3d98dde2cf1e-681ddb3e {
  grid-area: 1 / 2 / 4 / 3;
  place-self: center;
}

#w-node-_560f5445-e68d-e36d-9ee0-3d98dde2cf22-681ddb3e {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_560f5445-e68d-e36d-9ee0-3d98dde2cf26-681ddb3e {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_560f5445-e68d-e36d-9ee0-3d98dde2cf2a-681ddb3e {
  grid-area: 2 / 1 / 3 / 3;
  justify-self: start;
}

#w-node-d3faeb1a-d630-9db8-3093-cc7b8f1d4f0a-681ddb3f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d3faeb1a-d630-9db8-3093-cc7b8f1d4f39-681ddb3f {
  grid-area: 1 / 1 / 4 / 2;
  place-self: center;
}

#w-node-d3faeb1a-d630-9db8-3093-cc7b8f1d4f3d-681ddb3f {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-d3faeb1a-d630-9db8-3093-cc7b8f1d4f41-681ddb3f {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-d3faeb1a-d630-9db8-3093-cc7b8f1d4f45-681ddb3f {
  grid-area: 2 / 1 / 3 / 3;
  justify-self: start;
}

#w-node-d3faeb1a-d630-9db8-3093-cc7b8f1d4f4b-681ddb3f {
  grid-area: 1 / 2 / 4 / 3;
  place-self: center;
}

#w-node-d3faeb1a-d630-9db8-3093-cc7b8f1d4f4f-681ddb3f {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-d3faeb1a-d630-9db8-3093-cc7b8f1d4f53-681ddb3f {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-d3faeb1a-d630-9db8-3093-cc7b8f1d4f57-681ddb3f {
  grid-area: 2 / 1 / 3 / 3;
  justify-self: start;
}

#w-node-_5916f735-34dc-e470-e34b-559d16ed9d71-4d1c6e57 {
  justify-self: center;
}

#w-node-_560f5445-e68d-e36d-9ee0-3d98dde2cedc-4d1c6e57 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_560f5445-e68d-e36d-9ee0-3d98dde2cf0c-4d1c6e57 {
  grid-area: 1 / 1 / 4 / 2;
  place-self: center;
}

#w-node-_560f5445-e68d-e36d-9ee0-3d98dde2cf10-4d1c6e57 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_560f5445-e68d-e36d-9ee0-3d98dde2cf14-4d1c6e57 {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_560f5445-e68d-e36d-9ee0-3d98dde2cf18-4d1c6e57 {
  grid-area: 2 / 1 / 3 / 3;
  justify-self: start;
}

#w-node-_560f5445-e68d-e36d-9ee0-3d98dde2cf1e-4d1c6e57 {
  grid-area: 1 / 2 / 4 / 3;
  place-self: center;
}

#w-node-_560f5445-e68d-e36d-9ee0-3d98dde2cf22-4d1c6e57 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_560f5445-e68d-e36d-9ee0-3d98dde2cf26-4d1c6e57 {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_560f5445-e68d-e36d-9ee0-3d98dde2cf2a-4d1c6e57 {
  grid-area: 2 / 1 / 3 / 3;
  justify-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-e4f1a99c-78ed-2d87-0774-8ce4faba75c0-e7c5b4f7, #w-node-e4f1a99c-78ed-2d87-0774-8ce4faba75d7-e7c5b4f7, #w-node-e4f1a99c-78ed-2d87-0774-8ce4faba7614-e7c5b4f7, #w-node-e4f1a99c-78ed-2d87-0774-8ce4faba7632-e7c5b4f7 {
    justify-self: auto;
  }

  #w-node-_497ca2cd-edf4-a278-226c-ef033fd2583c-681ddacb {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-b9db03ee-ed55-eb56-62cd-af278c0d3037-681ddac9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6afda5bf-67eb-78ae-ea2a-d26c7b63ec92-7b63ec8e, #w-node-_4075cce1-5f80-016a-acf4-908746be314d-681ddacb, #w-node-e0e990fc-4588-efee-5d46-8f16b28331ea-681ddacc, #w-node-e0e990fc-4588-efee-5d46-8f16b28331f1-681ddacc, #w-node-_5145fd81-d0cd-20c8-48c1-2243cbba042d-681ddacc, #w-node-_5145fd81-d0cd-20c8-48c1-2243cbba0434-681ddacc, #w-node-_26641dbe-b9c9-1040-52b3-04e8e9d74d2e-681ddacc, #w-node-b642cfdf-c6f7-d91d-5f36-c4a4e51c08d6-681ddacc, #w-node-_33b3d3e7-ae9c-addf-78d5-dddaf8ab6d5a-681ddacc, #w-node-_2b2d9504-cdd0-82d6-38e3-358dee8c0a27-681ddacc {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2a5bf49e-a915-ce81-044a-9004ac91edc3-681ddace {
    order: 9999;
  }

  #w-node-_2a4f6a00-db39-4f27-c541-d68f09f63194-681ddacf, #w-node-_4a4b2c44-6875-fe44-d9ea-726f18f42125-681ddad3, #w-node-_5145fd81-d0cd-20c8-48c1-2243cbba042d-681ddaf3, #w-node-_3fccda99-b30b-431f-94de-54ddab03e08f-681ddaf4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_497ca2cd-edf4-a278-226c-ef033fd2583c-681ddacb, #w-node-_4075cce1-5f80-016a-acf4-908746be314d-681ddacb, #w-node-e0e990fc-4588-efee-5d46-8f16b28331ea-681ddacc, #w-node-e0e990fc-4588-efee-5d46-8f16b28331f1-681ddacc, #w-node-_5145fd81-d0cd-20c8-48c1-2243cbba042d-681ddacc, #w-node-_5145fd81-d0cd-20c8-48c1-2243cbba0434-681ddacc, #w-node-_26641dbe-b9c9-1040-52b3-04e8e9d74d2e-681ddacc, #w-node-b642cfdf-c6f7-d91d-5f36-c4a4e51c08d6-681ddacc, #w-node-_33b3d3e7-ae9c-addf-78d5-dddaf8ab6d5a-681ddacc, #w-node-_2b2d9504-cdd0-82d6-38e3-358dee8c0a27-681ddacc, #w-node-_2a4f6a00-db39-4f27-c541-d68f09f63194-681ddacf, #w-node-_5145fd81-d0cd-20c8-48c1-2243cbba042d-681ddaf3, #w-node-_3fccda99-b30b-431f-94de-54ddab03e08f-681ddaf4 {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Bdogrotesk Bf 648 A 656 Fc 86 B 8';
  src: url('../fonts/BDOGrotesk-Medium-BF648a656fc86b8.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Candara';
  src: url('../fonts/Candara.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Candara';
  src: url('../fonts/Candara_Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}