.esr-banner{position:relative;isolation:isolate;box-sizing:border-box;width:100%;padding:30px;border-radius:10px;background-position:center center;background-size:cover;background-repeat:no-repeat;overflow:hidden;color:#fff;font-family:"Open Sans",sans-serif;font-size:18px;font-weight:600;line-height:1.5;text-align:left;}
.esr-banner--dream{background-image:url("https://astrologycenter.gr/wp-content/uploads/2025/12/oneirokritis-banner-all.webp");}
.esr-banner--chart{background-image:url("https://astrologycenter.gr/wp-content/uploads/2026/03/astrologikos-hartis-main.webp");}
.esr-banner--chart::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6);z-index:-1;border-radius:inherit;pointer-events:none;}
.esr-banner .esr-banner__content{position:relative;width:100%;display:flex;flex-direction:column;gap:20px;}
.esr-banner .esr-banner__text{color:#fff;font-family:inherit;font-size:18px;font-weight:600;line-height:inherit;}
.esr-banner .esr-banner__text p{font:inherit;color:inherit;margin:0 0 1em;}
.esr-banner .esr-banner__text strong{font-weight:700;}
.esr-banner .esr-banner__text a{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.esr-banner .esr-banner__text a:hover{color:#fff;}
.esr-banner .esr-banner__search{width:100%;min-width:0;}
@media(max-width:767px){.esr-banner--chart{margin-top:25px;}}