:root {
    --primary-color: #ff7700;
}

body{
   font-family: "Golos Text", sans-serif;
}

html, body{
    overflow-x: clip;
}

p{  
   
    color: #000;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
}

img{
    height:auto;
    max-width:100%;
}


li{
    list-style:none;
}
a{
    text-decoration:none !important;
    color:#000;
}

.mega-menu-box .dropn-btnmobile, .mobile-close-btn, .mobilem-menu-open {
    display: none;
}

.head-cal{
    justify-content: flex-end;
}
/*.mega-menu-box{*/
/*    padding-left:2rem;*/
/*}*/
.mega-menu-box > ul{ 
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 18px;
}

.mega-menu-box > ul > li > a.active{
    
    color:var(--primary-color);
}
.mega-menu-box > ul > li > a.active:before {
    opacity: 1;
    transform: scale(1);
}
.mega-menu-box > ul > li > a{
    position:relative;
    font-size: 14px;
}
.mega-menu-box > ul > li > a:hover:before{
            opacity: 1;
        transform: scale(1);
}
.mega-menu-box > ul > li > a:before{
            content: "";
        display: block;
        position: absolute;
        opacity: 0;
        bottom: -2px;
        left: 0;
        right: 0;
        transform: scale(0);
        transform-origin: center;
        height: 2px;
        background-color: var(--primary-color);
        z-index: 0;
        transform-style: preserve-3d;
        transition: all 0.4s 
cubic-bezier(0.62, 0.21, 0.45, 1.52);
}
.dropdwon {
    position: relative;
    padding:20px 0;
}
.dropdwon:before {
       content: "\f104";
    font-family: flaticon_normal-icon !important;
    position: absolute;
    right: -6px;
    top: 5px;
    bottom: 0;
    margin: auto 0;
    color: #000;
    align-content: center;
    cursor: pointer;
    font-size:14px;
}
.dropdwon > a {
    position: relative;
    margin-right: 10px;
    
}
.dropdwon:hover .sub-menu{
            visibility: visible;
        opacity: 1;
        transform: translateY(0px);
        transition: all 0.4s 
ease-in-out;
}
.sub-menu{
        z-index: 999;
        position: absolute;
        left: 0;
        top: 100%;
        padding: 10px 0;
        opacity: 0;
        transform: translateY(30px);
        visibility: hidden;
        text-align: left;
        background: #ffffff;
        border-top: 2px solid #ffffff;
        box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
        transition: all 0.1s ease-in-out;
}

.steps-images{height: 451px;
    width: 520px;}

.sub-menu li {
    padding: 0 10px;
}

.sub-menu li a{
       color: #000000;
    font-size: 15px;
    min-width: 200px;
    padding: 10px 8px;
    transition: all 0.2s ease-in-out;
    position: relative;
    display: inline-block;
}
.sub-menu li:hover > a{
        background-color: #ffaa32;
        padding-left: 13px;
}
.header-btn-fnc {
    text-align: end;
}

.investment {
    background: #ffaa32;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 11px 24px 12px;
    text-transform: capitalize;
    border: 1px solid #ffaa32;
    font-size: 15px;
    border-radius: 5px;
    font-weight: 600;
    line-height: 1.2;
    min-width: max-content;
    transition: all 0.35s ease-in-out;
    color: #000;
    z-index: 0;
    /*box-shadow: 0px 4px 12px rgba(14, 22, 129, 0.13);*/
    cursor: pointer;
    background: linear-gradient(to bottom, #fec101, #ff8800);
    color:#fff;

}

/* Ripple background */
.investment span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background:#fff;
    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: -1;
}

/* Hover effects */
.investment:hover {
    border-color:var(--primary-color);
    color: var(--primary-color);
}

.investment:hover span {
    width: 225%;
    height: 220px;
}

/* Optional: smooth button press effect */
.investment:active {
    transform: scale(0.97);
}

.finace-sector-box{
    min-height: 750px;
    position: relative;
    z-index: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: grid;
    align-items: center;
    z-index:1;
}
.finace-sector-box:before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:#000;
    opacity:0.2;
    z-index:-1;
}

.finace-sector-box-0{
    background-image:url(../image/bg/financial-future.webp) !important;
}
.finace-sector-box-1{
    background-image:url(../image/bg/smart-investment.webp) !important;
}
.finace-sector-box-2{
    background-image:url(../image/bg/life-stage-planning.webp) !important;
}

.banner-content-box .banner-tils{
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    text-shadow: 0px 0px 10px #09090921;
    margin-bottom:25px;
}
.banner-content-box p{
    color:#fff;
    margin-bottom:30px;
}
.banner-content-box{
    position: relative;
    max-width: 60%;
}

