header {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  z-index: 22;
}

.cstRw {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mainMenu ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
}

.mainMenu ul li a {
  color: #fff;
  font-size: 16px;
  transition: all 0.3s;
}
.mainMenu ul li a:hover{
  color: #f2d888;

}
.mainMenu li{
  position: relative;
}
.mainMenu .current-menu-item a{
  color: #f2d888;
    font-weight: 500;
}
@media screen and (min-width:992px) {
  .mainMenu .sub-menu{
  position: absolute;
  top:32px;
  left: 0;
  width: 250px;
  height: 0;
  background-color: #fff;
  -webkit-box-shadow: 4px 10px 17px 3px rgba(141, 141, 141, 0.63);
box-shadow: 4px 10px 17px 3px rgba(141, 141, 141, 0.63);
display: block;
padding: 14px;
border-radius: 8px;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
}
.mainMenu .sub-menu li{
  margin-bottom: 8px;
  position: relative;
  padding-bottom: 8px;
  transition: all 0.3s;
}
.mainMenu .sub-menu li:last-child{
  margin-bottom: 0;
  border: none;
}
.mainMenu .sub-menu a{
  color: #222;
  padding-left: 0;
  font-size: 16px;
  transition: all 0.3s;
}
.mainMenu .sub-menu li:hover{
  transform: translateX(4px);
}
.mainMenu .sub-menu a:hover{
  color: #1e417e;
  
}
.mainMenu li:hover .sub-menu{
  opacity: 1;
  visibility: visible;
  height: 135px;
}
}


/* --- Service Detail Pages --- */
.servDetailWrapper {
  padding: 80px 0;
}

.sdContent h3 {
  font-weight: 700;
  margin-bottom: 20px;
  color: #1e417e;
}

.sdContent p {
  font-size: 16px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 20px;
}

.sdMainImg {
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.sdFeatureBox {
  background: #fdfdfd;
  border-left: 4px solid #1e417e;
  padding: 25px;
  border-radius: 0 8px 8px 0;
}

.sdFeatureBox h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #333;
}

.sdCard {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  height: 100%;
  transition: transform 0.3s;
}

.sdCard:hover {
  transform: translateY(-5px);
}

.sdCard h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

/* Sidebar */
.sdSidebar {
  position: sticky;
  top: 100px;
}

.sdWidget {
  background: #f8f9fa;
  padding: 30px;
  border-radius: 12px;
  margin-bottom: 30px;
}

.sdWidget h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.serviceLinks ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.serviceLinks ul li {
  margin-bottom: 12px;
}

.serviceLinks ul li a {
  display: block;
  color: #555;
  font-weight: 500;
  text-decoration: none;
  padding: 10px 15px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #eee;
  transition: all 0.3s;
}

.serviceLinks ul li a:hover,
.serviceLinks ul li a.active {
  background: #1e417e;
  color: #fff;
  border-color: #1e417e;
}

.phoneLink {
  color: #1e417e;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}

/* Support Page Blocks */
.supportListWrapper {
  padding: 60px 0;
}

.supportBlock {
  padding: 60px 0;
  border-radius: 20px;
}

.bg-light-blue {
  background-color: #f4f8ff;
}

.supportBlock h3 {
  color: #1e417e;
  font-weight: 700;
  margin-bottom: 10px;
}

.supportBlock h5 {
  font-size: 18px;
  color: #555;
  margin-bottom: 20px;
}

.supportPoints {
  list-style: none;
  padding: 0;
  margin-top: 20px;
}

.supportPoints li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  color: #555;
}

.supportPoints li::before {
  content: "\2022";
  color: #1e417e;
  font-weight: bold;
  font-size: 20px;
  position: absolute;
  left: 0;
  top: -5px;
}

.supportIconBox {
  text-align: center;
  font-size: 80px;
  /* Big Icon */
  color: #e0e7f7;
}

.supportBlock:hover .supportIconBox {
  color: #1e417e;
  transition: color 0.5s;
}

/* --- Redesign: Service Planning (Modern) --- */
.planIntroSection {
  padding: 80px 0;
}

.planIntroText .subTitle {
  color: #777;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
}

.planIntroText h2 {
  font-size: 36px;
  font-weight: 700;
  color: #222;
  margin-bottom: 16px;
  line-height: 1.4;
}

.planIntroText p {
  margin-bottom: 20px;
  color: #555;
}

