.retailer-resources { width:100%; position:relative; background:#FAF6E2; padding:100px 0;}
.message-div {width:100%; text-align:center;display:none;color:#000; margin-top:25px;}
.retailer-resources .flexy { display:flex; align-items:flex-start; flex-wrap:wrap;}
.retailer-resources .flexy .left { width: 35%;}
.retailer-resources .flexy .left .categories { padding-top:25px;}
.retailer-resources .flexy .left .categories .categories-title {color: var(--Text-primary, #212121);font-family: Montserrat;font-size: 24px;font-style: normal;font-weight: 700;line-height: 100%; /* 24px */}
.retailer-resources .flexy .left .categories .catout { display:flex; flex-wrap:wrap; }
.retailer-resources .flexy .left .categories ul li a { width:100%;}
.retailer-resources .flexy .left .categories ul li a  { width:100%; transition:all 400ms ease; margin-top:10px; padding:5px; max-width:100%; width:max-content; display:inline-block;color: var(--Text-primary, #212121);font-family: Montserrat;font-size: 16px;font-style: normal;font-weight: 500;line-height: 100%; /* 16px */letter-spacing: -0.16px; }
.retailer-resources .flexy .left .categories ul li a:hover { background: #56189E; color:#fff; max-width:100%; width:max-content; padding:5px; border-radius: 6px;background: #56189E; }
.retailer-resources .flexy .left .categories ul li a.selected { background: #56189E; color:#fff; max-width:100%; width:max-content; padding:5px; border-radius: 6px;background: #56189E; }


.retailer-resources .flexy .right .search-right { max-width:50%;margin-bottom:56px;}
.retailer-resources .flexy .right input {border-radius: 40px;background: #F6F6F6; }

.retailer-resources .flexy .left .links {padding-bottom;50px; display:flex; flex-wrap:wrap;}
.retailer-resources .flexy .left .links .link-title { width:100%; color: var(--Text-primary, #212121);font-family: Montserrat;font-size: 24px;font-style: normal;font-weight: 700;line-height: 100%; /* 24px */}
.retailer-resources .flexy .left .links .link-inner { width:100%; padding:5px 0;}
.retailer-resources .flexy .left .links a {color: #1B2D34;text-align: center;font-family: Montserrat;font-size: 14px;font-style: normal;font-weight: 500;line-height: 150%; padding:5px 8px;border-radius: 8px;border: 1px solid #1B2D34;width:100%; transition:all 400ms ease; margin-top:10px;  max-width:100%; width:max-content; display:inline-block;}
.retailer-resources .flexy .left .links { width:100%;}
.retailer-resources .flexy .left .links a:hover {color: #FFF;text-align: center;font-family: Montserrat;font-size: 14px;font-style: normal;font-weight: 500;line-height: 150%; border-radius: 8px;border: 1px solid #1B2D34;background: #1B2D34; }
.retailer-resources .flexy .left .links a.selected { color: #FFF;text-align: center;font-family: Montserrat;font-size: 16px;font-style: normal;font-weight: 500;line-height: 150%; border-radius: 8px;border: 1px solid #1B2D34;background: #1B2D34; }

.retailer-resources .flexy .right { width:65%;}
.retailer-resources .flexy .right .inner-title h3 {color: #212121;font-family: Montserrat;font-size: 32px;font-style: normal;font-weight: 600;line-height: 130%; /* 41.6px */letter-spacing: -0.32px;}
.retailer-resources .flexy .right .inner-content { color: #212121;font-family: Montserrat;font-size: 16px;font-style: normal;font-weight: 400;line-height: 160%; /* 25.6px */letter-spacing: -0.16px; }
.retailer-resources .flexy .right .features { padding-bottom:50px;}
.retailer-resources .flexy .right .demo { padding-bottom:50px;}
.retailer-resources .flexy .right .about { padding-bottom:50px;}
.retailer-resources .flexy .right .cat-flex { display:flex; align-items:center;flex-wrap:nowrap;padding:10px 0;}
.retailer-resources .flexy .right .cat-flex .category { padding:5px; border-radius: 8px;border: 1px solid #8DC74C;color: #1B2D34;text-align: center;font-family: Montserrat;font-size: 14px;font-style: normal;font-weight: 500;line-height: 150%; }
.retailer-resources .flexy .right .cat-flex .read-time { margin-left:10px; color: #1B2D34;text-align: center;font-family: Montserrat;font-size: 14px;font-style: normal;font-weight: 500;line-height: 150%; padding:5px; border-radius: 8px;background: rgba(27, 45, 52, 0.08);}
  
.retailer-resources .flexy .right ul {list-style-type:disc;padding-left:15px;}
.retailer-resources .flexy .right ul li {list-style-type:disc;padding:3px 0;}
.retailer-resources .flexy .right ul li::marker { color:#56189e;}
.retailer-resources .right .cards-outer { display:flex; align-items:center; flex-wrap:wrap; text-align:left;}
.retailer-resources .right .cards-outer .cards-inner { transition:all 400ms ease; display:flex;align-items:center; flex-wrap:wrap; width: calc(100% / 2 - 30px); margin:15px; padding:25px; border-radius: 16px;background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(0deg, #FAFAFA 0%, #FAFAFA 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;border-radius: 16px;border: 2px solid #E7E7E7;background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(0deg, #FAFAFA 0%, #FAFAFA 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;}
.retailer-resources .right .cards-outer .cards-inner:first-child { width:100%;}
.retailer-resources .right .cards-outer .cards-inner:hover { box-shadow: 0px 131px 37px 0px rgba(136, 136, 136, 0.00), 0px 84px 33px 0px rgba(136, 136, 136, 0.01), 0px 47px 28px 0px rgba(136, 136, 136, 0.05), 0px 21px 21px 0px rgba(136, 136, 136, 0.09), 0px 5px 11px 0px rgba(136, 136, 136, 0.10);}
.retailer-resources .right .cards-outer .cards-inner .flexy { display:flex; align-items:center;}
.retailer-resources .right .cards-outer .cards-inner .flexy .left { width:100%;}
.retailer-resources .right .cards-outer .cards-inner .flexy .right { width:100%;}
.retailer-resources .right .cards-outer .cards-inner .flexy .right .card-title { text-align:left; color: #212121;font-family: Montserrat;font-size: 24px;font-style: normal;font-weight: 700;line-height: 100%; /* 24px */padding-bottom:10px;}
.retailer-resources .right .cards-outer .cards-inner .flexy .right .card-content { color: #212121;font-family: Montserrat;font-size: 16px;font-style: normal;font-weight: 400;line-height: 160%; /* 25.6px */  letter-spacing: -0.16px;}
.retailer-resources .flexy .left .links .filter span {color: #1B2D34;font-family: Montserrat;font-size: 18px;font-style: normal;font-weight: 700;line-height: 150%; }

.retailer-resources .flexy .left .links ul { list-style-type:none;padding-left:0;}
.retailer-resources .flexy .left .links ul li { list-style-type:none;}


.r-post { padding:70px 0; }
.r-post .container { }
.r-post .flexy { display:flex; flex-wrap:wrap; align-items:flex-start;}
.r-post .flexy .left { width:66.6667%;}
.r-post .flexy .left .post-content { padding-right:40px;}
.r-post .flexy .right { width:33.3333%;}

.r-post h2 { color: #1B2D34;font-family: Nunito;font-size: 44.79px;font-style: normal;font-weight: 700;line-height: 120%; }
.r-post p {color: #19292F;font-family: Montserrat;font-size: 16px;font-style: normal;font-weight: 500;line-height: 150%; }
.r-post strong {color: #19292F;font-family: Montserrat;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; }

.r-post .sidebar { position:relative; border-radius: 16px;border: 2px solid rgba(27, 45, 52, 0.15);background: #FFF; padding:30px;}
.r-post .sidebar .top-section { display:flex; align-items:center; flex-wrap:nowrap;}
.r-post .sidebar .top-section img { width:40px; height:40px; }
.r-post .sidebar .top-section .sidebar-title { padding-left:20px;}

.r-post .sidebar .sidebar-title { color: #1B2D34;font-family: Nunito;font-size: 25.92px;font-style: normal;font-weight: 700;line-height: 120%; }
.r-post .sidebar .content { padding:15px 0; color: #1B2D34;font-family: Montserrat;font-size: 16px;font-style: normal;font-weight: 500;line-height: 150%; }
.r-post .sidebar .jobbies { position:absolute;top:0; width:100%; height:100%;}
.r-post .sidebar .jobbies .jobbie1 { position:absolute; bottom:-20px; left:50%;}
.r-post .sidebar .jobbies .jobbie2 { position:absolute; top:-20px; right:0px;}
.r-post .sidebar .jobbies .jobbie3 { position:absolute; top:-30px; left:-30px;}

@media (max-width:1199px) {

}
@media (max-width:991px) {
  .r-post .flexy .left { width:100%;}
  .r-post .flexy .right { width:100%;}
  
  .retailer-resources .flexy .left { width: 100%;}
  .retailer-resources .flexy .right { width:100%; padding-top:25px;}
  .retailer-resources .flexy .right .search-right { max-width:100%;}
  .retailer-resources .flexy .right input {border-radius: 40px;background: #F6F6F6; }
  .retailer-resources .right .cards-outer .cards-inner{ width:100%;margin-left:0; margin-right:0;}
  .retailer-resources .filter span { text-align:center; display:inline-block; background-color: #fff; position: relative; display: inline-block; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); border-radius: 50px; width: 100%;/*width: 190px;*/ padding: 13px 25px; color: #272525; letter-spacing: 0.5px; font-size: 16px; text-transform: uppercase; cursor: pointer; padding-right: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .retailer-resources .filter { position: relative; width:100%; }
  .retailer-resources .filter ul { position: absolute; top: calc(100% - 6px); left: 0; right: 0; z-index: 100; background-color: #fff; margin: 0; list-style: none; padding: 0; box-shadow: 0px 8px 12px rgb(0 0 0 / 10%); border-radius: 10px; max-height: 180px; overflow: auto; /* opacity: 0; visibility: hidden; */ }
  .retailer-resources .filter ul li a { display: block; font-size: 15px; padding: 9px 15px; border-bottom: 1px solid #e4e4e4; color: #272525; }
  .retailer-resources .filter ul li a:hover { background-color: #ce0000; color: #fff; }
  .retailer-resources .filter span:before { content: '\f107'; position: absolute; top: 0; bottom: 0; right: 20px; font-family: 'fontawesome'; font-size: 25px; font-weight: 400; height: 22px; margin: auto; color: #E0E0E0; }
  .retailer-resources .filter ul {width:100%!important; left:auto!important; right:auto!important;}
  .retailer-resources .filter ul { display:none; overflow:auto!important; border-radius:25px!important; text-align:center;}
  /* .rooms-filter-wrapper .filter:hover ul { opacity: 1; visibility: visible; } */
  .retailer-resources .flexy .left .categories .categories-title { padding-bottom:20px; width:100%; text-align:center;}
  .retailer-resources .flexy .left .links .link-title { padding-bottom:20px; width:100%; text-align:center;}
  .r-post .flexy .left .post-content { padding-right:0px;}
}

@media (max-width:767px) {
}