.banner-carousel .swiper-pagination-bullet-active{
    background:var(--primary-color) !important;
}

.servi-sec-cosul{
    padding:4rem 0 4rem;
    position:relative;
    
}
.sec-big-title{
    font-size:31px;
    font-weight:600;
}

.sec-big-title span{
    position: relative;
}
.sec-small-title:before{
        content: "";
    position: absolute;
    bottom: 0;
    top:0;
    left: 0;
    margin:auto 0;
    height: 25px;
    width: 25px;
    /*background-image: url(../image/svg/grow.svg);*/
     background-image: url(../image/logo/favicon.png);
    background-size:contain;
    background-repeat: no-repeat;
}
.sec-small-title{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    padding-left: 30px;
    margin: 0 0 5px;
    display: inline-block;
}
.sec-big-title span:before{
      content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 10px;
    width: 100%;
    background-image: url(../image/svg/line2.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.service-items{
    position:relative;
}

.service-items .icon-serv{
    margin: 0px auto 20px;
    display: flex;
    padding: 20px;
    width: 90px;
    border-radius: 100px;
    height: 50%;
    background: #fff;
    box-shadow: 0px 0px 10px #CCC;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 0;
}

.service-items .icon-serv:before{
    content: "";
    position: absolute;
    background: #f3f3f3;
    width: 120px;
    height: 120px;
    z-index: -1;
    border-radius: 100px;
}
.service-items .icon-serv:after{
    content: "";
    position: absolute;
    background: #FFF;
    width: 100px;
    height: 100px;
    z-index: -1;
    border-radius: 100px;
    box-shadow: 0px 10px 5px -5px #666;
}
.service-items h4{
    text-align: center;
    line-height: 0.9;
    margin: 0;
}
.service-items .servi-title{
    font-size:17px;
}


.servi-sec-cosul .col18{
    width: 20%;
}

.servi-sec-cosul .serv-main-produc{
    /*width: 70%;*/
    margin: 0 auto;
    gap: 40px 0;
    justify-content: center;
}
.servi-btn-fnc{
    text-align:end;
}
.service-items .icon-serv img{
    filter: invert(43%) sepia(77%) saturate(1207%) hue-rotate(1deg) brightness(103%) contrast(102%);
}
.servi-box-items {
    position:relative;
}
.servi-box-items .servi-box-img img{
    width:100%;
}
.servi-box-items .servi-box-content{
        border-radius: 2px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    padding: 24px;
    margin: 0px 30px;
    margin-top: -75px;
    position: relative;
    z-index: 2;
}
.servi-box-items .servi-box-content h4{
    line-height:0.9;
    margin:0 0 10px;
}
.servi-box-items .servi-box-content .servi-title{
    font-size:18px;
}
/*.servi-box-items .servi-box-content .servi-title:hover{*/
/*    text-decoration-line: underline !important;*/
/*    transition: all .4s;*/
/*}*/
.servi-box-items .servi-box-content .serv-btnss{
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    display: inline-block;
    position:relative;
}
.servi-box-items .servi-box-content .serv-btnss:before{
    content:"\f179";
    font-family: flaticon_normal-icon !important;
    position: absolute;
    right: -20px;
    top: 2px;
    bottom: 0;
    margin: auto 0;
    color: #000;
    cursor: pointer;
}
.servi-box-items .servi-box-img{
    overflow: hidden;
    border-radius: 5px;
}
.servi-box-items .servi-box-img img{
    transition: all .4s;
}

.servi-sec-cosul .servic-main-solution{
  margin-top:30px; 
  position:static;
}
.servi-sec-cosul .servic-main-solution .swiper-button-prev{
    right:unset;
    left:6%;
}
.servi-sec-cosul .servic-main-solution .swiper-button-next{
    right:6%;
}
.servi-box-items:hover .servi-box-img img {
    transform: scale(1.1) rotate(4deg);
    transition: all .4s;
}

.servic-main-solution .swiper-wrapper{
    margin-bottom:10px;
}

.servic-main-solution .swiper-button-next:after,
.servic-main-solution .swiper-button-prev:after{
     text-align: center;
    min-width: 40px;
    min-height: 40px;
    line-height:40px;
    border-radius: 50%;
    background-color: #ffffff;
    border-color: #dee3ee;
    border:1px solid var(--primary-color);
    transition: all 500ms ease;
    font-size: 20px;
    color: #000;
    content:"\f108";
    font-family: flaticon_normal-icon !important;
}
.servic-main-solution .swiper-button-prev:after{
    transform:rotate(180deg);
}

.servic-main-solution .swiper-button-next:hover:after,
.servic-main-solution .swiper-button-prev:hover:after{
    background:var(--primary-color);
    color:#fff;
}

.servi-box-items .servi-box-content p{
    /*font-size:13px;*/
    margin:0 0 10px;
}

.why-choose-sec-main{
    padding:0 0 5rem;
    position:relative;
    background-image: url(../image/bg/pattern-20.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.why-cart-box{
    padding:20px;
    position:relative;
    border-radius:30px;
    border:1px solid var(--primary-color);
    height:100%;
}

.why-cart-box .icon-why{
    background: var(--primary-color);
    width: 60px;
    height: 60px;
    border-radius: 20px;
    align-content: center;
    text-align: center;
    margin-bottom:15px;
    transition: transform 0.8s ease; 
}
.why-cart-box .icon-why img{
    filter: brightness(0.5) invert(1);
}
.why-cart-box .why-content p{
    margin:0;
}
.why-cart-box .why-content .why-title{
    font-size:18px;
    font-weight:600;
}
.section-title.text-center{
    margin-bottom:30px;
}
.section-title{
    margin-bottom:20px;
}
.why-choose-sec-main .row{
    gap:30px 0;
}

.about-sec-inf{
    padding:5rem 0 0;
    position:relative;
}
.about-img-box{
    position:relative;
    z-index:1;
}
.about-img-box:before{
    position:absolute;
    content:"";
    top:-40px;
    left:-40px;
    background-image:url(../image/bg/home2-main-shape.svg);
    background-size:contain;
    background-position:center;
    height:150px;
    width:150px;
    z-index:-1;
    animation-name: animation-1;
    animation-duration: 24s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: 
cubic-bezier(0.59, 0.59, 1, 1);
}
@keyframes animation-1 {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(1000deg);
    }
  }
  
.abou-btn-fnc{
    margin-top:20px;
}
.about-content-box{
    /*margin-left:40px;*/
    position:relative;
}

.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #fff; /* optional – adjust as needed */
  animation: slideDown 1s ease forwards;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.calcu-lator-sec{
    padding:0 0 7rem;
    position:relative;
}

.calcu-lator-sec .col18{
    width:16%;
}

.calcu-type {
     display: inline-block;
    width: 100%;
    height:100%;
    text-align: center;
    border: 1.5px solid #e0e0e0;
    border-radius: 12px;
    padding: 25px 10px;
    transition: all 0.3s ease;
    background-color: #fff;
    box-shadow: 0 10px 40px rgb(0 0 60 / .12);
}

.calcu-type span {
  display: flex;
  justify-content: center;
  align-items: center;
     width: 55px;
    height: 55px;
    background-color: rgb(0 0 60 / .1);
    border: none;
    margin: 0 0 12px 0;
    background-color: #ff7700;
 
    border-radius: 50%;
  margin: 0 auto 15px;
 
  transition: all 0.3s ease;
  position:relative;
}
/*.calcu-type:hover span:before, .calcu-type.active span:before{*/
/*    content: "";*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    top: 0;*/
/*    margin: auto 0;*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    background-image: url(../image/svg/check.svg);*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    filter: brightness(0.5) invert(1);*/
/*}*/


.calcu-type h4 {
  font-size: 16px;
  color: #444;
  font-weight: 500;
  margin: 0;
}

/* Hover effect */
.calcu-type:hover {
  border-color: #ff7700;
}




.calcu-type:hover{
  border-color: #ff7700;
  background-color: #fff8f2;
}


.calcu-type.active span {
  background-color: #ff7700;
  transform: scale(1);
}
.calcu-type span img{
    filter: brightness(0.5) invert(1);
}



.calcu-lator-sec .row{
    justify-content: center;
}
.icon-why img {
    transition: transform 0.8s ease; 
    transform-style: preserve-3d; 
}
.why-cart-box:hover .icon-why{
    background:#fff;
    border:1px solid #ff7700;
}
.why-cart-box:hover .icon-why img {
      transform: rotateY(360deg);
      filter: invert(54%) sepia(31%) saturate(5440%) hue-rotate(359deg) brightness(101%) contrast(108%);
}

.quick-lin-sec{
    padding:4rem 0 2rem;
    position:relative;
    background:#000;
}


.social-media-book {
    padding: 0;
    display: flex;
    gap: 10px;
    margin:20px 0 0;
}

.social-media-book li a {
    width: 32px;
    height: 32px;
    line-height: 40px;
    font-size: 15px;
    display: flex;
    color: #000;
    /* border: 1px solid #ff7700; */
    transition: all 0.4s ease-in-out;
    text-align: center;
    background-color: transparent;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    background: #ff7700;
    justify-content: center;
    align-items: center;
}
.social-media-book li a::before{
        content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ff7700;
    transform: scale(0.5);
    border-radius: 50%;
    opacity: 0;
    transition: all 0.4s linear;
    z-index: -1;
}
.social-media-book li a:hover::before {
    transform: scale(1.0);
    opacity: 1;
}
.social-media-book li a:hover i{
    color: #fff;
}
.social-media-book li a i { 
    font-size: 16px;
    color: #fff;
    line-height:1px;
}

.footer-menu .title-foter{
    font-size:18px;
    font-weight:600;
    margin:0 0 10px;
    color:#fff;
}

.footer-menu .qucl-links{
    padding:0;
    margin:0;
}

.footer-menu .qucl-links li:not(:last-child){
    margin:0 0 8px;
}

.footer-menu .qucl-links li a{
    font-size:14px;
    color:#fff;
}
.addre-box-in li a, .addre-box-in li p{
    font-size:14px;
    color:#fff;
    margin:0;
}
.footer-logo p{
    font-size:14px;
    color:#fff;
}
.addre-box-in{
    padding:0;
    margin:20px 0 0;
}
.addre-box-in li{
    display: flex;
    gap: 20px;
    align-items: center;
}

.addre-box-in li:not(:last-child){
   margin:0 0 12px;
}
.addre-box-in li .infiocn i{
    font-size:16px;
    color:#fff;
}
.addre-box-in li .infiocn{
    min-width: 32px;
    height: 32px;
    line-height: 35px;
    font-size: 14px;
    display: block;
    color: #000;
    /*border: 1px solid #ff7700;*/
    transition: all 0.4s ease-in-out;
    text-align: center;
    background-color: transparent;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    background:#ff7700;
}
.addre-box-in li:nth-child(3), .addre-box-in li:nth-child(4){
    align-items:unset;
}

.footer-bott-sec{
    border-top:1px solid #888888;
    padding:20px 0;
    background: #f3f4f6;
}

.footer-bott-sec .copr-righ{
    margin:0;
    font-size:14px;
    color:#ff7700;
    font-weight:600;
}

.footer-bott-sec .factors{
    margin:10px 0 0;
}
.footer-bott-sec .factors p{
    margin:0;
     text-align:center;
     font-size:14px;
}

.tax-financial {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.tax-financial .finac-main-top {
    padding: 20px;
    margin: 0;
    background: #3d3d3d;
}

.tax-financial .finac-main-top h4 {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    white-space: nowrap;
    text-transform: uppercase;
    margin:0;
}

.foo-top-wor-sec .container-fluid{
    padding:0;
}

.contact-form-main {
    padding: 30px;
    background: #fff;
    border-radius: 15px;
   box-shadow:-8px -4px 8px 0px #ffffff, 8px 4px 12px 0px #ededed, 4px 4px 4px 0px #e7e7e7 inset, -4px -4px 4px 0px #ffffff inset;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.contact-services-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contact-services-form input,
.contact-services-form select,
.contact-services-form textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 30px;
    font-size: 15px;
    color: #000;
    outline: none;
    transition: 0.3s all ease;
    /*background:#F6F7FA;*/
}
.contact-services-form textarea {
   border-radius: 10px;  
}
.contact-services-form input:focus,
.contact-services-form select:focus,
.contact-services-form textarea:focus {
    border-color: #ffaa32; /* Focus color */
    box-shadow: 0 0 10px rgba(123, 106, 255, 0.2);
}
.contact-services-form textarea::placeholder{
    color:#000;
}
.contact-services-form select {
    background-size: 16px;
    padding-right: 40px;
}

.contact-services-form button {
    padding: 9px 25px;
    border: none;
    border-radius: 30px;
    background-color: #ffaa32;
    color: #000;
    font-size: 15px;
    font-weight:600;
    cursor: pointer;
    transition: 0.3s all ease;
    align-self: flex-start;
    color:#fff;
}

.contact-services-form button:hover {
    background-color: var(--primary-color);
}

.contact-services-form input::placeholder,
.contact-services-form select option {
    color: #000;
}

.contact-sec-infy {
    padding:0 0 4rem;
    position:relative;
    z-index:1;
}
.faq-sec-infy:before{
        position: absolute;
    content: "";
    right:40px;
    bottom:-10px;
    background-image: url(../image/bg/fotter-top.png);
    background-size: contain;
    background-position: center;
    background-repeat:no-repeat;
    height: 150px;
    width: 100px;
    z-index: -1;
    
}
.contact-address-main{
    margin-left:40px;
}

.contact-info li .cont-title{
    font-size:16px;
    font-weight:600;
    margin:0 0 5px;
}
.contact-info li a, .contact-info li p{
    font-size:14px;
}
.contact-info li p{
    margin:0 0 5px;
}
.contact-info li:not(:last-child){
    margin:0 0 20px;
}

.contact-address-main .touch{
    margin:40px 0 0;
}

.faq-sec-infy{
    padding:0 0 5rem;
    position:relative;
}
.accordion .accordion-item:not(:last-child){
    margin-bottom:15px;
}

.accordion .accordion-item {
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}
.accordion .accordion-item:not(:first-of-type){
    border-top: 1px solid #ddd;
}
.accordion .accordion-button {
  border: none;
  border-radius: 0;
  background: transparent;
  font-weight: 500;
  padding:20px;
  font-size:16px;
}

.accordion .accordion-button:focus {
  box-shadow: none;
}

.accordion .accordion-button:not(.collapsed) {
  border-bottom: 1px solid #ddd;
  background-color:#ffaa32;
  color:#fff;
}

.accordion .accordion-body {
  border-top: none;
  padding:20px;
  background:#fff8f2;
  font-size:15px;
}
.accordion-button::after{
    width: 15px;
    height: 15px;
    background-size: contain;
    /*border: 1px solid #ddd;*/
    /*border-radius: 50%;*/
}
.accordion .accordion-item:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.accordion .accordion-item:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.finac-main-top.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: linear!important;
}

#scroll-top {
    position: fixed;
    bottom: -20px;
    right: 20px;
    z-index: 99;
    font-size: 16px;
    border: none;
    outline: none;
    border-radius: 50px;
    color: #fff;
    background-color:var(--primary-color);
    cursor: pointer;
    width: 35px;
    height: 35px;
    line-height: 39px;
    text-align: center;
    transition: all .5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
}

#scroll-top.active {
    opacity: 1;
    visibility: visible;
    bottom: 20px;
}

.whatsappicon {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 9999;
}

.whatsappicon .call-icons{
    display:none;
}
.accordion .accordion-button::after{
    background: #f3f4f6;
    color: #000;
    font-family: flaticon_normal-icon !important;
    content: "\f153";
    font-size: 10px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    width:25px;
    height:25px;
    
}

.accordion-button:not(.collapsed)::after{
    background: #f3f4f6 !important;
    content:"\f1a5" !important;
    color:#000;
    transform:unset;
   }
   
   
   .about-img-box img{
       border-radius:40px;
   }
   
   
   .contact-info li i{
       min-width: 32px;
    height: 32px;
    line-height: 35px;
    font-size: 16px;
    display: block;
    color: #fff;
    /* border: 1px solid #ff7700; */
    transition: all 0.4s ease-in-out;
    text-align: center;
    background-color: transparent;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    background: #ff7700;
   }
   
   .contact-info li{
       display: flex;
    gap: 10px;
    align-content: center;
    align-items:flex-start;
   }
   
   
  .sub-menu-drapdow {
  position: relative;
}

.sub-menu-drapdow > a:before{
    content: "\f104";
    font-family: flaticon_normal-icon !important;
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 0;
    margin: auto 0;
    color: #000;
    align-content: center;
    cursor: pointer;
}

/* Hidden by default but still takes no space */
.sub-menu-drapdow-sub {
  position: absolute;
  top: 0;
  left: 100%;
  background: #fff;
  border: 1px solid #ddd;
  min-width: 180px;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateX(10px); /* slightly right for smooth slide */
  transition: all 0.3s ease;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  z-index: 999;
}

/* On hover - visible with animation */
.sub-menu-drapdow:hover > .sub-menu-drapdow-sub {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/* Submenu item styling */
.sub-menu-drapdow-sub li {
  list-style: none;
}

.sub-menu-drapdow-sub li a {
  position:relative;
}

.sub-menu-drapdow-sub li a:hover {
    background-color: #ffaa32;
    padding-left: 13px;
}

.beadcrumb-sec-main-box{
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../image/bg/expert-financial-planning.webp);
    z-index: 1;
    height: 350px;
    display: grid;
    align-items: center;
}

.beadcrumb-sec-main-box:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    background: #000;
    z-index: -1;
}


