.contactPage{background:var(--background);direction:rtl;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.contactBg{z-index:0;pointer-events:none;position:fixed;inset:0}.contactBg .gradient{position:absolute;inset:0}.contactBg .waveRight{opacity:.5;position:absolute}.contactBg .waveLeft{opacity:.32;position:absolute;bottom:0;left:0}.contactLayout{--contact-card-width:clamp(28.75rem, 24vw, 52rem);z-index:2;justify-content:center;align-items:center;gap:clamp(var(--spacing-xl),2.5vw,var(--spacing-3xl));padding-block:var(--spacing-4xl);padding-inline:var(--spacing-lg);padding-top:var(--headerSafeHeight);flex-wrap:wrap;margin-block:auto;display:flex;position:relative}.formCardWrapper,.detailsCardWrapper{width:min(100%,var(--contact-card-width));flex:none;min-width:0}.detailsCardWrapper{gap:var(--spacing-md);flex-direction:column;display:flex}.detailsCardWrapper .detailsCard{margin-top:-1em}.detailsCardWrapper .sectionHeader .landingTitle{margin:0}.detailsCardWrapper .sectionHeader .landingTitle .titleMain{font-weight:400}.detailsCardWrapper .sectionHeader .landingTitle{gap:0;line-height:100%;-webkit-mask-image:linear-gradient(#000 65%,#0000 95%);mask-image:linear-gradient(#000 65%,#0000 95%)}.formCard,.detailsCard{width:100%;min-width:0;position:relative;overflow:hidden}.detailsContent{padding:var(--spacing-lg)}.socialsRow{gap:var(--spacing-sm);width:100%;padding-inline:var(--spacing-md);font-family:var(--fontFa);flex-direction:column;display:flex}.socialsRow .socialsLabel{color:color-mix(in srgb, var(--text) 60%, transparent);align-items:center;gap:.4em;font-size:1em;font-weight:200;display:flex}.socialsRow .button{--glass-light-power:0;--iconSize:1.5em;background:0 0}.socialsRow .button .btnIcon{margin:0!important}.socialsRow .btnLabel{display:none}.contactDetails{align-items:start;gap:var(--spacing-lg);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;display:grid}.contactDetails .addressBlock{grid-column:1/-1}.contactDetails .detailBlock{gap:var(--spacing-xs);min-width:0;font-family:var(--fontFa);flex-direction:column;line-height:100%;display:flex}.contactDetails .detailBlock .detailLabel{color:color-mix(in srgb, var(--text) 60%, transparent);align-items:center;gap:.4em;font-size:1em;font-weight:200;display:flex}.contactDetails .detailBlock .detailLabel .icon{color:var(--text)}.contactDetails .detailBlock .detailValue{color:var(--text);margin:0;font-weight:300;line-height:1.4}.contactDetails .detailBlock .detailValue.addressValue{max-width:90%;font-weight:200;line-height:2}.contactDetails .detailBlock .detailValue.detailLink{color:color-mix(in srgb, var(--text) 80%, transparent);overflow-wrap:anywhere;font-family:var(--fontEng);text-align:right;direction:ltr;font-weight:300;text-decoration:none;transition:opacity .2s}.contactDetails .detailBlock .detailValue.detailLink:hover{opacity:.75;text-decoration:underline}.contactDetails .detailBlock .phonesCol{flex-direction:column;display:flex}.contactFormContent{align-items:flex-start;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);flex-direction:column;display:flex}.contactFormContent .formHeader{text-align:center;width:100%}.contactFormContent .formHeader .formTitle{font-size:var(--font-xl);text-align:center;margin:0;font-weight:400;line-height:1}.contactFormContent .formGroup{gap:var(--spacing-xs);flex-direction:column;width:100%;display:flex}.contactFormContent .submitBtn{width:100%;--btn-gap:.5em!important}.contactFormContent .formMsg{align-items:center;gap:var(--spacing-sm);width:100%;margin:0;font-weight:300;line-height:1.5;display:flex}.contactFormContent .formMsg.errorText{color:var(--error)}.contactFormContent .formMsg.successMsg{color:var(--primary)}@media (max-width:600px){.detailsContent{padding:var(--spacing-md)}.contactDetails{gap:var(--spacing-md) var(--spacing-sm)}.contactDetails .detailBlock .detailLabel,.contactDetails .detailBlock .detailValue{font-size:clamp(.78rem,3.4vw,1rem)}.contactDetails .detailBlock .detailValue.addressValue{max-width:100%}.contactFormContent{padding:2.6rem 1.25rem 1.25rem}}@media (max-width:360px){.contactDetails{column-gap:var(--spacing-xs)}.contactDetails .detailBlock .detailLabel{gap:.25em}.contactDetails .detailBlock .phonesCol{gap:.15em}}
