@font-face {
  font-family: 'webflow-icons';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');
  font-weight: normal;
  font-style: normal;
}
[class^="w-icon-"],
[class*=" w-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'webflow-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: Geist;
  src: url('../fonts/Geist-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

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

@font-face {
  font-family: Helveticaneueroman;
  src: url('../fonts/HelveticaNeueRoman.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --light-ffffff: white;
  --light-3b3e2d: #3b3e2d;
  --light-f5f6f1: #f5f6f1;
  --light-63655d: #63655d;
  --light-c3c7b2: #c3c7b2;
  --main-text-head: #c3a178;
  --secondary-bg: #f5efe6;
  --main-black: #171717;
  --red-text: #7e141f;
  --main-body: #600714;
  --dark-c3c7b2: #c3c7b2;
  --light-9da585: #9da585;
  --dark-292b21: #292b21;
  --dark-63655d: #63655d;
  --dark-f5f6f1: #f5f6f1;
  --dark-ffffff: white;
  --dark-656953: #656953;
}

.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-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

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

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

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

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

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

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

.w-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-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

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

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

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

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

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

body {
  color: #333;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  color: var(--light-ffffff);
  letter-spacing: -1.75px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Geist, Arial, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
}

p {
  color: var(--light-3b3e2d);
  letter-spacing: -.36px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

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

li {
  letter-spacing: -.36px;
  font-family: Helveticaneueroman, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

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

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

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

.nav-menu-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 816px;
}

.menu-button {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
}

.menu-button.w--open, .menu-button._01 {
  background-color: #0000;
}

.footer {
  background-color: #600714;
  background-image: url('../images/Clip-path-group.png');
  background-repeat: no-repeat;
  background-size: 654px;
  justify-content: center;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 24px;
  display: flex;
}

.divider {
  background-color: #0d0d0d;
  width: 100%;
  height: 1px;
}

.nav-menu-wrapper {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-color: var(--light-ffffff);
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: fixed;
  inset: 0%;
}

.hide {
  display: none;
}

.container-fluid {
  width: 100%;
  max-width: 1392px;
  margin-left: 24px;
  margin-right: 24px;
}

.style-guide-content {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  display: flex;
}

.footer-middle {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.para-04---semibold {
  margin-bottom: 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.radion-btn-wrap {
  width: 100%;
  max-width: 452px;
  position: relative;
}

.navbar-brand-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 280px;
  display: flex;
}

.main-wrapper {
  z-index: 2;
  background-color: var(--light-ffffff);
  position: relative;
}

.main-wrapper.for-ct2 {
  background-color: #600714;
}

.typography {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.para-02---regular {
  color: var(--light-f5f6f1);
  letter-spacing: -.4px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.radio-btn-item {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.studio-hero-title {
  width: 100%;
  max-width: 1045px;
}

.style-guide {
  padding-bottom: 80px;
}

.color-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-top: 16px;
  display: grid;
}

.color-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.color-box.light-63655d {
  background-color: var(--light-63655d);
}

.nav-inner {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1392px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  display: flex;
}

.button-form-block {
  width: 100%;
  margin-bottom: 0;
}

.heading-04---regular {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
}

.footer-top {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  max-width: 1282px;
  display: flex;
}

.style-guide-hero-content {
  color: var(--light-3b3e2d);
}

.nav-outter {
  justify-content: center;
  width: 100%;
  max-width: 1392px;
  margin-left: 24px;
  margin-right: 24px;
  display: flex;
  overflow: visible;
}

.navbar-brand {
  color: var(--light-f5f6f1);
  width: 156px;
  height: 38px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.heading-02---regular {
  letter-spacing: -5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 100px;
  font-weight: 400;
  line-height: 100px;
}

.nav-button-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.typography-title-wrap {
  width: 100%;
  max-width: 300px;
}

.footer-content {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.typography-title {
  color: var(--light-3b3e2d);
}

.footer-wrap {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1282px;
  margin-right: auto;
  display: flex;
}

.para-02---semibold {
  letter-spacing: -.4px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.style-guide-hero {
  padding-top: 80px;
  padding-bottom: 80px;
}

.style-guide-hero.container-full {
  background-color: var(--light-ffffff);
}

.menu-icon-wrap {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.footer-left {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  width: 100%;
  max-width: 516px;
  display: flex;
}

.page-wrapper {
  background-color: var(--light-ffffff);
  width: 100%;
  height: 100%;
}

.page-wrapper.for-ct2 {
  background-color: #600714;
}

.navbar {
  z-index: 5;
  background-color: #0000;
  border-radius: 50px;
  justify-content: center;
  width: 100%;
  padding-top: 24px;
  transition: width .2s;
  display: flex;
}

.color-box-wrap {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 190px;
  text-decoration: none;
  position: relative;
}

.typography-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.button-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center start;
  width: 100%;
  display: flex;
}

.navbar-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  display: flex;
}

.navbar-wrap {
  z-index: 5;
  justify-content: center;
  width: 100%;
  display: flex;
}

.heading-05---regular {
  letter-spacing: -1.6px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 36px;
}
.heading-06---regular {
  letter-spacing: -1.6px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 32px;
}

.para-03---regular {
  letter-spacing: -.36px;
  margin-bottom: 0;
  font-family: Helveticaneueroman, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.heading-03---regular {
  letter-spacing: -4px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 80px;
}

.text-container {
  color: var(--light-3b3e2d);
  flex-direction: column;
  text-decoration: none;
  display: flex;
}

.text-container.gap-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.footer-copyright {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  margin-top: 168px;
  padding-bottom: 24px;
  display: flex;
}

.para-01---regular {
  letter-spacing: -.48px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
}

.para-01---regular.light-3b3e2d-text {
  color: var(--light-ffffff);
}

.heading-01---light {
  letter-spacing: -6.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 124px;
  font-weight: 300;
  line-height: 116px;
}

.container-regular {
  flex: 1;
  width: 100%;
}

.color-name {
  letter-spacing: -.36px;
  font-family: Helveticaneueroman, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  inset: auto auto 12px 12px;
}

.container-full {
  justify-content: center;
  height: 100%;
  display: flex;
}

.container-full.cc-bottom-align {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.container-full.cc-bottom-align.hide {
  display: none;
}

.light-3b3e2d {
  background-color: var(--light-3b3e2d);
}

.light-c3c7b2 {
  background-color: var(--light-c3c7b2);
}

.light-ffffff {
  background-color: var(--light-ffffff);
}

.light-f5f6f1 {
  background-color: var(--light-f5f6f1);
}

.border-all-lightc3c7b2 {
  border: 1px solid var(--light-c3c7b2);
}

.heading-01---regular {
  letter-spacing: -6.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 124px;
  font-weight: 400;
  line-height: 116px;
}

.heading-01---medium {
  letter-spacing: -6.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 124px;
  font-weight: 500;
  line-height: 116px;
}

.heading-01---windsong {
  letter-spacing: -6.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Windsong, Arial, sans-serif;
  font-size: 124px;
  font-weight: 400;
  line-height: 116px;
}

.heading-02---windsong {
  letter-spacing: -5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Windsong, Arial, sans-serif;
  font-size: 100px;
  font-weight: 400;
  line-height: 100px;
}

.heading-02---windsong.cc-small {
  font-size: 40px;
}

.heading-04---wingson {
  letter-spacing: -4px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Windsong, Arial, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 48px;
}

.heading-04---medium {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

.para-04---regular {
  letter-spacing: -.32px;
  margin-bottom: 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.para-05---regular {
  letter-spacing: -.28px;
  margin-bottom: 0;
  font-family: Helveticaneueroman, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.para-06---all-caps {
  letter-spacing: .12px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.para-06---normal {
  color: #fff;
  letter-spacing: -.24px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.button-primary {
  background-color: var(--light-3b3e2d);
  color: var(--light-ffffff);
  border-radius: 999px;
  padding: 12px 24px;
  text-decoration: none;
  transition: all .2s;
}

.button-primary:hover {
  background-color: var(--light-c3c7b2);
  color: var(--light-3b3e2d);
}

.btn-text {
  letter-spacing: -.32px;
  text-transform: uppercase;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.btn-text.text-lg {
  letter-spacing: -.48px;
  font-size: 24px;
  line-height: 32px;
}

.button-secondary {
  border: 1px solid var(--main-text-head);
  color: var(--main-text-head);
  border-radius: 999px;
  padding: 12px 24px;
  text-decoration: none;
  transition: all .3s;
}

.button-secondary:where(.w-variant-64304a8f-6032-efe1-c5de-dddc6ce9b26a) {
  background-color: var(--light-ffffff);
}

.button-secondary:where(.w-variant-625b7a32-8de3-597c-7c7d-8d1bf89f7356) {
  color: var(--light-ffffff);
  transition: all .3s;
}

.button-secondary:where(.w-variant-f5a541e7-a2b2-8617-7835-f909f2e10eb4) {
  color: var(--secondary-bg);
  transition: all .3s;
}

.button-secondary:where(.w-variant-e46b2e35-01de-b53e-b657-c88dfeb58c39) {
  background-color: var(--light-ffffff);
  color: var(--light-3b3e2d);
}

.button-secondary:where(.w-variant-83966a74-a44c-302b-94f6-28ef5787a4f1) {
  border-color: var(--main-black);
  color: var(--main-black);
}

.button-secondary:where(.w-variant-7fe3c72e-3ff4-7627-243d-54607f4a38df) {
  border-color: var(--light-ffffff);
  color: var(--light-ffffff);
}

.button-secondary:hover {
  background-color: var(--light-3b3e2d);
  color: var(--light-ffffff);
}

.button-secondary:hover:where(.w-variant-625b7a32-8de3-597c-7c7d-8d1bf89f7356) {
  background-color: var(--light-ffffff);
  color: var(--light-3b3e2d);
}

.button-secondary:hover:where(.w-variant-f5a541e7-a2b2-8617-7835-f909f2e10eb4) {
  background-color: var(--main-text-head);
  color: var(--light-ffffff);
}

.button-secondary:hover:where(.w-variant-e46b2e35-01de-b53e-b657-c88dfeb58c39) {
  background-color: var(--light-c3c7b2);
  color: var(--light-3b3e2d);
}

.button-secondary:hover:where(.w-variant-7fe3c72e-3ff4-7627-243d-54607f4a38df) {
  color: var(--main-black);
  background-color: #fff;
}

.button-secondary.for-nav {
  padding: 8px 20px;
}

.button-secondary.for-nav:where(.w-variant-08549a15-1082-d1f2-9ebe-de4483b43ae3) {
  color: #fff;
  border-color: #fff;
  padding-bottom: 7px;
}

.button-secondary.for-nav:hover:where(.w-variant-08549a15-1082-d1f2-9ebe-de4483b43ae3) {
  color: #3b3e2d;
  background-color: #fff;
  padding-bottom: 7px;
  line-height: 17px;
}

.button-secondary.for-nav.cc-white {
  color: var(--main-black);
  background-color: #fff;
  border-style: none;
  padding-top: 10px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
}

.button-secondary.for-nav.cc-white:hover {
  color: #fff;
  background-color: #c3a178;
}

.button-secondary.for-nav.cc-white.show-mobile {
  display: none;
}

.button-secondary.outline {
  color: var(--light-ffffff);
  transition: all .3s;
}

.button-secondary.outline:hover {
  background-color: var(--light-ffffff);
  color: var(--light-3b3e2d);
}

.button-secondary.outline._01 {
  color: #fff;
  border-color: #c3c7b2;
}

.button-secondary.outline._01:hover {
  color: #3b3e2d;
  background-color: #fff;
}

.button-secondary.cta {
  background-color: var(--light-ffffff);
  color: var(--light-3b3e2d);
}

.button-secondary.cta:hover {
  background-color: var(--light-c3c7b2);
  color: var(--light-3b3e2d);
}

.button-secondary.cta._01 {
  color: #3b3e2d;
  background-color: #fff;
}

.button-secondary.cta._01:hover {
  background-color: #c3c7b2;
}

.primary-btn-text {
  letter-spacing: -.32px;
  text-transform: uppercase;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.filter-checkbox {
  border: 1.5px solid var(--light-3b3e2d);
  background-color: var(--light-ffffff);
  border-radius: 4px;
  width: 20px;
  height: 20px;
  margin-top: 0;
}

.filter-checkbox.w--redirected-checked {
  background-image: url('../images/Frame-1362788694-1.svg');
  background-position: 0 0;
  background-size: auto;
}

.filter-checkbox.w--redirected-focus {
  box-shadow: 0 0 #0000;
}

.checkbox-field {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.checkbox-label {
  color: var(--light-3b3e2d);
  margin-left: 12px;
}

.typoform {
  width: 100%;
}

.form-block {
  width: 100%;
  margin-bottom: 0;
}

.form-group-wrap {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  width: 100%;
  max-width: 880px;
  display: flex;
}

.from-group {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--light-63655d);
  flex-flow: column;
  display: flex;
}

.from-group._01 {
  border-top: 1px none var(--light-63655d);
  border-bottom: 1px solid #fff;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  height: 68px;
}

.from-group.first {
  border-top: 1px solid var(--light-ffffff);
}

.form-goup-inner {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  max-width: 416px;
  display: flex;
}

.form {
  width: 100%;
}

.form-text-field {
  border: 1px solid var(--light-c3c7b2);
  color: var(--light-3b3e2d);
  letter-spacing: -.28px;
  border-radius: 44px;
  width: 100%;
  height: 36px;
  margin-bottom: 0;
  padding: 8px 16px;
  font-family: Helveticaneueroman, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.form-text-field::placeholder {
  color: var(--light-63655d);
}

.form-text-area {
  border: 1px solid var(--light-c3c7b2);
  color: var(--light-3b3e2d);
  letter-spacing: -.28px;
  border-radius: 12px;
  width: 100%;
  height: 172px;
  min-height: 172px;
  margin-bottom: 0;
  padding: 16px;
  font-family: Helveticaneueroman, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.form-text-area::placeholder {
  color: var(--light-3b3e2d);
  letter-spacing: -.28px;
  font-family: Helveticaneueroman, Arial, sans-serif;
}

.form-text-field-02 {
  border-style: solid none;
  border-width: 1px;
  border-color: var(--light-63655d) black;
  color: var(--light-3b3e2d);
  letter-spacing: -.32px;
  background-color: #0000;
  border-radius: 0;
  width: 100%;
  height: 68px;
  margin-bottom: 0;
  padding: 8px 16px 8px 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.form-text-field-02::placeholder {
  color: var(--light-3b3e2d);
}

.form-text-area-02 {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--light-c3c7b2) var(--light-c3c7b2) var(--light-63655d);
  color: var(--light-3b3e2d);
  letter-spacing: -.32px;
  width: 100%;
  height: 231px;
  min-height: 231px;
  margin-bottom: 0;
  padding: 24px 16px 16px 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.form-text-area-02::placeholder {
  color: var(--light-3b3e2d);
  letter-spacing: -.32px;
  font-family: Helveticaneueroman, Arial, sans-serif;
}

.form-select {
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 44px;
  width: 100%;
  height: 36px;
  margin-bottom: 0;
  padding: 8px 16px;
  font-family: Helveticaneueroman, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.form-select:focus {
  border-color: var(--light-c3c7b2);
}

.form-select::placeholder {
  color: #fff;
}

.form-select-wrap {
  position: relative;
}

.select-down-ico {
  width: 12px;
  height: 12px;
  position: absolute;
  inset: 10px 16px 12px auto;
}

.form-select-box {
  background-color: #7e141f;
  border-radius: 20px;
  width: 14px;
  height: 14px;
  position: absolute;
  inset: 12px 2px auto auto;
}

.footer-right {
  flex-flow: column;
  width: 100%;
  max-width: 448px;
  display: flex;
}

.footer-left-body {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  max-width: 238px;
  text-decoration: none;
  display: flex;
}

.footer-left-title {
  color: var(--light-3b3e2d);
  letter-spacing: -.2px;
  font-weight: 500;
}

.footer-left-title.para-02---regular {
  color: var(--light-f5f6f1);
  font-family: Montserrat, sans-serif;
}

.footer-left-text {
  color: var(--light-f5f6f1);
  letter-spacing: -.16px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.footer-left-title-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-left-arrow {
  color: var(--light-f5f6f1);
  width: 20px;
  height: 20px;
}

.footer-left-arrow.cc-absol {
  position: absolute;
  inset: 25% 0% auto auto;
}

.form-text-wrap {
  position: relative;
}

.subscribe-field {
  border: 1px solid var(--light-c3c7b2);
  color: var(--light-3b3e2d);
  letter-spacing: -.32px;
  background-color: #0000;
  border-radius: 44px;
  width: 100%;
  height: 44px;
  margin-bottom: 0;
  padding: 0 4px 0 52px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 44px;
}

.subscribe-field:focus {
  border-color: var(--light-c3c7b2);
}

.subscribe-field::placeholder {
  color: var(--light-c3c7b2);
  letter-spacing: -.32px;
  font-weight: 400;
}

.from-group-02 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--light-3b3e2d);
  flex-flow: column;
  display: flex;
}

.envelop-ico {
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 12px auto 12px 24px;
}

.subsribe-btn {
  background-color: var(--light-ffffff);
  color: var(--red-text);
  border: 1px #000;
  border-radius: 24px;
  padding: 6px 16px;
  font-family: Helveticaneueroman, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  transition: all .2s;
  position: absolute;
  inset: 4px 4px 4px auto;
}

.subsribe-btn:hover {
  background-color: var(--light-c3c7b2);
  color: var(--light-3b3e2d);
}

.footer-menu-wrap {
  width: 100%;
  max-width: 448px;
}

.footer-menu-title {
  border-bottom: 1px solid var(--light-c3c7b2);
  color: var(--light-3b3e2d);
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 16px;
}

.footer-menu-title.heading-05---regular {
  color: var(--light-f5f6f1);
  font-family: Montserrat, sans-serif;
}

.footer-menu-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(120px, max-content);
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 32px;
  display: grid;
}

.footer-menu-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--light-f5f6f1);
  letter-spacing: -.32px;
  justify-content: flex-start;
  align-items: center;
  font-family: Helveticaneueroman, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.footer-menu-link.hide {
  display: none;
}

.addition-social-links {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.addition-social-links.mt-32 {
  margin-top: 2rem;
}

.addition-social-item {
  display: inline-flex; /* instead of block */
  justify-content: center;
  align-items: center;
  border: 1px solid var(--light-c3c7b2);
  color: var(--light-ffffff);
  border-radius: 44px;
  padding: 8px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  text-decoration: none;
  transition: all 0.3s ease;
  width: auto; /* ensure they size based on text */
}

.addition-social-item:hover {
  background-color: var(--light-f5f6f1);
  color: var(--red-text);
}

.menu-link-dot {
  background-color: var(--light-ffffff);
  border-radius: 10px;
  width: 4px;
  height: 4px;
}

.menu-link-text {
  color: var(--light-f5f6f1);
  font-family: Montserrat, sans-serif;
}

.footer-cp-link {
  color: var(--light-ffffff);
  letter-spacing: -.32px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.footer-bottom {
  background-image: url('../images/Footer-img.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 228px;
  padding-bottom: 24px;
  display: flex;
  overflow: hidden;
}

.footer-bottom-link {
  color: #fff;
  letter-spacing: -6.2px;
  font-family: Helveticaneueroman, Arial, sans-serif;
  font-size: 8vw;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.light-3b3e2d-text {
  color: var(--main-text-head);
}

.light-63655d-text {
  color: var(--light-63655d);
}

.light-c3c7b2-text {
  color: var(--light-c3c7b2);
}

.light-ffffff-text {
  color: var(--light-ffffff);
}

.navbar-brand-img {
  color: var(--light-3b3e2d);
  width: 100%;
  height: 100%;
}

.navbar-brand-img:where(.w-variant-08549a15-1082-d1f2-9ebe-de4483b43ae3) {
  color: #fff;
}

.menu-btn-ico {
  color: var(--light-3b3e2d);
  width: 100%;
  height: 100%;
}

.menu-btn-ico:where(.w-variant-08549a15-1082-d1f2-9ebe-de4483b43ae3) {
  color: #fff;
}

.nav-inner-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.nav-list {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  width: 100%;
  display: grid;
}

.nav-item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.nav-item-link {
  color: var(--light-3b3e2d);
  white-space: nowrap;
  text-decoration: none;
}

.nav-item-links {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 24px;
  display: flex;
}

.nav-quote {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--light-f5f6f1);
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  padding: 32px;
  display: flex;
}

.quote-body {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.quote-ico {
  color: var(--light-3b3e2d);
  width: 28px;
  height: 20px;
  display: block;
}

.quote-text {
  text-align: left;
}

.quote-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.quote-avatar {
  width: 32px;
  height: 32px;
}

.quote-name-role {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.nav-inner-bottom {
  background-image: url('../images/Nav-BG.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 104px;
  padding: 10px 32px;
  display: flex;
}

.nav-inner-menu {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  max-width: 1392px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.nav-bottom-text {
  color: var(--light-ffffff);
}

.changelog-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.changelog-info.light-3b3e2d-text {
  margin-top: 64px;
}

.changelog {
  padding-top: 80px;
  padding-bottom: 80px;
}

.changelog.container-full {
  background-color: var(--light-ffffff);
}

.changelog-content {
  color: var(--light-3b3e2d);
}

.changelog-title {
  width: 100%;
  max-width: 1045px;
}

.licenses {
  padding-top: 80px;
  padding-bottom: 80px;
}

.license-content {
  color: var(--light-3b3e2d);
}

.license-title-wrap.light-3b3e2d-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  max-width: 700px;
  display: flex;
}

.license-title {
  width: 100%;
  max-width: 1045px;
}

.license-info {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  width: 100%;
  max-width: 700px;
  margin-top: 64px;
  display: flex;
}

.license-info-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.license-info-item.light-3b3e2d-text {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.license-item-top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.license-item-link {
  color: var(--light-3b3e2d);
  text-decoration: none;
}

.license-item-link.para-02---semibold {
  text-decoration: underline;
}

.not-found {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 539px;
  display: flex;
}

.not-found-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.not-found-img {
  width: 100%;
  max-width: 288px;
  height: auto;
}

.not-found-info {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.not-found-info-text.heading-05---regular {
  text-align: center;
}

.protected-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.protected-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.protected-img {
  width: 100%;
  max-width: 288px;
  height: auto;
}

.protected {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 539px;
  display: flex;
}

.protected-text.heading-05---regular {
  text-align: center;
}

.prtected-form {
  width: 100%;
  max-width: 437px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.protected-field {
  border: 1px solid var(--light-c3c7b2);
  background-color: var(--light-ffffff);
  color: var(--light-3b3e2d);
  letter-spacing: -.28px;
  border-radius: 44px;
  width: 100%;
  height: 52px;
  margin-bottom: 0;
  padding: 16px 24px;
  font-family: Helveticaneueroman, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.protected-field:focus {
  border-color: var(--light-c3c7b2);
}

.protected-field::placeholder {
  color: var(--light-63655d);
  font-family: Helveticaneueroman, Arial, sans-serif;
  font-weight: 400;
}

.protected-btn {
  background-color: var(--light-3b3e2d);
  color: var(--light-ffffff);
  text-transform: uppercase;
  border: 1px #000;
  border-radius: 999px;
  width: 100%;
  padding: 16px;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.protected-form-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.contact-hero-01 {
  width: 100%;
  height: 390px;
  position: relative;
  overflow: hidden;
}

.contact-hero-img-01 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.contact-01.container-full {
  background-color: var(--main-body);
  padding-top: 80px;
  padding-bottom: 80px;
}

.contact-content-01 {
  width: 100%;
  max-width: 1274px;
}

.contact-head-01 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  display: flex;
}

.contact-head-01.light-ffffff-text {
  border-bottom: 1px solid var(--light-63655d);
  padding-bottom: 80px;
}

.contact-head-body-01 {
  grid-column-gap: 92px;
  grid-row-gap: 92px;
  flex-flow: column;
  width: 100%;
  max-width: 568px;
  display: flex;
}

.contact-head-title-01.heading-02---regular {
  width: 100%;
  max-width: 326px;
}

.contact-address-01 {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  display: flex;
}

.contact-address-item-01 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  max-width: 197px;
  display: flex;
}

.contact-address-inner-item {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.contact-body-01 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 64px;
  display: flex;
}

.contact-body-title-01 {
  color: var(--light-ffffff);
}

.contact-body-title-01.heading-04---regular {
  width: 100%;
  max-width: 188px;
}

.contact-form-wrap-01 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  width: 100%;
  max-width: 568px;
  display: flex;
}

.contact-form-text-01 {
  color: var(--light-ffffff);
}

.contact-form-block-01 {
  margin-bottom: 0;
}

.form-goup-01 {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.contact-text-field-01 {
  color: #fff;
  letter-spacing: -.32px;
  background-color: #0000;
  border: 1px #000;
  border-top-color: #fff;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  width: 100%;
  height: 68px;
  margin-bottom: 0;
  padding: 8px 16px 8px 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.contact-text-field-01:focus {
  border-bottom-color: var(--light-ffffff);
}

.contact-text-field-01::placeholder {
  color: #fff;
}

.contact-text-area-01 {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--light-c3c7b2) var(--light-c3c7b2) var(--light-63655d);
  color: var(--light-c3c7b2);
  letter-spacing: -.32px;
  background-color: #0000;
  width: 100%;
  height: 231px;
  min-height: 231px;
  margin-bottom: 0;
  padding: 24px 16px 16px 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.contact-text-area-01:focus {
  border-bottom-color: var(--light-ffffff);
}

.contact-text-area-01::placeholder {
  color: var(--light-c3c7b2);
  letter-spacing: -.32px;
  font-family: Helveticaneueroman, Arial, sans-serif;
}

.contact-checkbox-label-01 {
  color: var(--light-c3c7b2);
  margin-left: 8px;
}

.contact-checkbox-label-01.para-04---regular {
  font-family: Montserrat, sans-serif;
}

.contact-checkbox-01 {
  width: 14px;
  height: 14px;
  margin-top: 0;
}

.contact-checkbox-01.w--redirected-checked {
  background-color: var(--light-ffffff);
  background-image: url('../images/Frame-1362788694-2.svg');
  background-position: 0 0;
  background-size: auto;
  box-shadow: 0 0 #0000;
}

.contact-checkbox-01.w--redirected-focus {
  box-shadow: 0 0 #0000;
}

.contact-checkbox-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.contact-checkbox-text-01 {
  color: var(--light-c3c7b2);
  width: 100%;
  max-width: 216px;
}

.contact-btn-01 {
  border: 1px solid var(--light-ffffff);
  color: var(--light-ffffff);
  letter-spacing: -.32px;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 44px;
  width: 100%;
  margin-top: 80px;
  padding: 12px;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  transition: all .3s;
}

.contact-btn-01:hover {
  background-color: var(--light-ffffff);
  color: var(--light-3b3e2d);
}

.contact-02 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.contact-content-02 {
  color: var(--light-3b3e2d);
}

.contact-content-02.home-02 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.contact-title-wrap-02.light-3b3e2d-text {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  max-width: 1108px;
  display: flex;
}

.contact-title-02 {
  width: 100%;
  max-width: 1045px;
}

.contact-info-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 56px;
  margin-bottom: 40px;
  display: grid;
}

.contact-info-item {
  grid-column-gap: 84px;
  grid-row-gap: 84px;
  background-color: var(--light-ffffff);
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  padding: 32px 46px 32px 32px;
  display: flex;
}

.contact-info-item.home-page {
  grid-column-gap: 84px;
  grid-row-gap: 84px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

.contact-info-text {
  color: var(--light-3b3e2d);
  text-decoration: none;
}

.contact-slider-02 {
  background-color: #0000;
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.contact-mask-02 {
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.contact-arrow-02 {
  width: 44px;
  height: 44px;
  inset: auto 24px 24px auto;
}

.contact-arrow-02.left {
  right: 80px;
}

.contact-maps-02 {
  border-radius: 12px;
  width: 100%;
  height: 700px;
  position: relative;
  overflow: hidden;
}

.contact-map-img-02 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.contact-map-info-02 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: var(--light-ffffff);
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  max-width: 437px;
  padding: 32px;
  display: flex;
  position: absolute;
  inset: auto auto 24px 24px;
}

.contact-map-info-02._02 {
  max-width: 283px;
  padding: 20px;
}

.contact-map-info-top-02 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.contact-03 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.contact-content-03 {
  color: var(--light-3b3e2d);
}

.contact-form-wrap-03 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  width: 100%;
  max-width: 595px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contact-form-head-03 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contact-form-block-03 {
  width: 100%;
  margin-bottom: 0;
}

.form-group-wrap-03 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.form-goup-inner-03 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.from-group-03 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: var(--light-63655d);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.form-text-field-03 {
  border: 1px solid var(--light-c3c7b2);
  color: var(--light-63655d);
  letter-spacing: -.28px;
  background-color: #0000;
  border-radius: 44px;
  width: 100%;
  height: 44px;
  margin-bottom: 0;
  padding: 12px 20px;
  font-family: Helveticaneueroman, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.form-text-field-03:focus {
  border-color: var(--light-3b3e2d);
}

.form-text-field-03::placeholder {
  color: var(--light-63655d);
}

.form-select-03 {
  border: 1px solid var(--light-c3c7b2);
  color: var(--light-63655d);
  letter-spacing: -.28px;
  background-color: #0000;
  border-radius: 44px;
  width: 100%;
  height: 44px;
  margin-bottom: 0;
  padding: 12px 20px;
  font-family: Helveticaneueroman, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.form-select-03:focus {
  border-color: var(--light-3b3e2d);
}

.form-select-box-03 {
  background-color: var(--light-f5f6f1);
  border-radius: 20px;
  width: 14px;
  height: 14px;
  position: absolute;
  inset: 12px 2px auto auto;
}

.select-down-ico-03 {
  width: 12px;
  height: 12px;
  position: absolute;
  inset: 14px 20px 16px auto;
}

.form-text-area-03 {
  border: 1px solid var(--light-c3c7b2);
  color: var(--light-3b3e2d);
  letter-spacing: -.28px;
  background-color: #0000;
  border-radius: 12px;
  width: 100%;
  height: 236px;
  min-height: 236px;
  margin-bottom: 0;
  padding: 16px;
  font-family: Helveticaneueroman, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.form-text-area-03:focus {
  border-color: var(--light-3b3e2d);
}

.form-text-area-03::placeholder {
  color: var(--light-3b3e2d);
  letter-spacing: -.28px;
  font-family: Helveticaneueroman, Arial, sans-serif;
}

.ct-btn-03 {
  border: 1px solid var(--light-f5f6f1);
  background-color: var(--light-3b3e2d);
  color: var(--light-ffffff);
  letter-spacing: -.32px;
  text-transform: uppercase;
  border-radius: 44px;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 12px;
  padding: 12px 20px;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  transition: all .3s;
}

.ct-btn-03:hover {
  border-color: var(--light-3b3e2d);
  background-color: var(--light-f5f6f1);
  color: var(--light-3b3e2d);
}

.ct-btn-03.btn-single {
  color: var(--main-black);
  background-color: #fff;
}

.checkbox-03 {
  background-color: #0000;
  width: 14px;
  height: 14px;
  margin-top: 0;
}

.checkbox-03.w--redirected-checked {
  background-color: var(--light-3b3e2d);
  background-image: url('../images/Frame-1362788694-1.svg');
  background-position: 0 0;
  background-size: auto;
}

.checkbox-03.w--redirected-focus {
  background-color: #0000;
  border: 1px #000;
  box-shadow: 0 0 #0000;
}

.checkbox-label-03 {
  margin-bottom: 0;
  margin-left: 8px;
}

.checkbox-wrap-03 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.ct-infos-03 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  padding-top: 160px;
  display: flex;
}

.ct-info-title-03.heading-03---regular {
  text-align: center;
}

.ct-info-wrap-03 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  display: flex;
}

.contact-slider-03 {
  background-color: #0000;
  border-radius: 12px;
  width: 100%;
  max-width: 921px;
  height: 500px;
}

.contact-maps-03 {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.contact-info-item-03 {
  grid-column-gap: 84px;
  grid-row-gap: 84px;
  background-color: var(--light-ffffff);
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  max-width: 451px;
  padding: 40px;
  display: flex;
}

.contact-info-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.contact-info-top-03 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.contact-info-text-03 {
  text-decoration: none;
}

.product-single.container-full {
  padding-top: 80px;
}

.product-single-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  width: 100%;
  max-width: 1158px;
  display: flex;
}

.product-single-thumbs {
  background-color: var(--light-ffffff);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  padding: 59px 30px;
  display: flex;
}

.product-single-body {
  width: 100%;
  max-width: 452px;
}

.product-body-top.light-3b3e2d-text {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.product-body-middle {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-top: 56px;
  display: flex;
}

.product-body-desc, .product-body-rich {
  color: var(--light-3b3e2d);
}

.product-body-bottom {
  margin-top: 48px;
}

.product-single-btn {
  border: 1px solid var(--light-f5f6f1);
  background-color: var(--light-3b3e2d);
  color: var(--light-ffffff);
  text-align: center;
  letter-spacing: -.32px;
  text-transform: uppercase;
  border-radius: 999px;
  width: 100%;
  margin-top: 0;
  padding: 12px 20px;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  transition: all .3s;
}

.product-single-btn:hover {
  border-color: var(--light-3b3e2d);
  background-color: var(--light-f5f6f1);
  color: var(--light-3b3e2d);
}

.product.container-full {
  padding-top: 80px;
  padding-bottom: 120px;
}

.product.container-full.prdct-single {
  padding-bottom: 80px;
}

.product-content {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  display: flex;
}

.product-head {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: var(--light-3b3e2d);
  flex-flow: column;
  display: flex;
}

.product-list {
  grid-column-gap: 20px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.product-item-img-wrap {
  background-color: var(--light-ffffff);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 451px;
  height: 540px;
  display: flex;
}

.product-item-body {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.product-item-left {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--light-3b3e2d);
  flex-flow: column;
  display: flex;
}

.about-hero {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.about-hero-title {
  width: 100%;
  max-width: 1218px;
}

.about-hero-title-wrap {
  width: 100%;
  max-width: 1390px;
  margin-left: auto;
  margin-right: auto;
}

.about-hero-title-wrap.light-ffffff-text {
  color: #c3a178;
  max-width: 100%;
  padding-top: 465px;
  padding-bottom: 32px;
  position: relative;
}

.about {
  background-color: var(--light-3b3e2d);
  padding-top: 80px;
  padding-bottom: 90px;
}

.about.container-full {
  background-color: var(--main-body);
  background-image: url('../images/Clip-path-group-1.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 458px;
}

.about.container-full.testimonial-wrap {
  background-image: url('../images/Company_Profile_V4_compressed-1-02-02.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 16rem;
  padding-top: 0;
  padding-bottom: 60px;
  display: none;
  overflow: hidden;
}

.about.container-full.cc-white {
  background-color: var(--secondary-bg);
}

.about-head {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  width: 100%;
  max-width: 1180px;
  display: flex;
}

.about-head-text {
  white-space: nowrap;
}

.about-head-text.para-02---regular {
  color: var(--main-text-head);
  white-space: normal;
}

.about-head-text.para-02---regular.cc-text-black {
  color: var(--main-black);
}

.about-head-texts {
  grid-column-gap: 40px;
  grid-row-gap: 12px;
  color: var(--main-black);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 750px;
  padding-bottom: 0;
  padding-left: 20px;
  display: grid;
}

.about-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  width: 100%;
  max-width: 1274px;
  margin-top: 120px;
  display: flex;
}

.about-body-thumbs {
  perspective: 1000px;
  perspective-origin: 50%;
  transform-origin: 50%;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 642px;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-body-thumb {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.about-body-info {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  width: 100%;
  max-width: 568px;
  display: flex;
}

.about-body-info-title.heading-02---regular.light-ffffff-text {
  color: var(--main-black);
  font-family: Montserrat, sans-serif;
}

.about-body-info-wrap {
  justify-content: space-between;
  display: flex;
}

.info-wrap-right {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 450px;
  display: flex;
}

.info-wrap-right-text.para-03---regular {
  color: var(--main-text-head);
  font-family: Montserrat, sans-serif;
}

.info-wrap-right-text.para-03---regular.cc-text-black {
  color: var(--main-black);
}

.info-wrap-right-texts {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.about-body-info-text.para-03---regular {
  color: var(--main-text-head);
  font-family: Montserrat, sans-serif;
}

.about-body-info-text.para-03---regular.opacity-0 {
  opacity: 0;
}

.about-body-info-text.para-03---regular.cc-text-black {
  color: var(--main-black);
}

.about-testimonial {
  grid-column-gap: 58px;
  grid-row-gap: 58px;
  flex-flow: column;
  width: 100%;
  max-width: 922px;
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.about-testimonial.light-ffffff-text {
  position: relative;
}

.about-testimonial.light-ffffff-text.cc-width-auto {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  max-width: none;
  margin-top: 60px;
}

.about-testimonial-info {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.about-testimonioal-avatar {
  object-fit: cover;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.about-testimonial-name.para-02---regular {
  color: var(--main-black);
}

.about-testimonial-name.para-02---regular.text-align-right {
  text-align: right;
}

.about-testimonial-name.para-02---regular.arabic-txt {
  direction: rtl;
  color: var(--main-text-head);
  font-family: Amiri, sans-serif;
}

.about-testimonial-name.para-01---regular {
  color: #fff;
}

.about-testimonial-role.para-05---regular {
  color: var(--main-black);
  font-family: Montserrat, sans-serif;
}

.about-testimonial-role.para-05---regular.text-color-gold {
  color: var(--main-text-head);
}

.about-testimonial-role.para-02---regular.light-c3c7b2-text {
  color: #c3c7b2;
}

.about-testimonial-text.heading-04---regular {
  color: var(--main-black);
  font-family: Montserrat, sans-serif;
}

.about-testimonial-text.heading-04---regular.text-align-right {
  text-align: right;
}

.about-testimonial-text.heading-04---regular.arabic-txt {
  direction: rtl;
  color: #d4b98c;
  text-align: right;
  font-family: Scheherazade New, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 2.5rem;
}

.about-testimonial-ico {
  width: 100%;
  max-width: 108px;
  position: absolute;
  top: -40px;
  left: -32px;
}

.content-01.container-full {
  padding-top: 80px;
  padding-bottom: 80px;
}

.content-wrap {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.content-wrap._02 {
  flex-flow: row;
}

.content-body {
  width: 100%;
  max-width: 568px;
}

.content-body.light-3b3e2d-text {
  position: sticky;
  top: 40px;
}

.content-title-01.heading-03---regular.text-white {
  color: var(--light-ffffff);
}

.cotnent-text-01 {
  margin-top: 40px;
  margin-bottom: 48px;
}

.cotnent-text-01.para-03---regular.text-white {
  color: var(--light-ffffff);
}

.content-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  width: 100%;
  max-width: 633px;
  display: flex;
}

.content-item {
  background-color: var(--red-text);
  color: var(--light-3b3e2d);
  border-radius: 12px;
  padding: 40px 32px;
}

.content-item-ico {
  color: var(--light-ffffff);
  width: 64px;
  height: 64px;
}

.content-item-title {
  margin-top: 25px;
  margin-bottom: 16px;
}

.content-item-title.heading-04---regular.text-white {
  color: var(--light-ffffff);
}

.team.container-full {
  padding-top: 80px;
  padding-bottom: 80px;
}

.team.container-full.hide {
  display: none;
}

.team-content {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.team-head {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.team-head.light-3b3e2d-text {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.team-list {
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.team-avatar-wrap {
  border-radius: 8px;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.team-avatar {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.team-item-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.about-cta {
  flex-flow: column;
  justify-content: flex-end;
  display: flex;
  overflow: clip;
}

.about-cta.container-full {
  padding-top: 227px;
  padding-bottom: 227px;
}

.cta-head {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1076px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cta-title.heading-01---medium {
  text-align: center;
}

.cta-title-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cta-ico {
  width: 74px;
  height: 84px;
}

.cta-btn-wrap {
  margin-top: 88px;
}

.cta-title-02.heading-01---medium {
  text-align: center;
  display: none;
}

.blog-single-hero {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.blog-single-hero-title {
  width: 100%;
  max-width: 1157px;
  position: relative;
}

.blog-single-hero-title-wrap {
  width: 100%;
  max-width: 1390px;
  margin-left: auto;
  margin-right: auto;
}

.blog-single-hero-title-wrap.light-ffffff-text {
  height: 100%;
  padding-top: 440px;
  padding-bottom: 40px;
}

.blog-single.container-full {
  padding-top: 80px;
  padding-bottom: 80px;
}

.blog-single-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  width: 100%;
  max-width: 1157px;
  display: flex;
}

.blog-left {
  width: 100%;
  max-width: 248px;
}

.blog-single-info {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 100%;
  max-width: 804px;
  display: flex;
}

.blog-info-date {
  border-bottom: 1px solid var(--light-c3c7b2);
  color: var(--light-3b3e2d);
  padding-top: 12px;
  padding-bottom: 12px;
}

.blog-info-date.para-06---all-caps {
  color: var(--light-ffffff);
  margin-bottom: 24px;
}

.blog-info-rich {
  color: #fff;
}

.blog-info-rich p {
  color: var(--light-ffffff);
}

.blog-single-table {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
  position: sticky;
  top: 40px;
  overflow: hidden;
}

.table-list {
  background-color: var(--light-ffffff);
  flex-flow: column;
  display: flex;
}

.table-link-item {
  color: var(--light-3b3e2d);
  text-decoration: none;
}

.table-link-item.para-05---regular {
  border-left: 1px solid var(--light-ffffff);
  padding-left: 11px;
  display: block;
}

.table-link-item.para-05---regular.w--current {
  border-left-color: var(--light-3b3e2d);
}

.table-title {
  background-color: var(--light-3b3e2d);
  color: var(--light-ffffff);
  padding: 12px;
}

.table-title.para-06---all-caps {
  background-color: var(--red-text);
}

.table-link-item-wrap {
  padding-top: 8px;
  padding-bottom: 8px;
}

.blog-hero {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.blog-hero-title-wrap {
  width: 100%;
  max-width: 1390px;
  margin-left: auto;
  margin-right: auto;
}

.blog-hero-title-wrap.light-ffffff-text {
  color: #fff;
  max-width: 680px;
  padding-top: 157px;
  padding-bottom: 80px;
  position: relative;
}

.feature-blog.container-full {
  background-color: var(--main-body);
  padding-top: 80px;
  padding-bottom: 80px;
}

.feature-blog-content {
  color: var(--light-ffffff);
}

.feature-blog-title {
  margin-top: 0;
  margin-bottom: 32px;
}

.feature-blog-item-subtext {
  color: var(--light-ffffff);
}

.feature-blog-item-title {
  color: var(--light-ffffff);
  margin-top: 12px;
  margin-bottom: 24px;
}

.feature-blog-item-thumbs {
  border-radius: 12px;
  width: 100%;
  height: 700px;
  overflow: hidden;
}

.feature-blog-item-thumb {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blogs.container-full {
  background-image: url('../images/Clip-path-group-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 806px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.blog-list {
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-sub-title-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-item-thumbs {
  border-radius: 12px;
  width: 100%;
  height: 380px;
  position: relative;
  overflow: hidden;
}

.blog-item-title {
  margin-top: 12px;
  margin-bottom: 24px;
}

.blog-item-title.heading-05---regular {
  color: var(--main-text-head);
  font-family: Montserrat, sans-serif;
}

.blog-item-btn {
  color: var(--main-text-head);
  letter-spacing: -.32px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.blog-link {
  width: 100%;
  text-decoration: none;
}

.blog-item-subtext {
  color: var(--light-3b3e2d);
}

.blog-item-subtext.para-04---regular {
  color: var(--main-text-head);
  font-family: Montserrat, sans-serif;
}

.blog-title {
  margin-top: 0;
  margin-bottom: 32px;
}

.blog-title.heading-04---regular {
  color: var(--light-3b3e2d);
}

.blog-title.heading-04---regular.text-white {
  color: var(--light-ffffff);
}

.blog-item-thumb {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.property-single {
  padding-top: 80px;
  padding-bottom: 80px;
}

.property-single-sub {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.property-single-sub-text {
  text-decoration: none;
}

.property-single-sub-text.para-02---regular.light-63655d-text {
  color: var(--light-ffffff);
}

.property-single-sub-text.para-02---semibold.light-3b3e2d-text {
  color: var(--light-ffffff);
  font-family: Montserrat, sans-serif;
}

.property-single-sub-icon {
  color: var(--light-ffffff);
  width: 20px;
  height: 20px;
}

.propery-head-tabs {
  width: 100%;
  height: 100%;
}

.property-head-tabs-menu {
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.property-tab-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.property-single-tab-link {
  border-radius: 8px;
  width: 100%;
  max-width: 215px;
  height: 150px;
  padding: 0;
  overflow: hidden;
}

.property-single-tab-pane {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.property-single-tab-pane-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.pr-single-img-wrap {
  border-radius: 12px;
  width: 100%;
  height:  100%;
  overflow: hidden;
}

.pr-single-tab-pange-gap {
  width: 100%;
  height: 170px;
}

.property-single-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  padding-top: 56px;
  display: flex;
}

.property-body-info {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 100%;
  max-width: 804px;
  display: flex;
}

.property-onwer-wrap {
  width: 100%;
  max-width: 451px;
}

.property-owner-info {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 40px;
}

.property-owner-head {
  background-color: var(--light-ffffff);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 32px;
  display: flex;
}

.property-owner-head.light-3b3e2d-text {
  background-color: var(--red-text);
}

.propery-owner-img {
  border-radius: 999px;
  width: 96px;
  height: 96px;
}

.property-owner-name {
  margin-top: 24px;
  margin-bottom: 8px;
}

.property-owner-agent {
  margin-bottom: 35px;
}

.property-owner-btn {
  border: 1px solid var(--dark-c3c7b2);
  color: var(--light-3b3e2d);
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 999px;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  transition: all .3s;
}

.property-owner-btn:hover {
  background-color: var(--light-3b3e2d);
  color: var(--light-ffffff);
}

.property-owner-btn._02 {
  border-style: solid;
  border-color: var(--light-ffffff);
  background-color: var(--light-3b3e2d);
  color: var(--light-ffffff);
}

.property-owner-btn._02:hover {
  border-style: solid;
  border-color: var(--light-3b3e2d);
  background-color: var(--light-ffffff);
  color: var(--light-3b3e2d);
}

.property-owner-btn.white-btn {
  background-color: #fff;
}

.property-owner-btn.white-btn:hover {
  background-color: #0000;
}

.property-owner-btn.white-border-btn {
  color: #fff;
  border-color: #fff;
}

.property-addtional-info {
  border-radius: 12px;
  padding: 32px 24px;
}

.additional-info-head {
  color: var(--light-3b3e2d);
}

.addtion-info-head-text {
  margin-top: 8px;
  margin-bottom: 40px;
}

.additional-more-infos {
  margin-top: 32px;
}

.addtion-more-info {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.addtion-more-info.light-3b3e2d-text {
  border-bottom: 1px solid #c3c7b2;
  flex-flow: wrap;
}

.more-info-left {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.more-info-ico {
  width: 24px;
  height: 24px;
}

.property-info-head {
  border-bottom: 1px solid #c3c7b2;
  padding-bottom: 40px;
}

.property-info-location {
  margin-top: 12px;
  margin-bottom: 32px;
}

.property-head-additional {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.additional-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.additional-item.hide {
  display: none;
}

.addtion-icon {
  color: var(--light-3b3e2d);
  width: 24px;
  height: 24px;
}

.addtion-icon._01 {
  color: #c3a178;
  width: 20px;
  height: 20px;
}

.addtion-icon._01.text-white {
  color: var(--light-ffffff);
}

.additional-txt {
  color: var(--light-3b3e2d);
}

.additional-txt.para-04---regular {
  color: #c3a178;
  font-family: Montserrat, sans-serif;
}

.additional-txt.para-04---regular.text-white {
  color: var(--light-ffffff);
}

.body-local-infos {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 1px solid #c3c7b2;
  flex-flow: column;
  padding-bottom: 40px;
  display: flex;
}

.local-info-tabs {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
}

.local-tab-menus {
  display: inline-flex;
}

.local-tab-menu {
  color: #fff;
  background-color: #0000;
  border-bottom: 1px solid #c3c7b2;
  padding: 12px 22px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.local-tab-menu.w--current {
  background-color: #0000;
  border-bottom: 1px solid #fff;
}

.local-info-tab-contents {
  margin-top: 24px;
}

.local-info-pane-link {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.local-info-pane-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.body-description {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 1px solid #c3c7b2;
  flex-flow: column;
  padding-bottom: 40px;
  display: flex;
}

.body-desc-title.heading-05---regular {
  color: var(--light-3b3e2d);
}

.body-desc-title.heading-05---regular.text-white {
  color: var(--light-ffffff);
}

.body-amenities {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 1px solid #c3c7b2;
  flex-flow: column;
  padding-bottom: 40px;
  display: flex;
}

.body-amnenities-list {
  grid-column-gap: 80px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.body-amnenities-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.amnenities-ico {
  width: 24px;
  height: 24px;
}

.energy-class-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-top: 32px;
  margin-bottom: 32px;
  display: flex;
}

.energy-class-item {
  justify-content: space-between;
  display: flex;
}

.energy-class-text {
  color: var(--light-3b3e2d);
}

.energy-class-stat {
  width: 100%;
  height: auto;
  display: none;
}

.affordability-texts {
  margin-top: 32px;
}

.affordability-text {
  margin-bottom: 4px;
}

.affordability-calc {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #7e141f;
  border-radius: 12px;
  flex-flow: column;
  margin-top: 20px;
  padding: 32px 24px;
  display: flex;
}

.affordability-ranges {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.35fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.affordability-range {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.affordability-range-head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.range-head-text.para-04---regular {
  font-family: Montserrat, sans-serif;
}

.range-head-value {
  border: 1px solid var(--dark-c3c7b2);
  border-radius: 44px;
  padding: 8px 16px;
  display: inline-block;
}

.range-head-value.para-05---regular {
  font-family: Montserrat, sans-serif;
}

.range-slider-wrap {
  width: 100%;
  height: 2px;
  position: relative;
}

.range-line {
  z-index: 1;
  background-color: var(--dark-c3c7b2);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.range-line.active-line {
  z-index: 2;
  background-color: #fff;
  width: 70%;
}

.range-line-box {
  z-index: 3;
  position: absolute;
  inset: 50% auto auto 70%;
  transform: translate(0, -50%);
}

.contact-agent {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.contact-agent-body {
  background-color: var(--red-text);
  border-radius: 12px;
  padding: 0 24px 32px;
}

.parent-tab-menu {
  display: flex;
}

.parent-tab-link {
  border-bottom: 1px solid var(--light-ffffff);
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px;
  display: flex;
}

.parent-tab-link.para-04---regular {
  color: #fff;
  font-family: Montserrat, sans-serif;
}

.parent-tab-link.para-04---regular.w--current {
  border-bottom-color: var(--light-3b3e2d);
  background-color: #0000;
}

.parent-tab-link.para-04---regular.active {
  color: #fff;
  border-bottom-color: #fff;
}

.parent-tab-content {
  margin-top: 40px;
}

.parent-pan-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  display: flex;
}

.parent-pan-thumb {
  width: 100%;
  max-width: 274px;
  height: auto;
}

.parent-pan-thum-img {
  color: #fff;
  width: 100%;
}

.parent-pan-right {
  width: 100%;
  max-width: 416px;
}

.agent-calender-item {
  border: 1px solid var(--dark-c3c7b2);
  cursor: pointer;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.addition-txt-wrap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.range-head-value-wrap {
  border: 1px solid var(--dark-c3c7b2);
  border-radius: 44px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.range-head-val {
  padding: 8px 16px;
  font-family: Montserrat, sans-serif;
  display: inline-block;
}

.range-head-val._01 {
  border-right: 1px solid var(--dark-c3c7b2);
}

.form-block-single {
  width: 100%;
  max-width: 235px;
  margin-bottom: 0;
}

.from-group-single {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.property-01 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.property-content-01 {
  color: var(--light-3b3e2d);
}

.property-content-01.inner {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.property-title-01 {
  width: 100%;
  max-width: 1045px;
}

.property-title-01.heading-02---regular {
  color: #fff;
}

.property-options-01 {
  z-index: 1;
  margin-top: 76px;
  margin-bottom: 56px;
  position: relative;
}

.form-option-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1325px;
  display: flex;
}

.option-dropdown-01 {
  z-index: 1;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.option-dropdown-01._01 {
  max-width: 215px;
}

.option-dropdown-01._02 {
  max-width: 270px;
}

.option-dropdown-01._03 {
  max-width: 216px;
}

.option-dropdown-01._04 {
  max-width: 180px;
}

.option-dropdown-toggle {
  z-index: 10;
  border-bottom: 1px solid var(--light-ffffff);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 0 16px;
  display: flex;
}

.option-item-01 {
  z-index: 10;
  background-color: var(--light-ffffff);
  border-radius: 8px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
}

.filter-checkbox-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--light-3b3e2d);
  flex-flow: column;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
}

.filter-checkbox-wrap._02 {
  padding-top: 20px;
  padding-bottom: 0;
}

.filter-checkbox-wrap.another {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-top: 0;
  padding-bottom: 16px;
}

.filter-checkbox-wrap.another-02 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  padding-top: 0;
  padding-bottom: 0;
}

.filter-checkbox-field {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  
}

.filter-checkbox-field.hide {
  display: none;
}

.dropdown-arrow {
  width: 24px;
  height: 24px;
}

.dropdown-arrow.light-3b3e2d-text {
  color: var(--light-ffffff);
}

.filter-checkbox-text {
  color: #333;
  margin-left: 10px;
  text-decoration: none;
}

.filter-checkbox-text.para-04---regular.left-none {
  margin-left: 0;
  color: #333;
}

.property-list-01 {
  grid-column-gap: 20px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.property-item-01._03 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.property-thumb-wrap-01 {
  border-radius: 12px;
  width: 100%;
  height: 450px;
  position: relative;
  overflow: hidden;
}

.property-thumb-wrap-01._02 {
  border-radius: 8px;
  height: 260px;
}

.property-thumb-01 {
  object-fit: cover;
  object-position: 50% 85%;
  width: 100%;
  height: 100%;
}

.property-thumb-01.cc-02 {
  object-position: 50% 50%;
}

.property-thumb-01.cc-03 {
  object-position: 50% 75%;
}

.property-thumb-01.cc-04 {
  object-position: 50% 50%;
}

.property-additional-01 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 8px;
  display: flex;
}

.property-body-01 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.property-body-left-title-01 {
  color: var(--light-3b3e2d);
}

.property-body-left-title-01.heading-04---regular {
  color: #c3a178;
  font-family: Montserrat, sans-serif;
}

.property-body-left-title-01.heading-04---regular.text-white {
  color: var(--light-ffffff);
}

.property-body-left-title-01.heading-06---regular {
  color: #c3a178;
  font-family: Montserrat, sans-serif;
}

.property-body-left-title-01.heading-06---regular.text-white {
  color: var(--light-ffffff);
}

.body-sub-title-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.body-sub-title {
  color: var(--light-63655d);
}

.body-sub-title.para-04---regular {
  color: #c3a178;
  font-family: Montserrat, sans-serif;
}

.body-sub-title.para-04---regular.text-white {
  color: var(--light-ffffff);
}

.property-item-btn {
  border: 1px solid var(--light-c3c7b2);
  color: #c3a178;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 999px;
  padding: 12px 24px;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  transition: all .3s;
  display: inline-block;
}

.property-item-btn:hover {
  background-color: var(--main-text-head);
  color: var(--light-ffffff);
}

.property-item-btn._02 {
  padding: 8px 16px;
}

.property-item-btn._03 {
  padding-left: 36.5px;
  padding-right: 36.5px;
}

.property-item-btn.white-btn {
  border-bottom-color: var(--light-ffffff);
  color: var(--light-ffffff);
}

.property-item-name-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.property-item-name-wrap.mb-1rem {
  margin-bottom: 1rem;
}

.property-item-name-wrap.mb-1rem.cc-in-img-absol {
  z-index: 410;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  position: absolute;
  top: auto;
  bottom: 0%;
  right: auto;
}

.property-hero-02 {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.property-hero-title-wrap-02 {
  width: 100%;
  max-width: 1390px;
  margin-left: auto;
  margin-right: auto;
}

.property-hero-title-wrap-02.light-ffffff-text {
  padding: 136px 24px 80px;
  position: relative;
}

.property-02 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.property-options-02 {
  width: 100%;
  max-width: 333px;
}

.property-content-02 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--light-3b3e2d);
  justify-content: space-between;
  display: flex;
}

.property-list-02 {
  grid-column-gap: 20px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 995px;
  display: grid;
}

.form-option-list-02 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1325px;
  display: flex;
}

.property-03 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.property-content-03 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--light-3b3e2d);
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.property-list-03 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.property-list-wrap-03 {
  width: 100%;
  max-width: 1001px;
}

.property-body-wrap-03 {
  width: 100%;
  max-width: 490px;
}

.property-body-text-03 {
  color: var(--light-3b3e2d);
}

.property-body-text-03.para-04---regular {
  margin-top: 40px;
  margin-bottom: 40px;
}

.property-thumb-wrap-03 {
  border-radius: 12px;
  width: 100%;
  max-width: 487px;
  height: 340px;
  overflow: hidden;
}

.property-body-left-title-03 {
  color: var(--light-3b3e2d);
}

.property-additional-03 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.body-sub-title-wrap-03 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.filter-wrap-03 {
  width: 100%;
  max-width: 333px;
  position: sticky;
  top: 40px;
}

.filter-title-03 {
  margin-bottom: 16px;
}

.filter-options-03 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--light-ffffff);
  border-radius: 8px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.property-type {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.property-type-title {
  margin-bottom: 8px;
}

.filter-form-block-03 {
  margin-top: 0;
  margin-bottom: 0;
}

.form-select-wrap-03 {
  width: 100%;
  position: relative;
}

.property-form-wrap-03 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.property-form-wrap-03._02 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.filter-form-blocks-03 {
  margin-bottom: 0;
}

.option-divider {
  background-color: var(--light-3b3e2d);
  width: 8px;
  height: 1px;
}

.bedrooms {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 999px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bedroom {
  border-top: 1px solid var(--light-c3c7b2);
  border-right: 1px solid var(--light-c3c7b2);
  border-bottom: 1px solid var(--light-c3c7b2);
  letter-spacing: -.28px;
  width: 100%;
  height: 100%;
  padding: 8px 16px;
  font-family: Helveticaneueroman, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.bedroom.last {
  border-right: 1px solid var(--light-c3c7b2);
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}

.bedroom.first {
  border: 1px solid var(--light-3b3e2d);
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
}

.search-btn {
  border: 1px solid var(--light-3b3e2d);
  background-color: var(--light-3b3e2d);
  color: var(--light-ffffff);
  text-align: center;
  letter-spacing: -.32px;
  text-transform: uppercase;
  border-radius: 999px;
  width: 100%;
  padding: 12px;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  transition: all .3s;
}

.search-btn:hover {
  border: 1px solid var(--light-3b3e2d);
  background-color: var(--light-ffffff);
  color: var(--light-3b3e2d);
}

.btn-text-wrap {
  z-index: 1;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.hero-01 {
  padding-top: 80px;
  padding-bottom: 48px;
}

.hero-content-01 {
  color: var(--light-3b3e2d);
}

.hero-head-01 {
  margin-bottom: 64px;
}

.hero-title-01 {
  width: 100%;
  max-width: 1045px;
}

.hero-title-01.heading-01---regular {
  max-width: 800px;
}

.hero-body-01 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.hero-body-left-01 {
  border-radius: 12px;
  width: 100%;
  max-width: 640px;
  height: 360px;
  overflow: hidden;
}

.hero-body-middle-01 {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  max-width: 210px;
  display: flex;
}

.hero-body-right-01 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  max-width: 332px;
  display: flex;
}

.hero-body-thumb-01 {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
}

.body-middle-address-01 {
  width: 100%;
  max-width: 158px;
}

.hero-btn-01 {
  border: 1px solid var(--dark-c3c7b2);
  background-color: var(--light-3b3e2d);
  color: var(--light-ffffff);
  border-radius: 44px;
  padding: 12px 20px;
  text-decoration: none;
  transition: all .3s;
  position: relative;
  overflow: hidden;
}

.hero-btn-01:hover {
  background-color: var(--light-f5f6f1);
  color: var(--light-3b3e2d);
}

.btn-icon-with-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.btn-icon {
  width: 28px;
  height: 28px;
}

.btn-icon._02 {
  width: 20px;
  height: 20px;
}

.body-right-wrap-01 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  width: 100%;
  max-width: 684px;
  display: flex;
}

.hero-brand-text {
  margin-bottom: 8px;
}

.body-right-links {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--light-3b3e2d);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.body-right-links.para-04---regular {
  justify-content: flex-end;
  align-items: center;
}

.body-right-link-ico {
  width: 16px;
  height: 16px;
}

.content-02 {
  background-color: #3b3e2d;
}

.content-02.container-full {
  padding-top: 80px;
  padding-bottom: 80px;
}

.content-wrap-02 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  display: flex;
}

.content-body-02 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  width: 100%;
  max-width: 1157px;
  display: flex;
}

.content-title-02 {
  width: 100%;
  max-width: 1265px;
}

.content-title-02.heading-02---regular {
  color: #fff;
}

.content-body-thumbs-02 {
  border-radius: 12px;
  width: 100%;
  max-width: 641px;
  height: 420px;
  overflow: hidden;
}

.content-body-thumb-02 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.content-body-info-02 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  width: 100%;
  max-width: 451px;
  display: flex;
}

.content-info-texts-02 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #fff;
  flex-flow: column;
  display: flex;
}

.feature-property-01.container-full {
  padding-top: 80px;
  padding-bottom: 80px;
}

.feature-propert-title-01 {
  color: var(--light-3b3e2d);
}

.feature-property-item-wrap {
  position: relative;
}

.feature-property-item {
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 540px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-property-item-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.feature-item-btn {
  border: 1px solid var(--light-c3c7b2);
  color: var(--light-3b3e2d);
  border-radius: 999px;
  padding: 12px 24px;
  text-decoration: none;
}

.feature-item-btn:where(.w-variant-64304a8f-6032-efe1-c5de-dddc6ce9b26a) {
  background-color: var(--light-ffffff);
}

.feature-item-btn:where(.w-variant-625b7a32-8de3-597c-7c7d-8d1bf89f7356) {
  z-index: 2;
  background-color: var(--light-ffffff);
}

.feature-item-btn.for-nav {
  z-index: 2;
  background-color: var(--light-ffffff);
  border-style: none;
  padding: 16px 40px;
  transition: background-color .3s;
  position: relative;
}

.feature-item-btn.for-nav:where(.w-variant-625b7a32-8de3-597c-7c7d-8d1bf89f7356) {
  height: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.feature-item-btn.for-nav:hover {
  background-color: var(--light-3b3e2d);
  color: var(--light-ffffff);
}

.property-item-small {
  background-color: var(--light-ffffff);
  border-radius: 12px;
  width: 100%;
  padding: 12px 12px 16px;
}

.feature-property-slider {
  background-color: #0000;
  width: 100%;
  height: 100%;
  margin-top: 100px;
}

.feature-arrow {
  color: var(--light-c3c7b2);
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 44px;
  transition: all .25s;
  display: flex;
  inset: -68px 0% auto auto;
}

.feature-arrow:hover {
  color: var(--light-3b3e2d);
}

.feature-arrow.left {
  right: 72px;
}

.feature-arrow._02 {
  top: -136px;
}

.feature-slide-nav {
  justify-content: space-between;
  align-items: center;
  width: 128px;
  height: 20px;
  padding-top: 0;
  display: flex;
  inset: -54px auto auto 0%;
}

.slide-item-text {
  color: var(--light-3b3e2d);
}

.slide-item-text.para-04---regular {
  z-index: 9999;
  position: absolute;
  inset: -56px auto auto 144px;
}

.feature-collection {
  width: 100%;
  max-width: 395px;
  position: absolute;
  inset: 16px 16px auto auto;
}

.feature-collection._01 {
  display: none;
}

.feature-btn-wrap {
  justify-content: center;
  align-items: flex-start;
  padding-top: 24px;
  display: flex;
}

.content-03.container-full {
  padding-top: 80px;
  padding-bottom: 80px;
}

.content-title-03.heading-02---regular {
  color: var(--light-3b3e2d);
}

.content-list-03 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 100%;
  display: grid;
}

.property-listing.container-full {
  padding-top: 80px;
  padding-bottom: 80px;
}

.property-listing-content {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.property-listing-title.heading-02---regular {
  color: var(--light-3b3e2d);
}

.property-listing-mask {
  width: 100%;
  max-width: 451px;
  overflow: visible;
}

.property-slide {
  margin-right: 20px;
}

.feature-property-slider-02 {
  background-color: #0000;
  width: 100%;
  height: 100%;
}

.testimonial.container-full {
  background-color: #3b3e2d;
  padding-top: 80px;
  padding-bottom: 80px;
}

.testimonial-wrap {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.testimonial-slider {
  background-color: #0000;
  height: 100%;
  position: relative;
}

.testimonial-content {
  grid-column-gap: 58px;
  grid-row-gap: 58px;
  flex-flow: column;
  width: 100%;
  max-width: 790px;
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.testimonial-content.light-ffffff-text {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  position: relative;
}

.testimonial-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-text.heading-04---regular {
  color: #fff;
  text-align: center;
}

.testimonial-ico {
  width: 100%;
  max-width: 108px;
  position: absolute;
  top: -10px;
  left: -28px;
}

.testimonioal-avatar {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

.testimonial-name-role.light-ffffff-text {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature-arrow-03 {
  color: #63655d;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 44px;
  transition: all .25s;
  display: flex;
  inset: auto auto 53px 0%;
}

.feature-arrow-03.left:hover {
  color: var(--light-ffffff);
}

.feature-arrow-03.right {
  inset: auto 0% 53px auto;
}

.feature-arrow-03.right:hover {
  color: var(--light-ffffff);
}

.blog-title-02 {
  margin-top: 0;
}

.blog-title-02.heading-02---regular {
  color: var(--main-text-head);
  font-family: Montserrat, sans-serif;
  font-size: 3.75rem;
}

.blog-title-wrap {
  color: var(--light-3b3e2d);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 64px;
  display: flex;
}

.hero-02 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.hero-content-02 {
  color: var(--light-3b3e2d);
}

.hero-head-02 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 64px;
  display: flex;
}

.hero-title-02 {
  width: 100%;
  max-width: 1045px;
}

.hero-title-02.heading-01---regular {
  max-width: 921px;
}

.hero-body-right-02 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  max-width: 332px;
  display: flex;
}

.property-list-04 {
  grid-column-gap: 20px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content-04.container-full {
  background-color: var(--light-ffffff);
  padding-top: 80px;
  padding-bottom: 80px;
}

.content-wrap-04 {
  text-align: center;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.content-subtext-04.para-02---regular.light-3b3e2d-text {
  margin-bottom: 64px;
}

.content-title-04 {
  width: 100%;
  max-width: 1089px;
}

.content-title-04.heading-01---light {
  color: var(--light-3b3e2d);
  transition: all .2s;
}

.content-title-04.heading-01---light:hover {
  font-weight: 500;
}

.content-vertical-bar-04 {
  background-color: var(--light-3b3e2d);
  width: 1px;
  height: 88px;
}

.content-title-wrap-04 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.content-05.container-full {
  padding-top: 80px;
  padding-bottom: 80px;
}

.content-wrap-05 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.content-title-05 {
  color: var(--light-3b3e2d);
}

.content-list-wrap-04 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.content-list-04 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.content-item-ico-04 {
  color: var(--light-63655d);
  width: 80px;
  height: 80px;
}

.content-item-title-04 {
  margin-top: 25px;
  margin-bottom: 16px;
}

.content-item-title-04.heading-05---regular {
  margin-top: 40px;
  margin-bottom: 28px;
}

.content-item-text-04 {
  width: 100%;
  max-width: 564px;
}

.content-item-04 {
  background-color: var(--light-ffffff);
  color: var(--light-3b3e2d);
  border-radius: 12px;
  padding: 40px;
}

.content-list-thumb {
  border-radius: 12px;
  width: 100%;
  max-width: 566px;
  height: 413px;
  position: sticky;
  top: 40px;
  overflow: hidden;
}

.content-list-thum-im1g {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.property-listing-02.container-full {
  padding-top: 80px;
  padding-bottom: 80px;
}

.property-listing-head-02 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  color: var(--light-3b3e2d);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 64px;
  display: flex;
}

.property-listing-title-wrap-02 {
  color: var(--light-3b3e2d);
  z-index: -1 ;
}

.property-listing-title-02.heading-02---regular {
  color: #c3a178;
  font-family: Montserrat, sans-serif;
}

.property-listing-title-02.heading-02---windsong {
  color: var(--main-text-head);
}

.property-list-text-02 {
  text-align: center;
  width: 100%;
  max-width: 553px;
}

.property-list-05 {
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.testimonial-02.container-full {
  padding-top: 80px;
  padding-bottom: 80px;
}

.testimoninal-head-02 {
  color: var(--light-3b3e2d);
  width: 100%;
  max-width: 824px;
  margin-bottom: 64px;
}

.testimonial-slider-02 {
  background-color: #0000;
  height: 100%;
  position: relative;
}

.testimonial-item-02 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  display: flex;
}

.testimonial-thumb {
  border-radius: 12px;
  width: 100%;
  max-width: 215px;
  height: 208px;
  overflow: hidden;
}

.testimonial-thumb._03 {
  max-width: 450px;
  height: 500px;
}

.testimonial-thumb-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.testimonial-thumb-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 921px;
  display: flex;
}

.nav-quote-02 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 1px solid var(--light-c3c7b2);
  background-color: var(--light-f5f6f1);
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  max-width: 451px;
  padding: 40px 24px 24px;
  display: flex;
}

.quote-name-role-02 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.quote-body-02 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.testimonial-arrow {
  border: 1px solid var(--light-c3c7b2);
  color: var(--light-3b3e2d);
  letter-spacing: -.32px;
  text-transform: uppercase;
  border-radius: 44px;
  width: 78px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  inset: -112px 0% auto auto;
}

.testimonial-arrow.left {
  right: 94px;
}

.hero-03 {
  width: 100%;
  height: 100vh;
  position: relative;
}

.hero-03.cc-flex {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.hero-03.cc-new-hero {
  padding-top: 10rem;
  padding-bottom: 6rem;
}

.hero-head-03 {
  width: 100%;
  max-width: 1390px;
  margin-left: auto;
  margin-right: auto;
}

.hero-head-03.light-ffffff-text {
  z-index: 1;
  grid-column-gap: 274px;
  grid-row-gap: 274px;
  color: #fff;
  flex-flow: column;
  max-width: none;
  margin-left: 0;
  padding-top: 180px;
  padding-bottom: 10.625rem;
  display: flex;
  position: relative;
}

.hero-head-03.light-ffffff-text.hide {
  display: none;
}

.hero-title-03 {
  width: 100%;
  max-width: 749px;
  position: absolute;
  bottom: -100%;
}

.hero-title-03._01 {
  bottom: 0%;
}

.hero-sub-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.hero-sub-wrap.cc-search-filter-wrapper {
  justify-content: flex-start;
  align-items: center;
}

.hero-sub-text-03.para-03---regular {
  color: #fff;
}

.hero-btn-03 {
  background-color: var(--light-ffffff);
  color: var(--light-3b3e2d);
  border-radius: 44px;
  text-decoration: none;
}

.hero-btn-03.button-1 {
  color: #3b3e2d;
  background-color: #fff;
  padding: 12px 20px;
  transition: all .3s;
}

.hero-btn-03.button-1:hover {
  color: #fff;
  background-color: #3b3e2d;
}

.hero-sub-inner {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 451px;
  display: flex;
}

.property-listing-03 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.property-list-text-03 {
  text-align: center;
  width: 100%;
  max-width: 553px;
}

.property-list-text-03.para-04---regular {
  color: var(--main-text-head);
  max-width: 471px;
  font-family: Montserrat, sans-serif;
}

.property-listing-head-04 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 64px;
  display: flex;
}

.property-listing-head-04.cc-h-flex {
  flex-flow: row;
}

.property-listing-title-04 {
  text-align: left;
  width: 100%;
  max-width: 1265px;
}

.property-listing-title-04.heading-02---regular {
  color: var(--main-text-head);
  font-family: Montserrat, sans-serif;
}

.property-listing-title-04.heading-02---regular.cc-74p {
  color: #c3a178;
  letter-spacing: -.05em;
  font-size: 4.625rem;
  line-height: 5rem;
}

.property-listing-texts {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 686px;
  margin-left: auto;
  display: flex;
}

.property-listing-texts.cc-right-content {
  width: 40%;
  max-width: none;
}

.property-listing-text-04 {
  text-align: left;
  width: 100%;
  max-width: 333px;
}

.property-listing-text-04.para-02---regular {
  color: #c3a178;
}

.property-list-06 {
  grid-column-gap: 20px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.property-listing-btn-wrap {
  justify-content: center;
  align-items: flex-start;
  padding-top: 80px;
  display: flex;
}

.content-06.container-full {
  padding-top: 80px;
  padding-bottom: 80px;
}

.content-wrap-06 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.content-head-06 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  display: flex;
}

.content-head-left-06 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  width: 100%;
  max-width: 568px;
  display: flex;
}

.content-title-06.heading-02---regular {
  font-family: Montserrat, sans-serif;
}

.content-title-06.heading-02---regular.text-gold {
  color: #c3a178;
  font-size: 3.75rem;
  line-height: 3rem;
}

.content-text-06.para-03---regular {
  font-family: Montserrat, sans-serif;
}

.content-texts-06 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.content-thumb-06 {
  border-radius: 12px;
  width: 100%;
  max-width: 566px;
  height: 513px;
  overflow: hidden;
}

.content-thumb-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.content-list-06 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.content-item-06 {
  background-color: var(--light-f5f6f1);
}

.content-item-06.light-3b3e2d-text {
  border-bottom: 1px solid var(--light-c3c7b2);
  background-color: var(--main-body);
  justify-content: space-between;
  padding-bottom: 48px;
  display: flex;
  position: sticky;
  top: 5rem;
}

.content-item-06.light-3b3e2d-text._01 {
  opacity: 1;
}

.content-item-left-06 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 215px;
  display: flex;
}

.content-item-right-06 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
  max-width: 1138px;
  display: flex;
}

.content-item-num-06.heading-02---regular {
  width: 100%;
  font-family: Montserrat, sans-serif;
}

.content-left-item-text-06.heading-04---regular {
  width: 100%;
  max-width: 382px;
  font-family: Montserrat, sans-serif;
}

.content-item-right-ico-06 {
  width: 48px;
  height: 48px;
}

.content-item-right-text-06.para-04---regular {
  font-family: Montserrat, sans-serif;
}

.content-inner-06 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  width: 100%;
  max-width: 451px;
  display: flex;
}

.blog-list-02 {
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content-07.container-full {
  padding-top: 80px;
  padding-bottom: 80px;
}

.content-07.container-full.cc-team-section {
  overflow: hidden;
}

.content-wrap-07 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.content-title-07 {
  color: var(--light-3b3e2d);
  text-align: center;
  width: 100%;
  max-width: 1026px;
  margin-left: auto;
  margin-right: auto;
}

.content-title-07.heading-02---regular {
  color: var(--main-text-head);
  font-family: Montserrat, sans-serif;
  font-size: 3.75rem;
}

.tab-header-04 {
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 215px;
  height: 100%;
  overflow: hidden;
}

.content-01-inner-box {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.tab-body {
  background-color: var(--light-3b3e2d);
  border-radius: 12px;
  align-items: stretch;
  padding: 8px;
  display: flex;
}

.single-tab {
  align-items: center;
  min-height: 516px;
  display: flex;
}

.tab-content-right {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  max-width: 427px;
  height: 100%;
  margin-left: 20px;
  margin-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.content-01-tab {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  width: 100%;
  max-height: 516px;
  display: flex;
  overflow: hidden;
}

.content-01-tab.hide {
  display: none;
}

.tab-header-03 {
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 215px;
  height: 100%;
  overflow: hidden;
}

.contenct-01-image {
  width: 207px;
}

.tab-header-02, .tab-header-01 {
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 215px;
  height: 100%;
  overflow: hidden;
}

.header-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.dark-light-icons {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
}

.toggle-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  inset: 0%;
}

.blog-item-btn-wrap {
  margin-bottom: 24px;
  display: inline-block;
}

.blog-btn-border {
  background-color: var(--main-text-head);
  width: 100%;
  height: 1px;
}

.contact-hero-img-02 {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.product-item-btn-02 {
  border: 1px solid var(--light-c3c7b2);
  color: var(--light-3b3e2d);
  text-transform: uppercase;
  border-radius: 999px;
  padding: 12px 24px;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
  display: inline-block;
}

.product-item-btn-02:hover {
  background-color: var(--light-3b3e2d);
  color: var(--light-ffffff);
}

.text-overlay {
  margin-top: -8px;
  margin-bottom: -8px;
  padding-top: 8px;
  padding-bottom: 8px;
  overflow: hidden;
}

.question-title {
  color: var(--light-3b3e2d);
  letter-spacing: -.48px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
}

.faq-answers {
  overflow: hidden;
}

.dropdown-toggle {
  color: var(--light-3b3e2d);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 0;
  display: flex;
}

.faq-body-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  max-width: 927px;
  margin-top: 24px;
  margin-left: auto;
}

.faq-body-wrap._02 {
  display: none;
}

.faqs-qa-copy {
  color: #000;
  border-bottom: 1px solid #e7e7e7;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  overflow: hidden;
}

.dropdown-list {
  background-color: #ddd0;
  position: static;
}

.faq-question-left {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.faq-body {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.blog-inner-btn {
  background-color: var(--light-ffffff);
  color: var(--light-3b3e2d);
  letter-spacing: -.32px;
  text-transform: uppercase;
  border-radius: 32px;
  padding: 14px 29px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  transition: background-color .3s;
  position: absolute;
  inset: 12px 12px auto auto;
}

.blog-inner-btn:hover {
  background-color: var(--main-text-head);
  color: var(--light-ffffff);
}

.blog-inner-btn.cc-in-img {
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  position: static;
  top: auto;
  right: auto;
}

.hero-title-wrap-03 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.title-wrap-03 {
  white-space: nowrap;
  width: 100%;
  height: 116px;
  position: relative;
  overflow: hidden;
}

.hero-title-text-03.heading-01---light {
  color: #fff;
  font-family: Montserrat, sans-serif;
}

.hero-title-text-03.heading-01---medium {
  font-family: Montserrat, sans-serif;
  position: static;
}

.property-content-left-03 {
  width: 100%;
  max-width: 333px;
}

.hero-btn-text-wrap {
  z-index: 1;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.hero-btn-text-inner {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-btn-ico {
  width: 24px;
  height: 24px;
}

.hero-btn-text {
  letter-spacing: -.32px;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.hero-bg-01 {
  background-color: var(--light-3b3e2d);
  border-radius: 20px;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.content-vertical-bar-wrap-04 {
  height: 88px;
  margin-top: 80px;
  margin-bottom: 40px;
}

.shine {
  opacity: .15;
  filter: blur(60px);
  background-color: #fff;
  border-radius: 50%;
  width: 70%;
  height: 70%;
  position: absolute;
}

.wrapper {
  color: var(--light-3b3e2d);
  font-family: Geist, Arial, sans-serif;
}

.submit-button {
  border-style: solid;
  border-color: var(--light-f5f6f1);
  background-color: var(--light-3b3e2d);
  border-radius: 44px;
  transition: all .2s;
}

.submit-button:hover {
  background-color: var(--light-ffffff);
  color: var(--light-3b3e2d);
}

.collection-list-wrapper {
  z-index: 0;
  position: relative;
}

.cta-sticky {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 300vh;
  display: flex;
  position: relative;
}

.cta-inner-sticky {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0%;
  bottom: 0%;
}

.cta-thumbs {
  z-index: 1;
  background-image: url('../images/250429-Epic-center.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 30vw;
  height: 40vh;
  display: flex;
  position: absolute;
  overflow: clip;
}

.cta-thumbs.hide {
  display: none;
}

.osus {
  color: var(--light-3b3e2d);
  text-decoration: none;
  transition: all .2s;
}

.osus:hover {
  border-bottom: 1px solid var(--light-3b3e2d);
}

.by-now-btn-wrap {
  margin-bottom: 0;
}

.contact-link {
  color: var(--light-ffffff);
  text-decoration: none;
}

.error-message {
  color: red;
  text-align: center;
  background-color: #0000;
  font-family: Geist, Arial, sans-serif;
  font-weight: 600;
}

.success-message {
  background-color: var(--light-c3c7b2);
  color: var(--light-3b3e2d);
  border-radius: 7px;
  font-family: Geist, Arial, sans-serif;
  font-weight: 500;
}

.success-message:focus {
  border: 1px #000;
}

.menu-btn-ico-inner {
  color: var(--light-3b3e2d);
  width: 100%;
  height: 100%;
}

.menu-btn-ico-inner:where(.w-variant-08549a15-1082-d1f2-9ebe-de4483b43ae3) {
  color: var(--light-3b3e2d);
}

.navbar-brand-img-inner {
  color: var(--light-3b3e2d);
  width: 100%;
  height: 100%;
}

.navbar-brand-img-inner:where(.w-variant-08549a15-1082-d1f2-9ebe-de4483b43ae3) {
  color: var(--light-3b3e2d);
}

.button-secondary-inner {
  border: 1px solid var(--light-c3c7b2);
  color: var(--light-3b3e2d);
  border-radius: 999px;
  padding: 12px 24px;
  text-decoration: none;
  transition: all .3s;
}

.button-secondary-inner:where(.w-variant-64304a8f-6032-efe1-c5de-dddc6ce9b26a) {
  background-color: var(--light-ffffff);
}

.button-secondary-inner:where(.w-variant-625b7a32-8de3-597c-7c7d-8d1bf89f7356) {
  color: var(--light-ffffff);
  transition: all .3s;
}

.button-secondary-inner:where(.w-variant-f5a541e7-a2b2-8617-7835-f909f2e10eb4) {
  transition: all .3s;
}

.button-secondary-inner:where(.w-variant-e46b2e35-01de-b53e-b657-c88dfeb58c39) {
  background-color: var(--light-ffffff);
  color: var(--light-3b3e2d);
}

.button-secondary-inner:hover {
  background-color: var(--light-3b3e2d);
  color: var(--light-ffffff);
}

.button-secondary-inner:hover:where(.w-variant-625b7a32-8de3-597c-7c7d-8d1bf89f7356) {
  background-color: var(--light-ffffff);
  color: var(--light-3b3e2d);
}

.button-secondary-inner:hover:where(.w-variant-f5a541e7-a2b2-8617-7835-f909f2e10eb4) {
  background-color: var(--light-3b3e2d);
  color: var(--light-ffffff);
}

.button-secondary-inner:hover:where(.w-variant-e46b2e35-01de-b53e-b657-c88dfeb58c39) {
  background-color: var(--light-c3c7b2);
  color: var(--light-3b3e2d);
}

.button-secondary-inner.for-nav {
  padding: 8px 20px;
}

.button-secondary-inner.for-nav:where(.w-variant-08549a15-1082-d1f2-9ebe-de4483b43ae3) {
  border-color: var(--light-c3c7b2);
  color: var(--light-3b3e2d);
  padding-bottom: 7px;
}

.button-secondary-inner.for-nav:hover:where(.w-variant-08549a15-1082-d1f2-9ebe-de4483b43ae3) {
  background-color: var(--light-3b3e2d);
  color: var(--light-ffffff);
  padding-bottom: 7px;
  line-height: 17px;
}

.property-title-011 {
  width: 100%;
  max-width: 1045px;
}

.property-title-011.heading-02---regular {
  color: var(--light-3b3e2d);
}

.property-title-011.heading-02---regular.text-white {
  color: var(--secondary-bg);
}

.property-title-011.heading-02---regular.text-white.cc-left-align {
  text-align: left;
}

.home-02-footer-contact-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 64px;
  display: grid;
}

.home-v2-footer-contact {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.instructions {
  padding-top: 80px;
  padding-bottom: 80px;
}

.instruction-content {
  color: var(--light-3b3e2d);
}

.instruction-title-wrap.light-3b3e2d-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.instruction-title {
  width: 100%;
  max-width: 1045px;
}

.instruction-text.para-04---regular {
  width: 100%;
  max-width: 682px;
  margin-left: auto;
  margin-right: auto;
}

.instruction-info {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  margin-top: 64px;
  display: flex;
}

.instruction-info-text {
  color: var(--light-3b3e2d);
}

.info-img-wrap {
  border: 9px solid var(--light-ffffff);
  border-radius: 2px;
  width: 100%;
  height: auto;
  margin-top: 41px;
  overflow: hidden;
}

.instruction-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.instruction-info-inside {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.energy-color-list {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 783px;
  margin-top: 90px;
  display: grid;
}

.entergy-color-item {
  color: var(--light-ffffff);
  background-color: #689e21;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 87px;
  height: 53px;
  display: flex;
  position: relative;
}

.entergy-color-item.color-02 {
  background-color: #79b828;
}

.entergy-color-item.color-03 {
  background-color: #8ad12f;
}

.entergy-color-item.color-04 {
  background-color: #efc432;
}

.entergy-color-item.color-05 {
  background-color: #f29d2a;
}

.entergy-color-item.color-06 {
  background-color: #ee7323;
}

.entergy-color-item.color-07 {
  background-color: #db2317;
}

.entergy-color-item.color-08 {
  background-color: #c00012;
}

.entergy-color-item.color-09 {
  background-color: #7e0008;
}

.energy-color-tooltip {
  color: #171717;
  background-color: #fff;
  border-radius: 2px;
  width: 200px;
  padding: 7px 7px 7px 11px;
  position: absolute;
  inset: -60px auto auto 0%;
}

.energy-tooltip-icon {
  background-color: #fff;
  width: 16px;
  height: 16px;
  position: absolute;
  inset: auto auto -8px 20px;
  transform: rotate(45deg);
}

.form-area {
  border: 1px solid var(--light-c3c7b2);
  color: var(--light-3b3e2d);
  letter-spacing: -.28px;
  background-color: #0000;
  border-radius: 12px;
  width: 100%;
  min-height: 172px;
  margin-bottom: 0;
  padding: 16px;
  font-family: Helveticaneueroman, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.form-area::placeholder {
  color: #fff;
}

.collection-item-custom {
  padding-left: 0;
}

.pre-social-text-wrap {
  position: relative;
}

.hp-wrap {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.hp-wrap.gap-0-25 {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
}

.hp-wrap.gap-1-125 {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
}

.hp-wrap.gap-1-75 {
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
}

.hp-wrap.gap-1-5 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.hp-wrap.text-align-center {
  text-align: center;
  place-items: start center;
}

.hp-wrap.gap-2-875 {
  grid-column-gap: 2.875rem;
  grid-row-gap: 2.875rem;
}

.new-nav {
  background-color: #0000;
  width: 100%;
  position: absolute;
}

.nav-contain {
  max-width: 1392px;
  margin-left: 24px;
  margin-right: 24px;
}

.nav-content-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  display: flex;
}

.nav-left-wrapper {
  grid-column-gap: 3.375rem;
  grid-row-gap: 3.375rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-right-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-link {
  color: var(--light-ffffff);
  letter-spacing: 1px;
  margin-right: 3.75rem;
  padding: 0;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
  transition: all .35s;
}

.nav-link:hover, .nav-link.w--current {
  color: #c3a178;
}

.nav-link.cc-dd {
  margin-right: 0;
}

.nav-link.cc-dd-link {
  margin-right: 0;
  padding-right: 2.5rem;
}

.nav-link.cc-dl-link {
  color: var(--main-black);
  margin-left: 0;
  margin-right: 0;
}

.nav-link.cc-dl-link:hover {
  color: var(--red-text);
}

.nav-menu {
  justify-content: flex-start;
  align-items: center;
}

.nav-meanu-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dropdown-list-2 {
  background-color: #ddd;
}

.dropdown-list-2.w--open {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--main-text-head);
  background-color: #f5efe6;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
}

.search-filter-wrapper {
  border: 1px #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 50rem;
  padding: 1.5rem;
}

.her-search-fb {
  margin-bottom: 0;
}

.seach-input {
  letter-spacing: -.02em;
  background-color: #ffffff1a;
  background-image: url('../images/8680030_search_2_line_icon-1.svg');
  background-position: 3%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 3.125rem;
  margin-bottom: 0;
  padding-left: 42px;
  font-weight: 500;
}

.seach-input::placeholder {
  color: #fff;
}

.seach-input-submit {
  background-color: #191919;
  border-radius: 12px;
  padding: .75rem 2.5rem;
  font-weight: 500;
}

.seach-input-submit.cc-white {
  color: #000;
  background-color: #fff;
}

.seach-form {
  grid-column-gap: .6875rem;
  grid-row-gap: .6875rem;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.white-bg {
  color: var(--light-ffffff);
}

.property-listing-new {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
  flex-flow: column;
  display: flex;
}

.property-listing-new.cc-projects-page {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.overlay-div {
  pointer-events: none;
  background-color: #0000004d;
  position: absolute;
  inset: 0%;
}

.project-link {
  width: 100%;
  text-decoration: none;
}

.pop-up-form-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.pop-up-form-inside-wrapper {
  z-index: 100;
  -webkit-backdrop-filter: blur(81px);
  backdrop-filter: blur(81px);
  background-color: #ffffff1c;
  border-radius: .75rem;
  max-width: 38.125rem;
  max-height: 35rem;
  margin: auto;
  padding: 2.5rem 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
  box-shadow: inset 40.5px -40.5px 40.5px #c2c2c21a, inset -40.5px 40.5px 40.5px #ffffff1a;
}

.pop-up-form-wrapper-div {
  width: 100%;
  height: 100%;
  position: relative;
}

.close-btn-link {
  cursor: pointer;
  position: absolute;
  inset: -3% -3% auto auto;
}


.pop-up-form-input {
  background-color: #d9d9d926;
  border: 1px solid #fff;
  border-radius: .75rem;
  height: 2.875rem;
  margin-bottom: 0;
}

.pop-up-form-input.cc-text-area {
  height: 7.5rem;
}

.tex-white {
  color: #fff;
}

.tex-white.font-weight-500 {
  font-weight: 500;
}

.button-wrapper.cc-centerd {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-white {
  color: #fff;
}

.text-white.font-weight-300 {
  font-weight: 300;
}

.my-contain {
  width: 100%;
  max-width: 87rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.my-contain.cc-for-hero {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.team-section-wrapper {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
  overflow: visible;
}

.team-card {
  z-index: 10;
  background-color: #d4b38d;
  border-radius: .75rem;
  min-width: 15.25rem;
  height: 23.375rem;
  text-decoration: none;
  transition: all .35s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 10px #00000057;
}

.team-card:hover {
  z-index: 100;
  transform: scale(1.1)rotate(0);
}

.team-card.one {
  left: -2rem;
  transform: rotate(-2.09deg);
}

.team-card.one:hover {
  transform: scale(1.1)rotate(0);
  box-shadow: 0 4px 10px #00000057;
}

.team-card.two {
  left: -4rem;
  transform: rotate(1.06deg);
}

.team-card.two:hover {
  transform: scale(1.1)rotate(0);
  box-shadow: 0 4px 10px #00000057;
}

.team-card.three {
  left: -6rem;
  transform: rotate(.14deg);
}

.team-card.three:hover {
  transform: scale(1.1)rotate(0);
  box-shadow: 0 4px 10px #00000057;
}

.team-card.four {
  left: -8rem;
  transform: rotate(1.55deg);
}

.team-card.four:hover {
  transform: scale(1.1)rotate(0);
  box-shadow: 0 4px 10px #00000057;
}

.team-card.five {
  left: -10rem;
  transform: rotate(.14deg);
}

.team-card.five:hover {
  transform: scale(1.1)rotate(0);
  box-shadow: 0 4px 10px #00000057;
}

.team-name-card {
  color: #2a2a2a;
  text-align: center;
  background-color: #fff;
  border-radius: 1.3125rem;
  justify-content: center;
  align-items: center;
  max-width: 8.75rem;
  padding: .5rem 1.25rem;
  font-weight: 500;
  display: flex;
  position: absolute;
  transform: rotate(-9.25deg);
}

.team-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.pop-up-form-iteam-details {
  z-index: 100000;
  -webkit-backdrop-filter: blur(81px);
  backdrop-filter: blur(81px);
  background-color: #fff;
  border-radius: .75rem;
  max-width: 26.375rem;
  max-height: 27.5rem;
  margin: auto;
  padding: 2.5rem 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  box-shadow: inset 40.5px -40.5px 40.5px #c2c2c21a, inset -40.5px 40.5px 40.5px #ffffff1a;
}


.pop-up-form-iteam-details.zero, .pop-up-form-iteam-details.one, .pop-up-form-iteam-details.two, .pop-up-form-iteam-details.three {
  display: none;
}

.pop-up-team-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.left-video-team-wrapper {
  width: 100%;
  padding-right: 1.125rem;
}


.team-video-wrapper {
  border-radius: .75rem;
  height: 100%;
  overflow: hidden;
}

.hover-bg-video {
  width: 100%;
  height: 100%;
}

.team-style-tags-wrapper {
  grid-column-gap: .875rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
}

.team-tags {
  text-align: center;
  background-color: #f8e8d5;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  font-size: 1rem;
  line-height: 1;
  display: flex;
}

.content-wrapper.cc-fore-hearo-text {
  color: var(--light-ffffff);
  position: relative;
}

.content-wrapper.cc-fore-hearo-text.cc-form {
  margin-bottom: 0;
}

.content-wrapper.mt-4 {
  margin-top: 4rem;
}

.section {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.section.overflow-hidden {
  overflow: hidden;
}

.marqee-container {
  width: 100%;
  display: flex;
}

.marquee-content {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  min-width: 100%;
  display: flex;
}

.logo {
  filter: sepia();
  max-width: 10rem;
  margin-right: 5rem;
}

.play-trigger {
  position: absolute;
  inset: 0%;
}

.df-video-card {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.team-card-wrapper {
  cursor: pointer;
}

@media screen and (min-width: 1280px) {
  .nav-quote {
    max-width: 451px;
  }

  .property-single-body {
    padding-top: 56px;
  }

  .property-info-title {
    margin-top: 0;
    margin-bottom: 0;
  }

  .nav-quote-02 {
    max-width: 451px;
  }
}

@media screen and (min-width: 1440px) {
  .nav-menu-wrapper {
    z-index: 999;
  }

  .nav-inner {
    padding-left: 0;
    padding-right: 0;
  }

  .button-secondary.for-nav:where(.w-variant-08549a15-1082-d1f2-9ebe-de4483b43ae3) {
    color: #fff;
  }

  .button-secondary.for-nav:hover:where(.w-variant-08549a15-1082-d1f2-9ebe-de4483b43ae3) {
    color: #3b3e2d;
    background-color: #fff;
    border-color: #fff;
  }

  .nav-inner-menu {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-bottom-text.heading-04---medium {
    color: #fff;
  }

  .about-body-thumbs {
    perspective: 1000px;
    perspective-origin: 50%;
    transform-origin: 50%;
    flex: 1;
    transform: none;
  }

  .content-wrap {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
  }

  .blog-item-thumbs {
    position: relative;
  }

  .affordability-range-head {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .range-line.active-line {
    z-index: 2;
    background-color: var(--light-3b3e2d);
  }

  .range-line-box {
    cursor: pointer;
  }

  .range-head-value-wrap {
    border: 1px solid var(--dark-c3c7b2);
    border-radius: 44px;
    display: flex;
  }

  /* .form-option-list {

  } */

  .property-item-btn._02 {
    padding: 8px 16px;
  }

  .property-hero-title-wrap-02.light-ffffff-text {
    padding-left: 0;
    padding-right: 0;
  }

  .body-right-link-ico {
    width: 16px;
    height: 16px;
  }

  .feature-property-slider {
    background-color: #0000;
    width: 100%;
    height: 100%;
  }

  .feature-slide-nav {
    justify-content: space-between;
    display: flex;
  }

  .content-list-03 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .property-listing-content {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
  }

  .feature-property-slider-02 {
    background-color: #0000;
    width: 100%;
    height: 100%;
  }

  .testimonial-wrap {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
  }

  .content-wrap-04 {
    flex-flow: column;
  }

  .content-wrap-05 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
  }

  .content-list-04 {
    grid-auto-columns: 1fr;
  }

  .testimonial-thumb {
    width: 100%;
    max-width: 208px;
    height: 215px;
  }

  .testimonial-thumb-img {
    width: 100%;
  }

  .quote-body-02.light-3b3e2d-text {
    grid-column-gap: 144px;
    grid-row-gap: 144px;
  }

  .hero-head-03.light-ffffff-text {
    max-width: none;
  }

  .content-wrap-06, .content-wrap-07 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
  }

  .tab-body {
    background-color: var(--light-3b3e2d);
    border-radius: 12px;
  }

  .text-overlay {
    overflow: hidden;
  }

  .dropdown-toggle {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .faqs-qa-copy {
    width: 100%;
  }

  .dropdown-list {
    background-color: #ddd0;
    position: static;
  }

  .blog-inner-btn {
    display: inline-block;
  }

  .shine {
    background-color: var(--light-ffffff);
    opacity: .2;
    filter: blur(80px);
    border-radius: 50%;
  }

  .menu-btn-ico-inner:where(.w-variant-08549a15-1082-d1f2-9ebe-de4483b43ae3) {
    color: var(--light-3b3e2d);
  }

  .button-secondary-inner.for-nav:hover:where(.w-variant-08549a15-1082-d1f2-9ebe-de4483b43ae3) {
    border-color: #fff;
  }

  .team-card {
    min-width: 16rem;
  }
}

@media screen and (min-width: 1920px) {
  .footer-bottom-link {
    font-size: 124px;
  }

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

  .hero-head-03.light-ffffff-text {
    margin-right: 0;
  }

  .content-item-06.light-3b3e2d-text {
    top: 0;
  }

  .nav-contain {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .seach-input-submit {
    border: 1px solid #0000;
    transition: all .35s;
  }

  .seach-input-submit:hover {
    background-color: #0000;
    border: 1px solid #fff;
  }

  .team-section-wrapper {
    justify-content: space-between;
    align-items: stretch;
  }

  .team-card {
    min-width: 16rem;
  }
}

@media screen and (max-width: 991px) {
  h4 {
    letter-spacing: -1.5px;
    font-size: 30px;
    line-height: 36px;
  }

  .footer {
    padding-top: 80px;
  }

  .style-guide-content {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .navbar-brand-wrap {
    max-width: 220px;
  }

  .typography {
    flex-flow: column;
  }

  .style-guide.container-full {
    padding-bottom: 80px;
  }

  .heading-04---regular {
    letter-spacing: -1.8px;
    font-size: 36px;
    line-height: 40px;
  }

  .footer-top {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
    display: grid;
  }

  .heading-02---regular {
    letter-spacing: -4px;
    font-size: 80px;
    line-height: 86px;
  }

  .nav-button-wrapper {
    margin-left: 0;
  }

  .typography-title-wrap {
    position: static;
  }

  .footer-wrap {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    flex-flow: column;
    padding-bottom: 0;
  }

  .style-guide-hero.container-full {
    padding-top: 80px;
  }

  .navbar {
    overflow: visible;
  }

  .navbar-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    overflow: visible;
  }

  .heading-05---regular {
    font-size: 28px;
    line-height: 34px;
  }

  .heading-03---regular {
    letter-spacing: -3.2px;
    font-size: 64px;
    line-height: 70px;
  }

  .footer-copyright {
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 100px;
  }

  .para-01---regular {
    font-size: 22px;
    line-height: 28px;
  }

  .heading-01---light, .heading-01---regular, .heading-01---medium, .heading-01---windsong {
    letter-spacing: -5.5px;
    font-size: 110px;
  }

  .heading-02---windsong {
    letter-spacing: -4px;
    font-size: 80px;
    line-height: 86px;
  }

  .heading-04---wingson {
    letter-spacing: -3.2px;
    font-size: 64px;
  }

  .heading-04---medium {
    font-size: 36px;
    line-height: 40px;
  }

  .addition-social-links {
    flex-flow: wrap;
  }

  .footer-bottom {
    height: 200px;
    padding-bottom: 20px;
  }

  .footer-bottom-link {
    letter-spacing: -5px;
    line-height: 100%;
  }

  .nav-inner-wrap {
    flex-flow: column;
  }

  .nav-item-links {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .nav-quote {
    max-width: 100%;
  }

  .nav-inner-bottom {
    display: none;
  }

  .nav-inner-menu {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 60px;
  }

  .changelog-info.light-3b3e2d-text {
    margin-top: 60px;
  }

  .changelog.container-full, .licenses.container-full {
    padding-top: 80px;
  }

  .license-info {
    margin-top: 60px;
  }

  .contact-head-01.light-ffffff-text {
    padding-bottom: 60px;
  }

  .contact-head-body-01, .contact-form-wrap-01 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .contact-checkbox-text-01.para-04---regular {
    max-width: 150px;
  }

  .contact-btn-01 {
    margin-top: 60px;
  }

  .contact-02.container-full {
    padding-top: 80px;
  }

  .contact-info-list {
    grid-template-columns: 1fr 1fr;
  }

  .contact-maps-02 {
    height: 500px;
  }

  .contact-03.container-full {
    padding-top: 80px;
  }

  .ct-infos-03 {
    padding-top: 100px;
  }

  .ct-info-wrap-03 {
    flex-flow: column;
  }

  .contact-slider-03 {
    height: 400px;
  }

  .contact-info-item-03 {
    max-width: 100%;
  }

  .product-single.container-full {
    padding-top: 60px;
  }

  .product.container-full {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .product.container-full.prdct-single {
    padding-bottom: 0;
  }

  .product-content {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .product-head {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .product-list {
    grid-template-columns: 1fr 1fr;
  }

  .about-hero-title-wrap.light-ffffff-text {
    padding-top: 360px;
  }

  .about.container-full.testimonial-wrap {
    height: 10rem;
  }

  .about-head.light-ffffff-text {
    flex-flow: column;
  }

  .about-body {
    flex-flow: column;
    margin-top: 60px;
  }

  .about-body-thumbs {
    max-width: 100%;
    height: 500px;
  }

  .about-body-info {
    max-width: 100%;
  }

  .about-testimonial.light-ffffff-text {
    margin-top: 80px;
  }

  .content-01.container-full {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .content-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
  }

  .content-wrap._02 {
    flex-flow: column;
  }

  .content-body.light-3b3e2d-text {
    max-width: 100%;
    position: static;
  }

  .cotnent-text-01.para-03---regular {
    margin-bottom: 40px;
  }

  .content-list {
    max-width: 100%;
  }

  .team-list {
    grid-template-columns: 1fr 1fr;
  }

  .about-cta {
    display: block;
    overflow: visible;
  }

  .about-cta.container-full {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .cta-title.heading-01---medium, .cta-ico {
    display: none;
  }

  .cta-btn-wrap {
    margin-top: 60px;
  }

  .cta-title-02.heading-01---medium {
    display: block;
  }

  .cta-title-01.heading-01---medium {
    display: none;
  }

  .blog-single-hero {
    height: 600px;
  }

  .blog-single-hero-title.heading-02---regular {
    position: static;
  }

  .blog-single-hero-title-wrap.light-ffffff-text {
    z-index: 1;
    padding-top: 210px;
    padding-bottom: 0;
    position: relative;
  }

  .blog-hero-title-wrap.light-ffffff-text {
    padding-bottom: 60px;
  }

  .feature-blog-item-thumbs {
    height: 400px;
  }

  .blog-list {
    grid-template-columns: 1fr 1fr;
  }

  .blog-item-thumbs {
    height: 300px;
  }

  .property-head-tabs-menu {
    z-index: 1;
  }

  .property-head-tabs-content {
    width: 100%;
  }

  .property-single-tab-pane {
    height: 100%;
  }

  .pr-single-img-wrap {
    height: 500px;
  }

  .property-single-body {
    flex-flow: column;
  }

  .property-owner-info {
    position: static;
  }

  .property-01.container-full {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .property-content-01.inner {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .property-options-01 {
    margin-top: 70px;
    margin-bottom: 50px;
  }

  .property-form-block-01 {
    margin-bottom: 0;
  }

  .form-option-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .option-dropdown-01._01, .option-dropdown-toggle {
    z-index: 0;
  }

  .option-item-01 {
    z-index: 99;
  }

  .filter-checkbox-wrap._02, .filter-checkbox-wrap.another, .filter-checkbox-wrap.another-02 {
    z-index: 10;
    position: relative;
  }

  .property-list-01 {
    grid-template-columns: 1fr 1fr;
  }

  .property-item-01._03 {
    align-items: stretch;
  }

  .property-hero-title-wrap-02.light-ffffff-text {
    padding-top: 130px;
    padding-bottom: 60px;
  }

  .property-02.container-full {
    padding-top: 80px;
  }

  .property-options-02 {
    max-width: 100%;
  }

  .property-content-02 {
    flex-flow: column;
  }

  .property-list-02 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .form-option-list-02 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .property-03.container-full {
    padding-top: 80px;
  }

  .property-03.container-full:where(.w-variant-08549a15-1082-d1f2-9ebe-de4483b43ae3) {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .property-content-03 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
  }

  .property-list-03 {
    grid-template-columns: 1fr 1fr;
  }

  .property-thumb-wrap-03 {
    height: auto;
  }

  .filter-wrap-03 {
    max-width: 100%;
    position: static;
  }

  .hero-01.container-full {
    padding-top: 70px;
  }

  .hero-body-01 {
    flex-flow: column;
  }

  .hero-body-left-01 {
    max-width: 100%;
    height: 400px;
  }

  .body-right-wrap-01 {
    max-width: 100%;
  }

  .content-wrap-02 {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .content-body-02 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .content-body-thumbs-02 {
    max-width: 100%;
    height: 400px;
  }

  .content-body-info-02 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .feature-property-01.container-full {
    padding-bottom: 0;
  }

  .feature-property-slider {
    margin-top: 100px;
  }

  .feature-arrow._02 {
    top: -96px;
  }

  .content-03.container-full {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .content-list-03 {
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
  }

  .property-listing.container-full {
    padding-top: 80px;
  }

  .property-listing-content {
    grid-column-gap: 110px;
    grid-row-gap: 110px;
    flex-flow: column;
  }

  .property-listing-mask {
    max-width: 400px;
  }

  .testimonial.container-full {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .testimonial-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
  }

  .hero-02.container-full {
    padding-top: 80px;
  }

  .hero-head-02 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hero-body-right-02 {
    display: none;
  }

  .property-list-04 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .content-04.container-full {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .content-wrap-04 {
    flex-flow: column;
  }

  .content-subtext-04.para-02---regular.light-3b3e2d-text {
    margin-bottom: 60px;
  }

  .content-05.container-full {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .content-wrap-05 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
  }

  .content-list-wrap-04 {
    flex-flow: column;
  }

  .content-list-04 {
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
  }

  .content-list-thumb {
    object-position: 50% 0%;
    max-width: 100%;
    position: static;
  }

  .property-listing-02.container-full {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .property-list-05 {
    grid-template-columns: 1fr 1fr;
  }

  .testimonial-02.container-full {
    padding-top: 0;
  }

  .testimoninal-head-02 {
    margin-bottom: 130px;
  }

  .testimonial-thumb._03 {
    height: 350px;
  }

  .testimonial-thumb-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .nav-quote-02 {
    max-width: 100%;
  }

  .testimonial-arrow {
    top: -96px;
  }

  .hero-03 {
    height: auto;
  }

  .hero-03.cc-flex {
    justify-content: flex-end;
    align-items: flex-start;
    height: 100vh;
  }

  .hero-head-03.light-ffffff-text {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    padding-top: 100px;
    padding-bottom: 6rem;
  }

  .property-listing-03.container-full {
    padding-top: 80px;
  }

  .property-listing-texts {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: flex-start;
    max-width: 100%;
  }

  .property-list-06 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .property-listing-btn-wrap {
    padding-top: 60px;
  }

  .content-06.container-full {
    padding-top: 0;
    padding-bottom: 80px;
  }

  .content-wrap-06 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
  }

  .content-head-06 {
    flex-flow: column;
  }

  .content-head-left-06.light-3b3e2d-text {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    max-width: 100%;
  }

  .content-thumb-06 {
    max-width: 100%;
    height: 480px;
  }

  .content-item-06.light-3b3e2d-text {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .content-item-left-06 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .content-item-right-06 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 100%;
  }

  .content-inner-06 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .blog-list-02 {
    grid-template-columns: 1fr 1fr;
  }

  .content-07.container-full {
    padding-top: 0;
    padding-bottom: 80px;
  }

  .content-wrap-07 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
  }

  .tab-header-04 {
    border-top-style: solid;
    border-left-style: none;
    flex-direction: row;
    width: 100%;
    height: 100px;
    padding: 0 10px;
    display: none;
  }

  .tab-body {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: row;
    align-items: flex-start;
    padding: 16px;
  }

  .single-tab {
    flex-direction: column;
    min-height: auto;
  }

  .tab-content-right {
    width: 100%;
    max-width: 378dvh;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .content-01-tab {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    max-height: none;
  }

  .tab-header-03 {
    border-top-style: solid;
    flex-direction: row;
    width: 100%;
    height: 100px;
    padding: 0 10px;
    display: none;
  }

  .contenct-01-image {
    object-fit: cover;
    border-radius: 8px;
    width: 100%;
    max-width: 215px;
  }

  .tab-header-02, .tab-header-01 {
    border-top: 1px solid #000;
    border-left-style: none;
    border-right-style: none;
    flex-direction: row;
    width: 100%;
    height: 100px;
    padding: 0 10px;
    display: none;
  }

  .header-img {
    transform: rotate(90deg);
  }

  .faq-body-wrap {
    grid-row-gap: 24px;
    flex-direction: column;
    margin-top: 60px;
  }

  .hero-title-wrap-03 {
    flex-flow: column;
  }

  .content-vertical-bar-wrap-04 {
    margin-top: 60px;
  }

  .shine {
    display: none;
  }

  .cta-sticky {
    height: 600px;
    display: block;
  }

  .cta-inner-sticky {
    height: 100%;
    display: block;
    position: static;
  }

  .cta-thumbs {
    width: 100%;
    height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: visible;
  }

  .instructions.container-full {
    padding-top: 80px;
  }

  .instruction-info {
    margin-top: 60px;
  }

  .team-card {
    width: 100%;
    min-width: auto;
  }

  .team-card.one, .team-card.two, .team-card.three, .team-card.four, .team-card.five {
    left: auto;
  }
}

@media screen and (max-width: 767px) {
  h4 {
    letter-spacing: -1.4px;
    font-size: 28px;
    line-height: 34px;
  }

  .nav-menu-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .menu-button, .menu-button.w--open {
    width: 26px;
    height: 26px;
  }

  .menu-button._01 {
    background-color: #0000;
    border: 1px #000;
    border-radius: 0%;
    width: 26px;
    height: 26px;
    padding: 0;
  }

  .footer {
    padding-top: 60px;
  }

  .nav-menu-wrapper {
    z-index: 1;
    background-color: #fff;
    flex-flow: column;
    max-width: 100%;
    height: 100vh;
    position: fixed;
    inset: 0 0% auto;
  }

  .container-fluid.for-ct3 {
    overflow: hidden;
  }

  .style-guide-content {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .footer-middle {
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
  }

  .radion-btn-wrap {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .navbar-brand-wrap {
    display: block;
  }

  .typography {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .para-02---regular {
    font-size: 18px;
  }

  .style-guide.container-full {
    padding-bottom: 60px;
  }

  .color-list {
    grid-template-columns: 1fr 1fr;
  }

  .heading-04---regular {
    letter-spacing: -1.7px;
    font-size: 34px;
    line-height: 38px;
  }

  .footer-top {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .heading-02---regular {
    letter-spacing: -3.2px;
    font-size: 64px;
    line-height: 70px;
  }

  .nav-button-wrapper {
    max-width: 280px;
  }

  .footer-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
    align-items: flex-start;
  }

  .para-02---semibold {
    font-size: 18px;
  }

  .style-guide-hero.container-full {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .menu-icon-wrap {
    width: 26px;
    height: 26px;
  }

  .footer-left {
    align-items: flex-start;
  }

  .navbar {
    justify-content: space-between;
    align-items: center;
  }

  .button-wrap {
    flex-flow: wrap;
  }

  .navbar-wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .heading-05---regular {
    font-size: 26px;
    line-height: 30px;
  }

  .para-03---regular {
    font-size: 16px;
    line-height: 26px;
  }

  .heading-03---regular {
    letter-spacing: -2.4px;
    font-size: 48px;
    line-height: 54px;
  }

  .footer-copyright {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    text-align: center;
    flex-flow: column;
    margin-top: 80px;
  }

  .para-01---regular {
    font-size: 20px;
    line-height: 26px;
  }

  .heading-01---light {
    letter-spacing: -4px;
    font-size: 80px;
    line-height: 86px;
  }

  .container-full {
    width: 100%;
  }

  .heading-01---regular, .heading-01---medium, .heading-01---windsong {
    letter-spacing: -4px;
    font-size: 80px;
    line-height: 86px;
  }

  .heading-02---windsong {
    letter-spacing: -3.2px;
    font-size: 64px;
    line-height: 70px;
  }

  .heading-04---wingson {
    letter-spacing: -2.4px;
    font-size: 48px;
    line-height: 52px;
  }

  .heading-04---medium {
    font-size: 34px;
    line-height: 38px;
  }

  .filter-checkbox {
    border-color: var(--main-text-head);
    color: var(--main-black);
  }

  .filter-checkbox.w--redirected-checked {
    border-color: var(--main-text-head);
    background-color: var(--main-text-head);
    background-image: none;
  }

  .checkbox-field {
    flex: 1;
  }

  .footer-right {
    align-items: flex-start;
    max-width: 100%;
  }

  .footer-menu-wrap {
    max-width: 100%;
  }

  .footer-menu-title.heading-05---regular {
    padding-bottom: 10px;
  }

  .footer-menu-list {
    max-width: 60%;
  }

  .addition-social-links {
    justify-content: flex-start;
  }

  .footer-bottom {
    height: 140px;
  }

  .footer-bottom-link {
    letter-spacing: -4px;
  }

  .nav-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .nav-item-link.heading-05---regular {
    font-size: 20px;
    line-height: 24px;
  }

  .nav-inner-menu {
    padding-top: 40px;
  }

  .changelog-info.light-3b3e2d-text {
    margin-top: 40px;
  }

  .changelog.container-full {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .licenses.container-full {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .license-info {
    margin-top: 40px;
  }

  .not-found-wrap, .protected-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .protected-body.light-3b3e2d-text {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .protected {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .contact-hero-01 {
    height: 300px;
  }

  .contact-01.container-full {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .contact-head-01.light-ffffff-text {
    flex-flow: column;
    padding-bottom: 40px;
  }

  .contact-head-body-01 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .contact-body-01 {
    flex-flow: column;
    margin-top: 60px;
  }

  .contact-02.container-full {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .contact-info-list {
    grid-template-columns: 1fr;
    margin-top: 50px;
  }

  .contact-info-item {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .contact-arrow-02 {
    width: 40px;
    height: 40px;
  }

  .contact-arrow-02.left {
    right: 76px;
  }

  .contact-maps-02 {
    height: 300px;
  }

  .contact-map-info-02 {
    display: none;
  }

  .contact-03.container-full {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .contact-form-wrap-03 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .ct-infos-03 {
    padding-top: 80px;
  }

  .contact-slider-03 {
    height: 300px;
  }

  .contact-info-item-03 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .contact-info-wrap {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }

  .product-single-content {
    flex-flow: column;
  }

  .product-single-body {
    max-width: 100%;
  }

  .product-body-top.light-3b3e2d-text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .product-body-middle {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 40px;
  }

  .product-body-bottom {
    margin-top: 40px;
  }

  .product.container-full {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .product.container-full.prdct-single {
    padding-bottom: 60px;
  }

  .product-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .product-head {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .product-list {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .product-item-img-wrap {
    max-width: 100%;
  }

  .about-hero-title.heading-01---regular {
    bottom: 0;
    left: 0;
  }

  .about-hero-title-wrap.light-ffffff-text {
    padding-top: 280px;
  }

  .about.container-full {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .about.container-full.testimonial-wrap {
    height: 6rem;
  }

  .about-body {
    margin-top: 60px;
  }

  .about-body-thumbs {
    height: 340px;
  }

  .about-body-info {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .about-testimonial.light-ffffff-text {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: 80px;
  }

  .about-testimonial-text.heading-04---regular.arabic-txt {
    font-size: 30px;
    line-height: 45px;
  }

  .about-testimonial-ico {
    inset: -11% auto auto 0%;
  }

  .content-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .content-wrap._02 {
    flex-flow: column;
  }

  .cotnent-text-01.para-03---regular {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .team.container-full {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .team-content {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .team-head.light-3b3e2d-text {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .team-list {
    grid-template-columns: 1fr 1fr;
  }

  .team-avatar-wrap {
    height: 100%;
  }

  .team-avatar {
    aspect-ratio: 1;
  }

  .about-cta.container-full {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .cta-btn-wrap {
    margin-top: 40px;
  }

  .blog-single-hero-title-wrap.light-ffffff-text {
    padding-top: 200px;
    bottom: 0;
    left: 0;
  }

  .blog-single.container-full {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .blog-single-content {
    flex-flow: column;
  }

  .blog-left {
    max-width: 100%;
  }

  .blog-single-table {
    position: static;
  }

  .blog-hero-title-wrap.light-ffffff-text {
    padding-top: 100px;
    padding-bottom: 40px;
  }

  .feature-blog.container-full {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .feature-blog-item-thumbs {
    height: 300px;
  }

  .blogs.container-full {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .blog-list {
    grid-template-columns: 1fr;
  }

  .property-head-tabs-menu {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .property-single-tab-link {
    height: 100px;
  }

  .pr-single-img-wrap {
    height: 400px;
  }

  .pr-single-tab-pange-gap {
    height: 240px;
  }

  .local-info-pane-link {
    height: 300px;
  }

  .affordability-ranges {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1.35fr;
  }

  .parent-pan-content {
    flex-flow: column;
  }

  .parent-pan-right {
    max-width: 100%;
  }

  .property-01.container-full {
    padding-top: 80px;
  }

  .property-content-01.inner {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
  }

  .property-options-01 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .form-option-list {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    place-items: flex-start start;
    display: none;
  }

  .option-dropdown-01, .option-dropdown-01._01, .option-dropdown-01._02, .option-dropdown-01._03, .option-dropdown-01._04 {
    max-width: 100%;
  }

  .option-item-01 {
    z-index: 10;
  }

  .filter-checkbox-wrap {
    z-index: 10;
    position: relative;
  }

  .dropdown-arrow {
    width: 18px;
    height: 18px;
  }

  .filter-checkbox-text.para-04---regular {
    color: #333;
  }

  .property-list-01 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .property-item-01._03 {
    flex-flow: column;
  }

  .property-thumb-wrap-01 {
    height: 400px;
  }

  .property-item-name-wrap.mb-1rem.cc-in-img-absol {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    inset: 0%;
  }

  .property-hero-title-wrap-02.light-ffffff-text {
    padding-top: 100px;
    padding-bottom: 40px;
  }

  .property-02.container-full {
    padding-top: 60px;
  }

  .property-list-02 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .form-option-list-02 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    place-items: flex-start start;
    display: flex;
  }

  .property-03.container-full {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .property-03.container-full:where(.w-variant-08549a15-1082-d1f2-9ebe-de4483b43ae3) {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .property-content-03, .property-content-03:where(.w-variant-08549a15-1082-d1f2-9ebe-de4483b43ae3) {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .property-list-03 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .property-body-wrap-03 {
    max-width: 100%;
  }

  .property-body-text-03.para-04---regular {
    margin-top: 34px;
    margin-bottom: 34px;
  }

  .property-thumb-wrap-03 {
    max-width: 100%;
    height: 300px;
  }

  .hero-01.container-full {
    padding-top: 40px;
  }

  .hero-head-01 {
    margin-bottom: 60px;
  }

  .hero-body-left-01 {
    height: 300px;
  }

  .content-02.container-full {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .content-wrap-02 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .content-body-thumbs-02 {
    height: 300px;
  }

  .content-body-info-02 {
    max-width: 100%;
  }

  .feature-property-01.container-full {
    padding-top: 60px;
  }

  .feature-property-slider {
    display: none;
  }

  .feature-collection._01 {
    max-width: 100%;
    margin-bottom: 30px;
    display: block;
    position: static;
  }

  .feature-collection._01.last {
    max-width: 100%;
    position: static;
  }

  .content-03.container-full {
    padding-top: 60px;
  }

  .content-list-03 {
    grid-template-columns: 1fr;
  }

  .property-listing.container-full {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .property-listing-content {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
  }

  .property-listing-mask {
    max-width: 100%;
    overflow: hidden;
  }

  .testimonial.container-full {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .testimonial-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .blog-title-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 60px;
  }

  .hero-02.container-full {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hero-head-02 {
    margin-bottom: 60px;
  }

  .property-list-04 {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .content-04.container-full {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .content-subtext-04.para-02---regular.light-3b3e2d-text {
    margin-bottom: 40px;
  }

  .content-05.container-full {
    padding-top: 60px;
  }

  .content-wrap-05 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .content-list-04 {
    grid-template-columns: 1fr;
  }

  .content-list-thumb {
    height: 400px;
  }

  .property-listing-02.container-full {
    padding-top: 60px;
  }

  .property-listing-head-02 {
    margin-bottom: 60px;
  }

  .property-list-05 {
    grid-template-columns: 1fr;
  }

  .testimonial-02.container-full {
    padding-bottom: 60px;
  }

  .testimonial-item-02 {
    flex-flow: column;
  }

  .testimonial-thumb {
    display: none;
  }

  .testimonial-thumb._03 {
    max-width: 100%;
    height: 400px;
    display: block;
  }

  .testimonial-thumb-img {
    object-position: 50% 20%;
  }

  .testimonial-thumb-wrap {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .hero-head-03.light-ffffff-text {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    max-width: none;
    margin-right: 0;
    padding-top: 60px;
    padding-bottom: 50px;
  }

  .hero-sub-inner {
    max-width: 100%;
  }

  .property-listing-03.container-full {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .property-listing-head-04 {
    margin-bottom: 60px;
  }

  .property-listing-head-04.cc-h-flex {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .property-listing-title-04.heading-02---regular.cc-74p {
    font-size: 2.5rem;
    line-height: 1.1;
  }

  .property-listing-texts {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .property-listing-texts.cc-right-content {
    width: auto;
  }

  .property-listing-text-04.para-02---regular {
    max-width: none;
  }

  .property-list-06 {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .property-listing-btn-wrap {
    padding-top: 60px;
  }

  .content-06.container-full {
    padding-bottom: 60px;
  }

  .content-wrap-06, .content-head-left-06.light-3b3e2d-text {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .content-thumb-06 {
    height: 300px;
  }

  .content-item-06.light-3b3e2d-text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-bottom: 40px;
  }

  .content-item-right-06 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .content-inner-06 {
    max-width: 100%;
  }

  .blog-list-02 {
    grid-template-columns: 1fr;
  }

  .content-07.container-full {
    padding-bottom: 60px;
  }

  .content-wrap-07 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .tab-body {
    align-items: stretch;
  }

  .tab-content-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .contenct-01-image {
    max-width: 200px;
  }

  .dropdown-toggle {
    color: #fff;
  }

  .faq-body-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    margin-top: 40px;
    margin-left: 0;
  }

  .faq-body-wrap._02 {
    display: block;
  }

  .hero-title-wrap-03 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .title-wrap-03 {
    height: 85px;
  }

  .content-vertical-bar-wrap-04 {
    margin-top: 40px;
    margin-bottom: 30px;
  }

  .cta-sticky {
    height: 500px;
  }

  .cta-thumbs {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .instructions.container-full {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .instruction-info {
    flex-flow: column;
    margin-top: 40px;
  }

  .info-img-wrap {
    margin-top: 30px;
  }

  .nav-content-wrapper {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .nav-link {
    color: var(--main-black);
    letter-spacing: -.05em;
    margin-bottom: .6875rem;
    margin-left: 0;
    margin-right: 0;
    font-size: .8125rem;
    line-height: 1.3125rem;
  }

  .nav-link.cc-dd {
    margin-bottom: 0;
  }

  .nav-link.cc-dd-link {
    margin-bottom: 0;
    padding-left: 0;
  }

  .nav-link.cc-dl-link {
    margin-bottom: 0;
  }

  .nav-menu {
    background-color: #f5efe6;
    justify-content: flex-start;
    align-items: center;
    padding: 12px;
  }

  .nav-menu-btn {
    color: var(--light-ffffff);
  }

  .nav-menu-btn.w--open {
    background-color: #0000;
  }

  .nav-meanu-wrapper {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .dropdown-list-2.w--open {
    grid-column-gap: .6875rem;
    grid-row-gap: .6875rem;
    background-color: #0000;
    border-style: none;
    padding: 0;
    position: relative;
  }

  .seach-form {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .pop-up-form-inside-wrapper {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .team-section-wrapper {
    flex-flow: column;
  }

  .team-img {
    object-fit: cover;
  }

  .pop-up-form-iteam-details {
    max-height: 40rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    overflow: auto;
  }

  .pop-up-team-wrapper {
    flex-flow: column;
  }

  .left-video-team-wrapper {
    width: 100%;
    height: 100%;
    margin-bottom: 1.125rem;
    padding-right: 0;
  }
  .hover-bg-video {
    aspect-ratio: 1;
  }

  .content-wrapper.cc-fore-hearo-text.cc-form {
    margin-top: 3rem;
  }
}

@media screen and (max-width: 479px) {
  h4 {
    letter-spacing: -1.2px;
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 30px;
  }

  p, li {
    letter-spacing: -.32px;
    font-size: 16px;
    line-height: 22px;
  }

  .footer {
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .container-fluid {
    padding-top: 100px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .style-guide-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

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

  .para-04---semibold {
    line-height: 24px;
  }

  .navbar-brand-wrap {
    top: 15px;
  }

  .typography {
    flex-flow: column;
    align-items: flex-start;
  }

  .para-02---regular {
    font-size: 18px;
    line-height: 26px;
  }

  .style-guide.container-full {
    padding-bottom: 30px;
  }

  .color-list {
    grid-template-columns: 1fr;
  }

  .nav-inner {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-04---regular {
    letter-spacing: -1.6px;
    font-size: 30px;
    line-height: 36px;
  }

  .footer-top {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 0;
    display: flex;
  }

  .nav-outter {
    margin-left: 20px;
    margin-right: 20px;
  }

  .navbar-brand {
    width: 100px;
    min-width: 100px;
    height: auto;
  }

  .heading-02---regular {
    letter-spacing: -2.1px;
    font-size: 40px;
    line-height: 48px;
  }

  .nav-button-wrapper {
    max-width: 100%;
  }

  .footer-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .para-02---semibold {
    line-height: 30px;
  }

  .style-guide-hero.container-full {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .footer-left {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: 100%;
  }

  .typography-body {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .button-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .navbar-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .heading-05---regular {
    font-size: 22px;
    line-height: 28px;
  }

  .para-03---regular {
    font-size: 18px;
    line-height: 26px;
  }

  .heading-03---regular {
    letter-spacing: -1.8px;
    font-size: 34px;
    line-height: 40px;
  }

  .footer-copyright {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 40px;
    padding-bottom: 20px;
  }

  .para-01---regular {
    font-size: 20px;
    line-height: 30px;
  }

  .heading-01---light, .heading-01---regular, .heading-01---medium, .heading-01---windsong {
    letter-spacing: -2.7px;
    font-size: 48px;
    line-height: 56px;
  }

  .heading-02---windsong {
    letter-spacing: -2.1px;
    font-size: 40px;
    line-height: 48px;
  }

  .heading-04---wingson {
    letter-spacing: -1.6px;
    font-size: 30px;
    line-height: 36px;
  }

  .heading-04---medium {
    font-size: 30px;
    line-height: 36px;
  }

  .para-04---regular, .para-05---regular, .para-06---all-caps, .para-06---normal {
    line-height: 24px;
  }

  .button-secondary.for-nav {
    display: none;
  }

  .button-secondary.for-nav.cc-white.show-mobile {
    background-color: var(--main-black);
    color: var(--light-ffffff);
    margin-top: .6875rem;
    padding-top: 8px;
    font-size: .8125rem;
    display: block;
  }

  .form-group-wrap {
    flex-flow: column;
  }

  .from-group._01 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .form-text-area, .form-text-area-02 {
    height: 150px;
    min-height: 150px;
  }

  .footer-right {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: flex;
  }

  .footer-left-body, .footer-menu-wrap {
    max-width: 100%;
  }

  .footer-menu-list {
    max-width: 100%;
    margin-top: 24px;
  }

  .addition-social-links {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: flex;
  }

  .addition-social-item {
    width: auto;
  }

  .footer-bottom {
    height: 80px;
  }

  .footer-bottom-link {
    letter-spacing: -.56px;
    font-size: 24px;
    line-height: 100%;
  }

  .nav-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .nav-item-links {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 16px;
  }

  .nav-quote {
    display: none;
  }

  .nav-inner-menu {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .changelog-info.light-3b3e2d-text {
    margin-top: 30px;
  }

  .changelog.container-full {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .licenses.container-full {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .license-info {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 40px;
  }

  .not-found {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .not-found-img {
    max-width: 200px;
  }

  .not-found-info.light-3b3e2d-text, .protected-body.light-3b3e2d-text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .protected-img {
    max-width: 200px;
  }

  .protected-btn {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .contact-hero-01 {
    height: 200px;
  }

  .contact-01.container-full {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .contact-head-01.light-ffffff-text {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .contact-address-01 {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    flex-flow: column;
  }

  .contact-address-item-01 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .contact-body-01 {
    margin-top: 40px;
  }

  .contact-form-wrap-01 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .contact-text-field-01 {
    height: 56px;
  }

  .contact-text-area-01 {
    height: 150px;
    min-height: 150px;
  }

  .contact-checkbox-wrap {
    flex-flow: wrap;
  }

  .contact-btn-01 {
    margin-top: 40px;
  }

  .contact-02.container-full {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .contact-info-list {
    margin-top: 40px;
  }

  .contact-info-item {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    padding: 20px;
  }

  .contact-arrow-02 {
    width: 34px;
    height: 34px;
  }

  .contact-arrow-02.left {
    right: 70px;
  }

  .contact-maps-02 {
    height: 200px;
  }

  .contact-map-img-02 {
    transform: scale(1.8);
  }

  .contact-03.container-full {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .contact-form-wrap-03 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .form-group-wrap-03 {
    flex-flow: column;
  }

  .form-text-area-03 {
    height: 150px;
    min-height: 150px;
  }

  .ct-btn-03.btn-single {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .ct-infos-03 {
    padding-top: 60px;
  }

  .contact-slider-03 {
    height: 200px;
  }

  .contact-info-item-03 {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    padding: 20px;
  }

  .contact-info-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .product-single.container-full {
    padding-top: 40px;
  }

  .product-single-thumbs {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .product-single-thumb {
    width: 75%;
  }

  .product-body-top.light-3b3e2d-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .product-body-middle {
    margin-top: 30px;
  }

  .product.container-full {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .product-head {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .product-item-img-wrap {
    border-radius: 8px;
    height: auto;
    padding: 26px;
  }

  .product-item-img {
    width: 60%;
  }

  .about-hero-title-wrap.light-ffffff-text {
    padding-top: 100px;
  }

  .about.container-full {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .about.container-full.testimonial-wrap {
    background-size: 100% 100%;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
  }

  .about-head.light-ffffff-text {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

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

  .about-body {
    margin-top: 40px;
  }

  .about-body-thumbs {
    height: 240px;
  }

  .about-body-info {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .about-body-info-wrap.light-ffffff-text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .info-wrap-right {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .about-testimonial.light-ffffff-text {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 40px;
  }

  .about-testimonial-ico {
    max-width: 60px;
    inset: -4% auto auto 0%;
  }

  .cotnent-text-01.para-03---regular {
    margin-top: 26px;
    margin-bottom: 26px;
  }

  .content-list {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .content-item {
    padding: 26px 24px;
  }

  .content-item-ico {
    width: 48px;
    height: 48px;
  }

  .content-item-title.heading-04---regular {
    margin-top: 20px;
  }

  .team-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .team-head.light-3b3e2d-text {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .team-list {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .team-avatar-wrap {
    object-fit: cover;
  }

  .about-cta.container-full {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .cta-btn-wrap {
    margin-top: 30px;
  }

  .blog-single-hero {
    height: 450px;
  }

  .blog-single-hero-title-wrap.light-ffffff-text {
    padding-top: 100px;
  }

  .blog-single-content {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .blog-single-info {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .blog-hero-title-wrap.light-ffffff-text {
    padding-top: 80px;
    padding-bottom: 20px;
  }

  .feature-blog.container-full {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .feature-blog-item-thumbs {
    border-radius: 8px;
    height: 200px;
  }

  .blogs.container-full {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .blog-list {
    grid-row-gap: 30px;
  }

  .blog-item-thumbs {
    border-radius: 8px;
    height: 240px;
  }

  .blog-item-title.heading-05---regular {
    margin-bottom: 20px;
  }

  .property-single.container-full {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .property-head-tabs-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .property-single-tab-link {
    height: 60px;
  }

  .pr-single-img-wrap {
    height: 240px;
  }

  .pr-single-tab-pange-gap {
    height: 90px;
  }

  .property-single-body {
    padding-top: 40px;
  }

  .property-body-info {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .property-owner-head.light-3b3e2d-text {
    padding: 26px 20px;
  }

  .property-owner-name.heading-05---regular {
    margin-top: 20px;
  }

  .property-owner-agent.para-02---regular {
    margin-bottom: 24px;
  }

  .property-addtional-info {
    padding: 26px 20px;
  }

  .addtion-info-head-text.para-02---regular {
    margin-bottom: 30px;
  }

  .property-info-head.light-3b3e2d-text {
    padding-bottom: 30px;
  }

  .property-info-location.para-01---regular {
    margin-bottom: 26px;
  }

  .body-local-infos {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-bottom: 30px;
  }

  .local-tab-menus {
    flex-flow: column;
    width: 100%;
  }

  .local-tab-menu {
    padding: 8px 16px;
  }

  .local-info-pane-link {
    height: 100%;
  }

  .body-description, .body-amenities {
    padding-bottom: 30px;
  }

  .body-amnenities-list {
    grid-template-columns: 1fr;
  }

  .energy-class-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 26px;
    margin-bottom: 26px;
  }

  .affordability-ranges {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .affordability-range {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .contact-agent-body {
    padding-bottom: 28px;
  }

  .parent-tab-link.para-04---regular {
    text-align: center;
  }

  .property-01.container-full {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .property-content-01.inner {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .property-options-01 {
    margin-top: 30px;
  }

  .option-item-01 {
    z-index: 2;
  }

  .filter-checkbox-text.para-04---regular {
    color: #333;
  }

  .property-list-01 {
    grid-row-gap: 30px;
  }

  .property-thumb-wrap-01 {
    border-radius: 8px;
    height: 350px;
  }

  .property-thumb-wrap-01._02 {
    height: 200px;
  }

  .body-sub-title-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 12px;
  }

  .body-sub-title.para-04---regular.dot, .property-item-btn {
    display: none;
  }

  .property-item-name-wrap {
    margin-top: 12px;
  }

  .property-hero-title-wrap-02.light-ffffff-text {
    padding: 40px 20px 30px;
  }

  .property-02.container-full {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .property-list-02 {
    grid-row-gap: 30px;
  }

  .property-03.container-full {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .property-content-03 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .property-content-03:where(.w-variant-08549a15-1082-d1f2-9ebe-de4483b43ae3) {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .property-body-text-03.para-04---regular {
    margin-top: 26px;
    margin-bottom: 0;
  }

  .property-thumb-wrap-03 {
    border-radius: 8px;
    height: 200px;
  }

  .property-additional-03 {
    margin-bottom: 14px;
  }

  .body-sub-title-wrap-03 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .property-form-wrap-03 {
    flex-flow: column;
  }

  .bedrooms {
    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;
    display: grid;
  }

  .bedroom {
    border-bottom-style: none;
  }

  .bedroom.last {
    border-bottom-style: solid;
    border-radius: 0 0 8px;
  }

  .bedroom.first {
    border-radius: 8px 0 0;
  }

  .bedroom._02 {
    border-top-right-radius: 8px;
  }

  .bedroom._05 {
    border-left: 1px solid var(--light-c3c7b2);
    border-bottom-style: solid;
    border-bottom-left-radius: 8px;
  }

  .bedroom._03 {
    border-left: 1px solid var(--light-c3c7b2);
  }

  .hero-01.container-full {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .hero-head-01 {
    margin-bottom: 30px;
  }

  .hero-body-01 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .hero-body-left-01 {
    height: 200px;
  }

  .hero-body-middle-01 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 100%;
  }

  .hero-body-right-01 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .body-right-wrap-01 {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    flex-flow: column;
  }

  .content-02.container-full {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .content-wrap-02 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .content-body-thumbs-02 {
    height: 200px;
  }

  .content-body-info-02 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .feature-property-01.container-full {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .feature-propert-title-01.heading-02---regular {
    text-align: center;
    margin-bottom: 40px;
  }

  .feature-property-item-wrap {
    flex-flow: column;
    display: flex;
  }

  .feature-item-btn.for-nav {
    display: none;
  }

  .feature-property-slider {
    margin-top: 0;
    display: none;
  }

  .feature-arrow._02.left {
    inset: auto auto 0% 0%;
  }

  .feature-arrow._02.right {
    inset: auto 0% 0% auto;
  }

  .feature-collection {
    position: static;
  }

  .feature-collection._01 {
    margin-bottom: 30px;
    display: block;
  }

  .feature-collection._01.last {
    margin-bottom: 0;
  }

  .feature-collection-top {
    display: none;
  }

  .feature-btn-wrap {
    padding-top: 30px;
  }

  .content-list-03 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .property-listing.container-full {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .property-listing-content {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .feature-property-slider-02 {
    min-height: 435px;
  }

  .testimonial.container-full {
    padding-bottom: 20px;
  }

  .testimonial-content.light-ffffff-text {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .testimonial-ico {
    max-width: 60px;
    inset: 0% auto auto 0%;
  }

  .feature-arrow-03 {
    display: none;
  }

  .blog-title-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-bottom: 40px;
  }

  .hero-02.container-full {
    padding-top: 40px;
  }

  .hero-head-02 {
    margin-bottom: 40px;
  }

  .hero-body-right-02 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .property-list-04 {
    grid-row-gap: 40px;
  }

  .content-04.container-full {
    padding-bottom: 30px;
  }

  .content-vertical-bar-04 {
    height: 60px;
  }

  .content-list-04 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .content-item-ico-04 {
    width: 48px;
    height: 48px;
  }

  .content-item-title-04.heading-05---regular {
    margin-top: 26px;
    margin-bottom: 20px;
  }

  .content-item-04 {
    padding: 26px 24px;
  }

  .content-list-thumb {
    height: 240px;
  }

  .property-listing-head-02 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-bottom: 40px;
  }

  .testimonial-content-02 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .testimoninal-head-02 {
    margin-bottom: 40px;
  }

  .testimonial-thumb._03 {
    height: 280px;
  }

  .nav-quote-02 {
    padding: 30px 20px 20px;
  }

  .testimonial-arrow {
    display: none;
  }

  .hero-03.cc-flex {
    justify-content: flex-end;
    align-items: flex-start;
    height: 80vh;
  }

  .hero-head-03.light-ffffff-text {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .hero-sub-wrap {
    justify-content: flex-start;
    align-items: stretch;
  }

  .property-listing-03.container-full {
    padding-top: 40px;
  }

  .property-listing-head-04 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-bottom: 40px;
  }

  .property-listing-texts {
    flex-flow: column;
  }

  .property-list-06 {
    grid-row-gap: 40px;
  }

  .property-listing-btn-wrap {
    padding-top: 40px;
  }

  .content-head-left-06.light-3b3e2d-text {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .content-item-06.light-3b3e2d-text {
    padding-bottom: 20px;
  }

  .content-item-right-06, .content-inner-06 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .blog-list-02 {
    grid-row-gap: 30px;
  }

  .content-07.container-full {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .tab-body {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .tab-content-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .contenct-01-image {
    object-position: 50% 20%;
    max-width: 100%;
    height: 400px;
  }

  .product-item-btn-02 {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 22px;
  }

  .question-title {
    white-space: normal;
    padding-right: 0;
    font-size: 20px;
    line-height: 24px;
  }

  .dropdown-toggle {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .faq-body-wrap {
    grid-row-gap: 40px;
    margin-top: 16px;
  }

  .faq-question-left {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .title-wrap-03 {
    height: 55px;
  }

  .cta-sticky {
    height: 350px;
  }

  .button-secondary-inner.for-nav {
    display: none;
  }

  .mobile-view {
    text-align: center;
    margin-top: 20px;
  }

  .desktop-view {
    display: none;
  }

  .instructions.container-full {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .instruction-info {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 40px;
  }

  .info-img-wrap {
    margin-top: 20px;
  }

  .energy-color-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 100%;
  }

  .entergy-color-item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    max-width: 100%;
  }

  .nav-content-wrapper {
    padding-top: 1rem;
    padding-bottom: .5rem;
  }

  .pop-up-form-inside-wrapper {
    z-index: 10000;
    max-height: 30rem;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    top: 10%;
    overflow: auto;
  }

  .close-btn-link {
    top: -7%;
  }

  .pop-up-form-iteam-details {
    z-index: 10000;
    max-height: 30rem;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    top: 10%;
    overflow: auto;
  }
}

#w-node-_475160bd-4515-b69b-707d-9fd18b743d6c-8b743d67 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_475160bd-4515-b69b-707d-9fd18b743d6c-8b743d67 {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_475160bd-4515-b69b-707d-9fd18b743d6c-8b743d67 {
    order: 0;
  }
}


@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Windsong';
  src: url('../fonts/WindSong-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Windsong';
  src: url('../fonts/WindSong-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticaneueroman';
  src: url('../fonts/HelveticaNeueRoman.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


.back-to-top-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;                     /* space between text & arrow */
  text-decoration: none;        /* removes underline */
  color: inherit;               /* keeps your page color */
}

.back-to-top-link:hover {
  opacity: 0.8;                 /* subtle hover effect */
}

.footer-left-arrow svg {
  width: 16px;                  /* controls icon size */
  height: 16px;
  transform: translateY(1px);   /* perfect vertical alignment */
}



.hero-03.cc-new-hero {
  position: relative;
  width: 100%;
  height: 100vh; /* full viewport height */
}

/* video fills the container like a background */
.contact-hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;  /* keeps proportions while filling */
  transform: translate(-50%, -50%);
  z-index: 0;
}

/* optional overlay if you have text above it */
.hero-03.cc-new-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.25); /* light overlay */
  z-index: 1;
}


.footer-copyright {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px 0;
}

.footer-cp-link {
  color: #c3a178;
  font-family: "ivymode", sans-serif;
  font-size: 0.9rem;
  line-height: 1.5;
}

.footer-cp-link span {
  display: block;
  margin-top: 4px; /* small spacing between the lines */
}



/* extra */

.about-head-texts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 60px;
  grid-row-gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
  color: #D2AA7E;
}

.about-head-text a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #D2AA7E;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  transition: color 0.3s ease;
}

.about-head-text a:hover {
  color: #ffffff;
}

.list-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.about-head-text a:hover .list-icon {
  transform: scale(1.15);
}

/****** HERO VIDEO – BASE LAYER ******/
.hero-video-wrap {
  position: absolute;
  inset: 0;
  overflow: hidden;
  /* must be BELOW your hero content so search works */
  z-index: 1;                 /* video layer */
  pointer-events: auto;       /* allow the mute button to receive clicks */
}

/* The actual <video> element */
.hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%); /* center by default */
  object-fit: cover;                 /* full-bleed */
  object-position: center center;    /* mobile/default focus */
  pointer-events: none;              /* don't steal clicks */
  z-index: 0;
}

/* Make sure your hero text + search are ABOVE the video */
.my-contain,
.content-wrapper,
.cc-for-hero {
  position: relative;
  z-index: 2;                        /* content layer */
}

/****** MUTE/UNMUTE BUTTON ******/
.hero-video-mute {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 3;                        /* above content */
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.5);
  color: #fff;
  border: 1px solid rgba(255,255,255,.25);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  backdrop-filter: blur(6px);
  pointer-events: auto;              /* clickable even though video is not */
}

/* Slightly smaller button on phones */
@media (max-width: 768px) {
  .hero-video-mute { right: 12px; bottom: 12px; font-size: 13px; }
}

/****** DESKTOP “FOCUS TOP” CROP ******/
/* Show the TOP of a vertical video on desktop (hide bottom portion) */
/* SAFETY: a dark fallback so nothing shows through while loading */
.hero-video-wrap { background:#000; }

/* DESKTOP: prioritize the top of the video without exposing the bottom */
@media (min-width: 1024px) {
  .hero-video {
    object-position: center top;  /* keep focus at top */
    top: 0;
    left: 50%;
    transform: translate(-50%, -10%); /* ↓ shift video down slightly */
    height: 120%;
    width: auto;
    min-width: 100%;
  }
}

/****** ACCESSIBILITY ******/
@media (prefers-reduced-motion: reduce) {
  /* keep UI simple; button can be hidden if you prefer */
  .hero-video-mute { display: none; }
}

@media (min-width: 1024px) {
  .hero-video {
    object-fit: cover;
    object-position: center 35%; /* 35% = slightly down from center */
  }
}


/* unmute click */
/* Let the wrapper NOT create a stacking context */
.hero-video-wrap{
  z-index: auto !important;        /* was 1 */
  background: transparent !important; /* avoid any overlay */
  pointer-events: auto;            /* keep so the button can receive clicks */
}

/* Keep the video click-through so search is clickable */
.hero-video{
  pointer-events: none !important;
}

/* Put the button above your hero content (z:2) */
.hero-video-mute{
  z-index: 999 !important;         /* higher than your content layer (2) */
  pointer-events: auto !important; /* explicitly clickable */
}