.beadcrumb-box-main {
     max-width: 60%;
    text-align: center;
    margin: 0 auto;
}


.beadcrumb-box-main h1 {
    font-size: 38px;
    color: #FFF;
    FONT-WEIGHT: 600;
    margin-bottom: 10px;
}


.beadcrumb-box-main ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.beadcrumb-box-main ul li {
    display: inline;
    margin-right: 5px; 
    color: #666; 
}


.beadcrumb-box-main ul li:not(:first-child)::before {
    content: "/"; 
    margin-right: 5px;
    color: #fff; 
}


.beadcrumb-box-main ul li a {
    text-decoration: none; 
    color: #FFF; 
    transition: color 0.3s ease; 
    font-size:15px;
}


.beadcrumb-box-main ul li a:hover {
    color:#ff7700; 
    text-decoration: underline; 
}


.beadcrumb-box-main ul li.active {
    color: #ff7700; 
    font-weight: bold; 
    font-size:15px;
}

.tab-sec-service{
    padding:0 0 5rem;
    position:relative;
}


.tab-service-main {
position:relative;
}


.tab-service-main .nav-pills {
    display: flex;
    gap: 10px;
    padding: 10px;
    max-width: fit-content;
    margin: 0 auto 35px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    border-radius: 10px;
    position: sticky;
    top: 100px;
    background: #fff;
    z-index: 99;
}

