/* ---------------------------
   Default CSS Start
----------------------------- */
/* ---------------------------
   Default CSS End
----------------------------- */




/* ---------------------------
   Global CSS Start
----------------------------- */
.templateceo-shop-list { width:100%; position:relative; background: var(--baselightbg); overflow: hidden; padding: 90px 0 40px;}
.templateceo-shop-list .container{max-width: 1730px; position:relative;}
.templateceo-shop-list .templateceo-shop-inner { border: 1px solid #DADADA; border-radius: 6px; padding: 25px 22px 30px; text-align: center; height: 100%;}
.templateceo-shop-list .templateceo-shop-img {width: 100%; position: relative; display: block; margin: 0 0 18px;}
.templateceo-shop-list .templateceo-shop-img img {width: auto; height: 300px; display: block; object-fit: cover; transition: 0.5s; margin: 0 auto;}
.templateceo-shop-list .templateceo-shop-inner h6 a,
.templateceo-shop-list .templateceo-shop-inner h6 {letter-spacing: 0.3px; font-size: var(--heading-size-h6); font-weight: var(--heading-weight-h6); font-family: var(--body-font); line-height: var(--heading-lineheight-h6); color: var(--primary-hover); margin: 0 0 12px; transition: 0.3s all; text-decoration: none;}
.templateceo-shop-list .templateceo-shop-inner:hover h6 a {color: var(--primary);}
.templateceo-shop-list .templateceo-shop-inner p{letter-spacing: 0.3px; margin: 0; font-size: var(--body-size); font-weight: var(--paragraph-weight); font-family: var(--paragraph-font); color: var(--gray-text-colour); line-height: var(--paragraph-lineheight); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.templateceo-shop-list .templateceo-podcast-pagination { display: flex; justify-content: center; align-items: center; gap: 24px; margin-top: 30px;}
.templateceo-shop-list .templateceo-podcast-pagination .btn-pagination { width: 70px; height: 70px; border-radius: 50%; border: 1px solid var(--primary); position: relative; outline: none; color: var(--primary); transition: 0.3s all; background: var(--white-bg); display: flex; justify-content: center; align-items: center;}
.templateceo-shop-list .templateceo-podcast-pagination .btn-pagination:hover { background: var(--primary); color: var(--white-text);}
.templateceo-shop-list .templateceo-podcast-pagination .page-number { color: #717171; font-family: var(--body-font); font-size: calc(var(--heading-size-h2) - 3px); font-weight: var(--body-weight);}
.templateceo-shop-list .templateceo-podcast-pagination .page-number.active {color: var(--secondary);}

.templateceo-shop-list .templateceo-shop-cart { display: flex; justify-content: space-between; margin-top: 30px; gap: 15px; padding: 0;}
.templateceo-shop-list .templateceo-shop-inner p.price{color: #556B2F; font-weight: 700; font-size: 22px; letter-spacing: 0.3px;}
.templateceo-shop-list .cart-btn { background: #8C8C8C; border: 0; border-radius: 3px; font-size: 18px; font-weight: 700; color: #fff; line-height: normal; padding: 4px 20px 6px;  display: inline-flex; align-items: center; gap: 10px; outline: none; font-family: var(--body-font);} 
.templateceo-shop-list .qty-control{ display:flex; align-items:center; gap:10px; background: #2A2A2A; color:white; padding:5px 6px; border-radius:3px;}
.templateceo-shop-list .qty-btn{ width: 25px; height: 25px; border-radius: 0; display: inline-grid; place-items: center; cursor: pointer; user-select: none; font-size: 18px; background: transparent; color: white; border: none; padding: 0; outline: none;}
.templateceo-shop-list .qty-display{text-align:center; font-size: 18px; font-weight: 700; color: #fff; line-height: normal; font-family: var(--body-font);}


.templateceo-shop-list .theme_section_title h2{margin: 0; font-size: 36px; font-weight: 400; font-family: 'TeXGyreAdventor'; color: #000000; line-height: normal; letter-spacing: 0.6px;}
.templateceo-shop-list .theme_section_title h2 span{background: #E0E6D4; border: 1px solid #7D9D45; border-radius: 5px; font-weight: 700; padding: 0 20px;}
.templateceo-shop-list .theme-section-heading {margin-bottom: 50px;}
.templateceo-shop-list .owl-dots{text-align: center; display: flex; align-items: center; justify-content: center; margin-top: 44px;}
.templateceo-shop-list .owl-dots button.owl-dot{width: 12px; height: 12px; border-radius: 50px; background: rgba(0, 0, 0, 0.1); margin: 0 4px; transition: 0.3s all; outline: none;}
.templateceo-shop-list .owl-dots button.owl-dot.active{background: #556B2F;}
.templateceo-shop-list .owl-nav {position: absolute; top: -90px; right: 20px; display: flex; gap: 18px;}
.templateceo-shop-list .owl-carousel .owl-nav button.owl-prev, .templateceo-shop-list .owl-carousel .owl-nav button.owl-next {width: 50px; height: 50px; border-radius: 50%; border: 1px solid #556B2F; position: relative; outline: none; color: #556B2F; transition: 0.3s all;}
.templateceo-shop-list .owl-carousel .owl-nav button.owl-prev:hover, .templateceo-shop-list .owl-carousel .owl-nav button.owl-next:hover{background: #556B2F; color: #FFFFFF;}

.templateceo-shop-list .owl-stage{display: flex;}
.templateceo-shop-list .owl-stage .item{height: 100%;}


/* Shop Page CSS Start */
.product-filter-sidebar .accordion {
    border: 0;
    border-radius: 0;
}

.product-filter-sidebar .accordion .product-filter-block {
    border: 0;
    border-radius: 0;
    margin-bottom: 12px;
}

.product-filter-sidebar .accordion .accordion-button {
    background: #f7f7f7;
    border-radius: 0;
    margin-bottom: 0;
    font-family: 'TeXGyreAdventor';
    font-weight: 600;
    font-size: 16px;
    padding: 18px 16px;
    color: #000000;
   box-shadow: none;
}

.product-filter-sidebar .accordion .accordion-collapse {
    background: #f7f7f7;
    border: 0;
}

.product-filter-sidebar .accordion .accordion-body{
   padding: 16px;
    border-top: 1px solid #ebebeb;
}

.product-filter-sidebar .accordion .accordion-button:not(.collapsed){
   color: #556B2F;
}

.product-filter-sidebar .accordion .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M7 1v12M1 7h12' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: 14px;
  width: 14px;
   height: 14px;
  transform: none;
}

.product-filter-sidebar .accordion .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M1 7h12' stroke='%23556B2F' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.product-filter-sidebar .accordion .form-check-input{
   box-shadow: none;
}

.product-filter-sidebar .accordion .form-check-input:checked {
    background-color: #556B2F;
    border-color: #556B2F;
}

.product-filter-sidebar .accordion .form-check-label{
   font-weight: 400;
   font-size: 14px;
   color: #000000;
   font-family: 'TeXGyreAdventor';
}

.product-filter-sidebar .accordion .form-control.shadow-none{
   font-weight: 400;
   font-size: 14px;
   color: #000000;
   font-family: 'TeXGyreAdventor';
   padding: 12px;
}


@media (max-width: 1199.98px) {
    .templateceo-shop-list .theme_section_title h2{font-size: 32px;}
    .templateceo-shop-list .theme_section_title h2 span{padding: 0 12px;}
}

@media (max-width: 991.98px) {
   .templateceo-shop-list{padding: 50px 0 40px;}
   .templateceo-shop-list .templateceo-shop-img img{height: 200px;}
   .templateceo-shop-list .templateceo-shop-inner h6 a, .templateceo-shop-list .templateceo-shop-inner h6{font-size: var(--tablet-heading-size-h6); margin: 0 0 5px;}
   .templateceo-shop-list .templateceo-shop-inner{padding: 20px 15px;}
   .templateceo-shop-list .templateceo-shop-inner p{font-size: var(--tablet-body-size);}

   .templateceo-shop-list .templateceo-podcast-pagination,
   .templateceo-shop-list.templateceo-podcast-date{gap: 12px; margin-top: 20px;}
   .templateceo-shop-list .templateceo-podcast-pagination .btn-pagination{width: 50px; height: 50px;}
   .templateceo-shop-list .templateceo-podcast-pagination .page-number{font-size: var(--mobile-heading-size-h2);}
   .templateceo-shop-list .templateceo-podcast-pagination .btn-pagination svg{width: 24px; height: 24px;}

   .templateceo-shop-list .templateceo-shop-inner p.price{font-size: 18px;}
   .templateceo-shop-list .cart-btn{font-size: 14px; padding: 4px 14px 6px; gap: 6px;}
   .templateceo-shop-list .templateceo-shop-cart{margin-top: 15px;}
   .templateceo-shop-list .qty-display{font-size: 14px;}
   .templateceo-shop-list .qty-btn {width: 21px; height: 21px;}

   .templateceo-shop-list .theme_section_title h2{font-size: 24px;}
   .templateceo-shop-list .theme-section-heading{margin-bottom: 30px;}
}

@media (max-width: 767.98px) {
   .templateceo-shop-list .templateceo-shop-img img {height: 150px;}
   .templateceo-shop-list .templateceo-shop-inner p {font-size: var(--mobile-body-size);}

   .templateceo-shop-list .owl-dots{margin-top: 24px;}
}
/* ---------------------------
   Global CSS End
----------------------------- */


