:root {
  --white-opasity: white;
  --daul: #8f8ea8;
  --primary-color: #666edd;
  --black: black;
}

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

.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-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

.w-commerce-commercecartopenlink {
  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-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

.w-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}

.w-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.w-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.w-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

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

.w-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

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

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

.w-commerce-commercecartquantity {
  -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-commercecartquantity::placeholder {
  color: #999;
}

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

.w-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.w-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

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

.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-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.w-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

.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-commercebuynowbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  margin-top: 10px;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-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-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.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-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

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

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

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

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

.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-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-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-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-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-commerceorderconfirmationcontainer {
  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-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

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

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

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

@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-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

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

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

@media screen and (max-width: 479px) {
  .w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .w-commerce-commercecartquantity, .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 {
  color: #1a1b1f;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 44px;
  font-weight: 400;
  line-height: 62px;
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

p {
  margin-bottom: 10px;
}

a {
  color: #43464d;
  text-decoration: underline;
  transition: opacity .2s;
  display: block;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
}

img {
  display: block;
}

label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  font-size: 20px;
  line-height: 34px;
}

figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

figcaption {
  opacity: .6;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 26px;
}

.divider {
  background-color: #eee;
  height: 1px;
}

.divider.cc-dark-divider {
  background-color: #202020;
  height: 1px;
}

.styleguide-content-wrap {
  text-align: center;
}

.section {
  margin-left: 30px;
  margin-right: 30px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.cc-store-home-wrap {
  padding-top: 0;
}

.section.cc-subscribe-form {
  background-color: #f4f4f4;
  margin-left: 0;
  margin-right: 0;
}

.section.cc-product-detail {
  align-items: center;
  display: flex;
}

.styleguide-block {
  text-align: left;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
  display: block;
}

.container {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.container.cc-subscription-form {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: auto;
  display: flex;
}

.container.cc-heading-wrap {
  text-align: center;
}

.container.cc-full-width-form-wrap {
  align-items: flex-start;
  display: flex;
}

.paragraph-tiny {
  font-size: 12px;
  line-height: 20px;
}

.paragraph-tiny.cc-paragraph-tiny-light {
  opacity: .7;
}

.paragraph-bigger {
  opacity: 1;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger.cc-bigger-light {
  opacity: .6;
}

.primary-button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border-radius: 0;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.primary-button:hover {
  color: #fff;
  background-color: #32343a;
}

.primary-button:active {
  background-color: #43464d;
}

.primary-button.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.primary-button.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.primary-button.cc-white-button:hover {
  background-color: #fffc;
}

.primary-button.cc-white-button:active {
  background-color: #ffffffe6;
}

.primary-button.cc-add-to-cart-btn {
  margin-top: 10px;
  margin-right: 10px;
}

.label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.label.cc-styleguide-label {
  margin-bottom: 25px;
}

.label.cc-cart-remove-link {
  color: #a7a7a7;
  margin-top: 4px;
  margin-bottom: 5px;
  font-weight: 400;
  text-decoration: none;
}

.label.cc-blog-date {
  opacity: .6;
  margin-top: 20px;
}

.heading-jumbo-tiny {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.rich-text {
  width: 70%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.rich-text p {
  opacity: .6;
  margin-top: 15px;
  margin-bottom: 25px;
}

.paragraph-light {
  opacity: .6;
  letter-spacing: 0;
  text-transform: none;
  font-size: 14px;
  line-height: 26px;
}

.paragraph-light.cc-subscribe-paragraph {
  width: 40%;
}

.heading-jumbo {
  text-transform: none;
  border-radius: 0;
  margin: 10px;
  padding-left: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 64px;
  line-height: 80px;
}

.heading-jumbo-small {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

.styleguide-button-wrap {
  margin-top: 10px;
  margin-bottom: 10px;
}

.styleguide-header-wrap {
  color: #fff;
  text-align: center;
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 460px;
  padding: 30px;
  display: flex;
}

.paragraph-small {
  font-size: 14px;
  line-height: 26px;
}

.logo-link {
  z-index: 1;
}

.logo-link:hover {
  opacity: .8;
}

.logo-link:active {
  opacity: .7;
}

.cart-footer {
  padding-top: 20px;
}

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-error-message {
  background-color: #db4b68;
}

.status-message.cc-no-data {
  width: 70%;
  margin: 100px auto;
  display: block;
}

.status-message.cc-success-message {
  background-color: #12b878;
}

.product-name-text {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

.product-name-text.cc-name-text-cart {
  font-size: 14px;
  line-height: 26px;
}

.product-name-text.cc-shipping-option {
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 26px;
}

.cart-item-info-wrap {
  margin-top: -5px;
  margin-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

.cart-quantity {
  color: #fff;
  letter-spacing: 0;
  background-color: #0000;
  border-radius: 0;
  min-width: auto;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  display: block;
}

.navigation-items {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cart {
  margin-left: 20px;
}

.navigation {
  background-color: #0000;
  align-items: center;
  padding: 30px 50px;
  display: flex;
}

.text-field {
  color: #fff;
  background-color: #ffffff0d;
  border: 1px solid #fff3;
  border-radius: 6px;
  width: 276px;
  height: 41px;
  margin-bottom: 0;
  padding: 8px 12px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 26px;
  transition: border-color .4s;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active, .text-field:focus, .text-field.-wfp-focus {
  border-color: #43464d;
}

.text-field::placeholder {
  color: #32343a66;
}

.text-field.cc-subscribe-text-field {
  width: 330px;
  margin-bottom: 0;
  margin-right: 10px;
}

.text-field.cc-subscribe-text-field:focus {
  border-color: #32343a;
}

.text-field.cc-contact-field {
  margin-bottom: 25px;
}

.text-field.cc-textarea {
  height: 200px;
  padding-top: 12px;
}

.text-field.cc-quantity-field {
  background-color: #fff;
  border-color: #e6e6e6;
  width: 80px;
  height: auto;
  margin-top: 10px;
  margin-bottom: 0;
  margin-right: 10px;
  padding: 8px 12px 8px 20px;
}

.cart-list {
  padding-top: 20px;
  padding-bottom: 20px;
}

.cart-line-item {
  margin-bottom: 10px;
}

.navigation-item {
  opacity: .6;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.navigation-item:hover {
  opacity: .9;
}

.navigation-item:active {
  opacity: .8;
}

.navigation-item.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-weight: 600;
}

.navigation-item.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.navigation-item.w--current:active {
  opacity: .7;
  color: #32343a;
}

.icon, .logo-image {
  display: block;
}

.remove-button {
  text-decoration: none;
}

.cart-header {
  padding-top: 16px;
  padding-bottom: 16px;
}

.navigation-wrap {
  align-items: center;
  display: flex;
}

.cart-container {
  min-width: 400px;
  box-shadow: 0 2px 10px #00000014;
}

.products-heading {
  text-align: center;
  margin-bottom: 80px;
}

.collection-wrap {
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.intro-header {
  color: #fff;
  background-color: #f4f4f4;
  background-image: url('../images/placeholder-1---wide.svg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 620px;
  margin-bottom: 100px;
  display: flex;
}

.collection-item {
  width: 33.33%;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.intro-content {
  text-align: center;
  width: 70%;
  max-width: 1140px;
  margin-bottom: 20px;
}

.intro-text {
  width: 80%;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
}

.main-heading-wrap {
  margin-bottom: 60px;
}

.main-paragraph-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-areas: ". .";
  margin-top: 60px;
  margin-bottom: 150px;
}

.subscribe-form {
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-block {
  margin-top: 20px;
}

.footer {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: ". . . . ."
                 ". . . . ."
                 / 2fr 1fr 1fr 1.25fr 1fr;
  place-items: start;
}

.footer-link {
  opacity: .6;
  margin-bottom: 15px;
  font-size: 14px;
  text-decoration: none;
  transition: opacity .2s;
}

.footer-link:hover {
  opacity: 1;
}

.made-with-webflow {
  opacity: .5;
  align-items: center;
  margin-top: 70px;
  text-decoration: none;
  transition: opacity .4s;
  display: flex;
}

.made-with-webflow:hover {
  opacity: 1;
}

.made-with-webflow:active {
  opacity: .8;
}

.links-section-footer {
  margin-top: 40px;
}

.webflow-logo-tiny {
  margin-top: -2px;
  margin-right: 8px;
}

.product-image-wrap {
  color: #fff;
  background-color: #f4f4f4;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 620px;
  transition: opacity .6s;
  display: block;
  position: relative;
}

.product-image-wrap:hover {
  opacity: .9;
  color: #fff;
}

.product-image-wrap:active {
  opacity: .85;
  color: #fff;
}

.product-description {
  position: absolute;
  inset: auto auto 30px 30px;
}

.product-price-text {
  opacity: .6;
  font-size: 14px;
  line-height: 26px;
}

.about-quote {
  text-align: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.picture-placeholder {
  background-color: #f4f4f4;
  background-image: url('../images/Placeholder-1.svg');
  background-position: 45%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 460px;
}

.picture-placeholder.cc-about-2 {
  background-image: url('../images/placeholder-1---wide.svg');
  background-position: 50%;
  background-size: cover;
  height: 620px;
}

.picture-placeholder.cc-about-3 {
  background-image: url('../images/placeholder-2.svg');
  background-position: 50%;
  background-size: cover;
}

.picture-placeholder.cc-about-1 {
  background-image: url('../images/placeholder-1_1.svg');
  background-position: 50%;
  background-size: cover;
}

.about-pictures-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: ". . ."
                       ". . .";
  margin-bottom: 150px;
}

.contact-name-field-wrap {
  width: 50%;
  padding-right: 10px;
}

.email-name-field-wrap {
  width: 50%;
  padding-left: 10px;
}

.get-in-touch-form-wrap {
  flex-direction: column;
  align-items: stretch;
  width: 70%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.get-in-touch-form {
  flex-direction: column;
  display: flex;
}

.credentials-inputs-wrap {
  display: flex;
}

.map {
  height: 460px;
  line-height: 20px;
}

.paragraph-contact-text {
  margin-bottom: 10px;
}

.grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: ". . . ."
  / 1fr 1fr 1fr 1fr;
  margin-top: 60px;
}

.support-link {
  opacity: .7;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  text-decoration: none;
  transition: opacity .2s;
}

.support-link:hover {
  opacity: 1;
}

.support-link:active {
  opacity: .8;
}

.contacts-section {
  text-align: center;
  margin-bottom: 100px;
}

.store-categories-wrap {
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.products-category-link {
  opacity: .6;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.products-category-link:hover {
  opacity: 1;
}

.products-category-link:active {
  opacity: .8;
}

.products-category-link.w--current {
  opacity: 1;
  letter-spacing: 1px;
  font-weight: 600;
}

.products-category-link.w--current:hover {
  opacity: .8;
}

.products-category-link.w--current:active {
  opacity: .7;
}

.collection-list {
  justify-content: center;
  display: flex;
}

.blog-list-wrap {
  margin-bottom: 100px;
}

.blog-item {
  flex-direction: column;
  justify-content: center;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.blog-preview-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 620px;
  margin-bottom: 45px;
  transition: opacity .6s;
  display: block;
}

.blog-preview-image:hover {
  opacity: .7;
}

.blog-summary-wrap {
  text-align: left;
  width: 70%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.utility-page-wrap {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 30px;
  display: flex;
}

._404-wrap {
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.protected-wrap {
  justify-content: center;
  padding-top: 90px;
  padding-bottom: 100px;
  display: flex;
}

.protected-heading {
  margin-bottom: 30px;
}

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

.product-detail-measurement {
  align-items: center;
  display: flex;
}

.product-detail-main-details {
  margin-bottom: 30px;
}

.product-details-wrap {
  width: 50%;
  max-width: 470px;
  margin-bottom: 20px;
  margin-left: 100px;
}

.add-to-cart {
  margin-top: 30px;
}

.product-image {
  background-color: #f4f4f4;
  background-image: url('../images/placeholder-1_1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 700px;
  margin-bottom: 30px;
  display: flex;
}

.product-detail-cta-wrap {
  margin-top: 0;
  display: flex;
}

.product-informations {
  margin-top: 25px;
  margin-bottom: 25px;
}

.list-item {
  justify-content: space-between;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.product-detail-price {
  opacity: .6;
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 52px;
}

.product-detail-name {
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 52px;
}

.product-detail-unit-text {
  margin-left: 6px;
}

.product-detail-unit-text.cc-middle-text {
  margin-right: 6px;
}

.total-count-text {
  font-weight: 600;
}

.block-header {
  border-color: #e4e4e4;
  padding: 16px 24px;
}

.block-content {
  border-bottom-color: #e4e4e4;
  border-left-color: #e4e4e4;
  border-right-color: #e4e4e4;
  padding: 24px 24px 12px;
  font-weight: 400;
}

.full-width-form {
  background-color: #f4f4f4;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  padding-top: 50px;
  padding-bottom: 50px;
}

.order-item-list {
  margin-bottom: -5px;
}

.order-item-description-wrap {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.order-item-content-wrap {
  margin-left: 24px;
}

.order-item-price {
  font-size: 14px;
}

.checkout-quantity-wrap {
  opacity: .6;
  font-size: 14px;
  line-height: 26px;
}

.order-confirmation-header-wrapper {
  font-weight: 100;
}

.select {
  height: 42px;
  margin-bottom: 16px;
}

.shipping-method {
  border-bottom-color: #e4e4e4;
  padding: 20px 24px;
}

.shipping-method-list {
  border-left-color: #e4e4e4;
  border-right-color: #e4e4e4;
}

.blog-detail-header-wrap {
  width: 70%;
  margin: 60px auto;
}

.blog-header-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 620px;
  margin-bottom: 60px;
  display: block;
}

.blog-header-image.w--current {
  margin-bottom: 60px;
}

.blog-heading-link {
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
  text-decoration: none;
}

.blog-heading-link:hover {
  opacity: .8;
}

.blog-heading-link:active {
  opacity: .7;
}

.option-list {
  font-size: 14px;
  line-height: 26px;
}

.cart-option-list {
  color: #a7a7a7;
  margin-top: 0;
  font-size: 14px;
  line-height: 26px;
}

.cart-option-wrap {
  margin-bottom: 0;
}

.option-item-value {
  color: #1a1b1f;
}

.apple-pay, .pay-with-browser {
  height: 42px;
}

.order-wrap {
  flex-basis: 750px;
}

.order-summary {
  flex-basis: 370px;
}

.billing-address-toggle-2 {
  align-items: stretch;
  margin-bottom: 10px;
}

.checkbox-label-2 {
  margin-bottom: 0;
}

.checkbox-2 {
  margin-top: 2px;
}

.cc-quantity-field-label {
  margin-bottom: 0;
}

.secondary-button {
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #fff;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
}

.secondary-button.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.image {
  min-width: 90%;
}

.nav-link {
  color: #0043e0;
}

.navbar {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white-opasity);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: block;
}

.body {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  background-color: #030015;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: stretch;
  justify-items: center;
  font-family: Inter, sans-serif;
  display: block;
}

.frame-1801288183 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.text {
  color: #fff;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 100%;
}

.text-2 {
  color: #cdd5e0;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 165%;
  text-decoration: none;
}

.we-build-products-that-shape-the-future-0 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.we-build-products-that-shape-the-future-0.about {
  font-size: 54px;
}

.we-build-products-that-shape-the-future-1 {
  color: #8b8bff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 125%;
  text-decoration: underline;
}

.frame-70 {
  grid-column-gap: 84px;
  grid-row-gap: 84px;
  justify-content: center;
  align-items: center;
  width: 871px;
  text-decoration: none;
  display: flex;
}

.logo-org-1 {
  object-fit: cover;
  overflow: hidden;
}

.navigation-2 {
  grid-column-gap: 30px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.text-3.w--current {
  font-family: Inter, sans-serif;
}

.text-4, .text-132456 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.text-132456.w--current {
  color: #6666de;
  font-weight: 600;
}

.button-login-and-request-demo {
  grid-column-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 48px;
  text-decoration: none;
  display: flex;
}

.button---request-demo {
  grid-column-gap: 10px;
  background-color: #6666de;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 48px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.divsection-header-badge {
  grid-column-gap: 8px;
  background-color: #fff0;
  border: 1px solid #4d2f8c;
  border-radius: 32px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 200px;
  max-width: none;
  height: 34px;
  margin-top: 140px;
  margin-bottom: 0;
  padding: 7px 13.75px 7px 15px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 -7px 11px #a48fff1f;
}

.divsection-header-badge.ser {
  width: 200px;
}

.divsection-header-badge.ser.rt {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  height: 34px;
  margin-top: 140px;
  padding-top: 7px;
  overflow: hidden;
}

.divsection-header-badge.about {
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 34px;
  margin-top: 148px;
  padding-top: 7px;
}

.divsection-header-badge.nmrt {
  justify-content: center;
  align-items: center;
  height: 34px;
  margin-top: 140px;
  padding-top: 7px;
}

.group-8 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 17.7756px;
  text-decoration: none;
  display: flex;
}

.text-6 {
  color: #fff6;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #e59cff, #ba9cff 50%, #9cb2ff);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.buttons {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 410px;
  text-decoration: none;
  display: flex;
}

.button---request-demo-2 {
  grid-column-gap: 10px;
  background-color: #6666de;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin-bottom: 0;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.text-7 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.button---watch-video {
  grid-column-gap: 8px;
  background-color: #080d20;
  border: 1px solid #4a5567;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 16px 24px 16px 16px;
  text-decoration: none;
  display: flex;
}

.frame-1801288186 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.iconsolidplay {
  object-fit: cover;
  overflow: hidden;
}

.text-8 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.container-2 {
  max-width: 100vh;
}

.container-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 400px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.container-3.career {
  height: 80vh;
}

.container-3.grt-in-touch {
  height: 60vh;
}

.container-3.serve {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
}

.image-2 {
  font-family: Oswald, sans-serif;
}

.container-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  z-index: 500;
  background-image: url('../images/background-image.png');
  background-position: 50% 0;
  background-size: cover;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: flex-start;
  place-items: center stretch;
  width: 100%;
  max-width: none;
  height: 810px;
  padding-top: 0;
  display: flex;
}

.logos {
  grid-column-gap: 25px;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.svg {
  object-fit: cover;
  width: 53px;
  height: 53px;
  overflow: hidden;
}

.svg.turbio {
  width: 240px;
}

.svg.ory {
  width: 120px;
  height: 39px;
}

.frame-66 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 145px;
  margin-top: 12px;
  text-decoration: none;
  display: flex;
}

._66015f4ddfce75e10853850c_star-32 {
  object-fit: cover;
  overflow: hidden;
}

.frame-64 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-9 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.text-10 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-67 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 145px;
  margin-top: 12px;
  text-decoration: none;
  display: flex;
}

._66015f4ddfce75e10853850a_presention-chart-32 {
  object-fit: cover;
  overflow: hidden;
}

.frame-65 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-11 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.text-12 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.container-5 {
  box-sizing: border-box;
  grid-column-gap: 200px;
  grid-row-gap: 200px;
  aspect-ratio: auto;
  object-fit: cover;
  background-image: url('../images/fort.svg');
  background-position: 0 0;
  background-repeat: repeat-y;
  background-size: cover;
  background-attachment: scroll;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-self: center;
  place-items: flex-start center;
  width: 745vh;
  max-width: 946px;
  max-height: 114px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 20px;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.frame-69 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 145px;
  margin-top: 12px;
  padding-top: 0;
  text-decoration: none;
  display: flex;
}

._66015f4ddfce75e10853850d_people-32 {
  object-fit: cover;
  overflow: hidden;
}

.frame-68 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-13 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.text-14 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.section-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 230px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.image-3 {
  position: absolute;
  transform: none;
}

.how-does {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 736px;
  text-decoration: none;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.frame-1801288189 {
  grid-column-gap: 10px;
  object-fit: cover;
  border: 1px solid #474f8b29;
  border-radius: 26px;
  justify-content: flex-start;
  align-items: center;
  width: 122px;
  height: 122px;
  padding: 5px;
  text-decoration: none;
  display: flex;
  position: static;
}

.text-15 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.join-the-10000-brands-around-the-worldpowerful-self-serve-product-analytics-to-help-you-convert {
  color: #cdd5e0;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 165%;
  text-decoration: none;
}

.button---request-demo-3 {
  grid-column-gap: 10px;
  background-color: #6666de;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.text-16 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.div-block {
  justify-content: center;
  align-items: center;
  height: 330px;
  margin-top: -100px;
  display: flex;
  position: absolute;
  inset: 37% 0% auto;
}

.section-3 {
  background-image: none;
  background-size: auto;
  flex-flow: column;
  width: 100%;
  margin-top: -60px;
  display: flex;
  position: relative;
}

.frame-1801288191 {
  background-image: url('../images/hd-bottom.svg');
  background-position: 50% 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  max-width: 958px;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

.frame-1801288191.ert {
  background-image: url('../images/hd-bottom.svg');
  background-position: 50% 0;
  background-size: cover;
}

.frame-1801288191.oper {
  margin-top: 0;
}

.frame-1801288190 {
  grid-column-gap: 111px;
  grid-row-gap: 10px;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.frame-61 {
  grid-row-gap: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 246px;
  height: 141px;
  padding-top: 12px;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

.text-17 {
  color: #6666de;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.frame-60 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-59 {
  grid-column-gap: 11px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.lucidepyramid {
  object-fit: cover;
  overflow: hidden;
}

.text-18 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.we-start-by-structuring-the-important-sections-by-structuring-the-important-page {
  color: #fff;
  text-align: left;
  width: 246px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-decoration: none;
}

.div-block-2 {
  text-align: left;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3 {
  background-image: url('../images/wiring.svg');
  background-position: 0 0;
  background-size: auto;
}

.section-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.section-4.edle {
  margin-top: -60px;
}

.frame-90 {
  grid-row-gap: 12px;
  background-color: #030015;
  background-image: url('../images/q-7bea4872.png.png');
  background-position: 50% 0;
  background-repeat: repeat-y;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 700px;
  max-width: none;
  height: 520px;
  padding-top: 200px;
  text-decoration: none;
  display: flex;
}

.divsection-header-badge-2 {
  background-color: #fff0;
  border: 1px solid #4d2f8c;
  border-radius: 32px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 34px;
  margin-top: 70px;
  padding: 7px 13.75px 7px 15px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -7px 11px #a48fff1f;
}

.all-product {
  color: #fff6;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #e59cff 0%, #ba9cff 50%, #9cb2ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.pseudomask-group {
  -webkit-backdrop-filter: blur(84px);
  backdrop-filter: blur(84px);
  border: 1px solid #000;
  position: absolute;
  top: 0;
  left: 0;
}

.pseudo {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 103.75px;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.heading-2-give-your-brain-superpowers {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #ffffffb3);
  -webkit-background-clip: text;
  background-clip: text;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 110%;
  text-decoration: none;
}

.psection-header-description {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 545px;
  padding-left: .98px;
  padding-right: 2.02px;
  text-decoration: none;
  display: flex;
}

.explore-cousyncs-complete-range-of-innovative-products-crafted-to-empower-your-digital-growth-and-st {
  color: #efedfdb3;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.divframer-1e2fvhv {
  grid-column-gap: 14px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  place-items: flex-start stretch;
  width: 100%;
  max-width: none;
  margin-top: 50px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  text-decoration: none;
  display: flex;
}

.divframer-j1t7xq-container {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.divframer-uh4v88 {
  background-color: #ffffff0d;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 546px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.divframer-1l7nj75 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.divframer-y2btkl {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 30px;
  padding-left: 24px;
  padding-right: 48px;
  text-decoration: none;
  display: flex;
}

.divframer-74mid6 {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 0;
  padding-left: 0;
  text-decoration: none;
  display: flex;
}

.span {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 450px;
  padding-bottom: .59px;
  padding-right: 194px;
  font-family: Inter, sans-serif;
  text-decoration: none;
  display: flex;
}

.text-19 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 33.6px;
  text-decoration: none;
}

.span-2 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 450px;
  padding-bottom: 1.19px;
  padding-right: 17px;
  text-decoration: none;
  display: flex;
}

.text-20 {
  color: #ffffffbf;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 28.6px;
  text-decoration: none;
}

.group-1000003129 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 450px;
  height: 500px;
  text-decoration: none;
  display: flex;
}

.divframer-1l4v4m-container {
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  height: 520px;
  text-decoration: none;
  display: flex;
}

.divframer-uh4v88-2 {
  background-color: #ffffff0d;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 546px;
  height: 520px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.divframer-uh4v88-2.ert {
  height: 520px;
}

.divframer-1l7nj75-2 {
  grid-row-gap: 14px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.divframer-y2btkl-2 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 30px;
  padding-left: 24px;
  padding-right: 48px;
  text-decoration: none;
  display: flex;
}

.span-3 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 450px;
  padding-bottom: .59px;
  padding-right: 231px;
  text-decoration: none;
  display: flex;
}

.span-4 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 450px;
  padding-bottom: 1.19px;
  padding-right: 37px;
  text-decoration: none;
  display: flex;
}

.text-21 {
  color: #ffffffbf;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28.6px;
  text-decoration: none;
}

.divhero-video {
  background-image: url('../images/Ransync.png');
  background-repeat: repeat-y;
  background-size: cover;
  width: 490px;
}

.divhero-video.vtr {
  background-image: url('../images/stynxio-image.png');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 14px;
}

.divhero-video.vtd.intro {
  background-image: url('../images/oryxio.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 14px;
}

.divhero-video.sty {
  background-image: url('../images/stynxio-image.png');
}

.divhero-video.trge {
  background-image: url('../images/oryxio.png');
}

.divhero-video.turbio {
  background-image: none;
}

.divhero-video-preview {
  background-color: #0000001a;
  border: .411184px solid #ffffff1a;
  border-radius: 9.86842px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  height: 352px;
  padding: 3.70066px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 0 #ffffff08;
}

.login {
  grid-row-gap: 3.41667px;
  background-color: #020617;
  border-radius: 5.76px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 492px;
  padding: 11.6167px 10.25px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1801288177 {
  grid-column-gap: 6.83333px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1801288178 {
  grid-row-gap: 6.15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-1801288171 {
  grid-column-gap: 3.41667px;
  border: .341667px undefined undefined;
  -webkit-backdrop-filter: blur(7.34583px);
  backdrop-filter: blur(7.34583px);
  background-image: linear-gradient(35.75deg, #ffffff80 0%, #fff0 100%);
  border-radius: 33.825px;
  justify-content: center;
  align-items: center;
  width: 33.825px;
  padding: 10.25px 7.85833px;
  text-decoration: none;
  display: flex;
  box-shadow: .683333px 1.36667px 10.25px #0000001a;
}

.frame-1801288170 {
  grid-row-gap: 11.6167px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 16.7417px;
  text-decoration: none;
  display: flex;
}

.frame-1801288174 {
  grid-row-gap: 5.46667px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.layer_1 {
  object-fit: cover;
  overflow: hidden;
}

.frame-1801288192 {
  grid-column-gap: 3.41667px;
  border: .341667px undefined undefined;
  -webkit-backdrop-filter: blur(7.34583px);
  backdrop-filter: blur(7.34583px);
  background-image: linear-gradient(14.23deg, #ffffff80 0%, #fff0 100%);
  border-radius: 33.825px;
  justify-content: center;
  align-items: center;
  width: 33.825px;
  padding: 11.9583px 7.85833px;
  text-decoration: none;
  display: flex;
  box-shadow: .683333px 1.36667px 10.25px #0000001a;
}

.frame-1801288167 {
  grid-row-gap: 1.36667px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-22 {
  color: #60a5fa;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5px;
  font-weight: 600;
  line-height: 6.83px;
  text-decoration: none;
}

.frame-1801288168 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-23 {
  color: #94a3b8;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5px;
  font-weight: 400;
  line-height: 6.83px;
  text-decoration: none;
}

.frame-1801288169 {
  grid-row-gap: 2.05px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.bold-arrows-action-logout-2 {
  object-fit: cover;
  border-radius: 1.70833px;
  overflow: hidden;
}

.frame-1801288176 {
  grid-row-gap: 6.15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1801288175 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 34.1667px;
  display: flex;
}

.card {
  grid-row-gap: 3.41667px;
  border: .341667px undefined undefined;
  -webkit-backdrop-filter: blur(7.34583px);
  backdrop-filter: blur(7.34583px);
  background-image: linear-gradient(64.75deg, #ffffff80 0%, #fff0 100%);
  border-radius: 5.46667px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 99.0833px;
  height: 34.1667px;
  padding: 23.9167px 10.25px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: .683333px 1.36667px 10.25px #0000001a;
}

.frame-1801288172 {
  grid-column-gap: 3.41667px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-24 {
  color: #60a5fa;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 7px;
  font-weight: 500;
  line-height: 10.93px;
  text-decoration: none;
}

.text-25 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 8px;
  font-weight: 500;
  line-height: 12.98px;
  text-decoration: none;
}

.text-26 {
  color: #4ade80;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 7px;
  font-weight: 500;
  line-height: 10.93px;
  text-decoration: none;
}

.text-27 {
  color: #facc15;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 7px;
  font-weight: 500;
  line-height: 10.93px;
  text-decoration: none;
}

.text-28 {
  color: #ef4444;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 7px;
  font-weight: 500;
  line-height: 10.93px;
  text-decoration: none;
}

.data-table {
  grid-row-gap: 5.46667px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.table-style {
  background-color: #020617;
  border: .341667px solid #334155;
  border-radius: 5.46667px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.data-table-header {
  grid-column-gap: 1.36667px;
  background-color: #0f172a;
  border: 0 solid #334155;
  border-bottom-width: .341667px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 430.842px;
  height: 22.2083px;
  text-decoration: none;
  display: flex;
}

.header-item {
  grid-column-gap: 2.73333px;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 16.4px;
  padding-left: 5.46667px;
  padding-right: 5.46667px;
  display: flex;
  overflow: hidden;
}

.header-title {
  color: #94a3b8;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5px;
  font-weight: 500;
  line-height: 6.83px;
  text-decoration: none;
}

.gap {
  grid-column-gap: 2.73333px;
  justify-content: flex-end;
  align-items: center;
  width: 23.2333px;
  height: 22.2083px;
  padding-left: 5.46667px;
  padding-right: 5.46667px;
  text-decoration: none;
  display: flex;
}

.table-rows {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.list-item-2 {
  grid-column-gap: 1.36667px;
  background-color: #020617;
  border: 0 solid #334155;
  border-bottom-width: .341667px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 430.842px;
  height: 22.2083px;
  text-decoration: none;
  display: flex;
}

.table-item {
  grid-column-gap: 2.73333px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 16.4px;
  padding-left: 5.46667px;
  padding-right: 5.46667px;
  display: flex;
  overflow: hidden;
}

.text-29 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5px;
  font-weight: 400;
  line-height: 6.83px;
  text-decoration: none;
}

.slot {
  grid-column-gap: 3.41667px;
  border: .341667px solid #4ade80;
  border-radius: 33.825px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 10.9333px;
  padding: 12.9833px 4.78333px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.slot-2 {
  color: #4ade80;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 400;
  line-height: 5.47px;
  text-decoration: none;
}

.cta-item {
  grid-column-gap: 2.73333px;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  height: 22.2083px;
  padding-left: 5.46667px;
  padding-right: 5.46667px;
  text-decoration: none;
  display: flex;
}

.dropdown {
  background-color: #020617;
  border: .341667px solid #334155;
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80.6333px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 .341667px 1.025px #1018281a, 0 .341667px .683333px #0000001a;
}

.partsheadertext {
  grid-column-gap: 3.41667px;
  border: 0 solid #334155;
  border-bottom-width: .341667px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 1.36667px 4.1px;
  text-decoration: none;
  display: flex;
}

.titlewrapper {
  grid-column-gap: 3.41667px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10.9333px;
  display: flex;
}

.title-style {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5px;
  font-weight: 600;
  line-height: 6.83px;
  text-decoration: none;
}

.icon-button {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 12.3px;
  height: 12.3px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 0 #cbd5e1, 0 0 #020617;
}

.focusring {
  border: .683333px solid #94a3b8;
  border-radius: 8px;
  position: absolute;
  top: -.683594px;
  left: -.68335px;
  overflow: hidden;
}

.slot-3 {
  grid-column-gap: 3.41667px;
  border: .341667px solid #facc15;
  border-radius: 33.825px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 10.9333px;
  padding: 12.9833px 4.78333px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.slot-4 {
  color: #facc15;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 400;
  line-height: 5.47px;
  text-decoration: none;
}

.icon-button-2 {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 12.3px;
  height: 12.3px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.slot-5 {
  grid-column-gap: 3.41667px;
  border: .341667px solid #ef4444;
  border-radius: 33.825px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 10.9333px;
  padding: 12.9833px 4.78333px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.slot-6 {
  color: #ef4444;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 400;
  line-height: 5.47px;
  text-decoration: none;
}

.divframer-1kdywd2 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 1401.87px;
  padding-bottom: 0;
  display: flex;
}

.divframer-1l4v4m-container-2 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 520px;
  text-decoration: none;
  display: flex;
}

.divframer-uh4v88-3 {
  background-color: #ffffff0d;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 546px;
  height: 520px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.divframer-1l7nj75-3 {
  grid-row-gap: 14px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.divframer-y2btkl-3 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 30px;
  padding-left: 24px;
  padding-right: 48px;
  text-decoration: none;
  display: flex;
}

.span-5 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 450px;
  padding-bottom: .59px;
  padding-right: 231px;
  text-decoration: none;
  display: flex;
}

.text-30 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 33.6px;
  text-decoration: none;
}

.one-solution-for-hr-payroll-and-workforce-analytics-save-time-reduce-errors-and-boost-team-productiv {
  color: #ffffffbf;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28.6px;
  text-decoration: none;
}

.divhero-video-preview-2 {
  background-color: #0000001a;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border: .411184px solid #ffffff1a;
  border-radius: 9.86842px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  height: 352px;
  padding: 3.70066px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 0 #ffffff08;
}

.employee-dashboard {
  background-color: #f6f6f6;
  border-radius: 5.75658px;
  overflow: hidden;
}

.text-31 {
  color: #000;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6px;
  font-weight: 400;
  line-height: 9.66px;
  text-decoration: none;
}

.text-32 {
  color: #443588;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 400;
  line-height: 9.66px;
  text-decoration: none;
}

.rectangle-1 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24.801px;
  height: 318.422px;
  text-decoration: none;
  display: flex;
}

.frame-14 {
  grid-column-gap: 2.85069px;
  background-color: #eeeefe;
  border-radius: 3.70589px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 1.14027px;
  text-decoration: none;
  display: flex;
}

.frame-13 {
  grid-row-gap: 1.14027px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 11.4027px;
  text-decoration: none;
  display: flex;
}

.frame-19 {
  grid-row-gap: 2.85069px;
  background-color: #fff;
  border-radius: 2.56562px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 11.4027px;
  padding: 2.28055px;
  display: flex;
}

.brightness-1--bright-adjust-brightness-adjustment-sun-raise-controls {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 6.55658px;
  height: 6.55635px;
  text-decoration: none;
  display: flex;
}

.frame-20 {
  object-fit: cover;
}

.frame-9 {
  grid-row-gap: 2.56562px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.nav-bar-icons {
  grid-column-gap: 2.85069px;
  justify-content: center;
  align-items: center;
  width: 13.6833px;
  height: 13.6833px;
  padding: 3.70589px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.rectangle-8 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 13.6833px;
  height: 13.6833px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.home-1--home-house-roof-shelter {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 6.35679px;
  height: 6.27151px;
  text-decoration: none;
  display: flex;
}

.bag-suitcase-4--product-business-briefcase {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 6.27823px;
  height: 6.27196px;
  text-decoration: none;
  display: flex;
}

.nav-bar-icons-2 {
  grid-column-gap: 2.85069px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 13.6833px;
  padding: 3.70589px;
  display: flex;
  position: relative;
}

.rectangle-9 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14.0068px;
  height: 13.6833px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.office-worker--office-worker-human-resources {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 6.2436px;
  height: 6.2719px;
  text-decoration: none;
  display: flex;
}

.vector {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #000;
}

.hierarchy-15--node-organization-links-structure-link-nodes-network-hierarchy {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 6.27151px;
  height: 6.27151px;
  text-decoration: none;
  display: flex;
}

.rectangle-10 {
  object-fit: cover;
  border-radius: 3.70589px;
}

.rectangle-1131 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 3.13576px;
  height: 93.7876px;
  text-decoration: none;
  display: flex;
}

.frame-501 {
  grid-column-gap: 3.42082px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-1801288193 {
  background-color: #fff;
  border-radius: 2.45292px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: .981167px .981167px .981167px 2.9435px;
  text-decoration: none;
  display: flex;
}

.frame-1801288194 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-style {
  grid-column-gap: 1.47175px;
  border-radius: 2.10624px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 1.96233px;
  padding-right: 2.9435px;
  text-decoration: none;
  display: flex;
}

.text-33 {
  color: #000;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 400;
  line-height: 8.38px;
  text-decoration: none;
}

.frame-62 {
  background-color: #e6e6ff;
  border-radius: 2.45292px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: .981167px .981167px .981167px 2.69821px;
  text-decoration: none;
  display: flex;
}

.vector-2 {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #22268d;
}

.text-34 {
  color: #22268d;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 400;
  line-height: 8.38px;
  text-decoration: none;
}

.text-35 {
  color: #6b6eb2;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 400;
  line-height: 8.38px;
  text-decoration: none;
}

.frame-1801288195 {
  grid-column-gap: 2.28055px;
  background-color: #fff;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-style-2 {
  grid-column-gap: 2.28055px;
  border: .427603px solid #dcdcdc;
  border-radius: 2.44779px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 3.42082px;
  padding-right: 3.42082px;
  text-decoration: none;
  display: flex;
}

.arrow-reload-horizontal-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 4.94103px;
  height: 4.56087px;
  text-decoration: none;
  display: flex;
}

.text-36 {
  color: #000;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5px;
  font-weight: 400;
  line-height: 9.74px;
  text-decoration: none;
}

.frame-617 {
  grid-row-gap: 3.18763px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 291.055px;
  height: 287.064px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.rectangle-1191 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 291.055px;
  height: 171.611px;
  text-decoration: none;
  display: flex;
}

.frame-1276 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 276.347px;
  text-decoration: none;
  display: flex;
}

.frame-545 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 138.598px;
  height: 11.0009px;
  text-decoration: none;
  display: flex;
}

.text-37 {
  color: #000;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.text-38 {
  color: #000;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-1248 {
  grid-row-gap: 9.40727px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 145.385px;
  display: flex;
}

.frame-1252 {
  grid-row-gap: 4.28575px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1254 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-604 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 137.602px;
  text-decoration: none;
  display: flex;
}

.text-39 {
  color: #000;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.frame-603 {
  grid-column-gap: 1.59744px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-style-3 {
  grid-column-gap: .903149px;
  background-color: #caffd5;
  border-radius: 1.29251px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 1.8063px;
  padding-right: 1.8063px;
  text-decoration: none;
  display: flex;
}

.text-40 {
  color: #0b671e;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3px;
  font-weight: 500;
  line-height: 5.14px;
  text-decoration: none;
}

.text-41 {
  color: #878787;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3px;
  font-weight: 400;
  line-height: 7.09px;
  text-decoration: none;
}

.frame-621 {
  grid-column-gap: 2.38922px;
  justify-content: flex-start;
  align-items: center;
  width: 137.602px;
  text-decoration: none;
  display: flex;
}

.frame-1271 {
  grid-column-gap: 2.28574px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-618 {
  grid-column-gap: 1.19461px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.organic-search {
  color: #4b5157;
  letter-spacing: -.142858px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 400;
  line-height: 5.14px;
  text-decoration: none;
}

.frame-1253 {
  grid-row-gap: 3.77812px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 276.347px;
  text-decoration: none;
  display: flex;
}

.frame-1251 {
  grid-row-gap: 1.88906px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.group-569 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 276.347px;
  height: 53.759px;
  text-decoration: none;
  display: flex;
}

.frame-1250 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 276.347px;
  text-decoration: none;
  display: flex;
}

.text-42 {
  color: #000;
  text-align: center;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-632 {
  grid-row-gap: 4.27603px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 275.661px;
  text-decoration: none;
  display: flex;
}

.frame-630 {
  grid-row-gap: 4.27603px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-626 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-627 {
  grid-column-gap: 1.14027px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-43 {
  color: #000;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-1801288196 {
  background-color: #f6f6f6;
  border-radius: 2.46226px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: .984902px 3.20093px .984902px .984902px;
  text-decoration: none;
  display: flex;
}

.button-style-4 {
  grid-column-gap: 1.47735px;
  background-color: #fff;
  border-radius: 2.11426px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2.95471px;
  padding-right: 2.95471px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 .984902px #81818140;
}

.text-44 {
  color: #000;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 400;
  line-height: 8.41px;
  text-decoration: none;
}

.button-style-5 {
  grid-column-gap: 1.47735px;
  border-radius: 2.11426px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2.95471px;
  padding-right: 2.95471px;
  text-decoration: none;
  display: flex;
}

.rectangle-1192 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 291.055px;
  height: 182.729px;
  text-decoration: none;
  display: flex;
}

.frame-1801288197 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 274.521px;
  height: 164.2px;
  text-decoration: none;
  display: flex;
}

.group-585 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 274.806px;
  height: 110.892px;
  text-decoration: none;
  display: flex;
}

.frame-624 {
  grid-row-gap: 3.99096px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 287.064px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.group-567 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 145.1px;
  height: 151.371px;
  text-decoration: none;
  display: flex;
}

.group-566 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 145.1px;
  height: 81.5297px;
  text-decoration: none;
  display: flex;
}

.divframer-uh4v88-4 {
  background-color: #ffffff0d;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 546px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.divframer-1l7nj75-4 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.divframer-y2btkl-4 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 47px;
  padding-left: 48px;
  padding-right: 48px;
  text-decoration: none;
  display: flex;
}

.span-6 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 450px;
  padding-bottom: .59px;
  padding-right: 194px;
  text-decoration: none;
  display: flex;
}

.span-7 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 450px;
  padding-bottom: 1.19px;
  padding-right: 17px;
  text-decoration: none;
  display: flex;
}

.an-ai-driven-platform-that-takes-you-from-idea-to-production-without-heavy-setup {
  color: #ffffffbf;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 400;
  line-height: 28.6px;
  text-decoration: none;
}

.divhero-video-preview-3 {
  background-color: #0000001a;
  border: .411184px solid #ffffff1a;
  border-radius: 9.86842px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 510px;
  height: 352px;
  padding: 3.70066px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 0 #ffffff08;
}

.employee-dashboard-2 {
  background-image: url('../images/');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5.75658px;
  min-height: 287px;
  overflow: hidden;
}

.divframer-j1t7xq-container-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.divframer-uh4v88-5 {
  background-color: #ffffff0d;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 546px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.divframer-1l7nj75-5 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 520px;
  text-decoration: none;
  display: flex;
}

.divframer-y2btkl-5 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 30px;
  padding-left: 24px;
  padding-right: 48px;
  text-decoration: none;
  display: flex;
}

.span-8 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 450px;
  padding-bottom: .59px;
  padding-right: 194px;
  text-decoration: none;
  display: flex;
}

.text-45 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 33.6px;
  text-decoration: none;
}

.span-9 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 450px;
  padding-bottom: 1.19px;
  padding-right: 17px;
  text-decoration: none;
  display: flex;
}

.an-ai-driven-platform-that-takes-you-from-idea-to-production-without-heavy-setup-2 {
  color: #ffffffbf;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 28.6px;
  text-decoration: none;
}

.frame-1801288198 {
  grid-row-gap: 3.18763px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 291.055px;
  height: 287.064px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.div-block-4 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  align-self: auto;
  padding-top: 0;
  display: flex;
}

.div-block-5 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  display: flex;
}

.section-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 1100px;
  margin-top: 60px;
  display: flex;
  position: relative;
}

.container-6 {
  background-image: url('../images/real-result-real-story.png');
  background-position: 50% 0;
  background-size: cover;
  align-self: flex-end;
  width: 1070px;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.frame-1801288199 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 736px;
  text-decoration: none;
  display: flex;
}

.text-46 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.text-47 {
  color: #cdd5e0;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 165%;
  text-decoration: none;
}

.button---request-demo-4 {
  grid-column-gap: 10px;
  background-color: #6666de;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.text-48 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.div-block-6 {
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 20px;
  display: flex;
  position: static;
}

.frame-77 {
  grid-row-gap: 33px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-76 {
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter: blur(3.5px);
  background-color: #9c94d0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 364px;
  display: flex;
}

.frame-1801288200 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.group-1000003138 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 38%;
  max-width: none;
  height: 222.223px;
  text-decoration: none;
  display: flex;
}

.frame-75 {
  grid-row-gap: 10px;
  background-image: linear-gradient(90deg, #621b43, #4f0468 50%, #621b43);
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 128px;
  padding: 23px 40px;
  display: flex;
}

.frame-74 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-left: 0;
  text-decoration: none;
  display: flex;
}

.text-49 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 165%;
  text-decoration: none;
}

.frame-17 {
  grid-column-gap: 37px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-16 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-50 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 165%;
  text-decoration: none;
}

.text-51 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 165%;
  text-decoration: none;
}

.frame-15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-52 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 165%;
  text-decoration: none;
}

.text-53 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 165%;
  text-decoration: none;
}

.frame-1801288201 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-54 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 165%;
  text-decoration: none;
}

.div-block-7 {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-110 {
  grid-row-gap: 0px;
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter: blur(3.5px);
  background-color: #070b19bf;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  height: 185px;
  padding: 19px 26px;
  text-decoration: none;
  display: flex;
}

.frame-109 {
  grid-column-gap: 100px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-102 {
  grid-row-gap: 10px;
  color: var(--daul);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 180px;
  text-decoration: none;
  display: flex;
}

.lucidepencil-ruler {
  object-fit: cover;
  width: 28px;
  max-width: 28px;
  height: 28px;
  max-height: 28px;
  overflow: hidden;
}

.frame-101 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-55 {
  color: #fff;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
}

.develop-a-strong-and-consistent-visual-identity-to-effectively-position-your-brand-in-the-market {
  color: #8f8ea8;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.what-you-can {
  clear: none;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 736px;
  margin-top: 100px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.what-you-can-expect-if-you-work-with-us {
  color: #fff;
  text-align: center;
  align-self: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 34px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.text-56 {
  color: #cdd5e0;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 165%;
  text-decoration: none;
}

.button---request-demo-5 {
  grid-column-gap: 10px;
  background-color: #6666de;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.text-57 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.div-block-8 {
  background-image: url('../images/bgret.png');
  background-position: 50% 0;
  background-size: cover;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 1050px;
  height: 500px;
  margin-top: 20px;
  display: flex;
}

.section-6 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 1101px;
  max-width: 1100px;
  margin-bottom: 20px;
  display: flex;
}

.frame-58 {
  grid-column-gap: 20px;
  grid-row-gap: 28px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 979px;
  margin-top: 20px;
  text-decoration: none;
  display: flex;
}

.button---request-demo-6 {
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  background-color: #080917;
  border: 1px solid #11132e;
  border-radius: 100px;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 292px;
  max-width: none;
  height: 50px;
  margin-top: 40px;
  padding: 16px 32px 16px 8px;
  text-decoration: none;
  display: flex;
}

.button---request-demo-7 {
  grid-column-gap: 10px;
  background-color: #6666de4d;
  border: 1px solid #11132e;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 16px 24px;
  text-decoration: none;
  display: flex;
}

.text-58 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.text-59 {
  color: #fff9;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.group-3585 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 979px;
  height: 474px;
  text-decoration: none;
  display: flex;
}

.frame-23 {
  grid-row-gap: 10px;
  background-color: #060711;
  border: 1px solid #474f8b3d;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 296px;
  height: 295px;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.frame-4 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.avatar-label-group {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.avatar {
  object-fit: cover;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-60 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.supporting-text {
  color: #71717a;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.frame-18 {
  grid-row-gap: 10px;
  background-color: #141427;
  border: 1px solid #474f8b4d;
  border-radius: 18px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 12px 10px;
  text-decoration: none;
  display: flex;
}

.text-61 {
  color: #fff;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 165%;
  text-decoration: none;
}

.frame-1801288202 {
  grid-row-gap: 10px;
  background-color: #0c0c18;
  border: 1px solid #474f8b4d;
  border-radius: 18px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 130px;
  padding: 12px 10px;
  text-decoration: none;
  display: flex;
}

.frame-24 {
  background-color: #0c0c18;
  border: 1px solid #474f8b4d;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 436px;
  padding: 12px 10px;
  text-decoration: none;
  display: flex;
}

.frame-1801288203 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.group-1000003139 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 602px;
  height: 268.223px;
  text-decoration: none;
  display: flex;
}

.frame-31 {
  grid-column-gap: 140px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  text-decoration: none;
  display: flex;
}

.frame-30 {
  grid-column-gap: 43px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-26 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 85px;
  text-decoration: none;
  display: flex;
}

._66015f4ddfce75e108538527_money-recive-1 {
  object-fit: cover;
  overflow: hidden;
}

.frame-25 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-62 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.text-63 {
  color: #fff;
  text-align: center;
  width: 100px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.text-64 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.container-7 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-5 {
  grid-row-gap: 10px;
  background-color: #060711;
  border: 1px solid #474f8b3d;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 474px;
  padding: 18px 19px;
  text-decoration: none;
  display: flex;
}

.frame-1801288204 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1801288205 {
  grid-row-gap: 10px;
  background-color: #141427;
  border: 1px solid #474f8b4d;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 12px 10px;
  text-decoration: none;
  display: flex;
}

.text-65 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 165%;
  text-decoration: none;
}

.frame-1801288206 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 736px;
  text-decoration: none;
  display: flex;
}

.text-66 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 34px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.text-67 {
  color: #cdd5e0;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 165%;
  text-decoration: none;
}

.button---request-demo-8 {
  grid-column-gap: 10px;
  background-color: #6666de;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.text-68 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.frame-1801288207 {
  grid-row-gap: 10px;
  background-color: #060711;
  border: 1px solid #474f8b3d;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 474px;
  padding: 18px 19px;
  text-decoration: none;
  display: flex;
}

.frame-1801288208 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1801288209 {
  grid-row-gap: 10px;
  background-color: #141427;
  border: 1px solid #474f8b4d;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 12px 10px;
  text-decoration: none;
  display: flex;
}

.text-69 {
  color: #fff;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 165%;
  text-decoration: none;
}

.frame-1801288210 {
  grid-row-gap: 10px;
  background-color: #060711;
  border: 1px solid #474f8b3d;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 474px;
  padding: 18px 19px;
  text-decoration: none;
  display: flex;
}

.frame-1801288211 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1801288212 {
  grid-row-gap: 10px;
  background-color: #141427;
  border: 1px solid #474f8b4d;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 12px 10px;
  text-decoration: none;
  display: flex;
}

.text-70 {
  color: #fff;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 165%;
  text-decoration: none;
}

.div-block-9 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-10 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-8 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-top: 100px;
  display: flex;
}

.footer-dark {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 50px 30px 15px;
  display: flex;
  position: relative;
}

.container-9 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.footer-link-2 {
  color: #1a1b1f;
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

.footer-link-2:hover {
  color: #1a1b1fbf;
}

.footer-social-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  margin-left: 12px;
}

.footer-divider {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 70px;
  margin-bottom: 15px;
}

.footer-copyright-center {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}

.div-block-11 {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}

.section-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #05060f;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.frame-1801288213 {
  grid-row-gap: 47px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1074px;
  text-decoration: none;
  display: flex;
}

.frame-1801288214 {
  grid-column-gap: 233px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1801288215 {
  grid-column-gap: 102px;
  flex: 0 auto;
  justify-content: space-around;
  align-items: center;
  width: 1000px;
  text-decoration: none;
  display: flex;
}

.frame-1801288216 {
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 199px;
  text-decoration: none;
  display: flex;
}

.frame-1801288217 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

._1-2345-678-90-12 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
}

.supportpersonalcom {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.frame-1801288218 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20%;
  text-decoration: none;
  display: flex;
}

.product {
  color: #fff;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.frame-51 {
  grid-row-gap: 24px;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 71px;
  text-decoration: none;
  display: flex;
}

.employee-database {
  opacity: .65;
  color: #fff;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.employee-database.ft {
  text-align: right;
}

.employee-database-2 {
  opacity: .65;
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.subscribe {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 248px;
  height: 103px;
  text-decoration: none;
  display: flex;
}

.divider-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1074px;
  height: 1px;
  text-decoration: none;
  display: flex;
}

.frame-1801288219 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1801288220 {
  grid-column-gap: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 140px;
  text-decoration: none;
  display: flex;
}

.frame-1801288221 {
  grid-column-gap: 10px;
  border: 1.5px solid #ffffff4d;
  border-radius: 99px;
  justify-content: flex-start;
  align-items: center;
  width: 35px;
  height: 35px;
  padding: 11px;
  text-decoration: none;
  display: flex;
}

.ic-linkedin {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 11.8699px;
  height: 11.8713px;
  text-decoration: none;
  display: flex;
}

.frame-1801288222 {
  grid-column-gap: 10px;
  border: 1.5px solid #ffffff4d;
  border-radius: 99px;
  justify-content: flex-start;
  align-items: center;
  width: 35px;
  height: 35px;
  padding: 11px 14px;
  text-decoration: none;
  display: flex;
}

.ic-facebook {
  object-fit: cover;
}

.frame-1801288223 {
  grid-row-gap: 10px;
  border: 1.5px solid #ffffff4d;
  border-radius: 99px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 35px;
  height: 35px;
  padding: 12px 11px;
  text-decoration: none;
  display: flex;
}

.group-3576 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 326px;
  height: 19px;
  text-decoration: none;
  display: flex;
}

.body-2 {
  background-color: #05060f;
}

.section-8 {
  height: 1000px;
  display: flex;
}

.frame-1801288224 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 450px;
  height: 530px;
  padding-top: 16px;
  padding-left: 16px;
  text-decoration: none;
  display: flex;
}

.cousync-pvt-ltd-connecting-ideas-creating-futures {
  color: #cdd5e0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 165%;
  text-decoration: none;
}

.based-in-lahore-cousync-pvt-ltd-is-a-forward-thinking-technology-company-driven-by-innovation-collab {
  color: #cdd5e0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 165%;
  text-decoration: none;
}

.div-block-12 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: absolute;
  inset: 78% 0% 0% 15%;
}

.section-9 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url('../images/bac-about-us.png');
  background-position: 0 0;
  background-size: auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.section-10 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  margin-top: 60px;
  display: flex;
}

.section-10.get-in-touch {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  margin-top: 0;
}

.section-10.ser {
  justify-content: flex-start;
  align-items: center;
  height: 590px;
  margin-top: 0;
}

.section-11 {
  background-image: url('../images/bac-about-us.png');
  background-position: 0 0;
  background-size: cover;
}

.section-12 {
  background-image: url('../images/background-image.png');
  background-position: 50% 0;
  background-repeat: repeat-y;
  background-size: cover;
  flex-flow: column;
  height: 100vh;
  display: flex;
}

.section-12.sew {
  height: 800px;
}

.container-10 {
  background-image: url('../images/real-result-real-story.png');
  background-position: 50% 0;
  background-size: cover;
  margin-top: -40px;
}

.div-block-13 {
  background-image: url('../images/footer-background.svg');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 380px;
  display: flex;
}

.frame-1801288225 {
  grid-column-gap: 56px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-1801288226 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 301px;
  text-decoration: none;
  display: flex;
}

.frame-1801288227 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-71 {
  color: #f4f0ff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.divfeatures-card-description {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-right: 34px;
  text-decoration: none;
  display: flex;
}

.cousync-pvt-ltd-founded-in-lahore-began-with-a-vision-to-reshape-technology-driven-by-curiosity-and {
  color: #efedfd99;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-1801288228 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 280px;
  text-decoration: none;
  display: flex;
}

.divfeatures-card-description-2 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-right: 49px;
  text-decoration: none;
  display: flex;
}

.frame-1801288229 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 256px;
  text-decoration: none;
  display: flex;
}

.divfeatures-card-description-3 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-right: 42px;
  text-decoration: none;
  display: flex;
}

.at-cousync-success-isnt-just-projects-delivered-its-the-real-impact-we-create-from-turning-client-v {
  color: #efedfd99;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.frame-1801288230 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-left: 0;
  padding-left: 100px;
  padding-right: 100px;
  text-decoration: none;
  display: flex;
}

.frame-1801288231 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20%;
  text-decoration: none;
  display: flex;
}

.frame-1801288232 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 196px;
  display: flex;
}

.text-72 {
  color: #f4f0ff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.cousync-pvt-ltd-founded-in-lahore-began-with-a-vision-to-reshape-technology-driven-by-curiosity-and-2, .at-cousync-success-isnt-just-projects-delivered-its-the-real-impact-we-create-from-turning-client-v-2 {
  color: #efedfd99;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.body-3 {
  background-color: #030014;
}

.container-wrapper {
  grid-column-gap: 20px;
  -webkit-backdrop-filter: blur(190px);
  backdrop-filter: blur(190px);
  background-color: #ffffff0a;
  border: 2px solid #0a0d170d;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1090px;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.container-wrapper.apply {
  width: 1000px;
  max-width: 1000px;
  height: auto;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.container-wrapper.nert {
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  margin-top: 0;
}

.form-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 41px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px;
  text-decoration: none;
  display: flex;
}

.form-heading {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.form-heading.hed {
  flex-flow: column;
}

.text-73 {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.text-74 {
  opacity: .8;
  color: #fff;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.form-style {
  grid-row-gap: 14px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.names {
  grid-column-gap: 14px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.fname {
  grid-row-gap: 10px;
  background-color: #ffffff0d;
  border: 1px solid #fff3;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 41px;
  padding: 12px 14px;
  text-decoration: none;
  display: flex;
}

.fname.credentials-inputs-wrap {
  width: 460px;
  height: 40px;
}

.text-75 {
  color: #fff9;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.message {
  grid-row-gap: 10px;
  background-color: #ffffff0d;
  border: 1px solid #fff3;
  border-radius: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 109px;
  padding: 12px 14px;
  display: flex;
}

.submit {
  grid-column-gap: 10px;
  background-color: #666edd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 12px 10px;
  display: flex;
}

.text-76 {
  color: #fff;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.image-box {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-4 {
  min-height: 536px, background-size: cover;
  background-image: url('../images/'), linear-gradient(0deg, #0a0d17 20%, #0a0d1700 100%), url('../images/');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
}

.frame-10 {
  grid-row-gap: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 466px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 425px;
  left: 28px;
}

.form-wrapper-2 {
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.form-wrapper-2.wrap {
  width: 94%;
  padding-left: 0;
}

.form-wrapper-2.wrap.we {
  flex-flow: column;
}

.form-wrapper-2.nht {
  flex-flow: column;
  width: 640px;
  max-width: 640px;
  padding: 0;
}

.text-77 {
  color: var(--primary-color);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.text-77.us, .text-77.pakistan {
  color: var(--white-opasity);
  font-size: 24px;
}

.text-77.lets {
  color: var(--white-opasity);
}

.text-78 {
  opacity: .8;
  color: #fff;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.text-79 {
  color: #fff9;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-80 {
  color: #fff;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.image-box-2 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: auto;
  padding-top: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.image-5 {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: auto;
}

.section-13 {
  z-index: 10;
  background-image: url('../images/background-image.png');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 760px;
}

.section-13.contact-page {
  background-image: url('../images/background-image.png');
  background-position: 50% 0;
  background-size: cover;
  height: auto;
}

.section-13.ytri {
  height: 640px;
}

.frame-70-copy {
  grid-column-gap: 84px;
  grid-row-gap: 84px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.body-4 {
  color: #1a1b1f;
  -webkit-text-stroke-color: #fff;
  background-color: #030014;
}

.image-6 {
  position: absolute;
}

.section-14 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.section-14.ser {
  width: 100%;
}

.section-14.ser.ptr {
  justify-content: flex-start;
  align-items: center;
  height: 590px;
  margin-top: 40px;
}

.container-11 {
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 450px;
  display: flex;
}

.container-11.ct {
  background-image: url('../images/q-44e26a19.png.png');
  background-position: 50% 0;
}

.container-11.ct.ed {
  background-image: url('../images/q-44e26a19.png.png');
  background-size: cover;
  width: 50%;
  height: 860px;
}

.frame-1801288233 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 666px;
  margin-top: 40px;
  text-decoration: none;
  display: flex;
}

.frame-1801288233.er {
  margin-top: 340px;
}

.divsection-header-badge-3 {
  background-color: #fff0;
  border: 1px solid #4d2f8c;
  border-radius: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 13.75px 7px 15px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -7px 11px #a48fff1f;
}

.text-81 {
  color: #fff6;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #e59cff, #ba9cff 50%, #9cb2ff);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.pseudomask-group-2 {
  -webkit-backdrop-filter: blur(84px);
  backdrop-filter: blur(84px);
  border: 1px solid #000;
  position: absolute;
  top: 0;
  left: 0;
}

.pseudo-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 103.75px;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.heading-2-give-your-brain-superpowers-2 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #ffffffb3);
  -webkit-background-clip: text;
  background-clip: text;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  text-decoration: none;
}

.psection-header-description-2 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 690px;
  padding-left: .98px;
  padding-right: 2.02px;
  text-decoration: none;
  display: flex;
}

.explore-cousyncs-comprehensive-range-of-services-designed-to-meet-all-your-digital-needs {
  color: #efedfdb3;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-34 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 466px;
  height: 486px;
  padding: 32px 23px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 0 40px #9393ff33;
}

.divtechnical-lightning {
  background-image: linear-gradient(117.5deg, #a9a3c247 1%, #a9a3c20d 21%);
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
}

.divtechnical-lightning-inner {
  background-color: #0a0118;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 464px;
  height: 484px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.technical-lightning-backgroundpng {
  object-fit: cover;
  width: 200px;
  position: absolute;
  top: 0;
  left: 0;
}

.divlazy-background-imagemask-group {
  position: absolute;
  top: 0;
  left: 0;
}

.image-7 {
  object-fit: cover;
  border-radius: 20px;
}

.frame-32 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 387px;
  text-decoration: none;
  display: flex;
}

.frame-33 {
  grid-row-gap: 14px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-97 {
  grid-column-gap: 10px;
  border: 1px undefined undefined;
  background-image: linear-gradient(141.75deg, #6666de 0%, #373778 100%);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  padding: 17px;
  text-decoration: none;
  display: flex;
}

.text-82 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
}

.text-83 {
  color: #8f8ea8;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.user-research-analysis-wireframing-prototyping-visual-design-usability-testing-brand-identity-desi {
  color: #8f8ea8;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.button---request-demo-9 {
  border: 1px solid #6666de;
  border-radius: 100px;
  padding: 16px 32px;
}

.text-84 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.frame-1801288234 {
  grid-column-gap: 10px;
  box-shadow: none;
  background-image: url('../images/div.technical-lightning.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 466px;
  height: 486px;
  padding: 32px 23px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.frame-1801288234.hover {
  margin-top: -10px;
  padding-top: 32px;
}

.divtechnical-lightning-inner-2 {
  background-color: #0a0118;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 464px;
  height: 484px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.frame-1801288235 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 387px;
  text-decoration: none;
  display: flex;
}

.frame-1801288236 {
  grid-row-gap: 11px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1801288237 {
  grid-column-gap: 10px;
  border: 1px undefined undefined;
  background-image: linear-gradient(141.75deg, #6666de 0%, #373778 100%);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  padding: 17px;
  text-decoration: none;
  display: flex;
}

.text-85 {
  color: #fff;
  width: 410px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
}

.text-86 {
  color: #8f8ea8;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.button---request-demo-10 {
  background-color: #6666de00;
  border: 1px solid #6666de;
  border-radius: 100px;
  padding: 16px 32px;
  text-decoration: none;
  transition: none;
}

.button---request-demo-10:hover {
  background-color: #6666de;
}

.text-87 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.div-block-14 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.div-block-15 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-15 {
  width: 100%;
  margin-top: 20px;
}

.container-12 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.container-13 {
  background-image: url('../images/2nd-bes.png');
  background-position: 50% 0;
  background-repeat: repeat-y;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 948px;
  height: 432px;
  display: flex;
}

.divintegrations-item {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 468px;
  padding: 19px 66px;
  text-decoration: none;
  display: flex;
}

.frame-1801288238 {
  grid-row-gap: 14px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.passkey {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  text-decoration: none;
  display: flex;
}

.text-88 {
  color: #f4f0ff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.our-team-delivers-reliable-tailored-solutions-backed-by-years-of-expertise-to-meet-your-unique-needs {
  color: #efedfdb3;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.divintegrations-item-2 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 468px;
  padding: 19px 51px;
  text-decoration: none;
  display: flex;
}

.frame-1801288239 {
  grid-row-gap: 14px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.percent_discount {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  text-decoration: none;
  display: flex;
}

.text-89 {
  color: #f4f0ff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.we-provide-high-quality-services-at-competitive-rates-ensuring-maximum-value-for-your-investment {
  color: #efedfdb3;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.div-block-16 {
  display: flex;
}

.divintegrations-item-3 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 468px;
  padding: 20px 48px;
  text-decoration: none;
  display: flex;
}

.frame-1801288240 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.fluentfast-acceleration-20-filled {
  object-fit: cover;
  overflow: hidden;
}

.text-90 {
  color: #f4f0ff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.get-quick-assistance-whenever-you-need-it-with-a-support-team-that-truly-cares-about-your-satisfacti {
  color: #efedfdb3;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.divintegrations-item-4 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 468px;
  padding: 20px 54px;
  text-decoration: none;
  display: flex;
}

.frame-1801288241 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.tokensolve {
  object-fit: cover;
  overflow: hidden;
}

.text-91 {
  color: #f4f0ff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.your-success-is-our-priority-we-design-every-service-around-your-goals-for-the-best-possible-result {
  color: #efedfdb3;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.div-block-17 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-1801288242 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 452px;
  margin-top: 0;
  text-decoration: none;
  display: flex;
}

.divsection-header-badge-4 {
  background-color: #fff0;
  border: 1px solid #4d2f8c;
  border-radius: 32px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 34px;
  padding: 7px 13.75px 7px 15px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -7px 11px #a48fff1f;
}

.text-92 {
  color: #fff6;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #e59cff, #ba9cff 50%, #9cb2ff);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.pseudomask-group-3 {
  -webkit-backdrop-filter: blur(84px);
  backdrop-filter: blur(84px);
  border: 1px solid #000;
  position: absolute;
  top: 0;
  left: 0;
}

.why-choose-our-services {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #ffffffb3);
  -webkit-background-clip: text;
  background-clip: text;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 56px;
  font-weight: 600;
  line-height: 64px;
  text-decoration: none;
}

.section-16 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.container-14 {
  background-image: url('../images/div.technical-lightning.png');
  background-position: 0 0;
  background-size: auto;
  width: 100vw;
  max-width: 100vw;
}

.section-17 {
  background-image: url('../images/background-image.png');
  background-position: 0 0;
  background-size: auto;
}

.body-5 {
  background-color: #030014;
}

.container-15 {
  background-image: url('../images/background-image.png');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  max-width: none;
}

.expert-team {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 700px;
  margin-top: 0;
  margin-bottom: 60px;
  text-decoration: none;
  display: flex;
}

.divsection-header-badge-5 {
  grid-column-gap: 8px;
  background-color: #fff0;
  border: 1px solid #4d2f8c;
  border-radius: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-top: 140px;
  padding: 5px 13.75px 7px 15px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 -7px 11px #a48fff1f;
}

.group-1000003140 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 17.7756px;
  text-decoration: none;
  display: flex;
}

.text-93 {
  color: #fff6;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #e59cff 0%, #ba9cff 50%, #9cb2ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.heading {
  grid-row-gap: 20px;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-50 {
  grid-row-gap: 7px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-94 {
  opacity: .9;
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 110%;
  text-decoration: none;
}

.talented-professionals-passionate-about-creating-exceptional-digital-experiences-each-team-member-br {
  opacity: .7;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 165%;
  text-decoration: none;
}

.talented-professionals-passionate-about-creating-exceptional-digital-experiences-each-team-member-br.years-experience {
  width: 180px;
}

.frame-49 {
  grid-column-gap: 150px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-46 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 158px;
  text-decoration: none;
  display: flex;
}

.text-95 {
  opacity: .9;
  color: #8282ff;
  text-align: center;
  letter-spacing: -.03em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text-96 {
  opacity: .7;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.button-style-6 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 354px;
  height: 50px;
  text-decoration: none;
  display: flex;
}

.div-block-18 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: #6666de;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
  overflow-x: hidden;
}

.section-18 {
  background-image: none;
  background-size: auto;
  width: 100%;
}

.team {
  grid-column-gap: 10px;
  background-color: #141427;
  border: 1px solid #474f8b4d;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 303px;
  height: 365px;
  padding: 35px 24px;
  text-decoration: none;
  display: flex;
}

.frame-79 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 254px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.ellipse-162 {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #474f8b80;
  border-radius: 999px;
  width: auto;
  position: absolute;
  inset: 0% 0% 0% 60px;
}

.frame-78 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 178px;
  text-decoration: none;
  display: flex;
}

.text-97 {
  color: #fff;
  text-align: center;
  width: 200px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 165%;
  text-decoration: none;
}

.text-98 {
  color: #8282ff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 165%;
  text-decoration: none;
}

.creative-designer-with-a-passion-for-user-centered-design-and-exceptional-user-experiences {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 165%;
  text-decoration: none;
}

.container-16 {
  background-image: url('../images/div.research-radar.png');
  background-position: 50% 0;
  background-size: cover;
  height: 510px;
}

.frame-1801288244 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.heading-2-give-your-brain-superpowers-3 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #ffffffb3);
  -webkit-background-clip: text;
  background-clip: text;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  text-decoration: none;
}

.explore-cousyncs-comprehensive-range-of-services-designed-to-meet-all-your-digital-needs-2 {
  color: #efedfdb3;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.div-block-19 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.div-block-20 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.section-19 {
  width: 100%;
  height: 900px;
}

.depth-3-frame-0 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 960px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.depth-4-frame-0 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.depth-5-frame-0 {
  grid-column-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 359px;
  margin-top: 30px;
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.depth-6-frame-0 {
  -webkit-text-stroke-color: #fff0;
  border-radius: 24px;
  overflow: hidden;
}

.divhero-video-preview-4 {
  background-color: #ffffff1a;
  border: .411184px solid #ffffff1a;
  border-radius: 9.86842px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 490px;
  max-width: 500px;
  height: 325.247px;
  padding: 3.70066px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 0 #ffffff08;
}

.divhero-video-preview-4.herot {
  -webkit-text-stroke-color: #fff0;
  background-color: #fff0;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.divhero-video-preview-4.trobt {
  background-image: none;
  background-position: 0 0;
}

.divhero-video-preview-4.dertu {
  background-image: url('../images/full-HD.png');
  background-position: 50% 0;
  background-size: cover;
}

.employee-dashboard-3 {
  background-color: #f6f6f6;
  border-radius: 5.75658px;
  overflow: hidden;
}

.text-99 {
  color: #000;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6px;
  font-weight: 400;
  line-height: 9.66px;
  text-decoration: none;
}

.text-100 {
  color: #443588;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 400;
  line-height: 9.66px;
  text-decoration: none;
}

.rectangle-1193 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24.801px;
  height: 318.422px;
  text-decoration: none;
  display: flex;
}

.frame-1801288245 {
  grid-column-gap: 2.85069px;
  background-color: #eeeefe;
  border-radius: 3.70589px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 1.14027px;
  text-decoration: none;
  display: flex;
}

.frame-1801288246 {
  grid-row-gap: 1.14027px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 11.4027px;
  text-decoration: none;
  display: flex;
}

.frame-1801288247 {
  grid-row-gap: 2.85069px;
  background-color: #fff;
  border-radius: 2.56562px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 11.4027px;
  padding: 2.28055px;
  display: flex;
}

.brightness-1--bright-adjust-brightness-adjustment-sun-raise-controls-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 6.55734px;
  height: 6.55637px;
  text-decoration: none;
  display: flex;
}

.frame-1801288248 {
  object-fit: cover;
}

.frame-1801288249 {
  grid-row-gap: 2.56562px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.nav-bar-icons-3 {
  grid-column-gap: 2.85069px;
  justify-content: center;
  align-items: center;
  width: 13.6833px;
  height: 13.6833px;
  padding: 3.70589px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.rectangle-1194 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 13.6833px;
  height: 13.6833px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.home-1--home-house-roof-shelter-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 6.35679px;
  height: 6.27151px;
  text-decoration: none;
  display: flex;
}

.bag-suitcase-4--product-business-briefcase-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 6.27823px;
  height: 6.27196px;
  text-decoration: none;
  display: flex;
}

.nav-bar-icons-4 {
  grid-column-gap: 2.85069px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 13.6833px;
  padding: 3.70589px;
  display: flex;
  position: relative;
}

.rectangle-1195 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14.0068px;
  height: 13.6833px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.office-worker--office-worker-human-resources-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 6.24335px;
  height: 6.2719px;
  text-decoration: none;
  display: flex;
}

.vector-3 {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #000;
}

.hierarchy-15--node-organization-links-structure-link-nodes-network-hierarchy-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 6.27056px;
  height: 6.27154px;
  text-decoration: none;
  display: flex;
}

.rectangle-1196 {
  object-fit: cover;
  border-radius: 3.70589px;
}

.rectangle-1197 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 3.13576px;
  height: 93.7876px;
  text-decoration: none;
  display: flex;
}

.frame-1801288250 {
  grid-column-gap: 3.42082px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-1801288251 {
  background-color: #fff;
  border-radius: 2.45292px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: .981167px .981167px .981167px 2.9435px;
  text-decoration: none;
  display: flex;
}

.frame-1801288252 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-style-7 {
  grid-column-gap: 1.47175px;
  border-radius: 2.10624px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 1.96233px;
  padding-right: 2.9435px;
  text-decoration: none;
  display: flex;
}

.text-101 {
  color: #000;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 400;
  line-height: 8.38px;
  text-decoration: none;
}

.frame-1801288253 {
  background-color: #e6e6ff;
  border-radius: 2.45292px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: .981167px .981167px .981167px 2.69821px;
  text-decoration: none;
  display: flex;
}

.vector-4 {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #22268d;
}

.text-102 {
  color: #22268d;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 400;
  line-height: 8.38px;
  text-decoration: none;
}

.text-103 {
  color: #6b6eb2;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 400;
  line-height: 8.38px;
  text-decoration: none;
}

.frame-1801288254 {
  grid-column-gap: 2.28055px;
  background-color: #fff;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-style-8 {
  grid-column-gap: 2.28055px;
  border: .427603px solid #dcdcdc;
  border-radius: 2.44779px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 3.42082px;
  padding-right: 3.42082px;
  text-decoration: none;
  display: flex;
}

.arrow-reload-horizontal-2-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 4.94103px;
  height: 4.56087px;
  text-decoration: none;
  display: flex;
}

.text-104 {
  color: #000;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5px;
  font-weight: 400;
  line-height: 9.74px;
  text-decoration: none;
}

.frame-1801288255 {
  grid-row-gap: 3.18763px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 291.055px;
  height: 287.064px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.rectangle-1198 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 291.055px;
  height: 171.611px;
  text-decoration: none;
  display: flex;
}

.frame-1801288256 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 276.347px;
  text-decoration: none;
  display: flex;
}

.frame-1801288257 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 138.598px;
  height: 11.0009px;
  text-decoration: none;
  display: flex;
}

.text-105 {
  color: #000;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.text-106 {
  color: #000;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-1801288258 {
  grid-row-gap: 9.40727px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 145.385px;
  display: flex;
}

.frame-1801288259 {
  grid-row-gap: 4.28575px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1801288260 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter, sans-serif;
  text-decoration: none;
  display: flex;
}

.frame-1801288261 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 137.602px;
  text-decoration: none;
  display: flex;
}

.text-107 {
  color: #000;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.frame-1801288262 {
  grid-column-gap: 1.59744px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-style-9 {
  grid-column-gap: .903149px;
  background-color: #caffd5;
  border-radius: 1.29251px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 1.8063px;
  padding-right: 1.8063px;
  text-decoration: none;
  display: flex;
}

.text-108 {
  color: #0b671e;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3px;
  font-weight: 500;
  line-height: 5.14px;
  text-decoration: none;
}

.text-109 {
  color: #878787;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3px;
  font-weight: 400;
  line-height: 7.09px;
  text-decoration: none;
}

.frame-1801288263 {
  grid-column-gap: 2.38922px;
  justify-content: flex-start;
  align-items: center;
  width: 137.602px;
  text-decoration: none;
  display: flex;
}

.frame-1801288264 {
  grid-column-gap: 2.28574px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-1801288265 {
  grid-column-gap: 1.19461px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.organic-search-2 {
  color: #4b5157;
  letter-spacing: -.142858px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 400;
  line-height: 5.14px;
  text-decoration: none;
}

.frame-1801288266 {
  grid-row-gap: 3.77812px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 276.347px;
  text-decoration: none;
  display: flex;
}

.frame-1801288267 {
  grid-row-gap: 1.88906px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.group-1000003141 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 276.347px;
  height: 53.759px;
  text-decoration: none;
  display: flex;
}

.frame-1801288268 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 276.347px;
  text-decoration: none;
  display: flex;
}

.text-110 {
  color: #000;
  text-align: center;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-1801288269 {
  grid-row-gap: 4.27603px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 275.661px;
  text-decoration: none;
  display: flex;
}

.frame-1801288270 {
  grid-row-gap: 4.27603px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1801288271 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1801288272 {
  grid-column-gap: 1.14027px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-111 {
  color: #000;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-1801288273 {
  background-color: #f6f6f6;
  border-radius: 2.46226px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: .984902px 3.20093px .984902px .984902px;
  text-decoration: none;
  display: flex;
}

.button-style-10 {
  grid-column-gap: 1.47735px;
  background-color: #fff;
  border-radius: 2.11426px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2.95471px;
  padding-right: 2.95471px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 .984902px #81818140;
}

.text-112 {
  color: #000;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4px;
  font-weight: 400;
  line-height: 8.41px;
  text-decoration: none;
}

.button-style-11 {
  grid-column-gap: 1.47735px;
  border-radius: 2.11426px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2.95471px;
  padding-right: 2.95471px;
  text-decoration: none;
  display: flex;
}

.rectangle-1199 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 291.055px;
  height: 182.729px;
  text-decoration: none;
  display: flex;
}

.frame-1801288274 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 274.521px;
  height: 164.2px;
  text-decoration: none;
  display: flex;
}

.group-1000003142 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 274.807px;
  height: 110.892px;
  text-decoration: none;
  display: flex;
}

.frame-1801288275 {
  grid-row-gap: 3.99096px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 287.064px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.group-1000003143 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 145.1px;
  height: 151.371px;
  text-decoration: none;
  display: flex;
}

.group-1000003144 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 145.1px;
  height: 81.5297px;
  text-decoration: none;
  display: flex;
}

.depth-6-frame-1 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 400px;
  height: 279px;
  padding-top: 40px;
  text-decoration: none;
  display: flex;
}

.depth-7-frame-0 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.depth-8-frame-0 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  text-decoration: none;
  display: flex;
}

.text-113 {
  color: #fff;
  letter-spacing: -2px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
  text-decoration: none;
}

.one-solution-for-hr-payroll-and-workforce-analytics-save-time-reduce-errors-and-boost-team-productiv-2 {
  color: #ffffffbf;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 165%;
  text-decoration: none;
}

.depth-7-frame-1 {
  background-color: #6666de;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 84px;
  max-width: 400px;
  height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.depth-8-frame-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-114 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.depth-4-frame-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 100px;
  padding: 20px 16px 12px;
  text-decoration: none;
  display: flex;
}

.depth-4-frame-1.overview {
  margin-top: 0;
}

.depth-4-frame-1.questions, .depth-4-frame-1.timeline {
  margin-top: 10px;
}

.text-115 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
}

.depth-4-frame-2 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.depth-5-frame-2 {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 58px;
  text-decoration: none;
  display: flex;
}

.depth-6-frame-2 {
  grid-column-gap: 6px;
  background-color: #141427;
  border: 1px solid #474f8b4d;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 58px;
  padding: 12px 10px;
  text-decoration: none;
  display: flex;
}

.depth-8-frame-3 {
  overflow: hidden;
}

.text-116 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.depth-4-frame-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 4px 16px 12px;
  text-decoration: none;
  display: flex;
}

.text-117 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.depth-5-frame-3 {
  grid-row-gap: 10px;
  background-color: #141427;
  border: 1px solid #474f8b4d;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 6px 10px;
  text-decoration: none;
  display: flex;
}

.depth-6-frame-3 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  display: flex;
}

.depth-7-frame-2 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-118 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  text-decoration: none;
}

.platform-web-mobile-cross-platform-support-database-secure-cloud-based-storage-with-role-based-acce {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  text-decoration: none;
}

.text-119 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-decoration: none;
}

.frame-100 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 944px;
  text-decoration: none;
  display: flex;
}

.frame-99 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.text-120 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
}

.frame-98 {
  grid-column-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1801288276 {
  grid-row-gap: 10px;
  background-color: #060711;
  border: 1px solid #474f8b3d;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 456px;
  padding: 18px 19px;
  text-decoration: none;
  display: flex;
}

.avatar-label-group-2 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.avatar-2 {
  object-fit: cover;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-121 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.supporting-text-2 {
  color: #71717a;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.frame-1801288277 {
  grid-row-gap: 10px;
  background-color: #141427;
  border: 1px solid #474f8b4d;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 12px 10px;
  text-decoration: none;
  display: flex;
}

.text-122 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 165%;
  text-decoration: none;
}

.q1-how-secure-is-employee-data-in-ransync-ans-ransync-uses-advanced-encryption-and-role-based-access {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-decoration: none;
}

.q1-how-secure-is-employee-data-in-ransync-ans-ransync-uses-advanced-encryption-and-role-based-access-2 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-decoration: none;
}

.body-6 {
  background-color: #030014;
}

.container-17 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.section-20 {
  color: #fff;
  margin-top: 0;
  display: block;
}

.link-block, .link-block-2, .link-block-3, .link-block-4, .link-block-5, .link-block-6, .link-block-7, .link-block-8, .link-block-9 {
  text-decoration: none;
}

.text-block {
  color: #6666de;
  font-weight: 600;
}

.text-block-2 {
  color: #6666de;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.text-block-3 {
  color: #fff;
  font-family: Inter, sans-serif;
}

.text-block-4 {
  text-decoration: none;
}

.link-block-10 {
  color: #6666de;
  font-weight: 600;
  text-decoration: none;
}

.link {
  font-weight: 400;
}

.link.w--current {
  color: #6666de;
  font-weight: 600;
  text-decoration: none;
}

.link-block-11 {
  text-decoration: none;
}

.form {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.text-field-2 {
  color: #fff;
  background-color: #ffffff0d;
  border: 1px solid #fff3;
  border-radius: 6px;
  width: 100%;
  height: 41px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
}

.text-field-2:focus {
  border-color: #6666de;
}

.text-field-4 {
  color: #fff;
  background-color: #ffffff0d;
  border: 1px solid #fff3;
  border-radius: 6px;
  width: 100%;
  height: 41px;
  margin-bottom: 0;
  padding-left: 12px;
  font-family: Inter, sans-serif;
}

.text-field-4:focus {
  border-color: #6666de;
}

.text-field-4.id {
  float: none;
  height: 110px;
  padding-top: 0;
  position: static;
  top: 0;
}

.div-block-21 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.form-block-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.div-block-22 {
  width: 100%;
}

.submit-button {
  background-color: var(--primary-color);
  border-radius: 100px;
  height: 50px;
  font-family: Inter, sans-serif;
}

.div-block-22-copy {
  width: 100%;
}

.list {
  color: #8f8ea8;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
}

.list-item-3, .list-item-4, .list-item-5, .list-item-6, .list-item-7, .list-item-8 {
  margin-bottom: 0;
  font-family: Inter, sans-serif;
}

.hover-effect {
  grid-row-gap: 10px;
  border: 13px solid #474f8b00;
  border-radius: 68px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 136px;
  height: 136px;
  padding: 76px 8px 20px;
  text-decoration: none;
  display: flex;
}

.frame-86 {
  grid-column-gap: 11px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-85 {
  grid-column-gap: 10px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #ffffff3d;
  border: 1px solid #ffffff80;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  text-decoration: none;
  display: flex;
}

.lucideinstagram {
  object-fit: cover;
  overflow: hidden;
}

.frame-84 {
  grid-column-gap: 10px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #ffffff3d;
  border: 1px solid #ffffff80;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 5px 6px;
  text-decoration: none;
  display: flex;
}

.div-block-23 {
  background-image: url('../images/time-line.svg');
  background-position: 50% 0;
  background-repeat: repeat-y;
  background-size: cover;
  width: 100%;
  height: 150px;
  margin-top: 60px;
  display: flex;
}

.frame-1801288278 {
  grid-row-gap: 103px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 151px;
  margin-top: 40px;
  margin-left: 10px;
  text-decoration: none;
  display: flex;
}

.frame-1801288278.second {
  grid-row-gap: 106px;
  margin-top: -19px;
  margin-left: 0;
}

._2017 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

._2017.scaling {
  color: #ffffff4d;
}

.text-132457 {
  color: #69ff82;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-132457.sccomp {
  color: #ffffff4d;
  line-height: 100%;
}

.text-132457.finpr {
  color: #dfff69;
}

.list-item-9 {
  color: #fff;
  -webkit-text-stroke-color: #fff;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.list-item-10 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.list-item-11, .list-item-12, .list-item-13, .list-item-14 {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.list-item-15 {
  font-family: Inter, sans-serif;
  font-size: 14px;
}

.list-2, .list-3 {
  margin-top: 0;
  padding-left: 20px;
}

.div-block-24, .div-block-25 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  display: flex;
}

.container-18 {
  width: 100%;
}

.navbar-logo-left-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  width: 870px;
  max-width: 1140px;
  height: 90px;
  margin-bottom: 0;
  padding: 0;
  position: static;
}

.container-21 {
  cursor: auto;
  width: 930px;
  max-width: 940px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.nav-menu-wrapper {
  align-self: center;
}

.nav-menu-two {
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 0;
  display: flex;
}

.nav-link-2 {
  color: #fff;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-2:hover {
  color: #1a1b1fbf;
}

.nav-link-2:focus-visible, .nav-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link-2.home {
  color: #6666de;
  font-weight: 600;
}

.nav-link-2.home.w--current {
  color: #6666de;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.nav-link-2.home.rt.w--current {
  color: #fff;
}

.nav-link-2.home.n {
  color: #fff;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.nav-link-2.home.n.w--current, .nav-link-2.home.n.he.w--current {
  color: var(--white-opasity);
}

.nav-link-2.home.n.h {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-link-2.home.n.h.w--current {
  color: var(--primary-color);
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
}

.nav-link-2.about {
  color: #6666de;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.nav-link-2.about.current.rt {
  color: #fff;
  font-weight: 400;
}

.nav-link-2.about.current.rt.ag {
  margin-left: 0;
  margin-right: 0;
  padding: 20px 17px;
  font-weight: 500;
}

.nav-link-2.about.current.rt.ag.w--current, .nav-link-2.about.current.rt.ag.new.w--current, .nav-link-2.about.current.rt.ag.ser.w--current {
  color: #6666de;
}

.nav-link-2.about.current.rt.ag.regt.w--current, .nav-link-2.about.current.rt.ag.etr.w--current {
  color: #fff;
}

.nav-link-2.about.current.rt.ag.prdu, .nav-link-2.about.current.rt.ag.career {
  color: #6666de;
}

.nav-link-2.about.current.aou, .nav-link-2.about.ab {
  color: #fff;
  font-weight: 400;
}

.nav-link-2.services {
  font-family: Inter, sans-serif;
}

.nav-link-2.services.w--current {
  color: #6666de;
  font-weight: 600;
}

.nav-link-2.te {
  font-family: Inter, sans-serif;
  transition-property: none;
}

.nav-link-2.te.w--current {
  color: #6666de;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-toggle:lang(en) {
  font-family: Inter, sans-serif;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.button-primary {
  color: #fff;
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: #6666de;
  border-radius: 100px;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 48px;
  padding: 12px 25px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: all .2s;
  display: flex;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.text-block-5 {
  color: #fff;
  font-size: 16px;
}

.text-block-5.con {
  text-align: center;
  text-decoration: none;
}

.text-block-5.con.w--current {
  color: #6666de;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.navbar-no-shadow.change-height {
  z-index: 600;
  justify-content: space-around;
  width: 100%;
  height: 80px;
  margin-top: 0;
  margin-left: 0;
  display: flex;
}

.navbar-no-shadow-container {
  z-index: 5;
  background-color: #0000;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px 20px;
  display: flex;
}

.container-regular {
  width: 100%;
  max-width: 1260px;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-link-3 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-3:hover {
  color: #1a1b1fbf;
}

.nav-link-3:focus-visible, .nav-link-3[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-2 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle-2 {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle-2:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle-2:focus-visible, .nav-dropdown-toggle-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon-2 {
  margin-right: 10px;
}

.nav-dropdown-list-2 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-2.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link-2 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-2:focus-visible, .nav-dropdown-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-button-wrapper {
  margin-left: 120px;
}

.button-primary-2 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-2:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-2:active {
  background-color: #43464d;
}

.div-block-26 {
  text-align: left;
  width: 100%;
}

.container-24 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 415px;
  margin-top: 140px;
  display: flex;
}

.div-block-27 {
  width: 4280px;
  height: 410px;
}

.image-8 {
  width: 780px;
}

.heading-2 {
  color: #fff;
  font-family: Inter, sans-serif;
}

.bold-text {
  color: #fff;
}

.paragraph {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 14px;
}

.paragraph.sub {
  font-size: 17px;
  font-weight: 600;
}

.rich-text-block {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.list-item-16 {
  color: #6666de;
  border: 0 solid #000;
}

.div-block-29 {
  filter: blur(20px);
  background-image: linear-gradient(#666edd4d, #4c4eac4d);
  border-radius: 999px;
  width: 300px;
  height: 300px;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: clip;
}

.uxui {
  grid-column-gap: 10px;
  box-shadow: none;
  background-image: url('../images/div.technical-lightning.png');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 466px;
  height: 486px;
  padding: 32px 23px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.uxui.hover {
  margin-top: -10px;
  padding-top: 32px;
}

.button, .button-copy {
  border: 1px solid var(--primary-color);
  color: #fff;
  background-color: #3898ec00;
  border-radius: 999px;
  padding: 16px 30px;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.button-copy:hover {
  color: #fff;
}

.section-22 {
  height: 790px;
}

.section-22.brt {
  height: 700px;
}

.footer-2 {
  grid-row-gap: 10px;
  background-color: #05060f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 0;
  height: 380px;
  padding: 99px 0;
  text-decoration: none;
  display: flex;
}

.frame-1801288279 {
  grid-row-gap: 28px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 700px;
  text-decoration: none;
  display: flex;
}

.logo-org-2 {
  object-fit: cover;
  overflow: hidden;
}

.frame-1801288280 {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-132458 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-132458:hover, .text-132458.w--current:hover {
  color: #fff;
}

.frame-1801288281 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: center;
  width: 119px;
  text-decoration: none;
  display: flex;
}

.frame-1801288282 {
  grid-column-gap: 10px;
  border: 1.5px solid #ffffff4d;
  border-radius: 99px;
  justify-content: flex-start;
  align-items: center;
  width: 45px;
  height: 45px;
  padding: 11px;
  text-decoration: none;
  display: flex;
}

.ic-linkedin-2, .group {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.frame-1801288283 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.copyright-2024-all-rights-reserved-engineered-with-by-the-visionaries-at-cousync-0 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.copyright-2024-all-rights-reserved-engineered-with-by-the-visionaries-at-cousync-1 {
  color: #666edd;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.div-block-30 {
  pointer-events: none;
  cursor: none;
  border: 1.4px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-31 {
  background-color: #fff;
  border-radius: 50%;
  width: 5px;
  height: 5px;
}

.image-9, .image-10, .image-11, .image-12 {
  width: 189.781px;
  height: 50px;
}

.section-24, .section-25 {
  width: 100%;
}

.button-2 {
  color: #fff;
  background-color: #6666de;
  border-radius: 999px;
  font-family: Inter, sans-serif;
  display: inline-block;
}

.button-2:hover {
  color: #fff;
}

.button-2.w--current {
  font-family: Inter, sans-serif;
}

.nav-link-4, .nav-link-5 {
  color: #fff;
}

.div-block-32 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-25 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #1e1e1e;
  z-index: 800;
  background-color: #0d0e20;
  border: 0 solid #0d0e20;
  border-radius: 999px;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  margin-top: 24px;
  display: flex;
  position: fixed;
  inset: 2% 0% auto;
}

.navbar-2 {
  z-index: 700;
  background-color: #ddd0;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  height: 80px;
  display: flex;
}

.div-block-33 {
  display: flex;
}

.brand {
  width: 140px;
  height: 30px;
}

.nav-menu-2 {
  margin-left: 60px;
  display: flex;
}

.nav-link-6 {
  color: #fff;
}

.div-block-34 {
  z-index: 9999;
  border: 2px solid #0d0e20;
  border-radius: 999px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.container-26 {
  z-index: 400;
  width: 100%;
  max-width: none;
  height: 108px;
}

.container-27 {
  z-index: 1;
}

.container-28 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100vh;
  margin-top: 20px;
  display: flex;
}

.container-28.ab {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  height: 800px;
  margin-top: 0;
}

.container-29 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 800px;
  display: flex;
}

.container-29.our-teams {
  height: 800px;
}

.section-26 {
  z-index: 400;
  background-image: url('../images/background-image.png');
  background-position: 50% 0;
  background-size: cover;
  height: 820px;
}

.section-27 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-13 {
  margin-top: -140px;
}

.section-29 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-30 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 400px;
  display: flex;
}

.container-30.nti {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  height: 440px;
}

.container-31 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 540px;
  margin-top: 20px;
  display: flex;
}

.section-30 {
  background-image: url('../images/background-image.png');
  background-position: 50% 0;
  background-size: cover;
  width: 100%;
  height: 640px;
}

.section-31 {
  background-image: url('../images/background-image.png');
  background-position: 50% 0;
  background-size: cover;
}

.container-32 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 600px;
  margin-top: 0;
  display: flex;
}

.section-32 {
  background-image: url('../images/background-image.png');
  background-position: 50% 0;
  background-size: cover;
  width: 100%;
}

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

.container-34 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  max-width: none;
  height: 600px;
  display: flex;
}

.container-35 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 580px;
  display: flex;
}

.path {
  color: var(--white-opasity);
  background-color: #fff;
}

.path-2 {
  color: #fff;
}

.path-3, .path-4 {
  color: var(--white-opasity);
}

.div-block-38, .div-block-39 {
  display: flex;
}

.svg-2 {
  width: 28px;
  height: auto;
}

.path-5 {
  color: #fff;
}

.svg-3, .svg-4, .svg-5 {
  color: #fff;
  width: 28px;
}

.svg-6, .svg-7 {
  width: 54px;
}

.textarea {
  color: #fff;
  background-color: #ffffff0d;
  border: 1px solid #fff3;
  border-radius: 6px;
  width: 899px;
  max-width: 899px;
  height: auto;
  max-height: none;
  display: block;
}

.textarea:focus {
  border-color: var(--primary-color);
  color: var(--white-opasity);
}

.textarea.message {
  width: 100%;
  min-width: 640px;
  max-width: 640px;
}

.textarea.car {
  width: 100%;
  min-width: 900px;
  max-width: 900px;
}

.section-33 {
  height: auto;
}

.frame-1801288284 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: center;
  width: 119px;
  text-decoration: none;
  display: flex;
}

.div-block-40, .div-block-41 {
  display: flex;
}

.path-6 {
  color: #fff;
}

.path-7 {
  color: #fff;
  background-color: #fff;
}

.path-8 {
  color: #fff;
}

.frame-1801288285 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: center;
  width: 119px;
  text-decoration: none;
  display: flex;
}

.div-block-42, .div-block-43 {
  display: flex;
}

.path-9 {
  color: #fff;
}

.path-10 {
  color: #fff;
  background-color: #fff;
}

.path-11 {
  color: #fff;
}

.frame-8 {
  grid-row-gap: 14px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.frame-1801288286 {
  grid-column-gap: 25px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.bxsphone-call {
  object-fit: cover;
  width: 22.2578px;
  overflow: hidden;
}

.text-132460 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-7 {
  grid-column-gap: 25px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.carbonlocation-filled {
  overflow: hidden;
}

.vector-5 {
  object-fit: cover;
}

.svg-8, .svg-9, .svg-10 {
  color: #fff;
  width: 26px;
}

.image-14 {
  width: 530px;
  height: 420px;
}

.svg-11 {
  color: var(--primary-color);
  width: 34px;
}

.div-block-44 {
  display: flex;
}

.svg-14.close {
  width: 24px;
  display: none;
}

.hamburger_5_wrap {
  grid-row-gap: var(--gap);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.hamburger_5_line {
  height: var(--thickness);
  width: var(--width);
  background-color: currentColor;
  flex: none;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.hamburger_embed {
  position: absolute;
}

.hamburger_12_wrap {
  grid-row-gap: var(--gap);
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.hamburger_12_line {
  height: var(--thickness);
  background-color: currentColor;
  flex: none;
  width: 100%;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
}

@media screen and (min-width: 1920px) {
  .group-1000003129 {
    height: 499px;
  }

  .divhero-video.turbio {
    background-image: url('../images/full-HD.png');
    background-position: 0 0;
    background-size: cover;
  }

  .divhero-video-preview-4.dertu {
    background-image: url('../images/full-HD.png');
    background-size: cover;
    height: 330px;
    overflow: hidden;
  }
}

@media screen and (max-width: 991px) {
  .section.cc-product-detail {
    flex-direction: column;
  }

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

  .primary-button {
    justify-content: center;
  }

  .paragraph-light.cc-subscribe-paragraph {
    width: 60%;
  }

  .heading-jumbo {
    font-size: 56px;
    line-height: 70px;
  }

  .logo-link.w--current {
    flex: 1;
  }

  .menu-icon {
    display: block;
  }

  .navigation-items {
    background-color: #fff;
  }

  .cart {
    margin-left: 0;
    margin-right: 30px;
  }

  .navigation {
    padding: 25px 30px;
  }

  .text-field.cc-quantity-field {
    text-align: center;
    width: auto;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .navigation-item {
    text-align: center;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .navigation-item:hover {
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    background-color: #eef0f3;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .collection-wrap {
    flex-flow: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .collection-item {
    width: 100%;
    max-width: 620px;
    margin-bottom: 30px;
    margin-left: 30px;
    margin-right: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .intro-text {
    width: auto;
  }

  .picture-placeholder.cc-about-2 {
    height: 460px;
  }

  .contact-name-field-wrap {
    width: 100%;
    padding-right: 0;
  }

  .email-name-field-wrap {
    width: 100%;
    padding-left: 0;
  }

  .get-in-touch-form {
    text-align: left;
  }

  .credentials-inputs-wrap {
    flex-direction: column;
    align-items: stretch;
  }

  .grid {
    grid-template: "."
                   "."
                   "."
                   "."
                   / 1fr;
  }

  .number-contact-wrap {
    margin-bottom: 20px;
  }

  .blog-item {
    width: 80%;
  }

  .blog-preview-image {
    height: 460px;
  }

  .blog-summary-wrap {
    width: 100%;
  }

  .product-details-wrap {
    text-align: center;
    width: 100%;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
  }

  .product-image {
    width: 100%;
    margin-bottom: 40px;
  }

  .product-detail-cta-wrap {
    flex-direction: column;
    justify-content: center;
  }

  .full-width-form {
    padding: 40px;
  }

  .blog-detail-header-wrap {
    width: 70%;
  }

  .blog-header-image {
    height: 460px;
  }

  .order-summary {
    flex-basis: 320px;
  }

  .frame-1801288183 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .text-2 {
    font-size: 16px;
    font-weight: 400;
  }

  .we-build-products-that-shape-the-future-0 {
    font-size: 48px;
  }

  .we-build-products-that-shape-the-future-1 {
    font-size: 58px;
  }

  .frame-70 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .text-3.w--current, .text-4, .text-132456 {
    font-size: 14px;
  }

  .divsection-header-badge {
    margin-top: 140px;
    overflow: visible;
  }

  .divsection-header-badge.ser.rt {
    margin-top: 140px;
  }

  .button---request-demo-2 {
    margin-bottom: 0;
  }

  .text-7, .text-8 {
    font-size: 14px;
  }

  .container-3 {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    justify-content: center;
    align-items: center;
    max-width: none;
    height: 480px;
    margin: 0;
    line-height: 28px;
    display: flex;
  }

  .container-3.grt-in-touch {
    margin-top: 0;
    padding-top: 40px;
  }

  .container-3.serve.ntr {
    justify-content: center;
    align-items: center;
    height: 480px;
  }

  .container-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/background-image.png');
    background-repeat: repeat-y;
    background-size: cover;
    background-attachment: scroll;
    height: 780px;
  }

  .logos {
    grid-column-gap: 25px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .svg {
    height: 40px;
  }

  .svg.ory {
    height: 31px;
  }

  .frame-66 {
    justify-content: flex-start;
    align-items: center;
  }

  .container-5 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1000px;
    margin-left: 0;
    padding-left: 0;
    display: flex;
  }

  .section-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
  }

  .how-does {
    grid-row-gap: 12px;
  }

  .join-the-10000-brands-around-the-worldpowerful-self-serve-product-analytics-to-help-you-convert {
    width: 100%;
  }

  .section-3 {
    background-image: none;
    background-size: auto;
    margin-top: 40px;
  }

  .frame-1801288191 {
    background-image: none;
    background-size: auto;
    width: 96%;
    margin-top: 40px;
    padding-top: 20px;
  }

  .frame-1801288191.ert {
    background-image: none;
    background-size: auto;
    padding-top: 0;
  }

  .frame-1801288190 {
    grid-column-gap: 7px;
  }

  .frame-1801288190.upper {
    margin-top: 20px;
  }

  .text-18 {
    text-align: left;
    width: 77%;
    font-size: 14px;
  }

  .we-start-by-structuring-the-important-sections-by-structuring-the-important-page {
    width: 100%;
  }

  .section-4 {
    width: 100%;
    max-width: none;
    margin-top: 20px;
  }

  .frame-90 {
    width: 763px;
  }

  .explore-cousyncs-complete-range-of-innovative-products-crafted-to-empower-your-digital-growth-and-st {
    width: 100%;
  }

  .divframer-1e2fvhv {
    grid-row-gap: 14px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 550px;
  }

  .divframer-74mid6 {
    margin-left: 0;
  }

  .text-19 {
    text-align: left;
    width: 100%;
  }

  .text-20 {
    width: 100%;
  }

  .divframer-y2btkl-2 {
    padding-left: 36px;
  }

  .text-21 {
    width: 100%;
  }

  .divhero-video {
    background-position: 50% 0;
    background-size: cover;
  }

  .divframer-y2btkl-3 {
    padding-left: 36px;
  }

  .text-30 {
    text-align: left;
    width: 100%;
  }

  .one-solution-for-hr-payroll-and-workforce-analytics-save-time-reduce-errors-and-boost-team-productiv {
    width: 100%;
  }

  .divframer-y2btkl-5 {
    padding-left: 36px;
  }

  .text-45 {
    text-align: left;
    width: 100%;
  }

  .an-ai-driven-platform-that-takes-you-from-idea-to-production-without-heavy-setup-2 {
    width: 100%;
  }

  .div-block-5 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .section-5 {
    width: 770px;
  }

  .section-5.vr, .container-6 {
    width: 100%;
  }

  .frame-1801288199 {
    max-width: none;
  }

  .text-47 {
    width: 100%;
  }

  .frame-77 {
    width: 760px;
  }

  .frame-76 {
    width: 760px;
    height: 360px;
  }

  .group-1000003138 {
    width: 54%;
  }

  .frame-74 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    width: 100%;
    max-width: 870px;
  }

  .div-block-7 {
    flex-flow: column;
    width: 760px;
  }

  .frame-110 {
    height: 470px;
  }

  .frame-109 {
    grid-row-gap: 90px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .frame-102 {
    justify-content: flex-start;
    align-items: center;
  }

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

  .develop-a-strong-and-consistent-visual-identity-to-effectively-position-your-brand-in-the-market {
    text-align: center;
    font-size: 14px;
  }

  .div-block-8 {
    width: 103%;
    height: 450px;
  }

  .section-6 {
    width: 760px;
  }

  .group-1000003139 {
    border-radius: 20px;
  }

  .container-9 {
    max-width: 728px;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .section-7 {
    scroll-snap-type-x: none;
  }

  .product {
    text-align: left;
  }

  .employee-database-2 {
    width: 100%;
  }

  .frame-1801288224 {
    grid-row-gap: 0px;
  }

  .cousync-pvt-ltd-connecting-ideas-creating-futures {
    text-align: center;
    margin-left: 150px;
    font-family: Inter, sans-serif;
    font-size: 14px;
  }

  .based-in-lahore-cousync-pvt-ltd-is-a-forward-thinking-technology-company-driven-by-innovation-collab {
    text-align: center;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 560px;
    margin-left: 100px;
    font-family: Inter, sans-serif;
    font-size: 12px;
    display: block;
  }

  .div-block-12 {
    inset: 28% 0% auto;
  }

  .section-10 {
    height: 1550px;
    margin-top: 0;
  }

  .section-10.get-in-touch {
    height: auto;
  }

  .section-12 {
    background-size: 1960px;
    width: 100%;
    height: 100vh;
    overflow: visible;
  }

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

  .div-block-13 {
    background-image: none;
    background-size: auto;
    height: auto;
  }

  .frame-1801288230 {
    grid-column-gap: 20px;
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 500px;
    max-width: none;
    height: auto;
    margin-top: 40px;
  }

  .frame-1801288231 {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
  }

  .frame-1801288232 {
    justify-content: center;
    align-self: center;
    align-items: center;
  }

  .text-72 {
    font-family: Inter, sans-serif;
    font-size: 16px;
  }

  .cousync-pvt-ltd-founded-in-lahore-began-with-a-vision-to-reshape-technology-driven-by-curiosity-and-2 {
    align-self: center;
    font-family: Inter, sans-serif;
    font-size: 14px;
  }

  .container-wrapper {
    grid-row-gap: 24px;
    flex-flow: column;
    width: 720px;
    max-width: none;
  }

  .container-wrapper.apply {
    justify-content: center;
    align-items: center;
    width: 740px;
    max-width: 740px;
  }

  .container-wrapper.nert {
    width: 720px;
    margin-top: 0;
  }

  .form-wrapper-2.wrap.we {
    min-width: 678px;
    max-width: none;
  }

  .form-wrapper-2.nht {
    width: 100%;
    min-width: 680px;
    max-width: none;
  }

  .image-box-2 {
    width: 100%;
  }

  .section-13 {
    background-position: 50% 0;
    background-size: cover;
    height: 600px;
  }

  .section-13.contact-page {
    background-image: none;
    background-size: auto;
    height: auto;
  }

  .frame-70-copy {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .container-11.ct.ed {
    width: 70%;
  }

  .heading-2-give-your-brain-superpowers-2 {
    font-size: 40px;
  }

  .div-block-14 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

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

  .container-15 {
    z-index: 6;
    background-position: 50% 0;
  }

  .expert-team {
    margin-top: 0;
    margin-bottom: 0;
  }

  .text-94 {
    font-size: 44px;
  }

  .frame-49 {
    grid-column-gap: 110px;
  }

  .team {
    width: 229px;
  }

  .ellipse-162 {
    left: 21px;
  }

  .creative-designer-with-a-passion-for-user-centered-design-and-exceptional-user-experiences {
    font-size: 12px;
  }

  .container-16 {
    background-repeat: repeat-y;
    background-size: 750px 410px;
    max-width: 730px;
    height: 413px;
  }

  .heading-2-give-your-brain-superpowers-3 {
    font-size: 50px;
    line-height: 53px;
  }

  .div-block-20 {
    flex-flow: row;
  }

  .section-19 {
    z-index: 5;
    height: 750px;
  }

  .depth-5-frame-0 {
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    height: 610px;
  }

  .depth-6-frame-0 {
    height: 410px;
  }

  .depth-6-frame-1 {
    padding-top: 0;
  }

  .text-113 {
    text-align: center;
    font-size: 40px;
  }

  .one-solution-for-hr-payroll-and-workforce-analytics-save-time-reduce-errors-and-boost-team-productiv-2 {
    text-align: center;
    font-size: 14px;
  }

  .text-115 {
    font-size: 20px;
  }

  .text-116 {
    font-size: 12px;
  }

  .text-117 {
    font-size: 14px;
  }

  .container-17 {
    margin-top: 120px;
  }

  .text-block-2 {
    font-size: 14px;
  }

  .form {
    min-width: 678px;
    max-width: 900px;
  }

  .text-field-4, .div-block-21 {
    min-width: 678px;
    max-width: none;
  }

  .form-block-2 {
    min-width: 670px;
  }

  .submit-button {
    margin-top: -10px;
  }

  .div-block-22-copy {
    min-width: 678px;
    max-width: none;
    height: auto;
  }

  .section-21 {
    width: 100%;
    margin-top: 0;
  }

  .div-block-23 {
    background-size: 740px 145px;
  }

  ._2017 {
    font-size: 14px;
  }

  .div-block-24, .div-block-25 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .navbar-logo-left {
    align-self: center;
    width: 770px;
  }

  .navbar-logo-left-container.shadow-three {
    max-width: 760px;
    height: 110px;
  }

  .container-21 {
    max-width: 728px;
  }

  .navbar-wrapper {
    flex-flow: wrap;
    justify-content: space-around;
    margin-top: 0;
  }

  .navbar-brand {
    display: block;
  }

  .nav-menu-wrapper {
    background-color: #0000;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
    position: static;
  }

  .nav-menu-two {
    background-color: #000;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    width: 700px;
    margin-top: 0;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link-2 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-link-2.home.n.h {
    margin-top: 220px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-link-2.home.n.h.w--current {
    flex-flow: row;
    margin-top: 0;
    display: flex;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .menu-button-2 {
    padding: 12px;
  }

  .menu-button-2.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .icon-2 {
    color: var(--white-opasity);
  }

  .navbar-no-shadow.change-height {
    z-index: 5;
    height: 0;
  }

  .nav-menu-wrapper-2 {
    background-color: #0000;
  }

  .nav-menu {
    background-color: #fff;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .nav-link-3 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: absolute;
  }

  .nav-button-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .menu-button-3 {
    padding: 12px;
  }

  .menu-button-3.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .container-24 {
    flex-flow: column;
    height: 790px;
    margin-top: 140px;
  }

  .div-block-27 {
    width: 380px;
  }

  .image-8, .heading-2, .paragraph.sub {
    width: 100%;
  }

  .div-block-28 {
    text-align: center;
  }

  .section-22 {
    height: 480px;
  }

  .section-22.brt {
    height: 630px;
  }

  .footer-2 {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .image-9 {
    height: 40px;
  }

  .image-10 {
    width: 151.828px;
    height: 40px;
  }

  .image-11, .image-12 {
    height: 40px;
  }

  .section-24 {
    z-index: 1;
  }

  .menu-button-4 {
    z-index: 103;
    border-radius: 999px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 60px;
    margin-left: 0;
    padding-left: 18px;
    padding-right: 18px;
    display: flex;
  }

  .menu-button-4.w--open {
    z-index: 103;
    background-color: #000000e6;
  }

  .nav-link-4 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-link-5 {
    justify-content: center;
    align-items: center;
    margin-top: 210px;
    display: flex;
  }

  .container-25 {
    object-fit: fill;
    background-color: #03001500;
    flex-flow: row;
    flex: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 0;
    display: flex;
  }

  .icon-3 {
    color: #fff;
    z-index: 999999999;
  }

  .navbar-2 {
    z-index: 999999;
    background-color: #1e1e1e00;
    height: 0;
  }

  .div-block-33 {
    z-index: 101;
  }

  .nav-menu-2 {
    z-index: 102;
    background-color: #000000e6;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    margin-top: 0;
    margin-left: 0;
    display: flex;
    position: fixed;
    inset: 0%;
  }

  .nav-link-6 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-34 {
    z-index: 100;
    background-color: #030015;
    border-radius: 999px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .container-26 {
    z-index: 40;
    width: 100%;
    max-width: none;
  }

  .container-27 {
    width: 100%;
    max-width: none;
    margin-top: 40px;
  }

  .container-28 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    height: 600px;
    margin-top: 140px;
  }

  .container-28.ab {
    margin-top: 0;
  }

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

  .section-26 {
    z-index: 50;
  }

  .div-block-35, .div-block-36, .div-block-37 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 60vw;
    display: flex;
  }

  .container-30.nti {
    height: 460px;
  }

  .section-30 {
    height: 600px;
  }

  .container-32 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .container-33 {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .textarea {
    width: 654px;
    max-width: 654px;
  }

  .textarea.message, .textarea.car {
    min-width: 678px;
    max-width: 678px;
  }

  .section-33 {
    background-image: url('../images/background-image.png');
    background-position: 50% 0;
    background-size: cover;
  }

  .text-132460 {
    font-size: 14px;
    line-height: 110%;
  }

  .div-block-44 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
  }

  .svg-14.close {
    color: #fff;
    width: 34px;
    margin-top: 60px;
    margin-right: 110px;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .lottie-animation {
    width: 24px;
    height: 24px;
  }

  .hamburger_12_line {
    color: #fff;
    background-color: currentColor;
  }
}

@media screen and (max-width: 767px) {
  .section, .section.cc-store-home-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }

  .container {
    text-align: center;
  }

  .container.cc-subscription-form {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container.cc-heading-wrap {
    margin-bottom: 50px;
  }

  .container.cc-full-width-form-wrap {
    text-align: left;
    flex-direction: column;
    align-items: stretch;
  }

  .paragraph-bigger, .heading-jumbo-tiny {
    font-size: 16px;
    line-height: 28px;
  }

  .rich-text {
    text-align: left;
    width: 90%;
    max-width: 470px;
  }

  .paragraph-light.cc-subscribe-paragraph {
    width: 80%;
  }

  .heading-jumbo {
    font-size: 50px;
    line-height: 64px;
  }

  .heading-jumbo-small {
    font-size: 30px;
    line-height: 52px;
  }

  .logo-link {
    padding-left: 0;
  }

  .status-message.cc-no-data {
    width: 80%;
    max-width: 470px;
  }

  .cart-item-info-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  .navigation {
    padding: 20px 30px;
  }

  .text-field.cc-subscribe-text-field {
    text-align: center;
    width: auto;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .text-field.cc-contact-field, .text-field.cc-textarea {
    text-align: left;
  }

  .cart-container {
    min-width: 360px;
  }

  .intro-content {
    width: 80%;
  }

  .main-paragraph-wrap {
    grid-row-gap: 30px;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .subscribe-form {
    flex-direction: column;
    align-items: stretch;
  }

  .form-block {
    width: 90%;
    max-width: 470px;
  }

  .footer {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding-top: 100px;
    display: flex;
  }

  .logo-footer {
    margin-bottom: 70px;
  }

  .links-section-footer {
    margin-top: 10px;
    margin-bottom: 40px;
  }

  .about-quote {
    width: 80%;
    max-width: 470px;
  }

  .get-in-touch-form-wrap {
    width: 90%;
    max-width: 470px;
  }

  .paragraph-contact-text {
    font-size: 16px;
    line-height: 28px;
  }

  .store-categories-wrap {
    flex-direction: column;
  }

  .products-category-link {
    margin-bottom: 10px;
  }

  .collection-list {
    flex-direction: column;
  }

  .blog-item {
    width: 90%;
    max-width: 470px;
  }

  .blog-summary-wrap {
    text-align: center;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .product-details-wrap {
    width: 90%;
  }

  .product-image {
    height: 500px;
  }

  .full-width-form {
    padding: 30px;
  }

  .blog-detail-header-wrap {
    text-align: left;
    width: 90%;
    max-width: 470px;
  }

  .frame-1801288183 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 80%;
  }

  .text {
    font-size: 44px;
  }

  .text-2 {
    font-size: 12px;
  }

  .we-build-products-that-shape-the-future-0, .we-build-products-that-shape-the-future-1 {
    font-size: 38px;
  }

  .text-3 {
    font-size: 14px;
  }

  .text-4 {
    font-size: 12px;
  }

  .divsection-header-badge {
    width: 170px;
    margin-top: 140px;
    padding-left: 0;
    padding-right: 0;
  }

  .divsection-header-badge.about {
    margin-top: 154px;
  }

  .text-6 {
    font-size: 12px;
  }

  .button---request-demo-2 {
    margin-bottom: 0;
  }

  .container-3 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    width: 100%;
    height: 520px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .container-3.serve.ntr {
    justify-content: center;
    align-items: center;
  }

  .container-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-position: 50% 0;
    justify-content: center;
    align-items: center;
    height: 1490px;
  }

  .logos {
    grid-column-gap: 3px;
    justify-content: space-around;
    width: 100%;
  }

  .svg {
    width: 38px;
    height: 38px;
  }

  .svg.ory {
    height: 24px;
  }

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

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

  .how-does {
    height: 390px;
    margin-top: 0;
    padding-top: 0;
  }

  .div-block {
    height: 550px;
    margin-top: 0;
    top: 19%;
  }

  .section-3 {
    justify-content: flex-end;
    align-items: center;
    height: 1670px;
    margin-top: 0;
  }

  .frame-1801288191 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    height: 484px;
    margin-top: 0;
    padding-top: 0;
  }

  .frame-1801288191.ert {
    background-image: none;
    background-size: auto;
    justify-content: flex-end;
    align-items: center;
  }

  .frame-1801288191.oper {
    justify-content: flex-end;
    align-items: center;
    height: 440px;
  }

  .frame-1801288190 {
    grid-column-gap: 8px;
    grid-row-gap: 13px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
  }

  .frame-1801288190.upper {
    margin-top: 0;
    padding-bottom: 0;
  }

  .frame-61.two {
    height: 120px;
  }

  .text-18 {
    text-align: left;
    width: 80%;
  }

  .div-block-2 {
    justify-content: center;
    align-items: center;
    height: 557px;
    margin-top: 0;
    padding-top: 0;
  }

  .section-4 {
    width: 100%;
    max-width: none;
    margin-top: 0;
  }

  .frame-90 {
    grid-row-gap: 12px;
    width: 100%;
    height: 490px;
  }

  .divsection-header-badge-2 {
    margin-top: 20px;
  }

  .heading-2-give-your-brain-superpowers {
    font-size: 28px;
  }

  .divframer-1e2fvhv {
    grid-row-gap: 20px;
    max-width: 500px;
  }

  .divframer-uh4v88, .divframer-1l7nj75 {
    width: 100%;
  }

  .divframer-74mid6 {
    margin-left: 0;
  }

  .divframer-1l7nj75-2 {
    justify-content: space-between;
    height: 100%;
  }

  .divframer-y2btkl-2 {
    padding-left: 24px;
  }

  .divhero-video {
    background-size: cover;
  }

  .divhero-video-preview {
    height: 352px;
  }

  .divframer-1l7nj75-3 {
    justify-content: space-between;
    height: 100%;
  }

  .divframer-y2btkl-3 {
    padding-left: 24px;
  }

  .divhero-video-preview-2, .divhero-video-preview-3 {
    height: 352px;
  }

  .divframer-uh4v88-5 {
    width: 100%;
  }

  .divframer-1l7nj75-5 {
    width: 98%;
  }

  .divframer-y2btkl-5 {
    padding-left: 24px;
  }

  .section-5, .section-5.vr {
    width: 100%;
  }

  .container-6 {
    background-image: url('../images/real-result-real-story.png');
    background-size: cover;
    width: 100%;
  }

  .container-6.rt {
    display: block;
  }

  .text-46 {
    font-size: 24px;
  }

  .div-block-6 {
    width: 100%;
  }

  .frame-77 {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .frame-76 {
    justify-content: flex-end;
    align-items: center;
    width: 90%;
    height: 360px;
  }

  .frame-1801288200 {
    width: 100%;
  }

  .group-1000003138 {
    width: 410px;
  }

  .frame-75, .frame-74 {
    width: 100%;
  }

  .text-49 {
    font-size: 20px;
  }

  .text-50, .text-52, .text-54 {
    font-size: 30px;
  }

  .div-block-7 {
    width: 100%;
  }

  .frame-110 {
    width: 563px;
    margin-top: 20px;
  }

  .what-you-can-expect-if-you-work-with-us {
    width: 570px;
    font-size: 28px;
  }

  .div-block-8 {
    width: 100%;
    height: 810px;
  }

  .section-6 {
    width: 100%;
    max-width: none;
  }

  .frame-58 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .container-7 {
    width: 90%;
  }

  .text-66 {
    font-size: 24px;
  }

  .container-8 {
    width: 90%;
  }

  .footer-dark {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    align-items: center;
  }

  .footer-link-2:hover {
    color: #1a1b1fbf;
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .div-block-11 {
    width: 570px;
  }

  .frame-1801288214 {
    flex-flow: row;
  }

  .frame-1801288215 {
    grid-column-gap: 50px;
    justify-content: center;
    align-items: center;
  }

  .frame-1801288216 {
    width: 35%;
  }

  .frame-1801288219 {
    width: 530px;
    margin-left: 20px;
  }

  .cousync-pvt-ltd-connecting-ideas-creating-futures {
    margin-left: 50px;
  }

  .based-in-lahore-cousync-pvt-ltd-is-a-forward-thinking-technology-company-driven-by-innovation-collab {
    width: 560px;
    margin-left: -14px;
  }

  .div-block-12 {
    top: 30%;
  }

  .section-10 {
    grid-column-gap: 52px;
    grid-row-gap: 52px;
    height: 1440px;
  }

  .section-10.get-in-touch {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: flex-start;
    align-items: center;
  }

  .section-12 {
    background-size: auto;
    height: 630px;
  }

  .section-12.sew {
    height: 700px;
  }

  .div-block-13 {
    height: auto;
  }

  .frame-1801288230 {
    grid-row-gap: 50px;
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .frame-1801288231 {
    width: 60%;
  }

  .container-wrapper {
    width: 440px;
    margin-top: 0;
  }

  .container-wrapper.apply {
    justify-content: center;
    align-items: center;
    width: 460px;
    max-width: none;
  }

  .container-wrapper.nert {
    width: 440px;
  }

  .form-wrapper-2 {
    grid-column-gap: 4px;
    flex-flow: column;
    width: 100%;
  }

  .form-wrapper-2.wrap.we {
    width: 390px;
    min-width: 390px;
  }

  .form-wrapper-2.nht {
    width: 100%;
    min-width: 390px;
    max-width: none;
  }

  .section-13 {
    background-position: 50% 0;
    height: 400px;
  }

  .section-13.contact-page {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: flex-start;
    height: 2050px;
    display: flex;
  }

  .section-13.ytri {
    height: 540px;
  }

  .section-14.ser.ptr {
    margin-top: 100px;
  }

  .container-11 {
    width: 100%;
  }

  .container-11.ct.ed {
    width: 80%;
  }

  .explore-cousyncs-comprehensive-range-of-services-designed-to-meet-all-your-digital-needs {
    font-size: 14px;
  }

  .container-13 {
    background-image: url('../images/2nd-bes.png');
    background-repeat: repeat-y;
    background-size: cover;
    justify-content: flex-start;
    align-items: center;
    height: 550px;
  }

  .divintegrations-item {
    justify-content: flex-start;
    align-items: center;
    padding-left: 40px;
  }

  .our-team-delivers-reliable-tailored-solutions-backed-by-years-of-expertise-to-meet-your-unique-needs, .we-provide-high-quality-services-at-competitive-rates-ensuring-maximum-value-for-your-investment {
    font-size: 12px;
  }

  .div-block-16 {
    margin-top: 40px;
  }

  .get-quick-assistance-whenever-you-need-it-with-a-support-team-that-truly-cares-about-your-satisfacti, .your-success-is-our-priority-we-design-every-service-around-your-goals-for-the-best-possible-result {
    font-size: 12px;
  }

  .div-block-17 {
    margin-top: 40px;
  }

  .frame-1801288242 {
    grid-row-gap: 10px;
    margin-top: 60px;
  }

  .why-choose-our-services {
    font-size: 23px;
  }

  .section-16 {
    justify-content: flex-start;
    align-items: center;
    height: 760px;
  }

  .expert-team {
    margin-top: 0;
  }

  .frame-50 {
    width: 80%;
  }

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

  .talented-professionals-passionate-about-creating-exceptional-digital-experiences-each-team-member-br {
    font-size: 16px;
  }

  .frame-49 {
    grid-column-gap: 40px;
    justify-content: center;
    align-items: center;
    width: 92%;
  }

  .text-95 {
    font-size: 46px;
  }

  .text-96 {
    font-family: Inter, sans-serif;
    font-size: 16px;
  }

  .team {
    width: 100%;
  }

  .ellipse-162 {
    left: 58px;
  }

  .container-16 {
    background-size: 570px 320px;
    height: 323px;
  }

  .div-block-20 {
    flex-flow: column;
  }

  .section-19 {
    height: 700px;
  }

  .depth-4-frame-1 {
    margin-top: 20px;
  }

  .depth-5-frame-2 {
    grid-row-gap: 12px;
    flex-flow: column;
    height: 200px;
  }

  .text-117 {
    font-size: 13px;
  }

  .text-122 {
    font-size: 12px;
  }

  .text-block-4 {
    font-size: 14px;
  }

  .form {
    width: 100%;
    min-width: 390px;
    max-width: 390px;
  }

  .text-field-2 {
    width: 100%;
  }

  .text-field-4, .div-block-21 {
    min-width: 390px;
    max-width: none;
  }

  .form-block-2 {
    width: 100%;
    min-width: 390px;
    max-width: 650px;
  }

  .div-block-22, .div-block-22-copy {
    min-width: 390px;
    max-width: none;
  }

  .div-block-23 {
    grid-column-gap: 75px;
    grid-row-gap: 75px;
    background-image: url('../images/btr.svg');
    background-position: 50% 0;
    background-repeat: repeat-y;
    background-size: contain;
    background-attachment: scroll;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 530px;
    margin-top: 0;
  }

  .frame-1801288278 {
    grid-column-gap: 120px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 60%;
    margin-top: 42px;
    margin-left: 0;
  }

  .frame-1801288278.second, .frame-1801288278.build, .frame-1801288278.fuinding {
    grid-column-gap: 120px;
    width: 100%;
    margin-top: 0;
  }

  .frame-1801288278.re {
    width: 100%;
    margin-top: 4px;
  }

  ._2017 {
    justify-content: flex-end;
    align-items: center;
    width: 100px;
    font-size: 13px;
    display: flex;
  }

  ._2017.scaling.ling, ._2017.str, ._2017.back {
    justify-content: flex-start;
    align-items: center;
  }

  .text-132457 {
    justify-content: flex-end;
    align-items: center;
    width: 100px;
    font-size: 11px;
    display: flex;
  }

  .text-132457.finpr, .text-132457.co, .text-132457.omp {
    justify-content: flex-start;
    align-items: center;
  }

  .container-18 {
    width: 570px;
  }

  .container-19 {
    width: 570px;
    display: flex;
  }

  .navbar-logo-left {
    width: 570px;
  }

  .navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-logo-left-container.shadow-three {
    width: 830px;
    max-width: 570px;
  }

  .container-21 {
    width: 100%;
  }

  .navbar-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-around;
    width: 100%;
    padding-left: 0;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
    width: 530px;
    padding-bottom: 30px;
  }

  .nav-link-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-link-2.home.n.h.w--current {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .nav-link-2.about.current.rt.ag {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .navbar-no-shadow {
    width: 100%;
  }

  .navbar-no-shadow.change-height {
    justify-content: center;
    align-items: flex-start;
    height: 0;
  }

  .navbar-no-shadow-container {
    justify-content: space-around;
    max-width: none;
  }

  .navbar-brand-2 {
    padding-left: 0;
  }

  .nav-menu {
    flex-direction: column;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .nav-link-3 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-2.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .mobile-margin-top-11 {
    margin-top: 10px;
  }

  .container-22, .container-23 {
    width: 100%;
  }

  .container-24 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 220px;
  }

  .paragraph {
    margin-left: 0;
  }

  .div-block-28 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .section-22.brt {
    height: 600px;
  }

  .footer-2 {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .frame-1801288279 {
    width: 100%;
  }

  .frame-1801288280 {
    grid-column-gap: 20px;
  }

  .text-132458 {
    font-size: 14px;
  }

  .text-132459, .copyright-2024-all-rights-reserved-engineered-with-by-the-visionaries-at-cousync-0 {
    text-align: center;
  }

  .image-9 {
    width: 123px;
    height: 30px;
    overflow: clip;
  }

  .image-10 {
    width: 119px;
    height: 30px;
    overflow: clip;
  }

  .image-11 {
    width: 116px;
    height: 30px;
    overflow: clip;
  }

  .image-12 {
    width: 100px;
    height: 20px;
    overflow: clip;
  }

  .menu-button-4.w--open {
    z-index: 0;
    background-color: #000000e6;
  }

  .nav-link-4 {
    color: #333;
  }

  .nav-link-5 {
    color: #fff;
  }

  .container-25 {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 0;
  }

  .icon-3 {
    color: #fff;
  }

  .navbar-2 {
    background-color: #1e1e1e00;
    justify-content: space-around;
    align-items: flex-start;
    height: 0;
  }

  .div-block-33 {
    z-index: 0;
  }

  .nav-menu-2 {
    background-color: #000000e6;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100vh;
    margin-left: 0;
    inset: 0% 0% auto;
  }

  .nav-link-6 {
    color: #fff;
  }

  .div-block-34 {
    width: 80%;
  }

  .container-27 {
    margin-top: 60px;
  }

  .container-28 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    justify-content: flex-end;
    align-items: center;
    height: 630px;
    margin-top: 0;
  }

  .container-28.ab {
    margin-bottom: 100px;
  }

  .container-28.vtre {
    height: 800px;
  }

  .container-29 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-26 {
    height: 90vh;
  }

  .section-28 {
    width: 100%;
  }

  .image-13 {
    width: 100%;
    margin-top: -260px;
  }

  .section-29 {
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-35, .div-block-36, .div-block-37 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .section-30 {
    height: 580px;
  }

  .container-32 {
    height: 550px;
  }

  .textarea {
    width: 456px;
    max-width: 456px;
  }

  .textarea.message {
    min-width: 396px;
    max-width: 396px;
  }

  .textarea.car {
    min-width: 390px;
    max-width: 390px;
  }

  .section-33 {
    width: 100%;
  }

  .frame-1801288286, .frame-7 {
    grid-column-gap: 16px;
  }

  .image-14 {
    width: 500px;
    height: 400px;
  }

  .div-block-44 {
    z-index: 999;
  }

  .svg-14.close {
    color: #fff;
    width: 34px;
    margin-top: 60px;
    margin-right: 92px;
    position: absolute;
    inset: 0% 0% 0% auto;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 36px;
    line-height: 52px;
  }

  h2 {
    font-size: 34px;
    line-height: 46px;
  }

  .section.cc-product-detail {
    margin-left: 15px;
    margin-right: 15px;
  }

  .container.cc-subscription-form {
    padding-left: 15px;
    padding-right: 15px;
  }

  .primary-button.cc-cart {
    padding-left: 16px;
    padding-right: 16px;
  }

  .rich-text {
    width: 100%;
    max-width: none;
  }

  .paragraph-light.cc-subscribe-paragraph {
    width: 100%;
  }

  .heading-jumbo {
    font-size: 36px;
    line-height: 48px;
  }

  .status-message.cc-no-data {
    width: 100%;
  }

  .cart-item-info-wrap {
    margin-left: 10px;
    margin-right: 10px;
  }

  .cart {
    margin-right: 20px;
  }

  .navigation {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button, .menu-button.w--open {
    flex: none;
  }

  .cart-container {
    min-width: 320px;
  }

  .form-block, .about-quote, .get-in-touch-form-wrap, .blog-item, .product-details-wrap {
    width: 100%;
    max-width: none;
  }

  .list-item {
    flex-direction: column;
    align-items: center;
  }

  .full-width-form {
    padding: 15px;
  }

  .order-item-description-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .order-item-content-wrap {
    margin-bottom: 5px;
  }

  .blog-detail-header-wrap {
    width: 100%;
    max-width: none;
  }

  .frame-1801288183 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
  }

  .text {
    font-size: 34px;
  }

  .text-2 {
    width: 100%;
    font-size: 12px;
  }

  .we-build-products-that-shape-the-future-0, .we-build-products-that-shape-the-future-1 {
    font-size: 32px;
  }

  .logo-org-1 {
    width: 100%;
    height: auto;
  }

  .text-3.w--current {
    font-size: 14px;
  }

  .divsection-header-badge {
    grid-column-gap: 8px;
    grid-row-gap: 7px;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 34px;
    margin-top: 140px;
    overflow: visible;
  }

  .divsection-header-badge.about {
    margin-top: 110px;
  }

  .buttons {
    justify-content: space-around;
  }

  .button---request-demo-2 {
    padding-left: 22px;
    padding-right: 22px;
  }

  .text-7 {
    font-size: 12px;
  }

  .button---watch-video {
    padding-right: 22px;
  }

  .text-8 {
    font-size: 12px;
  }

  .container-3 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 200px;
    margin-top: 0;
    display: flex;
  }

  .container-3.grt-in-touch {
    height: 60vh;
  }

  .container-3.serve {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    height: 60vh;
  }

  .container-3.serve.ntr {
    justify-content: center;
    align-items: center;
  }

  .container-4 {
    height: 1630px;
    margin-top: 0;
  }

  .container-4.brt.iut {
    height: 600px;
  }

  .logos {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-around;
    width: 90%;
  }

  .svg {
    width: 34px;
    height: 34px;
  }

  .svg.turbio {
    width: 100%;
    height: 24px;
  }

  .svg.ory {
    width: 100%;
    height: 19px;
  }

  ._66015f4ddfce75e10853850c_star-32 {
    width: 24px;
    height: 24px;
  }

  .text-9 {
    font-size: 14px;
  }

  .text-10 {
    font-size: 12px;
    font-weight: 300;
  }

  ._66015f4ddfce75e10853850a_presention-chart-32 {
    width: 24px;
    height: 24px;
  }

  .text-11 {
    font-size: 14px;
  }

  .text-12 {
    font-size: 12px;
    font-weight: 300;
  }

  .container-5 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 100%;
    max-width: none;
    max-height: none;
    margin-right: 0;
    padding-right: 0;
  }

  ._66015f4ddfce75e10853850d_people-32 {
    width: 24px;
    height: 24px;
  }

  .text-13 {
    font-size: 14px;
  }

  .text-14 {
    width: 80%;
    font-size: 12px;
    font-weight: 300;
  }

  .how-does {
    height: 300px;
    margin-top: -280px;
    padding-top: 0;
  }

  .text-15 {
    font-size: 24px;
  }

  .join-the-10000-brands-around-the-worldpowerful-self-serve-product-analytics-to-help-you-convert, .text-16 {
    font-size: 12px;
  }

  .div-block {
    height: 320px;
  }

  .section-3 {
    justify-content: center;
    align-items: center;
    height: 1470px;
    margin-top: 0;
  }

  .frame-1801288191 {
    justify-content: flex-end;
    align-items: center;
    height: 510px;
    margin-top: 140px;
  }

  .frame-1801288191.ert {
    background-image: none;
    background-size: auto;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
  }

  .frame-1801288191.oper {
    padding-bottom: 20px;
  }

  .div-block-2 {
    height: 430px;
  }

  .section-4 {
    width: 100%;
    max-width: none;
  }

  .frame-90 {
    background-size: 820px;
    width: 100%;
  }

  .heading-2-give-your-brain-superpowers {
    font-size: 24px;
    line-height: 140%;
  }

  .explore-cousyncs-complete-range-of-innovative-products-crafted-to-empower-your-digital-growth-and-st {
    font-size: 12px;
    line-height: 165%;
  }

  .divframer-1e2fvhv {
    justify-content: center;
    align-items: center;
  }

  .divframer-j1t7xq-container {
    width: 306px;
  }

  .divframer-y2btkl {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0;
  }

  .divframer-74mid6 {
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
    padding-left: 0;
  }

  .span {
    width: 225px;
  }

  .text-19 {
    width: 130px;
    font-size: 20px;
  }

  .text-20 {
    font-size: 14px;
    line-height: 18px;
  }

  .group-1000003129 {
    height: 370px;
  }

  .divframer-1l4v4m-container {
    justify-content: center;
    align-items: flex-start;
  }

  .divframer-uh4v88-2 {
    width: 310px;
  }

  .divframer-y2btkl-2 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0;
  }

  .text-21 {
    font-size: 14px;
    line-height: 18px;
  }

  .divhero-video {
    width: 100%;
    height: 100%;
  }

  .divhero-video.vtr {
    width: 100%;
  }

  .divhero-video.vtd.intro {
    background-size: 380px;
    width: 310px;
    height: 100%;
  }

  .divhero-video.sty {
    width: 100%;
  }

  .divhero-video.trge {
    border-radius: 0;
  }

  .divhero-video-preview {
    justify-content: center;
    align-items: flex-start;
    max-width: none;
    height: 100%;
    padding-left: 0;
    overflow: hidden;
  }

  .divframer-1l4v4m-container-2 {
    justify-content: center;
    align-items: flex-start;
  }

  .divframer-uh4v88-3 {
    width: 310px;
  }

  .divframer-y2btkl-3 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0;
  }

  .text-30 {
    font-size: 20px;
  }

  .one-solution-for-hr-payroll-and-workforce-analytics-save-time-reduce-errors-and-boost-team-productiv {
    font-size: 14px;
    line-height: 18px;
  }

  .divhero-video-preview-2, .divhero-video-preview-3 {
    max-width: none;
    height: 100%;
  }

  .divframer-1l7nj75-5 {
    justify-content: center;
    align-items: center;
    width: 310px;
  }

  .divframer-y2btkl-5 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0;
  }

  .text-45 {
    font-size: 20px;
  }

  .an-ai-driven-platform-that-takes-you-from-idea-to-production-without-heavy-setup-2 {
    font-size: 14px;
    line-height: 18px;
  }

  .div-block-4 {
    justify-content: center;
    align-items: center;
  }

  .div-block-5 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    justify-content: flex-start;
    align-items: center;
  }

  .section-5 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 1170px;
  }

  .section-5.vr {
    height: 660px;
  }

  .container-6 {
    justify-content: center;
    align-items: center;
    width: 320px;
    height: 295.188px;
    display: flex;
  }

  .container-6.rt {
    width: 100%;
    height: 480px;
  }

  .frame-1801288199 {
    width: 480px;
    max-width: 320px;
  }

  .text-46 {
    font-size: 20px;
  }

  .text-47 {
    font-size: 12px;
  }

  .div-block-6 {
    margin-top: 60px;
  }

  .frame-77 {
    width: 320px;
  }

  .frame-76 {
    width: 318px;
  }

  .frame-1801288200 {
    width: 320px;
  }

  .group-1000003138 {
    width: 100%;
  }

  .frame-75 {
    width: 320px;
    padding-right: 40px;
  }

  .frame-74 {
    flex-flow: column;
    width: 300px;
    max-width: 830px;
  }

  .text-49 {
    text-align: center;
    font-size: 20px;
  }

  .frame-17 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
  }

  .text-50 {
    font-size: 20px;
  }

  .text-51 {
    font-size: 12px;
  }

  .text-52 {
    font-size: 20px;
  }

  .text-53 {
    width: 90px;
    font-size: 12px;
  }

  .text-54 {
    font-size: 20px;
  }

  .div-block-7 {
    width: 320px;
  }

  .frame-110 {
    width: 300px;
    height: auto;
  }

  .what-you-can-expect-if-you-work-with-us {
    width: 320px;
    font-size: 24px;
  }

  .text-56, .text-57 {
    font-size: 12px;
  }

  .div-block-8 {
    width: 320px;
  }

  .section-6 {
    width: 100%;
  }

  .frame-58 {
    width: 470px;
  }

  .frame-23 {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-24 {
    width: 310px;
  }

  .group-1000003139 {
    border-radius: 14px;
    width: 302px;
  }

  .frame-31 {
    grid-column-gap: 80px;
  }

  .container-7 {
    width: 100%;
  }

  .div-block-9 {
    flex-flow: column;
    width: 310px;
  }

  .container-8 {
    justify-content: space-between;
    align-items: center;
  }

  .container-9 {
    max-width: none;
  }

  .div-block-11 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 290px;
    display: flex;
  }

  .section-7 {
    height: 470px;
  }

  .frame-1801288213 {
    width: 290px;
    max-width: 290px;
  }

  .frame-1801288215 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
  }

  .frame-1801288216 {
    width: 100%;
  }

  ._1-2345-678-90-12, .supportpersonalcom {
    text-align: left;
    font-size: 14px;
  }

  .frame-1801288218 {
    grid-row-gap: 0px;
    width: 100%;
  }

  .product {
    text-align: left;
    font-size: 14px;
  }

  .frame-51 {
    margin-top: 20px;
  }

  .employee-database {
    text-align: left;
    width: 100%;
    font-size: 14px;
  }

  .employee-database-2 {
    font-size: 14px;
  }

  .frame-1801288219 {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 300px;
    margin-left: 0;
  }

  .frame-1801288220 {
    grid-column-gap: 5px;
  }

  .frame-1801288224 {
    justify-content: flex-start;
    align-items: center;
    padding-top: 35px;
    padding-left: 10px;
  }

  .cousync-pvt-ltd-connecting-ideas-creating-futures {
    margin-left: 0;
  }

  .based-in-lahore-cousync-pvt-ltd-is-a-forward-thinking-technology-company-driven-by-innovation-collab {
    width: 309px;
    margin-left: -10px;
  }

  .section-10 {
    height: 100%;
    margin-top: 140px;
  }

  .section-10.get-in-touch {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 20px;
  }

  .section-10.ser {
    height: 480px;
    margin-top: 0;
  }

  .section-12 {
    background-size: 2880px;
    width: 100%;
    max-width: 100vw;
    height: 80vh;
  }

  .section-12.sew {
    justify-content: center;
    align-items: center;
    height: 90vh;
  }

  .container-10 {
    width: 100%;
  }

  .div-block-13 {
    justify-content: center;
    align-items: flex-start;
    height: auto;
  }

  .frame-1801288230 {
    grid-row-gap: 40px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .frame-1801288231 {
    width: 86%;
    height: 100%;
  }

  .frame-1801288232 {
    justify-content: flex-start;
    align-items: center;
    height: 100%;
  }

  .container-wrapper {
    justify-content: center;
    align-items: center;
    width: 300px;
    margin-top: 0;
  }

  .container-wrapper.apply {
    width: 96%;
    min-width: 280px;
    max-width: 300px;
    height: auto;
  }

  .container-wrapper.nert {
    width: 300px;
    margin-top: 0;
  }

  .form-heading {
    justify-content: flex-start;
    align-items: center;
  }

  .form-heading.hed {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .form-wrapper-2 {
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
  }

  .form-wrapper-2.wrap.we {
    width: 100%;
    min-width: 256px;
    max-width: 256px;
  }

  .form-wrapper-2.nht {
    min-width: 256px;
    max-width: 256px;
  }

  .text-77 {
    font-size: 18px;
  }

  .text-78 {
    font-size: 12px;
  }

  .section-13 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 500px;
    display: flex;
  }

  .section-13.contact-page {
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .section-14 {
    margin-top: -100px;
  }

  .section-14.ser {
    margin-top: 60px;
  }

  .container-11 {
    width: 100%;
    height: 40%;
  }

  .container-11.ct {
    justify-content: center;
    align-items: center;
    width: 380px;
    height: 490px;
    display: flex;
  }

  .container-11.ct.ed {
    width: 100%;
  }

  .heading-2-give-your-brain-superpowers-2 {
    font-size: 28px;
    line-height: 40px;
  }

  .explore-cousyncs-comprehensive-range-of-services-designed-to-meet-all-your-digital-needs {
    width: 96%;
    font-size: 12px;
  }

  .frame-1801288234 {
    width: 90vw;
    max-width: none;
    height: 100%;
  }

  .text-85 {
    width: 100%;
  }

  .button---request-demo-10 {
    width: 60.2128%;
  }

  .text-87 {
    font-size: 14px;
  }

  .div-block-15 {
    width: 100%;
  }

  .container-13 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    height: auto;
  }

  .divintegrations-item {
    grid-row-gap: 6px;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 40px;
  }

  .frame-1801288238 {
    grid-row-gap: 6px;
  }

  .text-88 {
    font-size: 14px;
  }

  .our-team-delivers-reliable-tailored-solutions-backed-by-years-of-expertise-to-meet-your-unique-needs {
    font-size: 12px;
  }

  .divintegrations-item-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    padding: 0 40px;
  }

  .frame-1801288239 {
    grid-row-gap: 6px;
    width: 100%;
  }

  .text-89 {
    font-size: 14px;
  }

  .we-provide-high-quality-services-at-competitive-rates-ensuring-maximum-value-for-your-investment {
    font-size: 12px;
  }

  .div-block-16 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    margin-top: 10px;
  }

  .divintegrations-item-3 {
    padding: 0 40px;
  }

  .frame-1801288240.fast {
    grid-row-gap: 6px;
  }

  .text-90 {
    font-size: 14px;
  }

  .get-quick-assistance-whenever-you-need-it-with-a-support-team-that-truly-cares-about-your-satisfacti {
    font-size: 12px;
  }

  .divintegrations-item-4 {
    padding: 0 40px;
  }

  .frame-1801288241.cus {
    grid-row-gap: 6px;
  }

  .text-91 {
    font-size: 14px;
  }

  .your-success-is-our-priority-we-design-every-service-around-your-goals-for-the-best-possible-result {
    font-size: 12px;
  }

  .div-block-17 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    margin-top: 0;
  }

  .frame-1801288242 {
    margin-top: 0;
  }

  .section-16 {
    height: 1000px;
  }

  .expert-team {
    grid-row-gap: 24px;
    margin-top: 20px;
  }

  .divsection-header-badge-5 {
    margin-top: 140px;
  }

  .heading, .frame-50 {
    width: 90%;
  }

  .text-94 {
    font-size: 24px;
  }

  .talented-professionals-passionate-about-creating-exceptional-digital-experiences-each-team-member-br {
    width: 90%;
    font-size: 13px;
  }

  .frame-49 {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    flex-flow: column;
  }

  .frame-46 {
    width: 100%;
  }

  .text-95 {
    font-size: 36px;
  }

  .text-96 {
    font-size: 13px;
  }

  .section-18 {
    margin-top: 0;
  }

  .team {
    display: block;
  }

  .heading-2-give-your-brain-superpowers-3 {
    font-size: 40px;
    font-weight: 600;
  }

  .explore-cousyncs-comprehensive-range-of-services-designed-to-meet-all-your-digital-needs-2 {
    font-size: 14px;
  }

  .depth-6-frame-0 {
    width: 95%;
  }

  .divhero-video-preview-4, .divhero-video-preview-4.herot {
    width: 100%;
    max-width: none;
    height: 100%;
  }

  .divhero-video-preview-4.trobt {
    max-width: none;
    height: 100%;
  }

  .divhero-video-preview-4.dertu {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .depth-6-frame-1 {
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 100%;
  }

  .depth-7-frame-0 {
    justify-content: flex-start;
    align-items: center;
  }

  .depth-8-frame-0 {
    justify-content: center;
    align-items: center;
    width: 90%;
  }

  .one-solution-for-hr-payroll-and-workforce-analytics-save-time-reduce-errors-and-boost-team-productiv-2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    display: flex;
  }

  .depth-7-frame-1 {
    width: 90%;
  }

  .depth-7-frame-1.w--current {
    max-width: 100%;
  }

  .depth-5-frame-2 {
    grid-row-gap: 12px;
    flex-flow: column;
    height: 200px;
  }

  .frame-100 {
    grid-column-gap: 4px;
    grid-row-gap: 12px;
  }

  .frame-98 {
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .form {
    width: 100%;
    min-width: 174px;
    max-width: 440px;
  }

  .text-field-2 {
    width: 100%;
  }

  .text-field-4 {
    min-width: 256px;
    max-width: 256px;
  }

  .div-block-21 {
    flex-flow: column;
    width: 100%;
    min-width: 256px;
    max-width: 256px;
  }

  .form-block-2 {
    width: 100%;
    min-width: 174px;
    max-width: 440px;
  }

  .div-block-22 {
    min-width: 174px;
    max-width: 440px;
  }

  .div-block-22-copy {
    width: 100%;
    min-width: 174px;
  }

  .section-21 {
    margin-top: 40px;
  }

  .hover-effect {
    background-image: none;
  }

  .div-block-23 {
    grid-column-gap: 75px;
    grid-row-gap: 75px;
    background-size: contain;
    justify-content: center;
    align-items: center;
    height: 543px;
  }

  .frame-1801288278 {
    grid-row-gap: 80px;
    width: 100%;
    margin-top: 0;
  }

  .frame-1801288278.second {
    grid-row-gap: 74px;
    width: 100%;
    margin-top: 3px;
  }

  .frame-1801288278.build, .frame-1801288278.fuinding {
    width: 100%;
  }

  .frame-1801288278.lik {
    margin-top: 44px;
  }

  .frame-1801288278.re {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-top: 3px;
  }

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

  ._2017.kiy {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .text-132457, .text-132457.sccomp {
    justify-content: flex-end;
    align-items: center;
  }

  .div-block-24, .div-block-25 {
    flex-flow: column;
  }

  .container-18 {
    width: 290px;
  }

  .container-19, .container-20 {
    width: 300px;
  }

  .navbar-logo-left {
    width: 470px;
  }

  .navbar-logo-left-container.shadow-three {
    width: 480px;
  }

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

  .navbar-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    padding-left: 20px;
  }

  .nav-menu-two {
    flex-direction: column;
    width: 320px;
  }

  .nav-link-2.home.n.h {
    margin-top: 190px;
  }

  .nav-link-2.home.n.h.w--current {
    justify-content: center;
    align-items: flex-start;
    height: auto;
    margin-top: 0;
    display: flex;
  }

  .nav-link-2.about.current.rt.ag {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .navbar-no-shadow {
    justify-content: space-around;
    width: 100%;
    display: flex;
  }

  .navbar-no-shadow.change-height {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 90%;
    height: 80px;
    margin-left: 0;
    margin-right: 0;
  }

  .navbar-no-shadow-container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-menu {
    flex-direction: column;
  }

  .nav-button-wrapper {
    width: auto;
  }

  .container-22 {
    height: 480px;
  }

  .container-23 {
    padding-left: 20px;
  }

  .container-24 {
    justify-content: flex-start;
    align-items: center;
    height: 830px;
    margin-top: 40px;
  }

  .div-block-27 {
    width: 240px;
    height: 260px;
  }

  .heading-2 {
    font-size: 24px;
  }

  .paragraph {
    font-size: 12px;
    line-height: 24px;
  }

  .paragraph.sub {
    font-size: 15px;
  }

  .div-block-28 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .uxui {
    border-radius: 13px;
    width: 90vw;
    height: 100%;
  }

  .section-22 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 70vh;
    display: flex;
  }

  .section-22.brt {
    height: 600px;
  }

  .footer-2 {
    width: 100%;
    max-width: 270px;
    height: 470px;
  }

  .frame-1801288279 {
    width: 240px;
    height: 490px;
  }

  .frame-1801288280 {
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .text-132458, .text-132458.w--current {
    font-size: 14px;
  }

  .section-23 {
    height: 470px;
  }

  .image-9, .image-10 {
    width: 100px;
    height: 24px;
  }

  .image-11 {
    width: 100px;
    height: 24px;
    overflow: clip;
  }

  .image-12 {
    width: 68px;
    height: 18px;
  }

  .button-2 {
    border-radius: 999px;
    margin-bottom: 0;
  }

  .menu-button-4 {
    background-color: #0000;
  }

  .menu-button-4.w--open {
    z-index: 510;
    background-color: #000000e6;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .nav-link-4 {
    color: #fff;
    text-align: center;
  }

  .nav-link-5 {
    color: #fff;
    text-align: center;
    margin-top: 210px;
  }

  .container-25 {
    flex: 0 auto;
    justify-content: space-around;
    width: 100%;
    height: 0;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .navbar-2 {
    background-color: #1e1e1e00;
    justify-content: center;
    align-items: center;
    height: 50px;
  }

  .div-block-33 {
    z-index: 101;
  }

  .nav-menu-2 {
    z-index: 102;
    background-color: #000000e6;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    margin-top: 0;
    margin-left: 0;
    display: flex;
    position: fixed;
    inset: 0 0% auto;
  }

  .nav-link-6 {
    color: #fff;
    text-align: center;
  }

  .div-block-34 {
    z-index: 100;
    justify-content: space-between;
    width: 90%;
  }

  .container-26 {
    justify-content: center;
    align-items: flex-start;
    width: 90%;
    height: 70px;
    display: flex;
  }

  .container-27 {
    margin-top: 20px;
  }

  .container-28 {
    justify-content: flex-end;
    align-items: center;
    height: 60vh;
  }

  .container-28.ab {
    justify-content: center;
    align-items: center;
    height: 600px;
    margin-bottom: 0;
  }

  .container-29 {
    justify-content: center;
    align-items: center;
    height: 580px;
    display: flex;
  }

  .section-26 {
    height: 90vh;
  }

  .section-27 {
    height: auto;
  }

  .image-13 {
    margin-top: -200px;
  }

  .section-29 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .div-block-35, .div-block-36, .div-block-37 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 90vw;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .container-30.nti {
    height: 410px;
  }

  .section-30 {
    height: 540px;
  }

  .section-31 {
    width: 100%;
  }

  .container-32 {
    height: 580px;
    margin-top: 20px;
  }

  .container-34 {
    height: 620px;
  }

  .container-35 {
    height: 480px;
  }

  .textarea {
    width: 258px;
    max-width: 258px;
  }

  .textarea.message {
    width: 100%;
    min-width: 256px;
    max-width: 256px;
  }

  .textarea.car {
    min-width: 256px;
    max-width: 256px;
  }

  .section-33 {
    flex-flow: column;
    display: flex;
  }

  .image-14 {
    width: 100%;
    height: auto;
  }

  .svg-12 {
    color: #fff;
  }

  .path-12 {
    color: var(--white-opasity);
  }

  .style {
    color: #fff;
  }

  .svg-13 {
    color: #fff;
    z-index: 999999;
    width: 34px;
  }

  .path-13 {
    color: var(--white-opasity);
  }

  .svg-14 {
    width: 34px;
    margin-top: 57px;
    margin-right: 60px;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .svg-14.close {
    margin-top: 54px;
    margin-right: 50px;
  }
}

#w-node-_88a386dd-8f07-0c34-70f0-2d9f87e2971b-87e29718 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_88a386dd-8f07-0c34-70f0-2d9f87e2971d-87e29718, #w-node-_88a386dd-8f07-0c34-70f0-2d9f87e2971f-87e29718 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_88a386dd-8f07-0c34-70f0-2d9f87e29724-87e29718, #w-node-_88a386dd-8f07-0c34-70f0-2d9f87e29726-87e29718 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_88a386dd-8f07-0c34-70f0-2d9f87e2972d-87e29718, #w-node-_88a386dd-8f07-0c34-70f0-2d9f87e2972f-87e29718 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_88a386dd-8f07-0c34-70f0-2d9f87e29736-87e29718, #w-node-_88a386dd-8f07-0c34-70f0-2d9f87e29738-87e29718 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_88a386dd-8f07-0c34-70f0-2d9f87e2973f-87e29718 {
  grid-area: 2 / 1 / 3 / 2;
}