.tab-service-main .nav-pills .nav-item {
  list-style: none;
}

.tab-service-main .nav-pills .nav-link {
  background: none;
  border: none;
  color: #000;
  font-weight: 500;
  font-size:15px;
    border-radius: 8px;
  padding: 8px;
  position: relative;
  transition: color 0.3s ease;
  cursor: pointer;
}

.tab-service-main .nav-pills .nav-link:hover {
    color:#fff;
    background: linear-gradient(to bottom, #fec101, #ff8800);
}

.tab-service-main .nav-pills .nav-link.active {
     color: #ffff;
    background: linear-gradient(to bottom, #fec101, #ff8800);
    
}



.tab-service-main .tab-content {
      background: #fff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
      border-radius: 15px;
  padding: 30px;
}



.tab-service-main .tab-pane.show.active {
  display: block;
  opacity: 1;
}
.lona-tab-img{
    margin-right:20px;
}
.lona-tab-img img{
    border-radius:20px;
}

.tab-benefits-poins ul{
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap:0 10px;
}
.tab-benefits-poins ul li{
    position:relative;
    padding-left:25px;
    font-size:15px;
        width: 49%;
}
.tab-benefits-poins ul li:before{
    content: "\f1ae";
    font-family: flaticon_normal-icon !important;
    left: 0;
    top: 5px;
    position: absolute;
    background: #ff7700;
    color: #fff;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    line-height: 19px;
    text-align: center;
}
.tab-benefits-poins ul li:not(:last-child){
    margin:0 0 10px;
}

.tab-service-main .tab-content .sec-big-title{
    font-size:27px;
}
.tab-service-main .tab-content .tab-benefits-poins{
    margin-top:40px;
}

.proces-service-sec{
    padding:3rem 0 5rem;
    position:relative;
}

.proces-items-box{
    margin-left:50px;
}
/* ---- Process List ---- */
.proces-items-box ul {
  list-style: none;
  margin:30px 0 0;
  padding: 0;
   counter-reset: step;
}

.proces-items-box ul li {
  display: flex;
  align-items: center;
  gap: 30px;

  position: relative;
}
.proces-items-box ul li:not(:last-child){
      margin-bottom: 40px;
}


.proces-items-box ul li .icon-proc img {
  width: 30px;
  height: 30px;
}
/* ---- Icon Container ---- */
.proces-items-box ul li .icon-proc {
  position: relative;
  width: 65px;
  height: 65px;
  border-radius: 50%;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .04);
    border: 1px dashed #ff7700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 6px rgba(255, 119, 0, 0.1);
  flex-shrink: 0;
}
/* ---- Number Badge ---- */
.proces-items-box ul li .icon-proc::after {
  content: counter(step);
  counter-increment: step;
  position: absolute;
  top: -5px;
  right: -5px;
  width: 25px;
  height: 25px;
  background-color: #ff7700;
  color: #fff;
  font-weight: 600;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

/* ---- Text Content ---- */
.proces-items-box ul li .proce-content h4 {
  font-size: 18px;
  color: #000;
  margin-bottom: 6px;
}

.proces-items-box ul li .proce-content p {
  font-size: 15px;
  color: #000;
  line-height: 1.5;
  margin: 0;
}

.proces-items-img{
    position: sticky;
    top: 100px;
}

.why-choose-sec-service{
    padding:0 0 5rem;
    position:relative;
    
}
.why-choose-sec-service .row{
    padding-top:14px;
    
}
.why-choose-sec-service .col-lg-3:not(:last-child){
    border-right:1px solid #e4e4e4;
}

.why-box-items{
    position:relative;
    padding-left:10px;
}
.why-box-items .why-icon-img{
    margin-bottom:20px;
}
.why-box-items .why-icon-img img{
    filter: invert(57%) sepia(90%) saturate(3585%) hue-rotate(1deg) brightness(102%) contrast(106%);
        transition: all .3s 
ease;
}

.why-box-items:hover .why-icon-img img{
    transform: rotateY(180deg);
}

.why-box-items .why-title{
    font-size:18px;
    font-weight:600;
    margin-bottom:20px;
}
.why-box-items p{
    margin:0;
}
.dropnmobile{
    display:none;
}

.cta-main-sec{
    padding:0 0 5rem;
}

.cta-main-sec .paln-cta{
       padding-left:120px;
    height: 100%;
    align-content: center; 
}

.cta-main-sec .cta-imag{
      text-align: end;
    margin-right: 120px;
}
.service-listi-sec{
    padding:4rem 0;
    position:relative;
}

.service-listi-sec .container > .row{
    gap:30px 0;
}
.weath-tool-sec{
    border-top:1px solid #ff7700;
    padding:5rem  0;
    position:relative;
}




.wealth-tool-tab .nav-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    max-width: fit-content;
    margin: 0 auto 30px;
}



.wealth-tool-tab .nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  padding: 20px;
  transition: all 0.3s ease;
  color: #000;
  font-weight: 500;
}

