/* ===== side-wide/button.css ===== */
/*Begin Custom Button*/
/*woocommerce button*/
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{
    border: 1px solid var(--bzo-main-color);
    color: #000;
    text-transform: capitalize;
    font-weight: 400;
    padding: 11px 20px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    z-index: 1;
    position: relative;
    font-family: var(--bzo-body_typo-font-family);
    overflow: hidden;
    transition: .2s;
    background: var(--bzo-main-color);
    position: relative;
    overflow: hidden;
    opacity: 0.6;
}

.woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover{
    color: var(--bzo-main-color);
    border-color: var(--bzo-main-color);
    background: #fff;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, 
.button, 
.wishlist_table .product-add-to-cart a, 
.woocommerce #respond input#submit, .woocommerce a.button, 
.woocommerce a.button.alt, .woocommerce button.button, 
.woocommerce input.button{
    border: 1px solid var(--bzo-main-color);
    color: #fff;
    text-transform: capitalize;
    font-weight: 400;
    padding: 11px 20px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    z-index: 1;
    position: relative;
    font-family: var(--bzo-body_typo-font-family);
    overflow: hidden;
    transition: .2s;
    background: var(--bzo-main-color);
    position: relative;
    overflow: hidden;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, 
.button:hover, 
.wishlist_table .product-add-to-cart a:hover, 
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, 
.woocommerce a.button.alt:hover, .woocommerce button.button:hover, 
.woocommerce input.button:hover{
    color:var(--bzo-main-color);
    border-color: var(--bzo-main-color);
    background: #fff;
}

/* btn default */

.woocommerce div.product form.cart button.single_add_to_cart_button, 
.elbzotech-bt-default{
    border: 1px solid var(--bzo-main-color);
    color: #fff;
    font-weight: 400;
    padding: 7px 25px;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    z-index: 1;
    position: relative;
    font-family: var(--bzo-body_typo-font-family);
    overflow: hidden;
    transition: .3s;
    background: var(--bzo-main-color);
    position: relative;
    overflow: hidden;
}
.woocommerce div.product form.cart button.single_add_to_cart_button:hover, 
.elbzotech-bt-default:hover, 
.elbzotech-bt-default:focus
{
    color: var(--bzo-main-color);
    background: #fff;
    
}

@media(max-width: 767px){
    .elbzotech-bt-default{
        font-size: 14px;
        padding: 10px 20px;
    }
}

/*==== btn style 2 ====*/
.elbzotech-bt-style2{
    border: 1px solid var(--bzo-main-color);
    color: var(--bzo-main-color);
    text-transform: uppercase;
    font-weight: 600;
    padding: 11px 25px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 0px;
    display: inline-block;
    cursor: pointer;
    z-index: 1;
    position: relative;
    font-family: var(--bzo-body_typo-font-family);
    overflow: hidden;
    transition: .3s;
    background: #fff;
    position: relative;
    overflow: hidden;
    letter-spacing: 1px;
}
.elbzotech-bt-style2:focus, 
.elbzotech-bt-style2:hover{
    border-color:  var(--bzo-main-color);
    color: #fff;
    background-color: var(--bzo-main-color);

}

/*btn style 3*/
.elbzotech-bt-style3{
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    color: var(--bzo-main-color);
    border-bottom: 1px solid var(--bzo-main-color);
    transition: .3s;
}
.elbzotech-bt-style3:hover{
    color: var(--bzo-main-color2);
    border-color: var(--bzo-main-color2);
}

/*-- btn quick view detail --*/

.detail-quickview{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--bzo-title_typo-color);
    text-transform: uppercase;
    margin-top: 20px;
    display: inline-block;
}
.detail-quickview span {
    border-bottom: 1px solid var(--bzo-title_typo-color);
}
.detail-quickview i {
    margin-left: 5px;
}
.detail-quickview:hover {
    color: var(--bzo-main-color);    
}
.detail-quickview:hover span {
    border-color: var(--bzo-main-color);
}
/*-- end btn quick view detail --*/

/*--- effect hover btn --*/


/* ===== side-wide/comments-template.css ===== */
/************************************
Display comment single post, page by comments_template()
************************************/
/*Begin Comment list post*/ 
.bzotech-blog-list-comment .title-comment-post{
    margin: 0px;
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
} 

.bzotech-blog-list-comment .title-comment-post #cancel-comment-reply-link{
  margin-left: 20px;
  display: inline-block;
  font-weight: 700;
}
.bzotech-blog-list-comment .title-comment-post #cancel-comment-reply-link:hover{
  text-decoration: underline;
}
.bzotech-blog-list-comment{
    margin-top: 40px;
}
.bzotech-blog-form-comment{
    padding: 60px;
    border: 1px solid var(--bzo-border-color);
    margin-top: 40px;
}
@media(max-width: 1200px){
    .bzotech-blog-form-comment{
        padding: 30px;
    }
}
@media(max-width: 767px){
    .bzotech-blog-form-comment {
        padding: 0;
        border: none;
    }
}
.bzotech-blog-form-comment .comment-reply-title{
    color: var(--bzo-title_typo-color);
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
    text-transform: capitalize;
    margin: 0px;
    margin-bottom: 8px;
}
.theme-demo4 .single-blog-style2 .bzotech-blog-form-comment .comment-reply-title, 
.theme-demo3 .single-blog-style2 .bzotech-blog-form-comment .comment-reply-title
{
    font-weight: 400;
}
.bzotech-blog-form-comment .comment-form-cookies-consent label{
    font-weight: 400;
    margin-left: 25px;
    vertical-align: middle;
        margin-bottom: 0px;
}
.bzotech-blog-form-comment .comment-form-cookies-consent{
  margin-bottom: 30px;
  position: relative;
}
.bzotech-blog-form-comment .comment-form-cookies-consent input[type="checkbox"]{
   margin-top:0px;
    position: absolute;
    top:6px;
}
.bzotech-blog-form-comment .comment-form .contact-email, 
.bzotech-blog-form-comment .comment-form .contact-site, 
.bzotech-blog-form-comment .comment-form .contact-name {
    margin-bottom: 30px;
}

.bzotech-blog-form-comment .comment-form .contact-message{
    margin-bottom: 30px;
       clear: both;
   display: flex;
}
.bzotech-blog-form-comment .comment-form input[type="text"], 
.bzotech-blog-form-comment .comment-form textarea
 {
    width: 100%;
    border:1px solid var(--bzo-border-color);
}
.bzotech-blog-form-comment .comment-form .form-submit
 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.bzotech-blog-form-comment .comment-form .form-submit .elbzotech-bt-default
 {
   width: 100%;
}
.bzotech-blog-form-comment .comment-form .control-group
 {
    margin-bottom: 20px;
}
.bzotech-blog-list-comment .title-line{
    margin-bottom: 40px;
}

.bzotech-blog-list-comment .comment-list{
    list-style: none;
    padding-left: 0px;
        margin-bottom: 0px;
}
.bzotech-blog-list-comment .comment-list .comment-thumb img{
    border-radius: 50%;
    height: auto;
    border: 1px solid var(--bzo-main-color);
}
.bzotech-blog-list-comment .comment-list .comment-thumb{
       width: 55px;
    min-width: 55px;
    line-height: 0;
}
.bzotech-blog-list-comment .comment-list .comment-info{
    padding-left: 0px;
    padding-top: 0px;
    width: calc(100% - 50px);
    position: relative;
    margin-left: 15px;
}
.bzotech-blog-list-comment .comment-list .comment-info .author-name, 
.bzotech-blog-list-comment .comment-list .comment-info .author-name a
{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
}
.bzotech-blog-list-comment .comment-list .comment-info .author-name a:hover{
    color: var(--bzo-main-color);
}
.bzotech-blog-list-comment .comment-list .comment-info .author-date
{
    font-size: 14px;
    color: #898989;
        width: calc(100% - 150px);
}
.bzotech-blog-list-comment .comment-list .comment-info .author-name span
{
    font-size: 18px;
    color: #000;
    margin-left: 30px;
    display: inline-block;
    font-weight: 400;
}
.bzotech-blog-list-comment .comment-list .comment-info .author-name
{
    margin-bottom: 5px;
        width: calc(100% - 150px);
}

.bzotech-blog-list-comment .comment-list .comment-info .content-comment>p:last-child{
    margin-bottom: 0px;
}
.bzotech-blog-list-comment .comment-list .comment-info .date{
    margin-top: 12px;
    display: inline-block;
    font-size: 16px;
    color: #999;
}
.bzotech-blog-list-comment .comment-list .comment-info .date span{
    margin-right:5px;
}
.bzotech-blog-list-comment .item-comment .desc-comment-text{
    margin-top: 30px;
}
.bzotech-blog-list-comment .comment-list>li .item-comment {
    border: 1px solid var(--bzo-border-color);
    padding: 30px;
    margin-top: 30px;
    border-radius: 5px
}
.bzotech-blog-list-comment .comment-list>li:first-child>.item-comment {
    margin-top: 0px;

}
.comment-list .comment-reply-link {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0;
    border-bottom: 1px solid var(--bzo-gray-color);
    line-height: 22px;
}
.comment-list .comment-reply-link:hover{
    border-color: var(--bzo-main-color);
}
.comment-list .comment-respond{
    margin-bottom:30px;
    padding: 0;
    border: none;
    margin-top: 30px;
}
#cancel-comment-reply-link{
    font-size: 20px;
}

.comment-list ul{
    list-style: none;
}
.comment-list .content-comment ul {
    list-style: disc;
}
.comment-list .children{
    padding-left: 95px;
}
@media (max-width: 1366px){

    .comment-list .children {
        padding-left: 60px;
    }
    
}
@media (max-width: 991px){

    .comment-list .children {
        padding-left: 32px;
    }
    
}
@media (max-width: 768px){

    .comment-list .children {
        padding-left: 0px;
    }
}
@media (max-width: 767px){
   .comment-list .comment-reply-link{
    position: unset;
    margin-top: 20px;
   }
}
/*End Comment list post*/

/*Begin Comment form post*/
.bzotech-blog-form-comment .comment-form .contact-name .title-label, 
.bzotech-blog-form-comment .comment-form .contact-email .title-label, 
.bzotech-blog-form-comment .comment-form .contact-site .title-label, 
.bzotech-blog-form-comment .comment-form .contact-message .title-label{
    display: block;
    font-weight: 400;
    font-size:16px;
    margin-bottom: 9px;
}
.bzotech-blog-form-comment .comment-form .contact-name .title-label span, 
.bzotech-blog-form-comment .comment-form .contact-email .title-label span, 
.bzotech-blog-form-comment .comment-form .contact-site .title-label span, 
.bzotech-blog-form-comment .comment-form .contact-message .title-label span{
    color: #FF3B3B;
}
.bzotech-blog-form-comment .comment-form input[type="text"]{
    height: 50px;
}
.bzotech-blog-form-comment .comment-form input[type="text"], 
.bzotech-blog-form-comment .comment-form textarea{
    width: 100%;
    padding: 0px 20px;
    font-size: var(--bzo-body_typo-font-size);
    background: #fff;
    border-radius: 0px;
} 
.bzotech-blog-form-comment .comment-form textarea{
    padding-top: 14px;
    height: 140px;
}
.bzotech-blog-form-comment .comment-form input[type="text"]::-webkit-input-placeholder, 
.bzotech-blog-form-comment .comment-form textarea::-webkit-input-placeholder 
{ /* Edge */
  color: #666;
}

.bzotech-blog-form-comment .comment-form textarea:-ms-input-placeholder, 
.bzotech-blog-form-comment .comment-form input[type="text"]:-ms-input-placeholder 
{ /* Internet Explorer 10-11 */
  color: #666;
}

.bzotech-blog-form-comment .comment-form textarea::placeholder, 
.bzotech-blog-form-comment .comment-form input[type="text"]::placeholder 
{
  color: #666;
}

p.no-comments{
    margin-bottom: 0px;
    margin-top: 50px;
    background: #f5f5f5;
    padding: 15px 20px;
    color: var(--bzo-title_typo-color);
    border-radius: 0px;
}
.comment-list li.ping-track-back {
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #e1e1e1;
}
.comment-list .ping-track-back .edit-link{
    color: #000;
    margin-left: 10px;
}
.comment-list .ping-track-back .edit-link i{
    margin-right: 3px;
}
/*End comment form post*/
@media(max-width: 1200px){
}
@media(max-width: 767px){
}
/* ===== side-wide/effect-libs.css ===== */
/*Begin Hover CSS*/
@-webkit-keyframes wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px);}
  33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px);}
  49.95%{-webkit-transform:translateY(4px);transform:translateY(4px);}
  66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px);}
  83.25%{-webkit-transform:translateY(1px);transform:translateY(1px);}
  100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes wobble-vertical{16.65%{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px);}
  33.3%{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px);}
  49.95%{-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px);}
  66.6%{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);}
  83.25%{-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px);}
  100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.wobble-vertical{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);}
