.contact-us {
background-color: #ffffff;
width: 1440px;
  margin-left: auto;
  margin-right: auto;
min-width: 1440px;
min-height: 3000px;
position: relative;
}

.contact-us .footer {
display: flex;
flex-direction: column;
width: 1440px;
height: 412px;
align-items: center;
justify-content: center;
gap: 20px;
padding: 10px;
position: absolute;
top: 2588px;
left: calc(50.00% - 720px);
background-color: var(--variable-collection-primary-color);
}

.contact-us .footer-nav {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 400px;
padding: 10px;
position: relative;
flex: 0 0 auto;
}

.contact-us .group {
position: relative;
width: 359px;
height: 237px;
}

.contact-us .logo {
position: absolute;
top: calc(50.00% - 118px);
left: calc(50.00% - 180px);
width: 240px;
height: 119px;
aspect-ratio: 2.02;
background-image: url(./img/logo-1.png);
background-size: cover;
background-position: 50% 50%;
}

.contact-us .text-wrapper {
position: absolute;
top: 119px;
left: 16px;
width: 341px;
font-family: var(--body-font-family);
font-weight: var(--body-font-weight);
color: var(--variable-collection-white);
font-size: var(--body-font-size);
letter-spacing: var(--body-letter-spacing);
line-height: var(--body-line-height);
font-style: var(--body-font-style);
}

.contact-us .div {
position: absolute;
top: 201px;
left: 16px;
width: 341px;
height: 36px;
display: flex;
gap: 14px;
}

.contact-us .social-media {
width: 36px;
height: 36px;
aspect-ratio: 1;
}

.contact-us .footer-nav-2 {
display: flex;
flex-direction: column;
width: 533px;
align-items: flex-end;
position: relative;
}

.contact-us .frame {
align-items: flex-start;
gap: 36px;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
display: flex;
position: relative;
}

.contact-us .group-2 {
position: relative;
width: 172px;
height: 112px;
}

.contact-us .text-wrapper-2 {
position: absolute;
top: 0;
left: 0;
font-family: var(--body-bold-font-family);
font-weight: var(--body-bold-font-weight);
color: var(--variable-collection-white);
font-size: var(--body-bold-font-size);
letter-spacing: var(--body-bold-letter-spacing);
line-height: var(--body-bold-line-height);
white-space: nowrap;
font-style: var(--body-bold-font-style);
}

.contact-us .text-wrapper-3 {
position: absolute;
top: 31px;
left: 0;
font-family: var(--body-font-family);
font-weight: var(--body-font-weight);
color: var(--variable-collection-white);
font-size: var(--body-font-size);
letter-spacing: var(--body-letter-spacing);
line-height: var(--body-line-height);
white-space: nowrap;
font-style: var(--body-font-style);
}

.contact-us .text-wrapper-4 {
position: absolute;
top: 62px;
left: 0;
font-family: var(--body-font-family);
font-weight: var(--body-font-weight);
color: var(--variable-collection-white);
font-size: var(--body-font-size);
letter-spacing: var(--body-letter-spacing);
line-height: var(--body-line-height);
white-space: nowrap;
font-style: var(--body-font-style);
}

.contact-us .text-wrapper-5 {
position: absolute;
top: 93px;
left: 0;
font-family: var(--body-font-family);
font-weight: var(--body-font-weight);
color: var(--variable-collection-white);
font-size: var(--body-font-size);
letter-spacing: var(--body-letter-spacing);
line-height: var(--body-line-height);
white-space: nowrap;
font-style: var(--body-font-style);
}

.contact-us .group-3 {
position: relative;
width: 119px;
height: 112px;
}

.contact-us .group-4 {
position: relative;
width: 192px;
height: 81px;
margin-right: -6px;
}

.contact-us .button {
all: unset;
box-sizing: border-box;
position: relative;
width: 185px;
height: 29px;
background-color: var(--variable-collection-secondary-color);
border-radius: 5px;
}

