#progress-bar { position: fixed; top: 0; left: 0; width: 0; height: 3px; background-color: var(--primary-3); z-index: 9999; }



/* Banner Style 4 */
.page-banner-img img {  transition: transform 0.3s ease, filter 0.3s ease, opacity 0.3s ease;  filter: brightness(var(--brightness, 100%)) contrast(var(--contrast, 100%))          saturate(var(--saturation, 100%)) hue-rotate(var(--hue, 0deg));  opacity: calc(var(--opacity, 100) / 100); }
.page-banner-img::after {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: var(--overlay-color, transparent);  opacity: calc(var(--overlay-opacity, 0) / 100);  pointer-events: none;}
.is-flip-horizontal .page-banner-img img {  transform: scaleX(-1);}
.is-flip-vertical .page-banner-img img {  transform: scaleY(-1);}
.is-flip-horizontal.is-flip-vertical .page-banner-img img {  transform: scale(-1, -1);}
.filter-grayscale .page-banner-img img {  filter: grayscale(100%);}
.filter-sepia .page-banner-img img {  filter: sepia(100%);}
.filter-invert .page-banner-img img {  filter: invert(100%);}
.filter-blur .page-banner-img img {  filter: blur(5px);}







/* Footer Styles */
.footer-col ul { margin-left:0; padding-left:0 !important;}
.footer-col li {    list-style-type: none;    margin-left: 0;     padding-left: 0;}
.footer-col li a { text-decoration:none;}
.footer a:hover { color:var(--primary-1)}