.wobble-vertical:hover{-webkit-animation-name:wobble-vertical;animation-name:wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;}
@-webkit-keyframes wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px);}
  33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px);}
  49.95%{-webkit-transform:translateX(4px);transform:translateX(4px);}
  66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px);}
  83.25%{-webkit-transform:translateX(1px);transform:translateX(1px);}
  100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes wobble-horizontal{16.65%{-webkit-transform:translateX(8px);-ms-transform:translateX(8px);transform:translateX(8px);}
  33.3%{-webkit-transform:translateX(-6px);-ms-transform:translateX(-6px);transform:translateX(-6px);}
  49.95%{-webkit-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px);}
  66.6%{-webkit-transform:translateX(-2px);-ms-transform:translateX(-2px);transform:translateX(-2px);}
  83.25%{-webkit-transform:translateX(1px);-ms-transform:translateX(1px);transform:translateX(1px);}
  100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.wobble-horizontal{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);}
.wobble-horizontal:hover,a:hover .wobble-horizontal{-webkit-animation-name:wobble-horizontal;animation-name:wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;}
@-webkit-keyframes wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px, 8px);transform:translate(8px, 8px);}
  33.3%{-webkit-transform:translate(-6px, -6px);transform:translate(-6px, -6px);}
  49.95%{-webkit-transform:translate(4px, 4px);transform:translate(4px, 4px);}
  66.6%{-webkit-transform:translate(-2px, -2px);transform:translate(-2px, -2px);}
  83.25%{-webkit-transform:translate(1px, 1px);transform:translate(1px, 1px);}
  100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
}
@keyframes wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px, 8px);-ms-transform:translate(8px, 8px);transform:translate(8px, 8px);}
  33.3%{-webkit-transform:translate(-6px, -6px);-ms-transform:translate(-6px, -6px);transform:translate(-6px, -6px);}
  49.95%{-webkit-transform:translate(4px, 4px);-ms-transform:translate(4px, 4px);transform:translate(4px, 4px);}
  66.6%{-webkit-transform:translate(-2px, -2px);-ms-transform:translate(-2px, -2px);transform:translate(-2px, -2px);}
  83.25%{-webkit-transform:translate(1px, 1px);-ms-transform:translate(1px, 1px);transform:translate(1px, 1px);}
  100%{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);}
}
.wobble-to-bottom-right{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);}
.wobble-to-bottom-right:hover{-webkit-animation-name:wobble-to-bottom-right;animation-name:wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;}
@-webkit-keyframes wobble-to-top-right{16.65%{-webkit-transform:translate(8px, -8px);transform:translate(8px, -8px);}
  33.3%{-webkit-transform:translate(-6px, 6px);transform:translate(-6px, 6px);}
  49.95%{-webkit-transform:translate(4px, -4px);transform:translate(4px, -4px);}
  66.6%{-webkit-transform:translate(-2px, 2px);transform:translate(-2px, 2px);}
  83.25%{-webkit-transform:translate(1px, -1px);transform:translate(1px, -1px);}
  100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
}
@keyframes wobble-to-top-right{16.65%{-webkit-transform:translate(8px, -8px);-ms-transform:translate(8px, -8px);transform:translate(8px, -8px);}
  33.3%{-webkit-transform:translate(-6px, 6px);-ms-transform:translate(-6px, 6px);transform:translate(-6px, 6px);}
  49.95%{-webkit-transform:translate(4px, -4px);-ms-transform:translate(4px, -4px);transform:translate(4px, -4px);}
  66.6%{-webkit-transform:translate(-2px, 2px);-ms-transform:translate(-2px, 2px);transform:translate(-2px, 2px);}
  83.25%{-webkit-transform:translate(1px, -1px);-ms-transform:translate(1px, -1px);transform:translate(1px, -1px);}
  100%{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);}
}
.wobble-to-top-right{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);}
.wobble-to-top-right:hover{-webkit-animation-name:wobble-to-top-right;animation-name:wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;}
@-webkit-keyframes wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg);}
  33.3%{-webkit-transform:skew(10deg);transform:skew(10deg);}
  49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg);}
  66.6%{-webkit-transform:skew(4deg);transform:skew(4deg);}
  83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg);}
  100%{-webkit-transform:skew(0);transform:skew(0);}
}
@keyframes wobble-top{16.65%{-webkit-transform:skew(-12deg);-ms-transform:skew(-12deg);transform:skew(-12deg);}
  33.3%{-webkit-transform:skew(10deg);-ms-transform:skew(10deg);transform:skew(10deg);}
  49.95%{-webkit-transform:skew(-6deg);-ms-transform:skew(-6deg);transform:skew(-6deg);}
  66.6%{-webkit-transform:skew(4deg);-ms-transform:skew(4deg);transform:skew(4deg);}
  83.25%{-webkit-transform:skew(-2deg);-ms-transform:skew(-2deg);transform:skew(-2deg);}
  100%{-webkit-transform:skew(0);-ms-transform:skew(0);transform:skew(0);}
}
.wobble-top{display:inline-block;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);}
.wobble-top:hover{-webkit-animation-name:wobble-top;animation-name:wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;}
@-webkit-keyframes wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg);}
  33.3%{-webkit-transform:skew(10deg);transform:skew(10deg);}
  49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg);}
  66.6%{-webkit-transform:skew(4deg);transform:skew(4deg);}
  83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg);}
  100%{-webkit-transform:skew(0);transform:skew(0);}
}
@keyframes wobble-bottom{16.65%{-webkit-transform:skew(-12deg);-ms-transform:skew(-12deg);transform:skew(-12deg);}
  33.3%{-webkit-transform:skew(10deg);-ms-transform:skew(10deg);transform:skew(10deg);}
  49.95%{-webkit-transform:skew(-6deg);-ms-transform:skew(-6deg);transform:skew(-6deg);}
  66.6%{-webkit-transform:skew(4deg);-ms-transform:skew(4deg);transform:skew(4deg);}
  83.25%{-webkit-transform:skew(-2deg);-ms-transform:skew(-2deg);transform:skew(-2deg);}
  100%{-webkit-transform:skew(0);-ms-transform:skew(0);transform:skew(0);}
}
.wobble-bottom{display:inline-block;-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);}
.wobble-bottom:hover{-webkit-animation-name:wobble-bottom;animation-name:wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;}
.slider-content-text>p:last-child{
  margin-bottom: 0px;
}
@-webkit-keyframes xoayvong{
    from{
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
    }
    to{
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
    }
}
/* Standard syntax */ 
@keyframes xoayvong {
    from{
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
    }
    to{
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
    }
}
.xoayvong {
    animation: xoayvong 2s linear 0s infinite;
    -webkit-animation: xoayvong 2s linear 0s infinite;
    -moz-animation: xoayvong 2s linear 0s infinite;
    -o-animation: xoayvong 2s linear 0s infinite; 
}
/*End Hover CSS*/

/*Effect image adv*/
.banner-advs {
  position: relative;
  line-height: 0;
}
.adv-thumb-link {
  display: block;
  position: relative;
  line-height: 0;
}
.adv-thumb-link > img {
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  width: 100%;
}
/*Zoom Rotate*/
.zoom-rotate .adv-thumb-link > img {
  transform: scale(1) rotate(0);
  -webkit-transform: scale(1) rotate(0);
}
.zoom-rotate:hover .adv-thumb-link > img {
  transform: scale(1.1) rotate(4deg);
  -webkit-transform: scale(1.1) rotate(4deg);
}
/*Zoom Image*/
.zoom-image:hover .adv-thumb-link > img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.zoom-image .adv-thumb-link > img {
  transition: all 1s cubic-bezier(0, 0, 0.1, 1);
    transition-delay: .1s;
}
/*Fade Out In*/
.fade-out-in .adv-thumb-link::before, 
.fade-out-in .adv-thumb-link::after, 
.fade-in-out .adv-thumb-link::before, 
.fade-in-out .adv-thumb-link::after, 
.overlay-image .adv-thumb-link::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.fade-out-in:hover .adv-thumb-link::before {
  opacity: 1;
  top: 50%;
  bottom: 50%;
}
.fade-out-in:hover .adv-thumb-link::after {
  opacity: 1;
  left: 50%;
  right: 50%;
}
/*Fade In Out*/
.fade-in-out .adv-thumb-link::before {
  opacity: 1;
  top: 50%;
  bottom: 50%;
}
.fade-in-out .adv-thumb-link::after {
  opacity: 1;
  left: 50%;
  right: 50%;
}
.fade-in-out:hover .adv-thumb-link::before {
  opacity: 0;
  top: 0;
  bottom: 0;
}
.fade-in-out:hover .adv-thumb-link::after {
  opacity: 0;
  left: 0;
  right: 0;
}
/*Pull Curtain*/
.pull-curtain .adv-thumb-link::before {
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.1);
  content: "";
  position: absolute;
  z-index: 1;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.pull-curtain .adv-thumb-link::after {
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.1);
  content: "";
  position: absolute;
  z-index: 1;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.pull-curtain:hover .adv-thumb-link::before, 
.pull-curtain:hover .adv-thumb-link::after {
  width: 100%;
  height: 100%;
  opacity: 1;
}
/*Overlay Image*/
.overlay-image .adv-thumb-link::after {
  background: rgba(0, 0, 0, 0.1);
}
.overlay-image:hover .adv-thumb-link::after {
  opacity: 1;
}

