.web-stories-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 20px;
}
article.web-story {
    transition: transform 0.2s;
        overflow: hidden;
}
article.web-story:hover{
     border-radius: 24px;
      box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px, rgba(49, 49, 49, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.05) 0px 16px 16px, rgba(49, 49, 49, 0.05) 0px 22px 22px, rgba(35, 35, 35, 0.02) 0px 64px 64px;
    transform: translate(0, -4px);
}
.webstories-img img {
    border-radius: 24px;
    width:100%;
}
.webstores-content {
    padding: 10px 15px 15px 15px;
}
.webstores-content h2 {
  margin: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
a:hover{
    cursor:pointer;
}
.footer-menu ul{
    column-count: 3;
}
.touch-inner a {
    color: #fff;
}

span.light-font {
    font-weight: 300;
}

.ft-head h3:before {
    content: "";
    background-color: #5d5d5d;
    width: 32%;
    height: 2px;
    left: 0;
    position: absolute;
    top: 100%;
}
.ft-head h3 {
      padding-bottom: 12px;
    margin-bottom: 30px;
    position: relative;
}
.web-stories {
    padding-top: 30px;
    padding-bottom: 30px;
}

article.web-story:hover img {
    transition: .4s;
}
article.web-story:hover img {
    border-radius: 0px;
}
.webstores-content h2 a:hover {
    color: #ECB91E;
}







@media only screen and (max-width:1024px){
  .web-stories-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}
.footer-menu ul{
    column-count: 2;
}

.ft-head h3 {
    margin-bottom: 10px;
}
.footer-box .elementor-image-box-wrapper {
    display: flex;
       text-align: left !important;
        flex-direction: row;
        align-items: center;
        gap: 0px 18px;
}
.footer-box .elementor-image-box-img {
    width: 10% !important;
}

.footer-box .elementor-image-box-content {
    width: 90%;
}
.web-stories {
    padding-top: 10px;
    padding-bottom: 10px;
}
}
















