header{position:relative;height:calc(100vh - 104px);padding:50px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}header .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 .overlay{background:#00000078;height:100%;width:100%;position:absolute;top:0;left:0}header .content{padding:0 20px;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;max-width:100%}header .content h1{text-align:center;max-width:1076px;font-size:48px;font-weight:700;color:#fff}header .content p{text-align:center;max-width:800px;font-size:20px;font-weight:400;color:#fff;margin-bottom:50px;font-family:Lato,sans-serif}@media (max-width: 992px){header{justify-content:center}header .content h1{font-size:30px}header .content p{font-size:18px}}.categories-sec{padding:24px 32px;margin:40px auto 0}.categories-sec h1{font-size:40px;font-weight:700;text-align:center;color:var(--primary-color)}.categories-sec .dis{margin-top:20px;font-size:36px;font-weight:400;text-align:center}.categories-sec .ser-con{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,305px));gap:1rem;justify-content:center;width:100%;max-width:1277px;margin:30px auto;border-bottom:1px solid #c5cdc0;padding-bottom:40px}.categories-sec .ser-card{border-radius:12px;border:1px solid var(--primary-color);padding:20px 16px;display:flex;flex-direction:column;gap:12px;justify-content:space-between;transition:all .3s ease-in-out;cursor:pointer}.categories-sec .ser-card .icon-con{width:32px;height:32px;background-color:var(--primary-color);display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius);transition:all .3s ease-in-out}.categories-sec .ser-card h3{font-size:24px}.categories-sec .ser-card .card-dis{font-weight:400;color:#6d6e76;font-size:16px}.categories-sec .ser-card:hover{background-color:var(--primary-color)}.categories-sec .ser-card:hover .icon-con{background-color:#fff}.categories-sec .ser-card:hover .icon-con path{fill:var(--primary-color)}.categories-sec .ser-card:hover .card-dis,.categories-sec .ser-card:hover h3{color:#fff}@media (max-width: 992px){.categories-sec h1{font-size:30px}.categories-sec .dis{font-size:24px}}.blog{padding:24px 32px}.blog h1{font-size:40px;color:var(--primary-color)}.blog .dis{font-size:36px;font-weight:400;margin:20px 0 0}.blog .blogs-con{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,400px));gap:2rem;max-width:1277px;margin:30px 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}.custom-pagination .page-num,.custom-pagination .page-btn{width:42px;height:42px;border-radius:50%;background-color:#fff;color:#000;font-size:15px;cursor:pointer;transition:all .2s ease-in-out;display:flex;justify-content:center;align-items:center;font-weight:500;border:none;font-family:Inter,sans-serif}[lang=en] .custom-pagination .page-btn{transform:rotate(180deg)!important}.custom-pagination .page-btn{border:1px solid #00000026}.custom-pagination .page-btn:hover{background-color:#eee}.custom-pagination .page-num:hover{background-color:#6e8c6d;color:#fff}.custom-pagination .active{background-color:#6e8c6d;color:#fff;border:none}.custom-pagination .dots{padding:0 5px;font-size:18px;color:#666}.custom-pagination .page-btn i{font-size:16px}@media (max-width: 992px){.blog h1{font-size:30px}.blog .dis{font-size:28px}}