.jws-post-readmore:hover {
    span {
        animation: bounceAlpha 0.7s both;
        -webkit-animation: bounceAlpha 0.7s both;
    }
}
.jws-blog-element {
  .jws_post_image {
    img {
      width: 100%;
     transition: opacity 0.5s ease,transform 2s cubic-bezier(0,0,.44,1.18),-webkit-transform 2s cubic-bezier(0,0,.44,1.18); 
    }
  }
  &.has-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    .post_nav_container {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 36%;
      flex: 0 0 36%;
      max-width: 36%;
      .post_nav {
        padding: 0;
        list-style-type: none;
        margin: 0;
        li {
          font-size: 16px;
          font-weight: 600;
          letter-spacing: 1px;
          margin: 0px 0px 18px 0px;
          a {
            color: var(--heading);
            position: relative;
          }
        }
      }
    }
    .blog_content {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 64%;
      flex: 0 0 64%;
      max-width: 64%;
    }
  }
  .jws_blog_slider {
    &.row {
      .jws_blog_item {
        padding: 0 15px;
      }
    }
  }

.jws_blog_layout1 {
      width: ~"calc(100% + 30px)";
    padding: 0 15px;
    margin-left: -15px; 
    overflow: hidden;
    .slick-list {
  overflow: visible;
}
.slick-track .slick-slide {
    opacity: 0;
    transition: 0.1s all;
}
.slick-track .slick-active {
    opacity: 1;
}
.slick-dots {
  margin-top: 21px !important;  
}
.jws_post_wap {
   box-shadow: 0.209px 2.993px 54.28px 4.72px rgba(25, 4, 2, 0.05);
   background:var(--light);
      overflow: hidden;
      .jws_post_image {
         overflow: hidden;
      }
      &:hover {
        .jws_post_image {
            img {
                  transform: scale(1.09);  
            }
        }
      }
      .jws_post_content {
        padding: 25px 23px 38px;
        .entry-title {
          margin-top: 4px;
          margin-bottom: 12px;
          a {
                font-size: 20px;
                font-weight: bold;
                color: var(--heading);
                display: block;
                line-height: 28px;
                &:hover {
                    color: var(--main);
                }
          }
        }
        .entry-date {
            font-size:13px;
            a {
                color:var(--body);
            }
        }
        .jws-post-readmore {
           font-weight:500; 
           position: relative;
           font-size: 13px;
            span:first-child {
                opacity:0;
                position: absolute;
                left: 0;
           }
           &:hover {
                padding-left: 25px;
                span:first-child {
                    opacity:1;
                }
                span:last-child {
                   animation: bounceAlpha_hiden 0.4s both;
                }
           }
          span {
                margin-left: 2px;
                font-size: 20px;
                display: inline-block;
                vertical-align: middle;
          }
        }
        .jws_post_excerpt {
              margin-bottom: 14px;  
        }
        .blog-bottom {
            .blog-bottom-left {
                float:right;
            }
        }
        .car-share {
                position: relative;
           .car-share-btn {
                color: var(--body);
                font-size: 15px;
                cursor: pointer;
                margin-left: 5px;
                opacity: 0.5;
                transition: 0.3s all;
                &:hover {
                   opacity: 1;
                   color: var(--heading); 
                }
           } 
           .car-share-popup {
                opacity: 0;
                visibility: hidden;
                transition: 0.3s all;
                position: absolute;
                width: 100px;
                text-align: center;
                right: 0;
                background: #ffffff;
                bottom: 120%;
                box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
                a {
                    color: var(--heading);
                    margin: 0 5px;
                    font-size: 12px;  
                }
           }
           &.opened {
            .car-share-popup {
              opacity: 1;
              visibility: visible;  
            }
           }
        }
      }
    }
  }
  .jws_blog_layout2 {
    overflow: hidden;
    .jws_post_wap {
        &:hover {
            img {
               transform: scale(1.09);
            }
        }
        .jws_post_image {
         margin-bottom: 24px;
          overflow: hidden;  
        }
      .jws_post_content {
        .entry-title {
          margin-top: 4px;
          margin-bottom: 12px;
          a {
                font-size: 20px;
                font-weight: bold;
                color: var(--heading);
                line-height: 30px;
          }
        }
        .entry-date {
            font-size:13px;
        }
        .jws-post-readmore {
           font-weight:500; 
           position: relative;
           span:first-child {
                opacity:0;
                position: absolute;
                left: 0;
           }
           &:hover {
                padding-left: 25px;
                span:first-child {
                    opacity:1;
                }
                span:first-child {
                   animation: bounceAlpha_display 0.4s both;
                   animation-delay: 0.2s;
                }
                span:last-child {
                   animation: bounceAlpha_hiden 0.4s both;
                }
           }
          span {
                margin-left: 2px;
                font-size: 20px;
                display: inline-block;
                vertical-align: middle;
          }
        }
        .entry-category {
                margin-bottom: 11px;
            a {
               color:var(--body); 
               &:hover {
                color:var(--main); 
               }
            }
        }
        .blog-bottom {
            .blog-bottom-left {
                float:right;
            }
        }

      }
    }
  }
}
.jws_pagination {
  .jws-load-more {
    background: var(--main);
    color: #ffffff;
    font-weight: bold;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    padding: 8px 28px;
    display: inline-block;
    margin-top: 20px;
    .has-loaded {
      display: none;
    }
    &:hover {
      background: var(--heading);
    }
    &.all-items-loaded {
      pointer-events: none;
      cursor: no-drop;
      .has-loaded {
        display: inline-block;
      }
      .has-loading {
        display: none;
      }
    }
  }
}
/** Format **/

