.Category-headbanner{max-width:1211px;margin:0 auto;padding-top:10px}
.banner-con{display:flex;align-items:center;border-radius:8px;height:200px;margin:0 auto;background-color:#001952}
.banner-text h1{color:#fff}
.text-Desc{color:#fff;font-family:Petco Circular CAP;font-size:16px;font-weight:400;line-height:18px;letter-spacing:.4px;padding:0 -1px 16px 55px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:400px}
.banner-text,.banner-image{width:50%;height:100%}
.banner-text{font-size:24px;font-weight:bold;background-color:#001952;border-radius:8px 0 0 8px;display:flex;justify-content:center;align-items:center;flex-direction:column}
.banner-image{display:flex;justify-content:center;align-items:center;border-radius:0 8px 8px 0;overflow:hidden;height:100%;background-color:#fdf5aa !important;clip-path:ellipse(100% 190% at 100% 50%)}
.banner-image img{width:100%;height:100%;object-fit:contain;border-radius:0 8px 8px 0}
@media(max-width:800px){.text-Desc{width:100%;padding:0 16px}
}
@media(max-width:600px){.banner-text h1{font-size:24px}
.text-Desc{font-size:14px;padding:0 10px;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%}
.banner-con{margin:0 16px;background-color:#fff}
.banner-image{clip-path:none;border-radius:10px 10px 0 0;width:100%}
.banner-con{display:flex;flex-direction:column-reverse}
.banner-text{border-radius:0 0 10px 10px;width:100%}
.banner-con{height:300px}
}