.contact-us .button-2 {
position: absolute;
width: 100%;
height: 60.00%;
top: 20.00%;
left: 0;
font-family: var(--body-bold-font-family);
font-weight: var(--body-bold-font-weight);
color: var(--variable-collection-black);
font-size: var(--body-bold-font-size);
text-align: center;
letter-spacing: var(--body-bold-letter-spacing);
line-height: var(--body-bold-line-height);
white-space: nowrap;
font-style: var(--body-bold-font-style);
}

.contact-us .copyright {
display: inline-flex;
align-items: flex-start;
gap: 10px;
padding: 10px;
position: relative;
flex: 0 0 auto;
}

.contact-us .group-5 {
position: relative;
width: 1258px;
height: 33px;
margin-right: -4px;
}

.contact-us .rectangle {
position: absolute;
top: 0;
left: 0;
width: 1254px;
height: 2px;
background-color: #f8f9fa;
}

.contact-us .p {
position: absolute;
top: 14px;
left: 0;
font-family: "Inter-Regular", Helvetica;
font-weight: 400;
color: var(--variable-collection-white);
font-size: 16px;
text-align: center;
letter-spacing: -0.32px;
line-height: normal;
white-space: nowrap;
}

.contact-us .span {
letter-spacing: var(--body-letter-spacing);
font-family: var(--body-font-family);
font-style: var(--body-font-style);
font-weight: var(--body-font-weight);
line-height: var(--body-line-height);
font-size: var(--body-font-size);
}

.contact-us .text-wrapper-6 {
font-family: var(--body-bold-font-family);
font-weight: var(--body-bold-font-weight);
letter-spacing: var(--body-bold-letter-spacing);
font-style: var(--body-bold-font-style);
line-height: var(--body-bold-line-height);
font-size: var(--body-bold-font-size);
}

.contact-us .text-wrapper-7 {
position: absolute;
top: 14px;
left: 111px;
font-family: var(--body-font-family);
font-weight: var(--body-font-weight);
color: var(--variable-collection-white);
font-size: var(--body-font-size);
text-align: center;
letter-spacing: var(--body-letter-spacing);
line-height: var(--body-line-height);
white-space: nowrap;
font-style: var(--body-font-style);
}

.contact-us .group-6 {
position: absolute;
top: 14px;
left: 945px;
width: 315px;
height: 19px;
display: flex;
gap: 31px;
}

.contact-us .text-wrapper-8 {
width: 101px;
height: 19px;
font-family: var(--body-font-family);
font-weight: var(--body-font-weight);
color: var(--variable-collection-white);
font-size: var(--body-font-size);
text-align: center;
letter-spacing: var(--body-letter-spacing);
line-height: var(--body-line-height);
white-space: nowrap;
font-style: var(--body-font-style);
}

.contact-us .text-wrapper-9 {
width: 46px;
height: 19px;
font-family: var(--body-font-family);
font-weight: var(--body-font-weight);
color: var(--variable-collection-white);
font-size: var(--body-font-size);
text-align: center;
letter-spacing: var(--body-letter-spacing);
line-height: var(--body-line-height);
white-space: nowrap;
font-style: var(--body-font-style);
}

.contact-us .text-wrapper-10 {
width: 100px;
height: 19px;
font-family: var(--body-font-family);
font-weight: var(--body-font-weight);
color: var(--variable-collection-white);
font-size: var(--body-font-size);
text-align: center;
letter-spacing: var(--body-letter-spacing);
line-height: var(--body-line-height);
white-space: nowrap;
font-style: var(--body-font-style);
}

.contact-us .FORM {
width: 1440px;
height: 841px;
justify-content: flex-end;
padding-right: 217px;
box-sizing: border-box;
position: absolute;
top: 111px;
left: calc(50.00% - 720px);
background-color: var(--variable-collection-background-red);
display: flex;
align-items: center;
}

.contact-us .frame-2 {
flex-direction: column;
width: 590px;
height: 627px;
align-items: flex-start;
gap: 24px;
display: flex;
position: relative;
}

.contact-us .we-re-here-to-help {
position: relative;
align-self: stretch;
margin-top: -1px;
font-family: "Plus Jakarta Sans-Bold", Helvetica;
font-weight: 700;
color: transparent;
font-size: 64px;
letter-spacing: -1.28px;
line-height: normal;
}