.planIntroImg {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.planIntroImg img {
  border-radius: 20px;
  width: 100%;
}
.planGridSection .FScta{
  justify-content: start;
  padding: 40px;
  margin-top: 40px;
}

.floatBadge {
  position: absolute;
  bottom: 30px;
  left: -20px;
  background: #fff;
  padding: 15px 25px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  gap: 15px;
}

.floatBadge i {
  font-size: 24px;
  color: #1e417e;
}

.floatBadge div strong {
  display: block;
  font-size: 16px;
  color: #333;
}

.floatBadge div span {
  font-size: 13px;
  color: #888;
}

.planGridSection {
  padding: 80px 0;
  background: #f9fbff;
}
.planGridSection .secTitle{
  margin-bottom: 30px;
}
.planGridSection .secTitle h2{
  margin-bottom: 16px;
}

.planCard {
  background: #fff;
  padding: 30px;
  border-radius: 15px;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid #eee;
  height: 100%;
}

.planCard:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(30, 65, 126, 0.1);
  border-color: #1e417e;
}
.planGridSection .col-lg-4{
  margin-bottom: 24px;
}

.pcIcon {
  width: 70px;
  height: 70px;
  background: #f0f4ff;
  border-radius: 50%;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1e417e;
  font-size: 24px;
  transition: all 0.3s;
}

.planCard:hover .pcIcon {
  background: #1e417e;
  color: #fff;
}

.planCard h4 {
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #333;
}

.planCard p {
  color: #666;
  font-size: 17px;
  line-height: 1.7;
}

.planProcessSection {
  padding: 60px 0;
  background: #1e417e;
  color: #fff;
}

.ppItem h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #fff !important;
}

.ppItem p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  margin: 0;
}
.planCard li{
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  font-size: 17px;
}
.planCard li::before{
    content: "";
  position: absolute;
  top: 5px;
  left: 0;
  background-image: url(../assets/icon/black-tick.png);
  width: 14px;
  height: 14px;
  background-size: contain;
}
.mpc{
  text-align: left;
}
.planGridSection .ctaCont h2{
  margin-bottom: 10px;
}
.planGridSection .ctaCont .primeBtn a{
  margin-top: 30px;
}
.planGridSection .primeBtn i{
  padding-right: 6px;
}
.mpc .pcIcon {
  margin-left: 0;
}

.planBottomNav {
  padding: 60px 0;
  border-top: 1px solid #eee;
}

.planBottomNav h4 {
  color: #333;
  font-weight: 700;
  margin-bottom: 20px;
}

.btmLinks {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.btmLinkItem {
  padding: 12px 25px;
  background: #fff;
  border: 2px solid #eee;
  border-radius: 30px;
  color: #555;
  font-weight: 600;
  transition: all 0.3s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.btmLinkItem:hover {
  border-color: #1e417e;
  color: #1e417e;
}
.navBar {
  display: flex;
  align-items: center;
}
.mfd{
  background-image: url(../assets/bg/mutual-fund.webp);
}

/* --- Contact Page --- */
.cntactpg{
  background-image: url(../assets/bg/contact.jpg);
}
.contactWrapper {
  padding-bottom: 100px;
  padding-top: 50px;
}

.contactInfoBox {
  background: #fff;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  height: 100%;
  border: 1px solid #eee;
}

.contactInfoBox h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 4px;
  color: #000;
}
.contactInfoBox p{
  margin-bottom: 20px;
  color: #555555;
  font-weight: 400;
}
.contactInfoBox p span{
  display: block;
}

.ciItem {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}
.ciItem:hover .icon{
  background-color: #f2d888;

}

.ciItem:last-child {
  margin-bottom: 0;
}

.ciItem .icon {
  width: 50px;
  height: 50px;
  background: #eef3ff;
  color: #1e417e;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-right: 20px;
  transition: all 0.3s;
  flex-shrink: 0;
}

.ciItem .detail h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #333;
}

.ciItem .detail p {
  font-size: 16px;
  color: #666;
  margin: 0;
  line-height: 1.5;
}

.ciItem .detail p a {
  color: #666;
  transition: 0.3s;
}

.ciItem .detail p a:hover {
  color: #1e417e;
}
.ciSocial ul{
  display: flex;
  align-items: center;
  gap: 12px;
}
.ciSocial li a{
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: var(--primary-color);
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 20px;
  justify-content: center;
  transition: all 0.3s;
}
.ciSocial li a:hover{
  background-color: #f2d888;
  color: var(--primary-color);
}
.ciSocial h5{
  font-size: 18px;
  color: #333;
  margin-bottom: 8px;
  font-weight: 600;
}

