.theme-johnodesigns section.section-posts{overflow:hidden;padding-bottom:100px}.theme-johnodesigns section.section-posts .jd__grid .card{aspect-ratio:3/4;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;border-radius:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;justify-content:flex-end;outline:1px solid hsla(0,0%,100%,.102);overflow:hidden;padding:1.2rem;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}.theme-johnodesigns section.section-posts .jd__grid .card a{height:100%}.theme-johnodesigns section.section-posts .jd__grid .card a .post__image,.theme-johnodesigns section.section-posts .jd__grid .card a picture{aspect-ratio:3/4;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.theme-johnodesigns section.section-posts .jd__grid .card a .post__image img,.theme-johnodesigns section.section-posts .jd__grid .card a picture img{-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}.theme-johnodesigns section.section-posts .jd__grid .card a .post__image:after,.theme-johnodesigns section.section-posts .jd__grid .card a .post__image:before,.theme-johnodesigns section.section-posts .jd__grid .card a picture:after,.theme-johnodesigns section.section-posts .jd__grid .card a picture:before{border-radius:20px;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;width:100%;z-index:1}.theme-johnodesigns section.section-posts .jd__grid .card a .post__image:after,.theme-johnodesigns section.section-posts .jd__grid .card a picture:after{background:linear-gradient(45deg,var(--col-dark),transparent);opacity:.6}.theme-johnodesigns section.section-posts .jd__grid .card a .post__image:before,.theme-johnodesigns section.section-posts .jd__grid .card a picture:before{background:linear-gradient(45deg,var(--col-accent),transparent);opacity:.2}.theme-johnodesigns section.section-posts .jd__grid .card .content{pointer-events:none;z-index:1}.theme-johnodesigns section.section-posts .jd__grid .card .content h2,.theme-johnodesigns section.section-posts .jd__grid .card .content h3,.theme-johnodesigns section.section-posts .jd__grid .card .content h4,.theme-johnodesigns section.section-posts .jd__grid .card .content h5,.theme-johnodesigns section.section-posts .jd__grid .card .content h6{color:var(--col-white)}.theme-johnodesigns section.section-posts .jd__grid .card .content p{font-size:inherit}.theme-johnodesigns section.section-posts .jd__grid .card:hover{outline:2px solid var(--col-accent);outline-offset:5px}.theme-johnodesigns section.section-posts .jd__grid .card:hover .post__image:before,.theme-johnodesigns section.section-posts .jd__grid .card:hover picture:before{opacity:.8}.theme-johnodesigns section.section-posts .jd__grid .card:hover .post__image:after,.theme-johnodesigns section.section-posts .jd__grid .card:hover picture:after{opacity:.4}.theme-johnodesigns section.section-posts .jd__grid .card:hover .post__image img,.theme-johnodesigns section.section-posts .jd__grid .card:hover picture img{-webkit-transform:scale(1.1);transform:scale(1.1)}.theme-johnodesigns section.section-posts .jd__grid .card:hover .lucide{opacity:1;stroke-width:1px}.theme-johnodesigns section.section-posts .swiper.case_study{overflow:visible}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide{aspect-ratio:5/3;width:76.9230769231%;-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}@media only screen and (max-width:979px){.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide{aspect-ratio:3/4}}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;height:100%;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;border-radius:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;justify-content:flex-end;margin:0;max-width:unset;outline:1px solid hsla(0,0%,100%,.102);overflow:hidden;padding:1.2rem;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card a{height:100%}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card a .post__image,.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card a picture{aspect-ratio:3/4;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card a .post__image img,.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card a picture img{-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card a .post__image:after,.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card a .post__image:before,.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card a picture:after,.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card a picture:before{border-radius:20px;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;width:100%;z-index:1}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card a .post__image:after,.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card a picture:after{background:linear-gradient(45deg,var(--col-dark),transparent);opacity:.6}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card a .post__image:before,.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card a picture:before{background:linear-gradient(45deg,var(--col-accent),transparent);opacity:.2}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card .content{pointer-events:none;z-index:1}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card .content h2,.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card .content h3,.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card .content h4,.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card .content h5,.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card .content h6{color:var(--col-white)}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card .content p{font-size:inherit}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card:hover{outline:2px solid var(--col-accent);outline-offset:5px}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card:hover .post__image:before,.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card:hover picture:before{opacity:.8}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card:hover .post__image:after,.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card:hover picture:after{opacity:.4}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card:hover .post__image img,.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card:hover picture img{-webkit-transform:scale(1.1);transform:scale(1.1)}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-wrapper .swiper-slide .card:hover .lucide{opacity:1;stroke-width:1px}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-pagination{background:rgba(0,0,0,.102);border-radius:4px;bottom:unset;left:unset;margin-left:20px;margin-top:20px;padding:8px 5px;position:relative;right:unset;top:unset;-webkit-transform:none;transform:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-pagination span{background:grey}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-pagination span.swiper-pagination-bullet-active-main{background:var(--col-accent)}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-button-next,.theme-johnodesigns section.section-posts .swiper.case_study .swiper-button-prev{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;float:left;height:20px;left:unset;margin:0 20px 0 0;position:absolute;right:0;top:unset;width:20px}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-button-next svg,.theme-johnodesigns section.section-posts .swiper.case_study .swiper-button-prev svg{fill:var(--col-white)}.theme-johnodesigns section.section-posts .swiper.case_study .swiper-button-prev{margin-right:60px}