/*Overlay Image Style 2*/
.overlay-image-style2 .adv-thumb-link::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.15) 70%);
    content: '';
    opacity: 0;
    transition: opacity 0.4s,transform 0.4s;
}
.overlay-image-style2:hover .adv-thumb-link::after {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
/*Overlay Image Style 2*/
/*Blue Image*/
.blur-image:hover .adv-thumb-link img {
  filter: blur(5px);
  -webkit-filter: blur(5px);
}
/*Gray Image*/
.gray-image:hover .adv-thumb-link img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
/*Zoom Out*/
.zoom-out .adv-thumb-link img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(3);
  -webkit-transform: scale(3);
}
.zoom-out:hover .adv-thumb-link img {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
}
/*Line Scale*/
.line-scale .adv-thumb-link::before {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  content: "";
  border-top: 1px solid rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  z-index: 1;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.line-scale .adv-thumb-link::after {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  content: "";
  border-left: 1px solid rgba(255, 255, 255, 0.7);
  border-right: 1px solid rgba(255, 255, 255, 0.7);
  z-index: 1;
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.line-scale:hover .adv-thumb-link::before, 
.line-scale:hover .adv-thumb-link::after {
  transform: scale(1);
  -webkit-transform: scale(1);
}
.folding-the-edge{

}
.folding-the-edge .adv-thumb-link:before{
    content: '';
    right: 0; 
    top: 0;
    position: absolute;
    transition-duration: 0.5s; 
    border-bottom: 70px solid var(--bzo-main-color); 
    border-right: 70px solid #fff3f0; 
}
.folding-the-edge .adv-thumb-link:hover:before{
    border-bottom: 0px solid var(--bzo-main-color);
    border-right: 0px solid #fff3f0;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(0.8, 0.8);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.8, 0.8);
  }
}
.hover-icon .effect-hover-icon{
  position: absolute;
  right: 0px; 
  top: 0px;
  bottom: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
   transform: scaleY(0);
     -webkit-transform: scaleY(0);
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.hover-icon:hover .effect-hover-icon{
   transform: scale(1);
}
/*End Effect image adv*/
/* effect shine */
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
.shine-effect-hover .adv-thumb-link{
    border-radius: 15px;
    position: relative;
}
.shine-effect-hover .adv-thumb-link::before{
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.shine-effect-hover .adv-thumb-link:hover::before{
    -webkit-animation: shine .85s;
    animation: shine .85s;
}

.shake {
  animation: shake 2s ease infinite;
}
@keyframes shake-horizontal {
  0%, 100% {transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {transform: translateX(-3px);}
  20%, 40%, 60%, 80% {transform: translateX(3px);}
}
@keyframes shake-vertical {
  0%, 100% {transform: translateY(0);}
  10%, 30%, 50%, 70%, 90% {transform: translateY(-3px);}
  20%, 40%, 60%, 80% {transform: translateY(3px);}
}

@keyframes imgTrans {
  from {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  to {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes bzo-scroll{
  from {transform: translateX(0) }
  to {transform: translateX(calc(-100%));}
}
@keyframes bzo-scroll2{
  from {transform: translateX(0) }
  to {transform: translateX(calc(0px - 30%));}
}

@keyframes bzo-scroll3{
  from {transform: translateY(0) }
  to {transform: translateY(calc(-100%));}
}
@keyframes bzo-scroll4{
  from {transform: translateY(-100%) }
  to {transform: translateY(calc(0));}
}
/* ===== side-wide/nav-slider.css ===== */
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-pagination {
    position: unset;
}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
    position: unset;
    width: auto;
}
/*Pagination slider */
.gallery-thumbs.swiper-container-vertical .swiper-wrapper{
    display: block;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, 
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    display: none;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.display-swiper-pagination-style1 .swiper-pagination{
    position: relative;
}
.display-swiper-pagination-style1 .swiper-pagination-bullet{
    height: 14px;
    width: 14px;
    border: 2px solid #cfcfcf;
    background: transparent;
    border-radius: 0px;
    display: inline-block;
    opacity: 1;
    margin-right: 15px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
.display-swiper-pagination-style1 .swiper-pagination-bullet:last-child{
    margin-right: 0px;
}
.display-swiper-pagination-style1 .swiper-pagination-bullet-active, 
.display-swiper-pagination-style1 .swiper-pagination-bullet:hover
{
    border-color: #2e2e2e;
}
/*======== dots round ======*/
.display-swiper-pagination-style2 .swiper-pagination{
    width: 100%;
    position: relative;
    margin-top: 10px;
}
.display-swiper-pagination-style2 .swiper-pagination-bullets{
    display: flex;
    justify-content: center;
}
.display-swiper-pagination-style2 .swiper-pagination-bullet{
    height: 12px;
    width: 12px;
    border-radius: 8px;
    background:  #fff;
    border: 1px solid var(--bzo-border-color);
    position: relative;
    margin: 0 8px;
    opacity: 1;
    transition: .2s;
}
.display-swiper-pagination-style2 .swiper-pagination-bullet:last-child{
    margin-right:0px;
}


.display-swiper-pagination-style2 .swiper-pagination-bullet:hover{
    background: var(--bzo-main-color);
    border-color: var(--bzo-main-color);
}
.display-swiper-pagination-style2 .swiper-pagination-bullet-active{
    background: var(--bzo-main-color);
    border-color: var(--bzo-main-color);
    width: 26px;
}

/*------------------*/
.display-swiper-pagination-style3 .swiper-pagination-bullet{
    height: 5px;
    width: 25px;
    background: #e4e4e4;
    position: relative;
    margin-right: 10px;
    border-radius: 0px;
    opacity: 1;
}
.display-swiper-pagination-style3 .swiper-pagination-bullet-active{
    background: var(--bzo-main-color);
}
.display-swiper-pagination-style3 .swiper-pagination {
    width: 100%;
    margin-top:32px;
}
.display-swiper-pagination-style3 .swiper-pagination-bullet:last-child{
    margin-right:0px;
}
/*------------------------*/

.display-swiper-pagination-style4 .swiper-pagination-bullet{
    height: 10px;
    width: 10px;
    background: #EBEBEB;
    position: relative;
    margin-right: 12px;
    border-radius: 50%;
    opacity: 1;
}
.display-swiper-pagination-style4 .swiper-pagination-bullet:hover{
    background: #fff;
}
.display-swiper-pagination-style4 .swiper-pagination-bullet-active{
    background: #fff;
    width: 50px;
    border-radius: 12px;
}
.display-swiper-pagination-style4 .swiper-pagination {
    width: 100%;
}
.display-swiper-pagination-style4 .swiper-pagination-bullet:last-child{
    margin-right:0px;
}
/*-------------------------*/
.display-swiper-pagination-number .swiper-pagination-bullet:before{
    content: '';
    width: 50px;
    height: 50px;
    line-height: 55px;
    display: inline-block;
    background: transparent;
    transform: rotate(45deg);
    position: absolute;
    z-index: -1;
    left: 1px;
    top: 3px;
}
.display-swiper-pagination-number .swiper-pagination-bullet{
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 55px;
    margin-right: 15px;
    background: transparent;
    color: #000;
    display: inline-block;
    border-radius: 0;
    opacity: 1;
    font-size: 24px;
    text-align: center;
}
.display-swiper-pagination-number .swiper-pagination-bullet.swiper-pagination-bullet-active{
    color: #fff;
}
.display-swiper-pagination-number .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
    background: #ffbc7b;
}
@media(max-width: 1200px){
    .display-swiper-pagination-number .swiper-pagination-bullet {
        width: 40px;
        height: 40px;
        line-height: 45px;
        font-size: 18px;
    }
    .display-swiper-pagination-number .swiper-pagination-bullet:before {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}
/*-------- Navi slider ---------*/


.elbzotech-wrapper-slider-global .swiper-button-next.swiper-button-disabled, .elbzotech-wrapper-slider-global .swiper-button-prev.swiper-button-disabled{
    opacity: 0;
}
/*================= Navigation group 1 - right ===============*/
.display-swiper-navi-group{
    position: relative;
}
.display-swiper-navi-group .bzotech-swiper-navi{
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 1;
}
.display-swiper-navi-group .bzotech-swiper-navi .swiper-button-nav {
    position: unset;
    width: 32px;
    height: 16px;
    line-height: 16px;
    border-radius: 0px;
    background-color: transparent;
    color: #2e2e2e;
    border: none;
    transition: .3s;
    font-size: 28px;
    margin-left: 15px;
}
.display-swiper-navi-group .bzotech-swiper-navi .swiper-button-prev{
    float: left;
}
.display-swiper-navi-group .bzotech-swiper-navi .swiper-button-next{
    float: right;
}
.display-swiper-navi-group .bzotech-swiper-navi .swiper-button-nav:hover{
    color: var(--bzo-main-color2);
}
/*================= Navigation group 1 - top-right ===============*/
.display-swiper-navi-group-top-right{
    position: relative;
}
.display-swiper-navi-group-top-right .bzotech-swiper-navi{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
}
.display-swiper-navi-group-top-right .bzotech-swiper-navi .swiper-button-nav {
    position: unset;
    width: 32px;
    height: 16px;
    line-height: 16px;
    border-radius: 0px;
    background-color: transparent;
    color: #2e2e2e;
    border: none;
    transition: .3s;
    font-size: 28px;
    margin-left: 15px;
}
.display-swiper-navi-group-top-right .bzotech-swiper-navi .swiper-button-prev{
    float: left;
}
.display-swiper-navi-group-top-right .bzotech-swiper-navi .swiper-button-next{
    float: right;
}
.display-swiper-navi-group-top-right .bzotech-swiper-navi .swiper-button-nav:hover{
    color: var(--bzo-main-color2);
}
/*================= Navigation group 2 - center ===============*/

.display-swiper-navi-group2 .bzotech-swiper-navi{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
}
.display-swiper-navi-group2 .bzotech-swiper-navi .swiper-button-nav {
    position: unset;
    width: 32px;
    height: 16px;
    line-height: 16px;
    border-radius: 0px;
    background-color: transparent;
    color: #2e2e2e;
    border: none;
    transition: .3s;
    font-size: 28px;
    margin: 0 8px;
}
.display-swiper-navi-group2 .bzotech-swiper-navi .swiper-button-prev{
    float: left;
}
.display-swiper-navi-group2 .bzotech-swiper-navi .swiper-button-next{
    float: right;
}
.display-swiper-navi-group2 .bzotech-swiper-navi .swiper-button-nav:hover{
    color: var(--bzo-main-color2);
}
@media(max-width: 767px){
    .display-swiper-navi-group2{
        padding-top: 40px;
    }
}
/*================= Navigation style 1 ===============*/
.display-swiper-navi-style1{
    position: relative;
}
.display-swiper-navi-style1 .bzotech-swiper-navi .swiper-button-nav{
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 16px;
    border-radius: 50%;
    background-color: #fff;
    color: #333;
    border: none;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
    transition: .3s;
    font-size: 18px;
    margin: 0;
}
.display-swiper-navi-style1 .bzotech-swiper-navi .swiper-button-nav:hover{
    background-color: var(--bzo-main-color);
    color: #fff;
}
.display-swiper-navi-style1 .bzotech-swiper-navi .swiper-button-nav.swiper-button-prev {
  left: 0px;
}
.display-swiper-navi-style1 .bzotech-swiper-navi .swiper-button-nav.swiper-button-next {
  right: 0px;  
}
@media(max-width: 1200px){
    .display-swiper-navi-style1 .bzotech-swiper-navi .swiper-button-nav{
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
}

/* ===== side-wide/page-404.css ===== */
/*Begin 404 page*/
.error404 .main-page-default{
    
}
.error404 .wrap-bread-crumb{
    display: none;
}

.content-default-404 .text{
    margin-top: 20px;
    margin-bottom: 20px;
}
.content-default-404 .desc{
    margin-left: auto;
    margin-right: auto;
    line-height: 30px;
    max-width: 1120px;
}
.content-default-404 .img-number{
    display: inline-block;
}
.content-default-404 .elbzotech-bt-default{
    margin-top: 30px;
}
@media(max-width: 1200px){
    .content-default-404 .desc {
        font-size: 18px;
    }
    .content-default-404 .img-number {
        max-width: 80%;
    }
    .content-default-404 .text {
        font-size: 38px;
        line-height: 48px;
    }
    .content-default-404 .title120{
        font-size: 100px;
    }
}
@media(max-width: 767px){
    .content-default-404 .title120{
        font-size: 80px;
    }
    .content-default-404 .text {
        margin-top: 5px;
        margin-bottom: 15px;
        font-size: 32px;
        line-height: 38px;
    }
    .content-default-404 .desc {
        font-size: 14px;
    }
    .content-default-404 .elbzotech-bt-default {
        margin-top: 20px;
    }
}
/*End 404 page*/
/* ===== side-wide/post-items.css ===== */
/*******************************************************************************************************
 02. Blog General 
********************************************************************************************************/ 
/*********** Begin meta post *************/
.meta-post-style1{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 0;
}
.meta-post-style1 .post-meta-data__item{
    display: flex;
    align-items: center;
    font-size: 16px;
}
.meta-post-style1 .post-meta-data__item a{
    color: var(--bzo-body_typo-color);
}
.meta-post-style1 .post-meta-data__item a:hover{
    color: var(--bzo-main-color2);
}
.meta-post-style1 .post-meta-data__content{
    display: flex;
    align-items: center;
    gap: 5px;
}
.meta-post-style1 .post-meta-data__content>i{
    font-size: 18px;
}
.meta-post-style1 .comments-item .post-meta-data__content>i{
    display: block;
}
.meta-post-style1 .split {
    display: inline-block;
    width: 1px;
    height: 14px;
    margin: 0 15px;
    vertical-align: middle;
}
/*-----------------------------------*/
.style-item-meta__cats .post-meta-data__content{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.style-item-meta__cats .meta-cats a{
    background: linear-gradient(0deg,rgba(0,0,0,.06),rgba(0,0,0,.06)),#FFFFFF;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
}
.style-item-meta__cats .meta-cats a:hover{
    color: #fff;
   background: var(--bzo-main-color);
}
.style-item-meta__cats .post-meta-data__content>i, 
.style-item-meta__cats .post-meta-data__content>span
{
    display: none;
}

/*-----------------------------------*/
.style2-item-meta__cats .post-meta-data__content{
    display: flex;
    flex-wrap: wrap;
    gap: 5px 15px;
}
.style2-item-meta__cats .meta-cats a{
    color: var(--bzo-body_typo-color);
}
.style2-item-meta__cats .meta-cats a:hover{
    color: var(--bzo-main-color);
}
.style2-item-meta__cats .post-meta-data__content>i, 
.style2-item-meta__cats .post-meta-data__content>span
{
    display: none;
}

/*-------------------------*/
.meta-post-style2 {
      display: flex;
    flex-wrap: wrap;
    gap:  5px 20px;
    align-items: center;
}
.meta-post-style2 .post-meta-data__content i{
    display: none;
}
.meta-post-style2 .post-meta-data__content{
    display: flex;
    align-items: center;
    gap:  10px;
}
.meta-post-style2 .avata img{
        border-radius: 50%;
}
/*----------------------------*/
.meta-post-style3 {
    display: flex;
    flex-wrap: wrap;
    gap:  5px 15px;
    align-items: center;

}
.meta-post-style3 .post-meta-data__content{
    display: flex;
    gap:  5px 10px;
    align-items: center;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 16px;
}
.meta-post-style3 .post-meta-data__content a{
    color: var(--bzo-body_typo-color);
}
.meta-post-style3 .post-meta-data__content a: hover{
    color: var(--bzo-main-color);
}
.meta-post-style3 .post-meta-data__content i{
    font-size: 16px;
}
/*--------------------------------------------*/


/*Begin Column item posts*/

.blog-grid-view  .list-post-wrap{
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.list-col-item{
    padding: 0 var(--bzo-gutter);
}
/*meida widescreen*/
@media (min-width: 2400px){
    .list-1-item-widescreen{
         width: 100%;
    }
    .list-2-item-widescreen{
         width: 50%;
    }
    .list-3-item-widescreen{
         width: 33.3333%;
    }
    .list-4-item-widescreen{
         width: 25%;
    }
    .list-5-item-widescreen{
         width: 20%;
    }
    .list-6-item-widescreen{
         width: 16.66666667%;
    }
    .list-7-item-widescreen{
         width: 14.2857%;
    }
    .list-8-item-widescreen{
         width: 12.5%;
    }
    .list-9-item-widescreen{
         width: 11.111%;
    }
    .list-10-item-widescreen{
         width: 10%;
    }
}
/*meida desktop 2399px - 1367px*/
.list-1-item{
    width: 100%;
}
.list-2-item{
    width: 50%;
}
.list-3-item{
    width: 33.3333%;
}
.list-4-item{
    width: 25%;
}

.list-5-item{
    width: 20%;
}
.list-6-item{
    width: 16.66666667%;
}
.list-7-item{
    width: 14.2857%;
}
.list-8-item{
    width: 12.5%;
}
.list-9-item{
    width: 11.111%;
}
.list-10-item{
    width: 10%;
}
/*meida laptop*/
@media (max-width: 1366px){
    .list-1-item-laptop{
         width: 100%;
    }
    .list-2-item-laptop{
         width: 50%;
    }
    .list-3-item-laptop{
         width: 33.3333%;
    }
    .list-4-item-laptop{
         width: 25%;
    }
    .list-5-item-laptop{
         width: 20%;
    }
    .list-6-item-laptop{
         width: 16.66666667%;
    }
    .list-7-item-laptop{
         width: 14.2857%;
    }
    .list-8-item-laptop{
         width: 12.5%;
    }
    .list-9-item-laptop{
         width: 11.111%;
    }
    .list-10-item-laptop{
         width: 10%;
    }
}
/*meida table extra*/
@media (max-width: 1200px){
    .list-1-item-tablet-extra{
         width: 100%;
    }
    .list-2-item-tablet-extra{
         width: 50%;
    }
    .list-3-item-tablet-extra{
         width: 33.3333%;
    }
    .list-4-item-tablet-extra{
         width: 25%;
    }
    .list-5-item-tablet-extra{
         width: 20%;
    }
    .list-6-item-tablet-extra{
         width: 16.66666667%;
    }
    .list-7-item-tablet-extra{
         width: 14.2857%;
    }
    .list-8-item-tablet-extra{
         width: 12.5%;
    }
    .list-9-item-tablet-extra{
         width: 11.111%;
    }
    .list-10-item-tablet-extra{
         width: 10%;
    }
}
/*meida table*/
@media (max-width: 1024px){
    .list-1-item-tablet{
         width: 100%;
    }
    .list-2-item-tablet{
         width: 50%;
    }
    .list-3-item-tablet{
         width: 33.3333%;
    }
    .list-4-item-tablet{
         width: 25%;
    }
    .list-5-item-tablet{
         width: 20%;
    }
    .list-6-item-tablet{
         width: 16.66666667%;
    }
    .list-7-item-tablet{
         width: 14.2857%;
    }
    .list-8-item-tablet{
         width: 12.5%;
    }
    .list-9-item-tablet{
         width: 11.111%;
    }
    .list-10-item-tablet{
         width: 10%;
    }
}
/*meida Mobile Extra*/
@media (max-width: 880px){
    .list-1-item-mobile-extra{
         width: 100%;
    }
    .list-2-item-mobile-extra{
         width: 50%;
    }
    .list-3-item-mobile-extra{
         width: 33.3333%;
    }
    .list-4-item-mobile-extra{
         width: 25%;
    }
    .list-5-item-mobile-extra{
         width: 20%;
    }
    .list-6-item-mobile-extra{
         width: 16.66666667%;
    }
    .list-7-item-mobile-extra{
         width: 14.2857%;
    }
    .list-8-item-mobile-extra{
         width: 12.5%;
    }
    .list-9-item-mobile-extra{
         width: 11.111%;
    }
    .list-10-item-mobile-extra{
         width: 10%;
    }
}
/*meida Mobile*/
@media (max-width: 767px){
    .list-1-item-mobile{
         width: 100%;
    }
    .list-2-item-mobile{
         width: 50%;
    }
    .list-3-item-mobile{
         width: 33.3333%;
    }
    .list-4-item-mobile{
         width: 25%;
    }
    .list-5-item-mobile{
         width: 20%;
    }
    .list-6-item-mobile{
         width: 16.66666667%;
    }
    .list-7-item-mobile{
         width: 14.2857%;
    }
    .list-8-item-mobile{
         width: 12.5%;
    }
    .list-9-item-mobile{
         width: 11.111%;
    }
    .list-10-item-mobile{
         width: 10%;
    }
}

.swiper-wrapper.bzotech-row{
    margin-left: 0;
    margin-right: 0;
}
@media (max-width: 1200px){
    .list-post-wrap,
    .list-product-wrap{
        margin-right: -10px;
        margin-left: -10px;
    }
    .list-col-item {
        padding: 0 10px;
    }
}
@media (max-width: 375px){
    .list-2-item-mobile,.list-2-item-mobile-extra,.list-2-item-tablet,.list-2-item-tablet-extra,.list-2-item-laptop,.list-2-item,.list-2-item-widescreen,
    .list-3-item-mobile,.list-3-item-mobile-extra,.list-3-item-tablet,.list-2-item-tablet-extra,.list-3-item-laptop,.list-2-item,.list-3-item-widescreen{
        width: 100%;
    }
}
/*End column item Posts*/

/*Begin Style Post item*/

/*1. defaut style*/
.item-post-wg .zoom-image:hover .adv-thumb-link img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transition: all 0.3s linear 0s;
}
.item-post-wg .zoom-image:hover .adv-thumb-link img {
  transition: all 0.3s linear 0s;
}
/*--------------*/

.popup-share-content{
    display: none;
}
.popup-share span{
    display: none;
}
.share-popup-content-open{
    background:rgb(0 0 0 / 80%);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    z-index: 9999;
    right: 0;
    display: none;
    justify-content: center;
    align-items: center;
}
.share-popup-content-open> i{
    position: absolute;
    right: 50px;
    color: #fff;
    top: 50px;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}
.share-popup-content-open ul{
    background: #fff;
    padding: 35px 35px 30px;
    border-radius: 5px;
}
.share-popup-content-open ul a{
    display: inline-block;
    line-height: 0;
    font-size: 30px;
}
.share-popup-content-open ul li{
    margin-right: 20px;
}
.share-popup-content-open ul li:last-child{
    margin-right: 0px;
}
.share-popup-content-open.active{
    display: flex;
}
.post-thumb{
    position: relative;
}
/*---------------Begin grid post style 2 -------------------*/

.blog-grid-post-item-style2 .item-post{
    margin-bottom: 30px;
    position: relative;
}
.blog-grid-post-item-style2 .list-post-wrap{
    margin-bottom: -30px;
}
.item-grid-post-style2 .item-post .item-post-inner{
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.item-grid-post-style2 .item-post .post-thumb{
    position: relative;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}
.item-grid-post-style2 .item-post .post-thumb::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
    opacity: 0;
     transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}
.item-grid-post-style2 .item-post:hover .post-thumb::before{
    opacity: 1;
}
.item-grid-post-style2 .item-post:hover .meta-post-style2{
    opacity: 1;
    transition: all 0.2s ease-out 0s;
}
.item-grid-post-style2 .date-thumb{
    position: absolute;
    top: 20px;
    left: -10px;
    display: inline-block;
    z-index: 2;
}
.item-grid-post-style2 .date-thumb span{
    background: var(--bzo-main-color);
    border-radius: 0px 30px 30px 0px;
    line-height: 36px;
    padding: 0 30px;
    display: block;
    z-index: 1;
    position: relative;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.item-grid-post-style2 .date-thumb::after{
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid var(--bzo-main-color-mix-black);
    position: absolute;
    left: 0;
    bottom: -10px;
    content: "";
}

.item-grid-post-style2 .item-post .post-title{
    position: absolute;
    top: 50px;
    z-index: 2;
    left: 45px;
    right: 45px;
    padding: 20px 0px;
    margin: 0;
}
.item-grid-post-style2 .item-post .post-title a{
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
    opacity: 0;
}
.item-grid-post-style2:hover .item-post .post-title a{
    opacity: 1;
}
.item-grid-post-style2 .item-post .post-title a::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: transparent;
}
.item-grid-post-style2 .item-post:hover .post-title a::before{
    background-color: #fff;
}
.item-grid-post-style2 .item-post .post-info{
    position: absolute;
    bottom: 10px;
    left: 45px;
    right: 45px;
    z-index: 2;
}
.item-grid-post-style2 .meta-post-style2 .post-meta-data__item,
.item-grid-post-style2 .meta-post-style2 .post-meta-data__item a
{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}
.item-grid-post-style2 .meta-post-style2 .post-meta-data__item a:hover{
    color: var(--bzo-main-color);
}
.item-grid-post-style2 .post-info .author{
    line-height: 37px;
    color: #727272;
    font-weight: 500;
}
.item-grid-post-style2 .post-info .author:hover{
    color: var(--bzo-main-color);
}
.item-grid-post-style2 .post-info .author img{
    width: 32px;
    border-radius: 100%;
    margin-right: 6px;
    float: left;
}
.item-grid-post-style2 .meta-post-style2 {
    opacity: 0;
    transition: all 0.3s ease-out 0s;
}
.item-grid-post-style2:hover .meta-post-style2 {
    opacity: 1;
}
.item-grid-post-style2 .meta-post-style2 .meta-cats .flex-wrapper *,
.item-grid-post-style2 .meta-post-style2 .meta-tags .flex-wrapper *{
    display: none;
}
.item-grid-post-style2 .meta-post-style2 .meta-cats .flex-wrapper a:first-child,
.item-grid-post-style2 .meta-post-style2 .meta-tags .flex-wrapper a:first-child{
    display: block;
}
/*---------------End grid post style 2 -------------------*/
/*---------------Begin grid post style 3 -------------------*/
.blog-grid-post-item-style3 .item-grid-post-style3{
    margin-bottom:40px;
}
.blog-grid-post-item-style3 .list-post-wrap{
    margin-bottom: -40px;
}
.item-grid-post-style3 .style-item-meta__cats .meta-cats a{
    border-radius: 5px;
}
.item-grid-post-style3 .meta-post-style1{
    margin-bottom: 10px;
}
.item-grid-post-style3 .post-info{
    text-align: center;
    padding: 0px 20px;
}
.item-grid-post-style3 .post-title{
    margin-bottom: 12px;
    line-height: 28px;
}
.item-grid-post-style3 .readmore-wrap {
    margin-top: 30px;
}
.item-grid-post-style3 .post-thumb {
    margin-bottom: 13px;
    position: relative;
     border-radius: 10px;
}
.item-grid-post-style3:hover .post-thumb img{
    filter: brightness( 50% ) contrast( 100% ) saturate( 100% ) blur( 2px ) hue-rotate(0deg);
}
.item-grid-post-style3 .post-thumb{
    overflow: hidden;
}

.item-grid-post-style3 .style-item-meta__cats{
    position: absolute;
    left: 16px;
    top: 16px;
}
.item-grid-post-style3 .meta-post-style1{
    justify-content: center;
}
/*---------------End grid post style 3 -------------------*/
/*---------------Begin grid post style 4 -------------------*/
.blog-grid-post-item-style4 .item-post{
    margin-bottom: 30px;
    position: relative;
}
.blog-grid-post-item-style4 .list-post-wrap{
    margin-bottom: -30px;
}
.item-grid-post-style4 .post-title{
    line-height: 24px;
    margin: 5px 0;
}

.item-grid-post-style4 .adv-thumb-link {
    display: block;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}
.item-grid-post-style4 .adv-thumb-link::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.4s;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 1;
}
.item-grid-post-style4 .adv-thumb-link:hover::before{
    opacity: 1;
    transition: opacity .4s;
}
.item-grid-post-style4 .adv-thumb-link img{
    transition: all 1s cubic-bezier(0, 0, 0.1, 1);
    transition-delay: .1s;
    position: relative;
    max-width: 100%;
}
.item-grid-post-style4 .adv-thumb-link:hover img{
    transform: scale(1.1);
}
.item-grid-post-style4 .meta-post-style1 .post-meta-data__content>i{
    display: none;
}
.item-grid-post-style4 .meta-post-style1 .post-meta-data__content a{
    text-transform: capitalize;
}
.item-grid-post-style4 .meta-post-style1 .split{
    background: #898989;
}
/*---------------End grid post style 4 -------------------*/
/*---------------Begin grid post style 5 -------------------*/
.blog-grid-post-item-style5 .item-grid-post-style5{
    margin-bottom:40px;
}
.blog-grid-post-item-style5 .list-post-wrap{
    margin-bottom: -40px;
}
.item-grid-post-style5 .label-cat ul li a{
    font-weight: 500;
    font-size: 14px;
    padding: 6px 13px;
    border-radius: 2px;
    background: var(--bzo-main-color);
    color: #FFFFFF;
    text-transform: uppercase;
}
.item-grid-post-style5 .label-cat ul li a:hover {
    color: #fff;
    background: var(--bzo-main-color-mix-black);
}
.item-grid-post-style5 .label-cat ul {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
}
.item-grid-post-style5 .label-cat ul li {
    display: inline-block;
    margin-left: 5px;
}
.item-grid-post-style5 .post-info2 {
    padding: 20px;
    box-shadow: 0px 1px 18px rgba(31, 32, 28, 0.12);
    margin-top: -50px;
    border-radius: 5px;
    position: relative;
}
.item-grid-post-style5 .post-info {
    padding: 0 20px;
}
.item-grid-post-style5 .post-thumb {
    z-index: 0;
    position: relative;
}
.item-grid-post-style5 .post-thumb a{
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
}
.item-grid-post-style5 .post-info2 .meta-post-style4 {
    margin-bottom: 5px;
}
.item-grid-post-style5 .post-info2 .comments-item {
    padding-left: 12px;
}
.item-grid-post-style5 .label-cat .post-categories li:not(:first-child) {
    display: none;
}
.item-grid-post-style5 .meta-post-style4 .post-meta-data__content i {
    color : var(--bzo-main-color);
}
.item-grid-post-style5 .meta-post-style4 .post-meta-data__content span {
    font-size: 14px;
    font-weight: 400;
    color: var(--bzo-body_typo-color);
}
/*---------------End grid post style 5 -------------------*/
/*---------------Begin grid post style 6 -------------------*/

.blog-grid-post-item-style6 .item-grid-post-style6{
    margin-bottom: 30px;
}
.blog-grid-post-item--style6 .list-post-wrap{
    margin-bottom: -30px;
}
.item-grid-post-style6 span.date {
    position: absolute;
    top: 22px;
    left: 22px;
    display: flex;
    flex-direction: column;
    padding: 8px 15px;
    justify-content: center;
    background: #fff;
    text-align: center;
    gap:10px;
}
@media(max-width: 1200px){
    .item-grid-post-style6 span.date {
        font-size: 18px;
        gap:0px;
    }
}
.item-grid-post-style6 .post-info .post-title {
    margin-bottom: 8px;
    position: relative;
    text-transform: capitalize;
}
.item-grid-post-style6 .post-info {
    padding-top: 20px;
}
.item-grid-post-style6 .meta-post-style4{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    font-size: 14px;
}
.item-grid-post-style6 .meta-post-style4 i{
    font-size: 18px;
    margin-right: 5px;
}
.item-grid-post-style6 .post-meta-data__content{
    display: flex;
    align-items: center;
}

@media(max-width: 767px){
    .item-grid-post-style6 .post-info .post-title {
        font-size: 18px;
        line-height: 24px;
    }
}
/*---------------End grid post style 6 -------------------*/
/*---------------Begin grid post style 10 -------------------*/

.blog-grid-post-item- .item-grid-post-{
    margin-bottom: 30px;
}
.blog-grid-post-item- .list-post-wrap{
    margin-bottom: -30px;
}

.blog-grid-post-item- .item-post{
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.item-grid-post- .post-title{
    margin: 0;
        margin-bottom: 10px;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.item-grid-post- .desc{
    line-height: 20px;
}
.item-grid-post- .meta-post-style1 .meta-cats .flex-wrapper *{
    display: none;
}
.item-grid-post- .meta-post-style1 .meta-cats a:first-child{
    display: inline-block;
}
.item-grid-post- .meta-post-style1 .post-meta-data__content>i {
    display: none;
}
.item-grid-post- .meta-post-style1 .post-meta-data__item a {
     color: var(--bzo-main-color); 
}
.item-grid-post- .meta-post-style1 .post-meta-data__item a:hover{
    color: var(--bzo-title_typo-color);
}
.item-grid-post- .readmore{
    display: flex;
    align-items: center;
    padding: 8px 24px;
    background: var(--bzo-main-color);
    border: 1px solid var(--bzo-main-color);
    color: #fff;
    text-transform: capitalize;
    border-radius: 5px;
}
.item-grid-post- .readmore:hover{
    background: #fff;
    color: var(--bzo-main-color);
}
.item-grid-post- .readmore-wrap{
    display: inline-block;
}
.item-grid-post- .item-post .post-meta-data__content i{
    display: none;
}
.item-grid-post- .meta-cats .post-meta-data__content span, 
.item-grid-post- .meta-cats .post-meta-data__content a{
    display: none;
}
.item-grid-post- .meta-cats .post-meta-data__content a:first-child{
    display: block;
}
.item-grid-post- .post-thumb{
    position: relative;
    width: 120px;
}
.item-grid-post- .post-info{
    width: calc(100% - 120px);
    padding-left: 20px;
}
.item-grid-post- .adv-thumb-link {
    display: block;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 0px;
}
.item-grid-post-:hover .adv-thumb-link{
    border-color: var(--bzo-main-color);
}
.item-grid-post- .adv-thumb-link:hover::before{
    opacity: 1;
    transition: opacity .4s;
}

.post-thumb{
    overflow: hidden;
}
/*---------------End grid post style 10 -------------------*/

/*2 List post item*/
.item-list-post-default{
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid var(--bzo-border-color);
}
@media(max-width: 767px){
    .item-list-post-default {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
}
.list-post-wrap>.bzotech-col-md-12:last-child .item-list-post-default{
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.item-list-post-default .style-item-meta__cats{
    margin-bottom: 20px;
}
.item-list-post-default .readmore{
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 25px;
    font-weight: 700;
}
.item-list-post-default .readmore:after {
    content: '';
    background: #000;
    height: 2px;
    width: 0px;
    display: inline-block;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -3px;
}
.item-list-post-default .readmore:hover:after {
    width: 20px;
}
.item-list-post-default .readmore:hover{
    color: #000;
}

.item-list-post-default .post-title{
    margin-bottom: 20px;
    word-break: break-word;
    overflow: inherit;
    white-space: inherit;
}
.item-list-post-default .desc {
    margin-bottom: 30px;
}
.item-list-post-default .post-info{
    background: #fff;
    position: relative;
}
.item-list-post-default .post-thumb {
   margin-bottom: 30px;
   border-radius: 10px;
}
.item-list-post-default .post-thumb img{
   display: block;
   transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
.item-list-post-default .post-thumb a{
    display: block;
}
.item-list-post-default .meta-post-style1{
    margin-bottom: 15px;
}
.item-list-post-default .meta-post-style1.not-content{
    margin-bottom: 0px;
}
.item-list-post-default .readmore-wrap{
    line-height: 0;
}
/*--------------*/
.item-list-post-style2 .post-thumb {
    width: 45%;
    position: relative;
}
.item-list-post-style2 .post-thumb>a{
    line-height: 0;
    display: block;
}
.item-list-post-style2 .post-thumb img{
    width: 100%;
}
.item-list-post-style2 .post-info {
    width: 55%;
    padding-left: 30px;
}
.item-list-post-style2 .post-title{
    margin-top: 16px;
    margin-bottom: 16px;
}
.item-list-post-style2 .readmore-wrap a{
    color: #111;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: var(--bzo-main-color);
    transition: .25s;
    position: relative;
}
.item-list-post-style2 .readmore-wrap a:after{
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    background-color: var(--bzo-main-color);
    transition: .25s;
    bottom: 0;
    left: 0;
}
.item-list-post-style2 .readmore-wrap a:hover::after{
    width: 100%;
    transition: .25s;
}
.item-list-post-style2 .readmore-wrap a:hover{
    transition: .25s;
    color: var(--bzo-main-color);
}
.item-list-post-style2{
    margin-bottom: 40px;
}

.blog-list-post-item-style2 .bzotech-col-md-12:last-child .item-list-post-style2{
    margin-bottom: 0px;
}
.item-list-post-style2 .post-thumb .meta-post-style1{
    position: absolute;
    top: 17px;
    left: 20px;
    right: 20px;
}
.item-list-post-style2 .post-thumb .meta-post-style1 .meta-cats a{
    background: linear-gradient(0deg,rgba(0,0,0,.06),rgba(0,0,0,.06)),#FFFFFF;
    padding: 5px 12px;
    border-radius: 10px;
    display: inline-block;
    transition: all .2s ease-out 0s;
}
.item-list-post-style2 .post-thumb .meta-post-style1 .meta-cats a:hover{
     background: var(--bzo-main-color);
    color: #fff;
    transition: all .2s ease-out 0s;
}
.item-list-post-style2:hover .post-thumb img {
    
}
.item-list-post-style2 .post-thumb .adv-thumb-link{
    display: block;
    position: relative;
    overflow: hidden;
}
.item-list-post-style2 .post-thumb .adv-thumb-link::before{  
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.15) 70%);    
    content: '';
    opacity: 0;
    transition: opacity 0.4s,transform 0.4s;
}
.item-list-post-style2 .post-thumb .adv-thumb-link:hover::before{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
/*--------- style3 - sub mega menu---------------*/
.item-list-post-style3{
    gap: 15px;
}
.item-list-post-style3 .post-thumb {
    width: 100px;
    position: relative;
    border-radius: 0px;    
}
.item-list-post-style3 .post-thumb>a{
    line-height: 0;
    display: block;
}
.item-list-post-style3 .post-thumb img{
    width: 100%;
}
.item-list-post-style3 .post-info {
   width: calc(100% - 105px);
}
.item-list-post-style3 .post-title{
    font-weight: 500;
    line-height: 24px;
}
.item-list-post-style3 .readmore-wrap a{
    color: #111;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: var(--bzo-main-color);
    transition: .25s;
    position: relative;
}
.item-list-post-style3 .readmore-wrap a:after{
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    background-color: var(--bzo-main-color);
    transition: .25s;
    bottom: 0;
    left: 0;
}
.item-list-post-style3 .readmore-wrap a:hover::after{
    width: 100%;
    transition: .25s;
}
.item-list-post-style3 .readmore-wrap a:hover{
    letter-spacing: 2px;
    transition: .25s;
    color: var(--bzo-main-color);
}
.item-list-post-style3{
    margin-bottom: 15px;
}

.blog-list-post-item-style2 .bzotech-col-md-12:last-child .item-list-post-style3{
    margin-bottom: 0px;
}

.item-list-post-style3 .post-thumb .adv-thumb-link{
    display: block;
    border-radius: 0px;
    position: relative;
    overflow: hidden;
}

/*End Style Post item*/


@media (max-width: 991px){
    .meta-post-tags-share-style2>.flex-wrapper ,
    .meta-post-tags-share>.flex-wrapper {
        flex-direction: column;
        align-items: self-start;
        gap: 20px;
    }
}


/*============================================================*/
/*======================RESPONSIVE ===========================*/
/*============================================================*/
@media(max-width: 1200px){
    .item-list-post-style2 .post-title{
        margin-top: 6px;
        margin-bottom: 6px;
    }
  
}
@media(max-width: 880px){

    .item-list-post-style2 .post-thumb{
        width: 100%;
    }
    .item-list-post-style2 .post-info{
        width: 100%;
        padding: 0;
        padding-top: 20px;
    }
    .item-list-post-style2{
        flex-direction: column;
    }

}
@media(max-width: 767px){
    .sidebar-position-left{
        order: 2;
        margin-top: 40px;
    }
    .sidebar-position-right{
        margin-top: 50px;
    }
    .item-list-post-default .post-title{
        font-size: 24px;
        line-height: 30px;
    }
}
.blog-slider2-post-item-{

}
.blog-slider2-post-item- .swiper-slide>.item-post-slider2{
    width: 68%;
        align-items: center;
}
.blog-slider2-post-item- .swiper-slide .group-right{
    width: 32%;
}
.item-post-slider2 .post-thumb{
    width: 50%;
}
.item-post-slider2 .post-info{
    width: 50%;
    padding-left: 30px;
}
.blog-slider2-post-item- .swiper-slide>.item-post-slider2 .post-info{
    padding-right: 55px;
}
.item-post-slider2{
    align-items: center;
}
.item-post-slider2 .meta-post-style1 i{
    display: none;
}
.item-post-slider2 .meta-post-style1 .meta-cats{
    text-transform: uppercase;

}
.item-post-slider2 .meta-post-style1 .meta-cats a{
   color: #333; 
   font-size: 12px;
   display: none;
}
.item-post-slider2 .meta-post-style1 .meta-cats a{
   color: #333; 
   font-size: 12px;
   display: none;
}
.blog-slider2-post-item- .swiper-slide>.item-post-slider2 .meta-cats a{
   font-size: 16px;
}
.item-post-slider2 .meta-post-style1 .meta-cats a:first-child{
   display: inline-block;

}
.item-post-slider2 .meta-post-style1 .meta-cats span{
   display: none;
}
.item-post-slider2 .date{
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
    text-transform: uppercase;
    background: #fff;
    padding: 4px 18px;
    color: #333;
    font-size: 12px
}
.blog-slider2-post-item- .swiper-slide>.item-post-slider2 .date{
     top: 30px;
    left: 30px;
    padding: 10px 24px;
    font-size: 16px;
}
.item-post-slider2 .post-title{
    margin-bottom: 10px;
    margin-top: 4px;
}
.blog-slider2-post-item- .swiper-slide>.item-post-slider2 .post-title{
    font-size: 26px;
    margin-bottom: 18px;
}
.item-post-slider2 .readmore {
    padding: 8px 24px;
    border: 1px solid #333;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
    display: inline-block;
}
.item-post-slider2 .readmore:hover{
    border:  1px solid var(--bzo-main-color);
    background: var(--bzo-main-color);
    color: #fff;
}
.item-post-slider2 .desc {
    margin-bottom: 10px;
    font-size: 12px;
}
.blog-slider2-post-item- .swiper-slide>.item-post-slider2 .desc{
    font-size: 16px;
    margin-bottom: 18px;
}
.group-right .item-post-slider2{
    margin-bottom: 30px;
}
.group-right .item-post-slider2:last-child{
    margin-bottom: 0px;
}
@media(max-width: 1200px){
    .blog-slider2-post-item- .swiper-slide>.item-post-slider2,
    .blog-slider2-post-item- .swiper-slide .group-right{
        width: 100%;
    }
    .blog-slider2-post-item- .swiper-slide>.item-post-slider2{
        margin-bottom: 30px;
    }
    .blog-slider2-post-item- .swiper-slide>.item-post-slider2 .date{
        top: 15px;
        left: 15px;
        padding: 4px 18px;
        font-size: 12px;
    }
    .item-post-slider2 .post-info,
    .blog-slider2-post-item- .swiper-slide>.item-post-slider2 .post-info {
        padding: 0px 20px;
    }
    .blog-slider2-post-item- .swiper-slide>.item-post-slider2 .meta-cats a{
        font-size: 12px;
    }
    .blog-slider2-post-item- .swiper-slide>.item-post-slider2 .post-title{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .blog-slider2-post-item- .swiper-slide>.item-post-slider2 .desc {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .item-post-slider2 .post-thumb {
        width: 40%;
    }
    .item-post-slider2 .post-info{
        width: 60%;
    }
}
@media(max-width: 767px){
    .item-post-slider2 .readmore{
        padding: 4px 18px;
    }
}
@media(max-width: 480px){
    .blog-slider2-post-item- .swiper-slide>.item-post-slider2 .post-info,
    .item-post-slider2 .post-info {
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }
    .item-post-slider2 .post-thumb {
        width: 100%;
    }
}
/* ===== side-wide/preload.css ===== */

/*Begin Preload*/
.preload  #loading-center-absolute>div{
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.preload #objectstyle2{
    width: 80px;
    height: 80px;
    background-color: #FFF;
    -webkit-animation: animatestyle2 1s infinite ease-in-out;
    animation: animatestyle2 1s infinite ease-in-out;
    margin-right: auto;
    margin-left: auto;
    margin-top: 60px;
}
@-webkit-keyframes animatestyle2 {
    0% { -webkit-transform: perspective(160px); }
    50% { -webkit-transform: perspective(160px) rotateY(-180deg); }
    100% { -webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg); }
}

@keyframes animatestyle2 {
    0% { 
        transform: perspective(160px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg); 
    } 50% { 
        transform: perspective(160px) rotateX(-180deg) rotateY(0deg);
        -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg) ;
    } 100% { 
        transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
        -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
    }
}
/*Prelaod style 3*/
#loading-center-absolutestyle3 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    margin-left: -25px;
   -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); 
    -webkit-animation: loading-center-absolute 1.5s infinite;
    animation: loading-center-absolute 1.5s infinite;

}
.objectstyle3{
    width: 25px;
    height: 25px;
    background-color: #fff;
    float: left;
    
}
#object_onestyle3 {
    -webkit-animation: object_onestyle3 1.5s infinite;
    animation: object_onestyle3 1.5s infinite;
    }
#object_twostyle3 {
    -webkit-animation: object_twostyle3 1.5s infinite;
    animation: object_twostyle3 1.5s infinite;
    }
#object_threestyle3 {
    -webkit-animation: object_threestyle3 1.5s infinite;
    animation: object_threestyle3 1.5s infinite;
    }
#object_fourstyle3 {
    -webkit-animation: object_fourstyle3 1.5s infinite;
    animation: object_fourstyle3 1.5s infinite;
    }
    

@-webkit-keyframes loading-center-absolutestyle3 {
  100% { -webkit-transform: rotate(-45deg); }

}

@keyframes loading-center-absolutestyle3 {
  100% { 
    transform:  rotate(-45deg);
    -webkit-transform:  rotate(-45deg);
  }
}

@-webkit-keyframes object_onestyle3 {
  25% { -webkit-transform: translate(0,-50px) rotate(-180deg); }
  100% { -webkit-transform: translate(0,0) rotate(-180deg); }

}

@keyframes object_onestyle3 {
  25% { 
    transform: translate(0,-50px) rotate(-180deg);
    -webkit-transform: translate(0,-50px) rotate(-180deg);
  } 
  100% { 
    transform: translate(0,0) rotate(-180deg);
    -webkit-transform: translate(0,0) rotate(-180deg);
  }
}


@-webkit-keyframes object_twostyle3 {
  25% { -webkit-transform: translate(50px,0) rotate(-180deg); }
  100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_twostyle3 {
  25% { 
    transform: translate(50px,0) rotate(-180deg);
    -webkit-transform: translate(50px,0) rotate(-180deg);
  } 
  100% { 
    transform: translate(0,0) rotate(-180deg);
    -webkit-transform: translate(0,0) rotate(-180deg);
  }
}

@-webkit-keyframes object_three_pre3 {
  25% { -webkit-transform: translate(-50px,0) rotate(-180deg); }
  100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_threestyle3 {
  25% { 
    transform:  translate(-50px,0) rotate(-180deg);
    -webkit-transform:  translate(-50px,0) rotate(-180deg);
  } 
  100% { 
    transform: translate(0,0) rotate(-180deg);
    -webkit-transform: rtranslate(0,0) rotate(-180deg);
  }
}


@-webkit-keyframes object_fourstyle3 {
  25% { -webkit-transform: translate(0,50px) rotate(-180deg); }
  100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_fourstyle3 {
  25% { 
    transform: translate(0,50px) rotate(-180deg); 
    -webkit-transform: translate(0,50px) rotate(-180deg);  
  } 
  100% { 
    transform: translate(0,0) rotate(-180deg);
    -webkit-transform: translate(0,0) rotate(-180deg);
  }
}
/*Preload style 4*/
#loading-center-absolutestyle4 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 150px;
    width: 150px;
    margin-top: -75px;
    margin-left: -50px;
}
.objectstyle4{
    width: 20px;
    height: 20px;
    background-color: #fff;
    float: left;
    margin-right: 20px;
    margin-top: 65px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
}

#object_onestyle4 {   
    -webkit-animation: object_onestyle4 1.5s infinite;
    animation: object_onestyle4 1.5s infinite;
    }
#object_twostyle4 {
    -webkit-animation: object_twostyle4 1.5s infinite;
    animation: object_twostyle4 1.5s infinite;
    -webkit-animation-delay: 0.25s; 
    animation-delay: 0.25s;
    }
#object_threestyle4 {
    -webkit-animation: object_threestyle4 1.5s infinite;
    animation: object_threestyle4 1.5s infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    
    }

@-webkit-keyframes object_onestyle4 {
75% { -webkit-transform: scale(0); }
}

@keyframes object_onestyle4 {

  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }

}

@-webkit-keyframes object_twostyle4 { 

  75% { -webkit-transform: scale(0); }

}

@keyframes object_twostyle4 {
  75% { 
    transform: scale(0);
    -webkit-transform:  scale(0);
  }

}

@-webkit-keyframes object_threestyle4 {

  75% { -webkit-transform: scale(0); }

}

@keyframes object_threestyle4 {

  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  
}
/*Preload style 5*/
#loading-center-absolutestyle5 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 200px;
    margin-top: -25px;
    margin-left: -100px;
}
.objectstyle5{
    width: 20px;
    height:20px;
    background-color:#fff;
    float: left;
    margin-top: 15px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
}
#first_objectstyle5{
    -webkit-animation: first_objectstyle5 2s infinite;
    animation: first_objectstyle5 2s infinite;
 
}
#second_objectstyle5{
    -webkit-animation: second_objectstyle5 2s infinite;
    animation: second_objectstyle5 2s infinite;
    float: right;
}
    
@-webkit-keyframes first_objectstyle5 {

 25% {
    -ms-transform: translate(90px,0) scale(2); 
    -webkit-transform: translate(90px,0) scale(2);
    transform: translate(90px,0) scale(2);
     }

 50% {
    -ms-transform: translate(180px,0) scale(1); 
    -webkit-transform: translate(180px,0) scale(1);
    transform: translate(180px,0) scale(1);
     }   
 
  75% {
     -ms-transform: translate(90px,0) scale(2); 
    -webkit-transform: translate(90px,0) scale(2);
    transform: translate(90px,0) scale(2);
     }   
 
}       
@keyframes first_objectstyle5 {

 25% {
    -ms-transform: translate(90px,0) scale(2); 
    -webkit-transform: translate(90px,0) scale(2);
    transform: translate(90px,0) scale(2);
     }

 50% {
    -ms-transform: translate(180px,0) scale(1); 
    -webkit-transform: translate(180px,0) scale(1);
    transform: translate(180px,0) scale(1);
     }   
 
  75% {
     -ms-transform: translate(90px,0) scale(2); 
    -webkit-transform: translate(90px,0) scale(2);
    transform: translate(90px,0) scale(2);
     }  
}

@-webkit-keyframes second_objectstyle5 {

 25% {
    -ms-transform: translate(-90px,0) scale(2); 
    -webkit-transform: translate(-90px,0) scale(2);
    transform: translate(-90px,0) scale(2);
     }

 50% {
    -ms-transform: translate(-180px,0) scale(1); 
    -webkit-transform: translate(-180px,0) scale(1);
    transform: translate(-180px,0) scale(1);
     }   
 
  75% {
     -ms-transform: translate(-90px,0) scale(2); 
    -webkit-transform: translate(-90px,0) scale(2);
    transform: translate(-90px,0) scale(2);
     } 
}       
@keyframes second_objectstyle5 {

 25% {
    -ms-transform: translate(-90px,0) scale(2); 
    -webkit-transform: translate(-90px,0) scale(2);
    transform: translate(-90px,0) scale(2);
     }

 50% {
    -ms-transform: translate(-180px,0) scale(1); 
    -webkit-transform: translate(-180px,0) scale(1);
    transform: translate(-180px,0) scale(1);
     }   
 
  75% {
     -ms-transform: translate(-90px,0) scale(2); 
    -webkit-transform: translate(-90px,0) scale(2);
    transform: translate(-90px,0) scale(2);
     } 
}
/*Preload style 6*/
#loading-center-absolutestyle6 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 20px;
    width: 100px;
    margin-top: -10px;
    margin-left: -50px;

}
.objectstyle6{
    width: 20px;
    height: 20px;
    background-color: #fff;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    margin-right: 20px;
    margin-bottom: 20px;
    position: absolute; 
}


