/* @charset "utf-8"; */
/* CSS Document */
*{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}



/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  margin: 0;
  padding: 0;
}

a {
  color: #000;
  margin: 0;
  padding: 0;
  text-decoration: none !important;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  outline: none !important;
}

a:hover {
  color: #222;
}

img {
  max-width: 100%;
}

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

li {
  margin: 0;
  padding: 5px 0px;
}

p {
  margin: 0;
  padding: 0;

}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  color: #353535;
}

button:focus,
input:focus {
  outline: none;
}
img
{
  width: 100%;
}
body{
font-family: "Montserrat", sans-serif;
}
/*=======================*/
body {
  padding-top: 50px;
}
.mt-25{
  margin-top: 25px;
}
.mb-25{
  margin-bottom: 25px;
}
.mb-80{
  margin-bottom: 80px;

}
@font-face {
  font-family: 'Baskerville Serial Heavy';
  src:url('fonts/Baskerville-Serial-Heavy Regular.ttf') format('truetype');
  /* Add additional formats if needed */
}
.tnp-field.tnp-field-email label {
  display: none;
}

.tnp-field.tnp-field-button {
  padding: 35px 0;
}
ol {
  font-size: 14px !important;
}

input.tnp-email {
  background-color: rgb(0 0 0 / 0%);
  color: #ffffff !important;
  float: left;
  font-size: 14px;
  padding: 13px 20px;
  width: 310px;
  border-radius: 15px;
  border: solid 1px rgb(255 255 255 / 67%);
  height: 55px;
}

input.tnp-submit {
  background: url('https://investnation.com/wp-content/themes/InvestNation/assets/images/sendemail_icon.png') no-repeat scroll 0 0;
  /* border: 0 none; */
  /* float: left; */
  /* margin-left: 1px; */
  text-indent: -999999px;
  z-index: 9999999999999999;
  /* position: relative; */
  /* opacity: 1; */
  filter: alpha(opacity = 0);
  /* position: absolute; */
  /* right: 9px; */
  /* bottom: 0px; */
  /* top: 0; */
  width: 60px;
  height: 58px;
  /* left: 673px; */
  background-size: contain;
  margin-left: 5px;
  margin-top: -2px;
}

.pgnewsletter {
  width: 65%;
  font-family: 'Baskerville Serial Heavy', serif;
  font-size: 55px;
  color: #333333;
  position: relative;
  z-index: 1;
  margin: 200px;
}

.wpr{
   width: 100%;
  float: left;
}

.dcenter{
  display: flex;
  align-items: center;
  justify-content: center;
}

.dcenterbottom{
  justify-content: center;
      display: flex;
    align-items: end;
}

.item-padding{
  padding: 20px 10px;
}
/* .items
{
  float: left;
} */
.page-header{
  width: 100%;
  float: left;
  background-color: #fff;
  box-shadow: 0 0 6px 0px rgb(0 0 0 / 18%);
  position: fixed;
  z-index: 1049;
  top: 0;
  left: 0;
}

.page-header-blk{
  width: 102%;
  float: left;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-header-blk .logo-blk{
  width: 250px;
  float: left;
}

.simplify-align{
align-content: flex-end;
}

img.img-simplify-carousel-1 {
  width: 83% !important;
}

.page-header-blk  .col-page-menu{
  width: 100%;
  float: left;
  display: flex;
  justify-content: flex-end;
}
.page-header-blk  .page-menu-ul{
  width: auto;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-wrap: nowrap;
}

.page-header-blk  .page-menu-ul li{
    width: 100%;
  float: left;
}
.page-header-blk  .page-menu-ul li .manu-alink {
    width: 100%;
    float: left;
    padding: 12px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    color: #636363;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    white-space: nowrap;
}

.page-header-blk  .page-menu-ul li .manu-alink:hover {
   color: #D19B2A;
}

.page-header-blk  .page-menu-ul li .manu-alink.active{
  color: #000;
}
.page-header-blk  .page-menu-ul li .manu-alink.active::before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  float: left;
  height: 4px;
    background-color:#D19B2A;
}