.contactFormBox {
  background: #fff;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  border: 1px solid #eee;
}

.contactFormBox h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
  color: #000;
}

.form-group label {
  font-size: 14px;
  font-weight: 600;
  color: #555;
  margin-bottom: 8px;
  display: block;
}

.form-control {
  border-radius: 10px;
  border: 1px solid #eee;
  padding: 12px 20px;
  font-size: 15px;
  width: 100%;
  transition: all 0.3s;
  font-family:  var(--primary-font);
}
.form-group{
  margin-bottom: 12px;
}

textarea.form-control {
  height: auto;
}

.form-control:focus {
  box-shadow: none;
  border-color: #1e417e;
  outline: none;
}
.form-group input[type="submit"]{
  padding: 12px;
  background-color: var(--primary-color);
  color: #fff;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-family: var(--primary-font);
  font-size: 17px;
  transition: all 0.3s;
  font-weight: 500;
}
.form-group input[type="submit"]:hover{
  background-color: #f2d888;
  color: #222;
}

.hdBtn {
  margin-left: 40px;
}

/* HERO */
.FShero {
  height: 100vh;
  background-image: url(../assets/Hero.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: end;
  padding-bottom: 100px;
  min-height: 768px;
}

.FShero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: #ffffff;
  background: linear-gradient(0deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}

.FShero::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: #ffffff;
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(0, 0, 0, 1) 100%);
}

.heroCont {
  position: relative;
  z-index: 2;
  width: 50%;
}

.heroCont h1 {
  color: #fff;
  font-size: 62px;
  margin-bottom: 20px;
  line-height: 1.3;
  margin-top: 0;
}

.heroCont h1 span {
  display: block;
}

.heroCont p {
  color: #fff;
  font-size: 18px;
  margin-bottom: 40px;
}

.hrFlx {
  display: flex;
}

.sw-70 {
  width: 70%;
}

.sw-30 {
  width: 30%;
}

/* ABOUT */
.abtBgImg img {
  width: 100%;
}

.abtBgImg {
  margin-top: 40px;
}

.abtSmImg {
  line-height: 0;
}

.abtSmImg img {
  border-radius: 20px;
  display: block;
  margin-left: auto;
  width: 80%;
}

.abtCont {
  padding-left: 80px;
}
.abtCont p{
  padding-bottom: 10px;
}
.secTitle h2 {
  font-size: 58px;
}

.abtCont {
  margin-top: 40px;
}

.FSabout .primeBtn {
  margin-top: 40px;
}

.abtCoCont h2 {
  font-size: 62px;
  font-family: "Astellan";
  font-weight: 200;
}

.FSabtCO {
  padding-top: 120px;
}

.abtCoImg img {
  width: 100%;
  display: block;
  margin: auto;
  position: relative;
  z-index: 2;
}

.abtCoImg {
  position: relative;
  max-width: 70%;
  border-radius: 30px;
  overflow: hidden;
  margin: auto;
}

.abtCoImg::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(122, 151, 201, 1) 100%)
}

/* SERVING */
.FSserving {
  background-image: url(../assets/serving-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 780px;
  background-position: center;
  width: calc(100% - 40px);
  margin: auto;
  border-radius: 40px;
  position: relative;
  padding-top: 0;
  display: flex;
  align-items: end;
  padding-bottom: 120px;
  margin-top: 120px;
}

.FSserving .container {
  position: relative;
  z-index: 11;
}

.FSserving::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  background: linear-gradient(215deg,
      rgb(255 255 255 / 0%) 50%,
      rgba(0, 0, 0, 1) 100%);
  border-radius: 40px;
  z-index: 1;
}

.servlstBlk {
  background-color: #fff;
  padding: 20px;
  border-radius: 20px;
  height: 100%;
}

.servLst h3 {
  font-size: 26px;
  margin-bottom: 10px;
}

.servLst li {
  font-size: 19px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 24px;
}

.servLst li::before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  background-image: url(../assets/icon/black-tick.png);
  width: 14px;
  height: 14px;
  background-size: contain;
}

.servCont {
  height: 100%;
  display: flex;
  align-items: end;
  position: relative;
  z-index: 2;
  color: #fff;
}