#object_onestyle6{
    -webkit-animation: objectstyle6 2s linear infinite;
     animation: objectstyle6 2s linear infinite;
     }
#object_twostyle6{ 
    -webkit-animation: objectstyle6 2s linear infinite -.4s;
    animation: objectstyle6 2s linear infinite -.4s;
    left: 20px;
     }
#object_threestyle6{ 
    -webkit-animation: objectstyle6 2s linear infinite -.8s; 
    animation: objectstyle6 2s linear infinite -.8s; 
    left: 40px;
    }
#object_fourstyle6{ 
    -webkit-animation: objectstyle6 2s linear infinite -1.2s;
    animation: objectstyle6 2s linear infinite -1.2s; 
    left: 60px;
    } 
#object_fivestyle6{ 
    -webkit-animation: objectstyle6 2s linear infinite -1.6s; 
    animation: objectstyle6 2s linear infinite -1.6s; 
    left: 80px;
    }
    
    
@-webkit-keyframes objectstyle6{
  0% { left: 100px; top:0}
  80% { left: 0; top:0;}
  85% { left: 0; top: -20px; width: 20px; height: 20px;}
  90% { width: 40px; height: 15px; }
  95% { left: 100px; top: -20px; width: 20px; height: 20px;}
  100% { left: 100px; top:0; }      
    
}       
@keyframes objectstyle6{
  0% { left: 100px; top:0}
  80% { left: 0; top:0;}
  85% { left: 0; top: -20px; width: 20px; height: 20px;}
  90% { width: 40px; height: 15px; }
  95% { left: 100px; top: -20px; width: 20px; height: 20px;}
  100% { left: 100px; top:0; }
}
/*Preload style 7*/
#loading-center-absolutestyle7 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    margin-left: -25px;
}
.objectstyle7{
    width: 50px;
    height: 5px;
    background-color: #fff;
    -webkit-animation: animatestyle7 2s infinite;
    animation: animatestyle7 2s infinite;
    position: absolute;
    top: 0px;
    right: -200px;
    }



