@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Qwigley&family=Roboto:ital,wght@0,100..900;1,100..900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

*{font-family: "Plus Jakarta Sans", sans-serif;;}
p{font-family: "Plus Jakarta Sans", sans-serif;}
h1,h2,h3,h4,h5,h6{font-family: 'Playfair Display', serif;}

 
  /*============WHATSAPP==========*/
    
  .whatsapp_btn{
      position: fixed;
      bottom: 5em;
      right: 20px;
      width: 55px;
      height: 55px;
      z-index: 9999;
  }
  .whatsapp_btn .icon_logo{
      position: relative;
      z-index: 100;
      padding: 5px;
  }
  
  .whatsapp_btn .icon_logo > a > img{
      width: 100%;
  }
  
  .whatsapp_btn .circle_waves{
      border-radius: 50%;
      background-color: #3cc04e;
      width: 55px;
      height: 55px;
      position: absolute;
      opacity: 0;
      bottom: 1px;
      left: 0px;
      z-index: 99;
      animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
  }
  
  @keyframes waves {
      from {
          transform: scale(.55, .55);
          opacity: .6;
      }
      to {
          transform: scale(1.8, 1.8);
          opacity: 0;
      }
  }
   .callus2 {
      width: 100%;
      margin: 8px 0 0 0;
      text-align: right;
      position: fixed;
      bottom: 25%;
      right: 8px;
      width: 60px;
      height: 60px;
      z-index: 99999;
  }
  .callus2 .callusL2{
      width: 40px;
      height: 40px;
      font-size: 18px;
      border-radius: 100%;
      text-align: center;
      line-height: 40px;
      display: inline-block;
      background: #eb1d39;
      color: #fff;
      margin: 0 20px 0 0;
      -webkit-box-shadow: 0px 0px 0px 7px #dc3545;
      -moz-box-shadow: 0px 0px 0px 7px rgba(232, 154, 17, 0.25);
      box-shadow: 0px 0px 0px 7px #dc354536;
      -webkit-animation: tada 1.25s infinite;
      -moz-animation: tada 1.25s infinite;
      -ms-animation: tada 1.25s infinite;
      animation: tada 1.25s infinite;
  }
