.hero-wrapper{position:relative}.hero-container{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:80vh;display:flex;position:relative}.hero-container h1{color:#fff;font-size:48px}.hero-container h2{color:#e6e6e6;margin:10px 0;font-size:40px}.hero-container h3{color:#ccc;margin-bottom:40px;font-size:26px}.hero-bg{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;top:0}@media (max-width:768px){.hero-container h1{font-size:36px}.hero-container h2{font-size:30px}.hero-container h3{font-size:26px}}@media (max-width:425px){.hero-container h1{width:80%;font-size:32px}.hero-container h2{width:80%;font-size:26px}.hero-container h3{width:80%;font-size:20px}}
.focusarea-container{flex-direction:column;justify-content:center;align-items:center;margin-bottom:30px;padding:40px 120px;display:flex}.focus-head{justify-content:center;width:100%;display:flex;position:relative}.focus-head h4{color:var(--accent-sec);text-transform:uppercase;background-color:#fff;padding:0 20px;position:relative}.focus-head hr{background:#666;border:0;width:100%;height:1px;position:absolute;top:30%}.focus-foot{justify-content:center;width:100%;margin-top:30px;display:flex;position:relative}.focus-foot hr{background:#666;border:0;width:100%;height:2px;position:absolute;top:30%}.focus-card-collection{grid-template-columns:auto auto auto auto;gap:20px 40px;margin-top:30px;display:grid}.focus-card{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.focus-card img{object-fit:cover;filter:brightness(.6);border-radius:10px;width:100%}.focus-card h3{text-align:center;color:#fff;width:90%;position:absolute}.focus-card:hover{transition:all .3s;transform:translateY(-4px);box-shadow:0 0 10px 1px rgba(0,0,0,.314)}@media (max-width:1024px){.focusarea-container{padding:40px 60px}.focus-card-collection{grid-template-columns:auto auto}}@media (max-width:768px){.focusarea-container{padding:40px 20px}.focus-card-collection{grid-template-columns:auto}}
.bigblogcard-container{padding:20px}.bigblogcard-container img{object-fit:cover;border-radius:10px;width:100%;height:446px}.bigblogcard-container h3{margin-top:5px}.bigblogcard-container p{color:var(--accent-ter);margin-top:10px;font-size:16px}.bigblogcard-container .big-blog-info{color:hsl(from var(--accent-ter)h s calc(l - 10));justify-content:space-between;margin-top:5px;display:flex}.bigblogcard-carousel{padding:20px;position:relative;overflow:hidden}.bigblogcard-carousel-wrapper{width:100%;position:relative;overflow:hidden}.bigblogcard-carousel-inner{width:auto;transition:transform .5s ease-in-out;display:flex}.bigblogcard-carousel-slide{box-sizing:border-box;flex:0 0 100%;min-width:100%}.bigblogcard-carousel-slide h3,.bigblogcard-carousel-slide p{word-break:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.bigblogcard-carousel-arrow{cursor:pointer;width:50px;height:50px;color:var(--accent-sec);z-index:10;background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.1);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 12px rgba(0,0,0,.15)}.bigblogcard-carousel-arrow:hover:not(.disabled){border-color:var(--primary);background:#fff;transform:translateY(-50%)scale(1.05);box-shadow:0 4px 20px rgba(0,0,0,.2)}.bigblogcard-carousel-arrow.disabled{opacity:.4;cursor:not-allowed;background:rgba(255,255,255,.5)}.bigblogcard-carousel-arrow-left{left:10px}.bigblogcard-carousel-arrow-right{right:10px}@media (max-width:768px){.bigblogcard-container img{height:256px}.bigblogcard-carousel-arrow{width:40px;height:40px}.bigblogcard-carousel-arrow-left{left:5px}.bigblogcard-carousel-arrow-right{right:5px}}@media (max-width:425px){.bigblogcard-container{padding:0}.bigblogcard-container h3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bigblogcard-container .big-blog-info .big-blog-category{white-space:nowrap;text-overflow:ellipsis;width:50%;overflow:hidden}.bigblogcard-carousel{padding:0}.bigblogcard-carousel-arrow{width:35px;height:35px}}