.video_format {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  a.url {
    display: inline-block;
    position: relative;
    transition: 0s all;
    .video_icon {
      font-size: 24px;
      height: 50px;
      line-height: 50px;
      width: 50px;
      text-align: center;
      border-radius: 100%;
      -webkit-border-radius: 100%;
      position: relative;
      z-index: 1;
      display: block;
      transition: 0.3s all;
      font-size: 12px;
      background: #ffffff;
    }
    &:before {
      position: absolute;
      transform: translateX(-50%) translateY(-50%);
      display: block;
      border-radius: 50%;
      top: 50%;
      left: 50%;
      content: "";
      border: 1px solid rgba(255, 255, 255, 0.1);
      height: ~"calc(50px + 10px)";
      width: ~"calc(50px + 10px)";
    }
    &:after {
      position: absolute;
      display: block;
      border-radius: 50%;
      top: -5px;
      left: -5px;
      content: "";
      border: 1px solid #ffffff;
      border-right-color: transparent !important;
      border-bottom-color: transparent !important;
      -webkit-animation: load-spin 3s infinite linear;
      animation: load-spin 3s infinite linear;
      height: ~"calc(50px + 10px)";
      width: ~"calc(50px + 10px)";
    }
  }
}

.elementor-nav-slider-align-center {
   .custom_navs {
        margin:0 auto;
   }  
}

.elementor-nav-slider-align-right {
   .custom_navs {
        margin-left:auto;
   }  
}


@media(max-width:767px) {
    
  .jws-blog-element .jws_blog_layout3 .jws_post_wap .jws_post_content .jws_post_meta {
    display:block;
    > div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; 
    }
    .right {
        text-align: left;
        > a , > span {
            margin-left:0;
            margin-right: 15px;
        }
    }
  }  
  
  .jws-blog-element .jws_blog_layout2 .jws_post_wap {
    .jws_post_image {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .jws_post_content {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  .jws-blog-element.has-nav {
    display: block;
    .post_nav_container {
      max-width: 100%;
      .post_nav li {
        display: inline-block;
        margin: 0 5px;
      }
    }
    .blog_content {
      max-width: 100%;
    }
  }
}

.slick-dots {
     list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;
    margin-top: 11px !important;
  li {
    width:14px;
    height: 14px;
       margin: 0 5px;
    border:1px solid transparent;
    border-radius: 100%;
display: inline-block;
    position: relative;
cursor: pointer;
&.slick-active {
    border-color:var(--main);
}
  button {
        width: 6px;
        height: 6px;
        border-radius: 100%;
        background: var(--main);
        border: 0;
        display: block;
        padding: 0;
        font-size: 0;
        margin: 3px;
    }
  }   
}

 .car-share {
        position: relative;
   .car-share-btn {
            color: var(--body);
            font-size: 15px;
            cursor: pointer;
            margin-left: 5px;
            transition: 0.3s all;
            opacity: 0.5;
            &:hover {
                color:var(--main);
                opacity: 1;
            }
   } 
   .car-share-popup {
        opacity: 0;
        visibility: hidden;
        transition: 0.3s all;
        position: absolute;
        width: 100px;
        text-align: center;
        right: 0;
        background: #ffffff;
        bottom: 120%;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        a {
            color: var(--body);
            margin: 0 5px;
            font-size: 12px;  
            opacity: 0.5;
            &:hover {
                color:var(--heading);
                opacity: 1;
            }
        }
   }
   &.opened {
    .car-share-popup {
      opacity: 1;
      visibility: visible;  
    }
   }
}

@media(max-width:767px) {
    .jws-blog-element .jws_blog_layout1 {
        padding:0;
        width: 100%;
    }
}