body{ font-family: "Poppins", sans-serif;}
p{padding: 0; margin: 0;}
h1,h2,h3,h4,h5{ padding: 0;margin: 0;}
.top-heading{ display: flex; position: relative;}
.top-heading-inner{ max-width: 1180px; width: 100%; margin: 0 auto; padding: 30px 0;}
.top-heading-inner h3{ font-weight: 700; font-size: 20px; color: #286FB4; position: relative; padding-bottom: 0px;}
.top-heading-inner h3::after{ position: absolute; content: ""; left: 0; top: 16px; width: 100%; height: 1px; background: #000;}
.top-heading-inner span {
    background: #fff;
    position: relative;
    z-index: 1;
    display: inline-block;
    padding-right: 20px;
}
.top-heading-inner h2{ font-weight: 700; font-size: 30px; color: #286FB4; position: relative; padding-bottom: 20px;}
.top-cl-main{ display: flex;}
.top-cl-main p{ font-weight: 500; font-size: 14px; color: #2E3A45; position: relative; padding-bottom: 20px;}
.top-right img {
    max-width: 100%;
    border-radius: 30px;
    object-fit: cover;
}
.top-left {
    width: 70%;
    display: flex;
    flex-direction: column;
    padding-right: 30px;
}
.top-cl-main p {
    font-weight: 500;
    font-size: 14px;
    color: #2E3A45;
    position: relative;
    padding-bottom: 20px;
    text-align: justify;
    padding-right: 30px;
}

.top-left a{
    background: #DF4C73;
    border-radius: 25px;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    text-align: center;
    display: inline;
    text-transform: uppercase;
    font-weight: 600;
}
.ask-div{ display: flex; padding: 20px 0;}
.main-heading{ width: 100%; display: flex; padding-top: 20px;}
.main-slider{ max-width: 1180px; width: 100%; margin: 0 auto;}
.main-slider h2{ font-weight: 700; font-size: 30px; color: #286FB4; position: relative; padding-bottom: 30px;}
.main-slider h2::after{ position: absolute; content: ""; left: 0; top: 25px; width: 100%; height: 1px; background: #000;}
.banner{ width: 100%;}
.main-slider span {
    background: #fff;
    position: relative;
    z-index: 1;
    display: inline-block;
    padding-right: 20px;
}
.banner img{ max-width: 100%;}
.main-slider .item {
    position: relative;
}
.main-slider .video-arrow{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer;}
.main-slider .owl-dots{ display: none;}
.main-slider .owl-nav {
    position: absolute;
    width: 100%;
    top: 28%;

}
.main-slider .owl-nav .owl-prev {
    position: absolute;
    left: 0;
}
.main-slider .owl-nav .owl-prev span {
    background: url("/themes/investindia/image/article/arrow-left.png") left center no-repeat;
    height: 50px;
    width: 30px;
    position: absolute;
    left: -22px;
    font-size: 0;
    background-size: 100%;
    padding-right: 0;
}
.main-slider .owl-nav .owl-next {
    position: absolute;
    right: 0px;
}
.main-slider .owl-nav .owl-next span {
    background: url("/themes/investindia/image/article/arrow-right.png") left center no-repeat;
    height: 50px;
    width: 30px;
    position: absolute;
    right: -31px;
    font-size: 0;
    background-size: 100%;
    padding-right: 0;
}
.heading-accordion{width: 100%; display: flex; padding-top: 50px;}
.accordion-inner{max-width: 1180px; margin: 0 auto; width: 100%;}

.accordion .accordion-item {
    border: 1px solid #A1BED1;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 50px;
}
  /* .accordion .accordion-item button[aria-expanded=true] {
    border-bottom: 1px solid #03b5d2;
  } */
  .accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    color: #7288a2;
    font-size: 1.15rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
  }
  /* .accordion button:hover, .accordion button:focus {
    cursor: pointer;
    color: #03b5d2;
  } */
  .accordion button:hover::after, .accordion button:focus::after {
    cursor: pointer;
    color: #03b5d2;
    border: 1px solid #03b5d2;
  }
  /* .accordion button .accordion-title {
    padding: 1em 1.5em 1em 0;
  } */
  .accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 23px;
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #df4c73;
    border-radius: 22px; background: #df4c73; cursor: pointer;
  }
  .accordion button .icon::before {
    display: block;
    position: absolute;
    content: "";
    top: 9px;
    left: 6px;
    width: 10px;
    height: 2px;
    background: #fff;
  }
  .accordion button .icon::after {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 10px;
    width: 2px;
    height: 10px;
    background: #fff;
  }
  .accordion button[aria-expanded=true] {
    color: #03b5d2;
  }
  .accordion button[aria-expanded=true] .icon::after {
    width: 0;
  }
  .accordion button[aria-expanded=true] + .accordion-content {
    opacity: 1;
    max-height: 60em;
    transition: all 200ms linear;
    will-change: opacity, max-height;
  }
  .policy-one {
    width: 47%;
    display: inline-block;
    padding-right: 30px;
    margin-bottom: 20px;
}
.policy-one h4{ font-size: 18px; color: #3D3F42; font-weight: 600; padding-bottom: 20px;}
.policy-one li {
    font-size: 14px;
    color: #2E3A45;
    font-weight: 400;
    padding-left: 14px; position: relative;
}
.policy-one li::before{ background: url("/themes/investindia/image/article/sm-aro.png") left center no-repeat; content: ""; left: 0; top: 8px; width: 10px; height: 9px; position: absolute;}
.policy-one ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
  .accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
  }
  .accordion .accordion-content p {
    margin: 2em 0;
    font-size: 14px;
    color: #2E3A45;
    font-weight: 500;
    line-height: 23px;
}
.heading-accordion .accordion-item h2 span {
  padding-left: 0;
}
.heading-accordion .accordion-content li {
  list-style: inside;
  padding-left: 2px;
}
  .accordion-item h2{ position: relative;}

  .accordion-item span{ font-weight: 700; font-size: 30px;  font-family: 'Poppins'; color: #286FB4; position: relative; padding-bottom: 0px; background: #fff; z-index: 1;}
  .accordion-item h2::after{ position: absolute; content: ""; left: 0; top: 18px; width: 100%; height: 0.7px; background: #A1BED1;}
  .table-tb {
    background: #286FB4;
    border-radius: 20px;
    padding: 10px;
}
.table-tb table{ width: 100%;  border-collapse: collapse;}
.table-tb table tr{ text-align: left;}
.table-tb table th{ color: #fff; font-weight: 400; font-size: 14px; text-transform: uppercase; padding-left: 10px;}
.table-tb table tbody{ background: #E2F0F9; border-radius: 2px;}
.table-tb table tbody tr:nth-child(2n){
    background: #fff; color: #4D4F52;
}
.table-tb table tbody tr td{ font-size: 14px; padding: 5px 10px;}
.table-tb table tbody tr td{ position: relative;}
.table-tb table tbody tr td::after {
    background: #A1BED1;
    content: "";
    width: 1px;
    height: 19px;
    position: absolute;
    right: 10px;
    top: 23%;
}
.table-tb table tbody tr td:nth-child(2n)::after{ display: none;}

.table-tb table thead tr th{ position: relative;}
.table-tb table thead tr th::after {
    background: #fff;
    content: "";
    width: 1px;
    height: 19px;
    position: absolute;
    right: 10px;
    top:0;
}
.table-tb table thead tr th:nth-child(2n)::after{ display: none;}

.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
}
.popup-content {
    position: relative;
    margin: 10% auto;
    padding: 20px;
    width: 80%;
    max-width: 700px;
    background-color: #fff;
    border-radius: 8px;
}
#closePopupBtn1 {
    position: absolute;
    top: 7px;
    right: 12px;
    font-size: 20px;
    cursor: pointer;
    z-index: 99;
    background: #ccc;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    padding-left: 9px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner-bg {
  background-color: #E2F0F9 !important;
  position: relative;
  overflow: hidden; }
 .banner-bg:after {
    content: '';
    width: 990px;
    height: 990px;
    position: absolute;
    background: url(/themes/investindia/image/article/Frame-1.svg) no-repeat right top/contain;
    right: -15%;
    top: -45%;
    display: block;
    opacity: 0.37;
    will-change: transform;
    z-index: 0; }
.banner-innee{ 
  margin: 0 auto; max-width: 1170px; width: 100%;
}
.banner-main {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;

}
.banner-innee span {
  color: #286FB4;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1; padding-left: 3px;
}
.banner-innee h1 {
  font-size: 80px !important;
  text-transform: uppercase !important;
  color: #286FB4 !important;
  line-height: 1 !important;
}
.banner-innee p {
  color: #2E3A45;
  font-size: 16px !important;
  font-weight: 500; padding-left: 3px;
}
.banner-main{ position: relative; overflow: hidden;}
.grid-cl p {
    font-size: 12px;
    font-weight: 400;
    padding-top: 0;
}.grid-cl h3 {
    margin-bottom: 10px;
}
#demos .owl-stage-outer{ overflow: inherit !important;}
.page-node-type-article-v2 #main-wrapper{ background: #fff;}
/* #demos .owl-stage-outer .owl-item {
  padding: 0 20px;
  margin: 0 !important;
} */

.main-slider .item {
  position: relative;
  width: 348px;
}
#demos .owl-stage-outer {
  overflow: inherit !important;
  padding: 0 20px;
}
.videocl {
  position: relative;
}
.videocl:after {
  background: #000;
  height: 177px;
  position: absolute;
  width: 100%;
  content: "";
  top: 0;
  border-radius: 10px;
  opacity: 0.5;
}

@media only screen and (max-width: 990px) {
  .banner-innee h1 {
    font-size: 54px !important;
  }
}
@media only screen and (max-width: 767px) {
  .banner-innee h1 {
    font-size: 48px !important;
  }
  .banner-innee span {
    font-size: 28px !important;
  }
  #demos .owl-stage-outer{ padding: 0;}
  .main-slider .item {
    position: relative;
    width: 100%;
}

  .heading-accordion .accordion-inner .accordion-item span{ font-size: 25px;}
  .top-cl-main {
    display: flex;
    flex-direction: column;
}
.top-left {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-right: 0;
}
.top-cl-main p {
  padding-right: 0; padding-bottom: 0;
}
  .accordion button[aria-expanded=true] + .accordion-content {
    opacity: 1;
    max-height: 100%;
    transition: all 200ms linear;
    will-change: opacity, max-height;
}
    .policy-one {
    width: 100%;
}
    .main-slider .owl-nav .owl-prev span {
    left: -23px;

}
    .main-slider .owl-nav .owl-next span {
    right: -24px;

}
    .main-slider .owl-nav {
    position: absolute;
    width: 100%;
    top: 30%;
}
.banner-bg {
      padding-top: 53px; }
  .banner-bg[style*="background-image"]:after {
    display: none; }

    .class-article .banner-innee h1 {
      font-size: 40px !important;
  }
  .class-article .banner-innee span {
    font-size: 22px;
}
.class-article .banner-innee p {
  color: #2E3A45;
  font-size: 14px !important;
  font-weight: 500;
  opacity: inherit !important;
}
.top-heading {
  display: flex;
  position: relative;
  padding: 0 20px;
}
.main-heading {
  width: 100%;
  display: flex;
  padding-top: 20px;
  padding: 0 20px;
  box-sizing: border-box;
}
.heading-accordion {
  width: 100%;
  display: flex;
  padding:50px 20px 0 20px;
}
.main-slider .owl-nav .owl-prev span {
  width: 33px;
}
.main-slider .owl-nav .owl-next span {
  width: 33px;
}

.videocl:after {
  background: #000;
  height: 171px;
  position: absolute;
  width: 100%;
  content: "";
  top: 0;
  border-radius: 10px;
  opacity: 0.5;
}
}
@media only screen and (min-width: 1200px) {
  .banner-bg {
    padding-top: 95px; } }
 @media only screen and (min-width: 1024px) {
    .banner-sub-title {
      font-size: 18px; } }

.nobanner .banner-bg + div {
  padding-top: 20px; }
  @media only screen and (min-width: 1024px) {
    .nobanner .banner-bg + div {
      padding-top: 25px; } }




@keyframes highlight {
  from {
    transform: scale(1) translateZ(0);
    -webkit-transform: scale(1) translateZ(0); 
  }
  20% {
    transform: scale(1.1) translateZ(0);
    -webkit-transform: scale(1.1) translateZ(0); 
  }
  40% {
    transform: scale(1.2) translateZ(0);
    -webkit-transform: scale(1.2) translateZ(0); 
  }
  60% {
    transform: scale(1.2) translateZ(0);
    -webkit-transform: scale(1.2) translateZ(0); 
  }
  80% {
    transform: scale(1.1) translateZ(0);
    -webkit-transform: scale(1.1) translateZ(0); 
  }
  to {
    transform: scale(1) translateZ(0);
    -webkit-transform: scale(1) translateZ(0); 
  } 
}