.wealth-tool-tab .nav-link:hover {
  border-color: #ff7700;
  box-shadow: 0 4px 15px rgba(255, 119, 0, 0.2);
  color: #ff7700;
}

.wealth-tool-tab .nav-link.active {
  border-color: #ff7700;
  background-color: #fff5ee;
  color: #ff7700;
  box-shadow: 0 4px 15px rgba(255, 119, 0, 0.25);
}

/* --- Icon --- */
.wealth-tool-tab .tool-icon img {
  width: 40px;
  height: 40px;
}



/* --- Container --- */
.housing-loan-sip-box {
  width:60%;
  margin:0 auto;
  padding: 25px 30px;
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
  font-family: "Poppins", sans-serif;
}

.housing-loan-sip-box h4 {
  text-align: center;
  color: #333;
  font-weight: 600;
  margin-bottom: 25px;
}

/* --- Form Layout --- */
.housing-loan-sip-box .form-row {
  display: flex;
  gap: 20px;
}

.housing-loan-sip-box .form-group {
  flex: 1;
  margin-bottom: 20px;
}

.housing-loan-sip-box label {
  display: block;
  font-weight: 500;
  margin-bottom: 8px;
  color: #333;
}

.housing-loan-sip-box input[type="text"], .housing-loan-sip-box input[type="number"] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  outline: none;
  transition: border 0.3s ease;
}

