.elementor-44455 .elementor-element.elementor-element-3b2bfa4{--display:flex;--min-height:37vw;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-end;--overlay-opacity:0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44455 .elementor-element.elementor-element-3b2bfa4:not(.elementor-motion-effects-element-type-background):not(.cmsmasters-bg-effect), .elementor-44455 .elementor-element.elementor-element-3b2bfa4 > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-44455 .elementor-element.elementor-element-3b2bfa4 > .cmsmasters-bg-effects-container > .cmsmasters-bg-effects-element{background-color:#EEF4F8;background-image:url("https://pega-advance.preskubbs.com/wp-content/uploads/2025/06/Frame-18902.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-44455 .elementor-element.elementor-element-3b2bfa4::before, .elementor-44455 .elementor-element.elementor-element-3b2bfa4 > .elementor-background-video-container::before, .elementor-44455 .elementor-element.elementor-element-3b2bfa4 > .e-con-inner > .elementor-background-video-container::before, .elementor-44455 .elementor-element.elementor-element-3b2bfa4 > .elementor-background-slideshow::before, .elementor-44455 .elementor-element.elementor-element-3b2bfa4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-44455 .elementor-element.elementor-element-3b2bfa4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 40%, #000000 100%);}.elementor-44455 .elementor-element.elementor-element-918d9f7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-44455 .elementor-element.elementor-element-1cb8637{width:100%;max-width:100%;text-align:left;}.elementor-44455 .elementor-element.elementor-element-1cb8637 > .elementor-widget-container{padding:0px 0px 100px 0px;}.elementor-44455 .elementor-element.elementor-element-1cb8637 .elementor-heading-title{font-size:32px;font-weight:700;line-height:65px;color:#FFFFFF;}.elementor-44455 .elementor-element.elementor-element-7d10dc7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}@media(min-width:1601px){.elementor-44455 .elementor-element.elementor-element-3b2bfa4{--min-height:37vw;}.elementor-44455 .elementor-element.elementor-element-918d9f7{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-44455 .elementor-element.elementor-element-1cb8637.elementor-element{--align-self:flex-start;}.elementor-44455 .elementor-element.elementor-element-1cb8637{text-align:left;}}@media(max-width:1180px){.elementor-44455 .elementor-element.elementor-element-3b2bfa4{--min-height:540px;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:60px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-44455 .elementor-element.elementor-element-918d9f7{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-44455 .elementor-element.elementor-element-1cb8637{text-align:left;}}@media(max-width:767px){.elementor-44455 .elementor-element.elementor-element-3b2bfa4{--min-height:540px;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:00px;--padding-bottom:00px;--padding-left:20px;--padding-right:20px;}.elementor-44455 .elementor-element.elementor-element-1cb8637{text-align:left;}}/* Start of your page custom CSS rules */ #col4-row p {
    color: #626161;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
}

html {
    scroll-behavior: smooth;
}

.location-anchor {
    position: relative;
    top: -120px; 
    visibility: hidden;
    height: 0;
}

/* Location Section Titles */
.location-section-title
 {
    margin: 2rem 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #E2EBF1;
    color: #335C75;
}

/* Remove pagination when showing all locations */
.show-all-locations .retailer-pagination {
    display: none;
}

@media(min-width: 768px) {
    .retailer-image {
        height: 240px!important;
        overflow: hidden;
    }
}

.retailer-meta p {
    margin-bottom: 10px!important;
}

.retailer-search-form button:before {
    display: none!important;
}

.retailer-card a {
    text-transform: none !important;
}

/* First Row with 3 columns */
.retailer-controls-row {
    display: grid;
    grid-template-columns: 50% 25% 25%;
    gap: 1rem;
    align-items: center;
    margin-bottom: 2rem;
    padding: 20px 0px;
}

/* Tabs Column */
.retailer-tabs-column {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* Search Column */
.retailer-search-column {
    display: flex;
    justify-content: flex-end;
}

.retailer-search-form {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.retailer-search-form input[type="text"] {
    flex: 1;
    padding: 0.5rem 1rem;
    border: 0px solid #ddd;
    border-radius: 4px 0 0 4px;
    height: 40px;
}

.retailer-search-form button {
    padding: 0 1rem;
    height: 40px;
    background: none;
    color: white;
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
}

/* Sorting Column */
.retailer-sorting-column {
    display: flex;
    justify-content: flex-end;
}

.retailer-sorting-form {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

.retailer-sorting-form label {
    font-weight: 500;
    white-space: nowrap;
}

.retailer-sorting-form select {
    padding: 0.5rem;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 100%;
}

/* Location Tabs */
.location-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.location-tabs .tab {
    padding: 0.5rem 1rem;
    background: #fff;
    border-radius: 100px;
    text-decoration: none;
    color: #2A96BD;
    min-width: 80px;
    text-align: center;
    font-weight: 500;
    border: 1px solid #2A96BD;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.location-tabs .tab:hover {
    background: #2A96BD;
    color: #fff!important;
}

.location-tabs .tab.active {
    background: #2A96BD;
    color: white;
    border-color: #2A96BD;
    border-radius: 100px;
    min-width: 80px;
    text-align: center;
}

/* Retailer Grid */
.retailer-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.retailer-card {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-radius: 5px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.retailer-card:hover {
    transform: translateY(-2px);
    box-shadow: 0px 1px 20px 0px #00000040;
}

.retailer-image {
    height: 200px;
    overflow: hidden;
}

.retailer-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.retailer-card:hover .retailer-image img {
    transform: scale(1.05);
}

.retailer-content {
    padding: 1.5rem;
}

.retailer-content h3 {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #222;
}

.retailer-meta {
    margin-bottom: 0.75rem;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    color: #555;
}

.retailer-meta img {
    margin-top: 2px;
}

/* Pagination */
.retailer-pagination {
    grid-column: 1 / -1;
    text-align: center;
    margin-top: 3rem;
}

.retailer-pagination a,
.retailer-pagination span {
    padding: 0.5rem 1rem;
    margin: 0 0.25rem;
    border: 1px solid #ddd;
    text-decoration: none;
    border-radius: 4px;
}

.retailer-pagination a:hover {
    background: #f5f5f5;
}

.retailer-pagination .current {
    background: #0073aa;
    color: white;
    border-color: #0073aa;
}

/* (Keep all your existing retailer card styles) */

/* Responsive */
@media (max-width: 1024px) {
    .retailer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .retailer-controls-row {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .retailer-tabs-column {
        order: 1;
    }
    
    .retailer-search-column {
        order: 2;
        justify-content: flex-start;
    }
    
    .retailer-sorting-column {
        order: 3;
        justify-content: flex-start;
    }
    
    .location-tabs .tab {
        min-width: 60px !important;
        font-size: 12px !important;
    }
    
    .location-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 0.5rem;
    }
}

@media (max-width: 600px) {
    .retailer-grid {
        grid-template-columns: 1fr;
    }
}

.elementor-232 .elementor-element.elementor-element-7ab4b70b {
    background: #fff !important;
}

.elementor-232 .elementor-element.elementor-element-66587628 .cmsmasters-postmeta[data-name="taxonomy"] a.term
 {
    color: #121212!important;
    background-color: #AFE0FF!important;
}

body:not(.rtl) .elementor-232 .elementor-element.elementor-element-66587628 {
    left: 20px!important;
    top: 20px!important;
}

#dbe-sec .elementor-widget-cmsmasters-featured-box__button:hover [class*=" cms-demo-icon-"] {
    color: #fff!important;
}

#dnone {
    display: none!important;
}

#dbe-sec [class^="cms-demo-icon-"], #dbe-sec [class*=" cms-demo-icon-"] {
    color: #2A96BD;
}

#eocl-sec .elementor-widget-cmsmasters-featured-box__button:hover [class*=" cms-demo-icon-"], #eocl-sec .cmsmasters-button-link:hover [class*=" cms-demo-icon-"] {
    color: #2A96BD!important;
}

#eocl-sec [class^="cms-demo-icon-"], #eocl-sec [class*=" cms-demo-icon-"] {
    color: #fff;
}

#col4-row h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #121212;
    margin-top: 15px;
}

#col4-row {
    max-width: 1200px;
    margin: auto;
    display: block;
    padding: 30px;
} /* End of your page custom CSS rules */