@-webkit-keyframes animatestyle7 {
 
  50% {
    -ms-transform: translate(-400px,0) rotate(-360deg); 
    -webkit-transform: translate(-400px,0) rotate(-360deg); 
    transform: translate(-400px,0) rotate(-360deg); 
      }

 100% {
    -ms-transform: translate(0,0) rotate(360deg); 
    -webkit-transform: translate(0,0) rotate(360deg); 
    transform: translate(0,0) rotate(360deg); 
      }   


}

@keyframes animatestyle7 {
  50% {
    -ms-transform: translate(-400px,0) rotate(-360deg); 
    -webkit-transform: translate(-400px,0) rotate(-360deg); 
    transform: translate(-400px,0) rotate(-360deg); 
      }

 100% {
    -ms-transform: translate(0,0) rotate(360deg); 
    -webkit-transform: translate(0,0) rotate(360deg); 
    transform: translate(0,0) rotate(360deg); 
      }     
  
}
.preload-style-custom-image #loading-center{
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-items: center;
    -webkit-justify-items: center;
    -ms-justify-items: center;
    -o-justify-items: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
}

#loading-center-absolute-image{
    text-align: center;
    margin: auto;
    display: none;
}
.preload #loading-center {
    width: 100%;
    height: 100%;
    position: relative;
}
.preload #loading-center-absolute-image{
    display: block;
    max-width: 350px;
}