.page-header-blk  .col-connect{
  width: auto;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-header-blk  .col-connect .icon-blk{
  width: 110px;
  float: left;
  margin-left: 10px;
}


/* Submenu container */
.page-header-blk .page-menu-ul li .submenu {
  /* position: absolute;
  top: 100%;
  left: 0;
  min-width: 180px;
  background: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
  z-index: 999;
  display: none;
  flex-direction: column;
  padding: 0; */
  position: absolute;
    top: 80%;
    left: 0;
    min-width: 180px;
    height: 90px;
    background: transparent;
    z-index: 999;
    display: none;
    flex-direction: column;
}

/* Show submenu on hover */
.page-header-blk .page-menu-ul li.dropdown:hover .submenu {
  display: flex;
}

/* Style submenu items */
.page-header-blk .page-menu-ul li .submenu li {
  /* width: 100%;
  float: none;
  border-bottom: 1px solid #f0f0f0; */
  border-radius: 5px;
  padding: 3px 0;
}

.page-header-blk .page-menu-ul li .submenu li:last-child {
  border-bottom: none;
}

.page-header-blk .page-menu-ul li .submenu li .manu-alink {
  padding: 10px 16px;
  height: auto;
  justify-content: flex-start;
  font-size: 13px;
  background-color: white;
  color: #636363;
  white-space: nowrap;
  border-radius: 5px;
  box-shadow: -2px 0px 6px 1px rgba(0, 0, 0, 0.1);
}

.page-header-blk .page-menu-ul li .submenu li .manu-alink:hover {
  background-color: #D19B2A;
  color: #f8f8f8;
}


.home-slider-wpr{
   width: 100%;
   float: left;
   background-image: url('../images/home_slider_bg.png');
   background-size: cover;
   background-repeat: no-repeat;
   /* height: calc(100vh - 100px); */
   min-height: 500px;
   max-height: 630px;
   position: relative;
}

.slider-txt-wpr{
  /* width: 100%; */
  float: left;
  max-width: 600px;
  display: flex;
  align-items: center;
  min-height: 500px;
/*  height: calc(100vh - 100px);*/
}
.slider-txt-wpr .slider-txt-inwpr{
  width: 100%;
  float: left;
  z-index: 9;
}
.slider-txt-wpr .slider-title{
  width: 100%;
  float: left;
  color: #333333;
  font-size: 60px;
  font-weight: 900;
  /*  font-family: "Baskervville", serif;*/
  font-family: 'Baskerville Serial Heavy', serif;
  margin-bottom: 25px;
}
.slider-txt-wpr .slider-desc-wpr{
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
.slider-txt-wpr .row-desc{
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  margin: 8px 0;
}
.slider-txt-wpr .row-desc .icon-blk{
  min-width: 28px;
  float: left;
  height: 28px;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #d19b2a;
  border-radius: 50%;
  font-size: 16px;
}
.slider-txt-wpr .desc-p{
  width: 100%;
  float: left;
  font-size: 15px;
}
.app-connect-wpr{
  width: 100%;
  float: left;
  display: flex;
  /* max-width: 300px; */
  margin-bottom: 25px;
}
.app-connect-wpr .icon-blk{
  width: 150px;
  float: left;
  margin-right: 15px;
}
.home-slider-wpr .hero-img-col{
  /* width: 35%; */
  max-width: 550px;
  min-width: 300px;
  float: left;
  position: absolute;
  bottom: 0;
  right: 100px;
}

.page-section{
  width: 100%;
  float: left;
  padding: 80px 0;
}
.page-section-cc{
  width: 100%;
  float: left;
  padding: 40px 0 100px 0;
}
.page-subitem-title{
  font-size: 26px;
    font-family: Montserrat;
    font-weight: 700;
}
.page-subitem-title span{
  color: #d19b2a;
}
.page-title{
  width: 100%;
  float: left;
  font-family: 'Baskerville Serial Heavy', serif;
  font-size: 55px;
  color: #333333;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}
.sub-page-title{
  width: 100%;
  float: left;
  font-size: 34px;
  color: #333333;
  margin-bottom: 20px;
  position: relative;
  font-weight: 600;
  z-index: 1;
}
.page-title span{
  color: #d19b2a;
}
.page-title img{
     width: auto;
     max-width: 180px;
     margin-top: -10px;
}
.page-title-desc{
  width: 100%;
  float: left;
  font-size: 16px;
  margin-bottom: 20px;
}

.txt-center{
text-align: center;
}
.txt-white{
  color: #fff;
}
.bg-site{
  background-color: #D19B2A;
}
.bg-site-gradient{
        background: rgb(222 152 35 / 25%);
    background: linear-gradient(180deg, rgb(222 152 35 / 14%) 46%, rgba(245, 233, 225, 0) 100%);
}

.bg-site-gradient-cc {


        background: url(https://investnation.com/wp-content/uploads/2025/05/bg-2-1.png) no-repeat center top, /* New background image */ linear-gradient(180deg, rgb(209 155 42 / 59%) 46%, rgba(245, 233, 225, 0) 100%);
    background-size: cover, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center top;
        padding: 50px;
}

.bg-site-gradient-2{
        background: rgb(222 152 35 / 25%);
    background: linear-gradient(0deg, rgb(222 152 35 / 14%) 46%, rgba(245, 233, 225, 0) 100%);
}


.service-slider-wpr{
  width: 100%;
  float: left;
  margin: 0 0 34px 0;
}

.service-slider-inwpr-home .owl-nav {
  display: flex;
    position: absolute;
    width: 100%;
    top: 30%;
}
.service-slider-inwpr-home .owl-nav .owl-prev
{
  position: absolute;
  left: 0;
  font-size: 90px !important;
  width: 100px;
  color: #ce9a33 !important;
  font-weight: 300 !important;
}
.service-slider-inwpr-home .owl-nav .owl-next
{
  position: absolute;
  right: 0;
  font-size: 90px !important;
  width: 100px;
  color: #ce9a33 !important;
  font-weight: 300 !important;
}
.service-slider-inwpr-home{
  width: 100%;
  float: left;
}

.service-slider-inwpr{
  width: 100%;
  float: left;
}
.col-service-wpr{
  width: 100%;
  float: left;
  padding: 0px;
  background-color: #fff;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 0 12px 1px rgb(0 0 0 / 0%);
}
.col-service-wpr:hover{
   box-shadow: 0 0 12px 1px rgb(0 0 0 / 15%);
/*   transform: scale(1.005);*/
}



.col-service-wpr .txt-blk{
  width: 100%;
  float: left;
  padding: 15px;
}
.col-service-wpr .title{
  width: 100%;
  float: left;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 5px;
}
.col-service-wpr .desc{
  width: 100%;
  float: left;
  font-size: 14px;
  margin-bottom: 20px;
}
.col-service-wpr .img-blk{
  width: 100%;
  float: left;
  border-radius: 14px;
  /*   margin-bottom: 15px;*/
  padding: 2px;
}



.carousel-dots  .owl-dots{
   width: 100%;
  float: left;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 20px 0;
} 
.carousel-dots  .owl-dots .owl-dot{
width: 10px;
    float: left;
    height: 10px;
    border-radius: 50%;
    background-color: #e8e8e8;
    margin: 4px;

}
.carousel-dots  .owl-dots .owl-dot.active{
  background-color: #fff;
}

.carousel-dots-2  .owl-dots{
   width: 100%;
  float: left;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 20px 0;
} 
.carousel-dots-2  .owl-dots .owl-dot{
width: 10px;
    float: left;
    height: 10px;
    border-radius: 50%;
    background-color: #e8e8e8;
    margin: 4px;

}
.carousel-dots-2  .owl-dots .owl-dot.active{
  background-color: #D19B2A;
}


.carousel-nav .owl-nav.disabled {
    display: block;
}

.carousel-nav .owl-prev{
     width: 30px;
     height: 30px;
     background-color: #333333 !important;
     border-radius: 50%;
     font-size: 32px !important;
     display: flex;
     justify-content: center;
     align-items: center;
     float: left;
     top: calc(50% - 15px);
     left: -35px;
     position: absolute;
     color: #fff !important;
}
.carousel-nav .owl-next{
      width: 30px;
      height: 30px;
      background-color: #333333 !important;
      border-radius: 50%;
      font-size: 32px !important;
      display: flex;
      justify-content: center;
      align-items: center;
      float: left;
      top: calc(50% - 15px);
      right: -35px;
      position: absolute;
      color: #fff !important;
}
.carousel-nav .owl-prev span{
      margin-top: -7px;
}
.carousel-nav .owl-next span{
      margin-top: -7px;
}



.carousel-nav-2 .owl-nav.disabled {
    display: block;
}

.carousel-nav-2 .owl-prev{
     width: 35px;
     height: 35px;
     background-color: #ffffff !important;
     border-radius: 50%;
     font-size: 32px !important;
     display: flex;
     justify-content: center;
     align-items: center;
     float: left;
     top: 50px;
     right: 45px;
     position: absolute;
     color: #ed9513 !important;
}
.carousel-nav-2 .owl-next{
      width: 35px;
      height: 35px;
      background-color: #ffffff !important;
      border-radius: 50%;
      font-size: 32px !important;
      display: flex;
      justify-content: center;
      align-items: center;
      float: left;
      top: 50px;
      right: 0;
      position: absolute;
      color: #ed9513 !important;
}
.carousel-nav-2 .owl-prev span{
      margin-top: -7px;
}
.carousel-nav-2 .owl-next span{
      margin-top: -7px;
}




.card-partner-wpr {
  width: 100%;
  float: left;
  background-color: #fff;
  border-radius: 12px;
  padding: 15px;
  display: flex;
  box-shadow: 0 0 11px 0px rgb(0 0 0 / 21%);
  margin: 5px 0;
}
.card-partner-wpr .icon-blk{
  width: 28px;
  min-width: 28px;
  float: left;
  height: 28px;
  background-color: #de9823;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 15px;
}
.card-partner-wpr .txt-blk{
  width: 100%;
  float: left;
}
.card-partner-wpr .title{
  width: 100%;
  float: left;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
}
.card-partner-wpr .desc{
  width: 100%;
  float: left;
  font-size: 14px;
}


.bg-plan-wpr{
  background-image: url('../images/bg2.png');
  background-size: cover;
  background-repeat: no-repeat;

}




.plan-outer-wpr{
  width: 100%;
  float: left;
  padding: 15px 50px;
}
.plan-outer-wpr .plan-wpr{
  width: 100%;
  float: left;
  background-color: #D19B2A;
  border-radius: 12px;
  box-shadow: 0 0 9px 1px rgb(0 0 0 / 20%);
  padding: 15px 0;
  color: #fff;
  margin-bottom: 15px;
}
.plan-outer-wpr .title{
  width: 100%;
  float: left;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}
.plan-outer-wpr .sub-title {
  width: 100%;
  float: left;
  font-size: 15px;
  padding: 0 15px;
}
.plan-outer-wpr .sub-title-2 {
  width: 100%;
  float: left;
  font-size: 14px;
}
.plan-outer-wpr .sub-title-2 p {
  margin-bottom: 15px;
}
.plan-outer-wpr .amount-blk{
  width: 100%;
  float: left;
  background-color: white;
  color: #de9823;
  padding: 5px;
  text-align: center;
  margin: 15px 0;
}
.plan-details{
    width: 100%;
    float: left;
    padding: 0 15px;
    min-height: 350px;
}
.plan-outer-wpr .per{font-size: 40px;font-weight: 700;}
.plan-outer-wpr .title-2{
  width: 100%;
  float: left;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
}.plan-outer-wpr .title-3{
  width: 100%;
  float: left;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.plan-outer-wpr .hr{
  width: 100%;
  float: left;
}
.plan-outer-wpr .hr-dots{
     width: 100%;
    float: left;
    height: 10px;
    border-bottom: dotted 2px #ffffff;
    background-color: transparent;
}

.plan-wpr-2{
 padding-top: 0 !important;
    overflow: hidden;
}

.plan-title{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 24px;
    padding: 10px;
    font-weight: 700;
    color: #D19B2A;
    background-color: #fff;
    margin-bottom: 20px;
}


.plan-wpr-2 .plan-details{
      min-height: 775px;
}



.app-mob-img{
  width: 100%;
  float: left;
  padding: 15px;
}

.app-info-wpr{
  width: 100%;
  float: left;
}
.about-app{
  width: 100%;
  float: left;
  margin-bottom:20px;
}
.about-app p{
   width: 100%;
  float: left;
  margin-bottom: 20px;
  font-size: 15px;
}

.desc-wpr{
  width: 100%;
  float: left;
  font-size: 16px;
}

.desc-wpr p{
  width: 100%;
  float: left;
  margin-bottom: 15px;
  font-size: 14px;
  text-align: justify;
}
.txt-site{
  color: #de9823;
}


.img-col-blk{
  width: 100%;
  float: left;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

.img-box-blk{
  width: 100%;
  float: left;
  background-color: #de9823;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  max-width: 520px;
}
.img-box-blk .img-blk{
  width: 65%;
  float: left;
  margin-bottom: 0px;
  margin-top: -65px;
  /* margin-left: 25px; */
  margin-right: 135px;
}
.img-box-blk .img-blk-story{
  width: 65%;
  float: left;
  margin-bottom: 0px;
  margin-top: -65px;
}

.img-box-blk .img-blk-right {
    width: 100%;
    float: left;
    margin-bottom: 0px;
    /* margin-top: -65px; */
    margin-right: -90px;
}


.bg-testimonial-wpr{
  background-image: url('../images/testimonial_bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.bg-testimonial-wpr::before{
      content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    float: left;
    background-color: rgb(0 0 0 / 74%);

}





.testimonial-slider-wpr{
  width: 100%;
  float: left;
}
.testimonial-single-wpr .testimonial-single-wpr{
  width: 100%;
  float: left;
}
.testimonial-single-wpr .testimonial-img-blk{
  width: 100%;
  float: left;
  position: relative;
}

video {
    border-radius: 10px;
}

.video-icon-wpr{
   width: 100%;
   float: left;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}
.video-icon-wpr .video-icon{
  width: auto;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 70px;
  cursor: pointer;
  opacity: 0.8;
    transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
}
.video-icon-wpr .video-icon i{
  width: auto;
  float: left;
   transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
}

.modal-content {
  background-color: transparent;
  background-clip: unset;
  border: 0;
}

.video-icon-wpr .video-icon:hover{
  opacity: 1;
}
.video-icon-wpr .video-icon:hover i{
      text-shadow: 0 0 17px rgb(0 0 0 / 30%);
}

.modal-body {
  padding: 0;
}
.btn-close{
  position: absolute;
  z-index: 999;
  right: 0;
  padding: 35px 15px;
}
/* 
.modal{
  top: auto;
  position: absolute; 
} */

.modal-dialog {
  max-width: fit-content;
}

.youtube_play_wpr{
       width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.youtube_play_wpr iframe{
     border: 0;
    width: 100%;
    min-height: 60vh;
}


.testimonial-single-wpr .testimonial-txt-wpr{
  width: 100%;
  float: left;
  color: #fff;
}.testimonial-single-wpr .title{
 width: 100%;
 float: left;
 color: #D19B2A;
 font-size: 55px;
 font-weight: 900;
 font-family: 'Baskerville Serial Heavy', serif;
 margin-bottom: 0px;
}
.testimonial-single-wpr .title-2{
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
}
.testimonial-single-wpr .desc{
  width: 100%;
  float: left;
  margin-bottom: 25px;
}
.testimonial-single-wpr .desc p{
  width: 100%;
  float: left;
  font-size: 15px;
  margin-bottom: 15px;
}


.testimonial-single-wpr .name{
  width: 100%;
  float: left;
  color: #D19B2A;
  font-weight: 600;
  font-size: 18px;
}
.testimonial-single-wpr .profession{
  width: 100%;
  float: left;
  font-size: 16px;
  color: #cbcbcb;
}

.btn-wpr{
  width: 100%;
  float: left;
  margin: 15px 0;
}
.btn-more{
  width: auto;
  float: left;
  padding: 8px 15px;
  font-size: 14px;
  color: #fff;
  background-color: #333;
  border-radius: 12px;
  font-weight: 500;
}

.btn-more:hover{
  color: #fff;
  background-color: #000;
}


.footer-wpr{
  width: 100%;
  float: left;
  padding: 80px 0;
  background-color: #333333;
  color: #fff;
}



.footer-inwpr{
    width: 100%;
  float: left;
  padding: 15px;
}

.footer-wpr .ft-logo-wpr{
  width: 100%;
  float: left;
}
.footer-wpr .logo-blk{
  width: 100%;
  float: left;
  max-width: 235px;
  margin-bottom: 25px;
}
.footer-wpr .ft-form-wpr{
  width: 100%;
  float: left;
}
.footer-wpr .ft-form-wpr .form-title{
  width: 100%;
  float: left;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 15px;
}
.footer-wpr .ft-form-wpr .form-title-sub{
  width: 100%;
  float: left;
  font-size: 14px;
  margin-bottom: 15px;
}
.footer-wpr .ft-form-wpr  .ft-txt-form{
  width: 100%;
  float: left;
  display: flex;
  position: relative;
  border: solid 1px rgb(255 255 255 / 67%);
  padding: 2px;
  border-radius: 15px;
  max-width: 375px;
  margin-bottom: 25px;
}
.footer-wpr .ft-form-wpr .txt-sub{
  width: 100%;
  float: left;
  border: none;
  background-color: #333333;
  padding: 13px 20px;
  color: #fff;
  height: 50px;
  border-radius: 12px;
}
.footer-wpr .ft-form-wpr .icon{
  width: 50px;
  float: left;
  height: 50px;
  background: #de9823;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 13px;
    transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
}
.footer-wpr .ft-form-wpr .icon:hover{
  background-color: #ec9d19;
}
.footer-wpr .ft-title{
  width: 100%;
  float: left;
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 15px;
}
.footer-wpr .ft-link-wpr{
  width: 100%;
  float: left;
  display: flex;
  font-size: 12px;
}
.footer-wpr .socil-wpr{
  width: 100%;
  float: left;
  display: flex;
  margin: 15px 0;
}
.footer-wpr .socil-wpr .icon-blk{
  width: 35px;
  float: left;
  height: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #fff;
  margin-right: 15px;
}
.footer-wpr .socil-wpr .icon-blk:hover{
  background-color: #fff;
  color: #de9823;
}

.footer-wpr .title-app{
  width: 100%;
  float: left;
  font-weight: 600;
  margin-bottom: 25px;
}

.footer-wpr .logo-sub-wpr{
  width: 100%;
  float: left;
  max-width: 150px;
  margin-bottom: 25px;
}
.footer-wpr .title-2{
  width: 100%;
  float: left;
  font-size: 14px;
}






.footer-bottom-wpr{
  width: 100%;
  float: left;
  color: #fff;
  font-size: 13px;
  border-radius: 12px;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  background-color: #D19B2A;
  margin-top: 25px;
}
.footer-bottom-wpr .col-left{
  width: auto;
  float: left;
}
.footer-wpr a{
  color: #fff;
  font-size: 13px;
}
.footer-bottom-wpr .col-right{
  width: auto;
  float: left;
}

.txt-ulderline{
  text-decoration: underline !important;
}





 .mob-menu{
  width: 35px;
  float: left;
  cursor: pointer;
  display: none;
}
.mob-menu .btn-menu-hr{
  width: 100%;
  float: left;
}
.mob-menu span{
  width: 100%;
  float: left;
  height: 1px;
  background-color: #000;
  margin: 2px 0;
    transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
}
.mob-menu .title{
    width: 100%;
    float: left;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
}

.mob-menu .title-close{
    width: 100%;
    float: left;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    display: none;
}


 .mob-menu.show  span:nth-child(2){
    opacity: 0;
 }
 .mob-menu.show  span:nth-child(1){
        transform: rotate(45deg);
 }
 .mob-menu.show  span:nth-child(3){
               transform: rotate(135deg) translate(-7px, 7px);
 }

.why-invest-wpr .hero-image{
  display: none;
}



.point-wpr{
  width: 100%;
  float: left;
}
.point-wpr .row-ponit{
  width: 100%;
  float: left;
  display: flex;
  margin-bottom: 10px;
  margin-top: 5px;
}
.point-wpr .icon-blk{
  width: auto;
  float: left;
  margin-right: 10px;
  margin-top: 2px;
}
.point-wpr .icon{
  width: 20px;
  float: left;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #de9823;
  color: #fff;
  border-radius: 50%;
  font-size: 14px;
}
.point-wpr .text-blk{
  width: 100%;
  float: left;
}
.point-wpr .title{
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.point-wpr .desc-wpr{
  width: 100%;
  float: left;
}




.list-guide-wpr{
  width: 100%;
  float: left;
}
.list-guide-wpr .row-guide{
  width: 100%;
  float: left;
  padding: 15px;
  margin-bottom: 25px;
}
.list-guide-wpr .video-head-wpr{
  width: 100%;
  float: left;
  margin-bottom: 15px;
  margin-top: 15px;
}
.list-guide-wpr .tag-blk{
  width: auto;
  float: left;
  border: solid 1px #D19B2A;
  color: #D19B2A;
  padding: 2px 15px;
  font-size: 12px;
  border-radius: 15px;
}
.list-guide-wpr .title{
  width: 100%;
  float: left;
  text-align: left;
  font-size: 20px;
  font-weight: 700;
}
.list-guide-wpr .btn-wpr{
  width: 100%;
  float: left;
}
.list-guide-wpr .btn-linkk{
  width: auto;
  float: left;
  font-size: 14px;
  font-weight: 600;
  color: #D19B2A;
      cursor: pointer;
}




.pagination-wpr{
  width: 100%;
  float: left;
  margin: 15px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination-wpr .pagination{
  width: auto;
  display: flex;
  float: left;
  justify-content: flex-end;
  align-items: flex-end;
}
.pagination-wpr .pagination-item{
  width: auto;
  float: left;
  padding: 15px;
  font-size: 14px;
}
.pagination-wpr .pagination-link{
  width: 100%;
  float: left;
  white-space: nowrap;
}


.pagination-wpr .pagination-link.active{
  width: 100%;
  float: left;
  color: #fff;
  background-color: #D19B2A;
  padding: 5px 15px;
  border-radius: 5px;
}


.referral-list-wpr{
  width: 100%;
  float: left;
}
.referral-list-wpr .row-list{
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  padding: 15px 0;
  position: relative;
}
.referral-list-wpr .col-icon{
  width: auto;
  float: left;
  margin-right: 15px;
}
.referral-list-wpr .icon-blk{
  width: 30px;
  float: left;
  height: 30px;
  background-color: #de9823;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  z-index: 9;
  position: relative;
}
.referral-list-wpr .round-col{
  width: 20px;
  height: 20px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 50%;
  color: #000;
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
}
.referral-list-wpr .col-text{
  width: 100%;
  float: left;
}
.referral-list-wpr .title{
  width: 100%;
  float: left;
  font-weight: 600;
  font-size: 14px;
}
.referral-list-wpr .desc{
  width: 100%;
  float: left;
  font-size: 13px;
}


.referral-list-wpr .row-list .col-icon::before{
  content: '';
  width: 1px;
  height: 100%;
  border-left: dotted 2px #333;
  left: 14px;
  top: 0;
  position: absolute;
}

.referral-list-wpr .row-list:first-child .col-icon::before{

  top: 50%;
}
.referral-list-wpr .row-list:last-child .col-icon::before{
  height: 50%;
}




.faq-wpr{
  width: 100%;
  float: left;
}
.faq-wpr .row-faq{
  width: 100%;
  float: left;
  margin-bottom: 15px;
  border: solid 1px #E0DEDE;
  border-radius: 12px;
  background-color: #F7F7F7;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
}
.faq-wpr .faq-head-wpr{
  width: 100%;
  float: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 10px;
}
.faq-wpr .title{
  width: 100%;
  float: left;
  text-align: left;
  font-size: 15px;
  margin-bottom: 0;
       transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
}
.faq-wpr .col-action{
  width: 35px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
}
.faq-wpr .faq-body-wpr{
  width: 100%;
  float: left;
  padding: 15px;
  font-size: 14px;
  padding-top: 0;
  display: none;
      animation: animate_open_blk linear .2s;
    animation-iteration-count: 1;
}
.faq-wpr .faq-body-wpr p{
  margin-bottom: 15px;
}
.faq-wpr .faq-body-wpr p:last-child{
  margin-bottom: 0;
}


.faq-wpr .row-faq.active{
  background-color: #fff;
}
.faq-wpr .row-faq.active .faq-body-wpr{
  display: block;
}

.faq-wpr .row-faq.active .title{
 color: #de9823;
}



@keyframes animate_open_blk {
    0% {
        width: 100%;
        float: left;
        transform: translateY(-10px);
        opacity: 0
    }

    90% {
        width: 100%;
        float: left;
        transform: translateY(1px);
        opacity: 1
    }

    100% {
        width: 100%;
        float: left;
        transform: translate(0)
    }
}



.referral-app-wpr{
  width: 100%;
  float: left;
  border-radius: 15px;
  background-color: #de9823;
  padding: 25px;
  position: relative;
}


.referral-app-wpr .app-info-wpr {
  max-width: 500px;
      color: #fff;
          z-index: 4;
}

.referral-app-wpr .page-title{
  color: #fff;
}

.app-mob-img-ref{
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: -25px;
    max-width: 400px;
    margin-top: 25px;
    position: relative;
    z-index: 2;
}
.app-mob-img-ref img{
  z-index: 2;
  position: relative;
}
.app-mob-img-ref::before{
       content: '';
    background-image: url(../images/refferal_app_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
    width: 120%;
    float: left;
    height: 72%;
    z-index: 0;
    bottom: 0;
    margin-left: -65px;
}



.faq-main-wpr{
  width: 100%;
  float: left;
}
.faq-cate-wpr{
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}
.faq-blk {
  width: auto;
  float: left;
  padding: 8px 15px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  margin: 5px;
  border-radius: 15px;
  cursor: pointer;
}
.faq-blk.active{
  background-color: #333;
  color: #fff;
}



.faq-tab{
  display: none;

      animation: animate_open_blk linear .2s;
    animation-iteration-count: 1;
} 
.faq-tab.active{
  display: block;
}


.policy-wpr{
  width: 100%;
  float: left;
}

.policy-wpr .title{
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
}
.policy-wpr p{
  margin-bottom: 10px;
  font-size: 14px;
  text-align: justify;
  line-height: 20px;
}
::marker {
  font-weight: 700;
}
.policy-wpr ul{
  list-style: disc;
}
.policy-wpr ul li{
  font-size: 14px;
  padding-bottom: 5px;
}


.jia-page-item-title{
  color: #282828;
    font-size: 70px;
    font-family: Montserrat;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 74.90px;
    word-wrap: break-word;
}

.jia-page-subitem-title{
      color: #333333;
    font-size: 18px;
    font-family: Montserrat;
    font-weight: 400;
    line-height: 28.62px;
    word-wrap: break-word;
}
.jio-top-banner{
      border-radius: 20px;
          width: 85%;
}
.jio-main-div{
  display: flex;
    flex-direction: column;
    gap: 30px;
}


 .jio-steps-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
      padding: 20px;
    }

    


    .jio-step-card {
      background-color: #F8F8F9;
      border-radius: 10px;
      /* box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1); */
      /* max-width: 20%; */
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 30px 20px;
      position: relative;
      background-image: url(https://investnation.com/wp-content/uploads/2025/10/image-151.png);
      width: 20%;
      height: 220px;
      background-repeat: no-repeat;
      background-position: center 45px;
      background-size: 80px;
    }

    /* .jio-step-card:hover {
      color: #ba761f;
      box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1);
    } */

    .jio-step-card-1 {
      background-color: #F8F8F9;
      border-radius: 10px;
      /* box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1); */
      /* max-width: 20%; */
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 30px 20px;
      position: relative;
      background-image: url(https://investnation.com/wp-content/uploads/2025/10/image-149.png);
      width: 20%;
      height: 220px;
      background-repeat: no-repeat;
      background-position: center 40px;
      background-size: 80px;
    }

    /* .jio-step-card-1:hover {
      color: #ba761f;
      box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1);
    } */

    .jio-step-card-2 {
      background-color: #F8F8F9;
      border-radius: 10px;
      /* box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1); */
      /* max-width: 20%; */
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 30px 20px;
      position: relative;
      background-image: url(https://investnation.com/wp-content/uploads/2025/10/image-148.png);
      width: 20%;
      height: 220px;
      background-repeat: no-repeat;
      background-position: center 40px;
      background-size: 60px;
    }

    /* .jio-step-card-2:hover {
      background: #0b4369 url(https://investnation.com/wp-content/uploads/2025/10/image-148.png) !important; 
      color: #ba761f;
      box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1);
    } */

    .jio-step-card-3 {
      background-color: #F8F8F9;
      border-radius: 10px;
      /* box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1); */
      /* max-width: 20%; */
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 30px 20px;
      position: relative;
      background-image: url(https://investnation.com/wp-content/uploads/2025/10/image-147.png);
      width: 20%;
      height: 220px;
      background-repeat: no-repeat;
      background-position: center 40px;
      background-size: 70px;
    }

    /* .jio-step-card-3:hover {
      color: #ba761f;
      box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1);
    } */

    .jio-description {
        font-size: 16px;
        line-height: 1.7;
        text-align: center;
        max-width: 300px;
        position: relative;
        top: 110px;
    }
    .jio-description-second {
        font-size: 16px;
        line-height: 1.7;
        text-align: center;
        max-width: 300px;
        position: relative;
        top: 105px;
            font-weight: 600;
    }


.jio-bg-site-gradient {

    background: rgba(248, 248, 249, 1);
        /* background: url(https://investnation.com/wp-content/uploads/2025/05/bg-2-1.png) no-repeat center top, New background image linear-gradient(180deg, rgb(209 155 42 / 59%) 46%, rgba(245, 233, 225, 0) 100%); */
    background-size: cover, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center top;
        padding: 6% 3% 3% 3%;
}
.jio-page-section{
      width: 100%;
    float: left;
    padding: 40px 0 20px 0;
    background-color: white;
}

.jio-qualify-title{
  color: #333333;
    font-size: 50px;
    font-family: Montserrat;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 54px;
    text-align: center;
    padding: 50px;
    word-wrap: break-word;
}

.steps-container-qualify {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 20px;
    flex-direction: column;
    width: 100%;
}

.qualify-step-card {
    background-color: #ffffff;
    border-radius: 10px;
    width: 90%;
    padding: 30px 30px;
    height: 165px;
    background-repeat: no-repeat;
    background-position: center 55px;
    background-size: 80px !important;
}
/* .qualify-step-card:hover {
      color: #ba761f;
      box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1);
      background-repeat: no-repeat !important;
      background-position: center 55px !important;
      background-size: 80px !important;
    } */

    .qualify-description-second {
    font-size: 16px;
    line-height: 1.7;
    position: relative;
}

    .qualify-description {
    font-size: 20px;
    line-height: 1.7;
    position: relative;
    font-weight: 600;
    cursor: pointer;
}

.qualify-apply-image {
    /* position: relative; */
    /* width: 100%; */
    max-width: 100%;
        border-radius: 20px;
    /* height: auto; */
    /* z-index: 1; */
}

.qualify-apply-image-btm {
    max-width: 100%;
    padding-top: 40px;
}

.qualify-top-btn{
  padding: 9px 2%;background: #FFFCF8;
  border-radius: 100px;outline: 1px rgba(51, 51, 51, 0.16) solid;
  outline-offset: -1px;align-items: center;display: inline-flex;
  margin-top: 70px;justify-content: center;
}
.qualify-bottom-btn{
  padding: 9px 4%;background: #FFFCF8;
  border-radius: 100px;outline: 1px rgba(51, 51, 51, 0.16) solid;
  outline-offset: -1px;align-items: center;display: inline-flex;
  margin-bottom: 30px;justify-content: center;
}
.qualify-top-btn-txt{
  color: #956E1C;font-size: 14px;font-weight: 700;text-transform: capitalize;
}
.ta-center{
  text-align: center;
}

.jio-btn-download{
  width: 230px;
  height: 55px;
  background: linear-gradient(180deg, #F1BD50 0%, #BA7F05 54%, #7C5F21 100%);
  box-shadow: 0px 10px 9px rgba(165, 112, 1, 0.05);
  overflow: hidden;
  border-radius: 10px;
  justify-content: center;align-items: center;gap: 10px;display: flex;
}
.jio-btn-download-txt{
  text-align: center;color: white;font-size: 16px;font-weight: 600;line-height: 16px;word-wrap: break-word;
}
.jio-btn-download-img{
  width: 20px; height: 20px; position: relative; overflow: hidden;
}

.jio-banner-ontop{
  width:100%;height:100%;justify-content:flex-start;align-items:center;gap:16px;display:inline-flex
}
.jio-btn-viewdemo{
  width: 190px;height: 55px;position: relative;background: white;overflow: hidden;border-radius: 10px;outline: 1px rgba(51, 51, 51, 0.12) solid;justify-content: center;align-items: center;gap: 12px;display: flex;
}
.jio-btn-viewdemo-txt{
  color: #1E1E1E; font-size: 16px; font-family: Montserrat; font-weight: 500; text-transform: capitalize; word-wrap: break-word;
}
.jio-btn-viewdemo-img{
 width: 24px; height: 24px; position: relative; overflow: hidden;
}

.jio-top-banner-items {
    display: flex;
    align-items: center;
}

.jio-parent-section {
    background: rgba(248, 248, 249, 1);
    border-radius: 10px;
}
.jio-parent-section2 {
    background: rgba(248, 248, 249, 1);
    border-radius: 10px;
    width: 50%;
    display: flex;
    flex-direction: column;
}
.jio-parent-section1 {
   display: flex;padding: 0;gap: 20px;
}
.jio-parent-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.jio-parent-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
    width: 100%;
}

.jio-apply-text {
    flex: 1;
    /* max-width: 862px; */
    padding: 6% 4% 0% 4%;
}
.jio-apply-text2 {
    flex: 1;
    padding: 8% 20% 0% 10%;
        z-index: 9;
}

.jio-parent-p1{
  text-align-last:right;width: 80%;margin: -25px 0 0 50px;
}
.jio-parent-p2{
  margin: 0px 0 0 50px;
}

.jio-page-title-bottom {
    width: 100%;
    font-size: 28px;
    color: #333333;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    text-transform: capitalize;
    font-weight: 600;
}

.jio-app-connect-wpr {
    width: 100%;
    float: left;
    display: flex;
    margin: 50px 0;
    gap: 20px;
}

.jio-apply-image-wrapper {
    flex: 1;
    position: relative;
}

.jio-page-title {
    width: 100%;
    text-align: center;
    font-size: 55px;
    color: #333333;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    font-weight: 600;
    padding: 3% 20% 0;
}

.jio-coverage-desc {
    padding: 0 30% 3%;
    text-align: center;
}

.jio-section-last {
    padding: 0 0 40px 0;
}

.jio-apply-text-last {
    flex: 1;
    padding: 8%;
}

 .toggle-group {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }
  .toggle-group-sub{
    background-color: rgba(248, 248, 249, 1);
    width: 300px;
    border-radius: 50px;
    padding: 10px;
  }
  .toggle-btn {
    cursor: pointer;
    padding: 10px 20px;
    color: #1D1D1D;
    font-weight: 600;
    border-radius: 5px;
    user-select: none;
    margin: 0 5px;
    transition: background-color 0.3s, color 0.3s;
  }
  .toggle-btn.active {
    background-color: #fff;
    border-radius: 50px;
        border: 1px solid #e5e5e5;
  }
  .tab-content {
    margin: 0 auto;
    border-radius: 5px;
    padding: 20px;
    display: none;
  }
  .tab-content.active {
    display: block;
  }
/*------ responsive -------*/
@media (max-width:1300px) {
  .card-partner-wpr .desc{
    font-size: 13px;
  }
  .plan-outer-wpr .sub-title-2 {
    font-size: 13px;
}

}
@media (max-width:1200px) {
  .card-partner-wpr .desc{
    font-size: 13px;
  }
  .plan-outer-wpr .sub-title-2 {
    font-size: 13px;
}
  .home-slider-wpr .hero-img-col {
      max-width: 510px;
      min-width: 200px;
      float: left;
      position: absolute;
      bottom: 0;
      right: 35px;
  }
}
@media (max-width:1024px) {
 .col-page-menu{
             /* display: none !important; */
    position: fixed;
    z-index: 1069;
    top: 0;
    left: -315px;
    height: 100%;
    bottom: 0;
    width: 300px !important;
    background-color: #fff;
    box-shadow: 0 0 11px 0px rgb(0 0 0 / 17%);

      transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
 }
  .col-page-menu.show{
    left: 0;
  }


  .mob-menu{
    display: block;
  }

.lsst-creditcard-icon {
  margin: 0 !important;
}
.page-header-blk .col-page-menu{
       flex-wrap: wrap;
    overflow: auto;
    padding-bottom: 15px;
    align-items: end;
  }

  .page-header-blk .page-menu-ul{
    width: 100%;
    flex-wrap: wrap;
  }
  .page-header-blk .page-menu-ul li{
    width: 100%;
  }

  .page-header-blk .page-menu-ul li a{
    width: 100%;
    text-align: left;
  }

    .page-header-blk .col-connect{
    width: 100%;
    justify-content: space-around;
  }
    .page-header-blk .col-connect .icon-blk{
      margin-left: 0;
    }
.page-header-blk .page-menu-ul li .manu-alink{
  height: 50px;
      justify-content: flex-start;
}



.page-header-blk .page-menu-ul {
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: auto;
    margin-top: 30px;
}
.page-header-blk .page-menu-ul li .manu-alink.active{
  color: #D19B2A;
      background: #fafafa;
}
.page-header-blk .page-menu-ul li .manu-alink.active::before{
  display: none;
}

.plan-outer-wpr{
  padding: 0px;
}

.home-slider-wpr .hero-img-col {
    max-width: 510px;
    min-width: 200px;
    float: left;
    position: absolute;
    bottom: 0;
    right: 35px;
}


 .img-box-blk-right{
          width: calc(100% - 50px);
    }

 .page-header-blk .col-connect .icon-blk{
  width: 130px;
 }   
}
@media (max-width:768px) {
  .img-box-blk .img-blk {
    margin-right: 0px !important;
}
  .card-partner-wpr .desc{
    font-size: 13px;
  }
  .plan-outer-wpr .sub-title-2 {
    font-size: 13px;
}
  .footer-bottom-wpr{
    text-align: center;
  }
  .footer-bottom-wpr .col-left{
    width: 100%;
  }
  .footer-bottom-wpr .col-right{
    width: 100%;
  }

  
  .cc-top-banner-items{
      flex-direction: column;
}

.cc-apply-links {
    gap: 20px !important;
    margin: 35px 0px 50px 0 !important; 
    flex-wrap: wrap;
    flex-direction: column;
}

.cc-apply-text {
    padding: 20px 0 0 30px !important;
}

.cc-apply-content {
    flex-direction: column;
}

.lsst-creditcard-feature {
    gap: 10px !important;
    height: 100% !important;
    flex-direction: column;
}
.lsst-creditcard-feature1 {
    gap: 10px !important;
    height: 100% !important;
    flex-direction: column;
}
.bg-tilted-box-help{
top: 62px !important;
}
.lsst-creditcard-title
{
      width: 100% !important;
    text-align: center;
}
.lsst-creditcard-description
{
 max-width: 100% !important;
    text-align: center !important;
    padding-bottom: 30px;
}
.lsst-creditcard-description-wh{
   max-width: 100% !important;
    text-align: center !important;
    padding-bottom: 30px;
}
.credit-limit-content{
  width: 95% !important;
}

.credit-limit-heading {
    font-size: 30px !important;
    line-height: 40px !important;
}
.credit-limit-heading-yl{
   font-size: 30px !important;
    line-height: 40px !important;
}
.credit-limit-bar-wrapper
{
  width: 310px !important;
}
.credit-limit-bar-fill {
    width: 258px !important;
}
.credit-limit-subtext {
    width: 95% !important;
    font-size: 24px !important;
    line-height: 33px !important;
    padding-bottom: 0px !important;
}
.credit-limit-section {
    background-size: 210% !important;
}

  .carousel-nav-2 .owl-prev{

     top: calc(50% - 15px);
      left: -10px;
  }
  .carousel-nav-2 .owl-next{
   
     top: calc(50% - 15px);
      right: -10px;
  }

  .img-box-blk{
    margin-top: 110px;
  }

  .col-service-wpr .img-blk{
    display: none;
  }
  .col-service-wpr{
    background-color: #fff;
    border-radius: 12px;
      box-shadow: 0 0 6px 0px rgb(0 0 0 / 18%);
  }
  .carousel-nav .owl-nav.disabled {
    display: none;
}
.carousel-nav .owl-nav {
  position: absolute;
}
.row-home-banner{
  width: 100%;
}
.service-slider-inwpr-home .owl-nav {
  display: flex;
    position: absolute;
    width: 100%;
    top: 50%;
}
.service-slider-inwpr-home .owl-nav .owl-prev
{
  position: absolute;
  left: 0;
  font-size: 90px;
  width: 50px;
  color: #ce9a33;
  font-weight: 300;
}
.service-slider-inwpr-home .owl-nav .owl-next
{
  position: absolute;
  right: 0;
  font-size: 90px;
  width: 50px;
  color: #ce9a33;
  font-weight: 300;
}
.carousel-nav-home .owl-prev {
  position: absolute;
  left: 0;
}
.carousel-nav-home .owl-next {
  position: absolute;
  right: 0;
}
.home-slider-wpr .hero-img-col{
  display: none;
}

.home-slider-wpr{
  background-image: none;
}

.why-invest-wpr{
  background-image: url(../images/home_slider_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding: 15px 0;
  padding-top: 130px;
  /* margin-top: 160px; */
  padding-top: 50px !important;
  min-height: 300px;
}

.carousel-heading-blk {
  font-size: 40px !important;
  line-height: 45px !important;
}

.carousel-heading-org {
  font-size: 40px !important;
  line-height: 45px !important;
}

.jio-carousel-heading-blk {
  font-size: 40px !important;
  line-height: 45px !important;
}

.jio-carousel-heading-org {
  font-size: 40px !important;
  line-height: 45px !important;
}

.why-invest-wpr .hero-image{
  /* display: block; */
  
position: absolute;
  
right: 0;
  
bottom: 0;
  
z-index: 1;
  
width: 400px;
  
/* height: 100%; */
  
float: left;
}

/* .why-invest-wpr .service-slider-wpr{
  margin-top: 90px;
} */


.why-invest-wpr .page-title{
      margin-top: -215px;
}
.slider-txt-wpr{
  height: auto;
  min-height: auto;
  padding: 0px 30px;
}
.mb-80 {
    margin-bottom: 25px;
}

.app-mob-img-ref{
  max-width: 300px;
}
  
  .footer-wpr .logo-sub-wpr{
    max-width: 100%;
    text-align: center;
  }
  .footer-wpr .logo-sub-wpr img{
    width: 150px;
  }

  .service-slider-wpr {
    height: 805px;
    margin: 34px 0 34px 0;
}
.img-carousel-6{
  margin: 0 0 !important;
}

   .why-invest-wpr .container{
    max-width: 100% !important;
    padding: 0;
;
        flex-direction: column;
   }
   .col-service-wpr .txt-blk{
    min-height: 130px;
   }
   .why-invest-wpr .service-slider-inwpr .item-padding{
    padding-right: 0;
   }


.jio-bg-site-gradient {
  padding: 20px !important;
}

.jio-top-banner-items {
    flex-direction: column;
    gap: 30px;
}

.jia-page-item-title {
    font-size: 36px !important; 
    line-height: 50px !important;
    margin-top: 40px !important;
}

.jia-page-subitem-title {
    font-size: 16px !important;
}

.jio-btn-viewdemo {
    width: 150px !important;
    height: 50px !important;
    gap: 8px !important;
}
.jio-btn-download-txt{
  font-size: 14px !important;
}
.jio-btn-download{
  width: 170px !important;
  height: 50px !important;
}
.jio-btn-viewdemo-txt{
  font-size: 14px !important;
}

.steps-container {
    flex-direction: row !important;
}

.jio-step-card {
      padding: 10px !important;
      width: 46% !important;
      height: 150px !important;
      background-position: center 10px !important;
      background-size: 60px !important;
    }

    .jio-step-card-1 {
      padding: 10px !important;
      width: 46% !important;
      height: 150px !important;
      background-position: center 10px !important;
      background-size: 60px !important;
    }

    .jio-step-card-2 {
      padding: 10px !important;
      width: 46% !important;
      height: 150px !important;
      background-position: center 10px !important;
      background-size: 60px !important;
    }

    .jio-step-card-3 {
      padding: 10px !important;
      width: 46% !important;
      height: 150px !important;
      background-position: center 10px !important;
      background-size: 60px !important;
    }

    .jio-page-title {
    font-size: 35px !important;
    padding: 8% 8% 0 !important;
}

.jio-coverage-desc {
    padding: 0 3% 8% !important;
}

.qualify-top-btn {
    margin-top: 10px !important;
}

.jio-banner-ontop{
  gap:5px !important;
}

.jio-description {
    font-size: 12px !important;
    top: 80px !important;
}

.jio-description-second {
    font-size: 14px !important;
    top: 80px !important;
}

.jio-page-section {
    padding: 20px 0 20px 0 !important;
}

.jio-parent-content {
    flex-direction: column !important;
    gap: 0 !important;
}

.jio-app-connect-wpr {
    margin: 20px 0 !important;
}
.jio-parent-section1 {
    flex-direction: column !important;
}
.jio-parent-section2 {
    width: 100% !important;
}
.jio-parent-p1 {
    margin: 10px 0 0 50px !important;
}
.jio-qualify-title {
    font-size: 30px !important;
    line-height: 35px !important;
    padding: 20px 0px !important;
}
.steps-container-qualify {
    padding: 0px !important;
}
.qualify-step-card {
    width: 100% !important;
    padding: 20px !important;
    height: 165px;
}
.qualify-apply-image-btm {
    padding: 0 30px !important;
}
.page-header-blk .page-menu-ul li .submenu {
  position: relative !important;
}
video {
    border-radius: 10px;
    width: 100% !important;
}


}

@media (max-width:576px) {
  .col-service-wpr .title{
    font-size: 14px;
    margin-bottom: 5px;
  }
  .col-service-wpr .desc{
    font-size: 12px;
  }
  .page-title{
    font-size: 35px;
  }
  .card-partner-wpr .title{font-size: 14px;
    margin-bottom: 5px;}
    .card-partner-wpr .desc{
      font-size: 12px;
    }
    .page-section {
    padding: 30px 0;
  }
   .page-section-cc {
    padding: 30px 0;
  }
  .footer-wpr{
    padding: 30px 0;

  }
  .page-title-desc{
    font-size: 14px;
  }
  .why-invest-wpr .hero-image{
    width: 410px;
  }




  .why-invest-wpr .page-title {
    margin-top: -155px;
  }
  .slider-txt-wpr .slider-title{
    font-size: 35px;
    margin-bottom: 15px;
  }

    .img-box-blk-right{
          width: calc(100% - 85px);
    }


  .home-slider-wpr{
       max-height: 330px;
    min-height: auto;
  }  

}


@media (max-width:520px) {
  .plan-details{
    min-height: 410px;
  }
  .footer-wpr a{
    font-size: 12px;
  }

  .faq-wpr .title{ font-size:14px }
.faq-wpr .faq-body-wpr{ font-size:12px }

.app-mob-img-ref {
    max-width: 230px;
    right: -20px;
}
.testimonial-single-wpr .title{
  font-size: 34px;
}
.testimonial-single-wpr{
  padding: 0 35px;
}
.page-title img{
  max-width: 130px;
}
.desc-wpr{
  font-size: 14px;
}
.testimonial-single-wpr .title-2{
  font-size: 16px;
  margin-bottom: 15px;
}
.testimonial-single-wpr .desc p{
  font-size: 13px;
}

}
@media (max-width:430px) {
  .plan-wpr-2 .plan-details {
    min-height: 925px;
  }

  .why-invest-wpr .hero-image {
    width: 360px;
  }

  .why-invest-wpr{
    padding-top: 0px !important;
    min-height: 210px;
    margin-top: 0;
  }
  .why-invest-wpr .page-title {
    margin-top: -105px;
}
}



/* hijas  */

.owl-stage{padding-left:0px !important;}


@media (min-width:430px) {
  .home-slider-wpr{
    overflow: hidden;
  }
}
@media (max-width:430px) {
  div#partnerCarousel .owl-stage-outer, #planCarousel .owl-stage-outer{
    width: 100vw;
  }
  .home-slider-wpr{
    overflow-x: hidden;
  }
  .home-slider-wpr{
    max-height: 500px!important;
  }
  section.page-section.bg-site, section.page-section.bg-plan-wpr{
    overflow: hidden;
  }
}



.cc-top-banner-items{
  display: flex;align-items: center;margin-bottom:80px;
}
.carousel-item-1{
  width: 100%;
    float: left;
    background-image: url(https://investnation.com/wp-content/themes/InvestNation/assets/images/bg1-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    max-height: 684px;
    background-position: center;
}
.img-carousel-1{
  width: 94% !important;
}
.carousel-item-2{
  width: 100%;
    float: left;
    background-image: url(https://investnation.com/wp-content/themes/InvestNation/assets/images/bg2-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    max-height: 684px;
    background-position: center;
}
.img-carousel-2{
  width: 100% !important;
}
.carousel-item-3{
  width: 100%;
    float: left;
    background-image: url(https://investnation.com/wp-content/themes/InvestNation/assets/images/bg3-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    max-height: 684px;
    background-position: center;
}
.img-carousel-3{
  width: 100%;
}

.carousel-item-6{
  width: 100%;
    float: left;
    background-image: url(https://investnation.com/wp-content/themes/InvestNation/assets/images/bg3-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    max-height: 684px;
    background-position: center;
}
.img-carousel-6{
  width: 100%;
  margin: 18% 0;
}

.carousel-item-7{
  width: 100%;
    float: left;
    background-image: url(https://investnation.com/wp-content/uploads/2025/07/Asset-4@3x-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    max-height: 684px;
}
.img-carousel-7{
  width: 100%;
  margin: 20% 0;
}


.carousel-simplify-item-1{
  width: 100%;
    float: left;
    background-image: url(https://investnation.com/wp-content/uploads/2025/01/bgsimplify.png);
    background-size: cover;
    background-repeat: no-repeat;
    /* max-height: 684px; */
    background-position: center;
}
.img-simplify-carousel-1{
  width: 90% !important;
}

.carousel-simplify-item-2{
  width: 100%;
    float: left;
    background-image: url(https://investnation.com/wp-content/uploads/2025/01/bgsimplify.png);
    background-size: cover;
    background-repeat: no-repeat;
    /* max-height: 684px; */
    background-position: center;
}
.img-simplify-carousel-2{
  width: 89% !important;
}

.img-star-icon{
  width: 50px !important;
}
.carousel-simplify-heading-blk{
  color: #333333; font-size: 53px; font-weight: 800; line-height: 60px; word-wrap: break-word;font-family: 'Baskerville Serial Heavy', serif;
}
.carousel-simplify-heading-org{
  color: #D19B2A; font-size: 55px; font-weight: 800; line-height: 60px; word-wrap: break-word;font-family: 'Baskerville Serial Heavy', serif;
}
.carousel-simplify-heading-org-sm{
  color: #D19B2A; font-size: 35px; font-weight: 800; line-height: 60px; word-wrap: break-word;font-family: 'Baskerville Serial Heavy', serif;
}


.carousel-heading-blk{
  color: #333333; font-size: 70px; font-weight: 800; line-height: 84px; word-wrap: break-word;font-family: 'Baskerville Serial Heavy', serif;
}
.carousel-heading-org{
  color: #D19B2A; font-size: 70px; font-weight: 800; line-height: 84px; word-wrap: break-word;font-family: 'Baskerville Serial Heavy', serif;
}

.jio-carousel-heading-blk{
  color: #333333; font-size: 70px; font-weight: 800; line-height: 84px; word-wrap: break-word;
}
.jio-carousel-heading-org{
  color: #D19B2A; font-size: 70px; font-weight: 800; line-height: 84px; word-wrap: break-word;
}

.owl-dots {
  display: flex;
  position: absolute;
  width: 100%;
  bottom: 29px;
  text-align: center;
  justify-content: center;
}
button.owl-dot {
  background: #cecece !important;
  width: 50px;
  height: 5px;
  margin-left: 10px;
  border-radius: 30px;
}
button.owl-dot.active {
  background: #D19B2A !important;
}


/* Container and layout */
.lsst-creditcard-container {
  width: 100%;
  height: 100%;
  padding: 70.39px;
  background: white;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.lsst-creditcard-content-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

/* Feature block */
.lsst-creditcard-feature {
  display: flex;
  align-items: center;
  gap: 69px;
  height: 155px;
  width: 100%;
}

.lsst-creditcard-feature:hover {
    background: #D19B2A;
    color: white;
}

.lsst-creditcard-feature1 {
  display: flex;
  align-items: center;
  gap: 69px;
  height: 155px;
  width: 100%;
}

.lsst-creditcard-feature1:hover {
    background: #D19B2A;
    color: white;
    border-radius: 20px 20px 0 0;
}

.lsst-creditcard-feature-highlight {
  background-color: #D19B2A;
  color: white;
}

/* Icon styles */
.lsst-creditcard-icon {
width: 70px;
    height: 70px;
    padding: 11px 10px;
    border-radius: 100px;
    display: flex
;
    justify-content: center;
    align-items: center;
    gap: 17px;
    outline-offset: -2px;
    flex-shrink: 0;
    margin: 0px 0 0 35px;
}


.lsst-creditcard-icon1 {
    width: 70px;
    height: 70px;
    padding: 11px 10px;
    display: flex;
    margin: 10px 0 0 35px;
    background: url(https://investnation.com/wp-content/uploads/2025/05/List-→-Item.png) no-repeat scroll 0 0;
    background-size: 55px;
}
.lsst-creditcard-feature1:hover .lsst-creditcard-icon1 {
    background: url(https://investnation.com/wp-content/uploads/2025/06/List-→-Item-6.png) no-repeat scroll 0 0 !important;
    
}

.lsst-creditcard-icon1 {
    width: 70px;
    height: 70px;
    padding: 11px 10px;
    display: flex;
    margin: 10px 0 0 35px;
    background: url(https://investnation.com/wp-content/uploads/2025/05/List-→-Item.png) no-repeat scroll 0 0;
    background-size: 55px;
}

.lsst-creditcard-icon2 {
    width: 70px;
    height: 70px;
    padding: 11px 10px;
    display: flex;
    margin: 10px 0 0 35px;
    background: url(https://investnation.com/wp-content/uploads/2025/05/List-→-Item-1.png) no-repeat scroll 0 0;
    background-size: 55px;
}
.lsst-creditcard-feature:hover .lsst-creditcard-icon2 {
    background: url(https://investnation.com/wp-content/uploads/2025/06/List-→-Item-9.png) no-repeat scroll 0 0 !important;
}

.lsst-creditcard-icon3 {
    width: 70px;
    height: 70px;
    padding: 11px 10px;
    display: flex;
    margin: 10px 0 0 35px;
    background: url(https://investnation.com/wp-content/uploads/2025/05/List-→-Item-2.png) no-repeat scroll 0 0;
    background-size: 55px;
}
.lsst-creditcard-feature:hover .lsst-creditcard-icon3 {
    background: url(https://investnation.com/wp-content/uploads/2025/06/List-→-Item-11.png) no-repeat scroll 0 0 !important;
}

.lsst-creditcard-icon4 {
    width: 70px;
    height: 70px;
    padding: 11px 10px;
    display: flex;
    margin: 10px 0 0 35px;
    background: url(https://investnation.com/wp-content/uploads/2025/06/List-→-Item-5.png) no-repeat scroll 0 0;
    background-size: 55px;
}
.lsst-creditcard-feature:hover .lsst-creditcard-icon4 {
    background: url(https://investnation.com/wp-content/uploads/2025/06/List-→-Item-7.png) no-repeat scroll 0 0 !important;
}

.lsst-creditcard-icon5 {
    width: 70px;
    height: 70px;
    padding: 11px 10px;
    display: flex;
    margin: 10px 0 0 35px;
    background: url(https://investnation.com/wp-content/uploads/2025/05/List-→-Item-3.png) no-repeat scroll 0 0;
    background-size: 55px;
}
.lsst-creditcard-feature:hover .lsst-creditcard-icon5 {
    background: url(https://investnation.com/wp-content/uploads/2025/06/List-→-Item-8.png) no-repeat scroll 0 0 !important;
}

.lsst-creditcard-icon6 {
    width: 70px;
    height: 70px;
    padding: 11px 10px;
    display: flex;
    margin: 10px 0 0 35px;
    background: url(https://investnation.com/wp-content/uploads/2025/05/List-→-Item-4.png) no-repeat scroll 0 0;
    background-size: 55px;
}
.lsst-creditcard-feature:hover .lsst-creditcard-icon6 {
    background: url(https://investnation.com/wp-content/uploads/2025/06/List-→-Item-10.png) no-repeat scroll 0 0 !important;
}

/* .lsst-creditcard-icon.lsst-creditcard-default {
  outline: 2px #D19B2A solid;
  color: #D19B2A;
}

.lsst-creditcard-icon.lsst-creditcard-variant2 {
  outline: 2px #d19b2a solid;
  color: #d19b2a;
} */

/* FontAwesome icon container */
.lsst-creditcard-fa-icon {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 32px;
  line-height: 37px;
  display: flex;
  justify-content: center;
  color: inherit;
  word-wrap: break-word;
}

/* Text block */
.lsst-creditcard-text-block {
display: flex;
    align-items: center;
}

.lsst-creditcard-highlight-text {
  color: white;
}

.lsst-creditcard-title {
  font-family: BaskervilleSerial, serif;
  font-weight: 600;
  font-size: 36px;
  line-height: 43.2px;
  color: inherit;
  margin: 0 0 8px 0;
  word-wrap: break-word;
  width: 35%;
}

.lsst-creditcard-description {
      font-weight: 400;
    font-size: 16px;
    line-height: 27.2px;
    /* color: #333333; */
    max-width: 35%;
    margin: 0;
    word-wrap: break-word;
    text-align: left;
}

/* .lsst-creditcard-description:hover {
    color: #fff;
} */

.lsst-creditcard-description-wh{
      font-weight: 400;
    font-size: 16px;
    line-height: 27.2px;
    color: #ffffff;
    max-width: 35%;
    margin: 0;
    word-wrap: break-word;
    text-align: left;
}

/* Divider */
.lsst-creditcard-divider {
  width: 100%;
  border-top: 1px solid #B4BFCC;
  margin: 0;
}

.lsst-creditcard-transparent-divider {
  opacity: 0;
}

.cc-header-top{
  margin-top: -120px;
  background: white;
  border-radius: 20px;
}


.credit-limit-section {
  padding: 0 45px 45px;
  background-image: url('https://investnation.com/wp-content/uploads/2025/05/Rectangle-16.png');
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.credit-limit-container {
  width: 100%;
  height: 100%;
  background-color: #333333;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  background-image: url('https://investnation.com/wp-content/uploads/2025/05/Vector.png');
}

.credit-limit-content {
  width: 60%;
  text-align: center;
  padding-top: 40px;
}

.credit-limit-heading {
 color: var(--color-white-solid, white);font-size: 46px;font-weight: 700;line-height: 62px;word-wrap: break-word
}

.credit-limit-heading-yl {
 color: #D19B2A;font-size: 46px;font-weight: 700;line-height: 62px;word-wrap: break-word
}

.text-white {
  color: white;
}

.text-gold {
  color: #D19B2A;
}

.credit-limit-bar-wrapper {
  width: 400px;justify-content: flex-start;align-items: flex-end;display: inline-flex;flex-direction: column-reverse;
}

.credit-limit-bar-background {
  flex: 1 1 0;height: 26px;background: #7D838F;border-radius: 15px;flex-direction: row;justify-content: flex-start;align-items: flex-start;gap: 52px;display: inline-flex;
}

.credit-limit-bar-fill {
  width: 370px;height: 22px;background: #F39C12;border-radius: 30px;
}

.credit-limit-percentage {
  padding: 6px;position: relative;background: #F39C12;border-radius: 6px;bottom: 14px;
}

.percentage-text {
  justify-content: center;display: flex;flex-direction: column;color: white;font-size: 18px;font-weight: 600;word-wrap: break-word
}

.percentage-arrow {
   position: absolute;
    width: 13px;
    bottom: -10px;
    left: 20px;
}

.credit-limit-subtext {
  width: 55%;text-align: center;color: var(--color-white-solid, white);font-size: 25px;font-weight: 400;line-height: 48px;padding-bottom: 30px;
}



 .steps-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
      padding: 20px;
    }

    .step-card {
      background: white;
      border-radius: 10px;
      box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 360px;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 30px 20px;
      position: relative;
    }

    .step-card-insurance {
      background: white;
      border-radius: 10px;
      box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 360px;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 30px 20px;
      position: relative;
      background: url(https://investnation.com/wp-content/uploads/2025/07/insuranceimg4.png);
      width: 100%;
      height: 220px;
      background-repeat: no-repeat;
      background-position: center 55px;
      background-size: 80px !important;
    }

    .step-card-insurance:hover {
      background: #0b4369 url(https://investnation.com/wp-content/uploads/2025/08/insuranceimg1wh.png) !important;
      color: white;
      background-repeat: no-repeat !important;
      background-position: center 55px !important;
      background-size: 80px !important;
    }

    .step-card-insurance2 {
      background: white;
      border-radius: 10px;
      box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 360px;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 30px 20px;
      position: relative;
      background: url(https://investnation.com/wp-content/uploads/2025/07/insuranceimg5.png);
      width: 100%;
      height: 220px;
      background-repeat: no-repeat;
      background-position: center 40px;
      background-size: 80px !important;
    }

    .step-card-insurance2:hover {
      background: #0b4369 url(https://investnation.com/wp-content/uploads/2025/08/insuranceimg2wh.png) !important;
      color: white;
      background-repeat: no-repeat !important;
      background-position: center 40px !important;
      background-size: 80px !important;
    }

    .step-card-insurance3 {
      background: white;
      border-radius: 10px;
      box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 360px;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 30px 20px;
      position: relative;
      background: url(https://investnation.com/wp-content/uploads/2025/07/insuranceimg6.png);
      width: 100%;
      height: 220px;
      background-repeat: no-repeat;
      background-position: center 40px;
      background-size: 80px !important;
    }

    .step-card-insurance3:hover {
      background: #0b4369 url(https://investnation.com/wp-content/uploads/2025/08/insuranceimg3wh.png) !important;
      color: white;
      background-repeat: no-repeat !important;
      background-position: center 40px !important;
      background-size: 80px !important;
    }
    .step-description-insurance {
        font-size: 16px;
        line-height: 1.7;
        text-align: center;
        max-width: 300px;
        position: relative;
        top: 100px;
    }

    .step-number-top{
      display: flex;
    justify-content: center;
    gap: 0px;
    padding: 80px 0 0 0;
    height: 160px;
    }

    .step-number {
          background: #D19B2A;
    color: white;
    font-size: 32px;
    font-weight: 700;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -35px;
    z-index: 1;
    }

    .step-icon {
      /* width: 50px;
      height: 50px; */
      margin: 20px 0;
      position: relative;
      /* placeholder styling */
      /* border: 2px solid #D19B2A;
      border-radius: 10px; */
    }

    .step-title {
      font-size: 24px;
      font-weight: 700;
      text-align: center;
      color: #00180F;
      margin-bottom: 10px;
      font-family: 'Raleway', sans-serif;
    }

    .step-description {
      font-size: 16px;
      line-height: 1.7;
      color: #333;
      text-align: center;
      max-width: 300px;
    }




    .cc-apply-section {
  width: 100%;
  background: linear-gradient(312deg, #f8f3e8 0%, #edd7aa 100%);
  border-radius: 30px;
  overflow: hidden;
      padding: 30px 30px 0px;
  box-sizing: border-box;
}

.cc-apply-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.cc-apply-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  width: 100%;
}

.cc-apply-text {
  flex: 1;
  max-width: 600px;
      padding: 70px 0 0 70px;
}

.cc-apply-text h1 {
  font-family: 'BaskervilleSerial', serif;
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 1rem;
  color: #333;
}

.cc-apply-text .highlight {
  color: #d19b2a;
}

.cc-apply-text p {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #333;
}

.cc-apply-subtext {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  margin: 1.5rem 0 1rem;
  color: #333;
}

.cc-apply-buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.btn-card {
  width: 250px;
  height: 60px;
  border-radius: 18px;
  background: black;
  position: relative;
  border: 1px solid #a6a6a6;
}

.google-pay::before {
  content: '';
  position: absolute;
  background: url('https://upload.wikimedia.org/wikipedia/commons/5/5b/Google_Pay_Logo.svg') no-repeat center;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.apple-pay::before {
  content: '';
  position: absolute;
  background: url('https://upload.wikimedia.org/wikipedia/commons/f/fa/Apple_logo_black.svg') no-repeat center;
  background-size: 40px;
  width: 100%;
  height: 100%;
}

.cc-apply-image-wrapper {
  flex: 1;
  position: relative;
  max-width: 700px;
}

.bg-tilted-box {
position: absolute;
    width: 73%;
    height: 100%;
    background: #333;
    border-radius: 30px;
    transform: rotate(-8deg);
    top: 200px;
    left: 35px;
    z-index: 0;
}

.bg-tilted-box-help {
    position: absolute;
    width: 92%;
    height: 65%;
    background: #333;
    border-radius: 30px;
    transform: rotate(-8deg);
    top: 104px;
    left: -28px;
    z-index: 0;
}

.cc-apply-image {
  position: relative;
  width: 90%;
  max-width: 100%;
  height: auto;
  z-index: 1;
}

.cc-apply-links {
 display: flex
;
    justify-content: space-between;
    gap: 30px;
    margin: 35px 0px 100px 0;
    flex-wrap: wrap;
}

.apply-links-creditcard-icon {
    width: 70px;
    height: 70px;
    padding: 11px 10px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 17px;
    outline-offset: -2px;
    flex-shrink: 0;
    /* margin: 0px 0 0 35px; */
}


.link-card {
  flex: 1;
  background: #d19b2a;
  color: white;
  border-radius: 15px;
  padding: 1.5rem;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0rem;
  min-width: 200px;
}

.link-icon {
  font-size: 2rem;
  border: 1px solid white;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}




/* insurance-style.css */

.page-title-insurance{
  width: 100%;
    text-align: center;
    font-size: 55px;
    color: #112C59;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    font-weight: 600;
    padding: 30px 20%;
}
.page-title-insurance-bottom {
    width: 100%;
    font-size: 48px;
    color: #ffffff;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    font-weight: 600;
}
.sub-page-title-insurance{
  width: 100%;
  float: left;
  font-size: 34px;
  color: #333333;
  margin-bottom: 20px;
  position: relative;
  font-weight: 600;
  z-index: 1;
}
.page-title-insurance span{
  color: #d19b2a;
}
.page-title-insurance img{
     width: auto;
     max-width: 180px;
     margin-top: -10px;
}
.page-title-insurance-desc{
  width: 100%;
  float: left;
  font-size: 16px;
  margin-bottom: 20px;
}
    .insurance-apply-section {
width: 100%;
    background: radial-gradient(ellipse 108.92% 218.24% at 76.10% 19.56%, rgba(0, 155, 218, 0.80) 0%, rgba(0, 155, 218, 0.45) 50%, rgba(0, 155, 218, 0) 100%), linear-gradient(315deg, rgba(0, 0, 0, 0.60) 0%, rgba(255, 255, 255, 0) 100%), #00426A;
    background-blend-mode: normal, soft-light, normal;
    border-radius: 30px;
    overflow: hidden;
    padding: 30px 0 30px 0px;
    box-sizing: border-box;
    margin-bottom: 58px;
}

.insurance-apply-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.insurance-coverage-desc {
    padding: 0 20% 5%;
    text-align: center;
}

.insurance-app-connect-wpr {
    width: 100%;
    float: left;
    display: flex;
    margin: 50px 0;
    gap:20px;
}

.insurance-apply-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  width: 100%;
}

.insurance-apply-text {
  flex: 1;
  max-width: 600px;
      padding: 70px 0 0 70px;
}

.insurance-apply-text h1 {
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 1rem;
      color: #ffffff;
}

.insurance-apply-text .highlight {
  color: #d19b2a;
}

.insurance-apply-text p {
  font-size: 1.2rem;
  line-height: 1.6;
      color: #ffffff;
}

.insurance-apply-subtext {
  font-weight: 700;
  font-size: 1.2rem;
  margin: 1.5rem 0 1rem;
      color: #ffffff;
}

.insurance-apply-buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.insurance-apply-image-wrapper {
  flex: 1;
  position: relative;
  max-width: 700px;
}

.insurance-bg-234 {
  background: radial-gradient(ellipse 108.92% 218.24% at 76.1% 19.56%, rgba(0,155,218,0.8) 0, rgba(0,155,218,0.45) 50%, rgba(0,155,218,0) 100%),
              linear-gradient(315deg, rgba(0,0,0,0.6) 0, rgba(255,255,255,0) 100%),
              #00426a;
  background-blend-mode: normal, soft-light, normal;
}

.insurance-flex-234 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 4% 0% 10% 2%;
  box-sizing: border-box;
}

.insurance-logo-234 {
  position: relative;
  text-align: start;
  top: 0;
}

.insurance-img-234 {
  max-width: 130px;
}

.insurance-text-234 {
  position: relative;
  text-align: left;
  color: white;
}

.insurance-heading-234 {
  font-size: 80px;
  line-height: 70px;
  font-weight: 700;
  margin: 90px 0 30px 0;
  color: white;
}

.insurance-list-234 {
  list-style: none;
  padding: 0;
  font-size: 20px;
  line-height: 27px;
}

.insurance-icon-234 {
  max-width: 18px;
  margin-right: 10px;
}

.insurance-subtext-234 {
  font-size: 20px;
  margin-top: 45px;
}

.insurance-offer-234 {
  position: relative;
  text-align: center;
  width: 48%;
}

.insurance-img-main-234 {
  /* max-width: 320px; */
  margin: 35px 0 10px 0;
}

.insurance-discount-234 {
  font-size: 30px;
  color: #fff;
  font-weight: 500;
}

.insurance-car-img-234 {
  width: 50%;
  top: 0px;
  position: relative;
}

.insurance-car-inner-234 {
  position: absolute;
    top: 45%;
    right: 0;
    width: 70%;
}

@media (max-width:768px) {

  .insurance-heading-234 {
    font-size: 60px;
    line-height: 55px;
     margin: 30px 0;
}
.insurance-subtext-234 {
    font-size: 15px;
    margin-top: 20px;
}
.insurance-list-234 {
    list-style: none;
    padding-left: 15px;
    font-size: 16px;
    line-height: 20px;
}
  .insurance-flex-234 {
      flex-direction: column;
      flex-wrap: wrap;
      align-content: center;
          align-items: center;
          padding: 12% 0% 60% 2%;
  }
  .insurance-car-img-234 {
      max-width: 100%;
      display: contents;
  }
  .page-title-insurance{
        font-size: 48px !important;
    padding: 30px 0% !important;
  }
  .insurance-coverage-desc {
    padding: 0 5% 5% !important;
  }
  .insurance-apply-content {
    flex-wrap: nowrap !important;
    flex-direction: column !important;
  }
  .insurance-car-inner-234 {
    position: absolute;
    top: 101%;
    right: 0;
    width: 65%;
}
.insurance-discount-234 {
    font-size: 20px !important;
}
  .insurance-offer-234 {
    width: 75%;
}
  .insurance-apply-text {
    padding: 70px 0 0 15px !important;
}
.insurance-app-con