.article-category-hero-section{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;position:relative}.article-category-hero-section .article-category-banner-image-wrapper{width:100%;height:85%;background-color:#ff541f;z-index:1;border-radius:20px;object-fit:cover}.article-category-hero-section .article-category-banner-image-wrapper .article-category-banner-image{width:100%;height:100%;background-color:#ff541f;z-index:1;border-radius:20px;object-fit:cover}.article-category-hero-section .article-carousal-container{height:35%;width:93%;z-index:1;position:absolute;bottom:0}.article-category-hero-section .article-carousal-container .article-carousal-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:end}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container{height:350px;width:100%;display:flex;flex-direction:row;gap:10px;align-items:end;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container::-webkit-scrollbar{display:none}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container{height:250px;min-width:350px;background-color:rgba(252,252,255,.862745098);border:.5px solid #e4e7ea;border-radius:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:height .3s ease,background-color .3s ease,transform .3s ease;margin-right:10px;display:flex;justify-content:center;align-items:center}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container:last-child{margin-right:0}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container.addBackground{height:300px!important;background-color:#363636!important;z-index:3;color:#fff;transform:scale(1)}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container .hero-section-article-wrapper{height:90%;width:90%;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:20px}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container .hero-section-article-wrapper .hero-section-article-header-section{width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:16px}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container .hero-section-article-wrapper .hero-section-article-header-section .hero-section-article-arrow-mark{margin-right:-12px;margin-top:-15px}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container .hero-section-article-wrapper .hero-section-article-heading{text-align:left;font-size:20px;font-weight:700;cursor:pointer}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container .hero-section-article-wrapper .hero-section-article-heading:hover{opacity:.7}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container .hero-section-article-wrapper .hero-section-article-heading .link{text-decoration:none;color:#363636}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container .hero-section-article-wrapper .hero-section-article-heading .link.addBackground{color:#fff}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container .hero-section-article-wrapper .hero-section-article-description{text-align:left;font-size:14px;font-weight:400}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container .hero-section-article-wrapper .hero-section-article-meta-wrapper{width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-between}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-arrow-container{height:80px;margin-right:-10px;margin-left:10px}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-arrow-container .hero-section-arrow-wrapper{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:10px}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-arrow-container .hero-section-arrow-wrapper .hero-section-arrow-mark{height:50px;width:50px;background-color:rgba(252,252,255,.862745098);border:.5px solid #e4e7ea;border-radius:1000px;display:flex;justify-content:center;align-items:center}.article-category-hero-section .carousel-dots{display:flex;justify-content:center;position:absolute;bottom:-30px}.article-category-hero-section .carousel-dots .dot{width:8px;height:8px;border:none;border-radius:100px;background-color:#b2b2b2;margin:0 5px;cursor:pointer;transition:background-color .3s ease}.article-category-hero-section .carousel-dots .dot.active{background-color:#363636}@media(max-width:800px){.article-category-hero-section{width:100%;height:55vh;display:flex;flex-direction:column;align-items:center;position:relative}.article-category-hero-section .article-category-banner-image-wrapper{width:98%;height:80%;background-color:#ff541f;z-index:1;border-radius:20px}.article-category-hero-section .article-category-banner-image-wrapper .article-category-banner-image{width:100%;height:100%;background-color:#ff541f;z-index:1;border-radius:20px}.article-category-hero-section .article-carousal-container{height:35%;width:100%!important;z-index:1;position:absolute;bottom:0}.article-category-hero-section .article-carousal-container .article-carousal-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:end}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container{height:210px;width:100%;display:flex;flex-direction:row;gap:10px;align-items:end;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container::-webkit-scrollbar{display:none}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container{height:175px;min-width:270px;width:80%;max-width:300px!important;background-color:rgba(252,252,255,.862745098);border:.5px solid #e4e7ea;border-radius:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:height .3s ease,background-color .3s ease;margin-right:10px;display:flex;justify-content:center;align-items:center;scroll-snap-align:center}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container:last-child{margin-right:0}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container.addBackground{height:200px!important;background-color:#363636!important;z-index:3;color:#fff;transform:scale(1)}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container .hero-section-article-wrapper{height:90%;width:90%;display:flex;flex-direction:column;justify-content:start;align-items:start}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container .hero-section-article-wrapper .hero-section-article-header-section{width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:12px}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container .hero-section-article-wrapper .hero-section-article-heading{text-align:left;font-size:18px;font-weight:700}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container .hero-section-article-wrapper .hero-section-article-description{text-align:left;font-size:12px;font-weight:400}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container .hero-section-article-wrapper .hero-section-article-meta-wrapper{width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-between;font-size:12px}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-arrow-container{display:none;width:15%;height:80px;margin-left:10px}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-arrow-container .hero-section-arrow-wrapper{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-arrow-container .hero-section-arrow-wrapper .hero-section-arrow-mark{height:70px;width:70px;border:2px solid #767676;border-radius:1000px}.article-category-hero-section .carousel-dots{display:flex;justify-content:center;position:absolute;bottom:-30px}.article-category-hero-section .carousel-dots .dot{width:7px;height:7px;border:none;border-radius:100px;background-color:#b2b2b2;margin:0 5px;cursor:pointer;transition:background-color .3s ease}.article-category-hero-section .carousel-dots .dot.active{background-color:#363636}.article-category-hero-section .article-carousal-container .article-carousal-wrapper .hero-section-list-of-articles-container .hero-section-article-container .hero-section-article-wrapper .hero-section-article-header-section .hero-section-article-arrow-mark{margin-right:-12px;margin-top:-9px}}