#loading {
    display: block;
    width: 100%;
    position: fixed;
    z-index: 999999;
    margin-top: 0px;
    bottom: 100px;
    top:100%;
     height:0;
     opacity: 1;
    transition: all 1s ease-out 0s;
    -webkit-transition: all 1s ease-out 0s;
    background-color: var(--bzo-preload-background);
}
.preload #loading {
    display: block;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    margin-top: 0px;
    bottom: 0px;
    top: 0;
    opacity: 1;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}
.preload-remove #loading {
    z-index: -2;
}
.preload #loading {
    background-color: var(--bzo-preload-background);
}
/*End Preload*/
/* ===== side-wide/siderbar-widget.css ===== */

/*Begin Widget Unitest*/
.widget ul li, 
.widget ol li
{
    padding: 8px 0px;
    font-weight: 400;
    font-size: 16px;
}
.widget >ul> li:first-child, 
.widget >ol> li:first-child, 
.widget .wp-block-latest-posts> li:first-child, 
.widget .menu> li:first-child, 
.widget .wp-block-latest-comments> li:first-child

{
    padding-top: 0;
    border-top: none;
}
.widget ol li a:hover, 
.widget ul li a:hover, 
.widget ul li a.active, 
.widget ul li.current-cat> a, 
.widget ul li a[aria-current=page]
{
    color: var(--bzo-main-color);
}
.widget ul.sub-menu, .widget ul.children {
    padding-left: 15px;
    margin-top: 8px;
}
.widget_nav_menu ul.sub-menu, .widget_nav_menu ul.children {
    padding-left: 15px;
    margin-top: 15px;
}
.detail-content-wrap> .wp-block-calendar{
    margin-bottom: 10px;
}
.detail-content-wrap .wp-block-calendar table, 
.widget_calendar table {
    width: 100%;
}
.detail-content-wrap .wp-block-calendar table caption, 
.widget_calendar table caption {
    background-color: var(--bzo-main-color);
    color: #fff;
    text-align: center;
    padding: 8px 10px;
    font-weight: 700;
}
.detail-content-wrap .wp-block-calendar table th , 
.widget_calendar table th 
{
    background-color: #eee;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 2em;
    padding: 5px 5px;
}
.widget_calendar table td, 
.detail-content-wrap .wp-block-calendar  table td
 {
    border: 1px solid #eee;
    text-align: center;
    font-size: 14px;
    line-height: 2em;
    padding: 5px 5px;
}
.widget_calendar table tbody td a, 
.detail-content-wrap .wp-block-calendar table tbody td a
 {
    color: #53ac82;
}
.detail-content-wrap .wp-block-calendar  table tfoot td, 
.widget_calendar table tfoot td
 {
    border: 0;
    padding: 0;
}
.detail-content-wrap .wp-block-calendar  table tfoot td#prev, 
.widget_calendar table tfoot td#prev
 {
    text-align: left;
}
.widget_calendar table tfoot td#next, 
.detail-content-wrap .wp-block-calendar  table tfoot td#next
 {
    text-align: right;
}
.detail-content-wrap .wp-block-calendar  table tfoot, 
.widget_calendar table tfoot, 
.widget_calendar .wp-calendar-nav, 
.detail-content-wrap .wp-block-calendar  .wp-calendar-nav
{
    background: var(--bzo-main-color);
    color: #fff;
}
.widget_calendar table tfoot a, 
.detail-content-wrap .wp-block-calendar table tfoot a, 
.detail-content-wrap .wp-block-calendar .wp-calendar-nav a, 
.widget_calendar .wp-calendar-nav a
 {
    display: inline-block;
    color: #fff;
    padding: 2px 15px;
}
.widget_calendar table tfoot a:hover, 
.detail-content-wrap .wp-block-calendar table tfoot a:hover
 {
    color: #53ac82;
}

