.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;
  --black-color: #000;
  --white-color: #fff;
}
img {
  transition: 0.5s;
}
.top-bar {
  padding: 10px 0 60px;
  font-size: 15px;
  position: relative;
  z-index: 9;
  background: #0a1a4a;
}
.custom-btn {
  background-color: #ffb12e;
  color: #012555;
  padding: 8px 40px;
  border-radius: 50px;
  font-weight: 600;
  transition: 0.3s;
}
.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: 32px;
  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;
}
ul.list-unstyled li {
  position: relative;
  padding-right: 5px;
  transition: 0.3s;
}
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;
}
.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: 20px;
}
.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: 82px;
}
.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;
}
.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) {
  h1 { font-size: 32px; }
    h2 { font-size: 28px; }
    h3 { font-size: 20px; }
    h4 { font-size: 18px; }
    h5 { font-size: 16px; }
    h6 { font-size: 14px; }
    p { font-size: 14px; }
    span, a, li, label { font-size: 14px; }


    .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: 6px !important;
        height: 40px;
        width: 40px !important;
    }
}

@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;}