/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.no-list {
	padding: 0;
}

@media screen and (max-width:767px) {
  .list--2-col {
    column-count:1;
  }
}
  
@media (min-width: 768px) {
    .list--2-col {
        column-count: 2;
		column-gap: 1.5rem;
    }
    .list--3-col {
        column-count: 3;
		column-gap: 1.5rem;
    }
	.list--4-col {
		column-count: 2;
		column-gap: 1.5rem;
	}
	.list--5-col {
		column-count: 3;
		column-gap: 1.5rem;
	}
}

@media (min-width: 1024px) {
	.list--4-col {
		column-count: 4;
	}
	.list--5-col {
		column-count: 5;
	}
}

header.header {
    background-color:#000000 !important;
  }

/***Mega Menu Customizations***/
.mega-bk-gray {
  background-color:#eeeeee;
  padding:10px;
  border-radius:20px;
}


.mega-menu-1.mega-menu .col-4 {
    margin-left: 10px;
  margin-right:-10px;
}
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu p a {
  color:#000000 !important;
   padding:10px 20px 10px 10px !important;
  font-size:14px !important;
}
 .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu p {
   margin-bottom:0px !important;
}

 .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu p a:hover {
  color:#000000 !important;
  background-color:#dbff00 !important;
   padding:10px 20px 10px 10px !important;
   border-radius:20px;
}

.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    max-width: 250px;
    width: max-content;
    line-height: 1;
    -webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding: 10px !important;
}

.mega-menu {
    position: fixed;
    padding: 10px;
    z-index: 10000;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
     border-radius: 20px;
  }
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    line-height: 1;
    width: auto !important;
    padding: 10px 20px 10px 10px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links .hs-menu-item.hs-menu-depth-2 a:hover, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {
    border-radius: 20px;
}
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  top:40px;
}
/*.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper:before {   
  content: '';
    width: 100%;
    display: block;
    background: transparent;
    position: absolute;
   height: 40px !important;
        top: -40px !important;
        background-color: rgba(255, 2, 1, 0.0) !important;
    }*/
.mega-menu.active {
  padding:30px 0px !important;
}
.mega-menu {
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 90% !important;
  max-width: 800px; /* or whatever max width you want */
}
/*@media screen and (min-width: 850px) {
    .mega-menu::before {
        height: 40px !important;
        top: -40px !important;
        background-color: rgba(255, 2, 1, 0.0);
    }
}*/
.mega-menu {
  pointer-events: none;
  transition: opacity .15s ease-in-out, max-height .15s ease-in-out !important;
}

.mega-menu.active {
  pointer-events: auto;
}

/* Reduce the bridge height on hover to make it easier to move between items */
[class^=mega-drop].loaded::after,
[class^=mega-drop].loaded::before {
  height: 50px; /* Reduce from 100px */
}

@media screen and (min-width:768px) {
  .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a svg {
    display:none;
  }
}

.map-input-search>.map-category {
  display:none !important;
} 
.map-description .map-photo img {
  height: auto !important;
  object-fit: contain !important;
  width:100%;
  max-width:200px !important;
  margin:0 auto !important;
}
.map-description .map-photo {
  height:100px !important;
}
.map-list-store-wrapper .store-locations .single-store-location .single-store-details p {
  color:#FFFFFF !important;
}

.map-input-search button {
    margin: 30px 0 !important;
    padding: 10px 24px !important;
}

/* icon */

.hhs-icon-mod.icon-dark-bg .icon-con,
.icon-dark-bg.all-col .c-content-con:not(.c-dblock):has(img[class*="c-img"]),
.icon-dark-bg .c-2 .c-content-con:not(.c-dblock):has(img[class*="c-img"]) {
  justify-content: center;
  align-items: center;
  background-color: #090909;
  height: 64px;
  width: 64px;
  margin-bottom: 20px;
}


.icon-dark-bg .hhs-flexi-card > img{
  justify-content: center;
  align-items: center;
  background-color: #090909;
  height: 64px;
  width: 64px;
  margin-bottom: 20px;
  padding: 16px;
}

.icon-grey-bg .c-content-con:not(.c-dblock):has(img[class*="c-img"]) {
  justify-content: center;
  align-items: center;
  background-color: #f2f2f2;
  height: 64px;
  width: 64px;
  margin-bottom: 20px;
}