.textwidget p > img{
    margin: 6px 0;
}
.entry-content > p, 
.rssSummary, 
.widget p{
    
    margin: 0 0 25px;
    line-height: 24px;
}
.rssSummary{
    margin-top: 15px;
}
a.rsswidget{
    font-weight: bold;
}
.rss-date{
    color: #999;
}
.widget.widget_rss ul li{
    border-bottom: 1px dashed var(--bzo-border-color);
    padding-bottom: 25px;
    margin-bottom: 20px;
        border-top: none;
    padding-top: 0;
}
.widget.widget_rss .widget-title {
    display: flex;
    align-items: center;
}
.widget.widget_rss .widget-title .rsswidget{
    margin-right: 5px;
}
.widget.widget_rss .widget-title .rss-widget-icon{
    width: 16px;
}
.widget.widget_rss ul li:last-child{
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.widget select::-ms-expand {
    display: none;
}
.widget-select-type, 
.widget_categories form, 
.widget_text form
{
    position: relative;
}
.widget-select-type:after{
    content: "\f107";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 16px;
    position: absolute;
    right: 15px;
    bottom: 12px;
    pointer-events: none;
}
.widget_categories form:after, 
.widget_text form:after{
    content: "\f107";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 16px;
    position: absolute;
    right: 12px;
    top: 12px;
    pointer-events: none;
}

.widget select {
    max-width: 100%;
    border: 1px solid var(--bzo-border-color);
    height: 48px;
    padding: 0 15px;
    display: block;
    width: 100%;
    border-radius: 0px;
     -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background: #fff;
    border-radius: 5px;
    color: var(--bzo-title_typo-color);
}
.widget_tag_cloud .tagcloud{
}
.widget_tag_cloud a, 
.widget_product_tag_cloud a
{
    font-size: var(--bzo-body_typo-font-size) !important;
    background: #fff;
    display: inline-block;
    position: relative;
    line-height: 40px;
    border: 1px solid var(--bzo-border-color);
    padding: 0px 15px;
    text-transform: capitalize;
}


.widget_tag_cloud a:hover, 
.widget_product_tag_cloud a:hover
{
    border-color:var(--bzo-main-color);
}

.widget_product_tag_cloud,
.widget_tag_cloud .tagcloud{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
/*Widget theme css*/
.widget_bzotech_bloglistpostswidget .wg-post-list{

}
.widget_bzotech_bloglistpostswidget .wg-post-list .item-post-wg{
    gap: 18px;
}
.widget_bzotech_bloglistpostswidget .wg-post-list .item-post-wg .post-thumb{
    width: 110px;
}
.widget_bzotech_bloglistpostswidget .wg-post-list .item-post-wg .post-thumb .adv-thumb-link{
    overflow: hidden;
    border: 1px solid transparent;
}
.widget_bzotech_bloglistpostswidget .wg-post-list .item-post-wg .post-thumb img{
    border-radius: 0px;
    transition: all 0.3s linear 0s;
}
.widget_bzotech_bloglistpostswidget .wg-post-list .item-post-wg .post-info{
    width: calc(100% - 110px);
    margin-top: -5px;
}
.widget_bzotech_bloglistpostswidget .wg-post-list .item-post-wg .post-info h3{
    overflow: hidden;
    text-overflow: ellipsis;
        font-size: 16px;
    margin-top: 8px;
}
.widget_bzotech_bloglistpostswidget .wg-post-list .item-post-wg .post-info h3 a{
    line-height: 20px;
}

.sidebar-widget{  
    border-radius: 0px;
    position: relative;
    margin-bottom: 50px;
}
.sidebar-widget.widget_categories ul li:not(:last-child){
    
}
.sidebar-widget.widget_search{
    border: none;
}
.sidebar-widget .widget-title{
    padding: 0;
    margin: 0;
    margin-bottom: 25px;
    text-transform: capitalize;
    font-weight: 500;
}  
.wp-block-group__inner-container >h2, 
.widget-title {
    margin: 0;
    margin-bottom: 30px;
    font-size: 26px;
    color: var(--bzo-title_typo-color);
    font-family: var(--bzo-title_typo-font-family);
    font-weight: 500;
    text-transform: capitalize;
    line-height: 34px;
}
@media(max-width: 1200px){

    .wp-block-group__inner-container >h2,
    .sidebar-widget .widget-title {
        font-size: 20px;
        margin-bottom: 25px;
    }
    .sidebar-widget {
        margin-bottom: 50px;
    }
}
.widget_bzotech_wg_get_mega_page{
    background-color: transparent;
    padding: 0;
    overflow: hidden;
}
.widget_product_search, 
.sidebar-widget.widget_search{
    background-color: transparent;
    padding: 0;
}
.widget_product_search .widget-title, 
.sidebar-widget.widget_search .widget-title{
    display: none;
}
.wp-block-search__label{
    display: none;
}

.widget:last-child {
    margin-bottom: 0px;
}
.widget ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget ul > li, 
.widget ol > li
{
    line-height: 26px;
}
.widget ul.wrap-rating > li{
    padding: 0;
}
.wp-block-search__inside-wrapper, 
.widget_search .wg-search-form{
    display: flex;
    background: #fff;
    border: 1px solid var(--bzo-title_typo-color);
    border-radius: 0px;
    position: relative;
}
.widget_search .wg-search-form input{
    color: #727272;
}
.widget_search .wg-search-form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #727272;
}
.widget_search .wg-search-form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #727272;
   opacity:  1;
}
.widget_search .wg-search-form input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #727272;
   opacity:  1;
}
.widget_search .wg-search-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #727272;
}
.widget_search .wg-search-form input::-ms-input-placeholder { /* Microsoft Edge */
   color:    #727272;
}
.widget_search .wg-search-form input::placeholder { /* Most modern browsers support this now. */
   color:    #727272;
}
.wp-block-search__inside-wrapper .wp-block-search__input{
    padding: 0px 20px;
}
.wp-block-search__inside-wrapper .wp-block-search__input, 
.widget_search .wg-search-form input[type="text"]{
    border: none;
    height: 48px;
    width: 100%;
    background: transparent;
}
.widget_search .wg-search-form input[type="text"]:-webkit-autofill { 
    -webkit-background-clip: text;
    color: #fff;
}

.select2-container--default .selection .select2-selection--single .select2-selection__placeholder {
    color: #727272;
}
.widget_product_search input[type=search]::-webkit-input-placeholder, 
.widget_product_search input[type=search]:-ms-input-placeholder, 
.widget_product_search input[type=search]::placeholder, 
.widget_search .wg-search-form input[type="text"]::-webkit-input-placeholder, 
.widget_search .wg-search-form input[type="text"]:-ms-input-placeholder, 
.widget_search .wg-search-form input[type="text"]::placeholder
{
    color: var(--bzo-body_typo-color);
    font-size: 18px;
}
.wp-block-search__inside-wrapper .wp-block-search__button{
    border-radius:0px;
    border: none;
    font-size: 0;
    background: transparent;;
    background-repeat: no-repeat;
    background-position: center;
    height: 48px;
    width: 48px;
    padding: 0;
    cursor: pointer;
        display: flex;
    justify-content: center;
    align-items: center;
}
.wp-block-search__inside-wrapper .wp-block-search__button:before{
    content: "\e91e";
        font-family: 'bzoicon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
}
.widget_search .wg-search-form button[type="submit"]{
    color: var(--bzo-title_typo-color);
    position: absolute;
    top: 0;
    right: 0px;
    height: 48px;
    width: 48px;
    text-align: center;
    font-size: 18px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 0px;
}
.widget_search .wg-search-form button[type="submit"]:hover{
    color: var(--bzo-main-color);
}
.widget_search .wg-search-form input[type="submit"]{
    border-radius:0px;
    border: none;
    font-size: 0;
    background: transparent;
    height: 48px;
    width: 48px;
    padding: 0;
    cursor: pointer;
}
.widget_product_search .woocommerce-product-search{
    display: flex;
    border: 1px solid var(--bzo-title_typo-color);
    border-radius: 0px;
    position: relative;
}
.widget_product_search .woocommerce-product-search input[type=search]{
    border: none;
    height: 48px;
    line-height: 48px;
    border-right: none;
    border-radius: 0px;
    width: 100%;
    background: transparent;
    color: #727272;
}
.widget_product_search .woocommerce-product-search input[type=search]::-webkit-input-placeholde{
    color: #727272;
}
.widget_product_search .woocommerce-product-search input[type=search]:-ms-input-placeholder{
    color: #727272;
}
.widget_product_search .woocommerce-product-search input[type=search]::placeholder{
    color: #727272;
}
.widget_product_search .woocommerce-product-search button{
    color:  var(--bzo-title_typo-color);
    text-transform: uppercase;
    border-radius: 0px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: transparent;
    padding: 0 10px!important;
    min-width: 48px;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    z-index: 1;
    position: relative;
    font-size: 0px;
    border: none;
    border-left: none;
    background-repeat: no-repeat;
    background-position: center;
        display: flex;
    justify-content: center;
    align-items: center;
}
.widget_product_search .woocommerce-product-search button:before {
    content: "\e91e";
    font-family: 'bzoicon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
}
.widget_product_categories .select2-container--default .select2-selection--single{
    height: 48px;
    line-height: 48px;
    border: none;
    border-radius: 10px;
    border-radius: 0;
    border: 1px solid var(--bzo-border-color);
}
.select2-container--default .select2-search--dropdown input.select2-search__field,
.select2-container--open .select2-dropdown{
     border-color: var(--bzo-border-color);
}
.select2-container--default .select2-results>.select2-results__options{
    scrollbar-width: none;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 0px;
}

/* Handle */
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background:var(--bzo-main-color);
    border-radius: 0px;
}