.housing-loan-sip-box input[type="text"]:focus, .housing-loan-sip-box input[type="number"]:focus {
  border-color: #ff7700;
}

/* --- Range Sliders --- */
.housing-loan-sip-box .range-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.housing-loan-sip-box input[type="range"] {
  flex: 1;
  height: 6px;
  border-radius: 4px;
  background: #ddd;
  outline: none;
  appearance: none;
}

/* Slider Thumb */
.housing-loan-sip-box input[type="range"]::-webkit-slider-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #ff7700;
  cursor: pointer;
  appearance: none;
}

.housing-loan-sip-box .range-value {
  width: 45px;
  text-align: center;
  background: #ff7700;
  color: #fff;
  border-radius: 6px;
  padding: 5px 0;
  font-weight: 600;
}

/* --- Note Text --- */
.housing-loan-sip-box .note {
  text-align: center;
  color: #666;
  font-style: italic;
  margin: 15px 0;
}

/* --- Button --- */
.housing-loan-sip-box .btn-box {
  text-align: center;
}

.housing-loan-sip-box .calculate-btn {
  background: #ff7700;
  color: #fff;
  border: none;
  padding: 12px 30px;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.housing-loan-sip-box .calculate-btn:hover {
  background: #e06900;
  box-shadow: 0 4px 12px rgba(255, 119, 0, 0.3);
}
.calutar-img img{
    border-radius:15px;
}

.about-pp-sec{
    padding:5rem 0 4rem;
    position:relative;
}
.about-pp-img{
    position:relative;
}
.about-pp-img img{
    width: 100%;
    border-radius: 30px 30px 30px 30px;
    box-shadow: -12px 12px 0px 0px var(--primary-color);
}
.about-pp-img .total-eperices{
    position: absolute;
    padding: 20px;
    background: #ffff;
    box-shadow: 12px 10px 10px 0px rgba(0, 0, 0, 0.13);
    font-size: 40px;
    font-weight: 600;
    bottom: 0;
    border-radius: 20px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 20px;
}
.about-pp-img .total-eperices h4{
    margin: 0;
    font-size: 18px;
    line-height: 1.4;
}
.about-pp-content{
    margin-left:70px;
}

.mission-vision-sec{
    padding:0 0 5rem;
    position:relative;
}

.misin-box-items .icon-mi-vis{
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(255, 248, 242);
    transition: all 0.35s ease;
}
.misin-box-items .icon-mi-vis img{
    filter: invert(65%) sepia(93%) saturate(3908%) hue-rotate(357deg) brightness(98%) contrast(107%);
}
.misin-box-items{
     display: flex;
    gap: 20px;
    position: relative;
}
.misin-box-items .content-mi-vis .title-mi-vi{
    font-size:18px;
    font-weight:600;
}
.misin-box-items p{
    margin:0;
}

.miss-visi-top{
    padding-top: 50px;
    
}

.suppo-rting-sec{
    padding:0 0 5rem;
    position:relative;
}
.suppo-rting-sec .container > .row{
    gap:25px 0;
}
.suppo-box-ss{
    border-radius: 20px;
    background: rgb(255, 248, 242);
    padding:20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    height:100%;
}
.suppo-box-ss .supp-icon img{
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius:10px;
}
.suppo-box-ss h4{
    font-size: 16px;
    text-align: center;
    margin: 10px 0 0;
    line-height: 1.4;
}
.testimoial-sec-min{
    padding:0 0 5rem;
    position:relative;
}

.testimonial-box-items{
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    background-color: #fff;
    border-radius: 5px;
    padding: 24px;
    margin: 10px;
    height:100%;
}
.testimonial-box-items .test-iconss{
    margin:0 0 15px;
}
.testimonial-box-items .test-iconss i{
    font-size:30px;
    color:rgb(207 207 207);
}
.testimonial-box-items .star-box{
    margin:0 0 15px;
}
.testimonial-box-items .star-box i{
    color:var(--primary-color);
}


.testimonial-box-items .testi-img-box{
    display: flex;
    gap: 20px;
    align-items: center;
}
.testimonial-box-items .testi-img-box h4{
    font-size:16px;
    margin:0;
}
.testimonial-box-items .testi-img-box img{
    border-radius:50%;
}
.testimonial-carousel{
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    background:rgb(255, 248, 242);
}
.testimonial-carousel.swiper{
    position: static;
}

.testimonial-carousel .swiper-pagination{
    bottom: 40px !important;
    top: unset !important;
}
.testimonial-carousel .swiper-pagination-bullet-active{
    background:var(--primary-color);
}
.testimonial-carousel .swiper-pagination-bullet{
    height:12px;
    width:12px;
}

.custom-tick-list {
  list-style: none; /* Removes default list bullets */
  padding: 0;
}

.custom-tick-list li {
  position: relative;
  padding-left: 33px; /* Space for tick icon */
 
  line-height: 1.9;
}

.custom-tick-list li::before {
content: "";
    position: absolute;
    left: -8px;
    top: 2px;
    width: 30px;
    height: 30px;
    background-image: url(../image/svg/about-tick.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.credit-image{
        position: relative;
    left: 46px;
    border-radius: 9%;
}
.advisor-about-pp-sec{
    padding: 5rem 0;
    background: rgb(255, 248, 242);
}
.advisor-pp-img{
    text-align:end;
}
.advisor-pp-img img{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.testimoial-sec-min .swiper-slide{
    height:auto;
}

.sub-menu li a.active {
    background-color: #ffaa32;
}

.hide-robot {
    display: none !important;
}

label.error{
    color:red;
    font-size:13px;
}
.error-page-sec {
  padding: 3rem;
  position: relative;
  text-align: center; 
}

.error-page-sec .error-img img {
  height:400px;
}
.error-page-sec .header-btn-fnc{
    text-align:center;
}
.success-page-sec {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
 Padding:3rem 0;
 position:relative;
}

.api-vs-menu{
     display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.api-nse-box-main .box {
  display: inline-block;
  text-align: center;
  padding: 10px 10px;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.api-nse-box-main .value { 
  font-size: 16px; 
  font-weight: 600; 
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

.api-nse-box-main .arrow {
  font-size: 16px;
  position: relative;
  top: -1px;
}

.api-nse-box-main .arrow.up { color: #0f9d58; }
.api-nse-box-main .arrow.down { color: #d93025; }

.api-nse-box-main .change { 
  font-size: 11px; 
  font-weight: 500; 
  margin-top: 6px;
}

.api-nse-box-main .up { color: #0f9d58; }
.api-nse-box-main .down { color: #d93025; }

.api-nse-box-main .date-time {
  display: flex;
  justify-content: center;
  gap: 10px;
  font-size: 11px;
  font-weight: 500;
  margin-top: 8px;
  color: #555;
}