.servCont h2 {
  color: #fff;
  font-size: 62px;
}
.servCont p{
  padding-right: 10em;
}

/* SERVICES */
.FSservices {
  background-image: url(../assets/service-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 100px;
  padding-bottom: 120px;
}

.servBlk {
  border: 1px solid #fff;
  padding: 40px;
  border-radius: 20px;
  height: 100%;
  color: #fff;
}

.servBlk h3 {
  font-size: 26px;
  margin-bottom: 14px;
  margin-top: 8px;
}

.servBlk h3 span {
  display: block;
}

.servBlk li {
  font-size: 19px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 24px;
}

.servBlk li::before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  background-image: url(../assets/icon/tick-ico.png);
  width: 14px;
  height: 14px;
  background-size: contain;
}

.FSservices .secTitle h2 {
  color: #fff;
}

.FSservices .secTitle h2 span {
  display: block;
}

.secHd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
}

/* CLIENT ONBOARDING */

.FSonBoarding .secTitle h2 {
  text-align: center;
  margin-bottom: 60px;
}

.onBoardBlk {
  position: relative;
  height: 100%;
  background-color: #f5f7f9;
  padding: 34px;
  border-radius: 20px;
  overflow: hidden;
}

.onbrdNm {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 150px;
  font-weight: 700;
  line-height: 0.9;
  z-index: 2;
  opacity: 0.1;
}

.onBoardBlk::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: hsl(0, 0%, 100%);
  background: linear-gradient(333deg,
      hsla(0, 0%, 100%, 0) 60%,
      hsl(215, 36%, 88%) 100%);
  height: 100%;
  width: 100%;
}

.onBoardBlk::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  background: linear-gradient(140deg,
      rgba(255, 255, 255, 0) 60%,
      rgba(214, 223, 236, 1) 100%);
  height: 100%;
  width: 100%;
}

.FSonBoarding .col-lg-4 {
  margin-bottom: 34px;
}

.onBrdCnt h3 {
  font-size: 28px;
  margin-bottom: 14px;
  line-height: 1.2;
}

.onBrdCnt h3 span {
  display: block;
}

.onBrdCnt {
  margin-top: 40px;
}

.onBrdCnt li {
  font-size: 18px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 24px;
}

.onBrdCnt li::before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  background-image: url(../assets/icon/black-tick.png);
  width: 14px;
  height: 14px;
  background-size: contain;
}

.onbrdIco,
.onBrdCnt {
  position: relative;
  z-index: 2;
}

/* WHY CHOOSE */

.FSwhyUs {
  background-image: url(../assets/why-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
	padding-bottom:80px;
  width: calc(100% - 40px);
  margin: auto;
  border-radius: 40px;
  margin-top: 120px;
}

.whyUsBlk {
  border: 1px solid #ffffff96;
  border-radius: 20px;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  background: rgba(0, 0, 0, 0.452);
  padding: 60px;
}

.whyUsCont {
  color: #fff;
}

.FSwhyUs .secTitle h2 {
  color: #fff;
  margin-bottom: 12px;
}

.whyUsCont ul {
  margin-top: 20px;
}

.whyUsCont li {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 14px;
  position: relative;
  padding-left: 30px;
}

.whyUsCont li::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  background-image: url(../assets/icon/tick-ico.png);
  width: 16px;
  height: 16px;
  background-size: contain;
}

/* BLOG */
.blogMainImg img {
  width: 100%;
}

.blogBlk {
  position: relative;
  margin-bottom: 24px;
  border-radius: 20px;
  overflow: hidden;
  display: block;
}

.blogBlk::after,
.blogMain::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 1) 100%);
}
.blogBlk:hover img,
.blogMain:hover img{
  transform: scale(1.06);
}
.blogscImg {
  position: relative;
  overflow: hidden;
}

.blogscImg img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}

.blogscImg::after {
  content: "";
  display: block;
  padding-top: 41.5%;
}

.blogMain {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  display: block;
}

.blogMainImg {
  position: relative;
  overflow: hidden;
}

.blogMainImg img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}

.blogMainImg::after {
  content: "";
  display: block;
  padding-top: 61%;
}

.blogCont,
.blogMainCont {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  padding: 0 30px;
  width: 100%;
  color: #fff;
  z-index: 2;
}

.blogCont h3 {
  font-size: 23px;
}

.blogMainCont h3 {
  font-size: 32px;
}

