.div-nav-box,
.social-icons {
  display: flex;
}
.banner-content h2,
.banner-content p,
.btn-a a {
  text-transform: capitalize;
}
.evrnt-text p,
.truncate-2-lines {
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.annual-fees-re-img,
.benefits-img,
.blog-img,
.card-img,
.contact-banner,
.detail-image,
.evrnt-text p,
.histoey-img,
.img-hover,
.membership-in-img,
.possa-community,
.resources-img,
.service-ban,
.team-card,
.video-box {
  overflow: hidden;
}
@font-face {
  font-family: "DM Sans";
  src: url("../fonts/DMSans18pt-Regular.woff2") format("woff2"),
    url("../fonts/DMSans18pt-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Epilogue;
  src: url("../fonts/Epilogue-Bold.woff2") format("woff2"),
    url("../fonts/Epilogue-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Epilogue;
  src: url("../fonts/Epilogue-SemiBold.woff2") format("woff2"),
    url("../fonts/Epilogue-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@media only screen and (max-width: 1366px) {
  .top-bar a.phone_icon {
    background: 0 0;
    color: #fff;
    width: auto;
    display: inline-block;
  }
}
.membership-in-img img {
  width: 96%;
}
.membership-list h6::before {
  content: "";
}
.text-membership-center {
  background-color: var(--white-color);
}
.shareholder-in-img img {
  width: 96%;
  margin-left: 24px;
}
a,
li,
p {
  font-family: "DM Sans";
}
.btn-custom-contact-btn-two:hover,
.custom-btn:hover,
.top-bar {
  background-color: #f2a82c;
  color: #fff;
}
*,
dl,
ol,
ul {
  padding: 0;
  margin: 0;
}
.btn-a a,
.hover-link:hover,
.membership-card a {
  text-decoration: underline;
}
.banner-content a,
.social-icons a,
a {
  text-decoration: none;
}
.banner-img,
.team-img {
  object-fit: cover;
  object-position: top;
}
* {
  box-sizing: border-box;
}
body {
  transition: -in-out 0.3s;
}
li {
  list-style: none;
}
li,
p {
  font-size: 16px;
  color: #363636;
  font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Epilogue;
}
h3,
h4,
h5,
h6 {
  color: #000;
}
h1 {
  font-size: 3rem;
}
h2 {
  font-size: 2.625rem;
}
h3 {
  font-size: 2rem;
}
h4 {
  font-size: 1.6rem;
}
h5 {
  font-size: 1.3rem;
}
h6 {
  font-size: 1.1rem;
}
.py-5 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
:root {
  --primary-color: #012555;
  --secondary-color: #ffb12e;
  --gradient-color: linear-gradient(90deg, #FED24A 0%, #FE9516 100%);
  --black-color: #000;
  --white-color: #fff;
}
img {
  transition: 0.5s;
}
.top-bar {
  padding: 10px 0 10px;
  font-size: 15px;
  position: relative;
  z-index: 9;
  background: #0a1a4a;
}
.custom-btn {
    background: var(--gradient-color) !important;
    color: var(--primary-color) !important;
    border: 1px solid transparent !important;
    font-weight: 600;
    padding: 12px 30px;
    border-radius: 8px !important;
    transition: all 0.3s ease;
}
.slider-overlay {
  background: linear-gradient(
    90deg,
    #feb437 0,
    #fff 52%,
    rgba(255, 255, 255, 0) 100%
  );
  position: absolute;
  inset: 0;
  opacity: 0.8;
}
.slider-text {
  z-index: 2;
  position: relative;
}
.div-nav-box {
  width: 100%;
  /*padding: 18px 50px;*/
  position: relative;
  /*top: -60px;*/
  /*background: #fff;*/
  z-index: 9900;
}
.swiper.mySwiper {
  margin-top: -102px;
  padding: 0;
}
.container.h-100.d-flex.align-items-center.slider-text {
  padding: 25vh 700px 149px 0;
}
.navbar-nav li.nav-item,
.slider-text p {
  font-size: 17px;
}
a.btn.custom-btn {
  background: #012555;
  color: #fff;
  border-radius: 30px;
  padding: 8px 36px;
}
a.btn.custom-btn:hover {
  background: 0 0;
  border-color: #012555;
  color: #012555;
}
.slider-text h2 {
  font-size: 45px;
  color: #012555;
}
.area-box a:hover,
.blog-sec .text-primary:hover,
.text-warning {
  color: #ffb12e !important;
}
.team-card:hover h6,
.text-primary,
.text-warning.hover-link:hover {
  color: #012555 !important;
}
.who-we-are-section {
  background-color: #f8f9fa;
}
.who-title {
  font-size: 27px;
  line-height: 1.3;
  color: #012555;
}
.who-card-title {
  font-size: 22px;
  font-weight: 700;
}
.btn-custom,
.btn-lg-subtle,
.contact-box h6,
.team-name-badge,
ul.navbar-nav li a {
  font-weight: 600;
}
.icon-img,
.who-icon {
  width: 80px;
  height: 80px;
}
.membership-section {
  background-image: url("../images/Image-1.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
  min-height: 560px;
  height: 560px;
  margin-bottom: 70px;
}
.membership-overlay {
  background-color: rgba(1, 37, 85, 0.5);
  position: absolute;
  inset: 0;
  z-index: 1;
}
.membership-content {
  position: relative;
  z-index: 2;
  color: #fff;
  padding-top: 70px;
}
.membership-cards {
  position: relative;
  z-index: 2;
  margin-top: 20px;
  padding: 10px;
  bottom: -60px;
  margin-bottom: 200px;
  transition: 0.5s;
}
.membership-card {
  background-color: #012555;
  color: #fff;
  height: 160px;
  position: relative;
  transition: 0.5s;
}
.bg-yellow,
.service-sidebar ul li a {
  background-color: #ffb12e;
}
.swiper-slide img,
.team-img {
  transition: transform 0.5s;
}
.detail-box p a,
.membership-card a,
.membership-card h5,
.membership-list:hover h6,
.service-ban-text a:hover,
.text-yellow,
ul.navbar-nav li a:hover {
  color: #ffb12e;
}
.contact-box h6,
.membership-card a:hover,
.service-ban-text a,
.team-info p,
section.connecting .btn-lg-subtle a {
  color: #fff;
}
.membership-card::before {
  content: "";
  position: absolute;
  top: -10px;
  border-top: 10px solid #ffb12e;
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
  display: none;
}
.membership-card:hover::before {
  display: block;
  transition: 1s;
}
@media (max-width: 767px) {
  .membership-card {
    height: auto;
  }
}
.membership-card p {
  color: #fff;
  margin: 0;
}
.swiper-slide .card img {
  height: 227px;
  object-fit: cover;
}
.swiper {
  padding: 18px 0;
  padding-bottom: 50px !important;
}
.text-blue,
section.connecting .btn-lg-subtle:hover a {
  text-transform: capitalize;
  color: #012555;
  text-transform: none;
}
.bg-blue {
  background-color: #012555;
}
.team-img {
  height: 260px;
}
.hover-zoom:hover,
.swiper-slide:hover img,
.team-card:hover .team-img {
  transform: scale(1.05);
}
.team-name-badge {
  background: #ffb12e;
  width: 78%;
  position: absolute;
  top: 253px;
  transform: translate(-50%, -50%);
  left: 50%;
  padding: 10px;
  border-radius: 20px;
  text-align: center;
  font-size: 19px;
}
.object-fit-cover {
  object-fit: cover;
}
.hover-link:hover {
  color: #ffc107 !important;
}
.top-bar a {
  width: 26px;
  height: 26px;
  font-size: 13px;
  padding: 3px 2px 2px;
  border: 0;
}
.top-bar .btn-a a:hover,
.top-bar .gap-3 a:hover {
  background: 0 0;
}
.PossaShield-sec .bg-blue:hover,
.d-flex.justify-content-center.gap-3 i:hover,
.footer-btn-sec a.bg-blue:hover,
.step-box.bg-yellow,
.team-card:hover .team-info.bg-blue.text-white,
.top-bar a:hover,
.value-box:hover,
button.btn.btn-custom:hover {
  background: #ffb12e;
}
.top-bar .btn-a a {
  font-size: 18px;
}
.hover-zoom {
  transition: transform 0.4s ease-in-out;
}
.avatar-img {
  border: 3px solid #fff;
  transition: transform 0.3s, border-color 0.3s;
}
.avatar-img:hover {
  transform: scale(1.1);
  border-color: #ffc107;
}
.active-avatar {
  border-color: #ffc107 !important;
  transform: scale(1.1);
}
.truncate-2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  transition: 0.3s;
}
.who-card:hover .truncate-2-lines {
  -webkit-line-clamp: unset;
  max-height: none;
  overflow: visible;
}
.info-box.who-card:hover {
  height: auto;
  transform: translateY(-10px);
}
.info-box.who-card {
  height: 268px;
  transition: 0.3s !important;
}
section#vision-section {
  background: #fff4da !important;
}
.btn-a a {
  color: #ffb12e;
}
.benefits-in-box,
.btn-a {
  padding: 0 10px;
}
.swiper-pagination-bullet-active {
  background: #012555;
  padding: 2px !important;
  font-size: 15px;
  width: 13px !important;
  height: 13px !important;
  margin-top: -5px;
}
.btn-lg-subtle {
  width: 100%;
  background: #ffb12e;
  padding: 10px;
  border-radius: 30px;
  font-size: 19px;
  text-align: center;
}
.btn-lg-subtle a {
  color: #000;
  padding: 10px;
}
.card-img {
  height: 240px;
  margin-bottom: 18px;
  border-radius: 10px;
}
.header-text-shiled {
  width: 774px;
}
footer ul.list-unstyled li {
  position: relative;
  padding-right: 5px;
  transition: 0.3s;
}
footer ul.list-unstyled li:before {
  position: absolute;
  content: "";
  width: 13px;
  height: 13px;
  top: 8px;
  left: 1px;
  color: #f1b12e;
  clip-path: polygon(0 0, 100% 49%, 0 100%, 36% 53%);
  background: #ffb12e;
}
ul.list-unstyled {
  padding-right: 23px;
}
ul.list-unstyled li a {
  padding-left: 24px;
  margin-bottom: 6px;
  font-size: 16px;
  color: #fff;
}
ul.list-unstyled-info.small li i {
  background: #ffb12e;
  color: #012555 !important;
  padding: 8px;
  border-radius: 50%;
  font-size: 13px;
}
ul.list-unstyled li:hover a {
  color: #ffb12e;
  transform: translateY(4px);
}
ul.list-unstyled li:hover {
  transform: translateX(4px);
}
.area-box {
  background: #012555;
  padding: 13px;
  position: absolute;
  bottom: -30px;
  width: 100%;
  border-radius: 10px;
}
.btn-custom,
.contact-box {
  background-color: #0a1a4a;
}
.area-box a {
  font-size: 16px !important;
}
.card.border-0.rounded-4.position-relative.group.community-slide {
  width: 94%;
}
button.accordion-button.text-primary.fw-semibold {
  background: #fff;
  border-bottom: 0;
}
.d-flex.justify-content-center.gap-3 i {
  border: 1px solid #012555;
  padding: 7px;
  border-radius: 50%;
  width: 32px;
}
.card-body.text-center.pt-5.mt-4 {
  padding: 20px !important;
  display: grid;
  justify-items: center;
}
.swiper.testimonialSwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden
  h3 {
  font-size: 34px;
  font-weight: 600;
  color: #012555;
}
.headet-test h3 {
  color: #012555;
  font-size: 35px;
  font-weight: 700;
}
.headet-test h4 {
  color: #ffc107 !important;
  text-transform: uppercase;
}
.blog-head {
  font-size: 39px;
}
.position-absolute.top-0.start-0.bg-warning.text-primary.fw-bold.px-2.py-1.text-center {
  position: absolute;
  left: 16px !important;
}
p.text-muted.mt-2 {
  line-height: normal;
  color: #000 !important;
}
h6.text-blue.fw-semibold {
  font-size: 15px !important;
}
.d-flex.gap-3.border-bottom.pb-2 {
  margin-bottom: 5px;
}
.accordion-header i {
  left: 0;
  background-color: #ffc107 !important;
  padding: 8px;
  border-radius: 50%;
  margin: 6px !important;
}
.accordion-button::after,
.swiper-button-next::after,
.swiper-button-prev:after,
header.header-sec.sticky .top-bar {
  display: none;
}
button.accordion-button.text-primary.fw-semibold.d-flex.justify-content-between.align-items-center {
  padding-left: 24px;
}
.accordion-item {
  margin-bottom: 10px;
  border-radius: 5px;
  border: 2px solid #0A1A4A;
}
.whatsapp {
  position: fixed;
  bottom: 20px;
  z-index: 99;
}
.whatsapp img {
  width: 134px;
  height: 86px;
}
.quote div,
.quote img {
  display: inline-block;
  color: #012555;
  vertical-align: middle;
  margin-right: 12px;
  font-size: 18px;
}
.quote div span {
  color: #787878;
  display: block;
}
.top-bar a.phone_icon {
  background: 0 0;
  color: #fff;
  width: auto;
  display: inline-block;
}
footer {
  font-size: 16px;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: opacity 0.3s;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}
.social-icons,
.step-icon {
  justify-content: space-between;
}
section.connecting {
  background: #fff3cd;
}
section.connecting .btn-lg-subtle {
  background: #012555;
  color: #fff;
}
section.connecting .btn-lg-subtle:hover {
  background: #ffb12e;
  color: #012555;
}
.contact-section {
  padding: 50px 0;
}
.form-control {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
textarea.form-control {
  border-radius: 15px;
}
.btn-custom {
  color: #fff;
  border-radius: 25px;
  padding: 10px 30px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
.contact-box {
  float: inline-end;
  color: #fff;
  padding: 30px;
  border-radius: 20px;
  width: 100%;
  float: inline-end;
  background: #ebebeb;
}
.banner-overlay,
header.header-sec {
  width: 100%;
  position: absolute;
}
.contact-info-box {
  background: #324b80;
  padding: 15px 20px;
  border-radius: 15px;
  margin-bottom: 20px;
}
.contact-info-box i {
  font-size: 24px;
  margin-right: 15px;
}
.form-section {
  padding: 60px 20px;
}
.form-title {
  font-weight: 700;
  color: #0a1a4a;
}
.form-label {
  font-weight: 600;
  color: #0a1a4a;
}
.form-control,
.form-select {
  border-radius: 25px;
  padding: 10px 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.contact-banner {
  position: relative;
  height: 500px;
  color: #001e63;
  font-family: sans-serif;
}
.banner-img {
  width: 100%;
  height: 100%;
  display: block;
}
.banner-overlay {
  top: 0;
  left: 0;
  height: 100%;
  background: #ffb12e;
  background: linear-gradient(
    92deg,
    #ffb12e 41%,
    #f7c97d 49%,
    #ebebeb 66%,
    rgba(235, 235, 235, 0) 99%
  );
  z-index: 1;
  opacity: 0.7;
}
.office-form,
section.benefits-in-sec {
  background: #ebebeb;
}
.banner-content {
  position: absolute;
  top: 44%;
  z-index: 2;
  width: 1224px;
  max-width: 1320px;
  margin: auto;
}
.banner-content h2 {
  font-size: 40px;
  margin: 5px 0 0;
  font-weight: 700;
  text-transform: uppercase;
}
.banner-content h2:after {
  content: "";
  display: block;
  height: 2px;
  width: 250px;
  margin: 5px 0 10px;
  background: #001e63;
}
.banner-content p {
  margin: 5px 0 0;
  font-size: 18px;
  font-weight: 500;
  text-transform: none;
  line-height: 23px;
  color: #000;
}
.banner-content a {
  color: #001e63;
}
.banner-content i {
  font-size: 15px;
  margin: 0 10px;
}
.social-icons {
  display: flex;
  margin-right: 25px;
  justify-content: flex-start;
}
.office-form {
  padding: 50px 100px;
  margin: auto;
}
.swiper-button-next,
.swiper-button-prev {
  color: #000;
  width: 36px;
  background: #fff;
  height: 24px;
  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
  border-radius: 20px;
  margin-right: -2px;
}
.col-lg-11.resources-text {
  padding-left: 20px;
}
.benefits-in-box:hover img,
.resources-section-2-box:hover img,
.row.resources-box:hover .resources-icon img {
  filter: invert(1);
}
.resources-section-2-box:hover h6,
.row.resources-box:hover .resources-text h4 {
  color: #f1b12e;
}
.resources-img img {
  width: 85%;
}
.resources-section-2 {
  background-image: url(../images/resources-img-bg.png);
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  height: 360px;
  margin-bottom: 120px;
}
.resources-section-2-box {
  background: #fff;
  padding: 20px;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
  text-align: center;
}
.accordion-button {
  background-color: #fff;
  box-shadow: none !important;
  border-radius: 0.5rem;
  color: #00214d;
  font-weight: 600;
  font-size: 20px;
  box-shadow: rgb(100 100 111 / 10%) 0 7px 29px 0 !important;
  padding: 10px 20px;
  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px !important;
}
.accordion-button:not(.collapsed) .toggle-icon i {
  transform: rotate(180deg);
  transition: transform 0.3s;
  color: #fff;
  background: #7b7b7b !important;
}
.accordion-button .toggle-icon i {
  color: #4c4c4c;
  font-size: 1.25rem;
  transition: transform 0.3s;
}
.accordion-body {
  background-color: #fff !important;
  border-radius: 0 0 0.5rem 0.5rem;
}
.accordion-button:not(.collapsed) {
  background: 0 0;
  box-shadow: none !important;
}
.eligibility-in-sec,
.section-row::after {
  background-position: center;
  background-repeat: no-repeat;
}
.accordion-collapse p {
  padding: 2px;
}
.accordion-item {
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px !important;
  box-shadow: rgba(0, 0, 0, 0.25) 0 5px 15px !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgb(78 78 78) !important;
}
.about-leader-social,
.blog-box,
.section-row,
.step-box,
.step-icon {
  position: relative;
}
.section-row::after,
.text-membership-center {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
}
.section-row::after {
  background-image: url(../images/meamber-aroow.png);
  background-size: 100% 100%;
  top: 48.6%;
  width: 18px;
  height: 1040px;
  z-index: -1;
}
.text-content {
  margin-left: 20px;
}
.text-content ul li {
  list-style: disc inside !important;
}
.membership-list h6 {
  position: relative;
  margin: 0;
}
.membership-list h6::before {
  width: 10px;
  height: 10px;
  background-color: #012555;
  content: "";
  margin-right: 10px;
  position: relative;
  border-radius: 50%;
  display: none;
}
.text-membership-center {
  top: -30px;
  background-color: var(--white-color);
  text-align: center;
  padding: 6px 30px;
}
.benefits-in-box img {
  width: 60px;
  height: 60px;
}
.benefits-in-box:hover h5 {
  color: var(--secondary-color);
}
.benefits-img img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.eligibility-in-sec {
  background-image: url(../images/Eligibility-bg.png);
  background-size: cover;
  padding: 70px 0;
}
.eligibility-in-text .membership-list h6::before {
  background: var(--secondary-color);
}
.step-box {
  background: #002455;
  padding: 17px 78px;
  clip-path: polygon(80% 0%, 100% 50%, 80% 100%, 0% 100%, 15% 50%, 0% 0%);
  width: 356px;
  height: 182px;
}
.row.process-steps {
  width: 800px;
  margin: auto;
}
.step-icon {
  display: flex;
  font-size: 69px;
  font-weight: 700;
  align-items: center;
}
.step-icon img {
  width: 70px;
  height: 85px;
  object-fit: contain;
}
.step-icon span {
  margin: 0;
  line-height: 0;
  padding-top: 0;
}
.step-box .step-content p {
  font-size: 13px;
}
.annual-fees-re-img img,
.histoey-img img,
.mission-img-2 img {
  width: 100%;
}
.footer-btn-sec {
  background: #ebebeb;
  display: flex;
  justify-content: space-between;
}
a.bg-yellow.text-white {
  padding: 8px 40px;
  margin: auto;
  border-radius: 8px;
}
.custom-tabs .nav-link {
  border: 1px solid #ccc;
  margin-right: 5px;
  color: #000;
  background: #fff;
  border-radius: 0;
  padding: 14px 19px;
}
.custom-tabs .nav-item {
  margin-bottom: 7px;
}
.custom-tabs .nav-link.active {
  background-color: #012555;
  color: #fff;
  border-color: #fff;
  font-weight: 700;
}
.blog-box p {
  margin: 0;
}
.blog-box {
  margin-bottom: 30px;
  transition: 0.3s;
  padding: 4px;
}
.team-sec .underline {
  width: 80px;
  height: 3px;
  background-color: #002f5f;
  margin: 10px auto;
}
.team-card {
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: 0.3s;
}
.team-card:hover {
  transform: translateY(-5px);
}
.annual-fees-re-img:hover img,
.blog-box:hover,
.mission-img-2:hover img {
  transform: translateY(-10px);
}
.team-info {
  padding: 15px;
  min-height: 130px;
}
.blog-box.full-size img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  position: relative;
}
.blog-text {
  position: absolute;
  bottom: 0;
  z-index: 99;
  left: 0;
  margin: 16px;
}
.blog-text a {
  background: #ffb12e;
  padding: 10px 20px;
  color: #fff;
  border-radius: 10px;
}
.blog-text h6 {
  margin-top: 20px;
}
.blog-box.full-size:before {
  background: #0125554f;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  z-index: 99;
  border-radius: 5px;
}
.about-our-bg {
  background-image: url(../images/history-bg.png);
  background-size: cover;
  background-position: center;
  padding: 20px;
  color: #fff;
  margin-top: 0;
  height: auto;
}
.about-history-box,
.video-box {
  padding: 30px;
  position: relative;
}
.about-history-box {
  background: 0 0;
  margin-top: 0 !important;
  margin: 0;
}
.video-box {
  border-radius: 15px;
  background: url("../images/About-4.jpg") center center/cover no-repeat;
  height: 450px;
  display: flex;
  align-items: end;
  color: #fff;
}
.video-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, #001e63, rgba(0, 0, 0, 0.055));
}
.video-content {
  position: relative;
  z-index: 2;
  max-width: 100%;
}
.icon-circle,
.play-button-overlay {
  display: flex;
  position: absolute;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.play-button-overlay {
  top: 50%;
  left: 55%;
  background: #fff;
  width: 70px;
  height: 70px;
  align-items: center;
  justify-content: center;
  z-index: 3;
  cursor: pointer;
}
.play-button-overlay i {
  font-size: 26px;
  color: #002f5f;
}
.icon-circle {
  width: 100px;
  height: 100px;
  background: #ffb12e;
  color: #fff;
  justify-content: center;
  align-items: center;
  margin: auto;
  top: 0;
  left: 50%;
}
.value-box,
.value-box:hover .icon-circle {
  background: #021f63;
}
.value-box {
  position: relative;
  padding: 60px 20px 20px;
  border-radius: 20px;
  margin-top: 50px;
}
.btn-custom-contact-btn-one,
.btn-custom-contact-btn-two {
  border-radius: 25px;
  padding: 10px 30px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
.social-icons a {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 32px;
  background: #002f5f;
  color: #f0f0f0;
  border-radius: 50%;
  text-align: center;
  margin-right: 5px;
  transition: 0.3s;
  font-size: 16px;
  border: 2px solid #ffb12e;
}
.social-icons a:hover {
  background: #ffb12e;
  color: #002f5f;
}
.swiper.main-team {
  background-color: #fff;
  padding: 5px;
}
.btn-custom-contact-btn-one {
  color: #fff;
  background-color: #012555;
}
.btn-custom-contact-btn-one:hover,
.btn-custom-contact-btn-two {
  color: #fff;
  background-color: #001e63;
}
.card-img:hover img,
.histoey-img:hover img {
  transform: scale(1.3);
}
.value-box:hover h5 {
  color: #021f63;
}
.membership-in-img:hover img,
.shareholder-in-img:hover img {
  transform: translateX(10px);
}
.benefits-img:hover img,
.resources-img:hover img {
  transform: scale(1.2);
}
.blog-box:hover {
  background: #fff;
  padding: 4px 4px 8px;
  border-radius: 4px;

}
.blog-box .blog-img:hover img,
.img-hover:hover img {
  transform: scale(1.1);
}
.our-core-values-stckiy {
  position: sticky;
  top: 120px;
}
header.header-sec.sticky {
  position: sticky;
  top: 0;
  z-index: 999;
  background: #fff;
  padding: 0 !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0 10px 10px -5px;
}
header.header-sec.sticky .div-nav-box {
  margin-top: 0;
  top: 0;
  /*padding: 10px;*/
}
section.leader-section .swiper-button-next,
section.leader-section .swiper-button-prev {
  color: #000;
  width: 46px;
  background: #fff;
  height: 46px;
  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
  border-radius: 50%;
  margin-right: 0;
}
.card-box {
  margin-bottom: 32px;
}
section.blog-sec-tab .blog-box img {
  height: 249px;
  width: 100%;
  object-fit: cover;
}
.blog-box.full-size {
  padding: 0;
}
a.bg-yellow.text-white:hover {
  background: #012555;
}
.blog-date {
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  padding: 4px 12px;
  color: #fff;
  z-index: 9;
}
.blog-date h4 {
  color: #fff;
  display: block;
  font-size: 26px;
}
.blog-date h4 span {
  display: block;
  color: #fff;
  font-size: 22px;
}
.heading-ser h2 {
  color: #012555;
  background: #fff;
  border-radius: 10px;
  font-size: 28px;
}
.detail-image {
  margin: 20px 0;
  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
  box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
}
.detail-image img,
.detail-img img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
  border-radius: 10px;
}
.la-event {
  width: 100%;
  padding: 30px;
  border-radius: 5px;
  border: 2px solid var(--primary-color);
  position: sticky;
  top: 120px;
}
.la-event ul li {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 10px 0;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.la-event ul li img {
  width: 80px;
  height: 80px;
  max-width: inherit;
  border-radius: 100%;
  object-fit: cover;
  border: 2px solid #012555;
}
.evrnt-text p {
  font-size: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  margin: 0;
}
.evrnt-text h5 {
  font-size: 11px;
  margin: 10px 0;
  background: #012555;
  color: #fff;
  padding: 9px 12px 6px;
  display: inline-block;
  border-radius: 30px;
}
.service-sidebar {
  position: relative;
  border-radius: 10px;
  padding: 30px;
  background: #ffb12e;
}
.service-sidebar ul li a {
  padding: 6px 20px;
  margin: 0 0 15px;
  line-height: 1;
  border: 1px solid #012555;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  transition: 0.4s;
  color: #000;
}
.service-sidebar ul li a i {
  width: 38px;
  height: 38px;
  background-color: #001a57;
  font-size: 13px;
  border-radius: 10px;
  display: grid;
  place-content: center;
  transition: 0.4s;
  color: #fff;
}
.service-sidebar ul li a.active-service,
.service-sidebar ul li a:hover {
  background-color: #001e63;
  border-color: #000;
  color: #fff;
}
.service-ban {
  background-image: url(../images/PossaImg-4.jpg);
  width: 100%;
  background-size: cover;
  padding: 150px 30px 30px;
  position: sticky;
  border-radius: 10px;
  top: 130px;
}
.service-ban:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(90deg, rgb(1 39 86) 5%, transparent 80%);
  top: 0;
  left: 0;
}
.img-hover:after,
.img-hover:before {
  height: 0;
  opacity: 0.2;
  z-index: 9;
  transition: 0.5s;
  content: "";
  width: 100%;
  position: absolute;
}
.service-ban-text {
  display: flex;
  gap: 20px;
  position: relative;
  z-index: 9;
  color: #fff;
}
.service-ban-text i {
  font-size: 27px;
  color: #fff;
  background: #ffb12e;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  border-radius: 50%;
}
.service-ban-text a:first-child {
  font-size: 25px;
  font-weight: 400;
  color: #fff;
  margin-top: 11px;
}
.img-hover {
  position: relative;
  z-index: 9;
}
.img-hover:before {
  background: #000;
  top: 0;
}
.img-hover:after {
  background: #000;
  bottom: 0;
  left: 0;
}
.img-hover:hover:after,
.img-hover:hover:before {
  height: 50%;
}
.histoey-img img {
  height: 300px;
}
.d-md-flex.align-items-center.justify-content-between.p-4.rounded {
  background: #f2f3ed;
  width: 96%;
  margin: auto;
  padding: 32px !important;
}
.main-bottom.px-4 {
  background: #f2f3ed;
  width: 96%;
  margin: auto;
  padding-bottom: 30px;
}
.datails-info a {
  display: block;
}
.line {
  background: #ffb12e;
  content: "";
  width: 130px;
  height: 3px;
  position: absolute;
  right: 180px;
  top: 10px;
}
.la-event h3 {
  color: #012555;
}
.custom-tabs .nav-link:hover {
  background: #ffc107;
}
.eligibility-in-text ul.custom-tabs {
  border-bottom: 2px solid #fff !important;
}
.eligibility-in-text ul.custom-tabs li {
  margin-bottom: 0;
}
.eligibility-in-text .custom-tabs .nav-link {
  border: 0;
  padding: 9px;
  margin: 0;
  background: 0 0;
  color: #fff;
  font-size: 19px;
}
.eligibility-in-text .custom-tabs .nav-link.active {
  background: 0 0;
  border-bottom: 3px solid #ffb12e;
  margin-bottom: -2px;
  color: #ffb12e;
}
.eligibility-in-text ul.custom-tabs .nav-link:hover {
  color: #ffc107;
}
.eligibility-in-text .tab-content ul li {
  position: relative;
  padding-left: 19px;
  line-height: 24px;
  font-size: 15px;
  margin-left: 5px;
}
.eligibility-in-text .tab-content ul li:before {
  content: "\f064";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 13px;
  position: absolute;
  left: -1px;
  color: #ffb12e;
}
.detail-box .detail-text ul li:before,
.middle-content .membership-list:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  color: #012555;
}
.detail-box .detail-text ul li {
  position: relative;
  padding-left: 19px;
  line-height: 24px;
  font-size: 15px;
  margin-left: 5px;
  color: #000;
}
.detail-box .detail-text ul li:before {
  content: "\f064";
  font-size: 13px;
  left: -1px;
}
.italic_style {
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
  text-transform: none;
  font-family: "DM Sans";
}
.about-leader-social .social-icons {
  display: block;
  margin: 00px auto 0;
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
}
.middle-content {
  align-items: center;
  position: relative;
  padding: 45px 0;
  margin-top: 0 !important;
}
.middle-content .membership-list {
  position: relative;
  padding-left: 45px;
}
.middle-content .membership-list:before {
  content: "\f058";
  font-size: 30px;
  display: inline-block;
  margin-right: 0;
  left: 0;
  border-radius: 50%;
  top: -5px;
}
.middle-content .membership-list:first-child:before {
  content: "\f007";
}
.middle-content .membership-list:nth-child(2):before {
  content: "\f3ed";
}
.middle-content.sharcont .membership-list:first-child:before {
  content: "\e4d5";
}
.middle-content.sharcont .membership-list:nth-child(2):before {
  content: "\f21b";
}
.middle-content.sharcont .membership-list:nth-child(3):before {
  content: "\f0ec";
}
a.custom-btn.text-decoration-none.moblie-login {
    display: none;
}





.helpful_resources{}
.helpful_resources ul{}
.helpful_resources ul li{
    padding: 10px 15px;
    background: #f7f7f7;
    margin: 10px 0;
    border: solid thin #cccccc;
    border-radius: 10px;
}
.helpful_resources ul li a{}
.helpful_resources ul li span{
    font-weight: bold;
    color: #012555;
}
.helpful_resources ul li:hover span{
  color: #d89c32;
}
.helpful_resources ul li p{
    margin-bottom: 0;
}












/* RESPONSIVE QUERY______ */
@media only screen and (max-width: 1360px) {

}

@media only screen and (max-width: 1280px) {

}

@media only screen and (max-width: 1199px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 96%;
  }
  .div-nav-box {
    /*padding: 18px 12px !important;*/
  }
  .container.h-100.d-flex.align-items-center.slider-text {
    padding: 36vh 380px 149px 0;
  }
}

@media only screen and (max-width: 1140px) {

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 991px) {
.team-img {
    height: 360px;
}
.team-name-badge {   
    top: 355px;   
}
.line {   
    right: inherit;
    top: 28px;
}
.footer-btn-sec h3.text-blue {
    display: block !important;
}
.d-md-flex.align-items-center.justify-content-between.p-4.rounded {  
    flex-wrap: wrap;
}
button.navbar-toggler {
    order: 1;
}
div#mainNavbar {
    position: absolute;
    background: #ffffff;
    width: 100%;
    left: 0;
    padding: 23px;
    top: 57px;
}
.div-nav-box, .social-icons {
    display: flex;
    justify-content: space-between;
}
.footer-btn-sec .container.d-flex.justify-content-between {
    display: block !important;
}
.text-membership-center.mt-5 {
    display: none;
}
.section-row::after{
       display: none;
}
.section-row::after{
       display: none;
}
.middle-content {
    padding: 0px 0; 
}
.membership-in-img img {
    width: 100%;
    margin-bottom: 30px;
}
.row.mt-5.middle-content.sharcont {  
    flex-direction: column-reverse;
}
.shareholder-in-img img {
    width: 100%;
    margin-left: 0px;
}
.shareholder-in-img {
    margin-bottom: 28px;
}
.benefits-img {
    margin-bottom: 26px;
}
.step-box {    
    margin-bottom: 28px;
}
section.padd.service-detail-sec .row{
    flex-direction: column-reverse;
}
.resources-img img {
    width: 500px;  
    height: auto;
    margin-bottom: 28px;
}
.resources-section-2 {
      height: auto;
      padding: 60px 0px;
      margin: 0;
}
.resources-section-2-box {
    background: #fff;   
    min-height: 230px;
    margin-bottom: 24px
}
button.navbar-toggler {
    background: #FFC107;
    color: white;
    /* padding: 16px !important; */
    width: 50px;
}
.div-nav-box, .social-icons {
        display: flex;       
    }
    header.header-sec.sticky .div-nav-box {
    margin-top: 0;
    top: 0;
    /* padding: 10px; */
    justify-content: space-between !important;
}
    .social-icons {
    justify-content: flex-start;
}
.container.h-100.d-flex.align-items-center.slider-text {
        padding: 160px 0px;
    }
    .swiper.mySwiper.hero-slider .swiper-slide {
    width: 100%;
    height: 560px;
    min-height: inherit !important;
}
.container.h-100.d-flex.align-items-center.slider-text {
        padding: 160px 0px 160px 60px;
        width: 60%;
        float: left;
    }
    .top-bar .border-end {
    display: none;
}
.header-text-shiled {
    width: auto;
}
.banner-content {     
        width: 100% !important;
        max-width: 100% !important;       
    }
.swiper.mySwiper { 
    position: relative;
}
.swiper.mySwiper.hero-slider .swiper-slide:before {
    background: #ffc10740;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
 .slider-text p {
    font-size: 16px;
    color: black;
}
.footer-btn-sec {  
    margin-top: 20px;
}
.row.process-steps {
    width:auto;
    margin: auto;
}
.service-sidebar {
    position: relative;
    border-radius: 10px;
    padding: 30px;
    background: #ffb12e;
    margin: 0 !important;
}
.resources-img img {      
        width: 100%;
        height: 600px;       
        object-fit: contain;
    }
.service-ban {
 
    margin-top: 20px;
}
}


@media only screen and (max-width: 980px) {

}

@media only screen and (max-width: 840px) {

}


@media only screen and (max-width: 800px) {
.container.h-100.d-flex.align-items-center.slider-text {
        padding: 160px 0px 160px 60px;
        width: 80% !important;
        float: left;
    }
    .slider-text h2 {
    font-size: 36px;
}
.banner-content h2 {
    font-size: 30px;  
}
header.header-sec .container.d-flex.justify-content-between.align-items-center.px-5 {
    padding: 0px 10px !important;
}

}


@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 767px) {


    .container.h-100.d-flex.align-items-center.slider-text {
        padding: 160px 0px 160px 60px;
        width: 100% !important;
        float: left;
    }
.row.process-steps {
        width: 50%;
        margin: auto;
    }
    .footer-btn-sec .footer-btn-sec a {
    margin-top: 20px;
}
.team-img {
        height: 560px;
    }
    .team-name-badge {
        top: 554px;
    }
    .membership-card {
        height: auto;
        width: 90%;
        margin: auto;
        height: 160px;
        /* margin-bottom: 20px; */
    }
    a.d-block.d-md-inline.text-warning.text-decoration-underline.hover-link.who-link {
    text-align: center;
}
.membership-section {   
    margin-bottom: 120px;
}

.card-img {
    height: 320px;   
}
.top-bar a.btn.btn-light.btn-sm.rounded-circle {
    display: none;
}
.history-text img {
    float: inherit !important;
    width: 100% !important;
    margin-bottom: 20px;
    padding: 0px !important;
}
.about-history-box {
    padding: 0px;
}
.about-our-bg {
    padding: 0;
}
.banner-content {
    position: absolute;
    top: 32%;
    z-index: 2;
    width: 100% !important;
    max-width: 100% !important;
    margin: auto;
}
.contact-banner {   
    height: 650px;  
}
.banner-content p.w-50 {
    width: 100% !important;
}
.banner-content {
        position: absolute;
        top: 32%;
        z-index: 2;
        width: 100% !important;
        max-width: 100% !important;
        margin: auto;
        padding: 20px !important;
        left: 0;
    }
.membership-in-head.text-center.w-75.m-auto.mb-5 {
    width: 100% !important;
}
section.resources-section-2 .text-area.w-75.py-5 {
    padding: 0px !important;
    text-align: center;
    width: 100% !important;
}
section.resources-section-2 .text-area strong{
font-size: 24px !important;
}
}
@media only screen and (max-width: 667px) {
.top-bar a.phone_icon {   
    display: none;
}
.accordion-button { 
    font-size: 18px;
   
}
.office-form {
    padding: 30px 40px;
    margin: auto;
}

}

@media only screen and (max-width: 600px) {

}

@media only screen and (max-width: 500px) {
.team-img {
        height: 460px;
    }
.la-event {
    padding: 16px;   
}
.detail-image img, .detail-img img {  
    height: 240px;   
}
.row.process-steps {
        width: 99%;
        margin: auto;
    }
    .team-name-badge {
        top: 454px;
    }
.play-button-overlay {
    top: 34%;  
}
.accordion-button .toggle-icon i {   
    font-size: 10px;
    transition: transform 0.3s;
    padding: 5px;
   

}
   section.py-5.bg-warning-subtle.min-vh-50 .position-relative img {
    width: 100% !important;
}
.d-md-flex.align-items-center.justify-content-between.p-4.rounded {
    width: 100%;  
    padding: 32px !important;
}
section.leader-section .swiper-button-next, section.leader-section .swiper-button-prev {  
    width: 25px;   
    height: 25px;    
}
.container, .container-lg, .container-md, .container-sm {
        max-width: 99%;
    }
.office-form {
    padding: 20px 10px;
    margin: auto;
}
.contact-banner {
        height: 532px;
    }

.g-5, .gy-5 {
    /* --bs-gutter-y: 0px !important; */
}
.g-5, .gx-5 {
    /* --bs-gutter-x: 0px !important; */
}
.card.border-0.rounded-4.position-relative.group.community-slide {
    width: 100%;
}
}

@media only screen and (max-width: 480px) {
.container.h-100.d-flex.align-items-center.slider-text {
        padding: 160px 0px 160px 10px;
        width: 100% !important;
        float: left;
    }


      h1 { font-size: 32px !important; }
    h2 { font-size: 28px!important; }
    h3 { font-size: 26px!important; }
    h4 { font-size: 24px!important; }
    h5 { font-size: 20px!important; }
    h6 { font-size: 14px!important; }
    p { font-size: 14px; }
    span, a, li, label {/* font-size: 14px; */}

.video-box {
    height: 700px;  
}
    .swiper.mySwiper.hero-slider .swiper-slide {    
        height: 460px;
        min-height: inherit !important;
    }
.membership-section {
        margin-bottom: 160px;
    }
.card-box .card-img {
    width: 100%;
    height: 240px !important;
}
.step-box {
     width: 100%;
    height: 200px;
}
.step-icon span { 
    font-size: 24px !important;
}
.footer-btn-sec .footer-btn-sec a {
        margin-top: 12px;
    }

}

@media only screen and (max-width: 414px) {
.membership-cards {
    position: relative;
    z-index: 2;
    margin-top: 20px;
    padding: 10px;
    bottom: 0px;  
    transition: 0.5s;
}
.membership-section {
        margin-bottom: 200px;
    }
    button.navbar-toggler {       
        padding: 5px !important;
        height: 40px;
        width: 45px !important;
        margin-top: 5px;
        text-align: center;
    }
    .news-ticker-track img{height: 25px;}
}

@media only screen and (max-width: 375px) {

}

@media only screen and (max-width: 360px) {

}


@media only screen and (max-width: 320px) {

}


.skiptranslate{display: none !important;}




/* 
  body {
            background-color: var(--primary-color);
        } */

        .possa-hero {
            position: relative;
            /*background-color: var(--primary-color);*/
            background-image: linear-gradient(rgba(1, 37, 85, 0.85), rgba(1, 37, 85, 0.85)), url('/web/images/banner.png');
            background-size: cover;
            background-position: center;
            padding: 80px 0 80px 0;
            /* Reduced bottom padding */
            min-height: 82vh;
            display: flex;
            align-items: center;
            overflow: visible;
            /* Ensure overlay shows */
        }

        .possa-hero h1 {
            font-size: 3.5rem;
            font-weight: 700;
            line-height: 1.2;
            color: white;
            font-family: 'Epilogue', sans-serif;
            /* margin-bottom: 2rem; */
        }

        .possa-hero h1 .highlight {
            color: var(--secondary-color);
        }

        .possa-hero p.lead-text {
            font-size: 1.05rem;
            color: #d1d5db;
            line-height: 1.7;
            margin-bottom: 2.5rem;
            max-width: 95%;
            font-family: 'DM Sans', sans-serif;
        }

        .btn-owner {
            background: var(--gradient-color) !important;
            color: var(--primary-color) !important;
            border: 1px solid transparent !important;
            font-weight: 600;
            padding: 12px 30px;
            border-radius: 8px !important;
            transition: all 0.3s ease;
        }

        .btn-owner:hover {
            background: transparent !important;
            color: #FE9516 !important;
            border-color: #FE9516 !important;
        }

        .btn-explore {
            background: transparent !important;
            color: white !important;
            border: 1px solid white !important;
            font-weight: 600;
            padding: 12px 30px;
            border-radius: 8px !important;
            transition: all 0.3s ease;
        }

        .btn-explore:hover {
            background: rgba(255, 255, 255, 0.1) !important;
            color: white !important;
            border-color: white !important;
        }

        /* Right Card */
        .shield-card {
            background-color: #fcfaf4;
            border-radius: 20px;
            padding: 24px 24px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
        }

        .shield-header {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            margin-bottom: 8px;
        }

        .shield-header h3 {
            color: var(--primary-color);
            font-weight: 800;
            margin: 0;
            font-size: 1.8rem;
            letter-spacing: 0.5px;
        }

        .shield-line {
            height: 2px;
            background-color: var(--secondary-color);
            width: 60px;
        }

        .shield-subtitle {
            text-align: center;
            color: #4a5568;
            font-size: 0.95rem;
            margin-bottom: 18px;
            font-family: 'DM Sans', sans-serif;
        }

        .feature-card {
            background-color: white;
            border-radius: 12px;
            padding: 12px 20px;
            display: flex;
            align-items: center;
            gap: 15px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
            height: 100%;
            position: relative;
            border: 1px solid #f0f0f0;
        }

        .feature-icon {
            color: var(--secondary-color);
            font-size: 2rem;
            width: 40px;
            text-align: center;
        }

        .feature-title {
            color: var(--primary-color);
            font-weight: 700;
            margin: 0;
            font-size: 1rem;
            /* line-height: 1.3; */
        }

        .badge-count {
            position: absolute;
            top: -10px;
            left: 15px;
            background-color: #ff5722;
            color: white;
            font-size: 0.75rem;
            padding: 3px 8px;
            border-radius: 12px;
            font-weight: bold;
            box-shadow: 0 2px 5px rgba(255, 87, 34, 0.3);
        }

        .welfare-link {
            display: block;
            text-align: center;
            color: var(--primary-color);
            font-weight: 700;
            text-decoration: underline;
            margin: 25px 0;
            font-size: 1rem;
        }

        .mission-card {
            background-color: white;
            border-radius: 12px;
            padding: 20px 25px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
            border: 1px solid #f0f0f0;
        }

        .mission-text {
            display: flex;
            align-items: center;
            gap: 15px;
            flex: 1;
        }

        .mission-icon {
            background-color: var(--secondary-color);
            color: var(--primary-color);
            width: 70px;
            height: 70px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2.5rem;
            flex-shrink: 0;
        }

        .mission-title {
            color: var(--primary-color);
            font-weight: 800;
            margin: 0;
            font-size: 1.15rem;
            line-height: 1.4;
        }

        .mission-map {
            width: 180px;
            opacity: 0.9;
        }

        .map-pin {
            position: absolute;
            color: var(--primary-color);
            font-size: 0.9rem;
            transform: translate(-50%, -100%);
            filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
        }

        /* Bottom Sticky Bar */
        .bottom-bar {
            display: flex;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
            border-radius: 8px 50px 50px 8px;
            z-index: 1000;
        }

        .news-badge {
            background: var(--gradient-color);
            color: var(--primary-color);
            font-weight: 800;
            padding: 6px 25px;
            display: flex;
            align-items: center;
            gap: 10px;
            z-index: 2;
            font-size: 1.1rem;
            flex-shrink: 0;
            border-radius: 8px 0 0 8px;
        }

        .news-content {
            background-color: #061131;
            flex-grow: 1;
            display: flex;
            align-items: center;
            padding: 0 13px;
            justify-content: space-between;
            border-radius: 8px;
            border: 1px solid rgba(255, 177, 46, 0.5);
            border-left: none;
            margin-left: -20px;
            z-index: 9;
        }

        .news-content-inner {
            display: flex;
            align-items: center;
            gap: 20px;
            width: 100%;
            padding-left: 30px;
        }

        .news-title {
            color: white;
            font-weight: 700;
            margin: 0;
            display: flex;
            align-items: center;
            gap: 15px;
            font-size: 1.1rem;
            white-space: nowrap;
        }

        .news-title i {
            color: var(--secondary-color);
            font-size: 1.3rem;
        }

        .news-divider {
            color: rgba(255, 255, 255, 0.2);
            font-size: 1.5rem;
            font-weight: 300;
        }

        .news-desc {
            color: #b0b8c8;
            margin: 0;
            font-size: 1rem;
            white-space: nowrap;
        }

        .news-actions {
            display: flex;
            align-items: center;
            gap: 25px;
        }

        .action-btn {
            color: white;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
        }

        .action-btn:hover {
            color: var(--secondary-color);
        }

        .btn-circle {
            width: 32px;
            height: 32px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 50%;
            font-size: 0.8rem;
        }

        .btn-circle:hover {
            background-color: var(--secondary-color);
            color: var(--primary-color);
        }

        @media (max-width: 991px) {
            .bottom-bar {
                flex-direction: column;
            }

            .news-badge {
                border-radius: 0;
                justify-content: center;
            }

            .news-content {
                margin-left: 0;
                border-radius: 0;
                padding: 15px;
            }

            .news-content-inner {
                flex-direction: column;
                padding-left: 0;
                text-align: center;
                gap: 10px;
            }

            .news-title {
                white-space: normal;
                justify-content: center;
            }

            .news-desc {
                white-space: normal;
            }

            .news-divider {
                display: none;
            }
        }

     .dignity-section {
    position: relative;
    background-image:
        linear-gradient(
            rgba(255, 253, 248, 0.92),
            rgba(255, 253, 248, 0.92)
        ),
        url('/web/images/image 7.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 60px 0px;
}


        .dignity-subtitle {
            color: var(--primary-color);
            font-weight: 800;
            font-size: 1.25rem;
            margin-bottom: 10px;
            letter-spacing: 0.5px;
        }

        .dignity-title {
            color: var(--primary-color);
            font-size: 3rem;
            font-weight: 800;
            margin-bottom: 20px;
        }

        .dignity-title .text-warning {
            color: var(--secondary-color) !important;
        }

        .dignity-desc {
            color: #666;
            font-size: 1.05rem;
            margin-bottom: 30px;
            max-width: 95%;
            line-height: 1.6;
        }

       .dignity-badge {
    /* background-color: #f8f6f2; */
    border: 1.5px solid #012555a8;
    border-radius: 15px;
    padding: 12px 25px;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    max-width: 100%;
}

        .dignity-badge p {
            color: var(--primary-color);
            font-weight: 600;
            font-size: 1.05rem;
            margin: 0;
            line-height: 1.4;
        }

        .dignity-badge-icon {
            width: 50px;
            height: 50px;
            border: 2px solid var(--secondary-color);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
            flex-shrink: 0;
        }

        .dignity-badge-icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .features-row {
            margin-top: 45px;
        }

        .features-dashed-line {
            position: absolute;
            top: 36px;
            left: -30%;
            right: 5%;
            height: 1px;
            border-top: 2px dashed #9bc1ea;
            z-index: 0;
        }

        .feature-item {
            position: relative;
            z-index: 1;
            border-right: 1px solid #BFC6DA;
        }

        .feature-icon-wrapper {
            background-color: #FFFDF8;
            display: inline-block;
            border-radius: 50%;
            padding: 5px;
            margin-bottom: 10px;
        }

        .feature-icon-wrapper img {
            width: 60px;
            height: 60px;
        }

        .feature-item p {
            color: var(--primary-color);
            font-weight: 700;
            font-size: 0.9rem;
            line-height: 1.3;
            margin: 0;
        }

        .btn-explore-outline {
            background: transparent !important;
            color: var(--primary-color) !important;
            border: 1px solid #a0aabf !important;
            font-weight: 600;
            padding: 12px 30px;
            border-radius: 8px;
            text-decoration: none;
            transition: all 0.3s;
        }

        .btn-explore-outline:hover {
            background: var(--primary-color) !important;
            color: white !important;
            border-color: var(--primary-color) !important;
        }

        /* Success By Design Section */
        .success-section {
            background-color: #ffffff;
            overflow: hidden;
            border-top: 1px solid #f0f0f0;
        }

        .success-subtitle {
            color: var(--primary-color);
            font-weight: 800;
            letter-spacing: 1px;
            font-size: 1.2rem;
            margin-bottom: 15px;
        }

        .success-title {
            font-weight: 800;
            font-size: 2.5rem;
            line-height: 1.2;
            margin-bottom: 10px;
        }

        .success-title.text-warning {
            color: var(--secondary-color) !important;
        }

        .success-title.text-primary {
            color: var(--primary-color) !important;
        }

        .success-features {
            max-width: 500px;
        }

        .success-feature h5 {
            font-weight: 800;
            font-size: 1rem;
        }

        .success-feature h5.text-primary {
            color: var(--primary-color) !important;
        }

        .success-feature p {
            font-size: 0.9rem;
        }

        .success-feature p.text-muted {
            color: var(--primary-color) !important;
            font-weight: 600;
        }

        .feature-divider {
            width: 1px;
            background-color: #c0c5ce;
            height: 80px;
            align-self: center;
        }

        .built-by-badge {
            background-color: #061131 !important;
        }

        .success-image-wrapper {
            position: absolute;
            /* height: 100%; */
            min-height: 70vh;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            top: 0px;
            right: 0;
        }

        .success-image {
            width: 100%;
            object-fit: cover;
            object-position: left center;
            max-height: 70vh;
        }

        /* Village Section */
        .village-section {
            background-image: url('../images/village-bg.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            /*min-height: 800px;*/
            border-top: 1px solid #f0f0f0;
        }

        .village-section .text-primary {
            color: var(--primary-color) !important;
        }

        .village-section .text-warning {
            color: var(--secondary-color) !important;
        }

        .village-section .text-muted {
            color: #4b5563 !important; /* Dark grey for readability */
        }

        /* FSP Section */
        .fsp-section {
            background-color: #fcf9f2; /* Soft warm cream */
            border-top: 1px solid #f0f0f0;
            overflow: hidden;
        }

        .fsp-subtitle {
            font-size: 1.2rem;
            letter-spacing: 1px;
            color: var(--primary-color) !important;
        }

        .fsp-title {
            font-size: 2.8rem;
            line-height: 1.2;
            color: var(--secondary-color) !important;
        }

        .fsp-member-badge {
            background-color: #fffaf0;
            border: 1px solid var(--secondary-color) !important;
        }

        .fsp-desc {
            font-size: 1.05rem;
            line-height: 1.6;
            color: #4b5563 !important;
        }

        .fsp-section .border-bottom, .fsp-section .border-end {
            border-color: #e5e7eb !important;
        }
        
        .fsp-section h6.text-primary {
            color: var(--primary-color) !important;
        }
        
        .fsp-section p.text-muted {
            color: var(--primary-color) !important;
        }

        .fsp-lock-text i {
            color: var(--primary-color) !important;
        }

        /* Care Section */
        .care-section {
            background-color: #ffffff;
            border-top: 1px solid #f0f0f0;
            overflow: hidden;
            padding: 60px 0px !important;
        }

        .care-subtitle {
            font-size: 1.2rem;
            letter-spacing: 1px;
            color: var(--primary-color) !important;
        }
        
        .care-section .text-primary {
            color: var(--primary-color) !important;
        }

        .care-title {
            font-size: 2.8rem;
            line-height: 1.2;
            color: var(--secondary-color) !important;
            margin: 0px !important;
        }

        .care-desc {
            font-size: 1.05rem;
            line-height: 1.6;
            color: #6b7280 !important;
        }

        .care-feature-box {
            border-color: #e5e7eb !important;
        }
        
        .care-feature-box h6 {
            color: var(--primary-color) !important;
        }
        
        .care-feature-box p {
            color: #4b5563 !important;
        }

        .addon-badge {
            border: 1px solid #012555 !important;
            background-color: #fafaf9;
        }

 /* Resolve Section */
.resolve-section {
    position: relative;
    background-color: #fcf9f2;
    overflow: hidden;
    padding: 60px 0 !important;
}

/* Background Overlay */
.resolve-bg-overlay {
    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(
            rgba(255, 253, 248, 0.92),
            rgba(255, 253, 248, 0.92)
        ),
        url('/web/images/image 11.png');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}
        
.vision-strip{
    background:#08205f;
    padding:20px 0;
}

.vision-left{
    display:flex;
    align-items:center;
    gap:15px;
}

.vision-left h3{
    color:#fff;
    font-size:22px;
    font-weight:700;
    margin:0;
}

.vision-left span{
    color:#f5b32f;
}

.vision-right{
    border-left:1px solid rgba(255,255,255,0.2);
    padding-left:40px;
}

.vision-right p{
    color:#fff;
    margin:0;
    font-size:18px;
    line-height:1.4;
}

        .resolve-subtitle {
            font-size: 1.2rem;
            letter-spacing: 1px;
            color: var(--primary-color) !important;
        }

        .resolve-title {
            font-size: 2.5rem;
            line-height: 1.2;
            color: var(--secondary-color) !important;
        }

        .resolve-desc {
            font-size: 1.05rem;
            line-height: 1.6;
            color: #4b5563 !important;
        }

        .resolve-feature-box {
            border-color: #d1d5db !important;
        }
        
        .resolve-feature-box h6 {
            color: var(--primary-color) !important;
        }
        
        .resolve-addon-badge {
            background-color: #fffaf0;
            border: 1px solid var(--secondary-color) !important;
        }
        
        .resolve-addon-icon-wrap {
            /*background-color: var(--secondary-color);*/
            border-radius: 6px;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .village-bg-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.95) 45%, rgba(255, 255, 255, 0.6) 65%, rgba(255, 255, 255, 0) 100%);
            z-index: 1;
        }

        .village-content-col {
            padding-top: 60px !important;
            padding-bottom: 60px !important;
            padding-right: 0px !important;
            padding-left: 0px !important;
        }

        .village-title {
            font-size: 3rem;
            letter-spacing: -0.5px;
            line-height: 1.1;
        }

        .village-desc {
            font-size: 1.1rem;
            line-height: 1.6;
            max-width: 90%;
            font-weight: 500;
        }

        .village-feature-box {
            border-color: #e5e7eb !important;
        }

        .village-icon-wrap img {
            width: 45px;
            height: 45px;
            object-fit: contain;
        }

        .village-community-box {
            border: 1px solid var(--primary-color);
            width: 532px;
            z-index: 10;
        }
        
        .community-icon-item p {
            font-size: 0.9rem;
            letter-spacing: 1px;
        }



/* 17.06.2026 */


.feature-item:last-child {
    border-right: none;
}

.bottom-bar-wrapper {
    background: #0a1a4a;
}

/* Large Desktop */
@media screen and (max-width: 1600px) {
    h1 { font-size: 2.8rem; }
    h2 { font-size: 2.4rem; }
    h3 { font-size: 1.8rem; }
    h4 { font-size: 1.5rem; }
    h5 { font-size: 1.25rem; }
    h6 { font-size: 1.05rem; }
    li, p { font-size: 16px; }
}

/* Desktop */
@media screen and (max-width: 1400px) {
/*.success-image-wrapper {*/
/*    position: relative;*/
/*    height: 100%;*/
/*    min-height: 500px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: flex-end;*/
/*    top: -162px;*/
/*    right: -122px;*/
/*}*/
}
.news-content-inner{
    display:flex;
    align-items:center;
    gap:15px;
    width:100%;
}

.news-title{
    white-space:nowrap;
}

.news-desc{
    flex:1;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .container {
        max-width: 96%;
    }
    .mb-5 {
        margin-bottom: 2rem !important;
    }
}


.feature-card:hover {
    background: #0a1a4a;
}
.feature-card:hover .feature-title {
 color : white;
}
section.reviews-section {
    background: #fff7ee;
}
h5.news-title img {
    width: 20px !important;
}

.news-content {
       padding: 0px 10px  !important;
}
.news-ticker {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.news-ticker-track {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    animation: tickerMove 20s linear infinite;
}

.news-title {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.news-desc {
    font-size: 14px;
    color: #fff;
}

@keyframes tickerMove {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }
}
@media (max-width: 768px) {
    .news-title {
        font-size: 14px;
    }

    .news-desc {
        font-size: 13px;
    }

    .news-ticker-track {
        gap: 12px;
    }
}


.newsSwiper {
    width: 100%;
}

.newsSwiper .swiper-slide {
    color: #fff;
    display: flex;
    align-items: center;
}

.news-next {
    position: static !important;
    width: 30px !important;
    height: 30px !important;
    margin-top: 0 !important;
    color: #fff !important;
}

.news-next::after {
    font-size: 18px !important;
    font-weight: 700;
}






/* Member Hero Section */
.member-hero {
  /* background-color: var(--primary-color); */
  padding: 100px 0;
  min-height: 82vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  background-image: url('../images/meder-header.png');
  background-size: cover;
  background-position: center;
  background-blend-mode: soft-light;
}

.member-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: rgba(1, 37, 85, 0.90); */
  z-index: 1;
}

.member-card-wrapper {
  perspective: 1000px;
  padding: 20px;
}

.member-3d-card {
  background: #fdfdfd;
  border-radius: 15px;
  box-shadow:
    1px 1px 0px #e2ab25,
    2px 2px 0px #dda117,
    3px 3px 0px #d4980a,
    4px 4px 0px #cb9000,
    5px 5px 0px #c18700,
    6px 6px 0px #b87f00,
    8px 8px 0px #a46f00,
    15px 15px 30px rgba(0, 0, 0, 0.6);
  transform: rotateY(-18deg) rotateX(4deg);
  transform-style: preserve-3d;
  transition: transform 0.4s ease;
  max-width: 420px;
  margin: 0 auto;
  border: 3px solid #ffca4a;
}

.member-3d-card:hover {
  transform: rotateY(-5deg) rotateX(2deg);
}

.member-3d-card .card-top {
  border-radius: 12px 12px 0 0;
}

.member-3d-card .card-bottom {
  border-radius: 0 0 12px 12px;
  background: linear-gradient(180deg, #ffb12e 0%, #f79c10 100%);
}

.member-benefits-list li {
  font-size: 1.05rem;
  font-weight: 500;
}

.tracking-widest {
  letter-spacing: 0.15em;
}
header.header-sec {
    background: #ffffff;
    position: relative;
}
.shield-card {
    min-height: 150px;
}

.bottom-bar-wrapper {
    width: 100%;
}

.bottom-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
}

.news-badge {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.news-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    gap: 15px;
    flex-wrap: wrap;
    width: 100%;
}

.news-content-inner {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    flex: 1;
}

.news-title,
.news-desc {
    margin: 0;
}

.news-actions {
    flex-shrink: 0;
}

/* Tablet */
@media (max-width: 991px) {
    .bottom-bar {
        flex-direction: column;
        align-items: flex-start;
    }

    .news-content {
        width: 100%;
    }

    .news-content-inner {
        width: 100%;
    }
}

/* Mobile */
@media (max-width: 767px) {

    .bottom-bar {
        gap: 12px;
    }

    .news-content {
        /* flex-direction: row-reverse; */
        /* align-items: flex-start; */
        /* width: 100%; */
    }

    .news-content-inner {
        /* flex-direction: column; */
        /* align-items: flex-start; */
        /* gap: 8px; */
        /* width: 100%; */
    }

    .news-title {
        font-size: 14px;
        line-height: 1.4;
    }

    .news-desc {
        font-size: 13px;
        margin-left: 0 !important;
        width: max-content;
    }

    .news-actions {
        /* width: 100%; */
        /* justify-content: flex-end; */
    }

    .action-btn {
        font-size: 18px !important;
    }

    .nav-bar-news {
        font-size: 9px;
        padding: 6px 10px;
    }
}



.accordion-button::after{
    display:none !important;
}
/* --- Global Hover Effects for Cards, Boxes and Buttons --- */

/* Card and Box Hover */
.shield-card, .plan-card, .eligibility-card, .feature-card, .mission-card, .info-box, .team-card, .who-card, .contact-box, .detail-box, .area-box, .step-box, .community-slide, .card {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.shield-card:hover, .plan-card:hover, .eligibility-card:hover, .feature-card:hover, .mission-card:hover, .info-box:hover, .team-card:hover, .who-card:hover, .contact-box:hover, .detail-box:hover, .area-box:hover, .step-box:hover, .community-slide:hover, .card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) !important;
}

/* Button Hover Enhancements */
.btn-owner, .btn-explore-outline, .btn-explore, .btn-custom, .btn-warning, .btn {
    transition: all 0.3s ease !important;
}

.btn-owner:hover, .btn-explore-outline:hover, .btn-explore:hover, .btn-custom:hover, .btn-warning:hover, .btn:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(255, 177, 46, 0.4) !important;
    background: #0a1a4a !important;
}
ul.navbar-nav li.nav-item a {
    text-transform: uppercase !important;
}
.btn-explore:hover {
    background: #febb36;
}



.fsp-section{
    background:#f7f4ec;
    position:relative;
    overflow:hidden;
}

.fsp-section .fsp-image-wrap img{
    border-radius:30px;
    height:100%;
    object-fit:cover;
}

.fsp-section .fsp-subtitle{
    color:#0b2356;
    font-size:18px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:15px;
}

.fsp-section .fsp-title{
    color:#f4b63f;
    font-size:40px;
    line-height:1.15;
    font-weight:800;
    margin-bottom:10px;
}

.fsp-section .fsp-badge{
    display:inline-flex;
    align-items:center;
    gap:12px;
    border:1px solid #f4b63f;
    border-radius:14px;
    padding:12px 24px;
    color:#0b2356;
    font-weight:700;
    margin-bottom:15px;
}

.fsp-section .fsp-badge i{
    color:#f4b63f;
}

.fsp-section .fsp-desc{
    color:#5d5d5d;
    font-size:16px;
    line-height:1.4;
    margin-bottom:20px;
}

.fsp-section .feature-grid{
    border-top:1px solid #d8d8d8;
    border-bottom:1px solid #d8d8d8;
}

.fsp-section .feature-boxfps{
    padding:10px 10px;
}

.fsp-section .feature-inner{
    display:flex;
    gap:5px;
    align-items:flex-start;
}

.fsp-section .icon-circlefps{
    width:60px;
    height:60px;
    min-width:60px;
    border:2px solid #f4b63f;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0b2356;
    font-size:24px;
}

.fsp-section .feature-boxfps h5{
    color:#0b2356;
    font-weight:700;
    margin-bottom:3px;
}

.fsp-section .feature-boxfps p{
    color:#4f4f4f;
    margin-bottom:0;
    line-height:1.5;
}

.fsp-section .fsp-footer{
    display:flex;
    align-items:center;
    gap:5px;
    margin-top:10px;
    flex-wrap:wrap;
}

.fsp-section .btn-member{
    background:#f4b63f;
    color:#0b2356;
    font-weight:700;
    border-radius:12px;
    padding:14px 32px;
}

.fsp-section .btn-member:hover{
    background:#e9aa2c;
    color:#0b2356;
}

.fsp-section .fsp-note{
    display:flex;
    align-items:center;
    gap:12px;
    color:#666;
    font-size:16px;
}

.fsp-section .fsp-note i{
    color:#0b2356;
    font-size:22px;
}

@media(max-width:991px){

    .fsp-section .fsp-title{
        font-size:42px;
    }

    .fsp-section .feature-boxfps{
        border-right:none !important;
    }
}

@media(max-width:767px){

    .fsp-section .fsp-title{
        font-size:34px;
    }

    .fsp-section .fsp-desc{
        font-size:18px;
    }
}


@media only screen and (max-width: 1280px) {

}

@media only screen and (max-width: 1199px) {

}

@media only screen and (max-width: 1140px) {

}

@media only screen and (max-width: 1024px) {
.bottom-bar {
    position: relative;
    overflow: hidden !important;
}
.news-content {
    position: absolute;
    padding: 0px 10px !important;
    border: 0px;
    height: 40px;
}
.news-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    position: relative;
    z-index: 999 !important;
}
}

