header{padding:0 20px}header .con{max-width:1232px;height:576px;margin:40px auto;border-radius:16px;background-size:cover;overflow:hidden;display:flex;justify-content:end;align-items:flex-start;position:relative}header .con .bg-img{position:absolute;top:0;right:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;z-index:-1}header .content{background-color:#fff;width:920px;max-width:100%;height:240px;border-radius:16px;padding:45px 42px;box-shadow:0 4px 4px #00000040;display:flex;flex-direction:column;justify-content:space-between}header .content .date p{font-size:12px;font-weight:700}header .content .date span{font-size:12px;font-weight:500;color:#999}header .content h1{font-size:32px;font-weight:700;color:var(--primary-color)}header .content .dis{font-size:16px;font-weight:400;color:#666}@media (max-width: 992px){header .con{justify-content:center;align-items:center;padding:20px}header .content{height:auto;max-height:90%;padding:25px 22px}header .content h1{font-size:18px}header .content .dis{font-size:12px;margin-top:10px}}.articles-sec p{font-size:32px;font-weight:400;margin-bottom:20px}.articles-sec .con{max-width:1233px;margin:auto}@media (max-width: 992px){.articles-sec .con{padding:0 20px}.articles-sec p{font-size:24px}}.blog{padding:24px 32px;margin:40px 0}.blog h1{font-size:40px;color:var(--primary-color)}.blog .blogs-con{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,400px));gap:2rem;max-width:1277px;margin:30px auto}.blog .con{max-width:1277px;margin:auto}.blog .blogs-item{height:587px;border-radius:12px;overflow:hidden;padding:24px 24px 60px;display:flex;flex-direction:column;justify-content:end;transition:all .3s ease-in-out;cursor:pointer}.blog .blogs-item .img-con{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.blog .blogs-item .img-con img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog .blogs-item .content{color:#fff;position:relative;z-index:1;transition:all .3s ease-in-out}.blog .blogs-item .content .date{font-size:12px}.blog .blogs-item .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000,#00000061 71%,#0000005f 80.33%);z-index:0}.blog .blogs-item .green-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:var(--primary-color);transition:all .3s ease-in-out;z-index:1}.blog .blogs-item:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:30px;background-color:var(--primary-color);transition:all .3s ease-in-out}.blog .blogs-item .overlay-more{opacity:0;transition:all .3s ease-in-out;position:relative;z-index:2;font-size:24px;color:#fff;position:absolute;left:0;bottom:60px;width:100%;padding:0 24px}.blog .blogs-item .overlay-more .arrow-icon{width:44px;height:44px;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center}.blog .blogs-item .overlay-more p{font-size:24px}.blog .blogs-item:hover .content{transform:translateY(-400px)}.blog .blogs-item:hover .green-overlay,.blog .blogs-item:hover .overlay-more{opacity:1}@media (max-width: 992px){.blog h1{font-size:26px}}