.FSblog {
  padding-bottom: 120px;
}

.blogPgBlk{
  background-color: #fff;
  padding: 12px;
  border: 1px solid #eee;
  overflow: hidden;
  border-radius:12px;
  margin-bottom: 24px;
}
.blogPgBlk:hover h2{
  color: var(--primary-color);
}
.blogCnt h2{
  color: #000;
  font-size: 23px;
  line-height: 1.3;
  margin-top: 10px;
  transition: all 0.3s;
  margin-bottom: 8px;
}
.blogCnt p{
  font-size: 17px;
  color: #555;
  margin-bottom: 14px;
}
.blogCnt .blgMre{
  display: block;
  width: fit-content;
  border-bottom: 1px solid #000;
  color: #000;
  transition: all 0.3s;
}
.blogImg{
  overflow: hidden;
  border-radius: 8px;
  line-height: 0;
  position: relative;
}
.blogPgBlk:hover img{
  transform: scale(1.02);
}
.blogPgBlk:hover .blgMre{
  color: var(--primary-color);
  border-bottom: 1px solid var(--primary-color);
}
.blogImg::after{
  content: "";
  display: block;
  padding-top: 60%;
}
.blogImg img{
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  transition: all 0.3s;

}
.blogMainContent{
  margin-bottom: 40px;
}
.fsDetBlg{
  padding-top: 0;
  max-width: 1100px;
  margin: auto;
}
.blogMainImg{
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.blogMainContent h2{
  margin-bottom: 10px;
	margin-top:12px;
}
.blogMainContent h3,
.blogMainContent h4,
.blogMainContent h5,
.blogMainContent h6{
  padding-bottom: 10px;
}
.blogMainContent ul{
  margin: 8px 0;
}
.blogMainContent p{
  padding-bottom: 8px;
}
.blogMainImg img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogMainImg::after{
  content: "";
  display: block;
  padding-top: 60%;
}
.cstBlghd{
  background-position: center;
}
/* CTA */
.FScta {
  background-image: url(../assets/cta.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  width: calc(100% - 40px);
  margin: auto;
  padding-top: 0;
  position: relative;


}

.ctaCont h2 {
  font-size: 50px;
  margin-bottom: 30px;
}

/* FOOTER */
.FSftr {
  background-color: var(--primary-color);
  padding-top: 250px;
  margin-top: -150px;
  padding-bottom: 20px;
  color: #fff;
}

.ftrLogo img {
  width: 260px;
}

.ftrCnt p {
  padding-right: 10em;
  margin-top: 16px;
  font-size: 16px;
}

.ftrBlk h4 {
  font-size: 20px;
  margin-top: 40px;
  margin-bottom: 14px;
}

.ftrBlk a {
  color: #fff;
	transition:all 0.3s
}
.ftrBlk a:hover{
	color:#f2d888;
}

.ftrBlk li {
  margin-bottom: 10px;

}

.ftrCntct li {
  position: relative;
  padding-left: 30px;
}

.ftrCntct li img {
  position: absolute;
  top: 5px;
  left: 0;
}

.ftrBtm {
  padding-top: 30px;
  margin-top: 60px;
  text-align: center;
  border-top: 1px solid #ffffff21;

}

.ftrBtm a {
  color: #f3d98c;
}

.ftrBtm p {
  font-size: 15px;
}
 

/* General Inner Styles */
.innerHero,
.aboutIntro,
.FSphilosophy,
.FSabtCO,
.FSvisMis,
.FSwhyUs {
  position: relative;
  z-index: 2;
}

/* 1. HERO SECTION */
.innerHero {
  height: 60vh;
  min-height: 500px;
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
    background-position: center;
  background-attachment: fixed;
  margin-bottom: 50px;
}

.abtBg {
  background-image: url(../assets/bg/about.jpg);

}

.innerHero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(30, 65, 126, 0.6) 100%);
  z-index: 1;
}
.fnPln{
background-image: url(../assets/bg/financial-planning.png);
}

.innerHero .container {
  position: relative;
  z-index: 2;
  text-align: center;
}

.innerHero h1 {
  color: #fff;
  font-size: 72px;
  font-weight: 700;
  letter-spacing: -2px;
  line-height: 1.2;
}
.innerHero h1 span{
  display: block;
}
.planIntroImg{
  position: relative;
  overflow: hidden;
}
.planIntroImg img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.planIntroImg::after{
  content: "";
  display: block;
  padding-top: 60%;
}
.planIntroSection{
  padding-top: 0;
}
.align-items-center{
  align-items: center;
}
.planIntroText{
  padding-right: 140px;
}
/* 2. INTRO SECTION ("Who We Are") */
.aboutIntro {
  padding-bottom: 80px;
}

