.modern-header-grid {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
padding: 0px 15px;
gap: 15px;
position: relative;
z-index: 10000;
}
.modern-header-center {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0px;
}
.header-banner-ad {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 680px;
min-height: 95px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
overflow: hidden;
line-height: 0;
transition: transform 0.3s ease, box-shadow 0.3s ease;
background-color: transparent;
text-align: center;
}
.header-banner-ad ins {
display: block;
text-align: center;
}
.header-banner-ad:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}
.header-banner-ad ins,
.header-banner-ad iframe,
.header-banner-ad img {
border-radius: 12px;
}
@media (max-width: 900px) {
.modern-header-grid {
grid-template-columns: 1fr;
padding: 10px;
}
.modern-header-grid > .hideOnMobile {
display: none;
}
.header-banner-ad {
min-height: 60px;
}
}
i.fa, i.fas, i.far, i.fab, i.fa-solid, i.fa-regular, i.fa-brands,
i[class^="fa-"], i[class*=" fa-"] {
display: inline-block;
min-width: 1em;
text-align: center;
font-style: normal;
}
@font-face {
font-family: "Font Awesome 6 Free";
font-style: normal;
font-weight: 900;
font-display: swap;
src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2") format("woff2");
}
@font-face {
font-family: "Font Awesome 6 Free";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-regular-400.woff2") format("woff2");
}
@font-face {
font-family: "Font Awesome 6 Brands";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2") format("woff2");
}