/* Card Style 3 */
.card {  position: relative;  width: 100%;  height: 350px;   overflow: hidden;  border-radius: 15px;}
.card-img {  width: 100%;  height: 100%;  object-fit: cover;  display: block;  border-radius: 15px; }
.card-overlay {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: linear-gradient(    to top,    rgba(0, 0, 0, 0.7) 0%,    rgba(0, 0, 0, 0) 100%  );  transition: all 0.3s ease;  border-radius: 15px;}
.card-content {  position: absolute;  bottom: 20px;  left: 20px;  color: #fff;  z-index: 1;  transition: opacity 0.3s ease;}
.h5.card-title {  color: #fff;   font-size: 28px; margin-bottom: 10px; font-weight:700;}
.card-hover {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #f3f3f3 url(/images/dots-white.png) no-repeat top right;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding: 40px;opacity: 0;transition: opacity 0.3s ease;z-index: 2;}
.card-hover-inner {  max-width: 90%;   margin: 0 auto;   text-align: left;}
.card:hover .card-hover {  opacity: 1;}
.card:hover .card-content {  opacity: 0;}
.card-hover .h5.card-title {color: #174B85;font-weight: 700;}
.card-hover p {  color: #444; }
.img-card-btn a {  color: #F8991D;   font-weight: bold;  text-decoration: none;  font-size: 16px;   padding: 0; }
.img-card-btn a:hover {  text-decoration: underline; }
.img-card-btn a {    color: var(-secondary); }
.img-card-btn a:hover {}






/* Content Area Image Extra */
.custom-image {    position: absolute;    }
.corner-top-left {    top: 0;    left: 0;}
.corner-top-right {    top: 0;    right: 0;}
.corner-bottom-left {    bottom: 0;    left: 0;}
.corner-bottom-right {    bottom: 0;    right: 0;}








/**********************************************
 * COUNT-UP STYLE 2
 **********************************************/

/* Container alignment */
.count-up.count-up-style-2._text-center,
.count-up-style-2 .count-up-wrap {  text-align: center;}
.count-up-style-2 .count-up-title {  font-size: 1.25rem;    font-weight: 600;  margin: 0 0 0.5rem;     }
.count-up-style-2 .count-up-number {  font-size: 3rem;   font-weight: bold;  line-height: 1.2;  margin: 0 0 0.25rem;    }
.count-up-style-2 .count-up-label {  font-size: 1rem;  color: #444;  margin: 0;}
.count-up-style-2 .count-up-icon {  max-width: 120px;  height: auto;  margin-bottom: 1rem;    }







/*!
 |-----------------------------------------------------------------------------------------
 | CTA - Style 2 - Start
 |-----------------------------------------------------------------------------------------
*/

/* 1) Make the container a flex layout for side-by-side columns */
.cta-style-2 .cta-wrap {  display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: space-between;  position: relative;  width: 100%;}
.cta-style-2 .cta-img {position: relative;overflow: hidden;flex: 1 1 60%;}
.cta-style-2 .cta-img img {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  -o-object-fit: cover;  object-fit: contain;}
.cta-style-2 .cta-text-area {position: relative;flex: 1 1 40%;display: flex;align-items: center;}
@media (min-width: 992px) {
  .cta-style-2 .cta-text-area {    position: relative;    border-top: none;  }
}

@media (max-width: 991px) {
  .cta-style-2 .cta-text-area {  }
}

.cta-style-2 .cta-inner {  border-top: none;   width: 100%; }

@media (max-width: 991px) {
  .cta-style-2 .cta-inner {    padding: 30px 15px 30px;    border-top: none;  }
}

.cta-style-2.is-md .cta-img {  height: 550px;}
@media (max-width: 991px) {
  .cta-style-2.is-md .cta-img {    height: auto;    aspect-ratio: 16/9;  }
}
@media (max-width: 575px) {
  .cta-style-2.is-md .cta-img {    aspect-ratio: 4/3;  }
}

.cta-style-2.is-sm .cta-img {  height: 450px;}
@media (max-width: 991px) {
  .cta-style-2.is-sm .cta-img {    height: auto;    aspect-ratio: 16/9;  }
}
@media (max-width: 575px) {
  .cta-style-2.is-sm .cta-img {    aspect-ratio: 4/3;  }
}

.cta-style-2.is-lg .cta-img {  height: 650px;}
@media (max-width: 991px) {
  .cta-style-2.is-lg .cta-img {    height: auto;    aspect-ratio: 16/9;  }
}
@media (max-width: 575px) {
  .cta-style-2.is-lg .cta-img {    aspect-ratio: 4/3;  }
}

.cta-style-2.is-img-center .cta-img img {  -o-object-position: center;     object-position: center;}
.cta-style-2.is-img-top .cta-img img {  -o-object-position: center top;     object-position: center top;}
.cta-style-2.is-img-bottom .cta-img img {  -o-object-position: center bottom;     object-position: center bottom;}



/*!
 |-----------------------------------------------------------------------------------------
 | CTA - Style 2 - Mobile Stacking Overrides
 |-----------------------------------------------------------------------------------------
*/
@media (max-width: 991px) {
  .cta-style-2 .cta-wrap {    flex-direction: column;    align-items: stretch;  }

  .cta-style-2 .cta-text-area,
  .cta-style-2 .cta-img {    flex: 0 0 100%;    width: 100%;  }
  .cta-style-2 .cta-img img {    position: relative;    width: 100%;    height: auto;    object-fit: cover;  }
}

/*!
 |-----------------------------------------------------------------------------------------
 | CTA - Style 2 - End
 |-----------------------------------------------------------------------------------------
*/



.is-rounded {border-radius:25px;overflow: hidden;}
._img-rounded {border-radius:25px;overflow: hidden;}

.hero-banner-bottom p { font-size:22px;}




















/* Container and Card Layout */
.posts-list-style-1-store .row {  display: flex;  flex-wrap: wrap;  gap: 25px;  margin: 0;}
.posts-list-style-1-store .posts-list-item.col {  flex: 1 1 calc(33.333% - 15px);  max-width: 410px;}
@media (max-width: 1024px) {
  .posts-list-style-1-store .posts-list-item.col {    flex: 1 1 calc(50% - 15px);  }
}
@media (max-width: 768px) {
	.posts-list-style-1-store .posts-list-item.col {flex: 1 1 100%;max-width: 100%;}
}


.posts-list-style-1-store .posts-list-item {  background: #fff;  border-radius: 20px;  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);  overflow: hidden;  transition: transform 0.3s ease;  padding: 0;  max-width: 410px;}
.posts-list-style-1-store .posts-list-item:hover {  transform: translateY(-6px);}
.posts-list-style-1-store .posts-list-item-img {  width: 100%;  height: 200px;  overflow: hidden; }
.posts-list-style-1-store .posts-list-item-img img {  width: 100%;  height: 100%;  object-fit: cover;  display: block;}
.posts-list-style-1-store .posts-list-item-body {  padding: 1.25rem 1.5rem;  display: flex;  flex-direction: column;  gap: 0.6rem;}
.posts-list-style-1-store .posts-list-item-title {font-size: 28px;font-weight: bold;color: var(--primary);margin: 0;}
.posts-list-style-1-store .posts-list-item-title a {  text-decoration: none;  color: inherit;}
.posts-list-style-1-store .posts-list-item-body p {font-size: 17px;color: #333;margin: 0;display: flex;align-items: flex-start;gap: 0.5rem;/* line-height: 1.4; */}
.posts-list-style-1-store .posts-list-item-body i {  color: #e85d04;  min-width: 20px;  text-align: center;  font-size: 1rem;  margin-top: 3px;}
.posts-list-style-1-store .posts-list-item-body a {  color: var(--primary);  text-decoration: underline; }










/* Base styles for the Hero Banner */
.hero-banner {  position: relative;   padding: 160px 0 0;	margin-bottom:100px;	height:700px;}
.hero-banner .container {  display: flex;  justify-content: space-between;  align-items: center;  position: relative;   z-index: 1; }
.hero-banner-title {  flex: 1;  text-align: left;   margin-bottom: 0; }
.hero-banner-title h1 {  margin: 0;  color: #ffffff;	font-size:60px;	max-width: 550px; }
.hero-banner-deco {  margin-top: 10px; }
.hero-banner-deco img {  max-width: 100%;  height: auto; }
.hero-banner-image {  flex: 1;  text-align: right;   position: relative;   z-index: 2;    aspect-ratio: 5/4;}

 .hero-banner-image img {
   max-width: 100%;
   height: auto;
   position: relative;
   top: 100px;
   border-radius: 25px;
 }



        .hero-banner-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }


.hero-banner-dots {  position: absolute;  right: 0;  bottom: -350px;  z-index: 0; }
.hero-banner-dots img {  width: 700px;   height: auto;	opacity: .5;}

@media (max-width: 768px) {
.hero-banner {padding: 100px 0 0;margin-bottom: 50px;height: auto;}
.hero-banner .container {    flex-direction: column;    text-align: center;  }
.hero-banner-title {/* text-align: center; */}
.hero-banner-image {  }
.hero-banner-dots img {    width: 70px;  }
.hero-banner-title h1 {font-size: 40px;}
.hero-banner-image img {  max-width: 100%;  height: auto;	position: relative;	top:20px; }
  .hero-banner-deco img {  max-width: 100px;  height: auto; }

}

 /* Member Simple */
 .member-simple {
   margin-bottom: 30px;
 }

 .member-simple .member-title {
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-bottom: 1px solid var(--primary);
 }

 .member-simple .member-bottom li {
   color: var(--gray-7);
   padding-bottom: 5px;
   margin-bottom: 5px;
   border-bottom: 1px solid var(--light);
 }

 .member-simple .member-bottom li i {
   color: var(--secondary-2);
 }