.aboutIntro .secTitle h2 {
  font-size: 48px;
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
}

.aboutIntro .secTitle h2 span {
  display: block;
}

.aboutIntro .abtCont p {
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 25px;
}

.aboutIntro .abtCont {
  padding-left: 0;
}

.aboutIntro .abtBgImg {
  position: relative;
  margin-top: 0;
  height: 100%;
  min-height: 400px;
}

.aboutIntro .abtBgImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 40px 0 40px;

  box-shadow: 20px 20px 0px rgba(30, 65, 126, 0.1);
  /
}

.aboutIntro .abtCont h3 {
  font-size: 24px;
}

.aboutIntro .abtCont h3 span {
  display: block;
  font-size: 18px;
  font-style: italic;
  margin-top: 8px;
  color: var(--primary-color);
}

.aboutIntro .abtCont {
  margin-top: 0;
}

/* 3. CORE VALUES SECTION */
.FSvalues {
background: #D6DFEC;
background: linear-gradient(309deg, rgba(214, 223, 236, 0.53) 10%, rgba(255, 255, 255, 0.63) 80%, rgba(214, 223, 236, 1) 100%);
  padding: 100px 0;
  margin-top: 50px;
  border-radius: 60px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 40px 80px rgba(30, 65, 126, 0.05);
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
}

.FSvalues::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -20%;
  width: 800px;
  height: 800px;
  background: radial-gradient(circle, rgba(30, 65, 126, 0.04) 0%, rgba(255, 255, 255, 0) 70%);
  z-index: 0;
  pointer-events: none;
}

.finLog {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.2;
  line-height: 0;
}

.finLog img {
  width: 400px;
  height: auto;
}

.philHd h2 {
  font-size: 42px;
  margin-bottom: 10px;
  color: #222;
  position: relative;
  z-index: 2;
}

.philHd p {
  font-size: 20px;
  font-style: italic;
  color: var(--primary-color);
  font-family: serif;
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
}

.philIntro {
  font-size: 19px;
  margin-bottom: 60px;
  line-height: 1.8;
  position: relative;
  z-index: 2;
}

/* Philosophy Points*/
.philPoints {
  display: flex;
  align-items: center;
  gap: 60px;
  margin-top: 40px;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}


.philPointItem h3 {
  font-size: 26px;
  margin-bottom: 5px;
  font-weight: 500;
}

.philPointItem span {
  display: block;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #666;
  font-weight: 600;
}

.philPointItem {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(5px);
  border-radius: 14px;
  border: 1px solid rgba(228, 228, 228, 0.815);
  padding: 20px;
}

/* Vision Mission */
.vmBlock {
  padding: 20px 40px;
  position: relative;
  z-index: 2;
  background: rgba(255, 255, 255, 0.719);
  backdrop-filter: blur(5px);
  border-radius: 30px;
  border: 1px solid rgba(228, 228, 228, 0.726);
  transition: all 0.3s ease;
  margin-bottom: 20px;
}

.vmBlock:hover {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  transform: translateY(-2px);
}

.vmTitle {
  font-size: 28px;
  color: var(--primary-color);
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 12px;
}


.vmList li {
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 15px;
  position: relative;
  padding-left: 20px;
}

.vmList li::before {
  content: "•";
  color: var(--primary-color);
  position: absolute;
  left: 0;
  top: 0px;
  font-size: 24px;
  line-height: 1;
}

/* 4. FOUNDER SECTION */
.FSabtCO {
  padding: 100px 0;
  padding-bottom: 0;
}
.FSabtInCo{
  padding-bottom: 80px;
}
.abtCoCont h2 {
  font-size: 52px;
  margin-bottom: 34px;
}

.abtCoCont ul {
  margin-left: 24px;
  margin-top: 6px;
  margin-bottom: 20px;
}

.abtCoCont li {
  margin-bottom: 14px;
  font-size: 17px;
  position: relative;
  padding-left: 24px;
}

.abtCoCont li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  background-image: url(../assets/icon/black-tick.png);
  width: 14px;
  height: 14px;
  background-size: contain;

}

