@charset "UTF-8";
:root{--black:#000000;--primary-color:#ac0098;--blacklight:#6F6F6F;--white:#fff;--primary-hover:#AE8484}

p{font-family:"Poppins", sans-serif;font-size:1rem}
*,::after,::before{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){
:root{scroll-behavior:smooth}
}
body{font-family:"Poppins", sans-serif;color:var(--black);background-color:var(--white);font-size:1rem;font-weight:400;line-height:1.5}
a{color:var(--primary-color);cursor:pointer;font-weight:500;text-decoration:none;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
img{max-width:100%}
a{color:var(--primary-color);text-decoration:none}
a:hover{color:var(--primary-color)}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
.navbar-brand{font-weight:700;color:#a85d7b!important}
#navbarNav{position:relative}
#navbarNav a.nav-link{font-family:"Poppins", sans-serif;font-size:16px;font-weight:700;line-height:19.36px;text-align:left;color:var(--primary-color);margin:0 15px}
#navbarNav .nav-link.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background-color:var(--primary-color);border-radius:2px}
#navbarNav .nav-link.active{position:relative;display:inline-block}
.hero-section{max-width:100%;height:338px;top:132px;left:84px;-o-object-fit:cover;object-fit:cover;border-radius:20px;background-size:cover;background-position-y:20%}
.banner{background-color:#9b139b;border-radius:15px;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:30px;margin-bottom:30px}
.banner h1{font-size:48px;font-weight:700}
.search-box{width:300px;margin-top:24px}
.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}
.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}
.fw-bold{font-family:segoe_uibold,sans-serif}
.blog-card{border-radius:15px;overflow:hidden;border:none;box-shadow:0 4px 10px rgba(0,0,0,.1)}
.blogtop .blog-img{height:224px}
.blogtop .blog-img img{width:100%;height:100%;object-fit:cover}
.blog-img{height:246px}
.blog-img img{width:100%;height:100%;object-fit:cover}
.category-list{border:1px solid #ececec;border-radius:13px;padding:14px}
.category-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #eee}
.category-item:last-child{border-bottom:none}
a.category-name{color:var(--black);text-decoration:none;font-size:16px;font-weight:700;line-height:19.36px}
.badge-count{background-color:var(--primary-color);color:var(--white);border-radius:50%;padding:6px 12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:800}
.btn-link{text-decoration:none}
.btn-link:hover{color:var(--primary-color)}
.blog-card img{width:100%;height:100%;object-fit:cover}
.blog-content{padding:20px}
.latest-post-media{width:136px;height:136px;overflow:hidden;border-radius:10px;flex-shrink:0}
.latest-post-media img{width:100%;height:100%;object-fit:cover}
.blog-meta{font-size:14px;color:#888;display:flex;justify-content:space-between;margin-bottom:10px}
.blog-title{font-size:18px;font-weight:700;margin-bottom:10px;color:var(--black);text-decoration:none}
.latest-post-gride a.blog-title{font-size:14px}
.latest-post-gride .article-cate-name{font-size:18px;font-weight:800;color:var(--black)}
.page-link{border:1px solid var(--primary-hover);border-radius:10px;color:var(--primary-hover);font-size:16px;line-height:24px}
li.page-item .page-link{background:0 0;border:0;color:var(--primary-color)}
li.page-item.active .page-link{background:#f4f6f6;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:100%;margin:0 4px;color:var(--primary-color)}
.page-item:last-child .page-link{background:0 0;width:auto;height:auto;margin:0 0 0 4px;border:1px solid var(--primary-color);border-radius:10px}
.page-item.disabled .page-link{background:0 0;width:auto;height:auto;margin:0;border:1px solid var(--primary-color);border-radius:10px;color:var(--primary-color);opacity:.5}
.blog-text{font-size:14px;color:#555;margin-bottom:15px}
.read-more{font-weight:600;color:var(--primary-color);text-decoration:none;font-size:14px}
.read-more:hover{text-decoration:underline}
.article-cate-name{color:var(--primary-color)}
.site-color{color:var(--primary-color)}
#right-sidebar .widget{background:var(--white);margin-bottom:20px}
footer{background:var(--white);padding:20px 0;margin-top:50px;color:var(--primary-color)}

footer .footer-logo{font-weight:700;color:var(--primary-color)}
footer .social-icons a{color:var(--primary-color);margin-left:15px;font-size:18px;transition:.3s}
footer .social-icons a:hover{color:#9b139b}
footer small{font-size:14px}
.social-icons img{height:22px;width:auto}
.country-dropdown, .country-dropdown .card{border-radius:13px}
.country-dropdown #countrySelect{height:52px;text-align:center;border:1px solid #cfcfcf;border-radius:20px}
footer hr {
    border-color: var(--primary-color);
    border-width: 2px;
}
.blog-detial h2{
  font-weight: 700;
  margin-bottom: 26px;
  font-size: 30px;
  font-family: "Poppins", sans-serif;
}
.blog-detial p{
  font-size: 16px;
  color: #6F6F6F;
  margin-bottom: 20px;
  line-height: 1.8;
}
.related-post-gride .blog-title{
    position: relative;
    z-index: 1;
}
/* .related-post-gride .card-body:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgb(0 0 0 / 64%) 100%);
    height: 100%;
    top: 0;
    z-index: 0;
} */

.card-article{
  border: 1px solid #E5E5E5;
  border-radius: 20px;
}

.card-article p{
  color:#828282;
}
.add-section{
  border-radius: 15px;
  overflow: hidden;
}
.add-section img{
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 15px;
}
@media (max-width:767px){
  .hero-section {
    height: 200px;
    top: 100px;
    left: 20px;
    border-radius: 15px;
  }
  .banner h1 {
    font-size: 32px;
  }
  .search-box {
    width: 100%;
    margin-top: 16px;
  }
  #navbarNav a.nav-link {
    margin: 0 8px;
    font-size: 14px;
  }
  .blog-detial h2 {
    font-size: 24px;
  }
  .blog-img {
    height: 200px;
  }
  .latest-post-media {
    width: 100px;
    height: 100px;
  }
  .navbar-collapse{
     padding: 20px 0px;
  }
}

@media (max-width:575px){
  .hero-section {
    height: 180px;
    top: 80px;
    left: 15px;
  }
  .banner h1 {
    font-size: 24px;
  }
  .blog-img {
    height: 150px;
  }
  .latest-post-media {
    width: 80px;
    height: 80px;
  }
}