.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 rgb(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;text-transform:none}.installationCard .installationContents h6{font-family:sans-serif!important;font-size:15px;margin:10px 0;background:#9dc33b;width:fit-content;padding:3px 9px;border-radius:4px;color:#333;font-weight:600}.dailyinstallSwiper{margin:30px 0 0}.dailyinstallSwiper .swiper-wrapper .swiper-slide{position:relative;overflow:hidden;border-radius:20px}.dailyinstallSwiper .swiper-wrapper .swiper-slide img{width:100%;height:clamp(250px,50vh,350px);object-fit:cover;border-radius:20px;transition:transform .5s cubic-bezier(.25, .46, .45, .94)}@media (min-width:2000px){.dailyinstallSwiper .swiper-wrapper .swiper-slide img{height:clamp(250px,50vh,420px)}}@media (max-width:1400px){.dailyinstallSwiper .swiper-wrapper .swiper-slide img{height:clamp(250px,50vh,250px)}.dailyinstallSwiper .swiper-wrapper .swiper-slide:hover .slide-text{padding:30px 25px}.dailyinstallSwiper .swiper-wrapper .swiper-slide:hover .slide-text h3{font-size:1.1rem;padding:10px}.dailyinstallSwiper .swiper-wrapper .swiper-slide:hover .slide-text p{margin:0 10px}}@media (max-width:1024px){.dailyinstallSwiper .swiper-wrapper .swiper-slide img{height:clamp(280px,50vh,280px)}.dailyinstallSwiper .swiper-wrapper .swiper-slide:hover .slide-text h3{font-size:1.1rem;padding:10px}.dailyinstallSwiper .swiper-wrapper .swiper-slide:hover .slide-text p{margin:0 10px}.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:768px){.dailyinstallSwiper .swiper-wrapper .swiper-slide img{height:clamp(240px,50vh,240px)}.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:320px){.dailyinstallSwiper .swiper-wrapper .swiper-slide img{height:clamp(250px,50vh,300px)}}.dailyinstallSwiper .swiper-wrapper .swiper-slide::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,.6) 40%,rgba(0,0,0,.1) 70%,transparent 100%);opacity:0;transition:opacity .4s;border-radius:20px;z-index:1}.dailyinstallSwiper .swiper-wrapper .swiper-slide:hover::before{opacity:1}.dailyinstallSwiper .swiper-wrapper .swiper-slide:hover img{transform:scale(1.1)}.dailyinstallSwiper .swiper-wrapper .swiper-slide .slide-text{position:absolute;bottom:0;left:0;right:0;padding:30px 35px;z-index:2;transform:translateY(100%);transition:transform .4s cubic-bezier(.25, .46, .45, .94),opacity .4s;opacity:0}.dailyinstallSwiper .swiper-wrapper .swiper-slide:hover .slide-text,.dailyinstallSwiper .swiper-wrapper .swiper-slide:hover .slide-text h3,.dailyinstallSwiper .swiper-wrapper .swiper-slide:hover .slide-text p{transform:translateY(0);opacity:1}.dailyinstallSwiper .swiper-wrapper .swiper-slide .slide-text p{font-family:Poppins,sans-serif!important;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin:10px 0 12px;background:linear-gradient(135deg,#9dc33b 0,#7aa82e 100%);width:fit-content;padding:6px 14px;border-radius:30px;color:#1a1a1a;font-weight:600;box-shadow:0 4px 15px rgba(157,195,59,.3);transform:translateY(20px);opacity:0;transition:transform .4s .1s,opacity .4s .1s}.dailyinstallSwiper .swiper-wrapper .swiper-slide .slide-text h3{color:#fff;font-size:1.4rem;font-weight:700;margin:0;text-transform:none;line-height:1.4;text-shadow:0 2px 10px rgba(0,0,0,.3);transform:translateY(20px);opacity:0;transition:transform .4s .15s,opacity .4s .15s}.dailyinstallSwiper .swiper-wrapper .swiper-slide .slide-text::before{content:"";position:absolute;top:0;left:25px;width:50px;height:3px;background:linear-gradient(90deg,#9dc33b,transparent);border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform .4s .2s}.dailyinstallSwiper .swiper-wrapper .swiper-slide:hover .slide-text::before{transform:scaleX(1)}.dailyinstallSwiper .swiper-button-prev{left:-50px!important}@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: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: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}}