@media only screen and (max-width: 991px) {
.nav-bar-news {
    display: none;
}
.news-badge {
    width: 15px;
}
.success-image-wrapper {
    min-height: 360px;
}
.success-image {
       max-height: 360px;
}

.resolve-feature-box {
    border-color: #d1d5db !important;
    padding-left: 0px !important;
}
.row.align-items-stretch {
    gap: 20px !important;
}
.success-image-wrapper {
    display: none;
}

}


@media only screen and (max-width: 980px) {

}

@media only screen and (max-width: 840px) {

}


@media only screen and (max-width: 800px) {

}


@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 767px) {

    .mission-card{
    display: block;
}
.shield-header h3 {
    font-size: 1rem !important;
    letter-spacing: 0.5px;
}
  h1 { font-size: 32px !important ; }
    h2 { font-size: 28px !important ; }
    h3 { font-size: 26px !important ; }
    h4 { font-size: 20px !important ; }
    h5 { font-size: 17px !important ; }
    h6 { font-size: 14px !important ; }
    p { font-size: 14px !important ; }
     a, li, label { font-size: 14px  !important ; }

}

@media only screen and (max-width: 667px) {

}

@media only screen and (max-width: 600px) {

}

@media only screen and (max-width: 575px) {
.village-content-col {
    padding-right: 12px !important;
    padding-left: 12px !important;
}
.news-actions.d-flex.align-items-center.gap-3 {
    position: fixed;
    z-index: 99999999999999;
    top: 13px;
    right: 19px;
    background: #061131;
    padding: 0px;
}
/* Member Hero Section */
.member-hero {
  /* background-color: var(--primary-color); */
  padding: 60px 0;
  min-height: auto !important;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  background-image: url('../images/meder-header.png');
  background-size: cover;
  background-position: center;
  background-blend-mode: soft-light;
}
.plan-card {
    margin-top: 36px;
}
}

@media only screen and (max-width: 480px) {

}

@media only screen and (max-width: 414px) {

}

@media only screen and (max-width: 375px) {

}

@media only screen and (max-width: 360px) {

}


@media only screen and (max-width: 320px) {

}