/* Handle on hover */
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:hover {
    background: var(--bzo-main-color);
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 5px;
    left: 5px;
}
.widget_product_categories .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 48px;
    padding: 0px 20px;
    color: #727272;
    font-size: 14px;
}
.widget_product_categories .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 48px;
    right: 10px;
}
.widget_shopping_cart .mini-cart-button{
    display: block;
        margin: 0px;
        margin-top: 15px;
}
.widget_shopping_cart .mini-cart-button .button {
    width: 100%;
    margin: 0px!important;
    margin-bottom: 5px!important
}
.widget_shopping_cart .mini-cart-button .button:last-child {
    margin-bottom: 0px!important
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
    width: 80px;
    border-radius: 0px;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
    padding: 7px 0;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:first-child, .widget ul li:first-child,.widget ol > li:first-child {

}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:last-child, .widget ul li:last-child, .widget ol li:last-child{
    padding-bottom: 0;
    border-bottom: none;
}
ul.product_list_widget li .product-title{
    margin-bottom: 0px;
    display: inline-block;
    width: calc(100% - 85px);
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: var(--bzo-title_typo-color);
        transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
ul.product_list_widget li .product-title:hover{
    color: var(--bzo-main-color);
}
ul.product_list_widget li .wrap-rating li{
    padding-bottom:0x;
}
ul.product_list_widget li .product-price .woocommerce-Price-amount{
    font-size: 16px;
}
ul.product_list_widget li .product-price del .woocommerce-Price-amount{
    font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
    float: none!important;
    margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0px!important;
}
.select2-container--default .select2-selection--multiple {
    border:  1px solid var(--bzo-border-color)!important;
    border-radius: 0px!important;
     height: 48px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    margin: 0px!important;
}
.select2-container--default .select2-search--inline .select2-search__field{
     height: 48px;
     padding: 0px 20px!important;
}
.widget_price_filter .price_slider_amount .button{
    font-size: 18px;
}
.woocommerce-widget-layered-nav-dropdown__submit {
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 0px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #000;
    font-family: var(--bzo-title_typo-font-family);
    border-radius: 0px;
    padding: 0 35px!important;
    min-width: 120px;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    z-index: 1;
    position: relative;
    font-weight: 700;
}
.woocommerce-widget-layered-nav-dropdown__submit:hover{
    background: var(--bzo-main-color);
    color: #000;
    box-shadow: none;
}
.woocommerce .widget_price_filter .price_slider_wrapper div.ui-widget-content{
    background-color: #dddddd;
    margin-bottom: 16px;
    margin-left: 0;
    margin-right: 0;
    height: 4px;
}
.widget_price_filter .price_slider_wrapper{
    padding-top: 10px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .widget_price_filter .ui-slider .ui-slider-handle, 
.widget_price_filter .ui-slider .ui-slider-handle{
        height: 18px!important;
    width: 4px!important;
    border-radius:0!important;
    top: -7px!important;
    border: none!important;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
    margin-left: -4px;
}
.widget_price_filter .ui-slider .ui-slider-handle:nth-child(2) {
    margin-left: 0;
}
.widget_price_filter .price_slider_amount .price_label{
    font-size: 18px;
}
.widget_price_filter .price_slider_amount{
    line-height: inherit;
    text-align: left!important;
}
.widget_price_filter .price_slider_amount .elbzotech-bt-default{
    margin-top: 20px;
    padding: 10px 25px;
}
.widget_price_filter .price_slider_amount .price_label span{
    border: none;
    line-height: 24px;
    border-radius: 10px;
    font-size: 16px;
    color: #727272;
    font-weight: 600;
}
.widget .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
    right: 10px;
}
.widget .select2-container--default .select2-selection--single .select2-selection__arrow:after{
    content: "\f107";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 14px;
}
.widget .select2-container--default .select2-selection--single .select2-selection__arrow b{
    display: none;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, 
.widget_price_filter .ui-slider .ui-slider-handle
{
    background-color: var(--bzo-main-color);
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, 
.widget_price_filter .ui-slider .ui-slider-range{
     background-color: var(--bzo-main-color)!important;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item, 
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
    padding: 0px 0 8px;
}
/*css style list type count number*/

.widget_archive .count, 
.widget_product_categories .count, 
.widget_categories .count
{
    float: right;
    color: #999;
}
.detail-content-wrap>table th, .desc-comment-text>table th, .entry-content>table th {
    color: var(--bzo-main-color);
}

.detail-content-wrap .wp-block-archives-list li{
    padding: 4px 0px;
}

.detail-content-wrap .wp-block-search .wp-block-search__input {
    border-right: none;
    height: 48px;
    width: 100%;
}
.detail-content-wrap .wp-block-tag-cloud a {
    font-size: 16px !important;
    font-weight: 500;
    margin-right: 12px;
    color: #5C5C5C;
    background: #F0F0F0;
    display: inline-block;
    margin-bottom: 16px;
    position: relative;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    border: none;
    padding: 0px 12px;
    text-transform: capitalize;
}
.detail-content-wrap .wp-block-tag-cloud a:hover {
    background: var(--bzo-main-color);
    color: #fff;
}
.detail-content-wrap>.wp-block-search, 
.detail-content-wrap>.wp-block-tag-cloud
{
    margin-bottom: 60px;
}
.detail-content-wrap .wp-block-search .wp-block-search__button {
    margin: 0px;
    border: navajowhite;
    color: #fff;
    padding: 0px 30px;
    line-height: 48px;
    text-align: center;
    font-family: var(--bzo-title_typo-font-family);
    text-transform: uppercase;
    font-weight: 700;
}
.detail-content-wrap .wp-block-categories-dropdown select, 
.detail-content-wrap .wp-block-archives-dropdown select
{
    width: 100%;
    height: 48px;
     -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
        background: #F5F5F5;
    border-radius: 10px;
    color: #A1A1A1;
    border: none;
}
.detail-content-wrap .wp-block-categories-dropdown label, 
.detail-content-wrap .wp-block-archives-dropdown label
{
    margin-bottom: 30px;
        font-size: 20px;
    color: var(--bzo-main-color);
    font-weight: 600;
    text-transform: capitalize;
}
.detail-content-wrap .wp-block-categories-dropdown , 
.detail-content-wrap .wp-block-archives-dropdown 
{
    margin-bottom: 60px;
}
.wp-block-latest-comments__comment{
    margin-bottom: 0;
}
/*End Widget Unitest*/
.wp-block-latest-posts.wp-block-latest-posts__list, 
.widget_archive>ul, 
.widget_pages>ul, 
.widget_recent_comments>ul, 
.widget_meta>ul, 
.widget_recent_entries>ul, 
.widget_rss>ul, 
.widget_categories>ul, 
.widget_nav_menu>div, 
.widget_product_categories>ul.product-categories, 
.woocommerce-widget-layered-nav>ul.woocommerce-widget-layered-nav-list, 
ol.wp-block-latest-comments{
    margin-top: -6px;
}
.widget_meta>ul, 
.widget_archive>ul, 
.widget_categories>ul, 
.widget_nav_menu>div, 
.widget_product_categories>ul.product-categories, 
.woocommerce-widget-layered-nav>ul.woocommerce-widget-layered-nav-list, 
.widget_pages>ul{
text-transform: uppercase;
}
/* sidebar category */
.widget_bzotech_rating_filter ul.bzotech-rating-filter > li, 
.widget_bzotech_category_fillter ul li{
    position: relative;
    padding: 0 15px 15px 28px;
    display: inline-block;
    width: 100%;
}

.widget_bzotech_attribute_filter .tawcvs-swatches{
    display: flex;
    flex-wrap: wrap;
    gap:10px;
}
.widget_bzotech_attribute_filter a.swatch-label{
    margin-bottom: 15px;
    position: relative;
    display: block;
}
.widget_bzotech_rating_filter ul.bzotech-rating-filter > li:last-child{
    padding-bottom: 0;
}
.widget_bzotech_attribute_filter a.swatch-label .count{
    position: absolute;
    top: -30px;
    left: 0;
    color: #fff;
    font-weight: 400;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    background: var(--bzo-main-color2);
    font-size: 12px;
    padding: 0;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.widget_bzotech_attribute_filter a.swatch-label:hover .count{
    opacity: 1;
    top: -34px;
}
.widget_bzotech_category_fillter ul li .smoke{
    position: absolute;
    top: 0;
    right: 0;
    color: #727272;
    font-weight: 400;
}
.widget_bzotech_attribute_filter a.swatch-label .label-attr{
    color: #454545;
    text-transform: capitalize;
    font-size: var(--bzo-body_typo-font-size);
        width: 30px;
    height: 30px;
    border: 1px solid var(--bzo-border-color);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.widget_bzotech_attribute_filter a.swatch-label.selected .label-attr, 
.widget_bzotech_attribute_filter a.swatch-label:hover .label-attr{
    background:  #fff;
    color: var(--bzo-main-color);
    border-color: var(--bzo-main-color);
}
.widget_bzotech_category_fillter ul li a:hover{
    color: var(--bzo-main-color);
}
.widget_bzotech_rating_filter ul.bzotech-rating-filter > li .product-rate::before, 
.widget_bzotech_category_fillter ul li a::before{
    position: absolute;
    content: "";
    top: 4px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid var(--bzo-border-color);
    border-radius: 2px;
    background-color: #fff;
}
.widget_bzotech_rating_filter ul.bzotech-rating-filter > li.active .product-rate::before, 
.widget_bzotech_rating_filter ul.bzotech-rating-filter > li .product-rate:hover::before, 
.widget_bzotech_category_fillter ul li a.active::before, 
.widget_bzotech_category_fillter ul li a:hover::before{
    background-color: transparent;
}
.widget_bzotech_rating_filter ul.bzotech-rating-filter > li .product-rate::after, 
.widget_bzotech_category_fillter ul li a::after{
    position: absolute;
    content: "";
    top: 8px;
    left: 4px;
    width: 10px;
    height: 10px;
    border-radius: 0px;
    background: transparent;
}
.widget_bzotech_rating_filter ul.bzotech-rating-filter > li.active .product-rate::after, 
.widget_bzotech_rating_filter ul.bzotech-rating-filter > li .product-rate:hover::after, 
.widget_bzotech_category_fillter ul li a.active::after, 
.widget_bzotech_category_fillter ul li a:hover::after{
    background:  var(--bzo-main-color);
}
.widget_bzotech_attribute_filter .attribute-type-image{
    margin: 0 -10px;
}
.widget_bzotech_attribute_filter .attribute-type-image .swatch-image{
    width: 33.333%;
    border-radius: 15px;
    overflow: hidden;
    padding: 0 10px;
    display: inline-flex;
    margin-bottom: 20px;
}
.widget_bzotech_attribute_filter .attribute-type-image .swatch-image img{
    max-width: 80px;
    border-radius: 15px;
    border: 1px solid #F5F5F5;
    width: 100%;
}

.widget_bzotech_attribute_filter .attribute-type-image .swatch-image.selected img, 
.widget_bzotech_attribute_filter .attribute-type-image .swatch-image:hover img{
    border: 1px dashed var(--bzo-main-color);
}
.widget_bzotech_attribute_filter a.swatch-color{
    padding: 1px;
    border: 1px solid var(--bzo-border-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.widget_bzotech_attribute_filter a.swatch-color.selected{
    border-color: var(--bzo-main-color);
}
.widget_bzotech_attribute_filter a.swatch-color .span-trong{
    background-color: #eeee22;
    height: 20px;
    width: 20px;
    display: inline-block;
    border-radius: 50%;
}
.widget_bzotech_attribute_filter .attribute-type-color{
        display: flex;
    gap: 10px;
    align-items: center;
}
.sidebar .wg-product-slider .item-product{
    align-items: center;
    border: 1px solid var(--bzo-border-color);
    gap: 15px;
    border-radius: 5px;
}
.sidebar .wg-product-slider .item-product .product-thumb > a{    
    border-radius: 5px 0px 0px 5px;
    background-color: #fff;
    border-right: 1px solid var(--bzo-border-color);
    height: 100%;
}
.sidebar .wg-product-slider .item-product .product-thumb{
    width: 120px;
}
.sidebar .wg-product-slider .item-product .product-thumb img{
    object-fit: cover;
    height: 100%;
}
.sidebar .wg-product-slider .item-product .product-info{
        display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
}
.sidebar .wg-product-slider .product-price {
    margin-bottom: 5px;
}
.sidebar .wg-product-slider .product-price .woocs_price_code {
    gap: 8px;
}
.sidebar .wg-product-slider .product-price .woocommerce-Price-amount{
    font-size: 18px;
}
.sidebar .wg-product-slider .product-price del .woocommerce-Price-amount{
    font-size: 14px;
}
.sidebar .wg-product-slider .item-product .product-info .product-title{
    line-height: 20px;
    margin: 8px 0;
    font-size: 16px;
    font-weight: 400;
}
.wg-product-slider .swiper-slide{
    padding: 0px 1px;
}


@media(max-width: 991px){
    .sidebar .wg-product-slider .item-product .product-thumb {
        width: 100%;
    }
    .sidebar .wg-product-slider .item-product .product-thumb a{
        border: none;
        border-bottom: 1px solid var(--bzo-border-color);
    }
    .sidebar .wg-product-slider .item-product .product-info{
        width: 100%;
        align-items: center;
    }
    .sidebar .wg-product-slider .item-product{
        flex-direction: column;
    }
}

@media(max-width: 1200px){
    .widget_bzotech_bloglistpostswidget .wg-post-list .item-post-wg{
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        gap: 13px;
        margin-bottom: 20px;
    }
    .widget_bzotech_bloglistpostswidget .wg-post-list .item-post-wg .post-thumb,
    .widget_bzotech_bloglistpostswidget .wg-post-list .item-post-wg .post-info{
        width: 100%;
    }
    .widget_nav_menu ul.sub-menu, .widget_nav_menu ul.children{
        padding-left: 12px;
    }

}

@media(max-width: 767px){
    .widget_bzotech_bloglistpostswidget .wg-post-list .item-post-wg{
        margin: 0;
    }
    
    .sidebar-right{
        margin-top: 50px;
    }

    .onpen-sidebar .sidebar-type-style2 .group-filters-shop {
        right: 0;
    }

    .sidebar-type-style2 .group-filters-shop {
        position: fixed;
        top: 0;
        right: 100%;
        width: 100%;
        background: #fff;
        z-index: 9999;
        padding: 50px 20px 0;
        border: none;
        overflow-y: auto;
        scrollbar-width: none;
        height: 100%;
        transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
    }
    .sidebar-type-style2 .group-filters-shop .close-filters {
        position: absolute;
        top: 20px;
        right: 20px;
        display: inline-block;
    }
}