.small-title {color: #d9a520;font-size: 14px;letter-spacing: 1.8px;text-transform: uppercase;margin-bottom: 12px;font-weight: 500;}
.section-title {/* text-align: justify; */font-family: 'Playfair Display', serif;font-size: 42px;font-weight: 700;color: #0f1729;line-height: 1.2;margin-bottom: 18px;}

.head-img{padding: 0;}
.head-img img{max-width: 118px;}

.banner-section {min-height: 100vh;background: linear-gradient(rgba(10, 25, 47, 0.85), rgba(10, 25, 47, 0.95)), url('image/banner-img.jpg') center/cover no-repeat;color: #fff;display: flex;align-items: center;text-align: center;padding: 40px 20px;}
.banner-title {/* text-align: justify; */padding-top: 120px;font-family: 'Playfair Display', serif;font-size: 4rem;font-weight: 700;line-height: 1.2;color:#fff;}
.highlight {color: #d4a017; /* gold */font-style: italic;font-family: 'Playfair Display', serif;}
.banner-subtext {text-align: justify;margin-top: 20px;font-size: 20px;color: #d1d5db;max-width: 670px;margin-left: auto;line-height: 1.7em;margin-right: auto;}
.btn.btn-outline-light:hover{background-color: #ffffff1a!important;color:#fff;}
.btn-gold {font-size:16px;background-color: #d4a017;color: #000;border: none;padding: 14px 28px;font-weight: 500;border-radius: 3px;transition: 0.3s;}
.btn-gold:hover {background-color: #b89113;color: #000;}
.btn-outline-light {padding: 12px 28px;border-radius: 6px;}
.banner-buttons {margin-top: 40px;display: flex;gap: 15px;justify-content: center;flex-wrap: wrap;}
    
@media (max-width: 768px) {
      .banner-title {
        font-size: 2.2rem;
      }
    }

.counter{border-top:1px solid #ffffff1a;border-bottom: 1px solid #ffffff1a;padding:40px 0px;margin-top:80px;}
.counter h1{color:#d9a520;font-size: 18px;font-weight:700;line-height: 30px;}
.counter p{font-size:16px;text-transform: uppercase;color:#fff;letter-spacing: 0.8px;margin-bottom: 15px;}
.counter img{filter: invert(1);margin-bottom:10px;}


/* about */
.about-section {padding: 80px 0 0px;background-color: #fcfaf8;}
.about-img {border-radius: 10px;}
.about-img img {width: 100%;height: 600px;object-fit: cover; border-radius: 8px;}
.experience-box {position: relative;bottom: 116px;left: 53%;background: #0f1729;color: #fff;padding: 25px;border-radius: 6px;box-shadow:  inset 0 2px 4px rgba(0,0,0,0.06), 0 10px 15px rgba(0,0,0,0.2);max-width: 280px;}
.experience-box h4 {color: #d9a520;font-weight: 700;margin-bottom: 5px;letter-spacing: 1.4px;font-size: 36px;}
.experience-box small{font-size:16px;}
.about-small-title {color: #d9a520;font-size: 14px;font-weight: 500;letter-spacing: 1px;text-transform: uppercase;margin-bottom: 10px;}
.about-title {font-family: 'Playfair Display', serif;font-size: 36px;font-weight: 700;color: #0f1729;margin-bottom: 20px;line-height: 1.4em;}
.about-text {text-align: justify;color: #64748b;font-size: 18px;font-weight: 300;line-height: 1.7;}
.feature-box {margin-top: 30px;border-top: 1px solid #e5e7eb;padding-top: 20px;}
.feature-title {font-weight: 600;color: #0b1c39;font-size: 15px;}
.feature-text {font-size: 13px;color: #6c757d;}

    @media (max-width: 768px) {
      .experience-box {
        left: 20px;
        bottom: -15px;
      }
    }
  

/* why choose us */
.why-section {padding: 40px 0;background-color: #fcfaf8;}
.description {font-size: 18px;color: #64748b;max-width: 520px;line-height: 1.8;margin-bottom: 45px;}
.feature {margin-bottom: 28px;}
.feature-icon i{background-color: color-mix(in oklab, hsl(43 74% 49%) 10%, transparent);padding:10px;font-size:20px;color:#d9a520;border-radius: 50%;}
.feature-title {line-height: 28px;font-size: 20px;font-weight: 600;color: #0f1729;margin-bottom: 4px;}
.feature-text {text-align: justify;font-size: 15px;color: #64748b;line-height: 1.6;}
.circle-ring-inner {width: 500px;height: 500px;border-radius: 50%;padding: 10px;background: #ffffff;}
.circle-img {padding:10px;width: 500px;height: 500px;border-radius: 50%;object-fit: cover;border:1px solid #d9a520;}

    @media (max-width: 992px) {
      .circle-wrapper {
        margin: 50px auto 0;
        width: 320px;
        height: 320px;
      }

      .main-title {
        font-size: 32px;
      }
    }

/* services */
.services {padding: 90px 0;background-color: color-mix(in oklab, hsl(210 40% 96.1%) 30%, transparent);}
.section-desc {color: #64748b;font-size: 18px;/*max-width: 640px;*/margin: 0 auto 50px;line-height: 1.7;}
.service-card {background: #ffffff;border-radius: 16px;padding: 32px;height: 100%;box-shadow: 0 0 #0000,0 4px 6px rgba(0,0,0,0.1);transition: all 0.25s ease;}
.service-card:hover {transform: translateY(-6px);box-shadow: 0 12px 28px rgba(0,0,0,0.08);}
.icon-box {width: 48px;height: 48px;background: #f3efe6;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #d9a520;font-size: 18px;margin-bottom: 20px;}
.icon-box img{width:35px;}
.service-title {font-family: 'Playfair Display', serif;color:#0f1729;font-size: 24px;font-weight: 700;line-height: 32px;margin-bottom: 0;}
.service-card p {line-height: 1.5em;font-size: 17px;color: #64748b;margin-bottom: 12px;display: flex;align-items: center;}
.service-list img {margin-right: 10px;width:20px;}
.nav-item a{
  word-spacing: 2px;
}

.profile{
  padding:45px 0;
}
.profile h4{
  color: #0f1729;
  margin-bottom: 21px;
  font-weight: 800;
}
.sc-fnd{
  background:aliceblue;
  padding: 55px 55px 0;
  border-radius:10px;
}
.profile p{text-align: justify;line-height:28px;border-top: 1px #ebe6e6 solid;padding: 15px 0;border-bottom: 1px #ebe6e6 solid;}
.fd-cnt{
  margin-top:45px;
  text-align: center;
  border: 1px #dee0e6 solid;
  padding: 15px;
  min-height: 950px;
}
.fd-cnt h5{
  color: #0f1729;
  font-weight: 800;
  margin: 20px 0;
  font-size: 18px;
  min-height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fd-cnt img{
  width:80px;
}
.fd-cnt hr{
  
}
.fd-cnt p{
  text-align: justify;
}

/* contact us */
.contact-section {padding: 100px 0;color: #fff;background:#0f1729;background-size: 30px 30px, cover;}
.contact-section .subtitle {color: #d4a94a;font-size: 12px;letter-spacing: 2.5px;text-transform: uppercase;margin-bottom: 14px;font-weight: 700;}
.contact-section .title {color:#fff; font-family: 'Playfair Display', serif;font-size: 48px;line-height: 1.15;margin-bottom: 22px;font-weight: 700;}
.contact-section .desc {text-align: justify;color: rgba(255, 255, 255, 0.8);font-size: 18px;line-height: 1.5em;max-width: 420px;margin-bottom: 45px;}
.contact-section .info-title {color: #d9a520;font-size: 14px;font-weight:700;letter-spacing: 1px;margin-bottom: 6px;}
.info-text {line-height: 1.5em;font-size: 18px;margin-bottom: 26px;color:#fff;}
.form-card {background: #ffffff;padding: 36px;border-radius: 14px;box-shadow: 0 15px 40px rgba(0,0,0,0.18);}
.contact-section .form-label {font-weight: 600;font-size: 13px;color: #1c2b39;margin-bottom: 6px;}
.contact-form .form-control,.form-select {border-radius: 8px;border: 1px solid #d9dee5;padding: 11px 12px;font-size: 14px;}
.contact-form .form-control::placeholder {color: #9aa6b2;}
.contact-form .form-control:focus,.form-select:focus {border-color: #d4a94a;box-shadow: none;}
.contact-form textarea.form-control {height: 120px;resize: none;}
.btn-submit {background: #081426;color: #fff;padding: 13px;border-radius: 6px;font-size: 14px;border: none;transition: all 0.25s ease;}
.btn-submit:hover {background: #0d2242;color:#fff;}

/* RESPONSIVE TUNING */
@media (max-width: 991px) {
  .title {
    font-size: 38px;
  }
}

.form-card label{font-size:15px;color:#000;}


/* footer */
.footer {text-align: justify;border-top:1px solid #ffffff1a;background:#0f1729;color: #c7d2e0;padding: 80px 0 30px;font-family: 'Inter', sans-serif;}
.footer-logo {/*display: flex;align-items: center;*/margin-bottom: 18px;margin-top:13px;}
.footer-logo img{max-width: 150px;}
.logo-box {width: 42px;height: 42px;background: #d4a94a;color: #081a33;font-weight: 600;display: flex;align-items: center;justify-content: center;border-radius: 6px;margin-right: 10px;}
.logo-text {font-family: 'Playfair Display', serif;font-size: 20px;color: #ffffff;}
.footer-desc a{font-size: 14px;/* text-align: justify; */line-height: 1.8;max-width: 260px;color:rgba(255, 255, 255, 0.8)}
.footer-title {color: #ffffff;font-size: 18px;font-family: 'Playfair Display', serif;margin-bottom: 18px;font-weight: 500;}
.footer-links {list-style: none;padding: 0;}
.footer-links li {margin-bottom: 10px;}
.footer-links a {text-decoration: none;color: rgba(255, 255, 255, 0.8);font-size: 14px;transition: 0.3s;}
.footer-links a:hover {color: #d4a94a;}
.footer-contact small {display: block;color: rgba(255, 255, 255, 0.8);font-size: 11px;margin-bottom: 4px;letter-spacing: 1px;}
.footer-contact div {font-size: 14px;margin-bottom: 18px;color: rgba(255, 255, 255, 0.8);}
.footer-bottom {border-top: 1px solid rgba(255,255,255,0.08);margin-top: 50px;padding-top: 18px;font-size: 14px;color: #8fa2b8;}
.footer-bottom a {color: #c7d2e0;text-decoration: none;}
.footer-bottom a:hover {color: #d4a94a;}

/* contact page */
.contact-page {background: rgba(0, 92, 168, .12); padding: 8% 0;}
.contact-page .contact-info {background: #fff;box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;padding: 30px;border-radius: 18px;min-height: 265px;}
.contact-page .contact-info .icon { background: #d4a017d1; padding: 12px; display: inline-block; width: 60px; height: 60px; border-radius: 8px; margin: 0 0 20px 0; text-align: center;}
.contact-page .contact-info .icon i { font-size: 23px; color: #fff; line-height: 1.7;}
.contact-page .contact-info h5 { color: #01020f; font-size: 21px; font-weight: 600;}

.contact-section-pg {padding: 5% 15px;}
.contact-section-pg .contact-img { overflow: hidden; border-radius: 20px; position: relative;}
.contact-section-pg .contact-img::after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); top: 0; left: 0;}
.contact-section-pg .contact-img img { transition: all .3s ease-in-out;}
.contact-section-pg .contact-img img:hover { transform: scale(1.1);}
.contact-section-pg .contact-img .call { position: absolute; bottom: 0; padding: 60px 20px 15px 30px; width: 100%; z-index: 2; background-image: linear-gradient( rgba(0, 0, 0, .04) 0%, rgba(0, 92, 168, .5));}
.contact-section-pg .contact-img .call p a{ color: #fff; font-size: 22px; font-weight: 700; position: relative; z-index: 9; margin: 0; line-height: 2;}
.contact-section-pg .contact-img .call p i { background: #fff; padding: 11px 12px; font-size: 18px; border-radius: 50%; color: #003d6d; margin: 0 8px 0 0;}
.contact-section-pg .contact-form .form-control { margin: 0 0 16px 0; padding: 14px;}


/*innr-pg-bnnr*/
.otherpagecss #RadDockZone1.container{max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table{margin-top:0 !important;}
.innr-pg-bnnr{/* padding: 100px 0 0; */width: 100%;background-size: cover;min-height: 450px;text-align: center;position:relative;margin-bottom: 40px;display: flex;justify-content: center;align-items: center;padding-bottom: 10px;background-attachment: fixed;background-position: center;}
.innr-pg-bnnr:after{content:'';position:absolute;left: 0px;right: 0px;top: -1px;bottom: 0px;width:100%;height:100%;z-index: 0;background: #2424248a;}
.main-table.innr-pg{padding-bottom:50px;}
.innr-pg-bnnr h1{color:#fff;text-align:center;text-transform:uppercase;font-size: 52px;font-weight: 500;position:relative;z-index:1;}
/* .innr-pg-bnnr h1:after{content:'';position:absolute;bottom: -4px;margin:0 auto;left:0;right:0;width:100px;height:4px;border-radius:2px;background:#fff;} */

.sub-head{font-size:22px;color:#0f1729;padding-top:10px;font-weight:600;line-height:1.7em;position: relative;margin-bottom:15px;}
.sub-head:before {position: absolute;content: '';left: 0px;bottom: 0px;height: 4px;width: 60px;background-color: #d4a94a;bottom: -5px;}
.main-table p{text-align: justify;font-size: 16px;color: #333;line-height: 1.6em;}
.main-table ul li{font-size: 16px;color: #333;line-height: 1.9em;}
.main-table{margin-bottom:40px;}

@media(max-width:767px)
{
   .innr-pg-bnnr{ min-height: auto;}
  .retire-calcultor .container{padding:32px 10px;}
.innr-pg-bnnr h1 {font-size:36px;line-height:1.6em;}
.contact-img{margin-top:10px;}
  .banner-title{padding-top: 20px;}
  .footer{padding:20px 0px;}
  .contact-section {padding: 50px 0;}
  .circle-ring-inner{padding:0px;width: 300px;height: 300px;}
  .circle-img {padding: 10px;width: 300px;height: 300px;}
  .about-img img{height:auto;}
  .service-title{line-height:30px;}
  .navbar-toggler{margin-bottom: 16px;background-color: #fff;}
  .ret-mar{margin-top:0px;}
}

@media(min-width:767px) and (max-width:991px)
{
  .head-img {
    padding: 10px 0!important;
}
}

@media(min-width:1399px) and (max-width:2000px)
{
  .experience-box {
    position: relative;
    left: 59%;}

}

/*nav-bar*/
.dropdown-item.active, .dropdown-item:active{background-color: #d9a520;color:#fff;}
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
#MenuControl_C .bg-light {--bs-bg-opacity: 1;background-color: transparent !important;height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{background-color: #0f1729 !important;color:#fff !important;}
.nav-link{font-weight: 600; color:#fff;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
/*nav-bar*/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
	}
@media (max-width: 769px){

}
a{text-decoration:none;}
@media (max-width: 767px){
#HeaderControl,#MenuControl{/* color: #000; */position: static!important;width: 100%!important;height: auto!important;padding: 4px 0!important;/* background-color: #d9a520!important; */}
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{background: #d1a331;display: block;text-align: left;padding: 4px 0;border-bottom: 1px solid #fff;border-right:0;}
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(180deg);
}
.dropend .dropdown-menu {
    right: 100% !important; top:0;
    left: auto !important;
}

.table-responsive {
    min-height: .01%;
    overflow: hidden !important;border: 0; padding:0;
}


#HeaderControl{height: 82px;float: Left;margin-bottom: 0;padding: 0px 0;transition: 0.5s;position: absolute;/* left: 74px; */top: 10px;z-index: 9;/* width: 30%; */background: transparent;text-align: center;}
#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}
#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}
#MenuControl{height: 82px;float: Right;margin-bottom: 0;padding: 0px 0;transition: 0.5s;position: absolute;right: 0;top: 10px;z-index: 9;/* width: 75%; */background: transparent;}

#widgetsControl, #widgetsControl_C{height:auto!important;}
#WidgetControl2{display: none;}
#WidgetControl6{display: none;}
  /* #WidgetControl5{display: none!important;} */
   #WidgetControl4{display: none!important;}
#FooterrControl1_tr_hitCounter{padding-top:0px!important;}
.main-table{text-align: left;}


/* clients */
.testimonial{padding:80px 0px;background-color: color-mix(in oklab, hsl(210 40% 96.1%) 30%, transparent);}
.testimonial .section-title{line-height: 1.5em;}
.client-bx{box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);background-color: #fff;padding:30px;border-radius:10px;height:100%;}
.client-bx img{width:40px;opacity: 0.6;}
.client-para{text-align: justify;padding-top:20px;font-size:18px;line-height:1.6em;font-family: 'Playfair Display', serif;color:#64748b;}
.name-client{color:#0f1729;font-size: 16px;font-weight:700;margin-bottom:0px!important;}
.designation{color:#64748b;font-size: 15px;font-weight:500;}


.testimonial .carousel-control-prev,
.testimonial .carousel-control-next {top: auto;bottom: -60px;width: auto;opacity: unset!important;}
.testimonial .carousel-control-prev {right: 80px; left: auto;}
.testimonial .carousel-control-next { right: 20px;}
.testimonial .carousel-control-prev i,
.testimonial .carousel-control-next i{color:#0f1729;opacity: 1;border-radius: 50%;padding: 20px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),  0 2px 4px -2px rgba(0, 0, 0, 0.1);background-size: 50% 50%;background-color: #fff;}
.testimonial .carousel-control-prev:hover i,
.testimonial .carousel-control-next:hover i{background-color: #d9a520;color:#fff;}

/* services page */
.serv-img img{width:50px;}
.serv-bx{box-shadow:0 5px 5px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px 1px rgba(0, 0, 0, 0.1);background-color: #fff;padding:20px;border-radius:10px;height:100%;transition: all 0.25s ease;}
.serv-content{padding-left:20px;}
.serv-content h1{font-size:22px;color:#0f1729;font-weight:600;}
.serv-content p{font-size:16px;line-height:1.5em;}
.serv-bx:hover {transform: translateY(-6px);box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);}


/* SIP calculator  */
.cal-border{border-bottom:2px solid #f1f1f1;}
.calculator input::placeholder{color:#000!important;}
.border-invest{border-top:2px solid #f1f1f1;border-bottom: 2px solid #f1f1f1;padding: 20px 0px;}
.border-rh{border-right:2px solid #f1f1f1;}
.amt-text p{font-size:14px;color:#545353;}
.wrapper{padding:60px 0;}
.calculator{background:#fff;border-radius:16px;padding:32px;box-shadow:0 20px 50px rgba(0,0,0,0.08);} 
.heading{font-size:18px;font-weight:600;padding-bottom: 20px;}
.label{font-size:16px;color:#6b7280;}
.input-box{font-size: 15px;width:120px;border:1px solid #e5e7eb;border-radius:8px;padding:6px;text-align:center;font-weight: 600;color:#000;}
/* .form-range{height:4px;background:#EF9309!important;} */
.form-range::-webkit-slider-thumb{background:#fff;width:20px;height:20px;border-radius:50%;box-shadow: 0 0 4px #5a5656;margin-top:-7px;}
/* .form-range::-webkit-slider-runnable-track{background:#f1f1f1;height:4px;} */
.summary-title{font-size:16px;color:#6b7280;font-weight:600;}
.summary-value{font-size:17px;font-weight:600;color:#000;}
.green{color:#16a34a;}
.chart-wrapper{position:relative;width:260px;margin:auto;}
.center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
.center-text small{font-size:16px;color:#6b7280;}
.center-text strong{font-size:18px;}
.btn-invest{background:#16a34a;color:#fff;border:none;border-radius:10px;padding:12px 28px;font-weight:600;}
.toggle{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;}
.toggle span{padding:10px 14px;font-size:15px;color:#fff;cursor:pointer;background-color: #0f1729;}
.toggle .active{background:#d9a520;color:#fff;font-weight:500;}

.form-range {-webkit-appearance: none;appearance: none;height: 4px;background: transparent;}
.form-range::-webkit-slider-runnable-track {height: 4px;border-radius: 4px;background: linear-gradient(to right,  #d9a520 0%,#d9a520 var(--range-progress),#e5e7eb var(--range-progress),#e5e7eb 100%);}
.form-range::-moz-range-track {background: #e5e7eb;height: 4px;border-radius: 4px;}
.form-range::-moz-range-progress {background: #d9a520;height: 5px;border-radius: 4px;}


/* retirement calcultor css */
.retire-calcultor .grid {display:grid;grid-template-columns:1fr 1fr;gap:25px;}
.retire-calcultor  label {font-size:15px;padding-top: 14px;color:#6b7280;}
.retire-calcultor .container{background: #fff;text-align: left;border-radius: 16px;padding: 32px;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);}
.retire-calcultor input {width:100%;padding:10px;margin:6px 0 14px;border-radius:8px;border:1px solid #ddd;font-size:14px;transition:0.2s;}
.retire-calcultor input:focus {border-color:#d4a017;outline:none;}
.retire-calcultor .highlight1 {background:#ecfdf5;border:1px solid #10b981;font-weight:600;color:#1e293b;}
.retire-calcultor .hint {font-size:12px;color:#777;margin-top:-10px;margin-bottom:10px;}
.retire-calcultor button {margin-top:10px;width:100%;padding:14px;border:none;border-radius:10px;background:#d4a017;color:#fff;font-size:15px;font-weight:600;cursor:pointer;}
.retire-calcultor button:hover {background:#0f1729;}
.result {margin-top: 25px;/*display: grid;*/grid-template-columns: 1fr 1fr;gap: 20px;}
.dark-box {margin-top:15px; background: #0f172a;border: 1px solid #1e293b;border-radius: 14px;padding: 18px;color: #e5e7eb;transition: 0.25s;}
.dark-box .title img{width: 20px;margin-right:8px;}
.dark-box:hover {border-color: #d4a017;transform: translateY(-3px);}
.dark-box .title {font-size: 15px;color: #fff;margin-bottom: 8px;}
.dark-box .value {font-size: 22px;font-weight: 600;color: #ffffff;}
.dark-box .sub {font-size: 12px;color: #bbb7b7;margin-top: 6px;}
.ret-mar{margin-top:21px;}

/* highlight main result */
.dark-box:first-child {grid-column: span 2;background: #0f1729;border-bottom: 3px solid #d4a017;}

@media(max-width:768px){
 .retire-calcultor   .result {
    grid-template-columns: 1fr;
  }
}
@media(max-width:768px){
  .retire-calcultor  .grid { grid-template-columns:1fr; }
  .retire-calcultor  .result { grid-template-columns:1fr; }
}

.chartWrapper {position: relative;width: 100%;height: 450px}
.chartWrapper canvas {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
#dummyChart {z-index: 2;}
#retirementChart {z-index: 1;}
@media(min-width:1500px) and (max-width:1930px)
{
  .ret-mar{margin-top:0px!important;}
  .rt-res{margin-top:21px!important;}
}