.retailproducts{display:flex;justify-content:center}
.retailproducts .container{width:100%;max-width:1680px;margin:0;text-align:center}
.retailproducts .container .selectWrapper{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.retailproducts .container .selectWrapper .multiselect{position:relative}
.retailproducts .container .selectWrapper .multiselect::after{content:"";position:absolute;top:50%;right:20px;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;border-right:2px solid #1e2d3d;border-bottom:2px solid #1e2d3d;pointer-events:none}
.retailproducts .container .selectWrapper .multiselect .multiselect-btn{background:#fff;text-align:left;cursor:pointer;border:1px solid #1e2d3d4d;padding:13px 66px 17px 20px;width:100%;height:60px;border-radius:10px;font-size:18px;line-height:26px;font-weight:500;color:#1e2d3d;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:2;padding-top:13px;padding-right:66px}
.retailproducts .container .selectWrapper .multiselect .multiselect-options{display:none;position:absolute;width:100%;overflow-y:auto;background:white;list-style:none;z-index:9;border:1px solid #ccc;margin:5px 0 0;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,0.2);max-height:246px;padding:20px}
.retailproducts .container .selectWrapper .multiselect .multiselect-options::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:10px}
.retailproducts .container .selectWrapper .multiselect .multiselect-options::-webkit-scrollbar{height:auto;width:5px;background-color:#717073;border-radius:10px}
.retailproducts .container .selectWrapper .multiselect .multiselect-options::-webkit-scrollbar-thumb{background-color:#ef3e42;border-radius:10px;min-height:100px}
.retailproducts .container .selectWrapper .multiselect .multiselect-options li{text-align:left;padding-bottom:16px;position:relative;padding-left:28px}
.retailproducts .container .selectWrapper .multiselect .multiselect-options li input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer}
.retailproducts .container .selectWrapper .multiselect .multiselect-options li input[type="checkbox"]:checked ~ .checkmark{background-color:#003d79 !important;border-color:#003d79 !important}
.retailproducts .container .selectWrapper .multiselect .multiselect-options li input[type="checkbox"]:checked ~ .checkmark::after{display:block}
.retailproducts .container .selectWrapper .multiselect .multiselect-options li .custom-select-option{cursor:pointer}
.retailproducts .container .selectWrapper .multiselect .multiselect-options li:focus{outline:0;background-color:#f0f0f0}
.retailproducts .container input[type="checkbox"]{accent-color:#003d79}
.retailproducts .container .submit-btn{font-size:16px;line-height:19px;letter-spacing:.2em;font-weight:600;cursor:pointer;color:#fff;border:0;background-color:#ef3e42;padding:20px 40px 21px;border-radius:30px;margin-top:30px}
@media screen and (max-width:767px){.retailproducts .container .submit-btn{font-size:14px;line-height:16px}
}
.retailproducts .container .submit-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}
.retailproducts .container .output{margin-top:80px;display:grid;grid-template-columns:repeat(2,1fr);gap:80px}
.retailproducts .container .output .retail-container{position:relative;background:#f8f8f8;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);padding:96px 30px 30px;display:flex;flex-direction:column;transition:transform .2s ease-in-out}
@media screen and (max-width:1500px){.retailproducts .container .output .retail-container{padding:96px 25px 25px}
}
.retailproducts .container .output .retail-container .parentContainer .FullCircle{position:absolute;top:-66px;left:50%;transform:translateX(-50%);background:#003d79;color:white;width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:1px;overflow-wrap:anywhere;box-shadow:0 4px 8px rgba(0,0,0,0.15);font-size:22px;line-height:26px;font-weight:500;padding:0;text-align:center !important}
.retailproducts .container .output .retail-container .parentContainer .ContainerText{display:flex;flex-direction:column;gap:.5rem}
@media screen and (max-width:768px){.retailproducts .container .output .retail-container .parentContainer .ContainerText{display:grid}
}
.retailproducts .container .output .retail-container .parentContainer .ContainerText .address-field,.retailproducts .container .output .retail-container .parentContainer .ContainerText .phone-field,.retailproducts .container .output .retail-container .parentContainer .ContainerText .website-field{font-size:18px;line-height:26px;font-weight:500;color:#1e2d3d}
@media screen and (max-width:768px){.retailproducts .container .output .retail-container .parentContainer .ContainerText .address-field,.retailproducts .container .output .retail-container .parentContainer .ContainerText .phone-field,.retailproducts .container .output .retail-container .parentContainer .ContainerText .website-field{font-size:16px;line-height:22px}
}
.retailproducts .container .output .retail-container .parentContainer .ContainerText .website-field a{color:#2563eb;text-decoration:underline}
.retailproducts .container .output .retail-container .parentContainer .ContainerText .heading-row{display:grid;grid-template-columns:repeat(3,1fr);font-weight:bold;background:#e5e7eb;padding:.5rem;margin-top:.75rem;border-radius:6px 6px 0 0;text-align:center}
.retailproducts .container .output .retail-container .parentContainer .ContainerText .retail-row{display:grid;grid-template-columns:repeat(3,1fr);padding:.5rem;border:1px solid #e5e7eb;border-top:0;border-radius:0 0 6px 6px;text-align:center;font-size:.95rem;background:white;gap:.25rem}
.retailproducts .container .output .retail-container .parentContainer .reatil-heading{display:grid;grid-template-columns:repeat(3,1fr);background-color:#e6ecf2;padding:.5rem;margin-top:.75rem;border-radius:6px 6px 0 0;text-align:center;gap:10px;overflow-wrap:break-word;word-break:break-all;font-size:20px;line-height:24px;font-weight:700;color:#003d79}
@media screen and (max-width:1024px){.retailproducts .container .output .retail-container .parentContainer .reatil-heading{font-size:16px;line-height:20px}
}
.retailproducts .container .output .retail-container .parentContainer .retail-values{display:grid;grid-template-columns:repeat(3,1fr);padding:.5rem;border:1px solid #e5e7eb;border-top:0;text-align:center;font-size:18px;line-height:26px;font-weight:500;color:#1e2d3d;gap:.25rem;background:white}
@media screen and (max-width:1024px){.retailproducts .container .output .retail-container .parentContainer .retail-values{font-size:16px;line-height:20px}
}
.retailproducts .container .output .retail-container .parentContainer .retail-values:last-child{border-radius:0 0 6px 6px}
.retailproducts .container .output:empty{display:none}
@media screen and (max-width:1500px){.retailproducts .container .output{column-gap:20px;row-gap:80px}
}
.retailproducts .container .checkmark{position:absolute;top:3px;left:0;height:20px;width:20px;border:2px solid #ccc;border-radius:4px;background:#fff;transition:all .2s ease}
@media screen and (max-width:768px){.retailproducts .container .checkmark{top:2px}
}
.retailproducts .container .checkmark::after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}
@media screen and (max-width:1024px){.retailproducts .container h2{font-size:24px;line-height:28px}
.retailproducts .container .selectWrapper{grid-template-columns:1fr;gap:20px}
.retailproducts .container .output{grid-template-columns:1fr;margin-top:50px}
.retailproducts .container .output .FullCircle{top:-60px;font-size:16px;line-height:23px}
.retailproducts .container .output .reatil-heading{word-break:break-all}
.retailproducts .container .output .address-field,.retailproducts .container .output .phone-field,.retailproducts .container .output .website-field{font-size:16px;line-height:20px}
.retailproducts .container .output .retail-container{padding:96px 6px 30px;font-size:14px;line-height:18px}
.retailproducts .container .output .retail-container .retail-values{padding:20px 10px}
.retailproducts .container .output .retail-container .reatil-heading{padding:15px 10px}
}
@media screen and (max-width:768px){.retail-info{overflow-x:auto !important;overflow-y:hidden !important;white-space:nowrap !important}
.retail-info .retail-heading,.retail-info .retail-values{display:table-row !important;flex-direction:row !important;gap:20px;width:max-content}
.retail-info .retail-heading>div,.retail-info .retail-values>div{min-width:150px;white-space:normal}
.retailproducts .container .output .retail-container .parentContainer .reatil-heading>div{display:table-cell;white-space:nowrap;padding:10px}
.retail-info .retail-heading>div,.retail-info .retail-values>div{min-width:150px;white-space:normal;display:table-cell;padding:10px}
.retailproducts .container .output .retail-container .parentContainer .reatil-heading{display:table-row}
}
@media screen and (max-width:1024px){.retail-container:first-of-type{margin-top:50px}
}
.retailproducts .title{margin-top:30px;margin-bottom:20px}
.tabs .retailproducts .title{margin-top:0 !important}
@media screen and (max-width:768px){.retailproducts .title{margin-top:20px;margin-bottom:10px}
}
.retailproducts .title + p{padding-bottom:20px}
@media screen and (max-width:768px){.retailproducts .title + p{padding-bottom:10px}
}
@media screen and (min-width:769px){.retailproducts .container{text-align:left}
}
@media screen and (max-width:769px){.retailproducts .container .submit-btn{width:100%}
}