.contact-us .text-wrapper-11 {
color: #000000;
letter-spacing: -0.82px;
}

.contact-us .text-wrapper-12 {
color: #e62427;
letter-spacing: -0.82px;
}

.contact-us .text-wrapper-13 {
position: relative;
width: 604px;
height: 60px;
margin-right: -14px;
font-family: var(--headline-3-font-family);
font-weight: var(--headline-3-font-weight);
color: #000000;
font-size: var(--headline-3-font-size);
letter-spacing: var(--headline-3-letter-spacing);
line-height: var(--headline-3-line-height);
font-style: var(--headline-3-font-style);
}

.contact-us .frame-3 {
flex-direction: column;
width: 442px;
align-items: flex-start;
gap: 24px;
flex: 0 0 auto;
display: flex;
position: relative;
}

.contact-us .div-2 {
display: flex;
align-items: center;
gap: 16px;
position: relative;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
}

.contact-us .phone-call {
position: relative;
width: 56px;
height: 56px;
aspect-ratio: 1;
background-image: url(./img/icon-phone.svg);
background-size: 100% 100%;
}

.contact-us .frame-wrapper {
position: relative;
width: 370px;
height: 46px;
}

.contact-us .frame-4 {
flex-direction: column;
width: 370px;
align-items: flex-start;
gap: 8px;
display: flex;
position: relative;
}

.contact-us .text-wrapper-14 {
position: relative;
align-self: stretch;
margin-top: -1px;
font-family: var(--body-bold-font-family);
font-weight: var(--body-bold-font-weight);
color: #000000;
font-size: var(--body-bold-font-size);
letter-spacing: var(--body-bold-letter-spacing);
line-height: var(--body-bold-line-height);
font-style: var(--body-bold-font-style);
}

.contact-us .text-wrapper-15 {
position: relative;
align-self: stretch;
font-family: var(--body-font-family);
font-weight: var(--body-font-weight);
color: #000000;
font-size: var(--body-font-size);
letter-spacing: var(--body-letter-spacing);
line-height: var(--body-line-height);
font-style: var(--body-font-style);
}

.contact-us .img {
position: relative;
width: 56px;
height: 56px;
aspect-ratio: 1;
}

.contact-us .div-wrapper {
position: relative;
width: 370px;
height: 65px;
}

.contact-us .form-wrapper {
flex-direction: column;
width: 465px;
justify-content: center;
gap: 24px;
padding: 35px 20px 20px;
position: relative;
display: flex;
align-items: center;
}

.contact-us .form {
flex-direction: column;
gap: 24px;
position: relative;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
display: flex;
align-items: center;
}

.contact-us .form-2 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
position: relative;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
}

.contact-us .group-7 {
position: relative;
width: 123px;
height: 21px;
}

.contact-us .text-wrapper-16 {
position: absolute;
top: 2px;
left: 0;
font-family: var(--body-bold-font-family);
font-weight: var(--body-bold-font-weight);
color: #000000;
font-size: var(--body-bold-font-size);
text-align: center;
letter-spacing: var(--body-bold-letter-spacing);
line-height: var(--body-bold-line-height);
white-space: nowrap;
font-style: var(--body-bold-font-style);
}

.contact-us .text-wrapper-17 {
top: 0;
left: 112px;
position: absolute;
font-family: var(--body-small-font-family);
font-weight: var(--body-small-font-weight);
color: var(--variable-collection-primary-color);
font-size: var(--body-small-font-size);
text-align: center;
letter-spacing: var(--body-small-letter-spacing);
line-height: var(--body-small-line-height);
font-style: var(--body-small-font-style);
}

.contact-us .group-8 {
position: relative;
width: 412px;
height: 33px;
}

.contact-us .text-wrapper-18 {
position: absolute;
top: 8px;
left: 19px;
font-family: var(--body-small-font-family);
font-weight: var(--body-small-font-weight);
color: var(--variable-collection-grey);
font-size: var(--body-small-font-size);
text-align: center;
letter-spacing: var(--body-small-letter-spacing);
line-height: var(--body-small-line-height);
font-style: var(--body-small-font-style);
}

