.contact-background{position:relative;width:100%}
.contact-background__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.contact{padding:120px 110px;color:#fff}
@media (max-width:1880px){.contact{padding:120px 80px}
}
@media (max-width:1439px){.contact{padding:60px 24px}
}
@media (max-width:767px){.contact{gap:0;padding:60px 20px}
}
@media (max-width:479px){.contact{padding:40px 15px}
}
.contact__title{font-size:40px;font-weight:700;line-height:1.2;letter-spacing:-0.03em;padding-bottom:40px;margin:0;border-bottom:1px solid #A2A3A5}
@media (max-width:1439px){.contact__title{font-size:28px}
}
@media (max-width:479px){.contact__title{font-size:20px;padding-bottom:24px}
}
.contact__content-wrapper{margin-top:40px;display:flex;gap:40px}
@media (max-width:1439px){.contact__content-wrapper{flex-direction:column;gap:60px}
}
@media (max-width:479px){.contact__content-wrapper{margin-top:24px}
}
.contact__content{width:100%;display:flex;flex-direction:column;gap:40px}
@media (max-width:1439px){.contact__content{flex-direction:row;justify-content:space-between;gap:20px}
}
@media (max-width:767px){.contact__content{flex-direction:column;gap:40px}
}
.contact__address{display:flex;gap:40px;align-items:flex-start;justify-content:space-between}
@media (max-width:1880px){.contact__address{justify-content:flex-start;gap:155px}
}
@media (max-width:1439px){.contact__address{justify-content:space-between;flex-direction:column;gap:24px}
}
.contact__address-title{font-weight:600;font-size:32px;line-height:1.2;letter-spacing:-0.03em;margin:0}
@media (max-width:1880px){.contact__address-title{font-size:24px}
}
@media (max-width:479px){.contact__address-title{font-size:18px}
}
.contact__address-content{width:522px;margin-top:65px;display:flex;flex-direction:column;gap:40px}
@media (max-width:1880px){.contact__address-content{margin-top:70px;width:290px}
}
@media (max-width:1439px){.contact__address-content{margin-top:0;width:100%}
}
.contact__address-content-text{font-size:16px;line-height:1.4;font-weight:400}
@media (max-width:1439px){.contact__address-content-text{font-size:14px}
}
.contact__address-content-time{display:flex;align-items:center;gap:20px}
.contact__address-content-time-img{width:24px;height:24px}
.contact__address-content-time-text{font-size:18px;line-height:1.4;font-weight:400}
@media (max-width:1439px){.contact__address-content-time-text{font-size:16px}
}
@media (max-width:479px){.contact__address-content-time-text{font-size:14px}
}
.contact__address-content-email{color:#fff;font-size:24px;line-height:1.2;font-weight:600}
@media (max-width:1439px){.contact__address-content-email{margin-top:20px;font-size:20px}
}
@media (max-width:479px){.contact__address-content-email{margin-top:10px;font-size:16px}
}
.contact__address-content-phone{color:#fff;font-size:24px;line-height:1.2;font-weight:600}
@media (max-width:1439px){.contact__address-content-phone{font-size:20px}
}
@media (max-width:479px){.contact__address-content-phone{font-size:16px}
}
.contact__links{margin-top:auto;display:flex;gap:40px}
@media (max-width:1439px){.contact__links{width:350px;flex-direction:column}
}
@media (max-width:767px){.contact__links{width:320px;gap:20px}
}
@media (max-width:479px){.contact__links{width:240px;gap:24px}
}
.contact__link{text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:395px;padding:20px;background-color:#fff;box-sizing:border-box;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease}
.contact__link:nth-child(1){background-color:#0A68FF}
.contact__link:nth-child(1):hover{background-color:#0829F3}
.contact__link:nth-child(2){background-color:#1B5F53}
.contact__link:nth-child(2):hover{background-color:#02493C}
@media (max-width:1880px){.contact__link{width:290px}
}
@media (max-width:1439px){.contact__link{width:100%}
}
@media (max-width:479px){.contact__link{gap:0}
}
.contact__link-icon{align-self:flex-end;width:24px;height:24px}
.contact__link-text{color:#fff;font-size:16px;line-height:1.4;font-weight:400;margin:0}
@media (max-width:479px){.contact__link-text{font-size:12px}
}
.contact__form{width:685px;background-color:#fff;box-sizing:border-box;padding:60px;border-radius:5px;flex-shrink:0;display:flex;flex-direction:column;gap:20px;position:relative}
.contact__form-success{display:flex;position:absolute;left:10%;right:10%;top:33%;width:80%;color:#0a68ff;font-size:32px;line-height:1.2;font-weight:600}
.success-novisible{visibility:hidden;opacity:0;transition:visibility 1s ease-out 300ms,opacity 1500ms}
.success-visible{visibility:visible;opacity:1;transition:visibility 1s ease-out 300ms,opacity 1500ms}
@media (max-width:1880px){.contact__form{width:620px}
}
@media (max-width:1439px){.contact__form{width:100%;padding:40px}
}
@media (max-width:767px){.contact__form{padding:20px}
}
@media (max-width:479px){.contact__form{padding:40px 20px;gap:12px}
}
@media (max-width:1023px){.modal-content-wrapper{display:flex;flex-direction:column;height:100vh;min-height:850px;border-radius:0;background-color:#FFFFFF}
}
@media (max-width:479px){.modal-content-wrapper{min-height:750px}
}
.modal__form{width:660px;background-color:#fff;box-sizing:border-box;padding:60px 60px 40px 60px;border-radius:5px;flex-shrink:0;display:flex;flex-direction:column;gap:20px;position:relative}
@media (max-width:1439px){.modal__form{width:768px}
}
@media (max-width:1023px){.modal__form{padding:60px 24px 40px 24px;width:100%;border-radius:0;justify-self:flex-end}
}
@media (max-width:479px){.modal__form{padding:40px 15px}
}
.modal__form .contact__form-text{color:#474747}
.backgroun-button-modal{position:absolute;top:20px;right:20px;z-index:10}
@media (max-width:1023px){.backgroun-button-modal{background-color:#000000;height:120px;width:100vw;position:static;flex-shrink:0}
}
@media (max-width:479px){.backgroun-button-modal{height:70px}
}
.modal__form-close{width:40px;height:40px;border-radius:5px;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;cursor:pointer;transition:background-color 0.3s ease}
.modal__form-close:hover{background-color:#000000}
.modal__form-close:hover .modal__form-close-icon{filter:invert(1)}
@media (max-width:1023px){.modal__form-close{position:absolute;width:60px;height:60px;top:30px;right:30px;z-index:10}
 .modal__form-close .modal__form-close-icon{filter:invert(1)}
 .modal__form-close:hover{background-color:#FFFFFF}
 .modal__form-close:hover .modal__form-close-icon{filter:invert(0)}
}
@media (max-width:479px){.modal__form-close{width:46px;height:46px;top:12px;right:12px}
}
.modal__form-close-icon{width:24px;height:24px}
.modal__form-title{font-size:32px;line-height:1.2;font-weight:600;color:#141414;margin:0}
@media (max-width:479px){.modal__form-title{font-size:24px}
}
.country-code.me-1{color:#141414}
.country-flag{color:#141414}
.modal__form-description{font-size:18px;line-height:1.4;font-weight:400;margin:0 0 20px 0;color:rgb(20,20,20)}
@media (max-width:479px){.modal__form-description{font-size:14px}
}
.contact__form-title{color:#141414;font-size:32px;line-height:1.2;font-weight:600;margin:0 0 20px 0}
@media (max-width:1439px){.contact__form-title{font-size:24px}
}
@media (max-width:479px){.contact__form-title{font-size:18px;margin-bottom:12px}
}
.contact__form-name{width:100%}
.contact__form-input{background-color:#F0F0F0 !important;width:100%;border:none;border-radius:5px;padding:20px;box-sizing:border-box;font-size:16px;font-weight:400;line-height:1.4 !important;color:#141414 !important;outline:none;height:60px}
.contact__form-input::placeholder{color:#A2A3A5 !important}
.contact__form-input:focus{outline:1px solid #0A68FF !important;outline-offset:-1px !important;box-shadow:none !important}
.contact__form-input.error{outline:1px solid #F44242;outline-offset:-1px}
@media (max-width:479px){.contact__form-input{font-size:14px}
}
.contact__form-info{display:grid;grid-template-columns:calc(50% - 10px) calc(50% - 10px);gap:20px}
@media (max-width:767px){.contact__form-info{grid-template-columns:100%}
}
.contact__form-description{width:100%}
.contact__form-textarea{background-color:#F0F0F0;width:100%;border:none;border-radius:5px;padding:20px;box-sizing:border-box;font-size:16px;font-weight:400;line-height:1.4;color:#141414;outline:none;height:180px}
.contact__form-textarea::placeholder{color:#A2A3A5}
.contact__form-textarea:focus{outline:1px solid #0A68FF;outline-offset:-1px}
@media (max-width:479px){.contact__form-textarea{font-size:14px}
}
.contact__form-button{width:100%;height:52px;background-color:#0A68FF;border:none;border-radius:5px;color:#fff;font-size:16px;font-weight:400;line-height:1;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s ease}
.contact__form-button:hover{background-color:#0829F3}
@media (max-width:479px){.contact__form-button{height:50px;font-size:14px}
}
.contact__form-text{color:#A2A3A5;font-size:16px;line-height:1.4;font-weight:400;margin:0;text-align:left}
@media (max-width:479px){.contact__form-text{text-align:center;font-size:14px}
}
.modal__form-contacts{display:none !important;margin-top:auto;padding:0 24px;margin-bottom:40px}
@media (max-width:1023px){.modal__form-contacts{display:flex !important;justify-content:space-between}
}
@media (max-width:479px){.modal__form-contacts{padding:0 15px}
}
.modal__form-contacts-wrapper{display:flex;flex-direction:column;gap:12px}
.modal__form-contacts-phone{font-size:20px;line-height:1.2;font-weight:600;color:#141414;margin:0;text-decoration:none}
@media (max-width:479px){.modal__form-contacts-phone{font-size:16px}
}
.modal__form-contacts-region{font-size:16px;line-height:1.6;font-weight:400;color:#474747}
@media (max-width:479px){.modal__form-contacts-region{font-size:12px}
}
.modal__form-contacts-links{display:flex;gap:20px}
@media (max-width:479px){.modal__form-contacts-links{gap:12px}
}
.modal__form-contacts-link{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:5px}
.modal__form-contacts-link:hover{background-color:#000000}
.modal__form-contacts-link:hover .modal__form-contacts-link-icon{filter:invert(0)}
@media (max-width:479px){.modal__form-contacts-link{width:46px;height:46px}
}
.modal__form-contacts-link-icon{width:24px;height:24px;filter:invert(1)}