.abtCoCont p {
  padding-bottom: 14px;
}

.FSabtCO .row {
  align-items: center;
}
.fss{
  background-image: url(../assets/financial-advisor.webp);
  background-position: bottom;
}
.planCard h5{
  font-size: 18px;
  color: #333;
  margin-bottom: 14px;
}
.planGridSection .col-md-6{
  margin-bottom: 24px;
}
/* 5. VISION & MISSION */
.FSvisMis {
  padding-bottom: 140px;
  background-color: #fafafa;
}

.visMisBlk {
  padding: 60px;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  border: none;
}
.visMisBlk.vis {
  background: var(--primary-color);
  color: #fff;
  border-radius: 40px 40px 0 40px;
}

.visMisBlk.vis h3 {
  color: #fff;
}

.visMisBlk.vis ul li {
  color: rgba(255, 255, 255, 0.9);
}

.visMisBlk.vis ul li::before {
  background-color: #4facfe;
}


.visMisBlk.mis {
  background: #fff;
  border-radius: 40px 40px 40px 0;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
  border: none;
}

.visMisBlk.mis h3 {
  color: var(--primary-color);
}

.visMisBlk.mis ul li::before {
  background-color: var(--primary-color);
}

/* WHY US */
.no-margin-top {
  margin-top: 0 !important;
}

.margin-top-20 {
  margin-top: 20px;
}

/* SERVICES PAGE */

.serviceIn .servBlk {
  border: 1px solid #646464;
	transition:all 0.3s
}
.serviceIn .servBlk:hover{
	background-color:#f2d888ab;
}
.serviceIn .servBlk h3 {
  color: var(--primary-color);
}

.serviceIn .servBlk li {
  color: #222;
}

.serviceIn .servBlk li::before {
  background-image: url(../assets/icon/black-tick.png);
}

.serviceIn .servIco {
  width: 100px;
  height: 100px;
  background-color: var(--primary-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;

}

.serviceIn .servIco img {
  width: 34px;
}

.fsInFtr {
  margin-top: 0;
  padding-top: 100px;
}

.serviceIn {
  padding-bottom: 180px;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .innerHero h1 {
    font-size: 42px;
  }

  .aboutIntro .secTitle h2 {
    font-size: 36px;
  }

  .visMisBlk {
    padding: 40px;
  }
}

/* SERVICES PAGE */

.wpcf7 form.invalid .wpcf7-response-output{
  background-color: rgb(255, 244, 213);
  padding: 5px;
  border-radius: 5px;
  border: 1px solid rgb(255, 185, 0) !important;
  margin-top: 0;
}
.wpcf7-not-valid-tip{
  font-size: 16px !important;
  margin-top: 4px;
}
.wpcf7 form .wpcf7-response-output{
    margin-top: 0 ;
    padding: 5px ;
    border: 1px solid rgb(0, 160, 210) ;
    background-color: rgb(219, 247, 255);
    border-radius: 5px;
}
.wpcf7 form.sent .wpcf7-response-output{
  border: 1px solid #46b450;
  background-color: #d4ffd8;
  padding: 5px;
  border-radius: 5px;
  margin-top: 0;
}
.disclFtr{
	max-width:790px;
	margin:auto;
	padding-top:10px;
	padding-bottom:20px
}
.disclFtr p{
	font-size:16px;
	text-align:center;
	padding-bottom:8px;
	color:#d2e2ff
}

.ppvContentSec{
	padding-top:40px;
	padding-bottom:35px;
	max-width:1000px;
	margin:auto;
}
.ppvCnt p{
	padding-bottom:18px
}
.ppvcBg{
	background-color:var(--primary-color)
}
.privacyPolicy{
	margin-bottom:22px
}
.privacyPolicy h2{
	padding-bottom:8px
}
.privacyPolicy p{
	padding-bottom:0
}
.privacyPolicy ul{
	padding-left:36px;
	margin:12px 0
}
.privacyPolicy li{
	list-style:disc;
	font-size:18px
}
.whStic{
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:22
}
.whStic a{
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:28px;
	width:60px;
	height:60px;
	background-color:#25D366;
	border-radius:50%;
	color:#fff;
	box-shadow: 0 0 0 rgba(37, 211, 102, 0.6);
    animation: whatsapp-wave 2.5s infinite;
}
@keyframes whatsapp-wave {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6);
    }
    70% {
        box-shadow: 0 0 0 18px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}