.contact-us .rectangle-2 {
position: absolute;
top: 0;
left: 0;
width: 410px;
height: 33px;
border-radius: 10px;
border: 1px solid;
border-color: var(--variable-collection-grey);
}

.contact-us .group-9 {
position: relative;
width: 122px;
height: 21px;
}

.contact-us .text-wrapper-19 {
top: 0;
left: 111px;
position: absolute;
font-family: var(--body-small-font-family);
font-weight: var(--body-small-font-weight);
color: var(--variable-collection-primary-color);
font-size: var(--body-small-font-size);
text-align: center;
letter-spacing: var(--body-small-letter-spacing);
line-height: var(--body-small-line-height);
font-style: var(--body-small-font-style);
}

.contact-us .text-wrapper-20 {
left: 20px;
position: absolute;
top: 8px;
font-family: var(--body-small-font-family);
font-weight: var(--body-small-font-weight);
color: var(--variable-collection-grey);
font-size: var(--body-small-font-size);
text-align: center;
letter-spacing: var(--body-small-letter-spacing);
line-height: var(--body-small-line-height);
font-style: var(--body-small-font-style);
}

.contact-us .rectangle-3 {
height: 33px;
background-color: #e624273d;
border-color: var(--variable-collection-primary-color);
position: absolute;
top: 0;
left: 0;
width: 410px;
border-radius: 10px;
border: 1px solid;
}

.contact-us .group-10 {
position: relative;
width: 274px;
height: 19px;
}

.contact-us .text-wrapper-21 {
position: absolute;
top: 0;
left: 0;
font-family: var(--body-bold-font-family);
font-weight: var(--body-bold-font-weight);
color: #000000;
font-size: var(--body-bold-font-size);
text-align: center;
letter-spacing: var(--body-bold-letter-spacing);
line-height: var(--body-bold-line-height);
white-space: nowrap;
font-style: var(--body-bold-font-style);
}

.contact-us .text-wrapper-22 {
top: 2px;
left: 263px;
position: absolute;
font-family: var(--body-small-font-family);
font-weight: var(--body-small-font-weight);
color: var(--variable-collection-primary-color);
font-size: var(--body-small-font-size);
text-align: center;
letter-spacing: var(--body-small-letter-spacing);
line-height: var(--body-small-line-height);
font-style: var(--body-small-font-style);
}

.contact-us .text-wrapper-23 {
left: 24px;
position: absolute;
top: 8px;
font-family: var(--body-small-font-family);
font-weight: var(--body-small-font-weight);
color: var(--variable-collection-grey);
font-size: var(--body-small-font-size);
text-align: center;
letter-spacing: var(--body-small-letter-spacing);
line-height: var(--body-small-line-height);
font-style: var(--body-small-font-style);
}

.contact-us .group-11 {
position: relative;
width: 260px;
height: 19px;
}

.contact-us .text-wrapper-24 {
top: 2px;
left: 249px;
position: absolute;
font-family: var(--body-small-font-family);
font-weight: var(--body-small-font-weight);
color: var(--variable-collection-primary-color);
font-size: var(--body-small-font-size);
text-align: center;
letter-spacing: var(--body-small-letter-spacing);
line-height: var(--body-small-line-height);
font-style: var(--body-small-font-style);
}

.contact-us .text-wrapper-25 {
position: absolute;
top: 8px;
left: 21px;
font-family: var(--body-small-font-family);
font-weight: var(--body-small-font-weight);
color: var(--variable-collection-grey);
font-size: var(--body-small-font-size);
text-align: center;
letter-spacing: var(--body-small-letter-spacing);
line-height: var(--body-small-line-height);
font-style: var(--body-small-font-style);
}

.contact-us .arrow-down-sign-to {
position: absolute;
top: 9px;
left: 378px;
width: 13px;
height: 13px;
overflow: hidden;
}

