.shop-banner{margin:16px 0}.shop-banner .container{position:relative}@media (max-width:1199px){.shop-banner .container{padding-bottom:50px}}.shop-banner .content_wrapper{background-color:var(--blue-500);border-radius:32px;display:grid;grid-template-columns:auto auto;justify-content:space-between;min-height:290px;padding:24px}@media (max-width:1199px){.shop-banner .content_wrapper{border-radius:16px;grid-template-columns:100%;min-height:328px}}@media (max-width:767px){.shop-banner .content_wrapper{grid-gap:12px;min-height:217px;padding:16px}}:is(.shop-banner .content_wrapper) .img_box{bottom:0;height:290px;overflow:hidden;position:absolute;right:32px;top:0;width:45%;z-index:0}@media (max-width:1199px){:is(.shop-banner .content_wrapper) .img_box{height:328px;right:24px}}:is(:is(.shop-banner .content_wrapper) .img_box) .shop-icon{position:absolute;width:25%}:is(:is(:is(.shop-banner .content_wrapper) .img_box) .shop-icon) svg{height:100%;object-fit:contain;object-position:center;width:100%}:is(:is(.shop-banner .content_wrapper) .img_box) .icon-1{bottom:1%;left:2%;transform:rotate(-16deg)}:is(:is(.shop-banner .content_wrapper) .img_box) .icon-2{width:15%;Left:34%;top:8%;transform:rotate(-15deg)}:is(:is(.shop-banner .content_wrapper) .img_box) .icon-3{width:15%;Left:52%;bottom:3%;transform:rotate(18deg)}:is(:is(.shop-banner .content_wrapper) .img_box) .icon-4{right:1%;top:7%;transform:rotate(-16deg)}@media (max-width:767px){:is(.shop-banner .content_wrapper) .img_box{height:217px;left:16px;right:16px;width:unset}:is(:is(.shop-banner .content_wrapper) .img_box) .shop-icon{max-width:95px}:is(:is(.shop-banner .content_wrapper) .img_box) .icon-1{bottom:10%;left:25%;transform:rotate(-15deg);width:16.5%}:is(:is(.shop-banner .content_wrapper) .img_box) .icon-2{width:26%;Left:55%;bottom:-7%;top:unset;transform:rotate(18deg)}:is(:is(.shop-banner .content_wrapper) .img_box) .icon-3{bottom:unset;left:unset;right:5%;top:15%;transform:rotate(-16deg);width:15.6%}:is(:is(.shop-banner .content_wrapper) .img_box) .icon-4{display:none}}:is(.shop-banner .content_wrapper) .text_box{display:flex;flex-direction:column;justify-content:space-between;max-width:505px}:is(:is(.shop-banner .content_wrapper) .text_box) h1{color:var(--white-color);position:relative;z-index:1}@media (max-width:767px){:is(.shop-banner .content_wrapper) .text_box{max-width:80%}}:is(.shop-banner .content_wrapper) .actions_box{align-items:center;background-color:#fefefe75;border-radius:100px;display:flex;font-size:14px;padding:8px;width:fit-content}@media (max-width:1199px){:is(.shop-banner .content_wrapper) .actions_box{background-color:transparent;bottom:0;justify-content:space-between;left:24px;padding:0;position:absolute;right:24px;width:unset}}@media (max-width:767px){:is(.shop-banner .content_wrapper) .actions_box{font-size:12px;left:16px;right:16px}}:is(:is(.shop-banner .content_wrapper) .actions_box) li:not(:last-child){margin-right:16px;padding-right:16px;position:relative}:is(:is(:is(.shop-banner .content_wrapper) .actions_box) li:not(:last-child)):after{background-color:#00000017;content:"";height:22px;position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:1px}@media (max-width:1199px){:is(:is(.shop-banner .content_wrapper) .actions_box) li:not(:last-child){margin-right:0;padding-right:0}:is(:is(:is(.shop-banner .content_wrapper) .actions_box) li:not(:last-child)):after{display:none}:is(:is(:is(.shop-banner .content_wrapper) .actions_box) li:not(:last-child)):has([data-target=sorting]){order:1}:is(:is(:is(.shop-banner .content_wrapper) .actions_box) li:not(:last-child)):has([data-target=sorting]) span{display:none}}:is(:is(.shop-banner .content_wrapper) .actions_box) button{align-items:center;border-radius:100px;display:flex;font-weight:500;gap:4px;padding:8px 16px;transition:.3s}:is(:is(:is(.shop-banner .content_wrapper) .actions_box) button) svg{flex-shrink:0;width:16px}@media (max-width:1199px){:is(:is(:is(.shop-banner .content_wrapper) .actions_box) button) svg{height:24px;width:24px}}:is(:is(:is(.shop-banner .content_wrapper) .actions_box) button) path{transition:.3s}.active[data-action]:is(:is(:is(.shop-banner .content_wrapper) .actions_box) button),[data-action]:is(:is(:is(.shop-banner .content_wrapper) .actions_box) button):hover{background-color:var(--blue-500);color:#fff}:is(.active[data-action]:is(:is(:is(.shop-banner .content_wrapper) .actions_box) button),[data-action]:is(:is(:is(.shop-banner .content_wrapper) .actions_box) button):hover) path{stroke:#fff}