.hhs-icon-mod.icon-dark-bg .icon-con {
  text-align: center;
  display: flex;
  border-radius:10px;
}

.hhs-icon-mod.icon-dark-bg .icon-con img {
  margin-bottom: 0;
}

.hhs-icon-mod.icon-dark-bg.white-image .icon-con img , 
.icon-dark-bg.white-image .c-2  .c-content-con:not(.c-dblock):has(img[class*="c-img"]) > img {
  filter: invert(1);
}
.hhs-icon-mod.left-align-icon .hhs-text-content {
    width: calc(100% - 64px);
}
/*MAP*/
.loc-desc-link:before {
    background: #dbff00 !important;
}
.loc-desc-link {
  background:#393939 !important;
}

a.loc-desc-link {
  color:#dbff00 !important;
  letter-spacing: 1px !important;
    font-weight: 500 !important;
}
.single-store-cats {
  border-color:transparent !important;
}

/*LOGO SLIDER*/
.hhs-lead-in-text {
  margin-bottom:0px !important;
}
.scrolling-logos.slick-slider .logo-item img {
    max-height:40px !important;
}

.mega-menu .col-4 {
  border-right:1px solid #000000;
  display:flex;
  align-items:center;
}

.mega-menu .col-8 {
  padding-left:30px;
}

.mega-menu-2.mega-menu {
  max-width:800px !important;
}
.mega-menu-1.mega-menu {
  max-width:1000px !important;
}
.hhs-nav-links li {
  font-size:14px !important;
  letter-spacing:2px;
}
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu p a {
  font-family: 'SuisseIntl';
}

.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
  display:flex;
}
.hhs-nav-links img {
  width:14px;
  margin-left:5px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  display:flex;
}

.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu p a.sublink {
  font-size:24px !important;
  padding:0px !important;
}
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu p a.arrow-text {
  font-size:24px !important;
  padding:0px !important;
}

.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li .mega-menu p a.sublink:hover {
  font-size:24px !important;
  background:transparent !important;
  text-decoration:underline !important;
  
}
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li .mega-menu p a.arrow-text:hover {
  font-size:24px !important;
  background:transparent !important;
  text-decoration:none !important;
  
}
.arrow {
  display: inline-block; /* Allows transform */
  margin-left: 5px;
  transition: transform 0.3s ease; /* Smooth movement */
}
.arrow-text:hover .arrow {
  transform: translateX(8px); /* Moves arrow 8px to the right */
}
.mega-text-con {
  width:100%;
}
.timeline-slider-outer .inner .swiper-slide.slider_time_item.time_box.type_one.swiper-slide-active .content_box {
    border-radius: 30px !important;
}
.timeline-slider-outer .inner .main-head h2 {
    margin-bottom: 4rem !important;
    text-align: left !important;
}
.timeline-slider-outer .inner .top-head h3 {
    margin-bottom: 10px;
    text-align: left !important;
}
.timeline_slider_by_growmeda .content-wrapper {
  max-width:1400px !important;
}
.timeline-slider-outer .inner .slidertime .time_box.type_one .date_box p:before {
    background: #dbff00 !important;
}

.blog-index__post img {
    width: 100% !important;
    object-fit: cover;
    max-height: 277px;
}

.container-slim.content-area-width {
    max-width: 1400px !important;
}
p.glossary-header {
 letter-spacing: 3px;
}
.blog-pagination {
    margin: 5rem auto 3.3rem;
}

.post-page-full {
  max-width:1100px;
  margin:0 auto;
} 
/*CUSTOM LP*/
    list-style: none;
    margin-top: 32px;
   padding-inline-start: 0px !important;
}
  .list-light li {
    color: #dddddd;
    border-bottom-color: #212121;
}
.proof-list li {
    display: flex;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid #3c3c3c;
    font-size: 0.93rem;
    line-height: 1.55;
}
  .arrow {
    color: #d8ff00;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
}
  .c-card img {
    margin-left:0;
  }
.step-list {
    list-style: none;
    margin-top: 28px;
}
.step-list li {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    padding: 14px 0;
    border-bottom: 1px solid #3c3c3c;
    font-size: 0.93rem;
    color: #cccccc;
    line-height: 1.5;
}
span.step-num {
    width: 28px;
    height: 28px;
    background: #d8ff00;
    color: #000000;
  font-family: SuisseIntl-bold;
    font-size: 0.78rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}