﻿@media (min-width:1025px) {
    
#home-projects .swiper-wrapper{transform: initial!important;flex-wrap: wrap;justify-content: space-between;}
#projects #home-projects{padding: 0;}
#projects #home-projects .swiper-slide{width: 24%!important;margin: 0!important;margin-bottom: 20px;transform: initial;}
#projects #home-projects .swiper-slide.swiper-slide-active{transform: initial;}
#projects #home-projects .swiper-slide .projects-cont{opacity: 1;}
#projects #home-projects .swiper-slide.swiper-slide-prev,#projects #home-projects .swiper-slide.swiper-slide-next{transform: initial;}}
 .home-logo-pro{background:#f7f3f5;padding:3% 0}
.home-logo-pro .grid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);perspective:1000px}
.home-logo-pro .card{position:relative;width:100%;aspect-ratio:456/296;cursor:pointer}
.home-logo-pro .card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 0.5s}
.home-logo-pro .card:hover .card-inner,.home-logo-pro .card.is-flipped .card-inner{transform:rotateY(-180deg)}
.home-logo-pro .card-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;border-radius:12px;overflow:hidden;background:#fff}
.home-logo-pro .card-front img{width:70%;height:70%;object-fit:contain}
.home-logo-pro .card-back{transform:rotateY(180deg)}
.home-logo-pro .card-back img{width:100%;height:100%;object-fit:cover}
@media (max-width:768px){.home-logo-pro .grid{grid-template-columns:repeat(2,1fr)}}
.home-logo-pro .map img{width:100%}
.home-logo-pro .map{margin-top:20px}
.home-logo-pro .home-title{margin: 4% 0;}