.daily-installation{padding:80px 0;background:#232323}.daily-installation .section-title h2{font-size:3rem;font-weight:700;color:#9ec43d;text-align:left;margin:0 0 20px;text-transform:uppercase}.daily-installation .section-title p{font-size:16px;color:#fff;text-align:left}.daily-installation .d-installation-box{margin:30px 0 0;height:520px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;grid-template-areas:"installation-one installation-two installation-two" "installation-one installation-three installation-four"}.installation-one{grid-area:installation-one}.installation-two{grid-area:installation-two;height:320px}.installation-three{grid-area:installation-three}.installation-four{grid-area:installation-four}.installationCard{position:relative;width:100%;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5);transition:transform .3s}.installationCard .installationImage{transition:transform .5s;height:100%;width:100%}.installationCard .installationImage img{width:100%;height:100%;object-fit:cover;border-radius:25px}.installationCard:hover .installationContents{opacity:1;visibility:visible;transform:translateY(0)}.installationCard:hover .installationContents .btn{font-size:14px;padding:10px 17px}.installationContents{position:absolute;bottom:0;left:0;right:0;width:100%;background:#0c0b0bad;color:#fff;padding:40px 30px 30px;opacity:0;visibility:hidden;transform:translateY(20px);transition:.4s;border-radius:25px}@keyframes flipImage{0%{transform:scale(1)}100%,50%{transform:scale(.7) rotateY(90deg)}}@keyframes flipContents{0%{opacity:0;transform:translate(-50%,-50%) scale(.7) rotateY(-90deg)}50%{opacity:1;transform:translate(-50%,-50%) scale(.7) rotateY(-90deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotateY(0)}}.installationCard .installationContents p{color:#fff;margin:10px 0 0;line-height:1.6}.installationCard .installationContents h4{color:#fff;font-size:1.3rem;font-weight:600;margin:0}@media (min-width:2560px){.daily-installation .d-installation-box{height:480px}}@media (min-width:1920px){.daily-installation .d-installation-box{height:540px}}@media (max-width:1600px){.daily-installation .d-installation-box{height:530px}.installation-two{height:320px}}@media (max-width:1200px){.daily-installation .d-installation-box{height:350px}.installation-two{height:auto}.installationCard .installationContents h4{font-size:1.1rem}}@media (max-width:1024px){.daily-installation{padding:50px 0}.daily-installation .d-installation-box{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"installation-one installation-two installation-three" "installation-one installation-two installation-four"}.installationCard:hover .installationContents .btn{padding:5px 12px!important}}@media (max-width:992px){.daily-installation .section-title h2{font-size:2.2rem}.daily-installation{padding:40px 0}.daily-installation .d-installation-box{height:auto}}@media (max-width:768px){.daily-installation .section-title h2{font-size:2.2rem}.daily-installation .d-installation-box{grid-template-columns:1fr 1fr;grid-template-areas:"installation-one installation-two" "installation-three installation-four"}}@media (max-width:767px){.daily-installation{padding:20px 0}.daily-installation .d-installation-box{grid-template-columns:1fr;grid-template-areas:"installation-one" "installation-two" "installation-three" "installation-four"}.daily-installation .section-title h2{font-size:1.6rem}}