.logo-with-information .logo_grid_wrapper{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;width:100%}.logo-with-information .logo_grid_wrapper .contant_wrapper{transition:all ease .5s;border-radius:6px;border:1px solid #000;background:#fff;box-shadow:4px 4px #000;padding:24px;width:415px;z-index:11;left:50%;top:80%}.logo-with-information .logo_grid_items{text-align:center;height:100%;position:relative}.logo-with-information .logo_grid_items{border-bottom:1px solid var(--Color, #EBE2D2)}.logo-with-information .logo_grid_items:last-child{border-right:1px solid var(--Color, #EBE2D2);margin-right:-1px}.logo-with-information .logo_grid_items+.logo_grid_items{border-left:1px solid var(--Color, #EBE2D2)}.logo-with-information .logo_grid_items:nth-child(4n)+.logo_grid_items{border-left:none}.logo-with-information .contant_wrapper_innner p{font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin-bottom:0}.logo-with-information .logo_grid_items:hover{background-color:#ebe2d2;transition:all ease .3s}.logo-with-information .logo_image_wrapper{padding:40px 0;height:100%;transition:all ease .3s;display:flex;align-items:center;justify-content:center}.contant_wrapper_innner .title{font-size:16px;font-style:normal;font-weight:700;line-height:24px;padding-bottom:4px}.logo-with-information .logo_grid_items:nth-child(4n) .contant_wrapper{left:auto;right:50%}.logo_title p{font-size:16px;font-style:normal;font-weight:700;line-height:24px}.logo-with-information .close__icon{display:none}@media screen and (min-width: 768px){.logo-with-information .logo_grid_items:nth-child(4n):last-child{border-right:none;margin-right:0}.logo-with-information .logo_grid_items:nth-last-child(4n)~.logo_grid_items:nth-last-child(-n+3){border-bottom:none}.logo-with-information .logo_grid_items:hover .contant_wrapper{visibility:visible;opacity:1;transition:all ease .5s}.logo-with-information .logo_grid_wrapper .contant_wrapper{visibility:hidden;opacity:0;position:absolute}}@media screen and (max-width: 1200px){.logo-with-information .logo_grid_wrapper .contant_wrapper{width:340px}}@media screen and (max-width: 1024px){.logo-with-information .logo_grid_wrapper .contant_wrapper{left:20%}}@media screen and (max-width: 767px){.logo-with-information .logo_grid_wrapper{grid-template-columns:repeat(3,1fr)}.logo-with-information .logo_grid_items:nth-child(3n) .contant_wrapper{left:auto;right:0}.logo-with-information .logo_grid_items:nth-child(3n)+.logo_grid_items{border-left:none}.logo-with-information .logo_grid_items:nth-child(4n)+.logo_grid_items{border-left:1px solid var(--Color, #EBE2D2)}.logo-with-information .logo_grid_items:nth-child(3n):last-child{border-right:none;margin-right:0}.logo-with-information .logo_grid_items:nth-last-child(3n)~.logo_grid_items:nth-last-child(-n+2){border-bottom:none}.logo-with-information .logo_grid_wrapper .contant_wrapper{position:fixed;border-radius:6px 6px 0 0;width:100%;left:0;bottom:-100%;top:auto;padding:40px 24px;transform:translateY(100%)}.logo-with-information .logo_grid_items:nth-child(4n) .contant_wrapper{left:auto;right:0}.logo-with-information .close__icon{display:block;position:absolute;right:20px;top:20px;z-index:333}.logo_grid_items .logo_image_wrapper.active+.contant_wrapper{bottom:0;transition:all ease .5s;transform:translateY(0)}.logo-with-information .logo_image_wrapper{padding:12px 15px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/logo-with-information.css.map?v=173714403587487826091724927730 */