.announcement-marquee,.custom-navbar .dropdown,.news-card,.section-title{position:relative}.news-card,
.news-image{transition:transform .3s}.mg-sec-title h4,.section-title h2{clip-path:polygon(0 0,85% 0,100% 100%,0% 100%)}.mg-blog-post .bottom h4,.small-list-post h5.title,.small-post .title,.title_small_post{-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.btn-custom,.image-box,.info-item,.stats-box{text-align:center}.btn-custom,.custom-navbar a,.news-meta a,.news-title a,a,a:hover{text-decoration:none}.breadcrumb a:hover,.footer-wrap a:hover,.page-about a:hover{text-decoration:underline}:root{--akon-blue:#0669FF;--akon-dark:#333;--akon-light:#f8f9fa}*,::after,::before{padding:0;margin:0;box-sizing:border-box;font-family:'Work Sans',sans-serif}body{font-size:16px;font-weight:400;line-height:30px}.top-bar{background-color:#264571;padding:8px 15px}.logo-title{display:flex;align-items:center;gap:2px}.logo-title span{color:#fff;font-size:18px;font-weight:700}.logo-title img{height:80px;margin-right:10px}.custom-announcement-bar{background:#0076ff;font-family:Arial,sans-serif;padding:5px 0;overflow:hidden;position:relative}.announcement-wrapper{display:flex;align-items:center;overflow:hidden}.announcement-title{background:#fff;height:40px;clip-path:polygon(0 0,85% 0,100% 100%,0 100%);padding:0 20px;display:flex;align-items:center}.announcement-title h2{color:#0669ff;font-size:20px;font-weight:700;margin:0}.announcement-marquee{overflow:hidden;flex:1}.announcement-track{display:inline-block;white-space:nowrap;padding-left:100%;animation:20s linear infinite scroll-left}.announcement-item,.icon-circle{display:inline-flex;font-size:14px}.announcement-marquee:hover .announcement-track{animation-play-state:paused}.announcement-item{align-items:center;padding:0 50px;color:#fff;font-weight:700;white-space:nowrap}.icon-circle{align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#fff;color:red;margin-right:8px}.no-info{font-style:italic}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.custom-navbar{background-color:#264571}.custom-navbar a{color:#fff;padding:10px 15px;display:block;font-size:.875rem;font-weight:500;user-select:none}.news-category,.section-title h2{display:inline-block;font-weight:700}.custom-navbar a:focus,.custom-navbar a:hover{color:#0056b3;outline:0}.custom-navbar .dropdown>a{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.custom-navbar .arrow-down{margin-left:.25rem;display:flex;align-items:center}.custom-navbar .dropdown-content{position:absolute;background-color:#444;display:none;min-width:160px;z-index:1000;border-radius:.25rem;box-shadow:0 4px 8px rgba(0,0,0,.2);top:100%;left:0;margin-top:.25rem}.custom-navbar .dropdown-content a{color:#fff;padding:10px;font-weight:400;font-size:.875rem;white-space:nowrap;transition:background-color .2s;border-radius:.25rem}.custom-navbar .dropdown-content a:focus,.custom-navbar .dropdown-content a:hover{background-color:#0056b3;outline:0}.custom-navbar .dropdown:focus-within .dropdown-content,.custom-navbar .dropdown:hover .dropdown-content{display:block}.navbar-toggler{background-color:#fff;border:none;padding:.5rem .75rem;cursor:pointer;font-size:1.25rem;color:#264571;border-radius:.25rem;user-select:none}.navbar-toggler:focus{outline:0;box-shadow:0 0 0 3px rgba(0,86,179,.5)}@media (max-width:991px){.custom-navbar .nav-links{display:none;flex-direction:column;background-color:#343a40;width:100%;border-radius:.25rem;margin-top:.5rem}.custom-navbar .nav-links.show{display:flex}.custom-navbar .nav-links a{padding:10px 20px;border-bottom:1px solid rgba(255 255 255 / .1)}.custom-navbar .dropdown-content{position:static;background-color:transparent;box-shadow:none;margin:0;min-width:auto;border-radius:0}.custom-navbar .dropdown-content a{padding-left:30px;background-color:transparent;border-radius:0}.custom-navbar .dropdown:hover .dropdown-content{display:none}.custom-navbar .dropdown>a::after{content:"▼";float:right;margin-left:.5rem;font-size:.75rem;color:#fff}.custom-navbar .dropdown[aria-expanded=true]>a::after{content:"▲"}}.news-section{padding:10px 0;background-color:var(--akon-light)}.news-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:30px}.section-title{margin-bottom:30px;border-bottom:2px solid var(--akon-blue)}.section-title h2{background-color:var(--akon-blue);color:#fff;padding:8px 20px 8px 15px;margin:0;font-size:1.5rem}.news-card{height:250px;margin:0 10px;border-radius:6px;overflow:hidden}.news-category,.news-title{color:#fff;margin-bottom:10px}.news-card:hover{transform:translateY(-5px)}.news-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.news-card:hover .news-image{transform:scale(1.05)}.news-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.7) 100%)}.news-category{background-color:var(--akon-blue);font-size:.75rem;padding:4px 10px;border-radius:3px;text-transform:uppercase}.news-title{font-weight:600;font-size:1.1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-title a{color:inherit}.news-meta{color:rgba(255,255,255,.8);font-size:.8rem}.news-meta i{margin-right:5px}.news-meta a{color:rgba(255,255,255,.9);margin-right:15px}.news-slider .slick-next,.news-slider .slick-prev{width:40px;height:40px;z-index:1;background:rgba(255,255,255,.8);border-radius:50%;transition:.3s}.news-slider .slick-next:hover,.news-slider .slick-prev:hover{background:var(--akon-blue)}.news-slider .slick-prev{left:-20px}.news-slider .slick-next{right:-20px}.news-slider .slick-next:before,.news-slider .slick-prev:before{color:var(--akon-blue);font-size:20px}.breadcrumb a,.mg-blog-post .bottom h4,.mg-blog-post .bottom h4 a,.mg-blog-post.lg .mg-blog-meta a,.mg-blog-post.lg .mg-blog-meta i,.mg-blog-post.lg .mg-blog-meta span,.news-slider .slick-next:hover:before,.news-slider .slick-prev:hover:before,.page-about-white,.page-about-white a,.page-title-white,.page-title-white section{color:#fff}.news-slider .slick-dots{bottom:-30px}.news-slider .slick-dots li button:before{font-size:12px;color:var(--akon-blue)}.news-slider .slick-dots li.slick-active button:before{color:var(--akon-blue)}main{max-width:100%;position:relative;overflow:hidden;height:100%;background:fff}.carousel-slide{position:relative;width:100%;height:504px;display:none}.carousel-slide.active,.sidebar ul li.active ul,article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}


.carousel-slide img{width:100%;height:400px;object-fit:cover;display:block}

/*.carousel-slide img{width:100%;height:400px;object-fit:cover;display:block}*/

.overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.6);z-index:1;max-width:600px;clip-path:polygon(0 0,100% 0,90% 100%,0% 100%)}.carousel-content{position:absolute;top:2rem;left:1.5rem;max-width:18rem;color:#fff;font-family:Arial,sans-serif;z-index:2}.carousel-content h2{font-weight:700;font-size:1.25rem;line-height:1.2;margin-bottom:0}.carousel-bottom-content{position:absolute;bottom:3.25rem;left:3.5rem;max-width:18rem;color:#fff;font-family:Arial,sans-serif;z-index:3}.carousel-bottom-content p{font-size:.75rem;margin:0 0 .25rem}.btn-readmore,.btn-readmore i{font-size:.75rem}.btn-readmore{background-color:#00a080;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;border:none;cursor:pointer}.slick-dots li.slick-active,.slick-next,.slick-prev{background-color:#00b3a7}@media (min-width:640px){.carousel-content h2{font-size:1.5rem;max-width:24rem}.carousel-bottom-content,.carousel-content{max-width:24rem}.btn-readmore,.carousel-bottom-content p{font-size:.875rem}}.slick-next,.slick-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:3;border:none;width:40px;height:40px;border-radius:6px;color:#fff}.slick-prev{left:15px}.slick-next{right:15px}.slick-next:before,.slick-prev:before{font-size:24px;color:#fff}.slick-dots{position:absolute;bottom:.5rem;left:80%;transform:translate(-500px,-50px);display:flex;gap:.5rem;z-index:3}.link-div,.mg-blog-post .bottom{bottom:0;left:0;position:absolute}@media (max-width:768px){.news-card{height:220px;margin:0 5px}.section-title h2{font-size:1.3rem;padding:6px 15px 6px 10px}.news-title{font-size:1rem}.news-slider .slick-prev{left:-10px}.news-slider .slick-next{right:-10px}.overlay{width:100%;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.slick-dots{left:10%}}.slick-dots li{width:20px;height:5px;background-color:#eee;transition:background .3s;border-radius:4px}.slick-dots li button{opacity:0;cursor:pointer;width:100%;height:100%}.image-box{border:1px solid #dee2e6;border-radius:5px;background-color:#fff;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);height:100%}.image-box img{max-height:70px;margin-bottom:10px}.btn-akon{background-color:#036;color:#fff;border:none;padding:10px;width:100%;font-size:14px;font-weight:500}.btn-akon:hover{background-color:#00509e}.stats-box{background-color:#fff;border:2px solid #198754;padding:15px;font-weight:700;border-radius:5px;height:100%}.mg-posts-sec,a{background-color:transparent}.stats-box span{font-size:24px;display:block;color:#000}.mg-blog-category a,.mg-sec-title h4{display:inline-block;font-weight:700}.stats-box small{font-size:14px;color:#333}#content.home{padding-top:30px;padding-bottom:30px}#content{padding-top:60px;padding-bottom:60px}.mg-posts-sec{margin:0 0 30px;position:relative;padding:0}.mg-sec-title{position:relative;margin-bottom:30px;border-bottom:2px solid #0669ff}.mg-sec-title h4{background-color:#0669ff;color:#fff;padding:8px 20px 8px 15px;margin:0;font-size:1.5rem}.widget_featured_post .widget_featured_post_inner{display:grid;grid-gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.widget_featured_post .mg-blog-post.lg{height:504px}@media (max-width:767.98px){.widget_featured_post .widget_featured_post_inner{grid-template-columns:repeat(1,minmax(0,1fr))}}.mg-blog-post.lg{position:relative;height:475px;overflow:hidden;margin-left:0;margin-right:1px;background-color:#000}.mg-blog-post{margin-left:1px}.back-img{background-color:#333;background-position:50% 50%;background-repeat:no-repeat;position:relative;background-size:cover;overflow:hidden}.post-form,a.newsup-categories.category-color-1{background:#0669ff}.link-div{display:block;top:0;right:0}a{color:#193750}.mg-blog-post .bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.7) 100%);padding:40px 5.050505050505% 20px;right:0}.post-form{color:#fff;border-radius:4px;border-width:2px;line-height:20px;padding:6px;position:absolute;top:-20px}.footer,.footer-links,.footer-social,.footer-title,.footer-wrap,.page-about,.page-title,.sub-hero-title,.wrap{position:relative}.post-form i{font-size:22px;line-height:26px}.mg-blog-category{margin:0;width:auto}.mg-blog-date,.mg-blog-meta .auth{margin-right:14px}.mg-blog-category a{color:#fff;background:#0669ff;font-size:10px;padding:4px 6px;line-height:10px;text-transform:uppercase;cursor:pointer;border-radius:3px;margin-right:5px}.mg-blog-date,.mg-blog-meta a{font-weight:500;color:#333;text-transform:uppercase;padding:0;font-size:12px}@media (max-width:1200px){.mg-blog-post .bottom h4{overflow:hidden}}.mg-blog-post .bottom h4{float:left;font-size:32px;font-weight:700;line-height:120%;-webkit-text-shadow:1px 1px 1px rgba(0,0,0,.3);-moz-text-shadow:1px 1px 1px rgba(0,0,0,.3);-ms-text-shadow:1px 1px 1px rgba(0,0,0,.3);-o-text-shadow:1px 1px 1px rgba(0,0,0,.3);text-shadow:1px 1px 1px rgba(0,0,0,.3);width:100%;margin-bottom:0;display:block;display:-webkit-box;max-height:100%}.mg-blog-meta{color:#333;padding:0;margin-bottom:8px;min-height:18px}.mg-blog-meta a{display:inline;line-height:16px;letter-spacing:1px}.mg-blog-meta i{color:#333;padding-right:4px}.sidebar ul li.active>a,.sidebar>ul>li>ul li a.active,a:hover{color:#00866f}.mg-posts-sec-inner .small-list-post{display:grid;gap:20px}.mg-posts-sec-inner .small-list-post .small-post,.small-post{list-style:none;padding:8px;box-shadow:0 1px 3px rgba(0,0,0,.15);gap:20px}.small-post{display:flex}.small-post .img-small-post{width:88px;height:88px;display:flex;justify-content:center;align-items:center;overflow:hidden}.mg-posts-sec-inner .img-small-post{height:88px;width:88px}.mg-posts-sec-inner .small-list-post img{height:100%;object-fit:cover}.small-post .img-small-post a,.small-post img{height:100%!important;object-fit:cover}.mg-posts-sec-inner img{max-width:100%;height:auto;vertical-align:middle;border-style:none}.small-post .small-post-content{flex:1}.mg-posts-sec-inner .small-list-post .mg-blog-category{margin:10px 0 5px}.small-list-post h5.title,.small-list-post h5.title a{color:#212121}.small-list-post h5.title,.small-post .title,.title_small_post{display:block;display:-webkit-box}.btn-custom{background-color:#00866f;color:#fff;width:100%;min-height:5rem;font-size:.9rem;font-weight:400;display:flex;align-items:center;justify-content:center;white-space:normal;border:none;border-radius:0;transition:background-color .3s;word-wrap:break-word}.info-subtext,.info-text{color:#00796b;font-family:Arial,sans-serif}.btn-custom:hover{background-color:#1e375b;color:#fff}.footer-title::after,.page-title::before{left:0;background-color:#00866f;height:2px;content:"";position:absolute}@media (max-width:992px){.btn-custom{min-height:4rem}}.info-box{border:1px solid #00796b;border-radius:.375rem;height:5rem;display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:0 1rem;background-color:#f8f9fa}.info-item{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;min-width:4.5rem}.info-text{font-weight:700;font-size:1.125rem;line-height:1.25rem;margin:0}.info-subtext{font-size:.75rem;line-height:1rem;margin-top:.25rem;font-weight:400}.breadcrumb strong,.page-about a,.page-title,.sidebar li a{font-weight:600}ol,ul{list-style:none}li,ul{float:left;display:inline}html::-webkit-scrollbar{width:4px}html::-webkit-scrollbar-track{background:#264571}html::-webkit-scrollbar-thumb{background-color:#fff;border:1px solid #264571}html{scrollbar-color:#FFF #264571;scrollbar-width:thin}::-moz-selection{background:rgba(0,0,0,.2)}::selection{background:rgba(0,0,0,.2)}.footer-wrap{float:left;width:100%;color:#fff;background-color:#193750;overflow:hidden}.footer-wrap a{color:#FFFFFFB8}.footer-wrap a:hover{color:#fff}.footer{float:left;width:100%;padding:50px 60px}.footer-title{float:left;width:100%;padding:34px 0 31px;font-size:17px;color:#fff;letter-spacing:1px}.footer-title::after{bottom:12px;width:30px}.footer-contact,.footer-right{float:left;width:50%;padding:0 40px;position:relative;z-index:4}.footer-right{float:right}.footer-contact section{float:left;width:100%;font-size:15px;color:#bac3cb;line-height:30px}.footer-social{float:left;margin-top:50px}.footer-social li{padding-right:15px}.footer-social li:last-child{padding-right:0}.footer-social li a{float:left;border:1px solid;border-radius:50%;transition:.25s}.footer-social li a:hover{border-color:#fff}.footer-social li a img{float:left;width:50px;margin:-1px}.footer-links{float:left;width:100%;padding-bottom:20px;z-index:4}.footer-links ul{width:100%;display:flex;flex-flow:row wrap}.footer-links li{width:50%}.footer-links li a{float:left;width:100%;padding:5px 0;font-size:15px; color:#FFFFFFB8}@media only screen and (max-width:1023px){.wrap{float:left;width:100%;padding:0 30px}.sub-hero-title{font-size:30px;line-height:30px;letter-spacing:1px;padding:25px 0}}@media only screen and (max-width:1280px){.wrap{width:980px}}.wrap{width:1320px;min-height:10px;margin:0 auto}.w100{float:left;width:100%!important}@media only screen and (max-width:1023px){.breadcrumb{width:100%;font-size:11px;line-height:20px;margin:-14px 0 39px}.breadcrumb i{padding:0 10px}.sidebar-icon{float:left;width:100%;height:50px;margin-top:-25px;font-weight:600;color:#fff;letter-spacing:1px;line-height:50px;cursor:pointer;position:relative;z-index:900;display:block;text-align:center;background:url(../images/icon-menu.png) 20px center/20px no-repeat #446581;border-radius:25px}.sidebar-icon::after{content:"";position:absolute;top:0;bottom:0;right:16px;width:14px;transition:.25s}.sidebar-wrap{width:100%;margin-top:20px;margin-bottom:20px;display:none}}.nav-icon,.sidebar-icon,.sidebar>ul>li>ul li::after{display:none}@media only screen and (max-width:1023px){.sidebar{box-shadow:none}.sidebar-title{display:none}.sidebar ul{padding:0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}.sidebar ul li{padding:0 15px}}@media only screen and (max-width:1023px){.right-block{width:100%}}@media only screen and (max-width:1280px){.sidebar ul,.sidebar-title{width:100%;padding:0 20px}.breadcrumb,.right-block{width:calc(100% - 310px)}.page-title{padding-bottom:9px;margin-top:30px}.page-about{font-size:15px;line-height:25px;margin:-8px 0 23px}}.page-about,.page-title section{font-size:17px;float:left;width:100%}.page-photo{float:left;width:100%;padding-bottom:40px}.page-photo img{float:left;width:100%;border-radius:8px}.page-title{float:left;width:100%;padding:21px 0 19px;margin-top:60px;color:#193750;z-index:30}.page-title-slim{margin-top:20px!important}.page-title::before{top:0;width:40px}.page-title section{margin:3px 0 7px;color:#44657f;letter-spacing:1px;text-transform:uppercase}.page-title strong{float:left;width:100%;font-weight:600;font-size:40px;letter-spacing:-1px;line-height:50px}.text-white{color:#fff!important}.page-about{margin:-11px 0 31px;line-height:30px;z-index:40}.page-about b,.page-about strong{color:#193750}.sub-hero-title{float:left;width:100%;padding:50px 0 40px;font-weight:400;font-size:40px;line-height:40px;letter-spacing:1px}.breadcrumb,.sidebar-title strong{line-height:50px;position:relative}.breadcrumb{float:right;width:calc(100% - 340px);letter-spacing:1px}.breadcrumb a,.breadcrumb i,.breadcrumb strong{float:left}.breadcrumb a:hover{opacity:1}.breadcrumb i{float:left;padding:0 15px;opacity:.5}.sidebar-wrap{float:left;width:280px;margin-top:-50px;z-index:1110;position:relative}.sidebar{box-shadow:rgba(0,0,0,.07) 0 7px 20px;float:left;width:100%;padding-bottom:10px;position:relative;background-color:#fff;box-shadow:0 7px 20px rgb(0 0 0 / 7%);border-radius:4px;overflow:hidden}.sidebar ul,.sidebar-title{padding:0 30px;width:100%}.sidebar-title{float:left;margin-bottom:10px;position:relative;background-color:#264571}.sidebar-title strong{float:left;width:100%;font-weight:400;color:#fff;letter-spacing:2px}.sidebar ul li{width:100%;position:relative;border-bottom:1px solid #f2f2f2}.sidebar ul li:last-child{border-bottom:0}.sidebar>ul>li.sidebar-multi>i{position:absolute;top:11px;right:-5px;width:30px;height:30px;border:5px solid transparent;cursor:pointer;z-index:100}.sidebar>ul>li.sidebar-multi>i::before{content:"";position:absolute;top:9px;right:5px;width:10px;height:2px;background-color:#ccc;border-radius:2px}.sidebar>ul>li.sidebar-multi>i::after{content:"";position:absolute;top:5px;right:9px;height:10px;width:2px;background-color:#ccc;transition:.3s;border-radius:2px}.sidebar>ul>li.opened>i::before{background-color:#999}.sidebar>ul>li.opened>i::after{opacity:0}.sidebar li a{float:left;width:100%;padding:15px 0;position:relative}.sidebar>ul>li>ul{display:none;padding:0;margin:-5px 0 15px;border:0!important}.sidebar>ul>li>ul li{padding-left:15px;padding-right:0;border:0!important}.sidebar>ul>li>ul li a{padding:5px 0;font-size:12px}.right-block{float:right;width:calc(100% - 340px);position:relative}@media only screen and (max-width:1440px){.wrap{width:1200px}}@media only screen and (max-width:1280px){.wrap{width:980px}.page-title{padding-bottom:9px;margin-top:30px}.page-title section{margin:-2px 0 7px}.page-title strong{margin:-1px 0 6px;font-size:30px;line-height:40px}.page-about{margin:-8px 0 23px;font-size:15px;line-height:25px}.breadcrumb,.right-block{width:calc(100% - 310px)}.sidebar ul,.sidebar-title{width:100%;padding:0 20px}}@media only screen and (max-width:1023px){.sidebar-icon,.wrap{float:left;width:100%}.breadcrumb,.right-block,.sidebar-wrap,.wrap{width:100%}.wrap{padding:0 30px}.sub-hero-title{padding:25px 0;font-size:30px;line-height:30px;letter-spacing:1px}.breadcrumb{margin:-14px 0 39px;font-size:11px;line-height:20px}.breadcrumb i{padding:0 10px}.sidebar-icon{height:50px;margin-top:-25px;font-weight:600;color:#fff;letter-spacing:1px;line-height:50px;cursor:pointer;position:relative;background:#264571;z-index:900;display:block;text-align:center;border-radius:25px}.sidebar-icon-close{background-color:#122738!important}.sidebar-icon::after{content:"";position:absolute;top:0;bottom:0;right:16px;width:14px;transition:.25s}.sidebar-icon-close::after{transform:rotate(180deg)}.sidebar-wrap{margin-top:20px;margin-bottom:20px;display:none}.sidebar-title{display:none}.sidebar{box-shadow:none}.sidebar ul{padding:0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}.sidebar ul li{padding:0 15px}.sub-hero{padding-top:0}}@media only screen and (max-width:767px){.wrap{padding:0 20px}.footer{padding:0 20px 10px}.footer-contact section,.footer-links li a{font-size:13px}}@media only screen and (max-width:540px){.slider-hero-title strong{font-size:20px;line-height:25px}.footer-social li{padding-right:10px}.footer-social li a img{width:40px}}.sub-hero{float:left;width:100%;padding-top:70px;position:relative;z-index:100;background-size:cover;color:#fff;background-position:center center}.sidebar{transition:top .2s;z-index:10}  /* Loader */
  #loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 0.5s ease;
  }
  
  .loader-img {
    width: 100px;
    height: 100px;
    animation: pulse 1.5s infinite ease-in-out;
  }
  
  .connection-status {
    color: white;
    margin-top: 20px;
    font-size: 16px;
    text-align: center;
  }
  
  @keyframes pulse {
    0% { transform: scale(0.95); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; }
    100% { transform: scale(0.95); opacity: 0.8; }
  }
  
  .retry-btn {
    margin-top: 20px;
    padding: 8px 20px;
    background: #25f4ee;
    color: black;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    display: none;
  } footer.bg-dark {
  background-color: #014a7f !important; /* ou un bleu foncé personnalisé */
}