.contact-us .group-12 {
position: relative;
width: 100.00%;
height: 100.00%;
background-image: url(./img/dropdown-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.contact-us .group-13 {
position: relative;
width: 152px;
height: 19px;
}

.contact-us .text-wrapper-26 {
top: 2px;
left: 141px;
position: absolute;
font-family: var(--body-small-font-family);
font-weight: var(--body-small-font-weight);
color: var(--variable-collection-primary-color);
font-size: var(--body-small-font-size);
text-align: center;
letter-spacing: var(--body-small-letter-spacing);
line-height: var(--body-small-line-height);
font-style: var(--body-small-font-style);
}

.contact-us .group-14 {
position: relative;
width: 100.00%;
height: 100.00%;
background-image: url(./img/dropdown-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.contact-us .group-15 {
position: relative;
width: 84px;
height: 19px;
}

.contact-us .text-wrapper-27 {
top: 2px;
left: 73px;
position: absolute;
font-family: var(--body-small-font-family);
font-weight: var(--body-small-font-weight);
color: var(--variable-collection-primary-color);
font-size: var(--body-small-font-size);
text-align: center;
letter-spacing: var(--body-small-letter-spacing);
line-height: var(--body-small-line-height);
font-style: var(--body-small-font-style);
}

.contact-us .group-16 {
position: relative;
width: 412px;
height: 195px;
}

.contact-us .text-wrapper-28 {
position: absolute;
top: 10px;
left: 21px;
font-family: var(--body-small-font-family);
font-weight: var(--body-small-font-weight);
color: var(--variable-collection-grey);
font-size: var(--body-small-font-size);
letter-spacing: var(--body-small-letter-spacing);
line-height: var(--body-small-line-height);
font-style: var(--body-small-font-style);
}

.contact-us .rectangle-4 {
height: 195px;
border-color: var(--variable-collection-grey);
position: absolute;
top: 0;
left: 0;
width: 410px;
border-radius: 10px;
border: 1px solid;
}

.contact-us .button-wrapper {
all: unset;
box-sizing: border-box;
position: relative;
align-self: stretch;
width: 100%;
height: 51px;
background-color: var(--variable-collection-primary-color);
border-radius: 5px;
}

.contact-us .button-3 {
position: absolute;
width: 100%;
height: 60.00%;
top: 20.00%;
left: 0;
font-family: var(--headline-3-font-family);
font-weight: var(--headline-3-font-weight);
color: var(--variable-collection-white);
font-size: var(--headline-3-font-size);
text-align: center;
letter-spacing: var(--headline-3-letter-spacing);
line-height: var(--headline-3-line-height);
white-space: nowrap;
font-style: var(--headline-3-font-style);
}

.contact-us .front-view-telephone {
position: absolute;
top: 54px;
left: 0;
width: 210px;
height: 440px;
aspect-ratio: 0.46;
}

.contact-us .navigation {
display: flex;
width: 1440px;
align-items: center;
justify-content: center;
gap: 66px;
padding: 10px 47px 10px 100px;
position: absolute;
top: 0;
left: 0;
background-color: var(--variable-collection-primary-color);
}

.contact-us .logo-wrapper {
position: relative;
width: 200px;
height: 91px;
overflow: hidden;
}

.contact-us .img-wrapper {
position: relative;
top: calc(50.00% - 56px);
left: calc(50.00% - 113px);
width: 226px;
height: 112px;
display: flex;
aspect-ratio: 2.02;
}

.contact-us .logo-2 {
flex: 1;
width: 200px;
object-fit: cover;
}

.contact-us .navbar {
display: flex;
width: 1027px;
align-items: center;
justify-content: center;
gap: 30px;
padding: 10px 80px;
position: relative;
}

.contact-us .text-wrapper-29 {
position: relative;
width: fit-content;
margin-top: -1px;
margin-left: -52px;
font-family: "Inter-SemiBold", Helvetica;
font-weight: 600;
color: var(--variable-collection-white);
font-size: 16px;
text-align: center;
letter-spacing: -0.32px;
line-height: normal;
white-space: nowrap;
}

.contact-us .text-wrapper-30 {
position: relative;
width: fit-content;
margin-top: -1px;
font-family: "Inter-SemiBold", Helvetica;
font-weight: 600;
color: var(--variable-collection-white);
font-size: 16px;
text-align: center;
letter-spacing: -0.32px;
line-height: normal;
white-space: nowrap;
}

.contact-us .text-wrapper-31 {
position: relative;
width: fit-content;
margin-top: -1px;
margin-right: -52px;
font-family: "Inter-SemiBold", Helvetica;
font-weight: 600;
color: var(--variable-collection-white);
font-size: 16px;
text-align: center;
letter-spacing: -0.32px;
line-height: normal;
white-space: nowrap;
}

.contact-us .FIND-US {
width: 1440px;
height: 951px;
align-items: center;
gap: 32px;
position: absolute;
top: 1047px;
left: calc(50.00% - 720px);
display: flex;
flex-direction: column;
}

.contact-us .frame-5 {
flex-direction: column;
width: 768px;
align-items: center;
gap: 24px;
flex: 0 0 auto;
display: flex;
position: relative;
}

.contact-us .find-an-ebright {
position: relative;
align-self: stretch;
margin-top: -1px;
font-family: var(--headline-2-font-family);
font-weight: var(--headline-2-font-weight);
color: transparent;
font-size: var(--headline-2-font-size);
text-align: center;
letter-spacing: var(--headline-2-letter-spacing);
line-height: var(--headline-2-line-height);
font-style: var(--headline-2-font-style);
}

.contact-us .text-wrapper-32 {
color: #000000;
letter-spacing: var(--headline-2-letter-spacing);
font-family: var(--headline-2-font-family);
font-style: var(--headline-2-font-style);
font-weight: var(--headline-2-font-weight);
line-height: var(--headline-2-line-height);
font-size: var(--headline-2-font-size);
}

.contact-us .text-wrapper-33 {
color: #e62427;
letter-spacing: var(--headline-2-letter-spacing);
font-family: var(--headline-2-font-family);
font-style: var(--headline-2-font-style);
font-weight: var(--headline-2-font-weight);
line-height: var(--headline-2-line-height);
font-size: var(--headline-2-font-size);
}

.contact-us .text-wrapper-34 {
position: relative;
width: 732px;
height: 75px;
font-family: var(--headline-3-font-family);
font-weight: var(--headline-3-font-weight);
color: #000000;
font-size: var(--headline-3-font-size);
text-align: center;
letter-spacing: var(--headline-3-letter-spacing);
line-height: var(--headline-3-line-height);
font-style: var(--headline-3-font-style);
}

.contact-us .FIND-US-2 {
display: flex;
align-items: center;
justify-content: center;
position: relative;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
}

.contact-us .LIST {
display: flex;
width: 501px;
align-items: flex-end;
gap: 20px;
padding: 20px 30px;
position: relative;
border-radius: 15px 0px 0px 15px;
overflow: hidden;
border-top-width: 1px;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
border-left-width: 1px;
border-left-style: solid;
border-color: #000000;
}

.contact-us .frame-6 {
flex-direction: column;
width: 428px;
height: 675px;
align-items: flex-start;
display: flex;
position: relative;
}

.contact-us .find-location {
align-items: flex-start;
gap: 10px;
padding: 0px 0px 20px;
position: relative;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
display: flex;
flex-direction: column;
}

.contact-us .group-17 {
position: relative;
width: 403px;
height: 51px;
}

.contact-us .rectangle-5 {
position: absolute;
top: -1px;
left: -1px;
width: 403px;
height: 53px;
border-radius: 10px;
border: 1px solid;
border-color: #9e9e9e;
}

.contact-us .text-wrapper-35 {
position: absolute;
top: 16px;
left: 16px;
font-family: var(--body-font-family);
font-weight: var(--body-font-weight);
color: #9e9e9e;
font-size: var(--body-font-size);
text-align: center;
letter-spacing: var(--body-letter-spacing);
line-height: var(--body-line-height);
white-space: nowrap;
font-style: var(--body-font-style);
}

.contact-us .search {
position: absolute;
width: 11.41%;
height: 72.55%;
top: 27.45%;
left: 88.59%;
}

.contact-us .frame-7 {
flex-direction: column;
align-items: flex-start;
gap: 6px;
padding: 20px;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
background-color: #9e9e9e17;
display: flex;
position: relative;
}

.contact-us .text-wrapper-36 {
position: relative;
align-self: stretch;
font-family: var(--body-small-font-family);
font-weight: var(--body-small-font-weight);
color: #000000;
font-size: var(--body-small-font-size);
letter-spacing: var(--body-small-letter-spacing);
line-height: var(--body-small-line-height);
font-style: var(--body-small-font-style);
}

.contact-us .text-wrapper-37 {
position: relative;
align-self: stretch;
height: 30px;
font-family: var(--body-small-font-family);
font-weight: var(--body-small-font-weight);
color: #000000;
font-size: var(--body-small-font-size);
letter-spacing: var(--body-small-letter-spacing);
line-height: var(--body-small-line-height);
font-style: var(--body-small-font-style);
}

.contact-us .frame-8 {
flex-direction: column;
align-items: flex-start;
gap: 6px;
padding: 20px;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
display: flex;
position: relative;
}

.contact-us .group-18 {
position: relative;
width: 14px;
height: 675px;
margin-right: -21px;
}

.contact-us .rectangle-6 {
position: absolute;
width: 100%;
top: 23px;
left: 0;
height: 633px;
background-color: #9e9e9e3b;
border-radius: 30px;
}

.contact-us .rectangle-7 {
position: absolute;
width: calc(100% - 6px);
top: 26px;
left: 3px;
height: 136px;
border-radius: 30px;
background:
  linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),linear-gradient( 0deg, rgba(159, 159, 159, 1) 0%,
  rgba(159, 159, 159, 1) 100% );
background-color: var(--variable-collection-grey);
}

.contact-us .polygon {
top: 1px;
position: absolute;
width: calc(100% - 2px);
left: 2px;
height: 10px;
object-fit: cover;
}

.contact-us .polygon-2 {
top: 664px;
position: absolute;
width: calc(100% - 2px);
left: 2px;
height: 10px;
object-fit: cover;
}

.contact-us .MAPS {
position: relative;
width: 739px;
height: 715px;
}

.contact-us .CTA {
display: flex;
width: 1241px;
height: 449px;
align-items: center;
justify-content: center;
gap: 10px;
padding: 10px;
position: absolute;
top: 2044px;
left: calc(50.00% - 620px);
border-radius: 20px;
overflow: hidden;
background-image: linear-gradient(0deg, rgba(0,0,0,0.52) 0%, rgba(0,0,0,0.52) 100%), url(./img/cta-bg.jpg);
background-size: cover;
background-position: center;
}

.contact-us .frame-9 {
flex-direction: column;
width: 995px;
height: 293px;
align-items: center;
justify-content: center;
gap: 39px;
display: flex;
position: relative;
}

.contact-us .text-wrapper-38 {
position: relative;
align-self: stretch;
font-family: var(--headline-2-font-family);
font-weight: var(--headline-2-font-weight);
color: #f8f9fa;
font-size: var(--headline-2-font-size);
text-align: center;
letter-spacing: var(--headline-2-letter-spacing);
line-height: var(--headline-2-line-height);
font-style: var(--headline-2-font-style);
}

.contact-us .text-wrapper-39 {
position: relative;
width: 776px;
font-family: var(--headline-3-font-family);
font-weight: var(--headline-3-font-weight);
color: #f8f9fa;
font-size: var(--headline-3-font-size);
text-align: center;
letter-spacing: var(--headline-3-letter-spacing);
line-height: var(--headline-3-line-height);
font-style: var(--headline-3-font-style);
}

.contact-us .element-button {
display: inline-flex;
align-items: flex-start;
gap: 40px;
padding: 10px;
position: relative;
flex: 0 0 auto;
}

.contact-us .button-4 {
all: unset;
box-sizing: border-box;
position: relative;
width: 191px;
height: 50px;
background-color: var(--variable-collection-secondary-color);
border-radius: 5px;
}

.contact-us .button-5 {
position: absolute;
width: 100%;
height: 60.00%;
top: 20.00%;
left: 0;
font-family: var(--headline-3-font-family);
font-weight: var(--headline-3-font-weight);
color: var(--variable-collection-black);
font-size: var(--headline-3-font-size);
text-align: center;
letter-spacing: var(--headline-3-letter-spacing);
line-height: var(--headline-3-line-height);
white-space: nowrap;
font-style: var(--headline-3-font-style);
}

.contact-us .button-6 {
all: unset;
box-sizing: border-box;
position: relative;
width: 306px;
height: 50px;
border-radius: 5px;
border: 1px solid;
border-color: var(--variable-collection-white);
}

.contact-us .button-7 {
position: absolute;
width: 97.71%;
height: 60.00%;
top: 16.00%;
left: 0;
font-family: var(--headline-3-font-family);
font-weight: var(--headline-3-font-weight);
color: var(--variable-collection-white);
font-size: var(--headline-3-font-size);
text-align: center;
letter-spacing: var(--headline-3-letter-spacing);
line-height: var(--headline-3-line-height);
white-space: nowrap;
font-style: var(--headline-3-font-style);
}

/* Original CSS code should be injected above */

.contact-us .text-wrapper-31 {
background: transparent;
border: 0;
padding: 0;
cursor: pointer;
}

.contact-us .frame-wrapper .text-wrapper-15,
.contact-us .div-wrapper .text-wrapper-15,
.contact-us .group-2 .text-wrapper-3,
.contact-us .group-2 .text-wrapper-4,
.contact-us .group-2 .text-wrapper-5,
.contact-us .group-3 .text-wrapper-3,
.contact-us .group-3 .text-wrapper-4,
.contact-us .group-3 .text-wrapper-5,
.contact-us .group-4 .text-wrapper-3,
.contact-us .group-4 .text-wrapper-4,
.contact-us .group-6 .text-wrapper-8,
.contact-us .group-6 .text-wrapper-9,
.contact-us .group-6 .text-wrapper-10,
.contact-us .navbar .text-wrapper-29,
.contact-us .navbar .text-wrapper-30,
.contact-us .navbar .text-wrapper-31 {
   text-decoration: none;
   color: inherit;
}

.contact-us .form {
margin: 0;
}

.contact-us .rectangle-2,
.contact-us .rectangle-3,
.contact-us .rectangle-4,
.contact-us .text-wrapper-35 {
   width: 100%;
   font: inherit;
   color: inherit;
   background: transparent;
}

.contact-us input.rectangle-2,
.contact-us input.rectangle-3,
.contact-us select.rectangle-2,
.contact-us textarea.rectangle-4,
.contact-us .text-wrapper-35 {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 10px;
  outline: none;
  box-shadow: none;
}

.contact-us input.rectangle-2,
.contact-us input.rectangle-3,
.contact-us select.rectangle-2 {
  padding: 8px 40px 8px 19px;
}

.contact-us textarea.rectangle-4 {
padding: 10px 21px;
resize: none;
}

.contact-us .text-wrapper-35 {
position: absolute;
top: -1px;
left: -1px;
width: 403px;
height: 53px;
padding: 16px 44px 16px 16px;
border: 1px solid transparent;
}

.contact-us .text-wrapper-35::placeholder,
.contact-us .rectangle-2::placeholder,
.contact-us .rectangle-3::placeholder,
.contact-us .rectangle-4::placeholder {
  color: var(--variable-collection-grey);
  opacity: 1;
}

.contact-us select.rectangle-2 {
  cursor: pointer;
}

.contact-us .group-8,
.contact-us .group-16,
.contact-us .group-17 {
  overflow: hidden;
}

.contact-us .button,
.contact-us .button-wrapper,
.contact-us .button-4,
.contact-us .button-6 {
  cursor: pointer;
}

.contact-us .button-2,
.contact-us .button-3,
.contact-us .button-5,
.contact-us .button-7 {
   display: block;
}

.contact-us .div a {
  display: inline-flex;
}

.contact-us .group-17 {
  display: block;
  cursor: text;
}

.contact-us .group-4 a {
  display: block;
}

.contact-us .group-4 {
  font-style: normal;
}
