.site-header .ast-site-identity img {
position: absolute; 
top: 5px; 
z-index: 20; 
}
@media (max-width: 768px) {
.site-header .ast-site-identity img {
position: static !important; top: auto !important;
z-index: auto !important;
} .site-header .ast-site-identity {
text-align: center;
}
}
.contact-row{
display:flex;
flex-direction:row;
gap:60px;
align-items:center;
flex-wrap:nowrap;
}
.contact-item{
display:flex;
align-items:center;
gap:15px;
} .icon-circle{
width:52px;
height:52px;
border-radius:50%;
background:linear-gradient(145deg,#d4af37,#f5e08a);
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 4px 12px rgba(0,0,0,0.25);
} .icon-dark{
font-size:20px;
color:#111 !important;
font-weight:700;
line-height:1;
} .contact-text{
display:flex;
flex-direction:column;
line-height:1.2;
}
.label{
font-size:13px;
letter-spacing:1px;
color:#fff;
text-transform:uppercase;
}
.value{
font-size:14px;
font-weight:600;
color:#fff;
} .offer-text{
color:#fff; 
font-size:13px;
line-height:1.5;
} .offer-text .line1{
color:#ffffff;
font-size:30px;
font-weight:700;
} .offer-text .line2{
color:#d4af37;
font-size:28px;
font-weight:700;
} .newsletter{
background:#111;
padding:25px;
max-width:400px;
}
.newsletter h3{
color:#fff;
font-size:18px;
margin-bottom:15px;
letter-spacing:1px;
}
.newsletter input{
width:100%;
padding:10px 12px;
margin-bottom:10px;
border:1px solid #333;
background:#1a1a1a;
color:#fff;
outline:none;
}
.newsletter input:focus{
border-color:#d4af37;
} .newsletter button{
width:100%;
padding:12px;
background:linear-gradient(145deg,#d4af37,#f5e08a);
border:none;
color:#111;
font-weight:700;
cursor:pointer;
transition:0.2s;
}
.newsletter button:hover{
opacity:0.9;
} .newsletter{
position:relative;
}
.popup{
position:absolute;
top:-10px;
left:50%;
transform:translateX(-50%);
background:#0f0f0f;
padding:18px 26px;
border-radius:12px;
display:none;
z-index:99999;
box-shadow:0 10px 30px rgba(0,0,0,0.5);
}
.popup-box{
display:flex;
flex-direction:column;
align-items:center;
color:#fff;
font-weight:600;
}
.check{
color:#4CAF50;
font-size:28px;
margin-bottom:5px;
} @media (max-width: 1024px) {
.contact-row {
gap: 35px;
flex-wrap: wrap;
justify-content: center;
}
.offer-text {
text-align: center;
}
.offer-text .line1 {
font-size: 24px;
line-height: 1.3;
}
.offer-text .line2 {
font-size: 22px;
line-height: 1.3;
}
.newsletter {
width: 100%;
max-width: 100%;
}
} @media (max-width: 768px) {
.footer-column,
.footer-right,
.contact-column,
.newsletter-wrapper {
width: 100% !important;
max-width: 100% !important;
display: flex;
flex-direction: column;
align-items: center; justify-content: center;
text-align: center;
margin: 0 auto;
} .contact-row {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 28px;
text-align: center;
} .contact-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
text-align: center;
} .icon-circle {
width: 46px;
height: 46px;
}
.icon-dark {
font-size: 18px;
} .contact-text {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.label {
font-size: 12px;
letter-spacing: 0.8px;
}
.value {
font-size: 15px;
line-height: 1.4;
} .offer-text {
text-align: center;
font-size: 14px;
}
.offer-text .line1 {
font-size: 22px;
line-height: 1.3;
}
.offer-text .line2 {
font-size: 20px;
line-height: 1.3;
}
.widget {
margin: 0 auto 1.45em auto;
} .newsletter {
width: 100% !important;
max-width: 500px !important; margin: 0 auto !important;
padding: 24px 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.newsletter form {
width: 100%;
}
.newsletter input,
.newsletter button {
width: 100% !important;
}
.newsletter button {
padding: 14px;
font-size: 15px;
text-align: center;
} .popup {
width: calc(100% - 30px);
max-width: 340px;
padding: 18px;
top: -20px;
}
.popup-box {
text-align: center;
}
.check {
font-size: 24px;
}
} @media (max-width: 480px) {
.contact-row {
gap: 22px;
}
.icon-circle {
width: 42px;
height: 42px;
}
.icon-dark {
font-size: 16px;
}
.label {
font-size: 11px;
}
.value {
font-size: 14px;
}
.offer-text .line1 {
font-size: 19px;
line-height: 1.3;
}
.offer-text .line2 {
font-size: 17px;
line-height: 1.3;
} .newsletter {
width: 100% !important;
max-width: 100% !important;
padding: 20px 16px;
margin: 0 auto;
text-align: center;
box-sizing: border-box;
}
.newsletter h3 {
font-size: 16px;
margin-bottom: 16px;
line-height: 1.4;
}
.newsletter input {
padding: 12px;
font-size: 14px;
}
.newsletter button {
padding: 13px;
font-size: 14px;
}
.popup {
width: calc(100% - 20px);
max-width: 300px;
padding: 16px;
}
}