.chy-project-5-area .section-title-wrap{max-width:775px;margin-right:auto;margin-left:auto}.chy-project-5-area .section-title-wrap .chy-para-4{max-width:570px;margin-left:auto;margin-right:auto;margin-bottom:50px}.chy-project-5-wrap{align-items:start;display:flex;gap:30px}@media only screen and (min-width:992px) and (max-width:1199px){.chy-project-5-wrap{grid-template-columns:1fr 1fr}}.chy-project-5-wrap2{display:flex;gap:30px;align-items:end}@media only screen and (min-width:992px) and (max-width:1199px){.chy-project-5-wrap2{grid-template-columns:1fr 1fr}}.chy-project-5-item{flex:0 0 auto}.chy-project-5-item .main-img{position:relative;width:682px;height:730px;overflow:hidden;border-radius:0 0 100px 100px}@media only screen and (min-width:1600px) and (max-width:1799px),only screen and (min-width:1400px) and (max-width:1599px){.chy-project-5-item .main-img{border-radius:0 0 50px 50px}}@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){.chy-project-5-item .main-img{border-radius:0 0 50px 50px;height:530px}}@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){.chy-project-5-item .main-img{border-radius:0 0 50px 50px;height:530px;width:100%}}.chy-project-5-item .main-img::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(180deg,#fff0 0%,#815EDC 100%);transition:400ms ease-in-out;opacity:0}.chy-project-5-item .main-img .btn-position{position:absolute;top:0%;left:50%;transform:translate(-50%,-50%);z-index:1;opacity:0;transition:400ms ease-in-out}.chy-project-5-item .content-wrap{position:absolute;bottom:-100%;left:0;padding:50px;z-index:1;width:100%;transition:400ms cubic-bezier(.32,.36,.58,1);opacity:0}@media only screen and (min-width:1600px) and (max-width:1799px),only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){.chy-project-5-item .content-wrap{padding:30px}}.chy-project-5-item .subtitle{font-size:20px;font-weight:600;line-height:30px;background:linear-gradient(90deg,#FF7469 -2.17%,#FFB06D 100%);display:inline-block;padding:7px 20px;color:#fff;border-radius:6px}.chy-project-5-item .title{font-size:32px;line-height:1.06;font-weight:700;background:#E7E0F2;padding:20px;border-radius:5px}@media only screen and (min-width:1600px) and (max-width:1799px){.chy-project-5-item .title{font-size:26px}}@media only screen and (min-width:1400px) and (max-width:1599px){.chy-project-5-item .title{font-size:24px}}@media only screen and (min-width:1200px) and (max-width:1399px){.chy-project-5-item .title{font-size:22px}}@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){.chy-project-5-item .title{font-size:20px}}.chy-project-5-item .title:hover{color:var(--chy-pr-5)}.chy-project-5-item .p5-btn{z-index:1;position:relative;display:inline-block;width:148px;height:148px;border-radius:50%;border:3px solid #fff;background:rgb(255 255 255 / .1);backdrop-filter:blur(5px);font-size:70px;line-height:160px;text-align:center;color:#fff;transition:400ms ease-in-out}.chy-project-5-item .p5-btn::after{content:"";width:100%;height:100%;top:0;left:0;border-radius:50%;background:var(--chy-gd-1);position:absolute;z-index:-1;transform:scale(0);opacity:0;transition:400ms ease-in-out}.chy-project-5-item .p5-btn:hover{border-color:#fff0}.chy-project-5-item .p5-btn:hover::after{opacity:1;transform:scale(1)}.chy-project-5-item:hover .main-img .btn-position{top:40%;opacity:1}.chy-project-5-item:hover .main-img::after{opacity:1}.chy-project-5-item:hover .main-img .content-wrap{bottom:0%;opacity:1}.chy-project-5-item:is(.has-height-1) .main-img{height:610px}@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){.chy-project-5-item:is(.has-height-1) .main-img{height:430px}}.chy-project-5-item:is(.has-height-2) .main-img{height:770px;border-radius:0 0 50px 50px}@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){.chy-project-5-item:is(.has-height-2) .main-img{height:500px}}.chy-project-5-item:is(.has-style-1) .main-img{border-radius:100px 100px 0 0}