footer a:hover {
  color: #ffffff !important;
}

 .vertical-scroll-container {
    margin-top: 20px;
  }
  
  .small-list-post.vertical-scroll {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-height: 500px; /* Hauteur maximale avant scroll */
    overflow-y: auto;
    padding-right: 10px; /* Espace pour la scrollbar */
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #ddd #f5f5f5; /* Firefox */
  }
  
  /* Style de la scrollbar pour Chrome/Safari */
  .small-list-post.vertical-scroll::-webkit-scrollbar {
    width: 6px;
  }
  
  .small-list-post.vertical-scroll::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 10px;
  }
  
  .small-list-post.vertical-scroll::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;
  }
  
.overlay-enhanced {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.7) 0%,
        rgba(0, 0, 0, 0.5) 100%
    );
    z-index: 1;
    max-width: 600px;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
}

.carousel-content h2 {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,0.8);
    font-weight: 700;
}

.carousel-bottom-content p {
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

.btn-readmore {
    background-color: #007050 !important; /* Vert plus foncé pour meilleur contraste */
    color: white !important;
    border: 1px solid white; /* Améliore la visibilité */
}

@media (max-width: 768px) {
    .overlay-enhanced {
        width: 100%;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        background: rgba(0, 0, 0, 0.5); /* Fond plus sombre sur mobile */
    }
}
.carousel-slide {
    position: relative;
    overflow: hidden;
    color: #fff;
    height: 650px;
    background-size: cover;
    background-position: center;
}

.tab-component .tab-head .tab-link {
    width: 100%;
    display: inline-block;
    padding: 10px 0;
    background: #dde3e8;
    color: #323f58;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
}

.tab-component .tab-head .tab-link:hover,
.tab-component .tab-head .tab-link.active {
    background: #323f58;
    color: #dde3e8;
}

.tab-component .tab-head .row {
    display: flex;
    justify-content: space-between;
}

.tab-component .tab-body .tab-panel {
    display: none;
    width: 100%;
    background: rgba(255, 255, 255, 0.45);
    min-height: 380px;
    -webkit-box-shadow: 0 0 50px rgba(24, 76, 124, 0.1);
    box-shadow: 0 0 50px rgba(24, 76, 124, 0.1);
}

.tab-component .tab-body .tab-panel>div {
    display: none;
    padding: 25px 50px 25px 30px;
    position: relative;
    height: 370px;
    overflow-y: auto;
	 scrollbar-width: thin; /* Firefox */
    scrollbar-color: #ddd #f5f5f5; /* Firefox */
}

.tab-tum-buton {
    color: #323f58;
    text-decoration: none;
    display: inline-block;
    float: right;
    padding-bottom: 10px;
    margin: 20px 30px;
    font-weight: 700;
    position: relative;
}

.tab-tum-buton::before {
    content: "";
    height: 1px;
    width: 0%;
    position: absolute;
    background: #323f58;
    bottom: 0;
    left: 0;
    transition: all 0.3s;
}

.tab-tum-buton:hover {
    color: #323f58;
    text-decoration: none;
}

.tab-tum-buton:hover::before {
    width: 100%;
}

.tab-component .tab-body .tab-panel.active {
    display: block;
}

.tab-component .tab-body .tab-panel .do-nicescroll3.active {
    display: block;
}
					.etkinlik-list-box {
    padding-top: 9px;
    padding-bottom: 9px;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.etkinlik-list-box:before {
    content: "";
    background: #fff;
    border-radius: 5px;
    position: absolute;
    z-index: -1;
    top: -1px;
    right: -10px;
    bottom: -1px;
    left: -10px;
    width: 50%;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
}

.etkinlik-list-box:hover:before {
    -webkit-box-shadow: 0 0 30px rgba(24, 76, 124, 0.1);
    box-shadow: 0 0 30px rgba(24, 76, 124, 0.1);
    width: calc(100% + 20px);
    opacity: 1;
}

.etkinlik-list-box:last-child {
    margin-bottom: 10px;
    border-bottom: none;
}

.etkinlik-list-box p {
    margin: 0;
    font-weight: 500;
    padding-left: 15px;
    font-size: 14px;
    color: #6f6f6f;
    line-height: 1.35;
}

.etkinlik-list-box p:last-child {
    margin: 0;
    color: #6f6f6f;
    font-size: 13px;
    font-weight: 300;
}

.etkinlik-list-box a {
    text-decoration: none;
    color: black;
}

.etkinlik-list-box a:before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
    background: #4d6379;
    width: 4px;
}

.etkinlik-list-box a:hover {
    text-decoration: none;
    color: #323f58;
}
					.etkinlik-kutucuk {
    width: 100%;
    background: rgba(255, 255, 255, 0.45);
    padding: 15px 30px;
    -webkit-box-shadow: 0 0 50px rgba(24, 76, 124, 0.1);
    box-shadow: 0 0 50px rgba(24, 76, 124, 0.1);
}

.etkinlik-kutucuk h5 {
    color: #323f58;
    font-weight: bold;
    display: inline;
}

.etkinlik-kutucuk img {
    width: 100%;
}

.etkinlik-kutucuk ul {
    padding: 0;
    list-style: none;
    margin-top: 15px;
}

.etkinlik-kutucuk ul li {
    margin-top: 5px;
}

.etkinlik-kutucuk ul li a:hover {
    text-decoration: none;
}

.etkinlik-kutucuk ul li a:hover span:last-child {
    background-color: #323f58;
    color: white;
    transition: all 0.3s;
}

.etkinlik-kutucuk ul li a span:first-child {
    display: inline-flex;
    width: 40px;
    height: 35px;
    text-align: center;
    background: #dce4eb;
    color: #323f58;
    line-height: 32px;
    border-radius: 3px;
}

.etkinlik-kutucuk ul li a span:first-child i {
    line-height: 32px;
    width: 100%;
    text-align: center;
}

.etkinlik-kutucuk ul li a span:last-child {
    display: inline-flex;
    height: auto;
    background: #dce4eb;
    color: #323f58;
    width: calc(100% - 45px);
    line-height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 300;
}
					.gecmis-etkinlik-box {
    margin-top: 10px;
    padding: 5px;
    background: #3b4d5f;
    border: 1px solid #3b4d5f;
    border-radius: 5px;

    transition: all 0.3s;
}

.gecmis-etkinlik-box:hover {
    background: white;
}

.gecmis-etkinlik-box:hover a {
    color: #323f58;
}

.gecmis-etkinlik-box a {
    color: white;
    text-decoration: none !important;
    transition: all 0.3s;
}

.gecmis-etkinlik-box a span:first-child {
    display: inline-flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    font-size: 18px;
}

.gecmis-etkinlik-box a span:last-child {
    display: inline-flex;
    width: calc(100% - 55px);
    height: 50px;
    flex-direction: column;
    vertical-align: middle;
}

.etkinlik-kutucuk {
    background: rgba(255,255,255,0.45);
    padding: 20px;
    box-shadow: 0 0 50px rgba(24,76,124,0.1);
}

.gecmis-etkinlik-box {
    margin-top: 10px;
    padding: 10px;
    background: #3b4d5f;
    border: 1px solid #3b4d5f;
    border-radius: 5px;
    transition: all 0.3s;
    overflow: hidden; /* Empêche le débordement */
}

.gecmis-etkinlik-box:hover {
    background: white;
}

.gecmis-etkinlik-box:hover a {
    color: #323f58;
}

.gecmis-etkinlik-box a {
    color: white;
    text-decoration: none !important;
    transition: all 0.3s;
    width: 100%;
}

.gecmis-etkinlik-box a span:first-child {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    flex-shrink: 0;
}

.gecmis-etkinlik-box a span:last-child {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.baslik {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tarih {
    font-size: 0.8rem;
    opacity: 0.8;
}

/* Responsive adaptations */
@media (max-width: 768px) {
    .gecmis-etkinlik-box {
        padding: 8px;
    }
    
    .gecmis-etkinlik-box a span:first-child {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }
    
    .baslik {
        font-size: 0.9rem;
    }
}

.tab-tum-buton {
    color: #323f58;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    padding-bottom: 2px;
}

.tab-tum-buton:hover {
    color: #323f58;
}

.tab-tum-buton::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #323f58;
    transition: width 0.3s;
}

.tab-tum-buton:hover::after {
    width: 100%;
}


		   .menu-slider {
            margin: 30px auto;
          
        }
        
        .menu-item {
            background: #f8f9fa;
            border-radius: 10px;
            padding: 20px;
            margin: 0 10px;
            text-align: center;
             height: 200px;
            display: flex !important;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            border: 1px solid #e9ecef;
            cursor: pointer;
        }
        
        .menu-item:hover {
            background: #e9ecef;
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        .menu-icon {
                text-align: center;
    font-size: 45px;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 15px;

        }
        
        .menu-item  h3 {
    color: #242424;
    margin: 0;
			font-size: 18px;
    text-align: center;
}

.menu-item p:first-child {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}

.menu-item p:last-child {
    color: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    margin-top: 5px;
}
        
        .slick-prev:before, 
        .slick-next:before {
            color: #000;
        }
        
        .slick-dots {
            bottom: -30px;
        }
        
        @media (max-width: 768px) {
            .menu-item {
                height: 130px;
                padding: 15px;
            }
            
            .menu-icon {
                font-size: 2rem;
                margin-bottom: 10px;
            }
            
            .menu-item h3 {
                font-size: 16px;
            }
        }
		   .menu-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 15px;
            padding: 0 15px;
        }
		   @media (max-width: 767px) {
            .menu-grid {
                grid-template-columns: repeat(2, 1fr);
                padding: 0px;
                margin:0 auto;
            }
            
            .menu-item {
                height: 130px;
            }
        }