.header .menu > ul > li.menu-item-has-children a::before,
ul.topheader-main li.rotate-arrow a::before {
  width: 6px;
  height: 6px;
  background: 0 0;
  top: 37%;
  transform: rotate(45deg);
  transition: .5s ease-in-out;
  content: ''
}

.csr_content_wrap a,
.modal_send_otp,
.otp-number .change-number,
.view-plans {
  text-decoration: underline
}

.header .menu > ul > li .sub-menu > ul > li > a:hover,
.sec_4_start_btn .know_more_about-us:hover,
.select-menu .options .option.selected_option .option-text,
.select-menu .options .option:hover .option-text,
.topheader-main .top_head_dropdown_grid li a:hover,
span.fontc_primary {
  color: #C91429
}



.header .menu > ul > li .sub-menu,
.top_head_dropdown_grid {
  z-index: 500;
  padding: 20px;
  transition: .5s;
  margin-top: 25px;
  opacity: 0;
  visibility: hidden;
  position: absolute
}

.top_head_dropdown_grid {
  top: 100%;
  border-radius: 12px;
  border: 1px solid #ededed;
  background: #fff;
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .05);
  width: 715px;
  height: auto;
  right: -150%;
  display: grid;
  grid-template-columns: auto auto auto auto
}

  .calc_content_Wrapper,
  .canvas_doughnut_chart,
  .check-box-box,
  .fea-item,
  .ff_item_content,
  .financial-freedom-slider1 .swiper-pagination,
  .financial-freedom-slider2 .swiper-pagination,
  .financial-freedom-slider3 .swiper-pagination,
  .financial-freedom-slider4 .swiper-pagination,
  .homepage-banner,
  .input-field-box.input-effect,
  .left_panel_accrd .accordionWrapper .accordionItem.open,
  .magic_line_tabs_filter,
  .metaverse_form.metaverse_form_new,
  .overlay-top-content,
  .position-relative-xm,
  .prduct-img-mb,
  .scroll-arrow-box,
  .slider-btns-wrapper,
  .support_yello_bg,
  .top_head_dropdown_grid ul,
  .top_head_has_Drop,
  .waves-line,
  [id^=canvas] {
    position: relative
  }

.check-box-box {
  position: relative;
}

/* 
ul.topheader-main .top_head_dropdown_grid li a {
    color: #111;
    font-family: var(--dev_med);
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    display: inline-flex;
    padding: 20px 0 0
}

.top_head_has_Drop:hover .top_head_dropdown_grid {
    opacity: 1;
    visibility: visible;
    margin-top: 0
} */

.financial-freedom-slider1 .swiper-pagination-bullet-active,
.financial-freedom-slider2 .swiper-pagination-bullet-active,
.financial-freedom-slider3 .swiper-pagination-bullet-active,
.financial-freedom-slider4 .swiper-pagination-bullet-active,
.meta_modal_btn .know_more_about-us,
ul.topheader-main > li > a:hover {
  background: #C91429
}

ul.topheader-main .top_head_has_Drop a {
  padding: 10px 30px 10px 10px
}

.top_head_dropdown_grid ul:before {
  position: absolute;
  content: '';
  right: 20px;
  top: 0;
  height: 143px;
  width: 1px;
  background: #eaeaea
}

.cal_custom_drop2 .option.selected_option:after,
.check-box-filter,
.contactus-stepper-wrapper .form-step2,
.csr_swiper_arrows_wrapper .swiper-button-next:after,
.csr_swiper_arrows_wrapper .swiper-button-prev:after,
.csr_swiper_arrows_wrapper .swiper-rtl .swiper-button-next:after,
.csr_swiper_arrows_wrapper .swiper-rtl .swiper-button-prev:after,
.dark-ul li:last-child .dark-box-item::before,
.form-step-heading,
.form-step3,
.header .menu > ul > li .single-column-menu a::before,
.hide,
.left_panel_accrd .accordionItem.close .icon-mb,
.left_panel_accrd .open .accordionItemHeading .open-arrow-a,
.mob-right-menu,
.mob_dropDown,
.mobile-menu-div,
.mobile-menu-head,
.mobile-menu-trigger,
.mobile-view,
.nav-slider .swiper-button-next:after,
.nav-slider .swiper-button-prev:after,
.noUi-handle:after,
.noUi-handle:before,
.right-panel-cotent .filter_ff1,
.right-panel-cotent .filter_ff2,
.right-panel-cotent .filter_ff4,
.select-hide,
.solution-inner-form .solInner-stepForm .form-step,
.swiper-button-np.swiper-button-next:after,
.swiper-button-np.swiper-button-prev:after,
.to-help-stepper-form-mb .form,
.top_head_dropdown_grid ul:last-child:before,
.waves-inteeface .active .play,
.waves-inteeface .interface-wave-length:first-child,
.waves-inteeface .interface-wave-length:nth-child(2),
.waves-inteeface .interface-wave-length:nth-child(3),
.waves-inteeface .interface-wave-length:nth-child(4),
.waves-inteeface .interface-wave-length:nth-child(5),
.waves-inteeface .interface-wave-length:nth-child(6),
.waves-inteeface .interface-wave-length:nth-child(7),
.waves-inteeface .pause,
ul.topheader-main li.rotate-arrow .top_head_dropdown_grid ul li a:before {
  display: none
}

.right-panel-cotent .filter_ff3 {
  display: none;
}

  .right-panel-cotent .filter_ff3.show {
    display: block;
  }



/* span.dropdow_head {
    font-family: var(--dev_med);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    color: #d68d87
} */

.header-container {
  max-width: 100%;
  margin: auto
}

header .row {
  display: flex;
  flex-wrap: wrap
}

.v-center {
  align-items: center
}

.header,
.header-top {
  display: block;
  width: 100%;
  position: relative;
  z-index: 99
}

  .header .item-left {
    flex: 0 0 12%
  }

.header-item.item-left .logo img {
  max-width: 200px
}

.header .logo a {
  font-size: 30px;
  color: #000;
  font-weight: 700;
  text-decoration: none
}

.header .item-center {
  flex: 0 0 48%
}

.header .item-right {
  flex: 0 0 40%;
  display: flex;
  justify-content: flex-end
}

  .header .item-right a {
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    display: inline-block;
    transition: color .3s;
    font-family: var(--dev_med);
    display: flex;
    align-items: center;
    padding: 0 15px;
    border-right: 1px solid #8d1218
  }

.header .menu > ul > li {
  display: inline-block;
  line-height: 50px;
  padding: 0 30px;
  margin: 0
}

  .header .menu > ul > li > a {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    color: #fff;
    position: relative;
    /*text-transform: capitalize;*/
    transition: color .3s;
    font-family: var(--dev_med)
  }

  .header .menu > ul > li.menu-item-has-children a::before {
    position: absolute;
    right: -15px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0
  }

  .header .menu > ul > li .sub-menu {
    background-color: #fff;
    box-shadow: 4px 4px 16px 0 #0000000D;
    font-family: var(--dev_med);
    top: 85%;
    border-radius: 12px
  }

  .header .menu > ul > li.menu-item-has-children:hover a::before {
    transition: .5s ease-in-out;
    transform: rotate(225deg);
    top: 50%
  }

ul.topheader-main li.rotate-arrow a::before {
  position: absolute;
  right: 15px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0
}

ul.topheader-main > li.rotate-arrow:hover a::before {
  transition: .5s ease-in-out;
  transform: rotate(225deg);
  top: 45%
}

.header .item-right a:nth-child(4) {
  border-right: 0;
  padding-right: 0
}

.bg-red,
.header-bottom-bg,
.homepage-banner .verified {
  background: #c91429 !important
}

.padding-5 {
  padding: 0 5%
}

.header-top {
  background: #ac161d
}

ul.topheader-main {
  display: flex;
  justify-content: end;
  margin: 0
}

  ul.topheader-main li a {
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    font-family: var(--dev_med);
    padding: 10px 20px;
    display: block;
    position: relative
  }

    ul.topheader-main li a.active {
      background: #c91429;
      position: relative
    }

      ul.topheader-main li a.active::after {
        background-size: 100% 100%;
        bottom: -11px;
        content: "";
        left: 0;
        right: 0;
        margin: 0 auto;
        position: absolute;
        z-index: -1;
        background-image: none;
        width: 0;
        height: 0;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-top: 11px solid #c91429;
        font-size: 0;
        line-height: 0;
        float: left
      }

.header-bottom {
  padding-top: 15px;
  padding-bottom: 15px
}

.header_scrolled {
  position: fixed;
  animation-name: header_fadeInUp;
  animation-duration: 1s;
  box-shadow: 0 2px 34px #3a3a3a47;
  top: 0;
  width: 100%
}

@keyframes header_fadeInUp {
  from {
    opacity: 0;
    top: -50px
  }

  to {
    opacity: 1;
    top: 0
  }
}

.cus-container,
.header-inner-con {
  width: 90%;
  margin: 0 auto
}

span.icon-span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 7px
}

li.mobile-menu-li {
  display: none !important
}

@media(min-width:992px) {
  .header .menu > ul > li.menu-item-has-children:hover .sub-menu {
    margin-top: 0;
    visibility: visible;
    opacity: 1
  }
}

.header .menu > ul > li .sub-menu > ul > li {
  line-height: 1
}

  .header .menu > ul > li .sub-menu > ul > li > a {
    display: inline-block;
    padding: 0 0 24px;
    font-size: 16px;
    color: #111;
    transition: color .3s;
    text-decoration: none;
    /*text-transform: capitalize;*/
    font-family: var(--dev_med)
  }

  .experts-section-modal .modal-body,
  .header .menu > ul > li .sub-menu > ul > li:last-child a,
  .myProduct-section-modal.modal .modal-body {
    padding: 0
  }

.header .menu > ul > li .single-column-menu {
  min-width: auto
}

.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li {
  line-height: 1;
  display: block
}

  .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
    padding: 10px 0;
    display: inline-block;
    font-size: 15px;
    color: #555;
    transition: color .3s
  }

.header .menu > ul > li .sub-menu.mega-menu {
  left: 50%;
  transform: translateX(-50%)
}

.header .menu > ul > li .sub-menu.mega-menu-column-4 {
  max-width: 1100px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 15px
}

  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {
    flex: 0 0 25%;
    padding: 0 15px
  }

    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title {
      font-size: 16px;
      color: #ea4636;
      font-weight: 500;
      line-height: 1;
      padding: 10px 0
    }

    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title,
    .step-wrapper-heading-reg .metavers_form_head,
    .step-wrapper-heading-reg .metaverse-paragraph-v2 {
      text-align: center
    }

    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img {
      max-width: 100%;
      width: 100%;
      vertical-align: middle;
      margin-top: 10px;
      height: 300px;
      object-fit: cover
    }

.header .item-right a:hover,
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.header .menu > ul > li:hover > a,
.know_more_about-us.border_solid:hover,
.know_more_about-us.vs_banner_btn:focus {
  color: #fff
}

@media(max-width:991px) {

  .header .menu .mobile-menu-head .go-back,
  .header .menu .mobile-menu-head .mobile-menu-close,
  .header .menu > ul > li > a i {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center
  }

  .contact-number-ul li a,
  .header-item.item-secomdary a,
  .policy-ul li a {
    color: #111;
    font-family: var(--dev_med)
  }

  header .accordion-item:last-of-type,
  header .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 0
  }

  header .accordion-button {
    border-bottom: 1px solid #eaeaea
  }

  header .accordion-item {
    margin: 0 10px;
    border-left: none;
    border-right: none;
    border: none
  }

  header .accordion-button::after {
    background-image: none;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #c91429;
    font-size: 0;
    line-height: 0;
    float: left
  }

  header .accordion-button:focus {
    box-shadow: none;
    background: 0 0;
    border-color: #eaeaea
  }

  header .accordion-button:not(.collapsed) {
    background: 0 0
  }

  .accordion-body.mob_nav_acc_wrapper li a {
    font-family: var(--dev_reg);
    font-size: 16px;
    letter-spacing: 0;
    text-align: left;
    display: flex;
    align-items: center;
    color: #111
  }

    .accordion-body.mob_nav_acc_wrapper li a img {
      max-width: 10px;
      position: relative;
      top: 1px;
      left: 10px
    }

  .header-item.item-left .logo img {
    max-width: 150px
  }

  .profile-icon {
    display: flex;
    margin-right: 18px
  }

  .mob-right-menu {
    display: inline-flex;
    width: 30%;
    justify-content: end;
    align-items: center
  }

  #nav-icon1 {
    width: 25px;
    height: 25px;
    position: relative;
    margin: 5px 6px 0 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer
  }

    #nav-icon1 span {
      display: block;
      position: absolute;
      height: 3px;
      width: 100%;
      background: #fff;
      border-radius: 2px;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out
    }

  .header .menu,
  .menu-overlay {
    left: 0;
    transition: .5s;
    position: fixed
  }

  #nav-icon1 span:first-child {
    top: 3px
  }

  #nav-icon1 span:nth-child(2) {
    top: 10px
  }

  .cus-container,
  .header-inner-con {
    width: 85%;
    margin: 0 auto
  }

  .usefullinks-section .cus-container {
    width: 93%;
  }

  #nav-icon1 span:nth-child(3) {
    top: 17px
  }

  #nav-icon1.open span:first-child {
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
  }

  #nav-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px
  }

  #nav-icon1.open span:nth-child(3) {
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
  }

  .header .item-center {
    order: 3;
    flex: 0 0 100%
  }

  .header .item-left,
  .header .item-right {
    flex: 0 0 auto
  }

  .v-center {
    justify-content: space-between
  }

  .header .mobile-menu-trigger {
    display: flex;
    height: 30px;
    width: 30px;
    margin-left: 15px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding: 0
  }

    .header .mobile-menu-trigger span {
      display: block;
      height: 2px;
      background-color: #fff;
      width: 24px;
      position: relative
    }

  .header .item-right {
    align-items: center
  }

  .header .menu {
    width: 100%;
    background-color: #fff;
    top: 8.7%;
    height: 100%;
    overflow: hidden;
    transform: translate(-100%);
    z-index: 1099;
    border-top: 2px solid #ac161d
  }

    .header .menu.active {
      transform: translate(0)
    }

    .header .menu > ul > li {
      line-height: 1;
      margin: 0;
      display: block
    }

      .header .menu > ul > li > a {
        line-height: 50px;
        height: 50px;
        padding: 0 50px 0 15px;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        color: #000
      }

        .header .menu > ul > li > a i {
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(-90deg)
        }

    .header .menu .mobile-menu-head {
      display: flex;
      height: 37px;
      border-bottom: 1px solid rgba(0, 0, 0, .1);
      justify-content: space-between;
      align-items: center;
      position: relative;
      z-index: 501;
      position: sticky;
      background-color: #ac161d;
      top: 0
    }

      .header .menu .mobile-menu-head .go-back {
        border-right: 1px solid rgba(0, 0, 0, .1);
        cursor: pointer;
        color: #000;
        font-size: 16px;
        display: none
      }

      .accordianNav ul li.active ul,
      .header .menu .mobile-menu-head.active .go-back,
      .header .menu > ul > li .sub-menu.active,
      .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a,
      .header .menu > ul > li .sub-menu > ul > li > a,
      .mobile-menu-div {
        display: block
      }

      .header .menu .mobile-menu-head .current-menu-title {
        font-size: 15px;
        font-weight: 500;
        color: #000
      }

      .header .menu .mobile-menu-head .mobile-menu-close {
        border-left: 1px solid rgba(0, 0, 0, .1);
        cursor: pointer;
        color: #000;
        font-size: 25px
      }

    .header .menu .menu-main {
      overflow-x: hidden;
      overflow-y: auto;
      height: auto;
      display: none
    }

    .header .menu > ul > li .sub-menu,
    .header .menu > ul > li .sub-menu.mega-menu {
      visibility: visible;
      opacity: 1;
      position: absolute;
      box-shadow: none;
      margin: 0;
      padding: 65px 15px 15px;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      max-width: none;
      min-width: auto;
      display: none;
      transform: translateX(0);
      overflow-y: auto
    }

  @keyframes slideLeft {
    0% {
      opacity: 0;
      transform: translateX(100%)
    }

    100% {
      opacity: 1;
      transform: translateX(0)
    }
  }

  @keyframes slideRight {
    0% {
      opacity: 1;
      transform: translateX(0)
    }

    100% {
      opacity: 0;
      transform: translateX(100%)
    }
  }

  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img {
    margin-top: 0
  }

  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title {
    margin-bottom: 20px
  }

  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title {
    margin-bottom: 0
  }

  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {
    flex: 0 0 100%;
    padding: 0
  }

  .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
    margin-bottom: 15px
  }

  .menu-overlay {
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1098;
    visibility: hidden;
    opacity: 0
  }

    .menu-overlay.active {
      visibility: visible;
      opacity: 1
    }

  .accordianNav ul li ul,
  .header .item-right,
  .header-top {
    display: none
  }

  .header-bottom {
    width: 100%;
    position: fixed;
    top: 0
  }

  .header .menu > ul > li.menu-item-has-children a::before {
    border: 2px solid #000;
    border-top: 0;
    border-left: 0
  }

  li.mobile-menu-li {
    display: block !important
  }

  header .item-left {
    width: 65%
  }

  ul.topheader-main li a {
    background: #ac161d;
    font-size: 12px;
    line-height: 15px;
    padding: 10px 21px
  }

  .mobile-menu-div .accr-header {
    font-size: 28px;
    line-height: 33px;
    font-family: var(--dev_med)
  }

  .accr-header.color1 {
    color: #d68d87
  }

  .accr-header.color2 {
    color: #99a26f
  }

  .accr-header.color3 {
    color: #c4a166
  }

  .accr-header.color4 {
    color: #c7222a
  }

  .header-item.item-secomdary {
    display: flex;
    justify-content: space-around;
    gap: 5px;
    margin-top: 30px
  }

    .header-item.item-secomdary a {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 14px;
      font-weight: 600
    }

  .contact-number-ul li a {
    font-size: 16px;
    line-height: 19px;
    background: #c914291A;
    padding: 10px 30px;
    display: block;
    margin: 5px 25px;
    text-align: center;
    border-radius: 7px
  }

  .policy-ul {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 12px
  }

    .policy-ul li a {
      font-size: 12px;
      line-height: 15px;
      text-decoration: underline
    }
}

.bringing-to-content p,
.bringing-to-content p strong {
  font-family: var(--dev_light)
}

.log-imgs {
  margin-right: 5px;
  max-width: 20px
}

.policy-ul li .log-text {
  font-size: 16px;
  line-height: 20px;
  font-family: var(--dev_med);
  font-weight: 500;
  color: #c91429;
  text-decoration: none;
  display: flex
}

.mobile-top-menus {
  margin-bottom: 70px
}

@media screen and (min-width:1200px) {


  .selected_content {
    display: none;
  }

  .input-group-wrapper {
    display: flex;
    gap: 15px;
  }
}

@media screen and (min-width:1200px) and (max-width:1700px) {
  .header .menu > ul > li {
    padding: 0 20px
  }

    .header .menu > ul > li .sub-menu > ul > li > a,
    .header .menu > ul > li > a {
      font-size: 15px
    }

  .header .item-right a {
    font-size: 14px;
    padding: 0 10px
  }

  .header .menu > ul > li .sub-menu {
    top: 85%
  }
}

.financial-heading {
  text-align: center;
  width: 930px;
  margin: 0 auto
}

.metaverse-stepper-reccomended .content-rfy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start
}

.nav-slider {
  width: 110px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
  top: 20px;
  left: -10px;
  gap: 30px
}

.briging-together-section .swiper-pagination {
  position: absolute;
}

.briging-together-section .swiper.financial-freedom-slider1,
.briging-together-section .swiper.financial-freedom-slider2,
.briging-together-section .swiper.financial-freedom-slider3,
.briging-together-section .swiper.financial-freedom-slider4 {
  padding-bottom: 55px;
}

.briging-together-section .nav-slider {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}

.swiper.financial-freedom-slider,
.swiper.form-recommended-for-you,
.swiper.insuranceplan-slider,
.swiper.recommended-for-you,
.tab_panel_row .swiper {
  overflow: visible
}

.csr_swiper_arrows_wrapper .swiper-button-prev img,
.nav-slider .navButton-prv,
.swiper-button-np.swiper-button-prev svg {
  transform: rotate(180deg)
}

.nav-slider .navBtn-inner,
.play-attribute {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

  .nav-slider .navBtn-inner svg {
    max-width: 15px;
    height: auto
  }

.navButton {
  position: relative;
  width: 36px;
  height: 36px;
  border: 1px solid #C91429;
  border-radius: 50%;
  transition: .5s ease-in-out;
  z-index: 11
}

  .navButton:hover {
    transition: .5s ease-in-out;
    background: #C91429
  }

  .navButton svg path {
    transition: .5s ease-in-out;
    stroke: #C91429
  }

  .navButton:hover svg path {
    transition: .5s ease-in-out;
    stroke: #ffffff
  }

.ff_item_img img {
  height: 260px;
  object-fit: cover
}

.bringing-to-content p {
  font-size: 50px;
  line-height: 55px;
  color: #fff
}

.briging-together-section {
  height: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  padding: 80px 0;
  background-image: url('../../assets/images/fin-solution-bg.png');
  background-position: center;
  background-repeat: no-repeat;
}

.bringing-to-content {
  width: 70%;
  margin: 0 auto
}

.marquee_row .list {
  display: flex;
  min-width: 1800px;
  -webkit-animation: 12s linear infinite loop;
  animation: 12s linear infinite loop
}

.marquee_row .item-txt p.number-item {
  font-size: 100px;
  text-transform: uppercase;
  -webkit-text-stroke: 1px #fff;
  -webkit-text-fill-color: transparent;
  color: #fff;
  letter-spacing: 0;
  line-height: 100px;
  font-family: var(--dev_bold)
}

.marquee_row,
.marquee_row .item {
  display: flex;
  gap: 150px
}

.bringing_to_marquee {
  padding-left: 20%;
  margin-top: 90px
}

.marquee_row .item-txt p.item-text-line {
  font-family: var(--dev_bold);
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0
}

.item-txt {
  opacity: .6
}

@keyframes loop {
  from {
    transform: translateX(0)
  }

  to {
    transform: translateX(-100%)
  }
}

.banner-headingflex,
.heading-flex {
  display: flex;
  flex-direction: column
}

.tabs_finance ul li button.nav-link {
  border: 0;
  font: normal normal 16px/20px var(--dev_bold);
  letter-spacing: 0;
  color: #000;
  text-transform: uppercase;
  opacity: .8;
  padding: 15px 20px;
  transition: .5s ease-in-out;
  border-radius: 0;
  border-bottom: 2px solid transparent
}

.tabs_finance .nav-pills .nav-link.active,
.tabs_finance .nav-pills-ul .nav-link.active {
  background-color: transparent;
  opacity: 1;
  position: relative;
  transition: .5s ease-in-out
}

  .tabs_finance .nav-pills .nav-link.active::after,
  .tabs_finance .nav-pills-ul .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    z-index: 1;
    transition: .5s ease-in-out;
    display: none
  }

.tabs-ul-pills {
  border-bottom: 1px solid #ffffff36
}

  .tabs-ul-pills .nav.nav-pills {
    width: 100%;
    margin: 0 auto;
    gap: 30px;
    justify-content: center
  }

.briging-together-section .tabs-ul-pills .selectBtn {
  display: none;
}

.tabs_finance .select .selectBtn:after {
  content: "";
  position: absolute;
  top: 45%;
  right: 25px;
  width: 6px;
  height: 6px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transition: .5s ease-in-out
}

.select .selectBtn.toggle {
  border-radius: 3px 3px 0 0
}

.tabs_finance .select .selectBtn.toggle:after {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg)
}

.tabs_finance .select .selectDropdown {
  position: absolute;
  top: 100%;
  width: 100%;
  border-radius: 7px;
  overflow: hidden;
  background: var(--bg1);
  border-top: 1px solid #eee;
  z-index: 1;
  background: #fff;
  /* -webkit-transform: scale(1, 0);
    transform: scale(1, 0); */
  -webkit-transform-origin: top center;
  transform-origin: top center;
  visibility: hidden;
  opacity: 0;
  transition: .5s;
  box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
  transform: translateY(30px);
  display: none;
}

  .tabs_finance .select .selectDropdown .option {
    padding: 7px;
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    display: flex;
    justify-content: center
  }

    .tabs_finance .select .selectDropdown .option:hover {
      background: #f8f8f8
    }

  .tabs_finance .select .selectDropdown.toggle {
    visibility: visible;
    opacity: 1;
    transition: .5s;
    transform: none;
  }

.left_panel_accrd .accordionItem {
  float: left;
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 14px;
  border: 0
}

.open-arrow-a svg {
  max-width: 18px
}

.left_panel_accrd .accordionItemHeading {
  font: normal normal 26px/28px var(--dev_reg);
  letter-spacing: 0;
  color: #000;
  opacity: 1;
  /*text-transform: capitalize;*/
  display: flex;
  border: 0;
  padding: 27px 40px;
  margin: 0;
  transition: .5s ease-in-out;
  height: 100%;
  text-align: left;
}

  .left_panel_accrd .accordionItemHeading:hover {
    font-family: var(--dev_semi_bold);
    transition: .5s ease-in-out;
  }

.left_panel_accrd .accordionItem:hover .open-arrow-a {
  margin-left: 23px;
  transition: .5s ease-in-out
}

.left_panel_accrd .accordionItem:hover .accordionItemHeading {
  opacity: 1;
  transition: .5s ease-in-out
}

.left_panel_accrd .close .accordionItemContent {
  height: 0;
  transition: height 1s ease-out;
  -webkit-transform: scaleY(0);
  -o-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  float: left;
  display: block
}

.left_panel_accrd .open .accordionItemContent {
  padding: 0;
  width: 100%;
  margin: 0;
  display: block;
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition: -webkit-transform .4s ease-out;
  -o-transition: -o-transform .4s;
  -ms-transition: -ms-transform .4s;
  transition: transform .4s;
  box-sizing: border-box
}

.left_panel_accrd .open .accordionItemHeading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  opacity: 1;
  transition: .5s ease-in-out;
  padding-bottom: 0;
  font-family: var(--dev_semi_bold);
}

.left_panel_accrd .accordionWrapper .accordionItem.open:after,
.left_panel_accrd .accordionWrapper .accordionItem.open:before {
  border: solid #fff;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  pointer-events: none;
  width: 0;
  left: 100%
}

.left_panel_accrd .accordionWrapper .accordionItem.open:before {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ca1F3478;
  top: 50%;
  margin-top: -14px;
  border-width: 15px
}

.left_panel_accrd .accordionWrapper .accordionItem.open:after {
  border-color: rgb(255 255 255 / 0%);
  border-left-color: #fff;
  top: 50%;
  margin-top: -13px;
  border-width: 14px
}

.financial-row2 {
  padding-left: 5%;
  margin-top: 50px
}

.acrd-content-inner p {
  margin-bottom: 0;
  text-align: left;
  letter-spacing: 0;
  font: normal normal 18px/22px var(--dev_med)
}

.acrd-content-inner {
  padding: 10px 40px 40px
}

.left_panel {
  padding: 40px 40px 40px 0;
  position: relative;
  float: left
}

a.acrd_button {
  display: flex;
  width: 128px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 24px;
  color: #fff;
  font-family: var(--dev_bold);
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  transition: .5s ease-in-out;
  position: relative;
  overflow: hidden
}

.accr-buttons {
  width: 100%;
  display: flex;
  gap: 20px;
  margin-top: 25px;
  justify-content: center
}

a.acrd_button:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #af0d20;
  border-radius: 100%;
  opacity: 0;
  transform: translate(0, 100%);
  transition: opacity .45s cubic-bezier(.215, .61, .355, 1), border-radius 0s .45s, transform 0s .45s
}

a.acrd_button:hover:after {
  opacity: 1;
  border-radius: 0;
  transform: translate(0);
  transition: border-radius .45s cubic-bezier(.215, .61, .355, 1), transform .45s cubic-bezier(.215, .61, .355, 1)
}

.icon-mb {
  margin-bottom: 18px;
  text-align: left
}

  .icon-mb img {
    max-width: 46px
  }

.check-box-filter.show--w,
.form-step-heading.active,
.left_panel_accrd .accordionItem.open .icon-mb,
.left_panel_accrd .close .accordionItemHeading .open-arrow-a,
.metaverse_form_new .show--meta,
.ptag-text.optionp2,
.right-panel-cotent .filter_ff1.show,
.right-panel-cotent .filter_ff2.show,
.right-panel-cotent .filter_ff4.show,
.section-heading span,
.to-help-stepper-form-mb .form.form-active,
.waves-inteeface .active .pause {
  display: block
}

.left_panel_accrd .accordionItemHeading .open-arrow-a {
  position: relative;
  margin-left: 15px;
  transition: .5s ease-in-out
}

.right-panel-cotent {
  position: relative;
  height: 100%;
  padding: 40px 140px 40px 40px;
  overflow: hidden
}

.ff-content-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 0 0 45px;
  z-index: 01;
  text-align: center
}

.ff-card-heading {
  font: normal normal 15px/18px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #000;
  /*text-transform: capitalize;*/
  opacity: 1;
  transform: translateY(20px);
  transition: .5s ease-in-out;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.accr-buttons.ff-cards-btns,
.ff_slider_item .paragraph-text-xx1 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: .5s ease-in-out
}

.ff-overlay-inner,
.no_p_tag .ff-overlay-inner {
  transform: translateY(45px)
}

.ff_slider_item:hover .accr-buttons.ff-cards-btns,
.ff_slider_item:hover .paragraph-text-xx1 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: .5s ease-in-out
}

.ff_slider_item:hover .ff-card-heading {
  transform: translateY(0);
  transition: .5s ease-in-out
}

.ff-card-heading a:hover {
  text-decoration: underline;
}

.abc-insurance-section,
.ff_item_img {
  position: relative;
  overflow: hidden
}

  .ff_item_img img,
  .ff_slider_item:hover {
    transition: .5s ease-in-out
  }

    .ff_slider_item:hover .ff_item_img img {
      transition: .5s ease-in-out;
      scale: 1.1
    }

  .ff_item_img::before {
    content: '';
    position: absolute;
    width: 100%;
    opacity: 0;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background: linear-gradient(180deg, #00000000 0, #0000000A 6%, #00000015 16%, #0000002E 32%, #000 100%) no-repeat padding-box
  }

.ff-overlay-inner p {
  font-size: 14px;
  line-height: 15px;
  margin-bottom: 0;
  padding: 0 10px;
  color: #000;
  opacity: .8;
  position: absolute
}

.ff_slider_item {
  transition: .5s ease-in-out;
  border-radius: 20px;
  overflow: hidden
}

.ff-overlay-inner {
  transition: .5s ease-in-out
}

.ff_slider_item:hover .ff-overlay-inner {
  transition: .5s ease-in-out;
  transform: translateY(-50px)
}

.ff_item_content:before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  background: #faa61a;
  height: 81px;
  width: 100%;
  bottom: 0;
  z-index: 1;
  transition: height .5s
}

.rfy-item,
.rfy-item:hover {
  transition: .5s ease-in-out
}

.abc_of_money_slider_wrapper.support_green_tag:after,
.ff_slider_item.fade_green_before .ff_item_content:before,
.info_grap_main:nth-child(2),
.li_gren,
.csr_content_wrap.support_green,
.support_green_tag .abmoney_tag,
.white-bg-card.support_green_bg .hehts-to-card-overlay:before {
  background: #bdd753;
}

.abc_of_money_slider_wrapper.warm_yellow_tag:after,
.ff_slider_item.fade_yellow_before .ff_item_content:before,
.info_grap_main:nth-child(3),
.csr_content_wrap.warm_yellow,
.warm_yellow_tag .abmoney_tag,
.white-bg-card.support_warmyello_bg .hehts-to-card-overlay:before {
  background: #ffd65c;
}

.abc_of_money_slider_wrapper.fade_green_tag:after,
.csr_content_wrap.fade_green,
.fade_green_tag .abmoney_tag,
.ff_slider_item.dark_green_before .ff_item_content:before,
.legend_icon.li_dark_green,
.white-bg-card.support_darkgreen_bg .hehts-to-card-overlay:before {
  background: #70b865;
}

.csr_swiper_wrapper:hover .csr_content_wrap,
.ff_slider_item:hover .ff_item_content:before,
.h100-wh,
.homepage-banner,
.homepage-banner .cus-container,
.modal_form_wrapper,
.right_pos .modal-body.modal-body-git,
.right_pos_modal.right_pos .modal-body,
.solInner-stepForm,
.solution-inner-form {
  height: 100%
}

.startYourJourney_xForm .modal-body {
  padding: 0;
}

.heading-rfy {
  font: normal normal 26px/36px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #000;
  text-transform: capitalize
}

.yellow-span {
  margin-bottom: 0;
  font: 14px/14px var(--dev_bold);
  letter-spacing: 0;
  color: #77787b;
  text-transform: uppercase;
  opacity: 1
}

.content-rfy p,
.cus-offer-new-p {
  letter-spacing: 0;
  color: #000;
  opacity: 1
}

.content-rfy p {
  margin: 0;
  font: normal normal 16px/16px var(--dev_bold);
  transition: .5s;
}

.rfy-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  border-radius: 20px;
  padding: 15px 0;
  border: 1px solid transparent;
}

  .rfy-item:hover {
    border: 1px solid #ca1F3478;
    background: #fff;
  }

    .rfy-item:hover p {
      color: #ca1f34;
      transition: .5s;
    }

.cal-flex-div {
  align-items: center;
  display: flex;
  gap: 50px
}

.float-left {
  float: left
}

.calcy-mb-inner {
  position: relative;
  margin-top: 50px;
  box-shadow: 0 40px 80px #0000004D
}

.calculator-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
  align-items: center
}

.cal-flex-div p {
  font-family: var(--dev_med);
  font-size: 16px;
  line-height: 19px;
  color: #111;
  letter-spacing: 0
}

.recom-filter-cards {
  margin-top: 8px
}

.deskTop_dropDown {
  margin-bottom: 0;
  border-bottom: 1px solid #11111130
}

.magic-line {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: #ca1f34;
  transition: transform .3s, width .3s;
  transform: translateX(-100%);
  width: 0
}

.tabs_finance ul li button.nav-link.active {
  color: #ca1f34;
  border-bottom: 2px solid;
  border-radius: 0
}

.ff_item_content,
.left_panel,
.recom-slide {
  transition: .3s ease-in-out;
  animation: .3s ease-in-out fadeEffect
}

@keyframes fadeEffect {
  from {
    opacity: 0;
    scale: .8
  }

  to {
    opacity: 1;
    scale: 1
  }
}

.tabs_finance .tab-content[data-aos] {
  transition-duration: 1.5s
}

.tabs_finance .tabs-ul-pills[data-aos] {
  transition-duration: 1s
}

.cus-offer-new-p {
  padding: 14px 22px 6px;
  width: 85%;
  margin-bottom: 10px;
  font: normal normal 22px/25px var(--dev_semi_bold);
  background: linear-gradient(90deg, #faa61a 0, #faa61AF6 40%, #faa61AE3 68%, #faa61A00 100%) no-repeat padding-box;
  box-shadow: 0 15px 40px #00000005;
  border-radius: 10px;
  position: relative;
  top: 0;
  /* animation: 4s 5s infinite move */
}

  .cus-offer-new-p.dark_green_bg {
    background: linear-gradient(90deg, #70b865 0, #70b865F6 40%, #70b865E3 68%, #70b86500 100%) no-repeat padding-box
  }

  .cus-offer-new-p.light_green_bg {
    background: linear-gradient(90deg, #bdd753 0, #bdd753f6 40%, #bdd753e3 68%, #faa61A00 100%) no-repeat padding-box;
  }

  .cus-offer-new-p.fade_yellow_bg {
    background: linear-gradient(90deg, #ffd65c 0, #ffd65cF6 40%, #faa61AE3 68%, #ffd65c00 100%) no-repeat padding-box;
  }

  .cus-offer-new-p.warm_yellow_bg {
    background: linear-gradient(90deg, #FFD65C 0, #ffd65cF6 40%, #FFD65CE3 68%, #FFD65C00 100%) no-repeat padding-box;
  }


.per-offer-new {
  overflow: hidden;
  height: 60px;
  margin-bottom: 20px
}

.swiper.offer_vertical_slider {
  height: 50px;
  overflow: hidden;
  overflow: clip;
}



@keyframes move {

  0%, 100% {
    top: 0
  }

  90% {
    top: -55px
  }
}

.tans-2bd-row {
  display: flex;
  gap: 25px;
  width: 100%;
  margin-bottom: 40px
}

  .dc-sec-heading,
  .otp-vcarification-step,
  .tans-2bd-row .cus-offer-new-p {
    width: 100%
  }

.tabs_finance .tans-2bd-row ul.pills-wt li button.nav-link {
  font-size: 14px;
  line-height: 17px;
  color: #fff
}

.tabs_finance .tans-2bd-row .pills-wt .nav-link-wt.active {
  color: #c6202d;
  background: #ffff;
  border-radius: 30px
}

.pills-wt {
  margin: 0;
  background: #8f1220;
  width: fit-content;
  border-radius: 30px;
  overflow: hidden;
  height: fit-content
}

.swiper-slide.filter_ff.healthinsurance.show {
  width: 440px
}

.per-offer-new .cus-offer-new-p {
  display: flex;
  gap: 12px
}

  .per-offer-new .cus-offer-new-p img {
    max-width: 26px;
    position: relative;
    top: -3px;
    /* filter: invert(1) */
  }

.right-panel-cotent {
  padding-right: 100px
}

.ff_slider_item .accr-buttons a.acrd_button {
  width: 105px;
  height: 30px;
  font-size: 10px
}

.ff_slider_item .accr-buttons {
  gap: 5px;
  margin-top: 20px
}

.accr-buttons-new-ui {
  display: flex;
  gap: 10px
}

  .accr-buttons-new-ui a.know_more_about-us {
    width: 128px;
    height: auto;
    padding: 12px 0;
    font-size: 14px;
    letter-spacing: 0;
    border-color: #C91429;
    color: #C91429;
    margin-top: 18px
  }

  .accr-buttons-new-ui .know_more_about-us.solid_bg {
    background: #ca1f34;
    color: var(--white)
  }

.accordionItem.open {
  border: 1px solid #ca1F3478;
  border-radius: 20px;
  background: #fff
}

.accordionItem.close {
  border: 1px solid;
  background: no-repeat padding-box #fff6f7;
  border: 1px solid #b2b2B259;
  border-radius: 20px;
  opacity: 1;
  transition: all .5s ease-in-out;
}

  .accordionItem.close:hover {
    transition: all .5s ease-in-out;
    background: #fff;
  }

.tabs_finance .panel-slider-mb .swiper-wrapper {
  overflow: visible;
}



@media screen and (min-width:1200px) and (max-width:1600px) {

  .startYourJourney_xForm .modal-body.modal-body-git {
    padding: 0;
  }

  @keyframes move {

    0%, 100% {
      top: 0
    }

    90% {
      top: -40px
    }
  }

  .marquee_row {
    gap: 150px
  }

  .tabs_finance ul li button.nav-link {
    font-size: 14px;
    line-height: 17px;
    padding: 10px 20px
  }

  .cal-flex-div p {
    font-size: 13px;
    line-height: 14px
  }

  .calculato-heaidng {
    font-size: 18px;
    line-height: 24px
  }

  .financial-row2 {
    margin-top: 35px
  }

  .bringing-to-content p {
    font-size: 40px;
    line-height: 42px
  }

  .bringing-to-content {
    width: 75%
  }

  .acrd-content-inner p,
  .know_more_about-us {
    font-size: 15px
  }

  .marquee_row .item-txt p.number-item {
    font-size: 80px;
    letter-spacing: 0;
    line-height: 91px
  }

  .left_panel {
    padding: 30px 20px 40px 0
  }

  .calculator-content {
    padding: 20px
  }

  .calcy-mb-inner {
    margin-top: 30px
  }

  .ff-content-overlay {
    padding: 30px 8px;
  }

  .ff-overlay-inner {
    transform: translateY(45px)
  }

  .ff_slider_item:hover .ff-overlay-inner {
    transition: .5s ease-in-out;
    transform: translateY(-40px);
  }

  .rfy-item {
    gap: 13px;
    padding: 5px 10px 10px;
    border-radius: 15px;
    justify-content: flex-start;
  }

  .popolar-p-img {
    max-width: 27px;
  }

  .yellow-span {
    font-size: 12px;
  }

  .content-rfy p {
    font-size: 14px;
  }

  .right-panel-cotent {
    padding: 20px 90px 20px 20px;
  }

  .nav-slider {
    width: 114px
  }

  .open-arrow-a svg {
    max-width: 15px
  }

  .financial-heading {
    width: 600px
  }

  .briging-together-section {
    padding: 60px 0;
  }

  .deskTop_dropDown {
    margin-bottom: 0
  }

  .acrd-content-inner {
    padding: 0 30px 24px
  }

  h3.accordionItemHeading.btn.filter-button {
    padding: 20px 30px;
    font-size: 18px
  }

  .accordionItem.open h3.accordionItemHeading.btn.filter-button {
    padding-bottom: 4px;
  }

  p.cus-offer-new-p {
    padding: 6px 14px;
    margin: 0 0 10px;
    font-size: 16px
  }

  .per-offer-new {
    margin-bottom: 10px;
    height: 50px;
  }

  .accr-buttons-new-ui a.know_more_about-us {
    margin-top: 24px;
    width: fit-content;
    padding: 5px 17px;
    font-size: 10px
  }

  .per-offer-new .cus-offer-new-p img {
    max-width: 14px;
    top: -1px
  }

  .ff_item_content:before {
    height: 60px;
  }

  .ff-card-heading {
    font-size: 16px;
    line-height: 18px
  }

  .ff_item_content {
    height: 220px;
  }

  .briging-together-section .swiper-pagination.slider-dots {
    bottom: 17px;
  }

  .heading-rfy {
    margin-bottom: 10px;
  }

  .ff-overlay-inner .ff-card-heading {
    margin-bottom: 3px;
  }
}

@media screen and (min-width:1200px) and (max-width:1500px) {



  h3.accordionItemHeading.btn.filter-button {
    padding: 20px;
    font-size: 18px
  }
}


@media screen and (min-width:1366px) and (max-width:1536px) {
  .tans-2bd-row {
    margin-bottom: 0;
    flex-direction: row;
    gap: 14px
  }

  .recom-filter-cards {
    margin-top: 5px;
  }

  .tabs_finance .tans-2bd-row ul.pills-wt li button.nav-link {
    font-size: 12px;
    line-height: 14px;
    padding: 10px
  }
}

@media screen and (max-width:1366px) {
  .tans-2bd-row {
    flex-direction: column
  }

  .tabs_finance .tans-2bd-row ul.pills-wt li button.nav-link {
    line-height: 13px;
    padding: 11px 14px
  }

  .cus-offer-new-p {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 15px;
    padding: 10px 15px
  }
}

@media screen and (min-width:1024px) and (max-width:1280px) {
  .tans-2bd-row {
    gap: 9px;
    margin-bottom: 20px;
    flex-direction: row;
    align-items: center
  }
}

@media screen and (min-width:992px) and (max-width:1280px) {
  .briging-together-section .section-inner {
    padding-top: 0;
  }

  .bringing_to_marquee {
    margin-top: 80px
  }

  .recom-filter-cards {
    margin-top: 5px
  }

  .right-panel-cotent {
    padding: 30px 90px 30px 30px;
  }

  .calcy-mb-inner {
    margin-top: 5px
  }

  .financial-row2 {
    margin-top: 20px
  }

  .financial-fridom-tabs .icon-mb img {
    max-width: 35px
  }

  .tabs_finance .tans-2bd-row ul.pills-wt li button.nav-link {
    font-size: 12px
  }

  .nav-slider {
    width: 114px
  }
}

@media screen and (min-width:992px) and (max-width:1199px) {
  .header .menu > ul > li {
    padding: 0 10px
  }

  .header .item-right a {
    padding: 0 5px;
    font-size: 14px
  }

  .header .menu > ul > li > a {
    font-size: 14px
  }

  .tans-2bd-row {
    flex-direction: column;
    gap: 14px;
    flex-direction: column
  }

  .briging-together-section .section-inner {
    padding-top: 130px
  }

  .briging-together-section {
    padding: 0
  }

  .bringing-to-content {
    width: 80%
  }

  .marquee_row {
    gap: 150px
  }

  .bringing-to-content p {
    font-size: 35px;
    line-height: 37px;
    letter-spacing: 0
  }

  .know_more_about-us {
    font-size: 15px
  }

  .marquee_row .item-txt p.number-item {
    letter-spacing: 0;
    line-height: 65px;
    font-size: 60px
  }

  .marquee_row .item-txt p.item-text-line {
    letter-spacing: 0;
    font-size: 16px;
    line-height: 21px
  }

  .ff-content-overlay {
    padding: 20px
  }

  .ff-overlay-inner p {
    font-size: 15px;
    line-height: 17px
  }

  .ff-card-heading {
    font-size: 24px;
    line-height: 25px
  }

  .financial-row2 {
    margin-top: 35px
  }

  .content-rfy p {
    font-size: 15px;
    line-height: 16px
  }

  .calculator-content {
    padding: 15px
  }

  .cal-flex-div {
    gap: 15px
  }

    .cal-flex-div p {
      font-size: 12px;
      line-height: 14px
    }

  .calculato-heaidng {
    font-size: 18px;
    line-height: 18px
  }

  .cus-offer-new-p {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 22px;
    width: 100%
  }

  .right-panel-cotent {
    padding: 38px 5% 38px 38px
  }

  .left_panel {
    padding: 38px 38px 38px 0
  }

  .tabs-ul-pills .nav.nav-pills {
    gap: 30px
  }

  .tabs_finance ul li button.nav-link {
    font-size: 15px;
    line-height: 20px;
    padding: 8px 20px
  }

  .heading-rfy {
    font-size: 20px;
    line-height: 29px
  }

  .left_panel_accrd .accordionItemHeading {
    font-size: 22px;
    line-height: 24px;
  }

  .mtop-100 {
    margin-top: 0
  }
}

@media screen and (min-width:992px) and (max-width:1024px) {
  .ff-card-heading {
    font-size: 20px;
    line-height: 22px;
    transform: translateY(7px);
  }

  .acrd-content-inner {
    padding: 10px 20px 40px;
  }

  .right-panel-cotent {
    padding: 38px 16% 38px 38px;
  }

  .swiper-overflow-section .swiper.abc_money_slider {
    padding-right: 46px;
  }
}

@media screen and (max-width:991px) {
  .briging-together-section .swiper.financial-freedom-slider1, .briging-together-section .swiper.financial-freedom-slider2, .briging-together-section .swiper.financial-freedom-slider3, .briging-together-section .swiper.financial-freedom-slider4 {
    padding-bottom: 0;
  }

  .tacbox {
    justify-content: center;
  }

  .tabs_finance ul li button.nav-link.active {
    border: 0;
  }

  .briging-together-section .tabs-ul-pills .selectBtn {
    display: none;
  }

  .left_panel_accrd .accordionWrapper .accordionItem.open:after,
  .left_panel_accrd .accordionWrapper .accordionItem.open:before {
    display: none;
  }

  .accr-buttons.ff-cards-btns,
  .ff_slider_item:hover .accr-buttons.ff-cards-btns {
    transform: translateY(20px)
  }

  .left_panel_row1.float-left::-webkit-scrollbar {
    height: 0
  }

  .per-offer-new .cus-offer-new-p img {
    max-width: 15px;
    top: 0;
    gap: 0
  }

  .cal-flex-div,
  .per-offer-new .cus-offer-new-p {
    gap: 10px
  }

  .per-offer-new {
    height: 40px;
    margin-bottom: 10px
  }

  .left_panel_accrd .accordionItem.open h3,
  .left_panel_accrd .accordionItem.open .accordionItemHeading {
    border-bottom: 2px solid #C91429;
    border-radius: 0;
  }

  .left_panel_accrd .accordionItem.open h3,
  .left_panel_accrd .accordionItem.open .accordionItemHeading {
    color: #C91429
  }

  .financial-heading {
    width: auto
  }

  .left_panel_row1.float-left {
    overflow: scroll;
    width: 100%;
    overflow-y: hidden;
  }

  .briging-together-section .tabs_finance .selectBtn.btn-159 {
    border: 1px solid #C91429
  }

  .rfy-item {
    border-radius: 16px;
    padding: 5px 10px 10px 12px;
    border: 1px solid #C91429;
    background: #fff;
    gap: 10px;
    justify-content: flex-start;
  }

  .ff_item_img::before {
    opacity: 0
  }

  .swiper-slide.filter_ff.healthinsurance.show {
    width: 440px
  }

  .tans-2bd-row {
    flex-direction: column;
    gap: 14px;
    margin-bottom: 0;
  }

  .tabs_finance .inv-tans ul.pills-wt li button.nav-link {
    font-size: 13px;
    line-height: 17px;
    padding: 12px 14px
  }

  .bringing-to-content {
    width: 85%;
    margin: 0 auto
  }

    .bringing-to-content p {
      font-size: 25px;
      line-height: 30px;
      text-align: center
    }

  .bringing_to_marquee {
    padding-left: 25px;
    margin-top: 50px
  }

  .marquee_row .item-txt p.number-item {
    font-size: 60px;
    line-height: 66px;
    letter-spacing: 0
  }

  .marquee_row .item-txt p.item-text-line {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0
  }

  .briging-together-section {
    background-position: 100%;
    background-size: cover !important;
    padding: 0 0 40px 0;
    background-image: url(../../assets/images/fin-solution-bg-m.png);
  }


  .financial-heading .section-heading {
    text-align: center
  }

  .tabs_finance .nav {
    position: relative
  }

  .tabs-ul-pills .nav.nav-pills {
    gap: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    /* top: 70px; */
    top: -50%;
    transition: .5s;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    background: #fff;
    border-radius: 7px;
    padding: 0px;
    width: 87%;
  }

    .tabs-ul-pills .nav.nav-pills.toggle {
      visibility: visible;
      opacity: 1;
      transition: .5s;
      transform: none;
      top: 50px;
      width: 87%;
    }

  .tabs_finance ul li button.nav-link {
    color: #000;
    font-size: 12px;
    padding: 0
  }

  .tabs_finance .select .selectBtn {
    padding: 7px 20px 0;
    box-sizing: border-box;
    border-radius: 3px;
    width: 100%;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0 0;
    box-shadow: none
  }

  .desktop-view,
  .left_panel_accrd .accordionItem.open .icon-mb,
  .left_panel_accrd .close .accordionItemHeading .open-arrow-a,
  .left_panel_accrd .open .accordionItemContent,
  .magic-line,
  .nav-slider,
  .tabs_finance .nav-pills .nav-link.active::after,
  .tabs_finance .nav-pills-ul .nav-link.active::after {
    display: none
  }

  .tabs-ul-pills {
    border-bottom: 0;
    width: 100%;
    padding: 0 25px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
  }

  .tabs_finance .select {
    position: relative;
    margin: 0 auto;
    z-index: 1;
    display: flex;
    justify-content: center;
  }

  .financial-row2 {
    margin-top: 40px;
    padding: 0;
    width: 90%;
    margin: 0 auto;
  }

  .left_panel {
    padding: 0;
    width: 100%;
    position: relative;
    margin: 12px 0;
  }

  .swiper.offer_vertical_slider .swiper-slide {
    margin: 0 !important;
  }

  .calculator-content {
    padding: 19px
  }

  .calcy-mb-inner {
    margin-top: 25px;
    box-shadow: 0 40px 80px #0000004D
  }

  .right-panel-cotent {
    padding: 0;
    overflow: visible;
    background: 0 0
  }

  .ff-content-overlay {
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center
  }

  .ff-card-heading {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 6px;
    transform: translateY(-28px);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .briging-together-section .ff-card-heading {
    /* transform: translateY(-15px); */
  }

  .recom-filter-cards {
    margin-top: 40px
  }

  .left_panel_accrd .open .accordionItemHeading {
    flex-direction: row;
    align-items: flex-start;
    gap: 19px;
    width: 100%;
    margin: 0 auto;
  }

  .financial-fridom-tabs .tab-content {
    padding: 0 30px 50px
  }

  .res-p0 {
    padding: 0
  }

  .left_panel_accrd .accordionItemHeading {
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 5px 10px 5px 10px;
    border-radius: 0;
    border-bottom: 2px solid transparent;
    align-items: center;
  }

  .ff_item_content,
  .icon-mb svg {
    width: 100%
  }

  .briging-together-section .ff_item_content {
    height: 223px;
  }

    .briging-together-section .ff_item_content:before,
    .ff_slider_item:hover .ff_item_content:before {
      height: 110px;
    }

  .ff_slider_item:hover .ff_item_img img {
    scale: 1;
    transform: none !important
  }

  .ff_slider_item:hover .ff-overlay-inner {
    transform: translateY(45px) !important;
  }

  .abc-insurance-section,
  .ff_item_img {
    height: 116px;
  }

  .accr-buttons.ff-cards-btns,
  .ff_slider_item:hover .accr-buttons.ff-cards-btns {
    transform: translateY(10px);
  }

  .icon-mb {
    width: 35px;
    position: relative;
    top: -9px;
    margin: 0
  }

  .tabs_finance .select .selectBtn.open:after {
    transform: translateY(-50%) rotate(225deg);
    transition: .5s ease-in-out;
    top: 50%
  }

  .know-more-btn .know_more_about-us {
    margin: 0 auto
  }

  .know_more_about-us {
    font-size: 14px;
    line-height: 18px;
    width: 245px;
    height: 60px;
    border-radius: 50px
  }

  .left_panel_accrd .accordionItem {
    margin-bottom: 0;
    padding: 0 0;
    border-bottom: 0;
    position: relative;
    max-width: 145px;
    min-width: 145px;
    border-radius: 0;
    border: none
  }

  .left_panel_accrd {
    position: relative;
    border-bottom: 1px solid #00000036;
  }

    .left_panel_accrd .accordionItem.open::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 1px;
      background: #fff;
      bottom: 0;
      left: 0;
      opacity: 1
    }

    .left_panel_accrd .accordionWrapper {
      display: flex;
      gap: 0;
      max-width: 100%;
      position: relative;
      justify-content: flex-start;
    }

  .briging-together-section .left_panel_accrd .accordionWrapper {
    max-width: 390px;
    overflow: auto;
  }

    .briging-together-section .left_panel_accrd .accordionWrapper.singleItemAccordionWrapper {
      justify-content: center;
    }

    .briging-together-section .left_panel_accrd .accordionWrapper::-webkit-scrollbar {
      height: 0;
    }

  .left_panel_accrd .accordionWrapper::after {
    content: '';
    position: absolute;
    /* width: 550px; */
    width: 100%;
    height: 1px;
    background: #00000057;
    bottom: 0;
    left: 0;
    opacity: 0;
  }

  .ff-overlay-inner p {
    font-size: 10px;
    line-height: 11px;
    opacity: .8
  }

  .briging-together-section .tabs_finance .btn-159 {
    width: 100%;
    height: 45px;
    border: 1px solid #fff;
    border-radius: 24px;
    display: flex;
    align-items: center;
    font-family: var(--dev_bold);
    text-transform: uppercase;
    font-size: 12px;
    padding-left: 20px;
  }

  .tabs_finance .select .selectBtn:after {
    right: 30px
  }

  .cal-flex-div p {
    font-size: 13px;
    line-height: 15px
  }

  .calculato-heaidng {
    font-size: 17px;
    line-height: 21px
  }

  .cus-offer-new-p {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px;
    padding: 8px 13px 4px;
    width: 100%
  }

  .financial-freedom-slider .swiper-wrapper {
    display: block
  }

  .financial-freedom-slider .swiper-slide {
    margin-bottom: 10px !important;
    height: auto !important;
    width: 100% !important
  }

  .ff_item_img img {
    object-fit: cover;
    height: 100%
  }

  @keyframes move {

    0%, 100% {
      top: 0
    }

    90% {
      top: -35px
    }
  }

  .ff-overlay-inner {
    transform: translateY(45px);
  }

  .ff-cards-btns a.acrd_button {
    width: 110px;
    height: 26px;
    font-size: 10px;
    line-height: 0;
    letter-spacing: 0;
    background: #fff;
    border: #fff;
    color: #C91429
  }

  .accr-buttons.ff-cards-btns {
    opacity: 1;
    visibility: visible;
    transition: .5s ease-in-out;
    margin-top: 14px;
    gap: 5px
  }

  .briging-together-section .section-inner {
    padding-top: 0
  }

  /* .briging-together-section{
        background-image: url(../../assets/images/fin-solution-bg-m.png);
    } */
  .marquee_row .item {
    gap: 30px
  }

  .marquee_row .list {
    min-width: 950px
  }

  .mtop-100 {
    margin-top: 50px
  }

  .heading-rfy {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 10px
  }

  .tab_panel_row .swiper .swiper-wrapper .swiper-slide {
    margin-bottom: 5px;
    /* width: 100% !important; */
  }

  .swiper.offer_vertical_slider {
    height: 27px;
  }

  .swiper-pagination.slider-dots {
    bottom: -30px
  }

  .slider-dots.swiper-pagination-clickable .swiper-pagination-bullet {
    transition: .5s ease-in-out;
    background: #111;
    opacity: .1
  }

  .slider-dots.swiper-pagination-clickable .swiper-pagination-bullet-active {
    transition: .5s ease-in-out;
    background: #C91429;
    opacity: 1;
    width: 10px;
    height: 10px
  }

  .accordionItem.close {
    background: none;
  }

  .briging-together-section .tabs_finance .select .selectBtn {
    padding-top: 0;
  }

  .accordionItem.open {
    background: transparent;
  }

  .ff_slider_item:hover .accr-buttons.ff-cards-btns,
  .ff_slider_item:hover .paragraph-text-xx1 {
    transform: translateY(10px);
  }

  .ff_slider_item:hover .ff-card-heading {
    transform: translateY(-30px);
  }

  .ff_slider_item:hover .paragraph-text-xx1 {
    visibility: hidden;
    width: 100%;
    text-align: center;
    transform: translateY(20px) !important;
  }
}

@media screen and (min-width:361px) and (max-width:412px) {




  .ff_slider_item:hover .ff-overlay-inner {
    transition: .5s ease-in-out;
    transform: translateY(-40px);
  }

  .briging-together-section .ff-card-heading {
    transform: translateY(-30px);
  }
}

@media screen and (max-width:320px) {

  .accr-buttons.ff-cards-btns,
  .ff_slider_item:hover .accr-buttons.ff-cards-btns {
    transform: translateY(-27px)
  }

  .ff_slider_item:hover .ff-overlay-inner {
    transition: .5s ease-in-out;
    transform: translateY(-40px);
  }

  .briging-together-section .ff-card-heading {
    transform: translateY(0);
  }

  .tabs-ul-pills {
    width: 280px;
  }
}

.error,
.meta_error {
  font: normal normal 14px/15px var(--dev_med);
  color: red
}

.disabled_btn {
  background: grey !important;
  pointer-events: none !important
}

.meta_error {
  left: 30px;
  position: relative;
  top: 10px
}

.modal.metaverse_right_pos .modal-dialog {
  position: fixed;
  margin: auto;
  min-width: 750px;
  height: 100%;
  right: 0;
  top: 0;
  transform: translateX(100%)
}

.modal.metaverse_right_pos.show .modal-dialog {
  transform: translateX(0)
}

.modal.metaverse_right_pos .modal-content {
  height: 100%;
  border: none;
  border-radius: 0;
  width: 100%;
  padding: 80px
}

.metaverse_right_pos .btn-close {
  position: absolute;
  top: 50px;
  right: 50px;
  font-size: 24px;
  padding: 0;
  opacity: 1
}

.metaverse_right_pos span {
  font: normal normal 52px/58px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #111;
  /*text-transform: capitalize;*/
  opacity: 1;
  margin: 0
}

.metaverse_right_pos .modal-header {
  border: none;
  display: block;
  padding: 0 0 30px
}

.metaverse_right_pos p {
  font: normal normal 20px/32px var(--dev_med);
  letter-spacing: 0;
  color: #111;
  /*text-transform: capitalize;*/
  opacity: .8
}

.modal_form_control input {
  height: 70px;
  background: no-repeat padding-box #f9f9f9;
  border: 1px solid #f2f2f2;
  border-radius: 35px;
  width: 100%;
  font: normal normal 20px/26px var(--dev_med);
  letter-spacing: 0;
  color: #111;
  opacity: 1;
  padding: 0 30px
}

.input-field-box input,
.otp_mod {
  background: no-repeat padding-box #f9f9f9;
  border: 1px solid #f2f2f2
}

.modal_form_control label {
  font: normal normal 18px/26px var(--dev_med);
  letter-spacing: 0;
  color: #111;
  opacity: .8;
  margin-bottom: 15px
}

.modal_form_control {
  margin-bottom: 30px;
  position: relative
}

.modal_form_individual_Detail_wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.metaverse_right_pos .modal-body {
  padding: 0;
  height: 100%;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between
}

.meta_modal_btn.meta_disabled .know_more_about-us {
  background: grey;
  pointer-events: none
}

.error {
  position: absolute;
  right: 30px;
  bottom: -20px
}

.blog-post-form .error {
  position: unset !important;
  /*right: 30px;
  bottom: -20px*/
}

.modal_form_control.error_input input {
  border-color: red
}

.meta_modal_otp_wrappper h3,
.metaModal-otp-heading {
  margin: 0;
  font: normal normal 65px/90px var(--dev_bold);
  letter-spacing: 0;
  color: #111;
  /*text-transform: capitalize;*/
  opacity: 1
}

.meta_modal_otp_wrappper p {
  margin: 0;
  font: normal normal 20px/32px var(--dev_med);
  letter-spacing: 0;
  color: rgb(17 17 17 / 70%);
  text-transform: capitalize
}

.meta_modal_otp_wrappper span {
  display: block;
  font: normal normal 20px/32px var(--dev_bold);
  letter-spacing: 0;
  color: #111;
  /*text-transform: capitalize;*/
  opacity: 1;
  margin-bottom: 71px
}

  .meta_modal_otp_wrappper span a {
    color: #C91429;
    text-decoration: underline
  }

.meta_modal_otp_wrappper p strong,
.otp_mod,
.white-bg-card .card-name-heading {
  color: #111
}

.meta_modal_otp_wrappper {
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center
}

.otp_mod_meta_wrapper {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px
}

.otp_mod {
  width: 78px;
  height: 78px;
  border-radius: 16px;
  font: normal normal 32px/26px var(--dev_med);
  letter-spacing: 0;
  opacity: 1;
  text-align: center
}

.metaverse_oneverse_image_sec,
.metaverse_oneverse_image_sec:before {
  background: linear-gradient(91deg, #111 0, #00000000 100%) no-repeat padding-box
}

.modal_send_otp {
  font: normal normal 18px/20px var(--dev_bold);
  letter-spacing: 0;
  color: #C91429;
  text-transform: uppercase;
  opacity: 1;
  margin-top: 20px
}

.know-more-btn.meta_verse_knw_btn a.mtavrs-expore-btn,
.meta_modal_btn.text-center {
  margin: 0 auto
}

.metaverse_oneverse_image_sec {
  height: 669px;
  position: relative
}

  .metaverse_oneverse_image_sec:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    height: 100%
  }

.meta_sec_head p {
  font: normal normal 20px/28px var(--dev_med);
  letter-spacing: 0;
  color: #000;
  /*text-transform: capitalize;*/
  opacity: .8;
  width: 476px
}

.meta_sec_head {
  position: absolute;
  top: 147px;
  left: 140px
}

.know-more-btn.meta_verse_knw_btn a {
  background: #d91c25;
  border: none
}

.metaverse_sec_bg {
  position: absolute;
  z-index: -1;
  background-size: cover;
  height: 100%;
  object-fit: cover;
  background-color: #efefef;
  object-position: inherit
}

.metaverse_form_wrapper {
  display: grid;
  grid-template-columns: 497px auto;
  width: 1600px;
  margin: -100px auto 0;
  background: #fff
}

.metaverse_image img,
.metaverse_img_sec_bg,
.stepper-heaiding-mb.thankYou-banner-form img,
.top_vertical_slider img {
  height: 100%;
  object-fit: cover
}

.metaverse_form {
  padding: 92px 68px 0
}

.metavers_form_head {
  font: normal normal 50px/52px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #111;
  /*text-transform: capitalize;*/
  opacity: 1;
  margin-bottom: 15px;
}

.metavers_form_subhead {
  font: normal normal 20px/32px var(--dev_med);
  letter-spacing: 0;
  color: #111;
  opacity: .8;
  margin: 0
}

.metaverse_img_content_wrapper h4 {
  font: normal normal 32px/32px var(--dev_bold);
  letter-spacing: 0;
  color: #fff;
  /*text-transform: capitalize;*/
  opacity: 1;
  margin-bottom: 20px
}

.metaverse_img_content_wrapper p {
  font: normal normal 16px/20px var(--dev_med);
  letter-spacing: 0;
  color: #fff;
  text-transform: inherit;
  opacity: .8
}

.effect-16 ~ .lable-box1,
.input-field-box input {
  font: normal normal 16px/26px var(--dev_med);
  z-index: 0
}

.metaverse_img_content_wrapper {
  position: absolute;
  bottom: 50px;
  width: 362px;
  left: 50px
}

.metaverse_image {
  position: relative;
  margin: 5px
}

  .metaverse_image:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #00000000 0, #00000033 42%, #000 100%) no-repeat padding-box;
    opacity: .8
  }

.metaverse_form_inputs_wrapper {
  margin-top: 40px;
  row-gap: 25px
}

.effect-16:focus ~ .lable-box1 > span,
.has-content.effect-16 ~ .lable-box1 > span,
.otp-vcarification-step .card-2 .content a {
  color: red
}

.effect-16 {
  border: 0;
  padding: 4px 0;
  border-bottom: 1px solid #ccc;
  background-color: transparent
}

  .effect-16 ~ .lable-box1 {
    position: absolute;
    left: 30px;
    width: auto;
    top: 16px;
    transition: .3s;
    letter-spacing: 0;
    color: rgb(17 17 17 / 70%)
  }

  .effect-16:focus ~ .lable-box1,
  .has-content.effect-16 ~ .lable-box1 {
    top: -10px;
    font-size: 13px;
    transition: .3s;
    background: #fff;
    padding: 0 10px
  }

.input-field-box.input-effect input[type=text]:focus {
  transition: .4s;
  border-color: #C91429
}

.input-field-box input {
  position: relative;
  width: 100%;
  height: 60px;
  border-radius: 30px;
  padding: 0 30px;
  color: rgb(17 17 17)
}

  .input-field-box input::placeholder {
    opacity: .8
  }

  .input-field-box input:focus-visible {
    outline-color: #C91429
  }

.effect-16.has-content {
  background: #fff
}

.select-menu .options .option .option-text {
  font: normal normal 20px/30px var(--dev_med);
  text-transform: capitalize
}

.arrow_drop_cust {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #333
}

.select-menu.active .arrow_drop_cust {
  transform: scaleY(-1)
}

.meta_verse_knw_btn .know_more_about-us {
  background: #d91c25;
  width: fit-content;
  height: 60px;
  padding: 13px 70px 13px;
  margin-top: 36px;
}

input[type=number] {
  -moz-appearance: textfield
}

.form_clickable_tabs {
  display: flex;
  margin-top: 60px;
  border-bottom: 1px solid;
  padding-bottom: 10px
}

  .form_clickable_tabs li button {
    font: normal normal 16px/20px var(--dev_bold);
    letter-spacing: 0;
    color: #111;
    text-transform: uppercase;
    opacity: .8;
    padding: 0 20px
  }

    .form_clickable_tabs li button.active,
    .form_clickable_tabs li button.active-openTab {
      color: #C91429;
      opacity: 1;
      position: relative
    }

.border-change {
  border: 1px solid #db959d !important
}

.form_clickable_tabs li button.active-openTab:after,
.form_clickable_tabs li button.active:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -11px;
  width: 100%;
  height: 2px;
  background: #C91429
}

.disabled_btn .know_more_about-us {
  background: rgb(17 17 17 / 30%);
  pointer-events: none
}

.plan_details {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .5s
}

  .plan_details:hover {
    box-shadow: 0 14px 20px #00000014;
    border: 1px solid #db959d;
    background: #fff6f7
  }

.plan_list_wrapper {
  display: grid;
  grid-template-columns: 216px 216px;
  gap: 20px;
  margin-top: 30px
}

.label-title-w,
.plan_details h4 {
  font: normal normal 20px/20px var(--dev_bold);
  letter-spacing: 0;
  color: #000;
  /*text-transform: capitalize;*/
  opacity: 1;
  width: 90px
}

.contactus-stepper-wrapper .form-step2.active {
  display: block;
  transform-origin: top;
  animation: .5s animate;
  padding: 20px
}

@keyframes animate {
  from {
    transform: scale(1, 0);
    opacity: 0
  }

  to {
    transform: scale(1, 1);
    opacity: 1
  }
}

.check-box-box input[type=checkbox],
.check-box-box input[type=radio] {
  -webkit-appearance: none
}

.step-wrapper-heading {
  position: absolute;
  top: 7%
}

.metaverse_form_new .form_clickable_tabs {
  margin-top: 140px
}

.step-wrapper-heading .flx-span {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 7px
}

.metaverse-paragraph-v2 {
  font-family: var(--dev_med);
  letter-spacing: 0;
  color: #111
}

.meta-heading-6,
.metavrese-recco-cards .content-rfy p,
.per-offer-asper .offerptag .strong-xx {
  font-family: var(--dev_bold)
}

.metaverse-light-span,
.span-light {
  opacity: .8;
  /* font-size: 18px; */
}

.metaverse-red-span {
  text-transform: uppercase;
  color: #c91429
}

.mtvrse-input-row-otp input {
  width: 50px;
  height: 50px;
  background: no-repeat padding-box #fff;
  box-shadow: 0 5px 15px #00000008;
  border: 1px solid #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-radius: 7px;
  font-family: var(--dev_med);
  color: #111;
  text-align: center;
  font-size: 20px;
  line-height: 22px
}

  .mtvrse-input-row-otp input:focus-visible {
    outline: 1px solid #ca1f34;
    transition: .5s;
  }

.mtvrse-input-row-otp {
  display: flex;
  gap: 10px;
  width: 45%
}

.resend-otp-myvese {
  margin-top: 1rem;
  margin-bottom: 20px
}

.metaverse_form_wrapper.metaverse_form_wrapper_grid {
  grid-template-columns: 30% 70%
}

.metavrese-recco-cards .rfy-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background: #f5f5f5;
  padding: 21px 20px
}

.metavrese-recco-cards .red-span-metavrs {
  font-family: var(--dev_bold);
  font-size: 12px;
  line-height: 18px;
  color: #c91429;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 0
}

.metavrese-recco-cards .content-rfy p {
  font-size: 16px;
  line-height: 17px;
  color: #111;
  /*text-transform: capitalize;*/
  margin: 0;
  transition: .5s;
}

.rfy-item:hover .content-rfy p {
  transition: .5s;
  color: #ca1f34;
}

.meta-heading-6 {
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  /*text-transform: capitalize;*/
  color: #111;
  letter-spacing: 0;
  margin-bottom: 20px
}

.metaverse-stepper-reccomended {
  position: relative;
  margin: 50px 0 30px;
}

.mTb-100 {
  margin: 75px 0 125px
}

.border-change {
  transition: .2s ease-in-out
}

.metaverse_oneverse,
.modal.myProduct-section-modal,
.what-the-expert-are-saying-section {
  overflow: hidden
}

.per-offer-asper .sup-img-tag {
  width: 15px
}

.per-offer-asper {
  position: relative;
  width: 100%;
  margin-top: 20px;
  border-radius: 10px;
  background: linear-gradient(90deg, #faa61a 0, #faa61AF6 51%, #faa61AE3 81%, #faa61A00 100%) no-repeat padding-box
}

  .per-offer-asper.green {
    background: linear-gradient(90deg, #70b865 0, #70b865F5 51%, #70b865E3 81%, #70b86500 100%) no-repeat padding-box
  }

  .per-offer-asper .offerptag {
    font-family: var(--dev_reg);
    font-size: 18px;
    line-height: 23px;
    color: #000;
    max-width: 83%;
    box-shadow: 0 15px 40px #00000005;
    padding: 12px 15px;
    width: 100%
  }

@media screen and (max-width:1600px) {
  .metavrese-recco-cards .rfy-item {
    padding: 13px 10px;
    gap: 13px
  }
}

@media screen and (min-width:1501px) and (max-width:1600px) {
  .metavrese-recco-cards .content-rfy p {
    font-size: 13px;
    line-height: 13px;
  }

  .header .item-center {
    flex: 0 0 38%
  }

  .metaverse_form_wrapper {
    width: 1230px;
    margin: -100px auto 0;
    grid-template-columns: 350px auto
  }

  .metaverse_image img {
    height: 100%
  }

  .metaverse_img_content_wrapper {
    width: 230px
  }

    .metaverse_img_content_wrapper h4 {
      font-size: 22px
    }

    .metaverse_img_content_wrapper p {
      font-size: 14px
    }

  .metaverse_form {
    padding: 50px
  }

  .metavers_form_head {
    font-size: 45px;
    line-height: 45px
  }

  .metavers_form_subhead,
  .modal_send_otp,
  .select-menu .options .option .option-text {
    font-size: 15px
  }

  .metaverse_form_inputs_wrapper {
    margin-top: 30px
  }

  .input-field-box input,
  .select-menu .select-btn {
    height: 50px;
    font-size: 15px;
    padding: 0 20px
  }

  .arrow_drop_cust {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333
  }

  .select-menu .options .option {
    margin-bottom: 0
  }

  .select-menu .options {
    padding: 10px 20px
  }

  .metaverse_oneverse_image_sec {
    height: 530px
  }

  .meta_sec_head p {
    font-size: 16px;
    line-height: 18px;
    width: 400px
  }

  .meta_verse_knw_btn .know_more_about-us {
    margin-top: 60px;
    font-size: 14px;
    height: auto;
    padding: 15px 64px
  }

  .plan_details {
    height: auto;
    padding: 10px
  }

  .plan_list_wrapper {
    grid-template-columns: 170px 170px
  }

  .plan_details h4 {
    margin: 0
  }

  .plan_details img {
    max-width: 20px
  }

  .metaverse-paragraph-v2 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0
  }

  .label-title-w,
  .plan_details h4 {
    font-size: 16px;
    line-height: 17px
  }

  .form_clickable_tabs li button {
    font-size: 15px;
    line-height: 17px
  }

  .meta-heading-6 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px
  }

  .modal.metaverse_right_pos .modal-content {
    padding: 20px 30px;
    width: 100%
  }

  .modal.metaverse_right_pos.show .modal-dialog {
    transform: translateX(0);
    min-width: 500px;
  }

  .metaverse_right_pos span {
    font-size: 30px;
    line-height: 1
  }

  .metaverse_right_pos .btn-close {
    top: 10px;
    right: 10px;
    font-size: 12px
  }

  .metaverse_right_pos p {
    font-size: 16px
  }

  .modal-header.metaverse_right_pos_head {
    padding-bottom: 10px
  }

  .modal_form_control input {
    height: auto;
    padding: 10px 20px;
    font-size: 15px
  }

  .meta_modal_otp_wrappper span,
  .modal_form_control label {
    font-size: 15px;
    margin-bottom: 10px
  }

  .know_more_about-us {
    width: fit-content;
    height: auto;
    padding: 11px 30px;
    font-size: 14px
  }

  .meta_modal_otp_wrappper h3,
  .metaModal-otp-heading {
    font-size: 45px
  }

  .otp_mod {
    width: 50px;
    height: 50px;
    font-size: 15px
  }
}

@media screen and (min-width:1200px) and (max-width:1500px) {
  .resend-otp-myvese {
    margin-bottom: 20px;
  }

  .metavrese-recco-cards .content-rfy p {
    font-size: 13px;
    line-height: 13px;
  }

  .ff-overlay-inner p {
    font-size: 12px;
    padding: 0;
  }

  .know-more-btn.meta_modal_btn .know_more_about-us {
    width: auto;
    font-size: 14px;
    height: auto;
    padding: 10px 25px 7px
  }

  .metaverse_form_wrapper {
    width: 960px;
    margin: -100px auto 0;
    grid-template-columns: 350px auto
  }

  .metaverse_image img {
    height: 100%
  }

  .metaverse_img_content_wrapper {
    width: 220px;
    left: 20px
  }

    .metaverse_img_content_wrapper h4 {
      font-size: 22px
    }

    .metaverse_img_content_wrapper p {
      font-size: 14px
    }

  .metaverse_form {
    padding: 50px 30px 0
  }

  .metavers_form_head {
    font-size: 45px;
    line-height: 45px
  }

  .metavers_form_subhead,
  .modal_send_otp,
  .select-menu .options .option .option-text {
    font-size: 15px
  }

  .metaverse_form_inputs_wrapper {
    margin-top: 30px
  }

  .input-field-box input,
  .select-menu .select-btn {
    height: 50px;
    font-size: 15px;
    padding: 0 20px
  }

  .arrow_drop_cust {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333
  }

  .select-menu .options .option {
    margin-bottom: 0
  }

  .select-menu .options {
    padding: 10px 20px
  }

  .metaverse_oneverse_image_sec {
    height: 500px
  }

  .meta_sec_head p {
    font-size: 18px;
    width: 400px;
    line-height: 1.3;
  }

  .meta_verse_knw_btn .know_more_about-us {
    font-size: 14px;
    height: auto;
    padding: 16px 70px;
  }

  .plan_details {
    height: auto;
    padding: 10px
  }

  .plan_list_wrapper {
    grid-template-columns: 170px 170px
  }

  .plan_details h4 {
    margin: 0
  }

  .plan_details img {
    max-width: 20px
  }

  .metaverse-paragraph-v2 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0
  }

  .form_clickable_tabs li button,
  .label-title-w,
  .plan_details h4 {
    font-size: 15px;
    line-height: 17px
  }

  .meta-heading-6 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 15px
  }

  .modal.metaverse_right_pos .modal-content {
    padding: 50px;
    width: 100%
  }

  .modal.metaverse_right_pos.show .modal-dialog {
    transform: translateX(0);
    width: auto
  }

  .metaverse_right_pos span {
    font-size: 30px;
    line-height: 1
  }

  .metaverse_right_pos .btn-close {
    top: 10px;
    right: 10px;
    font-size: 14px;
  }

  .metaverse_right_pos p {
    font-size: 16px
  }

  .modal-header.metaverse_right_pos_head {
    padding-bottom: 10px
  }

  .modal_form_control input {
    height: auto;
    padding: 10px 20px;
    font-size: 15px
  }

  .meta_modal_otp_wrappper span,
  .modal_form_control label {
    font-size: 15px;
    margin-bottom: 10px
  }

  .know_more_about-us {
    width: fit-content;
    height: auto;
    padding: 11px 30px;
    font-size: 14px
  }

  .meta_modal_otp_wrappper h3,
  .metaModal-otp-heading {
    font-size: 45px
  }

  .otp_mod {
    width: 50px;
    height: 50px;
    font-size: 15px
  }

  .modal.metaverse_right_pos .modal-dialog {
    min-width: 500px;
  }
}

@media screen and (min-width:992px) and (max-width:1199px) {
  .meta_sec_head {
    width: auto
  }

  .metaverse_form_wrapper {
    width: 960px;
    margin: -100px auto 0;
    grid-template-columns: 350px auto
  }

  .metaverse_image img {
    height: 100%
  }

  .metaverse_img_content_wrapper {
    width: 230px
  }

    .metaverse_img_content_wrapper h4 {
      font-size: 22px
    }

    .metaverse_img_content_wrapper p {
      font-size: 14px
    }

  .metaverse_form {
    padding: 50px 30px 0
  }

  .metavers_form_head {
    font-size: 45px;
    line-height: 45px
  }

  .metavers_form_subhead,
  .modal_send_otp,
  .select-menu .options .option .option-text {
    font-size: 15px
  }

  .metaverse_form_inputs_wrapper {
    margin-top: 30px
  }

  .input-field-box input,
  .select-menu .select-btn {
    height: 50px;
    font-size: 15px;
    padding: 0 20px
  }

  .arrow_drop_cust {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333
  }

  .select-menu .options .option {
    margin-bottom: 0
  }

  .select-menu .options {
    padding: 10px 20px
  }

  .metaverse_oneverse_image_sec {
    height: 475px
  }

  .meta_sec_head p {
    font-size: 17px;
    width: 400px
  }

  .meta_verse_knw_btn .know_more_about-us {
    font-size: 14px;
    height: auto;
    padding: 15px 60px
  }

  .plan_details {
    height: auto;
    padding: 10px
  }

  .plan_list_wrapper {
    grid-template-columns: 170px 170px
  }

  .plan_details h4 {
    margin: 0
  }

  .plan_details img {
    max-width: 20px
  }

  .metaverse-paragraph-v2 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0
  }

  .form_clickable_tabs li button,
  .label-title-w,
  .plan_details h4 {
    font-size: 15px;
    line-height: 17px
  }

  .meta-heading-6 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 15px
  }

  .modal.metaverse_right_pos .modal-content {
    padding: 20px 30px;
    width: 440px
  }

  .modal.metaverse_right_pos.show .modal-dialog {
    transform: translateX(0);
    width: auto
  }

  .metaverse_right_pos span {
    font-size: 30px;
    line-height: 1
  }

  .metaverse_right_pos .btn-close {
    top: 10px;
    right: 10px;
    font-size: 12px
  }

  .metaverse_right_pos p {
    font-size: 16px
  }

  .modal-header.metaverse_right_pos_head {
    padding-bottom: 10px
  }

  .modal_form_control input {
    height: auto;
    padding: 10px 20px;
    font-size: 15px
  }

  .meta_modal_otp_wrappper span,
  .modal_form_control label {
    font-size: 15px;
    margin-bottom: 10px
  }

  .know_more_about-us {
    width: fit-content;
    height: auto;
    padding: 11px 30px;
    font-size: 14px
  }

  .meta_modal_otp_wrappper h3,
  .metaModal-otp-heading {
    font-size: 45px
  }

  .otp_mod {
    width: 50px;
    height: 50px;
    font-size: 15px
  }

  .meta_sec_head {
    left: 60px;
    top: 80px;
  }
}

@media screen and (max-width:991px) {
  .meta_sec_head .font_purp {
    justify-content: center
  }

  .modal.metaverse_right_pos .modal-content {
    padding: 20px 30px;
    width: 100%
  }

  .modal.metaverse_right_pos.show .modal-dialog {
    transform: translateX(0);
    min-width: 100%
  }

  .metaverse_right_pos span {
    font-size: 30px;
    line-height: 1
  }

  .metaverse_right_pos .btn-close {
    top: 10px;
    right: 10px;
    font-size: 12px
  }

  .metaverse_right_pos p {
    font-size: 16px
  }

  .modal-header.metaverse_right_pos_head {
    padding-bottom: 10px
  }

  .modal_form_control input {
    height: auto;
    padding: 10px 20px;
    font-size: 15px
  }

  .meta_modal_otp_wrappper span,
  .modal_form_control label {
    font-size: 15px;
    margin-bottom: 10px
  }

  .know_more_about-us {
    width: fit-content;
    height: auto;
    padding: 11px 30px;
    font-size: 14px
  }

  .modal_send_otp,
  .otp_mod,
  .select-menu .options .option .option-text {
    font-size: 15px
  }

  .meta_modal_otp_wrappper h3,
  .metaModal-otp-heading {
    font-size: 45px
  }

  .otp_mod {
    width: 50px;
    height: 50px
  }

  .meta_sec_head {
    width: 100%;
    top: 50px;
    left: 0;
    text-align: center
  }

  .metaverse_form_wrapper {
    width: auto;
    margin: -100px auto 0;
    display: block;
    padding: 0
  }

  .metaverse_image img {
    height: auto
  }

  .metaverse_img_content_wrapper {
    width: 230px
  }

    .metaverse_img_content_wrapper h4 {
      font-size: 22px
    }

    .metaverse_img_content_wrapper p {
      font-size: 14px
    }

  .metaverse_form {
    padding: 25px 10px
  }

  .metavers_form_head {
    font-size: 35px;
    line-height: 35px;
    text-align: center
  }

  .metavers_form_subhead {
    font-size: 15px;
    text-align: center;
    line-height: 1.6
  }

  .metaverse_form_inputs_wrapper {
    margin-top: 30px;
    row-gap: 15px
  }

  .input-field-box input,
  .select-menu .select-btn {
    height: 50px;
    font-size: 15px;
    padding: 0 20px
  }

  .arrow_drop_cust {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333
  }

  .select-menu .options .option {
    margin-bottom: 0
  }

  .select-menu .options {
    padding: 10px 20px
  }

  .metaverse_oneverse_image_sec {
    height: 627px
  }

  .meta_sec_head p {
    font-size: 16px;
    width: auto;
    padding: 0 10px;
    line-height: 20px
  }

  .meta_verse_knw_btn .know_more_about-us {
    font-size: 12px;
    height: auto;
    padding: 12px 40px 9px;
    width: fit-content
  }

  .metaverse_image {
    display: none
  }

  .metaverse_oneverse_form_section {
    padding: 0 20px
  }

  .form_clickable_tabs li button {
    padding: 0 10px;
    font-size: 13px;
    line-height: 14px
  }

  .form_clickable_tabs {
    justify-content: space-between
  }

  .plan_list_wrapper {
    grid-template-columns: auto auto;
    gap: 10px
  }

  .plan_details h4 {
    width: 80px;
    margin: 0
  }

  .plan_details {
    height: auto;
    padding: 10px 5px;
    gap: 8px
  }

    .plan_details img {
      max-width: 20px
    }

    .label-title-w,
    .plan_details h4 {
      font-size: 12px;
      line-height: 13px
    }

  .meta-heading-6 {
    font-size: 21px;
    line-height: 27px;
    margin-bottom: 13px
  }

  .check-box-flex {
    gap: 8px;
    max-width: 100%;
    overflow-x: scroll;
    padding-bottom: 10px
  }

    .check-box-flex::-webkit-scrollbar {
      height: 2px
    }

  .step-wrapper-heading {
    left: 0
  }

  .contactus-stepper-wrapper .form-step2.active {
    padding: 18px 13px
  }

  .metaverse-paragraph-v2 {
    font-size: 15px;
    line-height: 21px;
    text-align: center
  }

  .mTb-100 {
    margin: 50px 0 80px
  }

  .mtvrse-input-row-otp input {
    width: 35px;
    height: 35px;
    font-size: 14px;
    line-height: 17px
  }

  .resend-otp-myvese {
    margin-bottom: 60px
  }

  .metaverse-stepper-reccomended {
    margin: 60px 0 40px
  }
}

#exampleModal--ss1 .input-group,
.dc-sec-heading h2,
.metaverse_oneverse_image_sec h2.section-heading {
  margin-bottom: 20px
}

.abc_of_calc {
  background: #fff;
  padding: 160px 140px
}

.calc_tab_main_wrapper {
  display: grid;
  grid-template-columns: 471px auto
}

.cal_custom_drop {
  margin-top: 30px;
  width: 402px;
  position: relative
}

.bmi_chart_Wrapper h3 {
  margin: 0;
  font: normal normal 24px/10px var(--dev_bold);
  letter-spacing: 0;
  color: #111;
  opacity: 1
}

.bmi_chart_Wrapper h4 span {
  font: normal normal 45px/102px var(--dev_bold);
  letter-spacing: 0;
  color: #c91429;
  opacity: 1
}

.bmi_chart_Wrapper h4 {
  font: normal normal 24px/102px var(--dev_bold);
  letter-spacing: 0;
  color: #111;
  opacity: 1
}

.select-menu .select-btn {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 60px;
  background: no-repeat padding-box #f9f9f9;
  border: 1px solid #f2f2f2;
  border-radius: 30px;
  opacity: 1;
  padding: 0 30px;
  position: relative;
  font: normal normal 16px/26px var(--dev_med);
  letter-spacing: 0;
  color: rgb(17 17 17 / 70%)
}

.select-menu .options {
  position: absolute;
  width: 100%;
  overflow-y: auto;
  padding: 25px 0;
  max-height: 295px;
  background: no-repeat padding-box #fff;
  box-shadow: 4px 8px 20px #0000001A;
  border: 1px solid #efefef;
  border-radius: 24px;
  opacity: 1;
  margin-top: 5px;
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: .35s;
  animation-fill-mode: both;
  -webkit-animation-duration: .35s;
  -webkit-animation-fill-mode: both;
  visibility: hidden;
  pointer-events: none
}

  .select-menu .options .option {
    display: flex;
    cursor: pointer;
    border-radius: 8px;
    align-items: center;
    background: #fff;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
    padding: 3px 20px;
    transition: all .5s ease-in-out;
  }

    .select-menu .options .option::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 3px;
      height: 100%;
      background: transparent;
      transition: all .5s ease-in-out;
    }

.left_Wrapper_container .cus-container:last-child:before {
  display: none;
}

.select-menu .options .option.selected_option::before {
  background: #CA1F34;
  transition: all .5s ease-in-out;
}

.sBtn-text,
.select-menu .options .option .option-text {
  font: normal normal 18px/22px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #111;
  /*text-transform: capitalize;*/
  opacity: 1
}


.select-menu.active .options {
  display: block;
  opacity: 0;
  z-index: 10;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: .4s;
  animation-fill-mode: both;
  -webkit-animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  visibility: visible;
  pointer-events: all
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, -30px, 0);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@keyframes fadeInDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1
  }

  to {
    transform: translate3d(0, -30px, 0);
    opacity: 0
  }
}

.csr_head_wrap,
.csr_swiper_wrapper img,
.option-text {
  transition: .5s
}

.arrow_drop_cust {
  position: absolute;
  transition: .5s;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #111;
  content: '';
  display: inline-block;
  height: 10px;
  right: 30px;
  top: 21px;
  vertical-align: top;
  width: 10px;
  transform: rotate(135deg)
}

.select-menu.active .arrow_drop_cust {
  transform: rotate(315deg) scaleZ(-1)
}

.cal_custom_drop2 .option.selected_option:after {
  content: '';
  display: block;
  width: 7px;
  height: 13px;
  border: solid #C91429;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: relative;
  left: 10px;
  top: -1px;
}

.option.selected_option:after {
  content: '';
  display: block;
  width: 7px;
  height: 13px;
  border: solid #C91429;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: relative;
  left: 10px;
  top: -1px;
  opacity: 0;
}

.select-menu .option {
  pointer-events: none
}

.select-menu.active .option {
  pointer-events: all
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.options::-webkit-scrollbar-track {
  border-radius: 50px
}

.options::-webkit-scrollbar-thumb {
  border-radius: 50px
}

.options::-webkit-scrollbar {
  width: 10px
}

.select-menu.active .option:last-child {
  margin-bottom: 0
}

.form-input-main.top-overlap input:focus,
.select-menu.active .select-btn {
  border-color: transparent;
}

.select-menu .select-btn:after,
.select-menu .select-btn:before {
  content: '';
  background: #000;
  content: '';
  position: absolute;
  width: 8px;
  height: 2.45px;
  display: inline-block;
  border-radius: 50px;
  transition: .5s;
  right: 0
}

.select-menu .select-btn:before {
  transform: rotate(-45deg);
  right: 40px
}

.select-menu .select-btn:after {
  transform: rotate(45deg);
  right: 45px
}

.select-menu.active .select-btn:after {
  transform: rotate(-45deg)
}

.select-menu.active .select-btn:before {
  transform: rotate(45deg)
}

.cal_custom_drop .select-btn {
  border: 1px solid #dedede
}

.calc_tab_list .nav-link {
  width: 100%;
  padding-bottom: 20px;
  text-align: left;
  margin-bottom: 20px;
  border-bottom: 1px solid #00000057;
  transition: .3s;
  position: relative;
  font: normal normal 18px/22px var(--dev_med);
  letter-spacing: 0;
  color: #000;
  opacity: .8;
  /*text-transform: capitalize;*/
  transition: all .5s ease-in-out;
}

  .calc_tab_list .nav-link.active {
    border-color: #c91429;
    color: #c91429;
    font-family: var(--dev_bold);
    transition: all .5s ease-in-out;
    opacity: 1;
  }

.calc_range_graph_wrapper .know-more-btn.sec_4_start_btn a,
.calc_tab_list {
  margin-top: 30px
}

  .calc_tab_list .nav-link:after {
    position: absolute;
    content: '';
    right: 20px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #c91429;
    display: inline-block;
    height: .45em;
    transform: rotate(45deg);
    width: .45em;
    top: 10px;
    transition: all .5s ease-in-out;
    opacity: 0;
    visibility: hidden;
  }

  .calc_tab_list .nav-link.active::after {
    right: 0;
    opacity: 1;
    visibility: visible;
    transition: all .5s ease-in-out;
  }

  .calc_tab_list .nav-link:hover {
    transition: all .5s ease-in-out;
    color: #c91429;
    border-bottom: 1px solid #c91429;
    opacity: 1;
  }

    .calc_tab_list .nav-link:hover::after {
      transition: all .5s ease-in-out;
      right: 0;
      opacity: 1;
      visibility: visible;
    }

.calc_tab_radio_Wrapper label input:checked + span,
.calc_tab_radio_Wrapper li button {
  font: normal normal 18px/20px var(--dev_bold);
  letter-spacing: 0;
  color: #111;
  opacity: 1
}

.calc_tab_radio_Wrapper {
  display: flex;
  gap: 8px;
  margin-top: 0;
  margin-bottom: 40px;
}

  .calc_tab_radio_Wrapper label {
    display: flex;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    padding-right: 30px
  }

    .calc_tab_radio_Wrapper label input {
      position: absolute;
      left: -9999px
    }

      .calc_tab_radio_Wrapper label input:checked + span:before {
        box-shadow: inset 0 0 0 .3975em #c91429
      }

    .calc_tab_radio_Wrapper label span {
      display: flex;
      align-items: center;
      transition: .25s;
      font: normal normal 18px/20px var(--dev_bold);
      letter-spacing: 0;
      color: rgb(17 17 17 / 70%);
      /*text-transform: capitalize;*/
    }

      .calc_tab_radio_Wrapper label span:before {
        display: flex;
        flex-shrink: 0;
        content: "";
        background-color: #fff;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        margin-right: .375em;
        transition: .25s;
        box-shadow: inset 0 0 0 .125em #888
      }

.calc_main_grid {
  display: grid;
  grid-template-columns: 591px auto;
  border: 1px solid #dcdcdc;
  overflow: hidden;
  box-shadow: 19px 23px 70px #00000017;
  border-radius: 20px;
  opacity: 1;
  height: 710px;
  overflow-y: scroll;
}

  .calc_main_grid::-webkit-scrollbar {
    width: 2px;
  }

  .calc_main_grid::-webkit-scrollbar-thumb {
    background: #CA1F34;
  }

.calc_range {
  padding: 48px 70px;
  background: #fffbf2;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}


  .calc_range::-webkit-scrollbar {
    width: 2px;
  }

  .calc_range::-webkit-scrollbar-thumb {
    background: #C91429;
  }

.slider-container {
  display: flex;
  flex-direction: column;
  gap: 10px
}

.suggestionsWrap ul {
  display: flex;
  gap: 10px;
  padding-top: 7px;
}

.suggestionsWrap li a {
  background-color: #fff;
  border: 1px solid #E1E1E1;
  border-radius: 10px;
  font: normal normal 14px/20px var(--dev_semi_bold);
  color: #000000;
  text-transform: uppercase;
  opacity: 0.8;
  padding: 7px 20px;
  transition: none;
}

  .suggestionsWrap li a:hover {
    border: 1px solid #C91429;
  }

.suggestionsWrap li.selected a {
  background: url('../images/icon-tick.svg') right 15px center no-repeat #fff;
  padding-right: 40px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  opacity: 1;
  display: block;
  /* background: url(https://mywildalberta.ca/images/GFX-MWA-Parks-Reservations.png) no-repeat; */
  background-image: url('../../assets/images/date-picker-icon.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  border-width: thin;
}

.calc_slider-input,
.calc_slider-input1,
.calc_rslider_content .date-input {
  height: 60px;
  background: no-repeat padding-box #fff;
  border: 1px solid #e1e1e1;
  border-radius: 30px;
  font: normal normal 20px/22px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #000;
  opacity: 1;
  padding: 0 20px 0;
  display: flex;
  align-items: center;
  transition: all .5s ease-in-out;
}

  .calc_slider-input:focus-visible,
  .calc_slider-input1:focus-visible,
  .calc_rslider_content .date-input:focus-visible {
    outline: 1px solid #c91429;
    transition: all .5s ease-in-out;
  }

.calc-custom-slider {
  width: 90%;
  box-shadow: none;
  border: none;
  background: 0 0;
  margin: 0 auto
}

.noUi-connect {
  background: #ca1f34;
  height: 4px
}

.noUi-base {
  background: #e9e9e9;
  height: 2px
}

.noUi-handle.noUi-handle-lower {
  border-radius: 100px;
  height: 14px;
  width: 14px;
  top: -6px;
  background: #ca1f34;
  box-shadow: none;
  border: none;
  right: -5px;
  cursor: pointer;
  box-shadow: 0 2px 5px #00000026
}

.noUi-connects {
  border-radius: 0;
  height: 4px
}

.calc_rslide_ico {
  width: 50px;
  height: 50px;
  background: no-repeat padding-box #f5f5f5;
  opacity: 1;
  align-items: center;
  display: none;
  justify-content: center;
  border-radius: 100px
}

.calculator_range_slider_grid {
  display: grid;
  grid-template-columns: auto;
  gap: 5px;
  padding: 0
}

.calc_rslide_ico img {
  max-width: 24px
}

.calc_rslider_content span {
  font: normal normal 12px/1.6 var(--dev_bold);
  letter-spacing: 0;
  color: #111;
  text-transform: uppercase;
  opacity: .8;
  margin: 0
}

.calc_rslider_content span,
.rsLabel,
.graph_legends p {
  color: #000;
  opacity: .8;
  letter-spacing: 0;
  margin: 0
}

#rangeValue,
#rangeValue2,
#rangeValue3,
.range_value_wrapper,
.range_value_wrapper2,
.range_value_wrapper3 {
  font: normal normal 32px/1.6 var(--dev_bold);
  letter-spacing: 0;
  color: #111;
  opacity: 1
}

.calculator_range_slider_wrapper {
  opacity: 1;
  margin-top: 0;
  margin-bottom: 40px;
}

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

.calc_rslider_content span,
.rsLabel {
  /*  font: normal normal 14px/20px var(--dev_semi_bold);
    text-transform: uppercase*/

  font-family: var(--dev_semi_bold);
  font-size: 14px;
}

.sec_4_view_btn .know_more_about-us {
  background: #C91429;
  width: 273px;
  height: 60px
}

.sec_4_start_btn .know_more_about-us {
  border-color: #C91429;
  color: #C91429;
  width: fit-content;
  height: 50px;
  font-size: 14px;
  padding: 0 20px
}

.calc_range_graph_wrapper.bmi_content_range_Wrpper::after,
.grph_bg_img {
  height: 230px
}

.sec_4_start_btn .know_more_about-us:after {
  background-color: #c914290D
}

.calc_range_graph_wrapper {
  background: #fff;
  position: relative;
  z-index: 0;
  padding: 40px
}

  .calc_range_graph_wrapper:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 230px;
    width: 100%;
    z-index: -1;
    display: none;
    background: #2e343e
  }

.grph_bg_img {
  z-index: 0;
  position: absolute;
  bottom: 0;
  object-fit: cover;
  opacity: .1
}

.dummy_grph {
  max-width: 281px
}

.calc_range_graph {
  padding: 0;
  text-align: center
}

.graph_legends p {
  font: normal normal 16px/36px var(--dev_bold);
  display: flex;
  align-items: center;
  gap: 6px
}

.graph_legends {
  display: flex;
  justify-content: center;
  gap: 30px
}

  .graph_legends p img {
    max-width: 30px
  }

.calc_range_metrics p {
  margin: 0;
  font: normal normal 16px/20px var(--dev_med);
  letter-spacing: 0;
  color: #111;
  opacity: .8
}

.calc_range_metrics span {
  margin: 0;
  font: normal normal 28px/36px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #000;
  opacity: 1
}

.calc_range_metrics_wrapper {
  margin-top: 8px;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between
}

  .calc_range_metrics_wrapper.single_amount_report_wrapper {
    justify-content: center;
    flex-direction: column;
    gap: 18px;
  }

.single_amount_report_wrapper .calc_range_metrics {
  text-align: center;
}

.calc_range_metrics_wrapper.single_amount_report_wrapper:before {
  opacity: 0;
}

.multy_metrics_style .calc_range_metrics span {
  font: normal normal 20px/22px var(--dev_semi_bold);
}

.calc_range_metrics_wrapper.multy_metrics_style {
  margin-top: 40px;
}

.radio-labes-new {
  margin-bottom: 8px;
}

.para_content_Wrapper {
  padding: 20px;
  background: #fff;
  margin: 10px 40px 0
}

.resultOuter {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.desclamer_wrap p {
  font-family: var(--dev_semi_bold);
  font-size: 14px;
  line-height: 1.2em;
  color: #000;
  margin-top: 10px;
}

  .desclamer_wrap p .strong-text-dis {
    font-family: var(--dev_bold);
  }

[id^=tooltip-canvas] {
  position: absolute;
  top: 85px;
  left: 0;
  margin: 0 auto;
  right: 0
}

[id^=canvas] {
  width: 100% !important;
  height: auto !important;
  margin: 0 auto;
}

.canvas_tooltip_info {
  position: absolute;
  left: 0;
  right: 0;
  top: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

  .canvas_tooltip_info span {
    margin-bottom: 0;
    display: block;
    font: normal normal 14px/15px var(--dev_bold);
    letter-spacing: 0;
    color: #000;
    text-transform: uppercase;
    opacity: .8
  }

  .canvas_tooltip_info p {
    margin: 0;
    font: normal normal 42px/65px var(--dev_bold);
    letter-spacing: 0;
    color: #000;
    opacity: 1
  }

.canvas_doughnut_chart:before {
  position: absolute;
  content: '';
  left: 0;
  width: 250px;
  height: 250px;
  right: 0;
  box-shadow: 0 0 20px #00000008;
  opacity: 1;
  background: #fff;
  border-radius: 100%;
  margin: 0 auto;
  top: 40px
}

.bmi_tab {
  border-radius: 30px;
  opacity: 1;
  display: flex;
  width: fit-content;
  padding: 0 33px;
  align-items: center;
  height: 50px
}

  .bmi_tab.active {
    background: no-repeat padding-box #c914290D;
    border: 1px solid #c91429
  }

  .bmi_tab img {
    max-width: 10px;
    margin-right: 5px
  }

  .bmi_tab span {
    display: flex
  }

.bmi_tab_Wrapper {
  gap: 0
}

.sub_tab_wrapper_bmi_tab2 {
  display: flex;
  height: 40px;
  background: no-repeat padding-box #1111110D;
  border: 1px solid #11111126;
  border-radius: 20px;
  opacity: 1;
  width: fit-content;
  padding: 0 5px;
  align-items: center;
  margin-top: 50px
}

.bmi_tab_sub_btn {
  width: 79px;
  height: 30px;
  border-radius: 30px;
  font: normal normal 14px/22px var(--dev_med);
  letter-spacing: 0;
  opacity: 1
}

  .bmi_tab_sub_btn.active {
    background: no-repeat padding-box #fff;
    border: 1px solid #C91429;
    color: #C91429
  }

.BMI_content_wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #2e343e;
  padding: 30px 50px
}

  .BMI_content_wrapper li {
    font: normal normal 16px/30px var(--dev_reg);
    letter-spacing: 0;
    color: #fff;
    /*text-transform: capitalize;*/
    opacity: 1;
    list-style: disc
  }

.bmi_chart_data_Wrapper h3,
.bmi_result,
.bmi_chart_heading_title {
  letter-spacing: 0;
  color: #111;
  opacity: 1
}

.BMI_content_wrapper ul {
  padding-left: 0
}

.bmi_graph_needle_img {
  position: absolute;
  max-width: 200px;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 80px
}

.bmi_chart_image_wraper {
  position: relative;
  /* margin-bottom: -100px; */
  max-width: 100%
}

.bmi_graph_img {
  width: 341px
}

.bmi_chart_data_Wrapper h3,
.bmi_chart_heading_title {
  font: normal normal 24px/40px var(--dev_bold)
}

.bmi_result span {
  font: normal normal 45px/12px var(--dev_bold);
  letter-spacing: 0;
  color: #c91429;
  opacity: 1
}

.bmi_result {
  font: normal normal 24px/12px var(--dev_bold)
}

.card-discription,
.card-name-heading,
.graph_results p,
.graph_results span {
  color: #000;
  letter-spacing: 0;
}

.calc_range_graph_wrapper .know-more-btn.sec_4_start_btn {
  justify-content: center;
  display: flex
}

.legend_icon {
  width: 13px;
  height: 5px;
  opacity: 1;
  border-radius: 20px;
  display: inline-block;
  top: 0px;
  position: relative;
}

.graph_results {
  height: 109px;
  background: no-repeat padding-box #70b865;
  border-radius: 20px;
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
  gap: 10px;
  margin-top: 60px
}

  .graph_results p {
    font: normal normal 16px/40px var(--dev_med);
    opacity: .8
  }

  .graph_results span {
    display: block;
    font: normal normal 36px/20px var(--dev_semi_bold);
    opacity: 1
  }

    .graph_results span small {
      font-size: 24px;
      line-height: 1.1em;
    }

.calc_range_metrics_wrapper:before {
  position: absolute;
  content: '';
  bottom: auto;
  top: 25%;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 37px;
  width: 1px;
  background: #000;
  opacity: .2;
}

.canvas_doughnut_chart_wrapper img {
  max-width: 310px
}

/*New Css for Calcutor Add HERE*/
.calc_range_metrics_wrapper.single_result_amount_wrapper:before {
  opacity: 0;
}

.calc_range_metrics_wrapper.single_result_amount_wrapper {
  justify-content: center;
}

.single_result_amount_wrapper .calc_range_metrics {
  text-align: center;
}

.radio_text_capitlise {
  text-transform: capitalize !important;
}

.y_overflow::-webkit-scrollbar {
  width: 2px;
}

.y_overflow::-webkit-scrollbar-thumb {
  background: #CA1F34;
}

.radio_button_wrap {
  margin-top: 15px;
}

.date_picker_mb input {
  height: 60px;
  /* background: no-repeat padding-box #fff; */
  border: 1px solid #e1e1e1;
  border-radius: 30px;
  letter-spacing: 0;
  color: #000;
  opacity: 1;
  padding: 0 20px 0;
  display: flex;
  align-items: center;
}

  .date_picker_mb input::-webkit-inner-spin-button {
    display: none;
  }

  .date_picker_mb input::-webkit-calendar-picker-indicator {
    background-color: white
  }

input[type=date] {
  font-size: 25px;
}

.date_picker_mb input::-webkit-datetime-edit-text {
  font-family: var(--dev_semi_bold);
  font-size: 20px;
  line-height: 0;
}

.date_picker_mb input::-webkit-calendar-picker-indicator {
  background-image: url('../../assets/images/date-picker-icon.svg');
  background-position: center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  color: rgba(204, 204, 204, 0);
  cursor: pointer;
}

.date_picker_mb input[type="date"] {
  font-family: var(--dev_semi_bold);
  font-size: 20px;
  line-height: 22px;
  border: 1px solid #ccc;
  color: #000;
}

.locked_input {
  position: relative;
  pointer-events: none;
}

  .locked_input .locked_icon {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
  }

.calc_main_grid.income-tax-wrapper {
  display: block;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border: none;
  overflow: initial;
}

.calc_main_grid.tax-generate-rent-recept-wrapper {
  display: block;
  padding: 48px 70px;
  background: #fffbf2;
}

.reciept-details-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.heading-form {
  font-family: var(--dev_semi_bold);
  font-size: 25px;
  line-height: 32px;
  color: #414042;
  /*text-transform: capitalize;*/
  margin-bottom: 10px;
}

.input-fluid-wrap label {
  font-family: var(--dev_semi_bold);
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #000000;
  opacity: .8;
  margin-bottom: 8px;
}

.input-fluid-wrap input {
  border: 1px solid #E1E1E1;
  border-radius: 30px;
  height: 60px;
  padding: 0px 25px;
  text-transform: unset;
  margin: 0;
  width: 100%;
  font-family: var(--dev_med);
  font-size: 18px;
  line-height: 20px;
  color: rgba(0, 0, 0, 1);
  transition: all .5s ease-in-out;
}

  .input-fluid-wrap input::placeholder {
    /*text-transform: capitalize;*/
    color: rgba(0, 0, 0, .5);
  }

  .input-fluid-wrap input:focus-visible {
    outline: none;
    border: 1px solid #c91429;
    transition: all .5s ease-in-out;
  }

  .input-fluid-wrap input:focus {
    box-shadow: none;
  }

.form-button-wrap .getRentReciept {
  transition: all .5s ease-in-out;
  background: #C91429;
  float: right;
  width: 333px;
}

.reciept-details {
  margin-bottom: 40px;
}

.receipt-form-step {
  /* display: none; */
}

  .receipt-form-step.active {
    display: block;
  }

.rr-icon {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  padding: 8px;
  border: 1px solid #DBDBDB;
}

  .rr-icon img {
    border-radius: 50%;
  }

.receipt-report-white {
  background: #fff;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  padding: 30px;
}

.rr-content-para {
  font-family: var(--dev_med);
  font-size: 20px;
  line-height: 28px;
  color: #4C4C4C;
  margin: 0;
}

  .rr-content-para .rr-content-strong {
    font-family: var(--dev_semi_bold);
    color: #111111;
  }

.signature-stampp {
  display: flex;
  justify-content: space-between;
  align-items: end;
  width: 100%;
  flex: 1;
}

textarea.form-control {
  resize: none;
}

.rent-download-reciept-btn .generate_receipt_btn {
  margin: 0 auto;
}

.tax-generate-rent-recept-wrapper .usser_account_stpper_form {
  height: 100%;
}

.calculator_dropdown .custom-dropdown__button {
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #e1e1e1;
}

  .calculator_dropdown .custom-dropdown__button .zmdi-chevron-down {
    position: absolute;
    right: 40px;
    top: 20px;
  }

.custom-dropdown__button.custom_drp_clicked .zmdi-chevron-down:after {
  transform: rotate(315deg);
  transition: .5s;
}

.custom-dropdown__button.custom_drp_clicked .zmdi-chevron-down:before {
  transform: rotate(230deg);
  transition: .5s;
}

.custom-dropdown__button .drp_arrow_i {
  position: relative;
}

  .custom-dropdown__button .drp_arrow_i::before {
    content: '';
    position: relative;
    width: 7px;
    height: 7px;
    border: 2px solid #000;
    right: 0;
    display: block;
    transform: rotate(45deg);
    border-top: 0;
    border-left: 0;
    transition: all .5s ease-in-out;
  }

.custom-dropdown__button.custom_drp_clicked .drp_arrow_i::before {
  transform: rotate(223deg);
  transition: all .5s ease-in-out;
  top: 3px;
}

@media screen and (max-width:1600px) {
  .calculator_dropdown .custom-dropdown__button {
    height: 50px;
  }

  .select-menu .options .option {
    padding: 5px 20px;
  }

  .cal_custom_drop .select-menu .options .option .option-text {
    line-height: 18px;
  }
}

@media screen and (min-width:1501px) and (max-width:1600px) {
  .abc_of_calc {
    padding: 110px 140px
  }

  .calc_tab_main_wrapper {
    grid-template-columns: 400px auto;
    padding: 0;
  }

  .calc_main_grid {
    grid-template-columns: auto 380px;
    height: 530px;
  }

  .calc_range {
    height: auto;
    padding: 40px;
    max-height: 530px;
    height: 100%;
  }

  .calculator_range_slider_grid {
    padding: 0 0 0;
    gap: 0;
    margin-bottom: -6px
  }

  .cal_custom_drop {
    width: auto;
    margin: 0;
    padding: 0
  }

  .calc_tab_radio_Wrapper label input:checked + span,
  .calc_tab_radio_Wrapper label span {
    font-size: 15px;
    line-height: 15px
  }

    .calc_tab_radio_Wrapper label span:before {
      height: 18px;
      width: 18px
    }

  #rangeValue,
  #rangeValue2,
  #rangeValue3,
  .range_value_wrapper,
  .range_value_wrapper2,
  .range_value_wrapper3 {
    font-size: 25px
  }

  .calc_rslider_content span,
  .graph_legends p {
    font-size: 12px
  }

  .calc_rslider_content span,
  .rsLabel {
    font-size: 12px;
    line-height: 1.2
  }

  .calc_rslide_ico {
    height: 35px;
    width: 35px
  }

    .calc_rslide_ico img {
      max-width: 18px
    }

  .calc_tab_wrapper {
    padding: 0 80px 0 10px
  }

    .calc_tab_wrapper h2.section-heading.heading-flex {
      margin-bottom: 40px
    }

  .calculator_range_slider_wrapper,
  .sub_tab_wrapper_bmi_tab2 {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .calc_tab_radio_Wrapper label {
    padding-right: 0
  }

  .bmi_chart_image_wraper {
    margin-bottom: -130px
  }

  .sec_4_start_btn .know_more_about-us {
    margin-top: 35px;
    padding: 0 40px
  }

  .cal_custom_drop .select-btn {
    height: 50px;
    font-size: 15px;
    padding: 0 20px
  }

  .cal_custom_drop .sBtn-text,
  .cal_custom_drop .select-menu .options .option .option-text {
    font-size: 14px
  }

  .cal_custom_drop .select-menu .options .option .option-text {
    padding: 3px 0;
  }

  .cal_custom_drop .select-menu .select-btn:after {
    right: 26px
  }

  .cal_custom_drop .select-menu .select-btn:before {
    right: 20px
  }

  .cal_custom_drop .select-menu .select-btn:after,
  .cal_custom_drop .select-menu .select-btn:before {
    height: 2px
  }

  .cal_custom_drop .select-menu .options .option {
    margin-bottom: 0
  }

  .cal_custom_drop .select-menu .options {
    padding: 20px 0;
  }

  .calc_tab_list .nav-link {
    font-size: 15px;
    margin-bottom: 22px;
    padding-bottom: 10px
  }

  .sec_4_view_btn .know_more_about-us {
    width: fit-content;
    height: auto;
    font-size: 14px;
    padding: 15px 40px;
    margin: 30px 0 0
  }

  .canvas_doughnut_chart:before {
    width: 180px;
    height: 180px
  }

  [id^=tooltip-canvas] {
    width: 150px
  }

  .calc_range_graph {
    padding: 0
  }

  .calc_range_graph_wrapper:after,
  .grph_bg_img {
    height: 150px
  }

  .calc_range_metrics p {
    font-size: 12px;
    line-height: 12px
  }

  .calc_range_metrics span {
    font-size: 16px;
  }

  .calc_range_metrics {
    height: auto;
    padding: 10px 20px
  }

  .graph_legends {
    margin-top: 10px
  }

  .calc_range_graph_wrapper {
    padding: 20px 30px 30px
  }

  .graph_results {
    margin-top: 20px;
    height: auto;
    padding: 20px 0
  }

  .calc_slider-input,
  .calc_slider-input1,
  .calc_rslider_content .date-input {
    height: 50px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 18px;
  }

  .suggestionsWrap ul {
    gap: 5px;
  }

  .suggestionsWrap li a {
    font-size: 12px;
    line-height: 1.1em;
    padding: 7px 10px;
  }

  .graph_results span {
    font-size: 28px
  }

    .graph_results span small {
      font-size: 20px;
    }

  .graph_results p {
    line-height: 1.4;
    font-size: 14px
  }

  .legend_icon {
    top: 0;
    height: 5px
  }

  /*new css*/
  .date_picker_mb input {
    height: 50px;
    padding: 0 20px;
  }

  .calc_main_grid.tax-generate-rent-recept-wrapper {
    padding: 40px;
    max-height: 530px;
    overflow-y: scroll;
  }

    .calc_main_grid.tax-generate-rent-recept-wrapper::-webkit-scrollbar {
      width: 2px;
    }

    .calc_main_grid.tax-generate-rent-recept-wrapper::-webkit-scrollbar-thumb {
      background: #C91429;
    }

  .input-fluid-wrap label {
    font-size: 12px;
    line-height: 1.2;
  }

  .heading-form {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 7px;
  }

  .input-fluid-wrap input {
    height: 50px;
    padding: 0px 20px;
    font-size: 16px;
    line-height: 18px;
  }

  .reciept-details {
    margin-bottom: 25px;
  }

  .form-button-wrap .getRentReciept {
    width: 275px;
    height: 50px;
  }
}

@media screen and (min-width:1200px) and (max-width:1600px) {
  .calc_tab_radio_Wrapper {
    gap: 15px
  }

  .desclamer_wrap p {
    font-size: 11px;
  }
}


@media screen and (min-width:1200px) and (max-width:1500px) {
  .calc_tab_wrapper h2.section-heading.heading-flex {
    margin-bottom: 40px
  }

  .calculator_range_slider_wrapper {
    margin-top: 0;
    margin-bottom: 29px;
  }

  .graph_legends {
    margin-top: 0;
    margin-bottom: 0;
  }

  .calc_tab_radio_Wrapper label {
    padding-right: 0
  }

  .bmi_chart_image_wraper {
    /* margin-bottom: -144px;
        margin-top: -40px */
  }

  .canvas_doughnut_chart_wrapper img {
    max-width: 200px
  }

  .graph_results p {
    font-size: 12px
  }

  .calc_slider-input,
  .calc_slider-input1,
  .calc_tab_radio_Wrapper li button,
  .calc_rslider_content .date-input {
    font-size: 15px
  }

  .sub_tab_wrapper_bmi_tab2 {
    margin-top: 20px
  }

  .sec_4_start_btn .know_more_about-us {
    margin-top: 35px;
    width: fit-content;
    height: auto;
    padding: 10px 23px
  }

  .abc_of_calc {
    padding: 50px 70px 50px 70px;
  }

  .calc_tab_main_wrapper {
    grid-template-columns: 390px auto;
    padding-left: 0;
    padding-right: 0;
  }

  .calc_main_grid {
    grid-template-columns: auto 50%;
    height: 530px;
  }

  .calc_range {
    /*        height: auto;*/
    padding: 20px 30px;
  }

  .calc_tab_radio_Wrapper {
    gap: 20px;
    margin-top: 0;
    margin-bottom: 30px;
  }

  .bmi_tab {
    height: auto;
    padding: 8px 26px
  }

  .bmi_chart_data_Wrapper h3,
  .bmi_chart_heading_title {
    font-size: 20px
  }

  .bmi_result span {
    font-size: 33px
  }

  .calculator_range_slider_grid {
    padding: 0;
    gap: 0
  }

  .cal_custom_drop {
    width: auto;
    margin: 0;
    padding: 0
  }

  .calc_range_metrics span {
    font-size: 24px;
  }

  .calc_tab_radio_Wrapper label input:checked + span,
  .calc_tab_radio_Wrapper label span {
    font-size: 14px;
    line-height: 14px;
  }

    .calc_tab_radio_Wrapper label span:before {
      height: 18px;
      width: 18px
    }

  #rangeValue,
  #rangeValue2,
  #rangeValue3,
  .range_value_wrapper,
  .range_value_wrapper2,
  .range_value_wrapper3 {
    font-size: 25px;
    margin-bottom: -10px
  }

  .calc_rslider_content span {
    font-size: 10px
  }

  .calc_rslider_content span,
  .rsLabel {
    font-size: 14px;
    line-height: 1.9
  }

  .calc_rslide_ico {
    height: 35px;
    width: 35px
  }

    .calc_rslide_ico img {
      max-width: 18px
    }

  .calc_tab_wrapper {
    padding: 0 60px 0 0
  }

  .cal_custom_drop .select-btn {
    height: 50px;
    font-size: 15px;
    padding: 0 20px
  }

  .cal_custom_drop .select-menu .select-btn:after {
    right: 26px
  }

  .cal_custom_drop .select-menu .select-btn:before {
    right: 20px
  }

  .cal_custom_drop .select-menu .select-btn:after,
  .cal_custom_drop .select-menu .select-btn:before {
    height: 2px
  }

  .cal_custom_drop .select-menu .options .option .option-text {
    font-size: 13px
  }

  .cal_custom_drop .select-menu .options .option {
    margin-bottom: 0
  }

  .cal_custom_drop .select-menu .options {
    padding: 12px 0;
    border-radius: 12px;
  }

  .calc_tab_list .nav-link {
    font-size: 15px;
    margin-bottom: 12px;
    padding-bottom: 10px
  }

  .sec_4_view_btn .know_more_about-us {
    width: fit-content;
    height: auto;
    font-size: 14px;
    padding: 15px 25px;
    margin: 30px 0 0
  }

  .canvas_doughnut_chart:before {
    width: 180px;
    height: 180px
  }

  [id^=tooltip-canvas] {
    width: 150px
  }

  .calc_range_graph {
    padding: 0
  }

  .calc_range_graph_wrapper:after,
  .grph_bg_img {
    height: 150px
  }

  .calc_range_metrics p {
    font-size: 12px
  }

  .calc_range_metrics {
    height: auto
  }

  .calc_range_graph_wrapper {
    padding: 20px 30px
  }

  .graph_results {
    margin-top: 10px;
    height: auto;
    padding: 20px 0
  }

  .calc_range_metrics_wrapper.multy_metrics_style {
    margin-top: 30px;
    gap: 10px;
  }

  .calc_slider-input,
  .calc_slider-input1,
  .calc_rslider_content .date-input {
    height: 50px;
    padding: 0 20px
  }

  .suggestionsWrap ul {
    gap: 5px;
  }

  .suggestionsWrap li a {
    font-size: 12px;
    line-height: 1.1em;
    padding: 7px 10px;
  }

  .suggestionsWrap li.selected a {
    background-size: 12px;
    background-position: right 5px center;
    padding-right: 20px;
  }

  .graph_results span {
    font-size: 25px
  }

    .graph_results span small {
      font-size: 20px;
    }

  .graph_results p {
    line-height: 1.4
  }

  .graph_legends p {
    font-size: 12px
  }

  .legend_icon {
    top: 0;
    height: 5px
  }

  .calc_content_Wrapper .tab-content {
    margin-top: 0;
  }

  /**/
  .date_picker_mb input {
    height: 50px;
    padding: 0 20px;
  }

    .date_picker_mb input[type="date"] {
      font-size: 15px;
    }

  .calc_main_grid.tax-generate-rent-recept-wrapper {
    padding: 40px;
    max-height: 530px;
    overflow-y: scroll;
  }

    .calc_main_grid.tax-generate-rent-recept-wrapper::-webkit-scrollbar {
      width: 2px;
    }

    .calc_main_grid.tax-generate-rent-recept-wrapper::-webkit-scrollbar-thumb {
      background: #C91429;
    }

  .input-fluid-wrap label {
    font-size: 12px;
    line-height: 1.2;
  }

  .heading-form {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 7px;
  }

  .input-fluid-wrap input {
    height: 50px;
    padding: 0px 20px;
    font-size: 16px;
    line-height: 18px;
  }

  .reciept-details {
    margin-bottom: 25px;
  }

  .form-button-wrap .getRentReciept {
    width: 275px;
    height: 50px;
  }
}

@media screen and (max-width:1600px) {
  .calculator_dropdown .custom-dropdown__button {
    height: 45px;
    font-size: 15px;
    line-height: 17px;
  }

  .calc_slider-input,
  .calc_slider-input1,
  .calc_rslider_content .date-input {
    height: 45px;
    font-size: 15px;
    line-height: 17px;
  }
}

@media screen and (min-width:992px) and (max-width:1199px) {
  .calc_range_graph_wrapper {
    padding: 8px 90px 8px 8px;
  }

  .calc_main_grid.tax-generate-rent-recept-wrapper {
    padding: 40px;
    max-height: 530px;
    overflow-y: scroll;
  }

    .calc_main_grid.tax-generate-rent-recept-wrapper::-webkit-scrollbar {
      width: 2px;
    }

    .calc_main_grid.tax-generate-rent-recept-wrapper::-webkit-scrollbar-thumb {
      background: #C91429;
    }

  .input-fluid-wrap label {
    font-size: 12px;
    line-height: 1.2;
  }

  .heading-form {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 7px;
  }

  .input-fluid-wrap input {
    height: 50px;
    padding: 0px 20px;
    font-size: 16px;
    line-height: 18px;
  }

  .reciept-details {
    margin-bottom: 25px;
  }

  .form-button-wrap .getRentReciept {
    width: 275px;
    height: 50px;
  }
}



@media screen and (max-width:991px) {
  .select-menu .select-btn:before {
    right: 42px;
  }

  .select-menu .select-btn:after,
  .select-menu .select-btn:before {
    width: 6px;
  }

  /**/
  .calculator_dropdown .custom-dropdown__button {
    height: 40px;
    font-size: 15px;
    padding-right: 23px;
  }

  .custom-dropdown__button .drp_arrow_i::before {
    width: 6px;
    height: 6px;
  }

  .date_picker_mb input {
    height: 40px;
    padding: 0 20px;
  }

    .date_picker_mb input[type="date"] {
      font-size: 15px;
    }

  .calc_tab_list_div {
    width: 100%;
    justify-content: center;
    gap: 12px;
  }

  .calc_tab_list.calc_tab_list_div .nav-link {
    width: fit-content;
  }

  .suggestionsWrap ul {
    gap: 5px;
  }

  .suggestionsWrap li a {
    font-size: 12px;
    line-height: 1.1em;
    padding: 7px 10px;
  }

  .suggestionsWrap li.selected a {
    background-size: 12px;
    background-position: right 5px center;
    padding-right: 20px;
  }

  .desclamer_wrap p {
    margin-top: 0;
    margin-bottom: 15px;
    text-align: center;
  }

  .calc_range_metrics_wrapper.single_amount_report_wrapper {
    gap: 0px;
  }

  .calc_main_grid.tax-generate-rent-recept-wrapper {
    padding: 40px 24px 24px;
    /* height: 570px; */
    height: auto;
    overflow-y: scroll;
  }

  .bmi_graph_img {
    max-width: 340px;
    width: 100%;
  }

  .calc_main_grid.tax-generate-rent-recept-wrapper::-webkit-scrollbar {
    width: 2px;
  }

  .calc_main_grid.tax-generate-rent-recept-wrapper::-webkit-scrollbar-thumb {
    background: #C91429;
  }

  .input-fluid-wrap label {
    font-size: 12px;
    line-height: 1.2;
  }

  .heading-form {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 7px;
  }

  .input-fluid-wrap input {
    height: 40px;
    padding: 0px 20px;
    font-size: 15px;
    line-height: 18px;
  }

  .reciept-details {
    margin-bottom: 25px;
  }

  .form-button-wrap .getRentReciept {
    width: 252px;
    height: 50px;
    margin: 30px auto 0;
    float: none;
  }

  .reciept-details-row {
    grid-template-columns: repeat(1, 1fr);
  }

  .cal_custom_drop .select-btn,
  .select-menu.active .select-btn {
    height: 45px;
    border: 1px solid #C91429;
  }

  .cal_custom_drop .sBtn-text {
    font-size: 12px;
    line-height: 20px;
  }

  .select-menu .options .option {
    margin-bottom: 10px;
  }

    .select-menu .options .option .option-text {
      font-size: 14px;
      line-height: 18px;
    }

  .select-menu .options {
    padding: 10px 0;
    border-radius: 12px;
  }
}

.card-profile-img img {
  width: 50px
}

.hear-what-the-experts-section {
  position: relative;
  padding: 100px 0 0;
  width: 100%;
  height: 100%
}

.hear-what-the-expert-heading .section-heading {
  text-align: center;
  margin-bottom: 30px
}

.hear-what-the-expert-heading .section-para {
  text-align: center;
  margin: 0 auto;
  font: normal normal 20px/28px var(--dev_med);
  letter-spacing: 0;
  color: #000;
  opacity: .8
}

.hehts-to-card {
  position: relative;
  width: 100%;
  border-radius: 20px;
  overflow: hidden
}

.overlay-flex-card {
  display: grid;
  grid-template-columns: 50px auto;
  gap: 15px
}

.hehts-to-card-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 90px 40px 40px;
  z-index: 0111
}

.hehts-to-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 011;
  background: linear-gradient(180deg, #00000000 50%, #000 100%) no-repeat padding-box
}

.btn-opacity-0,
.hear-what-the-experts-section .infos-ctn > div.title,
.white-bg-card .hehts-to-card::before {
  opacity: 0
}

.card-name-heading {
  font: normal normal 24px/26px var(--dev_med);
  /*text-transform: capitalize;*/
  opacity: 1;
  color: #fff;
  margin: 0
}

.card-discription {
  margin-bottom: 0;
  font: normal normal 16px/22px var(--dev_med);
  opacity: .8;
  color: #fff;
}

.card-date p {
  font: normal normal 16px/22px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #fff;
  opacity: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}

  .card-date p img {
    filter: invert(1);
  }

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #c914298c;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  z-index: 011
}

.hehts-card-img {
  position: relative;
  border-radius: 20px;
  transition: .5s;
  scale: 1
}

.hehts-slide-item:hover .hehts-card-img {
  transition: .5s;
  scale: 1.03
}

.hehts-card-img.hehts-card-img-blank::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 01
}

.hear-what-the-experts-section #myProgress {
  width: 100%;
  background-color: #7c7c7b;
  cursor: pointer;
  border-radius: 10px
}

.hear-what-the-experts-section #myBar {
  width: 0%;
  height: 3px;
  background-color: #2e343e;
  border-radius: 10px
}

.hear-what-the-experts-section .logo {
  fill: red
}

.hear-what-the-experts-section .btn-action {
  cursor: pointer;
  padding-top: 10px;
  width: 30px
}

.git-form__btn,
.hear-what-the-experts-section .btn-ctn,
.hear-what-the-experts-section .infos-ctn {
  display: flex;
  align-items: center;
  justify-content: center
}

.hear-what-the-experts-section .infos-ctn {
  padding-top: 15px
}

.hear-what-the-experts-section .btn-ctn > div {
  padding: 5px;
  margin-top: 18px;
  margin-bottom: 18px
}

.hear-what-the-experts-section .infos-ctn > div {
  margin-bottom: 8px;
  color: #2e343e;
  font-family: var(--dev_med);
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 0
}

.hear-what-the-experts-section .first-btn {
  margin-left: 3px
}

.hear-what-the-experts-section .duration {
  margin-left: 10px
}

.hear-what-the-experts-section .title {
  margin-left: 10px;
  width: 210px;
  text-align: center
}

.hear-what-the-experts-section .player-ctn {
  border-radius: 15px;
  width: 100%;
  padding: 0;
  background-color: transparent;
  margin: auto
}

.hear-what-the-experts-section .playlist-track-ctn {
  display: flex;
  background-color: #464646;
  margin-top: 3px;
  border-radius: 5px;
  cursor: pointer
}

  .hear-what-the-experts-section .playlist-track-ctn > div {
    margin: 10px
  }

.hear-what-the-experts-section .playlist-info-track {
  width: 80%
}

.hear-what-the-experts-section .playlist-info-track,
.playlist-duration {
  padding-top: 7px;
  padding-bottom: 7px;
  color: #e9cc95;
  font-size: 14px;
  pointer-events: none
}

.hear-what-the-experts-section .playlist-ctn {
  padding-bottom: 20px;
  display: none
}

.hear-what-the-experts-section .active-track {
  background: #4d4d4d;
  color: #ffc266 !important;
  font-weight: 700
}

  .hear-what-the-experts-section .active-track > .playlist-btn-play,
  .hear-what-the-experts-section .active-track > .playlist-duration,
  .hear-what-the-experts-section .active-track > .playlist-info-track {
    color: #ffc266 !important
  }

.hear-what-the-experts-section .playlist-btn-play {
  pointer-events: none;
  padding-top: 5px;
  padding-bottom: 5px
}

.hear-what-the-experts-section .fas {
  color: #ffc266;
  font-size: 20px
}

.hear-what-the-experts-section .play-pause-player-action {
  width: 70px;
  height: 70px;
  background: #2e343e;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%
}

.hear-what-the-experts-section .btn-ctn {
  gap: 35px
}

.csr_content_wrap a:hover,
.white-bg-card .card-discription,
.white-bg-card .card-date p {
  color: #000
}

.csr_content_wrap a:hover {
  text-decoration: underline;
}

.white-bg-card .card-date {
  margin-top: 10px
}

  .white-bg-card .card-date p img {
    filter: none;
  }

.hear-what-the-experts-section .player-ctn .infos-ctn {
  justify-content: space-between
}

.white-bg-card .hehts-to-card-overlay {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.experts-section-modal .btn-close {
  filter: invert(1);
  opacity: 1
}

.card-Top-heading {
  font-family: var(--dev_med);
  font-size: 24px;
  line-height: 30px;
  color: #111;
  letter-spacing: 0;
  /*text-transform: capitalize;*/
  margin-bottom: 30px
}

.card-top-para {
  font: normal normal 18px/24px var(--dev_med);
  letter-spacing: 0;
  color: #000;
  /*text-transform: capitalize;*/
  opacity: .8
}

.dc-sec-heading p,
.down_head {
  letter-spacing: 0;
  color: #000;
  text-transform: capitalize
}

.slider-inner {
  margin-top: 0
}

.waves-inteeface {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

  .waves-inteeface .interface {
    display: flex;
    flex-direction: column;
    gap: 3.5rem
  }

  .waves-inteeface .interface-top {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    padding: 30px
  }

  .waves-inteeface .interface-wave {
    height: var(--height);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .18rem;
    overflow: hidden
  }

    .waves-inteeface .interface-wave::after,
    .waves-inteeface .interface-wave::before {
      content: '';
      width: 1rem;
      height: .05rem;
      background-color: red;
      display: none
    }

  .waves-inteeface .interface-wave-length {
    width: .2rem;
    height: var(--height);
    background-color: #2e343e;
    transform: scaleY(var(--scale));
    transition: transform .3s
  }

  .waves-inteeface .interface-icon {
    font-size: 1.1rem;
    color: #2e343e;
    cursor: pointer
  }

    .csr_swiper_wrapper:hover img,
    .waves-inteeface .interface-icon:active {
      transform: scale(1.1)
    }

  .waves-inteeface .add,
  .waves-inteeface .minus {
    position: absolute
  }

  .waves-inteeface .add {
    right: 0
  }

  .waves-inteeface .minus {
    left: 0
  }

  .waves-inteeface .interface-bottom {
    display: flex;
    justify-content: center
  }

  .waves-inteeface .pause,
  .waves-inteeface .play {
    position: absolute;
    bottom: 0
  }

.ourlifeisurance-ovelap,
.vid-dilog-inner iframe {
  width: 100%;
  height: 100%
}

.experts-section-modal .modal-header {
  position: absolute;
  top: -21px;
  right: -15px;
  z-index: 11;
  padding: 0;
  border: 0
}

.experts-section-modal .modal-content {
  border: 0;
  padding: 0;
  border-radius: 0;
  background: #000
}

.experts-section-modal .vid-dilog-inner {
  height: 430px
}

.experts-section-modal .modal-dialog {
  max-width: 750px
}

.white-bg-card .card-profile-img {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eee;
  border-radius: 100px
}

  .white-bg-card .card-profile-img img {
    width: 17px
  }

.card-date img {
  max-width: 15px
}

.testimonials_top_quote {
  position: absolute;
  max-width: 50px;
  top: -60px;
  left: -20px
}

.testimonials_bottom_quote {
  position: absolute;
  max-width: 50px;
  bottom: -140px;
  right: -20px;
  transform: scaleX(-1)
}

.white-bg-card .hehts-to-card {
  border: 1px solid #000
}

.support_yello_bg .hehts-to-card {
  border-color: #faa61a
}

.support_warmyello_bg .hehts-to-card {
  border-color: #ffd65c
}

.support_green_bg .hehts-to-card {
  border-color: #bdd753
}

.support_darkgreen_bg .hehts-to-card {
  border-color: #70b865
}

.white-bg-card .hehts-to-card-overlay:before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  background: #C91429;
  width: 100%;
  height: 70%;
  z-index: -1
}

.abc_of_money_slider_wrapper.support_yellow_tag:after,
.white-bg-card.support_yello_bg .hehts-to-card-overlay:before {
  background: #faa61a
}

.hear-experts-have-to-say-swiper .csr_swiper_arrows_wrapper {
  bottom: auto;
  top: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 15%
}

.hear-experts-have-to-say-swiper {
  padding-top: 100px;
  padding-right: 90px;
}

  .hear-experts-have-to-say-swiper .swiper-pagination.csr_pagination {
    bottom: auto;
    top: 33px
  }

  .hear-experts-have-to-say-swiper.disabled-swiper {
    padding-right: 0;
    padding-top: 50px;
  }

.disabled-swiper .swiper-wrapper {
  justify-content: center;
}

@media screen and (min-width:1501px) and (max-width:1600px) {
  .card-Top-heading {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 15px
  }

  .card-top-para,
  .hear-what-the-expert-heading .section-para {
    line-height: 20px
  }

  .hehts-to-card-overlay {
    padding: 70px 25px 25px
  }

  .slider-inner {
    margin-top: 0
  }

  .hear-what-the-experts-section .btn-ctn {
    gap: 20px
  }

  .waves-inteeface .interface-top {
    padding: 5px
  }

  .waves-inteeface .interface-wave {
    height: 90px;
    margin-bottom: 5px
  }

  .hear-what-the-expert-heading .section-heading {
    margin-bottom: 10px
  }

  .card-name-heading {
    font-size: 17px;
    line-height: 20px
  }

  .card-discription {
    font-size: 12px
  }

  .card-top-para {
    font-size: 15px
  }

  .overlay-flex-card {
    grid-template-columns: 40px auto;
    gap: 10px
  }

  .white-bg-card .card-profile-img {
    width: 40px;
    height: 40px
  }

  .card-date p {
    font-size: 14px
  }

  .card-profile-img img {
    width: 40px
  }

  .testimonials_top_quote {
    left: 0;
    max-width: 35px;
    top: -50px
  }

  .top-content-inner {
    padding: 0 20px
  }

  .testimonials_bottom_quote {
    bottom: -50px;
    right: 0;
    max-width: 35px
  }

  .play-button {
    height: 50px;
    width: 50px
  }

  a.play-attribute.video-play-button svg {
    width: 15px
  }
}

@media screen and (min-width:1200px) and (max-width:1500px) {
  .hear-what-the-experts-section {
    padding-top: 60px
  }

  .card-Top-heading {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 15px
  }

  .card-top-para,
  .hear-what-the-expert-heading .section-para {
    line-height: 20px
  }

  .hehts-to-card-overlay {
    padding: 65px 15px 15px
  }

  .slider-inner {
    margin-top: 0
  }

  .hear-what-the-experts-section .btn-ctn {
    gap: 20px
  }

  .waves-inteeface .interface-top {
    padding: 5px
  }

  .waves-inteeface .interface-wave {
    height: 90px;
    margin-bottom: 5px
  }

  .hear-what-the-expert-heading .section-heading {
    margin-bottom: 10px
  }

  .card-name-heading {
    font-size: 17px;
    line-height: 20px
  }

  .card-discription {
    font-size: 12px
  }

  .card-date p,
  .card-top-para {
    font-size: 14px
  }

  .overlay-flex-card {
    grid-template-columns: 40px auto;
    gap: 10px
  }

  .white-bg-card .card-profile-img {
    width: 40px;
    height: 40px
  }

  .card-profile-img img {
    width: 40px
  }

  .testimonials_top_quote {
    left: 0;
    max-width: 35px;
    top: -40px
  }

  .top-content-inner {
    padding: 0 20px
  }

  .testimonials_bottom_quote {
    bottom: -50px;
    right: 0;
    max-width: 35px
  }

  .play-button {
    height: 50px;
    width: 50px
  }

  a.play-attribute.video-play-button svg {
    width: 15px
  }
}

@media screen and (min-width:992px) and (max-width:1199px) {
  .hear-experts-have-to-say-swiper .csr_swiper_arrows_wrapper {
    width: 27%;
  }

  .testimonials_top_quote {
    max-width: 33px;
    top: 0;
    left: 0;
  }

  .hear-experts-have-to-say-swiper .top-content-inner {
    padding: 30px 25px;
  }

  .testimonials_bottom_quote {
    max-width: 33px;
    bottom: -20px;
    right: 0;
  }

  .abc_of_calc {
    padding: 50px 0
  }

  .calc_tab_main_wrapper {
    grid-template-columns: auto auto
  }

  .calc_main_grid {
    grid-template-columns: auto 330px
  }

  .calc_range {
    height: auto;
    padding: 40px 30px
  }

  [id^=canvas] {
    width: 240px !important;
    height: auto !important;
    margin: 0 auto
  }

  .calculator_range_slider_grid {
    padding: 10px 10px 0;
    gap: 0
  }

  .cal_custom_drop {
    width: auto;
    margin: 0;
    padding: 0
  }

    .cal_custom_drop .sBtn-text,
    .calc_tab_radio_Wrapper label input:checked + span,
    .calc_tab_radio_Wrapper label span {
      font-size: 15px
    }

      .calc_tab_radio_Wrapper label span:before {
        height: 18px;
        width: 18px
      }

  #rangeValue,
  #rangeValue2,
  #rangeValue3,
  .range_value_wrapper,
  .range_value_wrapper2,
  .range_value_wrapper3 {
    font-size: 28px
  }

  .calc_rslider_content span {
    font-size: 10px
  }

  .calc_rslider_content span {
    font-size: 18px;
    line-height: 1.9
  }

  .calc_rslide_ico {
    height: 35px;
    width: 35px
  }

    .calc_rslide_ico img {
      max-width: 18px
    }

  .calc_tab_wrapper {
    padding: 50px 30px 0
  }

  .cal_custom_drop .select-btn {
    height: 50px;
    font-size: 15px;
    padding: 0 20px
  }

  .cal_custom_drop .select-menu .select-btn:after {
    right: 26px
  }

  .cal_custom_drop .select-menu .select-btn:before {
    right: 20px
  }

  .cal_custom_drop .select-menu .select-btn:after,
  .cal_custom_drop .select-menu .select-btn:before {
    height: 2px
  }

  .cal_custom_drop .select-menu .options .option .option-text {
    font-size: 18px
  }

  .cal_custom_drop .select-menu .options .option {
    margin-bottom: 0
  }

  .cal_custom_drop .select-menu .options {
    padding: 20px
  }

  .calc_tab_list .nav-link {
    font-size: 15px;
    margin-bottom: 10px;
    padding-bottom: 10px
  }

  .sec_4_view_btn .know_more_about-us {
    width: fit-content;
    height: auto;
    font-size: 14px;
    padding: 15px 25px;
    margin: 30px 0 0
  }

  .canvas_doughnut_chart:before {
    width: 180px;
    height: 180px
  }

  [id^=tooltip-canvas] {
    width: 150px
  }

  .calc_range_graph {
    padding: 30px 20px 0
  }

  .calc_range_graph_wrapper:after,
  .grph_bg_img {
    height: 150px
  }

  .calc_range_metrics p {
    font-size: 13px
  }

  .calc_range_metrics span {
    font-size: 17px
  }

  .calc_range_metrics {
    height: auto;
    padding: 10px 20px
  }

  .calc_range_metrics_wrapper {
    margin-top: 40px;
    padding: 0 20px
  }

  .graph_legends {
    margin-top: 10px
  }

  .calc_tab_radio_Wrapper label {
    padding: 0
  }

  .hear-what-the-expert-heading .section-para {
    max-width: 43%;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0
  }

  .slider-inner {
    margin-top: 90px
  }

  .hear-what-the-experts-section {
    padding: 80px 0 0
  }

  .hehts-to-card-overlay {
    padding: 15px
  }

  .waves-inteeface .interface-top {
    padding: 12px
  }

  .hear-what-the-experts-section .btn-ctn {
    gap: 10px
  }

  .waves-inteeface .interface-wave {
    height: 90px
  }
}


@media screen and (min-width:992px) and (max-width:1280px) {

  .hehts-card-img {
    height: 100%;
    object-fit: cover
  }

  .hear-what-the-expert-heading .section-para {
    line-height: 17px
  }

  .hear-what-the-expert-heading .section-heading {
    margin-bottom: 10px
  }

  .slider-inner {
    margin-top: 35px
  }

  .hear-what-the-experts-section .slider-inner {
    margin-top: 0;
  }

  .play-button {
    height: 65px;
    width: 65px
  }
}

@media screen and (min-width:992px) and (max-width:1024px) {
  .calc_tab_main_wrapper {
    display: flex;
    flex-direction: column;
  }

  .calc_main_grid {
    grid-template-columns: auto 50%;
  }

  .cal_custom_drop .select-menu .options {
    padding: 10px 0;
    width: 320px;
    border-radius: 12px;
  }

  .cal_custom_drop .select-menu {
    width: 320px;
    margin: 0 auto;
  }

  .sec_4_view_btn .know_more_about-us {
    margin: 30px auto 30px;
  }

  .calculator_range_slider_wrapper {
    margin-bottom: 15px;
  }

  .graph_results {
    margin-top: 20px;
  }

  .canvas_doughnut_chart_wrapper img {
    max-width: 250px;
  }
}

.discover_convenience_new_ui {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px 0;
  overflow: hidden;
  background-image: url('../../assets/images/discover-convenience-bg.png');
  background-position: center;
  background-repeat: no-repeat;
}

.no-webp .discover_convenience_new_ui {
  background: url(../images/discover_convenience_bg.png)
}

.dc_new_content_grid {
  display: grid;
  grid-template-columns: 40% 60%;
  align-items: center;
  justify-content: space-between;
  gap: 50px
}

.dc-sec-heading p {
  font: normal normal 20px/28px var(--dev_med);
  opacity: .8;
  width: 540px
}

.download_btn_ggrid .know_more_about-us {
  background: #C91429;
  margin: 0;
  width: 180px;
  gap: 10px;
  height: auto;
  padding: 16px 0 16px;
  line-height: 0
}

  .download_btn_ggrid .know_more_about-us img,
  .plan_details img {
    max-width: 20px
  }

.download_btn_ggrid {
  display: flex;
  margin-top: 16px;
  gap: 10px
}

.down_head {
  font: normal normal 24px/32px var(--dev_semi_bold);
  opacity: 1;
  display: block
}

.download_app_now,
.mail-result-group .input-group.check-boxx {
  margin-top: 60px
}

.dc_image_wrapper img.mob_app_img {
  max-width: 100%;
  -webkit-animation: .8s infinite alternate UpDown;
  animation: .8s infinite alternate UpDown
}

.dc_download_scnner_Wrapper {
  position: absolute;
  width: 164px;
  background: no-repeat padding-box #fff;
  box-shadow: 20px 20px 29px #00000059;
  border: 1px solid #f0f0f0;
  border-radius: 20px;
  z-index: 1;
  opacity: 1;
  left: 110px;
  display: flex;
  flex-direction: column;
  top: 35%;
  justify-content: center;
  padding: 0 17px 10px;
  align-items: center;
  text-align: center
}

  .dc_download_scnner_Wrapper img {
    max-width: 140px
  }

  .dc_download_scnner_Wrapper p {
    font: normal normal 14px/18px var(--dev_semi_bold);
    letter-spacing: 0;
    color: #000
  }

.dc_image_wrapper {
  position: relative;
  right: -150px
}

@-webkit-keyframes UpDown {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(-10px)
  }
}

@media screen and (min-width:1501px) and (max-width:1600px) {
  .dc-sec-heading p {
    font-size: 16px;
    line-height: 18px;
    width: 400px
  }

  .dc-sec-heading h2 {
    margin-bottom: 10px
  }

  .download_app_now {
    margin-top: 50px
  }

  .down_head {
    font-size: 19px
  }

  .download_btn_ggrid {
    margin-top: 10px
  }

    .download_btn_ggrid .know_more_about-us {
      font-size: 14px;
      height: auto;
      padding: 15px 25px 15px;
      width: auto;
      line-height: 0
    }

      .download_btn_ggrid .know_more_about-us img {
        max-width: 15px;
        position: relative;
        top: 1px
      }

  .dc_download_scnner_Wrapper img {
    max-width: 100%
  }

  .dc_download_scnner_Wrapper p {
    font-size: 12px;
    line-height: 12px
  }

  .dc_download_scnner_Wrapper {
    width: 122px;
    padding: 10px 10px 21px;
    border-radius: 12px
  }

  .dc_new_content_grid {
    grid-template-columns: 37% 60%;
    gap: 0
  }

  .discover_convenience_new_ui {
    padding-bottom: 0;
    height: auto
  }

  .dc_image_wrapper {
    right: -100px
  }

  .discover_convenience_new_ui .cus-container {
    padding: 0 140px
  }
}

@media screen and (min-width:1200px) and (max-width:1500px) {
  .dc-sec-heading p {
    font-size: 18px;
    width: 400px;
    line-height: 24px;
  }

  .download_app_now {
    margin-top: 30px
  }

  .down_head {
    font-size: 19px
  }

  .download_btn_ggrid {
    margin-top: 10px
  }

    .download_btn_ggrid .know_more_about-us {
      font-size: 14px;
      height: auto;
      padding: 15px 25px 15px;
      width: auto;
      line-height: 0
    }

      .download_btn_ggrid .know_more_about-us img {
        max-width: 15px;
        position: relative;
        top: -0;
      }

  .dc_download_scnner_Wrapper img {
    max-width: 100%
  }

  .dc_download_scnner_Wrapper p {
    font-size: 10px;
    line-height: 10px
  }

  .dc_download_scnner_Wrapper {
    width: 110px;
    padding: 0 6px 10px;
    border-radius: 12px
  }

  .dc_new_content_grid {
    grid-template-columns: 37% 54%;
    gap: 0
  }

  .discover_convenience_new_ui {
    padding-bottom: 0;
    height: 550px
  }

  .dc_image_wrapper {
    right: -90px
  }

  .discover_convenience_new_ui .dc-sec-heading h2 {
    margin-bottom: 11px;
  }
}

.csr_activities_sec {
  background: #f7f7f7;
  padding: 125px 0 0
}

.csr_activities_view_btn .know_more_about-us {
  background: #C91429;
  width: 238px;
  height: 60px;
  margin: 0
}

.csr_head_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 140px 100px
}

.csr_swiper_wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  transition: .5s;
  height: 400px
}

  .csr_swiper_wrapper:before {
    position: absolute;
    content: '';
    bottom: 0;
    height: 503px;
    left: 0;
    display: none;
    right: 0;
    background: linear-gradient(180deg, #00000000 0, #0000001A 33%, #000 100%) no-repeat padding-box;
    opacity: .85;
    z-index: 1
  }

.csr_content_wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: height .5s;
  width: 100%;
  z-index: 1;
  background: #faa61a;
  height: 150px;
  display: flex;
  flex-direction: column;
  padding: 40px;
  justify-content: flex-end
}

.csr_tag {
  width: fit-content;
  padding: 17px;
  height: auto;
  display: flex;
  font: normal normal 14px/30px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #000;
  text-transform: uppercase;
  align-items: center;
  justify-content: center;
  background: no-repeat padding-box #fff;
  border-radius: 8px;
  opacity: 1;
  height: 33px;
}

.csr_content_wrap h3 {
  font: normal normal 26px/28px var(--dev_med);
  letter-spacing: 0;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /*text-transform: capitalize;*/
  opacity: 1;
  margin: 10px 0 0
}

.abmoney_tag,
.csr_content_wrap a {
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0
}

  .csr_content_wrap a img {
    max-width: 15px;
    top: -1px;
    position: relative;
    filter: invert(1);
    transition: .5s;
    right: 0
  }

.csr_content_wrap p {
  margin: 0 0 10px;
  font: normal normal 16px/24px var(--dev_med);
  letter-spacing: 0;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  opacity: .8;
}

.csr_content_wrap a {
  font: normal normal 16px/27px var(--dev_bold);
  opacity: 1
}

  .csr_content_wrap a:hover img {
    right: -5px
  }

.csr_data {
  transform: translateY(200px);
  position: absolute;
  transition: .5s;
  padding-right: 40px
}

.csr_swiper_wrapper:hover .csr_head_wrap {
  transform: translateY(-110px)
}

.csr_swiper_wrapper:hover .csr_data {
  transform: translateY(0)
}

.csr_swiper_arrows_wrapper {
  position: absolute;
  bottom: 110px;
  width: 130px;
  left: 140px;
}

  .csr_swiper_arrows_wrapper .swiper-button-next img,
  .csr_swiper_arrows_wrapper .swiper-button-prev img {
    width: 70px
  }

.csr_slider {
  padding-bottom: 175px
}

.csr_pagination .swiper-pagination-bullet {
  background: no-repeat padding-box #111;
  opacity: .1;
  width: 8px;
  height: 8px;
  transition: .5s
}

.csr_pagination .swiper-pagination-bullet-active {
  background: #C91429;
  opacity: 1;
  height: 10px;
  width: 10px
}

.swiper-pagination.csr_pagination {
  bottom: 96px;
  position: absolute
}

.swiper.csr_slider {
  overflow: visible;
}

.csr_activities_sec .csr_slider_main_wrapper {
  margin-top: 40px;
}

.swiper-overflow-section .csr_swiper_arrows_wrapper {
  left: 0;
}

@media screen and (min-width:1501px) and (max-width:1600px) {
  .csr_activities_sec {
    padding: 70px 0 0
  }

  .csr_head_wrapper {
    padding-bottom: 50px
  }

  .csr_content_wrap {
    padding: 20px;
    height: 120px;
  }

    .csr_content_wrap h3 {
      font-size: 20px;
      line-height: 22px
    }

  .csr_swiper_wrapper {
    height: 320px
  }

  .csr_tag {
    padding: 15px;
    font-size: 12px;
    line-height: 20px
  }

  .csr_content_wrap p {
    font-size: 14px;
    line-height: 16px
  }

  .csr_swiper_wrapper:hover .csr_head_wrap {
    transform: translateY(-100px)
  }

  .csr_content_wrap a {
    font-size: 12px
  }

    .csr_content_wrap a img {
      max-width: 12px
    }

  .csr_activities_view_btn .know_more_about-us {
    height: auto;
    width: fit-content;
    padding: 15px 42px 15px;
    font-size: 15px
  }

  .csr_swiper_arrows_wrapper {
    width: 120px;
    left: 160px;
  }

  .csr_activities_sec .cus-container {
    padding: 0 140px;
  }

  .swiper-overflow-section .csr_swiper_arrows_wrapper {
    left: 0;
  }
}

@media screen and (min-width:1200px) and (max-width:1500px) {
  .csr_activities_sec {
    padding: 60px 0px 20px 0;
  }

  .csr_content_wrap h3 {
    font-size: 20px;
    margin-bottom: 8px;
    line-height: 22px;
    margin-top: 8px;
  }

  .csr_content_wrap {
    padding: 10px 20px;
    height: 110px
  }

    .csr_content_wrap p {
      font-size: 14px;
      line-height: 18px;
    }

  .csr_tag {
    font-size: 10px;
    padding: 12px;
    height: 30px;
    line-height: 0
  }

  .csr_content_wrap a {
    font-size: 12px
  }

  .csr_head_wrapper {
    padding-bottom: 50px
  }

  .csr_swiper_wrapper {
    height: 300px
  }

  .csr_activities_view_btn .know_more_about-us {
    width: auto;
    height: auto;
    padding: 16px 40px 16px;
    top: 0;
    position: relative;
    margin-right: 0;
  }

  .csr_swiper_wrapper:hover .csr_head_wrap {
    transform: translateY(-110px)
  }

  .csr_swiper_wrapper:hover .csr_data {
    transform: translateY(-10px)
  }

  .csr_slider {
    padding-bottom: 100px;
    padding-right: 60px;
  }

  .csr_swiper_arrows_wrapper {
    bottom: 60px;
    left: 60px;
    width: 120px;
  }

  .swiper-pagination.csr_pagination {
    bottom: 50px
  }

  .swiper-overflow-section .csr_slider {
    padding-right: 0;
  }

  .swiper-overflow-section .csr_swiper_arrows_wrapper {
    left: 0;
  }
}

@media screen and (min-width:992px) and (max-width:1199px) {
  .dc_download_scnner_Wrapper {
    left: 47px;
    width: 164px
  }

  .form-parent {
    padding: 0 80px
  }

  .csr_head_wrapper {
    padding: 0 10px 50px 60px
  }

  .csr_activities_sec {
    padding: 60px 0
  }

  .csr_slider {
    padding-bottom: 150px;
  }

  .hear-experts-have-to-say-swiper {
    padding-right: 0;
  }

  .csr_content_wrap h3 {
    font-size: 20px;
    line-height: 22px;
  }

  .csr_content_wrap {
    padding: 25px;
    height: 135px;
  }

  .csr_tag {
    font-size: 12px;
    line-height: 22px;
  }

  .csr_content_wrap p {
    font-size: 15px;
    line-height: 18px;
  }

  .csr_content_wrap a {
    font-size: 14px;
    line-height: 16px;
  }

  .csr_swiper_wrapper {
    height: 350px;
  }
}

@media screen and (max-width:991px) {
  .csr_activities_sec .csr_slider_main_wrapper {
    margin-top: 0;
    padding: 0 25px;
  }

  img.hehts-card-img {
    height: 350px;
    object-fit: cover;
  }

  .calc_main_grid,
  .calc_tab_main_wrapper {
    grid-template-columns: auto
  }

  .calc_tab_main_wrapper {
    padding: 0 25px;
  }

  .calc_main_grid,
  .calculator_range_slider_wrapper,
  .canvas_doughnut_chart,
  .slider-inner {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .calc_main_grid {
    height: 100%;
  }


  .calc_tab_radio_Wrapper label input:checked + span,
  .calc_tab_radio_Wrapper label span {
    font-size: 13px;
    line-height: 15px
  }

    .calc_tab_radio_Wrapper label span:before {
      width: 18px;
      height: 18px
    }

  #rangeValue,
  #rangeValue2,
  #rangeValue3,
  .range_value_wrapper,
  .range_value_wrapper2,
  .range_value_wrapper3 {
    font-size: 22px
  }

  .abc_of_calc {
    padding: 50px 0
  }

  .cal_custom_drop {
    width: auto
  }

  .calc_range {
    padding: 40px 24px 24px;
    /* height: 570px; */
    height: auto;
  }

  .calc_range_graph {
    padding: 0
  }

  .calc_tab_list {
    display: flex;
    margin: 20px 0 10px;
    overflow-x: scroll;
    max-width: 100%;
    border-bottom: 1px solid #00000057;
  }

    .calc_tab_list::-webkit-scrollbar {
      height: 0;
    }

    .calc_tab_list .nav-link {
      font-size: 12px;
      line-height: 14px;
      padding: 0 10px;
      margin: 0;
      display: flex;
      height: auto;
      min-width: fit-content;
      padding-bottom: 10px;
      border-bottom: 1px solid #00000000;
    }

      .calc_tab_list .nav-link:after,
      .csr_swiper_arrows_wrapper,
      .dc_download_scnner_Wrapper,
      .know-more-btn.sec_4_view_btn,
      .sec_4_start_btn .know_more_about-us {
        display: none
      }

  [id^=canvas] {
    width: auto !important;
    height: 140px !important;
    margin: 0 auto
  }

  .calc_tab_radio_Wrapper {
    margin-bottom: 20px;
  }

    .calc_tab_radio_Wrapper li.nav-item {
      margin-bottom: 20px
    }

    .calc_tab_radio_Wrapper label {
      padding-right: 0;
    }

    .calc_tab_radio_Wrapper li.nav-item:last-child {
      margin-bottom: 0
    }

  .canvas_doughnut_chart:before {
    width: 195px;
    height: 195px;
    top: 20px
  }

  [id^=tooltip-canvas] {
    top: 50px;
    max-width: 200px
  }

  .calc_range_graph_wrapper.bmi_content_range_Wrpper::after,
  .calc_range_graph_wrapper:after,
  img.grph_bg_img {
    height: 150px
  }

  .calc_range_metrics_wrapper {
    margin-top: 20px;
    padding-bottom: 25px
  }

  .bmi_result,
  .calc_range_metrics span {
    font-size: 20px
  }

  .calc_range_metrics p,
  .csr_content_wrap a {
    font-size: 12px
  }

  .calc_range_metrics {
    padding: 10px 14px;
    height: auto;
    display: grid
  }

  .canvas_tooltip_info p {
    font-size: 23px;
    line-height: 1
  }

  .canvas_tooltip_info span {
    font-size: 10px
  }

  .canvas_tooltip_info {
    top: 10px
  }

  .calc_rslider_content span {
    font-size: 12px;
    line-height: 1.2
  }

  .calc_range_graph_wrapper {
    padding: 0 24px
  }

  .calc_tab_wrapper {
    text-align: center;
    margin-bottom: 15px;
  }

    .calc_tab_wrapper span.font_purp {
      justify-content: center
    }

  .calculator_range_slider_grid {
    gap: 10px;
    padding-top: 0;
  }

  .calc_slider-input,
  .calc_slider-input1,
  .calc_rslider_content .date-input {
    height: 40px;
    font-size: 15px;
  }

  .calc_rslider_content .slider-container select {
    width: 100%;
  }

  .calc_rslide_ico {
    width: 45px;
    height: 45px
  }

    .calc_rslide_ico img {
      max-width: 20px
    }

  .bmi_chart_image_wraper {
    margin: 20px 0 0
  }

  .BMI_content_wrapper {
    padding: 0 30px;
    position: relative
  }

  .bmi_chart_data_Wrapper {
    margin-top: 0;
    position: relative;
    top: -40px
  }

  .BMI_content_wrapper li {
    font-size: 12px;
    line-height: 2.4
  }

  .bmi_chart_data_Wrapper h3,
  .bmi_chart_heading_title {
    line-height: 30px;
    font-size: 18px
  }

  .bmi_result span {
    font-size: 35px
  }

  .bmi_graph_needle_img {
    max-width: 250px;
    bottom: 65px
  }

  .bmi_tab {
    height: 40px;
    width: fit-content;
    padding: 0 20px
  }

  .calc_tab_radio_Wrapper li button {
    font-size: 14px
  }

  .bmi_tab_Wrapper {
    display: flex
  }

  .graph_legends p {
    font-size: 13px;
    line-height: 16px;
  }

  .legend_icon {
    top: 0;
  }

  .graph_results {
    margin-top: 20px;
    height: auto;
    padding: 10px 0 20px;
    margin-bottom: 20px;
  }

    .graph_results span {
      font-size: 28px;
    }

      .graph_results span small {
        font-size: 20px;
      }

    .graph_results p {
      line-height: 2.2
    }

  .calc_range_graph_wrapper .know-more-btn.sec_4_start_btn a {
    display: flex;
    margin: 0 0 30px;
    font-size: 12px;
    height: auto;
    padding: 10px 20px;
  }

  .hear-what-the-expert-heading .section-para {
    max-width: 100%;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0;
    width: 306px;
  }

  .hear-what-the-experts-section {
    padding: 50px 0 0
  }

    .hear-what-the-experts-section .btn-ctn {
      gap: 20px;
      gap: 10px
    }

  .hear-what-the-expert-heading {
    padding: 0 20px
  }

  .experts-section-modal .modal-header {
    right: 3px
  }

  .card-name-heading {
    font-size: 18px;
    line-height: 14px;
    margin-bottom: 0
  }

  .card-discription {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
  }

  .hehts-to-card-overlay {
    padding: 40px 20px 20px;
  }

  .overlay-flex-card {
    gap: 10px;
    grid-template-columns: 28px auto
  }

  .play-button {
    width: 50px;
    height: 50px
  }

  .hear-what-the-experts-section .play-pause-player-action {
    width: 55px;
    height: 55px
  }

  .card-Top-heading {
    font-size: 15px;
    line-height: 17px;
    letter-spacing: 0;
    margin-bottom: 5px
  }

  .card-top-para {
    font-size: 12px;
    line-height: 16px;
    padding: 0 10px
  }

  .card-profile-img img {
    width: 28px
  }

  .hear-what-the-expert-heading .section-heading {
    margin-bottom: 10px;
    padding: 0 30px
  }

  .hear-experts-have-to-say-swiper {
    padding-bottom: 40px;
    padding-top: 0;
    margin-bottom: 30px;
    padding-right: 0;
    padding-left: 0;
  }

    .hear-experts-have-to-say-swiper .swiper-pagination.csr_pagination {
      top: auto;
      bottom: 0;
    }

  .hehts-to-card {
    height: 342px
  }

  .white-bg-card .card-profile-img {
    width: 28px;
    height: 28px
  }

    .white-bg-card .card-profile-img img {
      width: 15px
    }

  .white-bg-card .hehts-to-card-overlay:before {
    height: 64%
  }

  .testimonials_top_quote {
    max-width: 30px;
    left: 0;
    top: -40px
  }

  .testimonials_bottom_quote {
    bottom: -25px;
    right: 0;
    max-width: 30px
  }

  .discover_convenience_new_ui {
    flex-direction: row;
    background-size: cover !important;
    background-image: url(../../assets/images/discover-convenience-bg-m.png);
  }

  .dc_new_content_grid {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0
  }

  .dc-sec-heading p {
    width: 306px;
    font-size: 12px;
    line-height: 16px;
    margin: 0 auto
  }

  .dc-sec-heading {
    width: auto;
    text-align: center
  }

  .dc_image_wrapper {
    right: 0
  }

  .download_app_now {
    margin: 0;
    text-align: center
  }

  .down_head {
    font-size: 20px;
    line-height: 32px
  }

  .download_btn_ggrid .know_more_about-us {
    width: 156px;
    font-size: 12px;
    padding: 12px 0 8px
  }

    .download_btn_ggrid .know_more_about-us img {
      position: relative;
      top: -3px;
      max-width: 19px
    }

  .download_btn_ggrid {
    justify-content: center;
    margin-top: 10px
  }

  .csr_activities_sec {
    padding: 50px 0 60px;
  }

  .csr_head_wrapper {
    padding: 60px 30px 20px;
    justify-content: center;
    text-align: center
  }

  .csr_activities_view_btn {
    margin-top: 40px
  }

    .csr_activities_view_btn .know_more_about-us {
      width: fit-content;
      padding: 15px 46px 10px;
      height: auto;
      margin: 0 auto
    }

  .csr_tag {
    font-size: 10px;
    height: 28px;
    margin-bottom: 8px;
  }

  .csr_content_wrap h3 {
    font-size: 17px;
    margin-bottom: 10px
  }

  .csr_content_wrap {
    position: relative;
    display: block;
    padding: 20px;
    height: auto
  }

    .csr_content_wrap p {
      font-size: 13px;
      line-height: 18px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
    }

  .csr_swiper_wrapper:before {
    height: 285px
  }

  .csr_swiper_wrapper:hover .csr_head_wrap {
    transform: none
  }

  .csr_swiper_wrapper,
  .csr_swiper_wrapper:hover .csr_content_wrap {
    height: auto
  }

  .csr_data {
    transform: translateY(0);
    position: relative;
    padding: 0
  }

  .csr_swiper_wrapper picture img {
    height: 195px;
    object-fit: cover;
    object-position: top;
  }

  .csr_slider {
    padding-bottom: 40px
  }

  .swiper-pagination.csr_pagination {
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .hear-what-the-experts-slider-row {
    margin-top: 30px;
  }
}

.abc-money {
  position: relative;
  background-image: url('../../assets/images/abc-money-background.png');
  background-position: center;
  background-repeat: no-repeat;
  padding: 100px 0 0;
  background-size: cover;
}

.abc_money_slider {
  padding-bottom: 175px;
}

.heading-btn {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px
}

.articles-btn {
  background: #d91c25;
  margin: 0;
  margin-top: 0 !important
}

.abc_of_money_slider_wrapper {
  background: no-repeat padding-box #fff;
  border: 1px solid #0000001A;
  border-radius: 20px;
  opacity: 1;
  height: 224px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 30px 35px;
  position: relative;
  overflow: hidden;
  transition: .5s
}

  .abc_of_money_slider_wrapper:hover {
    /* background: no-repeat padding-box #FFF8EB; */
    background: #FFF6F7;
    border: 1px solid #db959d
  }

  .abc_of_money_slider_wrapper.support_green_tag:hover {
    /* background: no-repeat padding-box #FCFFEE; 
    border: 1px solid #bdd753*/
  }

  .abc_of_money_slider_wrapper.warm_yellow_tag:hover {
    /* background: no-repeat padding-box #FFFAEB; 
    border: 1px solid #ffd65c;*/
  }

  .abc_of_money_slider_wrapper.fade_green_tag:hover {
    /* background: no-repeat padding-box #EDFFEA; 
    border: 1px solid #70b865;*/
  }

.abmoney_tag {
  font: normal normal 14px/30px var(--dev_med);
  background: rgb(250 166 26 / 80%) no-repeat padding-box;
  border-radius: 8px;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  padding: 5px 17px
}

.abc_of_money_slider_wrapper p,
.heading_54k23wnj {
  font: normal normal 26px/28px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #222;
  opacity: 1;
  margin: 20px 0 10px;
  transition: .5s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

  .abc_of_money_slider_wrapper:hover p,
  .heading_54k23wnj:hover {
    color: #d61c25;
    transition: .5s;
  }

.abc_of_money_slider_wrapper ul {
  gap: 10px;
  display: flex;
  align-items: flex-end;
  flex-grow: 3;
}

  .abc_of_money_slider_wrapper ul li {
    font: normal normal 16px/24px var(--dev_med);
    letter-spacing: 0;
    color: #000;
    /*text-transform: capitalize;*/
    opacity: .8
  }

.abc_of_money_slider_wrapper:after {
  position: absolute;
  content: '';
  bottom: 0;
  width: 100%;
  height: 10px;
  left: 0;
  right: 0;
  background: #C91429
}

.li_bullet {
  content: '';
  width: 6px;
  height: 6px;
  background: no-repeat padding-box #000;
  opacity: .3;
  border-radius: 100px;
  top: -8px;
  position: relative;
}

.swiper-overflow-section .swiper.abc_money_slider {
  overflow: visible;
}

.swiper.abc_money_slider .swiper-slide {
  height: auto;
}

  .swiper.abc_money_slider .swiper-slide a {
    height: 100%;
  }

  .swiper.abc_money_slider .swiper-slide .abc_of_money_slider_wrapper {
    height: 100%;
  }

.swiper-overflow-section {
  overflow: hidden;
}

  .swiper-overflow-section .know_more_about-us.articles-btn {
    top: 0 !important;
  }

  .swiper-overflow-section .article-slider {
    left: 0;
  }

.abc_slider_wrapper .swiper-slide:nth-child(4n-2) .abmoney_tag {
  background: #BDD753;
}

.abc_slider_wrapper .swiper-slide:nth-child(4n-2) .abc_of_money_slider_wrapper:after {
  background: #BDD753;
}

.abc_slider_wrapper .swiper-slide:nth-child(4n-1) .abmoney_tag {
  background: #FFD65C;
}

.abc_slider_wrapper .swiper-slide:nth-child(4n-1) .abc_of_money_slider_wrapper:after {
  background: #FFD65C;
}

.abc_slider_wrapper .swiper-slide:nth-child(4n-0) .abmoney_tag {
  background: #70B865;
}

.abc_slider_wrapper .swiper-slide:nth-child(4n-0) .abc_of_money_slider_wrapper:after {
  background: #70B865;
}

@media screen and (min-width:1501px) and (max-width:1600px) {
  .heading-btn {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px
  }

  .know_more_about-us.articles-btn {
    width: auto;
    height: auto;
    padding: 16px 40px 10px;
    top: -13px;
    position: relative
  }

  .abc-money {
    padding: 70px 0 0
  }

  .abc_money_slider {
    padding-bottom: 150px
  }

    .abc_money_slider .swiper-wrapper {
      left: 35px
    }

  .abc_of_money_slider_wrapper p,
  .heading_54k23wnj {
    font-size: 20px;
    margin: 10px 0;
    line-height: 22px;
  }

  .abc_of_money_slider_wrapper {
    height: 100%;
    padding: 30px
  }

  .abmoney_tag {
    font-size: 12px;
    padding: 5px 12px 5px;
    line-height: 1.8
  }

  .abc_of_money_slider_wrapper:after {
    height: 9px
  }

  .abc_of_money_slider_wrapper ul li {
    font-size: 14px;
    line-height: 1.5
  }

  .abc-money .cus-container {
    padding: 0 140px
  }

  .swiper-pagination.csr_pagination {
    bottom: 98px
  }

  .swiper-overflow-section .abc_money_slider {
    right: 0;
  }

    .swiper-overflow-section .abc_money_slider .swiper-wrapper {
      left: 0;
    }

  .li_bullet {
    top: -6px;
  }
}

@media screen and (min-width:1200px) and (max-width:1500px) {

  .heading-btn {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    align-items: center;
  }

  .know_more_about-us.articles-btn {
    width: auto;
    height: auto;
    padding: 16px 40px 16px;
    top: 0;
    position: relative;
  }

  .abc-money {
    padding: 60px 0 0
  }

  .abc_money_slider {
    padding-bottom: 110px;
    padding-right: 90px;
  }

    .abc_money_slider .swiper-wrapper {
      left: 0;
    }

  .abc_of_money_slider_wrapper p,
  .heading_54k23wnj {
    font-size: 20px;
    margin: 10px 0;
    line-height: 20px;
  }

  .abc_of_money_slider_wrapper {
    height: auto;
    padding: 20px
  }

  .abmoney_tag {
    font-size: 12px;
    padding: 4px 10px;
    line-height: 1.2em
  }

  .abc_of_money_slider_wrapper:after {
    height: 9px
  }

  .abc_of_money_slider_wrapper ul li {
    font-size: 14px;
    line-height: 1.5
  }

  .swiper-overflow-section .abc_money_slider {
    padding-right: 0;
  }

  .swiper-overflow-section .cus-container {
    padding-right: 100px;
  }

  .li_bullet {
    top: -7px;
  }
}

@media screen and (min-width:992px) and (max-width:1199px) {

  .swiper-overflow-section .abc_of_money_slider_wrapper p,
  .swiper-overflow-section .heading_54k23wnj {
    font-size: 22px;
    line-height: 24px;
  }

  .swiper-overflow-section .swiper.csr_slider {
    padding-right: 38px;
  }

  .swiper-overflow-section .csr_head_wrapper {
    padding: 0 0 0 0;
  }

  .abc_money_slider {
    padding-bottom: 150px;
  }

  .abc-money .heading-btn {
    margin-bottom: 30px;
  }

  .abc-money {
    padding: 50px 0 0;
  }

  .abc_of_money_slider_wrapper {
    padding: 20px;
  }
}



.recom-slide-item .content-rfy {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.btn-close {
  z-index: 1
}

#exampleModal--ss1 .input-group.input-group-ig1,
.git-stepper-start .find-you-heading,
.git-stepper-start .metaverse-paragraph-v2 {
  margin-bottom: 0
}

.otp-vcarification-step .otp-number {
  margin-bottom: 33px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.background-img-dark,
.banner {
  position: relative;
  width: 100%
}

.country_code_91 {
  position: relative;
}

  .country_code_91::before {
    content: '+91';
    position: absolute;
    width: 30px;
    /* height: 26px; */
    top: 50%;
    left: 66px;
    transform: translateY(-50%);
    font: normal normal 18px/60px var(--dev_semi_bold);
    opacity: 1;
  }

.homepage-banner .input-inner.country_code_91 input {
  padding-left: 110px;
}

.banner-overlap-div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 100%
}

.banner-heading {
  font-size: 100px;
  line-height: 100px;
  letter-spacing: 0;
  font-family: var(--dev_bold);
  text-transform: capitalize
}

.sec_heading_red,
.text-color-red {
  color: #c91429
}

.banner-paragraph {
  font-family: var(--dev_med);
  font-size: 20px;
  line-height: 20px;
  color: #111;
  letter-spacing: 0;
  /*text-transform: capitalize;*/
  opacity: .8
}

.mt-150 {
  margin-top: 20px
}

.flex-number {
  display: flex;
  gap: 100px
}

.number-mb {
  font-family: var(--dev_bold);
  font-size: 38px;
  line-height: 49px;
  letter-spacing: 0
}

.text-mb {
  font-family: var(--dev_med);
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0;
  text-transform: uppercase
}

.number-grid-box {
  margin-top: 40px
}

.banner-bg-vdo video {
  height: 100vh;
  width: 100%;
  object-fit: cover;
  position: relative
}

.content-flex {
  margin-top: 150px
}

.checkbox-field,
.input-inner {
  margin: 10px 0
}

.startYourJourney_xForm .checkbox-field {
  margin-top: 0;
  margin-bottom: 0;
}

.homepage-banner .stepper {
  width: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 5%;
  opacity: 0
}

.homepage-banner .step--1,
.homepage-banner .step--2,
.homepage-banner .step--3,
.homepage-banner .step--4 {
  width: 5rem;
  padding: .5rem 0;
  background: #fff;
  color: #666;
  text-align: center
}

.homepage-banner .step--1,
.homepage-banner .step--2,
.homepage-banner .step--3 {
  border-right: 1px solid #666
}

.homepage-banner .form {
  text-align: center;
  position: relative;
  display: none;
  height: auto
}

.homepage-banner .form--header-container {
  background: linear-gradient(to right, #333, #919191);
  color: #fff;
  height: 6rem;
  padding: 1rem 0;
  margin-bottom: 2rem
}

.homepage-banner .form--header-title {
  font-size: 1.4rem
}

.homepage-banner .form--header-text {
  padding: .5rem 0
}

.homepage-banner .input-inner input {
  width: 100%;
  display: block;
  height: 60px;
  border-radius: 48px;
  outline: 0;
  padding: 0 40px 0 70px;
}

.homepage-banner .form__btn a {
  background: 0 0 !important
}

.homepage-banner .form__btn,
.homepage-banner .form__btn a {
  background: #b7b7b7;
  color: #fff;
  outline: 0;
  border: none;
  width: 100%;
  margin: 0 !important;
  border-radius: 40px;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .5s ease-in-out;
  height: 60px;
  font-family: var(--dev_bold);
  font-size: 16px;
  line-height: 20px
}

.homepage-banner .form--message-text {
  width: 25rem;
  background: #fff;
  color: #444;
  padding: 2rem 1rem;
  text-align: center;
  font-size: 1.4rem;
  box-shadow: .2rem .2rem .5rem rgba(51, 51, 51, .2);
  animation: .8s fadeIn;
  border-radius: 1rem
}

.start_journey_form_wrapper .disclaimer {
  padding-top: 13px;
}

  .start_journey_form_wrapper .disclaimer p {
    color: #000;
    font: normal normal 14px/1.2em var(--dev_semi_bold);
    text-align: center;
  }

    .start_journey_form_wrapper .disclaimer p strong {
      font-family: var(--dev_bold);
    }

.toggleOptWrapper {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}

.start_journey_form_wrapper .toggleOpt {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 35px;
  display: flex;
}

  .start_journey_form_wrapper .toggleOpt li {
    border: 1px solid transparent;
    border-radius: 35px;
    cursor: pointer;
    font: normal normal 16px/1.2em var(--dev_semi_bold);
    color: rgba(17, 17, 17, .7);
    margin: 2px;
    padding: 13px 42px;
  }

    .start_journey_form_wrapper .toggleOpt li.active {
      background-color: #FFE2E5;
      border-color: #C91429;
      color: #C91429;
    }

.start_journey_form_wrapper .input-inner .custom-dropdown {
  position: absolute;
  right: 3px;
  top: 3px;
  width: 130px;
}

.start_journey_form_wrapper .input-inner .custom-dropdown__button {
  background-color: #fff;
  border-color: #e2e2e2;
  height: 54px;
}

  .start_journey_form_wrapper .input-inner .custom-dropdown__button .zmdi-chevron-down {
    top: 15px;
  }

    .start_journey_form_wrapper .input-inner .custom-dropdown__button .zmdi-chevron-down:before,
    .start_journey_form_wrapper .input-inner .custom-dropdown__button .zmdi-chevron-down:after {
      background-color: #000;
    }

.start_journey_form_wrapper .yellowBox {
  background-color: rgba(255, 244, 217, .86);
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 20px;
  text-align: left;
}

  .start_journey_form_wrapper .yellowBox p {
    color: #000000;
    font: normal normal 18px/1.1em var(--dev_med);
    margin-bottom: 8px;
  }

    .start_journey_form_wrapper .yellowBox p strong {
      font-family: var(--dev_semi_bold);
    }

    .start_journey_form_wrapper .yellowBox p.value {
      letter-spacing: 0;
      color: #70B865;
      font: normal normal 16px/1.1em var(--dev_med);
      margin-bottom: 0;
    }

      .start_journey_form_wrapper .yellowBox p.value strong {
        color: #000;
        font-family: var(--dev_bold);
        font-size: 24px;
        letter-spacing: 0;
        padding-right: 5px;
      }

.homepage-banner .form-active {
  z-index: 0;
  display: block
}

.homepage-banner .form-active-animate {
  animation: 1s moveRight
}

.homepage-banner .form-inactive {
  display: block;
  animation: 1s moveLeft
}

.homepage-banner .step-active {
  background: #666;
  color: #fff;
  border: 1px solid #666
}

.to-help-stepper-form-mb {
  width: 100%;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column
}

.startYourJourney_xForm .to-help-stepper-form-mb {
  align-items: center;
  /* justify-content: center; */
  height: 100%;
}

.stepper-heaiding-mb {
  transition: .5s;
  position: relative
}

.homepage-banner .otp-vcarification-step input[type=text]:focus {
  border-color: red;
  border-width: 1px
}

.stepper-heading {
  font: normal normal 40px/42px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #111;
  display: block;
  text-transform: uppercase;
  opacity: 1;
  margin-bottom: 10px;
}

.input-field input,
.stepper-paragraph {
  letter-spacing: 0;
  text-transform: capitalize
}

.stepper-paragraph {
  font: normal normal 18px/22px var(--dev_med);
  color: #111;
  opacity: .8
}

.form-div {
  padding: 40px 40px 70px
}

.verified-icon img {
  max-width: 90px
}

.select-items {
  position: absolute;
  background-color: #1e90ff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99
}

  .same-as-selected,
  .select-items div:hover {
    background-color: rgba(0, 0, 0, .1)
  }

.input-inner {
  position: relative
}

.dropdown__selected .inpt-icon {
  background: #f5f5f5;
}

.inpt-icon {
  position: absolute;
  left: 5px;
  top: 6px;
  height: 48px;
  width: 48px;
  background: #f5f5f5;
  border-radius: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center
}

.input-field input {
  font: normal normal 18px/26px var(--dev_semi_bold);
  color: #000;
  /*    opacity: .7;*/
  background: #f5f5f5;
  border: 1px solid #efefef;
}

  .input-field input:focus-visible {
    outline: 1px solid #c91429;
  }

  .input-field input:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0 30px #f5f5f5 inset !important;
  }

input:-moz-autofill {
  background-color: yellow;
  color: blue;
}

.checkbox-field label {
  font-family: var(--dev_bold);
  font-size: 16px;
  line-height: 26px;
  color: #111;
  letter-spacing: 0
}

  .checkbox-field label a,
  .mail-result-group .check-boxx label a {
    color: #c91429;
    font-style: italic
  }

.checkbox-field input[type=checkbox] {
  position: relative;
  border: 1px solid #111 !important;
  border-radius: 3px;
  background: 0 0;
  cursor: pointer;
  line-height: 0;
  margin: 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 16px !important;
  width: 16px;
  -webkit-appearance: none;
  opacity: .8;
  background: #fff;
}

.select-set .dropdown__option span,
.select-set .dropdown__options .dropdown__option span {
  font: normal normal 18px/26px var(--dev_semi_bold);
  letter-spacing: 0;
  /*text-transform: capitalize;*/
  color: #000
}

.checkbox-field input[type=checkbox]:hover {
  opacity: 1
}

.checkbox-field input[type=checkbox]:checked {
  background-color: #c91429;
  opacity: 1;
  border: 1px solid #c91429 !important;
}

.checkbox-field input[type=checkbox]:before,
.mail-result-group .check-boxx input[type=checkbox]:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  width: 4px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2
}

.scrolling-words-box {
  height: 110px;
  overflow: hidden
}

  .scrolling-words-box ul {
    padding: 0;
    animation: 8s infinite scrollUp
  }

    .scrolling-words-box ul li {
      display: flex;
      align-items: center;
      list-style: none;
      color: #C91429
    }

@keyframes scrollUp {

  15%, 25% {
    transform: translateY(-20%)
  }

  40%, 50% {
    transform: translateY(-40%)
  }

  65%, 75% {
    transform: translateY(-60%)
  }

  100%, 90% {
    transform: translateY(-80%)
  }
}



.verticalFlip {
  display: inline
}

  .verticalFlip span {
    animation: 4s linear infinite vertical;
    -ms-animation: vertical 4s linear infinite 0s;
    -webkit-animation: 4s linear infinite vertical;
    color: #ea1534;
    opacity: 0;
    overflow: hidden;
    position: absolute
  }

    .verticalFlip span:nth-child(2) {
      animation-delay: 2.5s;
      -ms-animation-delay: 2.5s;
      -webkit-animation-delay: 2.5s
    }

    .verticalFlip span:nth-child(3) {
      animation-delay: 5s;
      -ms-animation-delay: 5s;
      -webkit-animation-delay: 5s
    }

    .verticalFlip span:nth-child(4) {
      animation-delay: 7.5s;
      -ms-animation-delay: 7.5s;
      -webkit-animation-delay: 7.5s
    }

    .verticalFlip span:nth-child(5) {
      animation-delay: 10s;
      -ms-animation-delay: 10s;
      -webkit-animation-delay: 10s
    }

.dropdown__options--visible .dropdown__options {
  animation: .35s ease-in-out forwards showit;
}

.select-set .dropdown__skeleton {
  border: 1px solid #efefef;
  background-color: #f5f5f5;
  padding: 0 40px 0 70px;
  position: relative;
  cursor: pointer;
  user-select: none;
  width: 100%;
  height: 60px;
  border-radius: 48px;
  display: flex;
  align-items: center
}

.select-set .dropdown__options--visible .dropdown__skeleton {
  border: 1px solid #c91429;
}

.dropdown__skeleton label {
  font-weight: 700;
  text-transform: uppercase;
  color: #9297ab;
  font-size: .8rem;
  letter-spacing: 0;
  margin-bottom: 8px;
  display: block;
  cursor: pointer
}

.dropdown__option {
  display: flex;
  align-items: center
}

.select-set .dropdown__option span {
  margin-left: 0;
}

.dropdown__arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 30px;
  height: 30px;
  transition: .2s ease-in-out;
  transform-origin: top
}

.select-set .dropdown__arrow::after,
.select-set .dropdown__arrow::before {
  background: #000;
  content: '';
  position: absolute;
  width: 10px;
  height: 2px;
  display: inline-block;
  border-radius: 50px;
  transition: .5s
}

.select-set .dropdown__arrow::before {
  transform: rotate(-45deg);
  right: 14px
}

.select-set .dropdown__arrow::after {
  transform: rotate(45deg);
  right: 20px
}

.select-set .dropdown__options--visible .dropdown__arrow::before {
  transform: rotate(45deg)
}

.select-set .dropdown__options--visible .dropdown__arrow::after {
  transform: rotate(-45deg)
}

.select-set .dropdown__options {
  position: absolute;
  top: 61px;
  right: 0;
  border: 1px solid #efefef;
  border-radius: 20px;
  padding: 20px;
  background-color: #fff;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 11;
  /* box-shadow: 4px 8px 20px #0000001A; */
}

@keyframes showit {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-30px);
    height: 0;
  }

  100% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    height: auto;
  }
}

.select-set .dropdown__options .dropdown__option {
  padding: 0 10px;
  transition: background-color .2s ease-in-out, opacity .2s ease-in-out;
  cursor: pointer;
  border-radius: 0;
  height: 35px;
  display: flex;
  align-items: center;
  margin: 2px 0
}

  .select-set .dropdown__options .dropdown__option.active span {
    color: #c91429;
  }

.dropdown__option_set_Wrapper:last-child {
  margin: 0;
}

.dropdown__option_set_Wrapper {
  margin-bottom: 15px;
}

.dropdown__options .dropdown__option--selected,
.dropdown__options .dropdown__option:hover,
.span-strong,
.top_vertical_slider .swiper-slide.swiper-slide-active .banner_caption_wrapper {
  opacity: 1
}

.select-set .dropdown__options .dropdown__option:hover span {
  color: #C91429
}

.dropdown__options::before {
  content: '';
  position: absolute;
  bottom: calc(100% - 3px);
  right: 20px;
  height: 10px;
  width: 10px;
  background-color: #fff;
  border-top: 2px solid #dbe0f5;
  border-left: 2px solid #dbe0f5;
  transform: rotate(45deg);
  display: none
}

.select-set .dropdown__options .dropdown__option span {
  margin-left: 15px;
}

.dropdown__selected.dropdown__option .inpt-icon2 {
  position: absolute;
  left: 5px;
  top: 4px;
  height: 50px;
  width: 50px;
  background: #fff;
  border-radius: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center
}

.homepage-banner .otp-vcarification-step input[type=text] {
  padding: 0 0 0;
  font: normal normal 24px/22px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #000;
  text-transform: uppercase;
  opacity: 1
}

.otp-vcarification-step .card {
  width: 100%;
  border: none;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 35px 0 !important
}

  .otp-vcarification-step .card h6 {
    color: red;
    font-size: 20px
  }

.otp-vcarification-step .inputs input {
  width: 50px;
  height: 50px;
  box-shadow: 0 5px 15px #00000008;
  border-radius: 8px;
  opacity: 1;
  color: #000;
  font-size: 20px;
  line-height: 22px;
  font-family: var(--dev_med);
  border: 1px solid #E7E7E7;
  background: #F9F9F9;
}

.otp-vcarification-step input[type=number]::-webkit-inner-spin-button,
.otp-vcarification-step input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0
}

.otp-vcarification-step .card-2 {
  background-color: #fff;
  padding: 10px;
  width: 350px;
  height: 100px;
  bottom: -50px;
  left: 20px;
  position: absolute;
  border-radius: 5px
}

  .otp-vcarification-step .card-2 .content {
    margin-top: 50px
  }

.otp-vcarification-step .form-control:focus {
  box-shadow: none;
  border: 2px solid #000
}

.otp-vcarification-step .validate {
  border-radius: 20px;
  height: 40px;
  background-color: red;
  border: 1px solid red;
  width: 140px
}

.otp-varification-heading {
  font-family: var(--dev_semi_bold);
  font-size: 34px;
  line-height: 35px;
  letter-spacing: 0;
  color: #111;
  text-transform: uppercase
}

.solInner-stepForm #stepp2 .inputs input {
  width: 70px;
  height: 70px;
  background: no-repeat padding-box #f9f9f9;
  border: 1px solid #f2f2f2;
  border-radius: 16px !important;
  font: normal normal 20px/26px var(--dev_med);
  letter-spacing: 0;
  color: #000;
  opacity: 1
}

  .solInner-stepForm #stepp2 .inputs input:focus {
    border-color: #C91429;
    box-shadow: none
  }

.otp-para {
  font-family: var(--dev_med);
  font-size: 16px;
  line-height: 20px;
  color: #111;
  opacity: .8;
  margin-bottom: 10px
}

.otp-number {
  font-family: var(--dev_bold);
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0;
  color: #111
}

.resend-otp,
.resend-otp-red {
  font-size: 16px;
  line-height: 20px
}

.otp-number .change-number {
  font-size: 14px;
  line-height: 20px;
  color: #c91429;
  letter-spacing: 0;
  text-transform: uppercase
}

.verified-icon {
  text-align: center;
}

.resend-otp {
  font-family: var(--dev_med);
  letter-spacing: 0;
  color: #111;
  opacity: .8;
}

.homepage-banner .form__btn.verify-btn {
  width: 85%
}

.resend-otp-red {
  font-family: var(--dev_bold);
  color: #c91429;
  text-transform: uppercase;
  opacity: 1;
  margin-bottom: 20px;
  text-decoration: underline;
}

.thankYou-banner-form .heading-inner {
  text-align: center;
  padding: 30px 0 50px
}

.form-recco-heading {
  font-family: var(--dev_reg);
  text-align: left;
  font-size: 26px;
  line-height: 36px;
  color: #111;
  letter-spacing: 0;
  text-transform: capitalize
}

.git-check-box,
.verified-icon {
  margin-bottom: 35px
}

.forn-recomended {
  padding: 40px
}

  .forn-recomended .recom-slide-item {
    gap: 10px;
    display: flex;
    padding: 22px 20px;
    border-radius: 10px;
    background: #fff
  }

  .forn-recomended .yellow-span {
    text-align: left;
    color: #f7a600;
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    font-family: var(--dev_bold);
    text-transform: uppercase
  }

  .forn-recomended .content-rfy p {
    font-size: 18px;
    line-height: 20px;
    text-align: left;
    margin: 0;
    font-family: var(--dev_bold);
    color: #111;
    text-transform: capitalize
  }

.form-input-main.top-overlap {
  padding: 50px 0;
  position: relative
}

.to-help-form-area {
  position: relative;
  height: 100%
}

.myProduct-btn {
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1
}

.personalisemyproduct {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 165px;
  background: #fff;
  align-items: center;
  padding: 22px 30px;
  box-shadow: 0 0 99px #0000000D;
  transition: .5s ease-in-out
}

.personalisemyproduct {
  background: #fff;
  border-top: 1px solid #e2e2e2;
  padding-right: 140px;
}

.drop-paragraph,
.ptag-text {
  box-shadow: 0 15px 40px #00000005
}

.personalisemyproduct:hover {
  transition: .5s ease-in-out;
  color: #c91429;
  border-top: 1px solid #c91429;
  background: #fff6f7
}

.personalize_text span {
  font: normal normal 30px/22px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #414042;
  /*text-transform: capitalize;*/
  opacity: 1
}

.personalize_text p {
  font: normal normal 14px/16px var(--dev_med);
  letter-spacing: 0;
  color: #414042;
  /*text-transform: capitalize;*/
  opacity: 1;
  width: 80%;
}

.mail-result-group .check-boxx label,
.mail-result-group .label-otp-input,
.mail-result-group input.otp-inputs {
  font-family: var(--dev_bold);
  line-height: 26px;
  color: #111
}

.myProduct-section-modal.modal.fade .modal-dialog {
  height: 100%;
  margin: 0 0 0 auto;
  transform: translateX(200px);
  max-width: 750px;
}

.myProduct-section-modal.modal.show .modal-dialog {
  transform: none
}

.myProduct-section-modal.modal .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
  padding: 80px;
  position: relative
}

.myProduct-section-modal.modal .modal-header {
  padding: 0;
  border: 0
}

.myProduct-section-modal.modal .btn-close {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #111;
  opacity: 1;
  font-size: 24px
}

  .myProduct-section-modal.modal .btn-close:focus {
    box-shadow: none
  }

.sutaible--option {
  display: flex;
  flex-direction: column;
  gap: 20px
}

.solution-inner-form .solInner-stepForm .btn-group,
.st--anchor-a {
  justify-content: space-between;
  display: flex
}

.find-you-heading {
  font-family: var(--dev_semi_bold);
  font-size: 52px;
  line-height: 58px;
  letter-spacing: 0;
  color: #111;
  /*text-transform: capitalize;*/
  margin-bottom: 20px
}

.st--anchor-a {
  width: 100%;
  align-items: center;
  font-family: var(--dev_reg);
  font-size: 34px;
  line-height: 36px;
  letter-spacing: 0;
  color: #111;
  border: 1px solid #d0d0d0;
  height: 120px;
  padding: 0 45px;
  transition: .5s ease-in-out
}

.dark-box-item,
.form_btn_small {
  line-height: 20px;
  text-transform: uppercase;
  font-family: var(--dev_bold)
}

.st--anchor-a:hover {
  transition: .5s ease-in-out;
  border: 1px solid #db959d;
  box-shadow: 0 20px 50px #00000014
}

.sutaible-sol-modal.modal.fade .modal-dialog {
  margin: 0 0 0 auto;
  transform: translateX(200px);
  max-width: 750px;
  height: 100%
}

.sutaible-sol-modal.modal.show .modal-dialog {
  transform: none
}

.sutaible-sol-modal.modal .modal-content {
  border: 0;
  border-radius: 0;
  position: relative;
  height: 100%
}

.sut--option-icon {
  width: 70px;
  height: 70px;
  background: #f5f5f5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}

  .sut--option-icon svg {
    width: 34px
  }

.solution-inner-form .solInner-stepForm .form {
  background-color: transparent;
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  z-index: 1;
  position: relative;
  height: 100%
}

.solution-inner-form .solInner-stepForm .form-step.active {
  display: block;
  transform-origin: top;
  animation: .5s animate-sol1
}

.solution-inner-form .solInner-stepForm a.btn {
  padding: .75rem;
  display: block;
  text-decoration: none;
  width: min-content;
  border-radius: 5px;
  text-align: center;
  transition: .3s;
  cursor: pointer;
  background: #000
}

.solution-inner-form .solInner-stepForm .btn-next {
  border-radius: 0
}

.solution-inner-form .solInner-stepForm .btn-prev {
  background-color: #777;
  color: #fff
}

.solution-inner-form .solInner-stepForm textarea {
  resize: vertical
}

.solution-inner-form .solInner-stepForm .progress-bar-sol {
  position: relative;
  display: flex;
  justify-content: space-between;
  counter-reset: step;
  margin-bottom: 60px;
  flex-direction: row;
  gap: 0;
  width: 53%
}

  .solution-inner-form .solInner-stepForm .progress,
  .solution-inner-form .solInner-stepForm .progress-bar-sol::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 100%;
    background-color: #f5f5f5;
    z-index: -1
  }

  .solution-inner-form .solInner-stepForm .progress-bar-sol::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 23%;
    background-color: #2e343e;
    z-index: -1
  }

.solution-inner-form .solInner-stepForm .progress {
  background-color: #2e343e;
  width: 0;
  transition: .5s
}

.solution-inner-form .solInner-stepForm .progress-step {
  width: 35px;
  height: 35px;
  background-color: #f5f5f5;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1f2933;
  letter-spacing: 0;
  font-family: var(--dev_bold);
  text-transform: uppercase;
  font-size: 16px;
  line-height: 21px
}

  .solution-inner-form .solInner-stepForm .progress-step::before {
    counter-increment: step;
    content: counter(step)
  }

  .solution-inner-form .solInner-stepForm .progress-step::after {
    content: attr(data-title);
    position: absolute;
    top: calc(100% + .2rem);
    font-size: .85rem;
    color: #000 !important;
    display: none
  }

  .solution-inner-form .solInner-stepForm .progress-step.active {
    background-color: #f5f5f5;
    border: 2px solid #000;
    color: #414042
  }

@keyframes animate-sol1 {
  from {
    transform: scale(1, 0);
    opacity: 0
  }

  to {
    transform: scale(1, 1);
    opacity: 1
  }
}

.sutaible-sol-modal .modal-header {
  border: 0;
  padding: 0;
  background: 0 0
}

.sutaible-sol-modal .btn-close {
  opacity: 1;
  font-size: 24px;
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 11;
}

.cal_custom_drop2 .select-menu,
.find-product-inner-a,
.right_pos_modal-enquiry .dropdown__options,
.solution-inner-form .solInner-stepForm .input-group .select-option {
  width: 100%
}

input.input-field-mb {
  opacity: 0;
  position: absolute;
  top: 0
}

.sutaible-sol-modal .modal-body {
  border: 0;
  border-radius: 0;
  padding: 80px;
  position: relative;
  box-shadow: -100px 0 99px #0000001A;
  background: #fff
}

.mail-result-group .input-group.input-group-ig1 {
  display: flex;
  flex-direction: column;
  gap: 5px
}

.mail-result-group .label-otp-input {
  font-size: 14px;
  letter-spacing: 0;
  opacity: .8
}

.mail-result-group input.otp-inputs {
  background: #f9f9f9;
  border: 1px solid #f2f2f2;
  border-radius: 50px !important;
  height: 50px;
  transition: .5s ease-in-out;
  font-size: 16px;
  letter-spacing: 0;
  padding: 5px 30px;
  font: normal normal 18px/26px var(--dev_semi_bold);
  color: #000;
  /*    opacity: .7;*/
}

  .mail-result-group input.otp-inputs:focus-visible {
    outline: 0
  }

.mail-result-group .otp-form-inputs-row {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px
}

.mail-result-group .check-boxx input[type=checkbox] {
  position: relative;
  border: 1px solid #111;
  border-radius: 3px;
  background: 0 0;
  cursor: pointer;
  line-height: 0;
  margin: 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
  opacity: .8
}

  .mail-result-group .check-boxx input[type=checkbox]:checked {
    background-color: #c91429;
    opacity: 1
  }

.mail-result-group .check-boxx label {
  font-size: 16px;
  letter-spacing: 0
}

.form_btn_small {
  background: #b7b7b7;
  color: #fff;
  border: 0;
  width: 230px;
  height: 55px;
  transition: .5s ease-in-out;
  font-size: 16px;
  letter-spacing: 0;
  border-radius: 35px !important
}

  .form_btn_small:hover,
  .verified {
    transition: .5s ease-in-out;
    background: #c91429
  }

  .form_btn_small:hover {
    color: #fff
  }

.solnOtp-v-card .card {
  border: 0
}

  .solnOtp-v-card .card .inputs {
    width: 80%;
    gap: 10px;
    margin: 70px 0 12px
  }

.prduct-img-mb::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(180deg, #00000000 0, #0000000A 6%, #00000015 16%, #0000002E 32%, #000 100%) no-repeat padding-box
}

.dark-box-item {
  font-size: 12px;
  color: #fff;
  position: relative;
  padding: 0 10px
}

.form-card-heading,
.form-card-para {
  /*text-transform: capitalize;*/
  color: #fff
}

.dark-box-item::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  z-index: 1;
  transform: translateY(-50%)
}

.dark-box,
.product-overlay-content .accr-buttons {
  transform: translateY(100px);
  visibility: visible;
  transition: .5s ease-in-out;
  opacity: 0
}

.dark-box {
  background: #11111136;
  padding: 3px;
  width: 100%;
  margin-bottom: 8px;
}

  .dark-box ul {
    display: flex;
    gap: 0
  }

a.acrd_button:hover {
  transition: .5s ease-in-out;
  color: #fff
}

.acrd_button.acrd_button_enquire_now {
  background: 0 0;
  transition: .5s ease-in-out;
  color: #000;
  border-color: #000
}

  .acrd_button.acrd_button_enquire_now:hover {
    background: #fff;
    color: #c91429;
    transition: .5s ease-in-out;
    border-color: transparent
  }

.product-overlay-content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition: .5s ease-in-out;
  padding: 30px;
  z-index: 1;
  display: flex;
  align-items: end
}

  .product-overlay-content .accr-buttons {
    display: flex;
    gap: 10px
  }

.product-details {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px
}

.form-card-heading {
  font-family: var(--dev_bold);
  font-size: 32px;
  line-height: 32px;
  margin: 0;
  letter-spacing: 0
}

.form-card-para {
  font-family: var(--dev_med);
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 10px;
  letter-spacing: 0;
  opacity: .8
}

.product-details:hover .product-overlay-content {
  transition: .5s ease-in-out;
  background: #c91429c4
}

.front-text {
  transition: .5s ease-in-out;
  transform: translateY(125px)
}

.product-details:hover .accr-buttons,
.product-details:hover .dark-box,
.product-details:hover .front-text {
  transition: .5s ease-in-out;
  transform: translateY(0);
  opacity: 1;
  visibility: visible
}

.calcy-banner-from img {
  height: 150px;
  object-fit: cover
}

.calcy-banner-from {
  width: 100%;
  position: relative;
  margin-bottom: 90px
}

  .calcy-banner-from .calculator-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 25px
  }

  .calcy-banner-from .cal-flex-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px
  }

.calculato-heaidng {
  font-family: var(--dev_bold);
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0;
  color: #111
}

.right_pos_modal-enquiry .mail-result-group .otp-form-inputs-row,
.solution-inner-form .solInner-stepForm .btn-group.btn-group-row {
  gap: 30px
}

.btn-common-sm {
  border-radius: 44px;
  border: 1px solid #c91429;
  padding: 13px 22px;
  font-family: var(--dev_bold);
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0;
  transition: .5s ease-in-out
}

.stepp2-block .form_btn_small {
  margin-top: 150px
}

.solution-inner-form .solInner-stepForm .progress-step.progress-step-3.active {
  background-color: #f5f5f5;
  border: 2px solid transparent;
  color: #1f2933
}

.progress-step-3 .progress-bar-last::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  width: 23%;
  background-color: #f5f5f5;
  z-index: -1;
  right: 0
}

.tacbox {
  display: flex;
  align-items: center;
  gap: 10px
}

.check-box-flex,
.plan_details {
  display: flex;
  gap: 20px
}

.right_pos_modal-enquiry .select-set .dropdown__skeleton {
  padding: 0 20px;
  background-color: #f9f9f9
}

.right_pos_modal-enquiry .dropdown__options--visible .dropdown__skeleton {
  border: 1px solid #c91429
}

.right_pos_modal-enquiry .dropdown__options .dropdown__option:hover span {
  color: #c91429
}

.homepage-banner .form__btn.verify-btn#btn-3 {
  margin: 0 auto 30px !important
}

.form-parent {
  width: 100%;
  padding: 0 140px 0 80px
}

.form__btn_3 {
  display: flex;
  width: 80%;
  margin: 0 auto 35px !important;
  align-items: center;
  justify-content: center
}

.dropdown__selected.dropdown__option .inpt-icon2 img,
.inpt-icon img {
  width: auto
}

#stepper-form-1-step-2 {
  padding-bottom: 30px
}

.scroll-down {
  width: 170px;
  height: 170px;
  position: absolute;
  bottom: 12%;
  z-index: 11;
  left: 0
}

.overlap-arrow-mb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center
}

  .overlap-arrow-mb a {
    width: 65px;
    height: 65px;
    background: 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #2e343e
  }

    .overlap-arrow-mb a img {
      width: 15px;
      animation: 2s 2s infinite bounce
    }

.scroll-down::before {
  content: '';
  width: 2px;
  height: 100px;
  background: #2e343e4a;
  position: absolute;
  top: 120%;
  left: 50%;
  z-index: 1
}

@keyframes bounce {

  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }

  40% {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px)
  }

  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
  }
}

.scroll-down .scroll-arrow-box img.sd-arrw {
  animation: 15s linear infinite down-rotate
}

@keyframes down-rotate {
  to {
    transform: rotate(360deg)
  }
}

.git-stepper-start .git-check-box-flex {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px 20px
}

.check-box-box input[type=checkbox],
.check-box-box input[type=radio] {
  border: 1px solid #0dc400;
  border-radius: 50%;
  background: 0 0;
  cursor: pointer;
  line-height: 0;
  margin: 0 .6em 0 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 15px;
  width: 15px;
  -webkit-appearance: none;
  opacity: 0;
  position: absolute;
  top: 6px;
  right: 0
}

  .check-box-box input[type=checkbox]:hover,
  .check-box-box input[type=radio]:hover {
    opacity: .1
  }

  .check-box-box input[type=checkbox]:checked,
  .check-box-box input[type=radio]:checked {
    background-color: #0dc400;
    opacity: 1
  }

  .check-box-box input[type=checkbox]:before,
  .check-box-box input[type=radio]:before {
    content: '';
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 5px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2
  }

.plan_list_wrapper {
  grid-template-columns: 170px 170px
}

.plan_details h4 {
  margin: 0
}

.metaverse-paragraph-v2 {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0
}

.label-title-w,
.plan_details h4 {
  font-size: 16px;
  line-height: 17px;
  font-family: var(--dev_med)
}

.plan_details {
  background: no-repeat padding-box #fff;
  border: 1px solid #e9e9e9;
  opacity: 1;
  height: 80px;
  align-items: center;
  justify-content: center;
  padding: 10px 25px;
  border-radius: 8px;
}

.select-set .dropdown-wrap-set.dropdown .dropdown__options {
  padding: 15px 0;
}

.select-set .dropdown-wrap-set .dropdown__options .dropdown__option {
  padding: 10px 30px;
  position: relative;
}

  .select-set .dropdown-wrap-set .dropdown__options .dropdown__option.active span {
    color: #C91429;
  }

  .select-set .dropdown-wrap-set .dropdown__options .dropdown__option.active:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background: #C91429;
    left: 0;
    top: 0;
    z-index: 0;
  }

  .select-set .dropdown-wrap-set .dropdown__options .dropdown__option.active::before {
    background: #CA1F34;
    transition: all .5s ease-in-out;
  }

  .select-set .dropdown-wrap-set .dropdown__options .dropdown__option span {
    margin-left: 0;
  }

.start_journey_main_Wrapper {
  background-image: url('../../assets/images/leadform-bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
}

@media screen and (max-width:1600px) {
  .select-set .dropdown-wrap-set.dropdown .dropdown__options {
    padding: 15px 0;
  }

  .select-set .dropdown-wrap-set .dropdown__options .dropdown__option {
    padding: 5px 20px;
  }

  .otp-vcarification-step .inputs input {
    font-size: 16px;
    line-height: 18px;
  }

  .top_banner_wrapper .homepage-banner .otp-vcarification-step input[type='text'] {
    margin: 3px !important;
    height: 38px;
    width: 38px;
    padding-top: 0;
    font-size: 16px;
  }
}

@media screen and (min-width:1501px) and (max-width:1600px) {
  .country_code_91::before {
    font-size: 14px;
    line-height: 50px;
    height: 50px;
    left: 45px;
  }

  .homepage-banner .input-inner.country_code_91 input {
    padding-left: 75px;
  }
}

@media screen and (min-width:1200px) and (max-width:1600px) {
  .homepage-banner .input-inner input {
    padding: 0 30px 0 50px;
  }

  .white-bg-card .card-date {
    margin-top: 3px
  }

  .git-stepper-start .git-check-box-flex {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px 10px
  }

  .git-stepper-start .plan_details {
    gap: 8px;
    padding: 9px 8px
  }

  .plan_details {
    height: 50px;
  }

  span.label-icon-w {
    width: 24px
  }

  .label-title-w,
  .plan_details h4 {
    font-size: 14px;
    line-height: 13px;
    width: 100%
  }

  .dropdown__arrow {
    right: 25px
  }

  .select-set .dropdown__arrow::before {
    right: 0
  }

  .select-set .dropdown__arrow::after {
    right: 3px
  }

  .dropdown__selected.dropdown__option .inpt-icon2,
  .inpt-icon {
    left: 6px;
    top: 50%;
    height: 38px;
    width: 38px;
    transform: translateY(-50%);
    padding: 7px
  }

    .inpt-icon svg {
      width: 16px;
      height: 16px
    }

  .toggleOptWrapper {
    padding-bottom: 10px;
  }

  .start_journey_form_wrapper .toggleOpt li {
    font-size: 14px;
    padding: 10px 30px;
  }

  .start_journey_form_wrapper .input-inner .custom-dropdown {
    right: 2px;
    top: 2px;
    width: 110px;
  }

  .start_journey_form_wrapper .input-inner .custom-dropdown__button {
    height: calc(100% - 4px);
  }

    .start_journey_form_wrapper .input-inner .custom-dropdown__button .zmdi-chevron-down {
      top: 10px;
    }

  .start_journey_form_wrapper .yellowBox {
    padding: 15px
  }

    .start_journey_form_wrapper .yellowBox p {
      font-size: 12px;
      margin-bottom: 8px;
    }

      .start_journey_form_wrapper .yellowBox p.value {
        letter-spacing: 0;
        font-size: 12px;
      }

        .start_journey_form_wrapper .yellowBox p.value strong {
          font-size: 16px
        }

  .start_journey_form_wrapper .disclaimer {
    padding-top: 10px;
  }

    .start_journey_form_wrapper .disclaimer p {
      font-size: 10px;
    }

  .homepage-banner .input-inner input {
    height: 48px
  }

  .select-set .dropdown__arrow::after,
  .select-set .dropdown__arrow::before {
    width: 6px;
    height: 2px
  }

  .banner.homepage-banner {
    height: 100vh
  }

  .select-set .dropdown__options {
    height: 320px;
    overflow-x: scroll;
    padding: 0
  }

    .select-set .dropdown__options::-webkit-scrollbar {
      width: 2px
    }

  .scrolling-words-box {
    height: 70px;
    overflow: hidden
  }

  .banner-heading {
    font-size: 70px;
    line-height: 70px
  }

  .mail-result-group .input-group.check-boxx,
  .mt-150 {
    margin-top: 35px
  }

  .banner-paragraph {
    font-size: 18px;
    line-height: 19px
  }

  .flex-number {
    gap: 70px
  }

  .number-mb {
    font-size: 34px;
    line-height: 44px;
    text-transform: uppe
  }

  .text-mb {
    font-size: 17px;
    line-height: 20px
  }

  .resend-otp,
  .resend-otp-red,
  .stepper-paragraph {
    font-size: 15px;
    line-height: 12px
  }

  .input-field input,
  .select-set .dropdown__option span {
    font-size: 14px;
    line-height: 20px
  }

  .input-inner {
    margin: 8px 0
  }

  .checkbox-field label {
    font-size: 14px;
    line-height: 24px
  }

  .select-set .dropdown__options .dropdown__option span {
    font-size: 14px;
    line-height: 16px
  }

  .select-set .dropdown__options .dropdown__option.active span {
    color: #C91429;
  }

  .otp-varification-heading {
    font-size: 27px;
    line-height: 30px
  }

  .homepage-banner .form__btn,
  .homepage-banner .form__btn a,
  .otp-para {
    font-size: 15px
  }

  .otp-para {
    line-height: 19px
  }

  .otp-number {
    font-size: 16px;
    line-height: 18px
  }

  .form-recco-heading {
    font-size: 22px;
    line-height: 32px
  }

  .heading-inner {
    padding: 30px
  }

  .find-you-heading {
    font-size: 36px;
    line-height: 1em;
    margin-bottom: 15px;
    width: 360px
  }

  .product-details {
    height: 255px
  }

  .financial-sol-inner .find-you-heading {
    width: 100%;
  }

  .st--anchor-a {
    font-size: 20px;
    line-height: 32px;
    height: 65px;
    padding: 0 30px
  }

  .sutaible--option {
    gap: 16px
  }

  .myProduct-section-modal.modal .modal-content {
    padding: 50px
  }

  .sut--option-icon {
    width: 50px;
    height: 50px
  }

    .sut--option-icon svg {
      width: 20px;
      height: 20px
    }

  .sutaible-sol-modal .modal-body {
    padding: 55px
  }

  .mail-result-group .label-otp-input {
    font-size: 12px;
    line-height: 18px;
  }

  .mail-result-group input.otp-inputs {
    height: 40px;
    font-size: 14px;
    line-height: 24px;
    padding: 0 20px;
  }

  .form_btn_small {
    width: fit-content;
    font-size: 15px;
    height: auto;
    padding: 10px 20px
  }

  .sutaible-sol-modal.modal.fade .modal-dialog {
    max-width: 500px
  }

  .myProduct-section-modal.modal.fade .modal-dialog {
    max-width: 500px;
  }

  .form-card-heading {
    font-size: 28px;
    line-height: 27px
  }

  .form-card-para {
    font-size: 15px;
    line-height: 15px
  }

  .btn-common-sm {
    font-size: 12px;
    line-height: 20px
  }

  .solution-inner-form .solInner-stepForm .btn-group.btn-group-row {
    gap: 20px
  }

  .calcy-banner-from {
    margin-bottom: 30px
  }

    .calcy-banner-from img {
      height: 125px
    }

  .solInner-stepForm #stepp2 .inputs input {
    width: 35px;
    height: 35px;
    border-radius: 5px !important;
    font-size: 14px;
  }

  .mail-result-group .check-boxx label {
    font-size: 12px;
  }

  .sutaible-sol-modal .btn-close {
    font-size: 14px;
  }

  .solnOtp-v-card .card .inputs {
    justify-content: flex-start !important;
  }

  .stepp2-block .form_btn_small {
    margin-top: 50px;
  }

  /*05-12-2023*/
  .git-check-box,
  .verified-icon {
    margin-bottom: 20px;
  }

  .myProduct-section-modal.modal .btn-close {
    font-size: 14px;
  }
}

@media screen and (min-width:1200px) and (max-width:1500px) {
  .country_code_91::before {
    font-size: 13px;
    height: 45px;
    line-height: 45px;
    left: 45px;
  }

  .homepage-banner .input-inner.country_code_91 input {
    padding-left: 80px;
  }
}

@media screen and (max-width:1366px) and (max-height:663px) {
  .homepage-banner .myProduct-btn {
    bottom: 27%
  }

  .homepage-banner .to-help-stepper-form-mb {
    top: 0
  }

  .homepage-banner .to-help-form-area {
    /* margin-top: 4% */
  }

  .homepage-banner .content-flex {
    margin-top: 50px
  }
}

@media screen and (min-width:1200px) and (max-width:1360px) {
  .otp-vcarification-step .card {
    padding: 35px 0 8px !important
  }

  .homepage-banner .form {
    height: 595px
  }
}

@media screen and (min-width:992px) and (max-width:1280px) {

  .homepage-banner-xenter .otp-vcarification-step {
    padding-top: 0;
  }

  .know_more_about-us.vs_banner_btn {
    margin-top: 10px;
  }

  .banner_infograp_wrapper {
    bottom: 10px;
  }

  .homepage-banner-xenter .stepper-heaiding-mb.thankYou-banner-form {
    height: auto;
    padding-top: 0;
    margin-bottom: 35px;
  }

  .country_code_91::before {
    font-size: 13px;
    line-height: 45px;
    height: 44px;
    left: 48px;
    display: flex;
    align-items: center;
  }

  .homepage-banner .input-inner.country_code_91 input {
    padding-left: 72px;
  }

  .homepage-banner.banner .form {
    height: auto
  }

  .homepage-banner .myProduct-btn {
    bottom: 22%
  }

  .homepage-banner .to-help-stepper-form-mb {
    top: 0
  }

  .homepage-banner .content-flex {
    margin-top: 50px
  }

  .homepage-banner .scroll-down {
    width: 110px;
    height: 110px;
    bottom: 50px;
    opacity: .8
  }

    .homepage-banner .scroll-down::before {
      top: 110px
    }

  .homepage-banner .overlap-arrow-mb a {
    width: 40px;
    height: 40px
  }

    .homepage-banner .overlap-arrow-mb a img {
      width: 10px
    }

  .homepage-banner .to-help-form-area {
    /* margin-top: 4% */
  }

  .homepage-banner .forn-recomended .form__btn.verify-btn#btn-3 {
    margin: 0 auto 15px !important
  }

  .homepage-banner .forn-recomended {
    padding: 10px 20px
  }

  .homepage-banner .form-input-main.top-overlap {
    padding: 10px 0;
  }

  .homepage-banner #stepper-form-1-step-2 {
    padding-bottom: 10px
  }

  .homepage-banner .checkbox-field {
    margin: 12px 0 6px
  }

  .modal.myProduct-section-modal.modal .modal-content {
    padding: 30px
  }

  .myProduct-section-modal .st--anchor-a {
    height: 90px;
    font-size: 21px;
    line-height: 29px
  }

  .myProduct-section-modal .git-check-box {
    margin-bottom: 20px
  }

  .myProduct-section-modal .sut--option-icon svg {
    width: 25px;
    height: 25px
  }

  .sutaible-sol-modal .solution-inner-form .solInner-stepForm .progress-bar-sol {
    margin-bottom: 30px
  }

  .solInner-stepForm .st--anchor-a {
    height: 90px
  }

  .solInner-stepForm .mail-result-group .input-group.check-boxx {
    margin-top: 10px
  }

  .solInner-stepForm .stepp2-block .form_btn_small {
    margin-top: 60px
  }

  .sutaible-sol-modal .solInner-stepForm #stepp2 .inputs input {
    width: 50px;
    height: 50px;
    border-radius: 7px !important
  }

  .sutaible-sol-modal .solInner-stepForm .solnOtp-v-card .card .inputs {
    margin: 40px 0 9px;
    justify-content: flex-start !important
  }

  .modal.sutaible-sol-modal .modal-body {
    padding: 35px
  }
}

@media screen and (max-width:1280px) and (max-height:720px) {
  .homepage-banner .myProduct-btn {
    bottom: 0
  }

  .homepage-banner .to-help-stepper-form-mb {
    height: 457px
  }
}

@media screen and (min-width:992px) and (max-width:1199px) {
  .calcy-banner-from img {
    height: 125px
  }

  .content-flex {
    margin-top: 50px
  }

  .banner-heading {
    font-size: 60px;
    line-height: 60px
  }

  .mt-150 {
    margin-top: 80px
  }

  .mail-result-group .input-group.check-boxx,
  .number-grid-box {
    margin-top: 35px
  }

  .banner-paragraph {
    font-size: 18px;
    line-height: 19px
  }

  .flex-number {
    gap: 70px
  }

  .number-mb {
    font-size: 28px;
    line-height: 33px
  }

  .personalisemyproduct,
  .resend-otp,
  .resend-otp-red,
  .stepper-paragraph,
  .text-mb {
    font-size: 15px;
    line-height: 18px
  }

  .personalisemyproduct {
    padding-right: 40px;
    width: 100%;
  }

  .personalize_text p {
    width: 100%;
  }

  .homepage-banner .form {
    width: 70%;
    height: 570px;
    right: 55px;
    left: 0;
  }

  .stepper-heading {
    font-size: 27px;
    line-height: 29px
  }

  .input-field input,
  .select-set .dropdown__option span {
    font-size: 14px;
    line-height: 18px
  }

  .input-inner {
    margin: 8px 0
  }

  .checkbox-field label {
    font-size: 14px;
    line-height: 24px
  }

  .select-set .dropdown__options .dropdown__option span {
    font-size: 14px;
    line-height: 16px
  }

  .otp-varification-heading {
    font-size: 27px;
    line-height: 30px
  }

  .otp-para {
    font-size: 15px;
    line-height: 19px
  }

  .forn-recomended .content-rfy p,
  .otp-number {
    font-size: 16px;
    line-height: 18px
  }

  .homepage-banner .form__btn,
  .homepage-banner .form__btn a {
    font-size: 15px
  }

  .form-recco-heading {
    font-size: 22px;
    line-height: 32px
  }

  .stepper-heaiding-mb.thankYou-banner-form {
    height: 280px
  }

  .form-input-main.top-overlap {
    padding: 0 30px 30px
  }

  .forn-recomended,
  .heading-inner {
    padding: 30px
  }

  .myProduct-btn {
    width: 86%;
    bottom: 11%;
    right: 55px
  }

  .find-you-heading {
    font-size: 38px;
    line-height: 44px;
    margin-bottom: 40px
  }

  .st--anchor-a {
    font-size: 24px;
    line-height: 32px;
    height: 110px;
    padding: 0 30px
  }

  .sutaible--option {
    gap: 28px
  }

  .myProduct-section-modal.modal .modal-content {
    padding: 40px
  }

  .sut--option-icon {
    width: 60px;
    height: 60px
  }

    .sut--option-icon svg {
      width: 25px;
      height: 25px
    }

  .sutaible-sol-modal .modal-body {
    padding: 55px
  }

  .mail-result-group .label-otp-input {
    font-size: 16px;
    line-height: 20px
  }

  .myProduct-section-modal.modal.fade .modal-dialog,
  .sutaible-sol-modal.modal.show .modal-dialog {
    max-width: 53%
  }

  .mail-result-group input.otp-inputs {
    height: 47px;
    font-size: 17px;
    line-height: 24px
  }

  .form_btn_small {
    width: 210px;
    font-size: 15px
  }

  .mail-result-group .resend-otp {
    margin-top: 15px
  }

  .form-card-heading {
    font-size: 28px;
    line-height: 27px
  }

  .form-card-para {
    font-size: 15px;
    line-height: 15px
  }

  .btn-common-sm {
    font-size: 12px;
    line-height: 20px
  }

  .solution-inner-form .solInner-stepForm .btn-group.btn-group-row {
    gap: 20px
  }

  .calcy-banner-from {
    margin-bottom: 60px
  }

  .form-parent {
    padding: 0 25px 0 25px;
  }
}

@media screen and (min-width:992px) and (max-width:1024px) {

  .homepage-banner .form,
  .myProduct-btn {
    width: 88%;
    right: 15px
  }
}

@media screen and (max-width:991px) {

  .market_taday_heading {
    text-transform: capitalize;
  }

  .country_code_91::before {
    font-size: 14px;
    line-height: 20px;
    height: 19px;
    left: 45px;
  }

  .homepage-banner .input-inner.country_code_91 input {
    padding-left: 80px;
  }

  .select-set .dropdown__arrow::after,
  .select-set .dropdown__arrow::before {
    width: 7px;
    height: 2px;
  }

  .select-set .dropdown__arrow::after {
    right: 18px;
  }

  .tabs_finance .select .selectDropdown .option {
    justify-content: flex-start;
    position: relative;
    padding: 0;
  }

    .tabs_finance .select .selectDropdown .option .nav-btn-link.active::before {
      content: '';
      position: absolute;
      width: 2px;
      height: 100%;
      top: 0;
      left: 0;
      background: red;
    }

  .tabs-ul-pills .nav.nav-pills.toggle {
    padding: 0;
  }

  .tabs_finance ul li button.nav-link {
    padding: 5px 20px;
    /* padding-left: 20px; */
  }

  .otp-number .change-number {
    font-size: 10px;
    line-height: 12px;
  }
}

.form-step3.active {
  display: block;
  transform-origin: top
}

@keyframes animate {
  from {
    transform: scale(.8);
    opacity: 0
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

.git-stepper-start .plan_details {
  gap: 10px;
  padding: 9px 15px
}

.git-stepper-start .git-check-box-flex {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px 10px
}

.git-form-heading {
  margin-bottom: 30px
}

.modal-body::-webkit-scrollbar {
  width: 0
}

.git-stepper-start .mtvrse-input-row-otp {
  width: 100%;
  justify-content: center;
  margin-top: 15px
}

.git-stepper-start .mTb-100 {
  margin: 0 0
}

.git-stepper-start .btn.click-next {
  margin: 0 auto;
  padding: 14px 30px;
  width: fit-content
}

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

.git-stepper-sucess {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%
}

@media screen and (min-width:1200px) and (max-width:1500px) {
  .git-stepper-start .mTb-100 {
    margin: 0px 0;
  }
}

@media screen and (max-width:991px) {

  .calcy-banner-from .calculator-content {
    padding: 18px;
  }

  .calcy-banner-from .cal-flex-div {
    gap: 8px;
  }

  .calcy-banner-from {
    margin-bottom: 30px;
  }

  #exampleModal--ss1.sutaible-sol-modal .modal-body {
    padding: 20px;
  }

  .solInner-stepForm #stepp2 .inputs input {
    width: 35px;
    height: 35px;
    border-radius: 5px !important;
  }

  .solnOtp-v-card .card .inputs {
    width: 100%;
    justify-content: flex-start !important;
  }

  .modal.sutaible-sol-modal {
    padding-right: 0 !important;
  }

  .fin_sol_box p {
    font-size: 14px;
    line-height: 20px;
  }

  .fin_sol_box img {
    max-width: 15px;
  }

  .mob_search_head {
    margin-top: 21px;
    display: block;
  }

  .abc-money-heading .heading-btn {
    justify-content: center;
    margin-bottom: 30px
  }

  .abc-money {
    padding: 50px 0;
    background-image: url(../../assets/images/abc-money-background-m.png);
    background-position: center;
    background-repeat: no-repeat
  }

  .abc-insurance-section.swiper-overflow-section {
    height: 100%;
  }

  .abc_money_slider {
    padding-bottom: 30px;
    margin-bottom: 25px;
  }

  .abc_of_money_slider_wrapper p,
  .heading_54k23wnj {
    font-size: 18px;
    line-height: 22px
  }

  .abc_of_money_slider_wrapper {
    height: auto;
    padding: 24px;
    background: no-repeat padding-box #fff6f7;
    border: 1px solid #db959d
  }

    .abc_of_money_slider_wrapper ul li {
      font-size: 12px;
      line-height: 14px;
    }

    .abc_of_money_slider_wrapper:after {
      height: 10px
    }

  .abmoney_tag {
    padding: 8px 10px 8px;
    line-height: .8;
    font-size: 12px
  }

  .view-all-articles .articles-btn {
    margin: 0 auto;
    width: 182px;
    height: 45px;
    font-size: 14px;
  }

  .banner-heading,
  .banner-paragraph,
  .number-mb,
  .text-mb {
    text-align: center
  }

  .plan_details {
    height: 50px;
    padding: 10px;
    gap: 8px
  }

    .label-title-w,
    .plan_details h4 {
      font-size: 12px;
      line-height: 13px
    }

  .scrolling-words-box {
    height: 40px
  }

  .homepage-banner .to-help-stepper-form-mb {
    height: auto;
  }

  .scrolling-words-box ul li {
    justify-content: center
  }

  .content-flex {
    margin-top: 35%
  }

  .heading-inner {
    padding: 25px
  }

  .form-input-main.top-overlap {
    padding: 0
  }

  .checkbox-field label,
  .mail-result-group .label-otp-input,
  .select-set .dropdown__option span {
    font-size: 14px;
    line-height: 20px
  }

  .toggleOptWrapper {
    padding-bottom: 10px;
  }

  .start_journey_form_wrapper .toggleOpt li {
    font-size: 14px;
    padding: 10px 30px;
  }

  .start_journey_form_wrapper .input-inner .custom-dropdown {
    right: 2px;
    top: 2px;
    width: 110px;
  }

  .start_journey_form_wrapper .input-inner .custom-dropdown__button {
    height: calc(100% - 4px);
  }

    .start_journey_form_wrapper .input-inner .custom-dropdown__button .zmdi-chevron-down {
      top: 10px;
    }

  .start_journey_form_wrapper .yellowBox {
    padding: 15px
  }

    .start_journey_form_wrapper .yellowBox p {
      font-size: 12px;
      margin-bottom: 8px;
    }

      .start_journey_form_wrapper .yellowBox p br {
        display: none;
      }

      .start_journey_form_wrapper .yellowBox p.value {
        letter-spacing: 0;
        font-size: 12px;
      }

        .start_journey_form_wrapper .yellowBox p.value strong {
          font-size: 16px
        }

  .start_journey_form_wrapper .disclaimer {
    padding-top: 10px;
  }

    .start_journey_form_wrapper .disclaimer p {
      font-size: 10px;
    }

  .homepage-banner .input-inner input {
    font-size: 14px;
    line-height: 20px;
    padding: 0 53px;
    height: 45px
  }

  .select-set .dropdown__skeleton {
    padding: 0 53px 0;
    height: 45px
  }

  .verticalFlip span {
    width: 100%;
    left: 0
  }

  .banner-heading {
    font-size: 42px;
    line-height: 42px
  }

  .dropdown__selected.dropdown__option .inpt-icon2,
  .inpt-icon {
    left: 3px;
    top: 3px;
    height: 39px;
    width: 39px
  }

  .stepper-heaiding-mb {
    position: relative;
    height: 155px
  }

  .mt-150,
  .number-grid-box {
    margin-top: 20px
  }

  .banner-paragraph {
    font-size: 15px;
    line-height: 17px
  }

  .number-mb {
    font-size: 23px;
    line-height: 49px;
    letter-spacing: 0
  }

  .forn-recomended .content-rfy p,
  .otp-number,
  .text-mb {
    font-size: 12px;
    line-height: 14px;
  }

  .flex-number {
    gap: 20px;
    justify-content: center
  }

    .flex-number .box {
      width: 44%
    }

  .stepper-heading {
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 0
  }

  .stepper-paragraph {
    font-size: 15px;
    line-height: 16px
  }

  .stepper-heaiding-mb.thankYou-banner-form {
    height: 285px
  }

  .prduct-img-mb img,
  .stepper-heaiding-mb img {
    height: 100%;
    object-fit: cover
  }

  .homepage-banner .form__btn,
  .homepage-banner .form__btn a {
    height: 48px;
    font-size: 14px;
    line-height: 18px
  }

  .otp-varification-heading {
    font-size: 23px;
    line-height: 25px
  }

  .otp-para {
    font-size: 15px;
    line-height: 19px
  }

  .homepage-banner .otp-vcarification-step input[type=text] {
    font-size: 14px;
    line-height: 24px;
    margin: 0 3px !important;
    height: 31px
  }

  .otp-vcarification-step .inputs input {
    width: 41px;
    height: 41px;
  }

  .resend-otp {
    font-size: 14px;
    line-height: 15px
  }

  .resend-otp-red {
    font-size: 14px;
    line-height: 19px
  }

  .form-recco-heading {
    font-size: 18px;
    line-height: 25px
  }

  .forn-recomended {
    padding: 20px
  }

    .forn-recomended .recom-slide-item {
      padding: 17px 15px;
      gap: 6px
    }

  .myProduct-btn {
    position: relative;
    z-index: -1;
  }

  .personalisemyproduct,
  .personalisemyproduct:hover {
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2
  }

  a.personalisemyproduct svg {
    width: 15px
  }

  .homepage-banner .banner-inner {
    padding-bottom: 100px
  }

  .banner.homepage-banner {
    height: 100%;
    background: #fff;
    top: -20px
  }

  .find-you-heading {
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 35px;
    margin-top: 35px;
  }

  .st--anchor-a {
    font-size: 22px;
    line-height: 22px;
    height: 100px;
    padding: 0 30px
  }

  .sut--option-text {
    width: 73%;
    text-align: left
  }

  .sutaible--option {
    gap: 25px
  }

  .myProduct-section-modal.modal .modal-content {
    padding: 45px;
    overflow-y: scroll;
  }

    .myProduct-section-modal.modal .modal-content::-webkit-scrollbar {
      width: 0;
    }

  .modal.myProduct-section-modal {
    padding-right: 0 !important;
  }

  .sut--option-icon {
    width: 55px;
    height: 55px
  }

    .sut--option-icon svg {
      width: 25px;
      height: 25px
    }

  .myProduct-section-modal.modal.fade .modal-dialog,
  .sutaible-sol-modal.modal.fade .modal-dialog {
    max-width: 100%
  }

  .sutaible-sol-modal .modal-body {
    padding: 40px
  }

  .solution-inner-form .solInner-stepForm .progress-bar-sol {
    width: 83%
  }

  .mail-result-group .input-group.check-boxx {
    margin-top: 45px
  }

  .stepp2-block .form_btn_small {
    margin-top: 50px
  }

  .mail-result-group input.otp-inputs {
    height: 43px;
    font-size: 14px;
    line-height: 22px
  }

  .mail-result-group .otp-form-inputs-row {
    gap: 10px
  }

  .mail-result-group .resend-otp {
    margin-top: 15px
  }

  .form_btn_small {
    font-size: 14px
  }

  .form-card-heading {
    font-size: 20px;
    line-height: 24px
  }

  .form-card-para {
    font-size: 13px;
    line-height: 15px
  }

  .front-text {
    transform: translateY(95px)
  }

  .product-overlay-content {
    padding: 15px
  }

  .dark-box-item {
    font-size: 9px;
    padding: 0 7px
  }

  .dark-box {
    padding: 5px;
    width: 100%
  }

  .prduct-img-mb {
    height: 260px
  }

  .form-parent {
    height: 100%
  }

  .scroll-down {
    display: none
  }

  #get_in_touch_modal.right_pos_modal .modal-content {
    padding: 15px;
    width: 100%;
    max-width: 100%
  }

  #get_in_touch_modal.right_pos_modal .modal-dialog {
    transform: none;
    width: 100%
  }

  .git-stepper-start .git-check-box-flex {
    grid-template-columns: repeat(2, 1fr)
  }

  .git-stepper-start .metavers_form_head {
    line-height: 35px
  }

  .right_pos.right_pos_modal .btn-close {
    z-index: 11
  }

  .select-set .dropdown__options .dropdown__option {
    height: 30px;
  }

    .select-set .dropdown__option span,
    .select-set .dropdown__options .dropdown__option span {
      font-size: 15px;
      line-height: 22px;
    }
}

.briging-together-section.cat-bring-together {
  padding: 170px 0
}

.cat-bring-together .marquee_row .list {
  min-width: 2236px
}

.padding-00 {
  padding: 0 !important;
  margin-bottom: 200px
}

.cat-our-life-insurance .right-panel-cotent {
  position: relative;
  height: 100%;
  padding: 80px;
  overflow: hidden;
  background: 0 0
}

.lyf-insurance-plans-slide {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #707070;
  padding: 40px;
  text-align: center;
  overflow: hidden;
  min-height: 572px
}

.card-heading-sm {
  font-family: var(--dev_med);
  letter-spacing: 0;
  font-size: 30px;
  line-height: 30px;
  /*text-transform: capitalize;*/
  color: #111;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px
}

.key-features-heading {
  font-family: var(--dev_bold);
  font-size: 20px;
  line-height: 24px;
  color: #111;
  text-transform: uppercase;
  letter-spacing: 0;
  margin: 0 0 18px
}

.heading-key-6,
.light-text-sm {
  color: #111;
  text-transform: capitalize
}

.keyFeatures-ul {
  list-style: none;
  text-align: left;
  padding-left: 15px;
  display: flex;
  flex-direction: column;
  gap: 7px
}

.light-text-sm {
  font-family: var(--dev_med);
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0;
  opacity: .8
}

.heading-key-6,
.ptag-text .strong-xx,
.view-plans {
  font-family: var(--dev_bold)
}

.fea-item::before {
  content: '';
  position: absolute;
  top: 5px;
  left: -13px;
  width: 8px;
  height: 8px;
  background: #f7a600;
  z-index: 0;
  border-radius: 50%
}

.heading-key-6 {
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0;
  margin: 0
}

.abc-item-xm,
.view-plans {
  text-transform: uppercase
}

.key-features {
  margin-top: 40px;
  transform: none;
  transition: .9s ease-in-out;
  position: relative
}

.features-ammount {
  margin-top: 100px;
  transition: .9s ease-in-out
}

.know_more_about-us.buy-online {
  width: 100%;
  height: 60px;
  margin-top: 0
}

.view-plans {
  font-size: 14px;
  line-height: 20px;
  color: #c91429;
  transition: .9s ease-in-out;
  margin-bottom: 20px;
  display: block
}

.overlap-card-mb {
  margin-top: 70px;
  position: relative;
  transition: .9s ease-in-out;
  height: 0;
  opacity: 0;
  transform: translateY(80px)
}

.lyf-insurance-plans-slide:hover .overlap-card-mb {
  opacity: 1;
  height: auto;
  transform: none;
  transition: .9s ease-in-out
}

.lyf-insurance-plans-slide:hover .key-features {
  height: 0;
  opacity: 0;
  margin-top: 0;
  transition: .9s ease-in-out
}

.lyf-insurance-plans-slide:hover .features-ammount {
  margin-top: 70px;
  transition: .9s ease-in-out
}

.briging-together-section.cat-our-life-insurance {
  background-image: url('../images/cat-lour-life-insurance-bg.jpg') !important;
  background-repeat: no-repeat;
  padding: 100px 0;
  background-size: cover;
  background-position: center
}

.right-panel-cotent .filter_ff1.show1 {
  display: block;
  width: 430px;
  margin-right: 20px
}

.swiper-button-np {
  background: 0 0;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid #fff;
  position: relative
}

  .swiper-button-np svg {
    width: auto;
    height: auto
  }

.next-prev-button {
  width: 190px;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  position: absolute;
  top: -98px;
  left: 50%;
  transform: translateX(-50%)
}

@media screen and (min-width:1200px) and (max-width:1600px) {

  .search_result_grid .our_financial_solutions_wrapper {
    height: 66vh;
  }

  .search_result_main_Wrapper .search_results_keywords {
    max-height: 45vh;
  }

  .git-stepper-start .plan_details {
    padding: 10px;
  }

  .label-title-w {
    font-size: 14px
  }

  .git-stepper-start .git-check-box-flex {
    grid-template-columns: auto auto auto auto
  }

  .check-box-box input[type=checkbox],
  .check-box-box input[type=radio] {
    width: 15px;
    height: 15px
  }

    .check-box-box input[type=checkbox]:before,
    .check-box-box input[type=radio]:before {
      height: 7px;
      top: 7px
    }

  .right_pos_modal#get_in_touch_modal .modal-dialog {
    min-width: 500px
  }

  .briging-together-section.cat-bring-together {
    padding: 120px 0
  }

  .card-heading-sm {
    font-size: 20px;
    line-height: 24px;
    gap: 5px
  }

  .features-ammount {
    margin-top: 40px
  }

  .lyf-insurance-plans-slide {
    padding: 20px;
    min-height: 460px
  }

  .key-features-heading {
    margin-bottom: 12px
  }

  .light-text-sm {
    font-size: 15px;
    line-height: 17px
  }

  .heading-key-6 {
    font-size: 22px;
    line-height: 31px
  }

  .know_more_about-us.buy-online {
    height: 45px
  }

  .lyf-insurance-plans-slide:hover .features-ammount {
    margin-top: 35px
  }

  .swiper-button-np {
    width: 60px;
    height: 60px
  }

  .next-prev-button {
    top: -68px;
    width: 155px
  }
}

@media screen and (min-width:992px) and (max-width:1199px) {
  .briging-together-section.cat-bring-together {
    padding: 90px 0
  }

  .card-heading-sm {
    font-size: 20px;
    line-height: 24px;
    gap: 5px
  }

  .features-ammount {
    margin-top: 40px
  }

  .lyf-insurance-plans-slide {
    padding: 20px;
    min-height: 460px
  }

  .key-features-heading {
    margin-bottom: 12px
  }

  .light-text-sm {
    font-size: 15px;
    line-height: 17px
  }

  .heading-key-6 {
    font-size: 22px;
    line-height: 31px
  }

  .know_more_about-us.buy-online {
    height: 45px
  }

  .lyf-insurance-plans-slide:hover .features-ammount {
    margin-top: 35px
  }

  .what-the-expert-are-saying-section .slider-inner {
    margin-top: 155px
  }
}

ul.abc-insurance-filter-ul {
  display: flex;
  align-items: center;
}

.abc-item-xm {
  font-family: var(--dev_bold);
  font-size: 18px;
  line-height: 20px;
  color: #111;
  opacity: .8;
  padding: 0 40px 18px;
  cursor: pointer
}

  .abc-item-xm.activexm {
    color: #c91429;
    opacity: 1
  }

.magic-line2 {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: #c91429;
  transition: transform .3s, width .3s;
  transform: translateX(-100%);
  width: 0
}

.abc-insurance-section .abc-insurance-filter {
  position: relative;
  border-bottom: 1px solid #4f4a4a36;
  margin-bottom: 30px
}

.abc-insurance-section .heading-btn {
  margin-bottom: 30px;
  align-items: center
}

.iframe-section {
  padding: 70px 0 0
}

.top_vertical_slider {
  height: 950px
}

.top_banner_wrapper {
  display: grid;
  grid-template-columns: 64% auto;
  height: 950px;
  z-index: 0;
  background: #fff;
}

.start_journey_head_Wrapper h2,
.jounrneyStepHeading {
  margin: 0;
  font: normal normal 50px / 52px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #000;
  /* text-transform: capitalize; */
  opacity: 1;
}

.start_journey_head_Wrapper p {
  margin: -10px 0 21px;
  font: normal normal 16px / 24px var(--dev_med);
  letter-spacing: 0;
  color: #000;
  opacity: .8;
  /* width: 410px */
}

.swiper_right_div {
  padding: 0;
  height: 950px;
  position: relative
}

.know_more_about-us.vs_banner_btn {
  width: fit-content;
  height: auto;
  padding: 19px 58px;
  background: no-repeat padding-box #c91429;
  border-radius: 40px;
  opacity: 1
}

.banner_caption_wrapper span,
.h1-bannerheading {
  font: normal normal 80px/80px var(--dev_bold);
  letter-spacing: 0;
  color: #000;
  /*text-transform: capitalize;*/
  opacity: 1;
  display: block
}

  .banner_caption_wrapper span.purp_text {
    color: #8b151b;
    opacity: 1;
  }

.purp_text small {
  font: normal normal 30px/27px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #111;
  /*text-transform: capitalize;*/
  opacity: 1;
  margin-left: 14px
}

.banner_caption_wrapper p {
  font: normal normal 26px/18px var(--dev_med);
  letter-spacing: 0;
  color: #000;
  /*text-transform: capitalize;*/
  opacity: .8;
  margin-top: 20px;
}

.banner_caption_wrapper {
  width: 55%;
  position: absolute;
  top: 210px;
  left: 140px;
}

.top_vertical_slider .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: no-repeat padding-box #fffFFFCC;
  border: 1px solid #0000004F;
  opacity: 1;
  transition: .5s
}

  .top_vertical_slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #C91429;
    border: 1px solid #c91429;
  }

.banner_infograp_wrapper {
  position: absolute;
  bottom: 70px;
  z-index: 1;
  display: grid;
  justify-content: center;
  margin: 0 auto;
  left: 140px;
  height: 90px;
  align-items: center;
  grid-template-columns: 220px 220px 220px 220px;
}

.info_grap_main {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px 24px;
  position: relative;
}

.box_devider::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #fff;
  z-index: 0;
}

.info_grap_main:nth-child(4) {
  background: #70b865;
  border-radius: 0 20px 20px 0
}

.info_grap_main:first-child {
  border-radius: 20px 0 0 20px;
  background: #faa61a
}

.vs_counter {
  font: normal normal 40px/40px var(--dev_bold);
  letter-spacing: 0;
  color: #000000A6;
  /*text-transform: capitalize;*/
  opacity: 1
}

.info_grap_main p {
  font: normal normal 12px/14px var(--dev_bold);
  letter-spacing: 0;
  color: #000000CC;
  text-transform: uppercase;
  opacity: .8
}

.start_journey_main_Wrapper.homepage-banner-xenter {
  padding-top: 210px;
}

.credit-cardBanner .start_journey_main_Wrapper.homepage-banner-xenter {
  padding-top: 0;
}

.credit-cardBanner .start_journey_form_wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.credit-cardBanner .homepage-banner .to-help-stepper-form-mb {
  height: auto;
}

.credit-cardBanner .homepage-banner .form {
  height: auto;
}

.start_journey_main_Wrapper.homepage-banner-xenter .start_journey_head_Wrapper_inner {
  padding: 0;
}

.start_journey_main_Wrapper.homepage-banner-xenter .jounrneyStepHeading {
  text-align: left;
  margin-bottom: 20px;
}

.homepage-banner-xenter .form-input-main.top-overlap {
  padding: 0;
}

.start_journey_main_Wrapper.homepage-banner-xenter .start_journey_head_Wrapper p {
  text-align: left;
  margin-bottom: 20px;
}

@media screen and (min-width:1200px) {
  .start_journey_head_Wrapper {
    padding: 200px 140px 0 80px
  }

  .to-help-div {
    height: 100%
  }
}

@media screen and (max-width:1600px) {
  .abc-item-xm {
    font-size: 14px;
    padding: 0 20px 10px;
  }

  .start_journey_main_Wrapper.homepage-banner-xenter {
    padding-top: 170px;
  }

  .start_journey_main_Wrapper {
    background-size: 98%;
  }

    .start_journey_main_Wrapper.homepage-banner-xenter .start_journey_head_Wrapper p {
      margin-bottom: 12px;
    }
}

@media screen and (min-width:1501px) and (max-width:1600px) {
  .form-parent {
    padding: 0 130px 0 70px
  }

  .swiper_right_div,
  .top_vertical_slider {
    height: 100vh
  }

  section.top_banner_wrapper {
    height: 100vh;
    grid-template-columns: 67% auto;
    overflow: hidden;
  }

  .start_journey_head_Wrapper {
    padding: 126px 130px 0 70px
  }

    .start_journey_head_Wrapper h2,
    .jounrneyStepHeading {
      font-size: 40px;
      line-height: 42px;
    }

    .start_journey_head_Wrapper p {
      font-size: 16px;
      line-height: 18px;
      width: 100%;
      margin-top: 20px;
    }

  a.personalisemyproduct {
    height: auto;
    padding: 40px 70px;
    gap: 25px;
    padding-right: 140px;
  }

  .personalize_text span {
    font-size: 22px;
    line-height: 1.5
  }

  .select-set .dropdown__skeleton {
    padding: 4px 0 0 50px
  }

  .verified-icon img {
    max-width: 44px;
    margin-bottom: 25px;
  }

  .stepper-heaiding-mb.thankYou-banner-form {
    padding: 80px 0
  }

  .homepage-banner-xenter .stepper-heaiding-mb.thankYou-banner-form {
    padding: 0;
    padding-bottom: 20px;
  }

  .homepage-banner-xenter .form-parent_wrap .p-top-space {
    padding-bottom: 20px;
  }

  .banner_caption_wrapper span,
  .h1-bannerheading {
    font-size: 60px;
    line-height: 60px;
    letter-spacing: 0
  }

  .banner_caption_wrapper p {
    font-size: 18px;
    line-height: 28px
  }

  .know_more_about-us.vs_banner_btn {
    padding: 15px 30px 12px;
    font-size: 14px
  }

  .banner_caption_wrapper {
    left: 140px;
    width: 50%;
    top: 170px
  }

  .banner_infograp_wrapper {
    left: 140px;
    grid-template-columns: 25% 25% 25% 25%;
    height: auto;
    bottom: 30px;
    width: 81%;
  }

  .vs_counter {
    font-size: 28px;
    letter-spacing: 0;
    line-height: 28px;
  }

  .info_grap_main {
    padding: 14px 20px;
  }

    .info_grap_main p {
      font-size: 12px;
      line-height: 14px;
    }

  .personalize_text p {
    font-size: 12px;
    line-height: 14px;
    width: 100%;
  }

  .abc-item-xm {
    padding: 0px 25px 10px;
  }
}

@media screen and (min-width: 1536px) and (max-height: 700px) {

  a.personalisemyproduct {
    padding: 16px 70px;
  }
}

@media screen and (min-width:1200px) and (max-width:1500px) {
  .start_journey_main_Wrapper {
    background-size: 100% 68%;
  }

    .start_journey_main_Wrapper.homepage-banner-xenter {
      padding-top: 155px;
    }

  .swiper_right_div,
  .top_banner_wrapper,
  .top_vertical_slider {
    height: 100vh
  }

  .start_journey_head_Wrapper {
    padding: 140px 60px 10px
  }

    .start_journey_head_Wrapper h2,
    .jounrneyStepHeading {
      font-size: 32px;
      line-height: 36px;
    }

    .start_journey_head_Wrapper p {
      font-size: 15px;
      line-height: 17px;
      /* width: 320px; */
      margin-top: 9px
    }

  .form-input-main.top-overlap,
  .form-parent {
    padding: 0
  }

  .form-input-main.top-overlap {
    padding: 10px 0;
  }

  .start_journey_form_wrapper {
    /* padding: 0 80px 0 60px; */
    padding: 0 140px 0 60px;
  }

  .verified-icon img {
    max-width: 50px
  }

  .personalize_text span {
    font-size: 20px
  }

  .personalize_text p {
    font-size: 12px;
    line-height: 14px;
    width: 100%;
  }

  .banner_caption_wrapper span,
  .h1-bannerheading {
    font-size: 45px;
    line-height: 45px;
    letter-spacing: 0px
  }

  .banner_caption_wrapper p {
    font-size: 16px;
    line-height: 22px
  }

  .know_more_about-us.vs_banner_btn {
    padding: 12px 30px;
    font-size: 14px
  }

  .banner_caption_wrapper {
    left: 70px;
    width: 50%;
    top: 150px;
  }

  .banner_infograp_wrapper {
    left: 70px;
    grid-template-columns: 25% 25% 25% 25%;
    height: auto;
    width: 81%;
    bottom: 50px;
  }

  .vs_counter {
    font-size: 25px;
    letter-spacing: 0;
    line-height: 25px;
  }

  .info_grap_main {
    padding: 12px 15px 12px;
  }

    .info_grap_main p {
      font-size: 12px;
      line-height: 14px;
    }

  a.personalisemyproduct {
    height: auto;
    gap: 80px;
    padding-right: 120px;
    align-items: start;
    width: 100%;
  }

  .stepper-heading {
    font-size: 22px;
    padding: 10px 20px 0;
    line-height: 1.4;
  }
}

@media screen and (max-width: 1280px) and (max-height: 755px) {
  .start_journey_main_Wrapper.homepage-banner-xenter {
    padding-top: 150px;
  }

    .start_journey_main_Wrapper.homepage-banner-xenter .jounrneyStepHeading {
      margin-bottom: 8px;
    }
}

/* @media screen and (min-height: 500px){
    .top_banner_wrapper{
        margin-top: 0;
    }
    .homepage-banner-xenter .otp-vcarification-step {
        padding-top: 55px;
    }
    .homepage-banner-xenter .stepper-heaiding-mb.thankYou-banner-form{
        padding-top: 50px;
    }
    .homepage-banner-xenter .start_journey_form_wrapper {
        margin-top: 0 !important;
        padding-top: 94px;
    }
    
} */

@media screen and (max-width:1280px) {
  .banner_caption_wrapper p {
    margin-top: 0;
  }
}

@media screen and (min-width:992px) and (max-width:1280px) {

  .homepage-banner-xenter .stepper-heading {
    padding: 0;
  }
}

@media screen and (min-width:992px) and (max-width:1199px) {

  .start_journey_main_Wrapper {
    padding-top: 170px;
  }

  .start_journey_head_Wrapper p {
    width: 100%;
  }

  .start_journey_head_Wrapper h2,
  .jounrneyStepHeading {
    font-size: 42px;
    line-height: 42px;
  }

  .start_journey_head_Wrapper {
    width: 90%;
    margin: 0 auto;
  }

  .vs_counter {
    font-size: 28px;
    line-height: 30px;
  }

  .info_grap_main p {
    font-size: 12px;
    line-height: 14px
  }

  .info_grap_main {
    padding: 10px 14px;
  }

  .banner_infograp_wrapper {
    left: 63px;
    bottom: 120px;
    grid-template-columns: 25% 25% 25% 25%;
    justify-content: flex-start;
    width: 85%;
  }

  .banner_caption_wrapper {
    left: 70px;
    width: 420px;
  }

    .banner_caption_wrapper span,
    .h1-bannerheading {
      font-size: 50px;
      line-height: 53px;
    }

    .banner_caption_wrapper p {
      font-size: 18px;
      line-height: 20px;
    }
}

@media screen and (max-width:991px) {
  .credit-cardBanner .start_journey_form_wrapper {
    position: relative;
    top: 0;
    transform: none;
    margin-top: 22px;
  }

  .top_vertical_slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 3px !important;
  }

  .start_journey_main_Wrapper.homepage-banner-xenter {
    padding-top: 60px;
  }


  .iframe-section {
    padding: 50px 0 0;
  }

    .iframe-section .search-btn[_ngcontent-eku-c4] {
      margin-top: 0;
    }

    .iframe-section .heading-btn {
      margin-bottom: 0;
    }

  .abc-insurance-section .abc-insurance-filter {
    max-width: 100%;
    overflow-x: scroll;
    margin-bottom: 20px;
  }

    .abc-insurance-section .abc-insurance-filter::-webkit-scrollbar {
      height: 0;
    }

  .briging-together-section.cat-bring-together {
    padding: 60px 0
  }

  .cat-bring-together .marquee_row .list {
    min-width: 1245px
  }

  .swiper.insuranceplan-slider {
    display: block
  }

    .swiper.insuranceplan-slider .swiper-slide {
      height: 100% !important;
      width: 100%
    }

  .cat-our-life-insurance .right-panel-cotent,
  .form-parent {
    padding: 0
  }

  .card-heading-sm {
    font-size: 20px;
    line-height: 24px;
    gap: 5px
  }

  .features-ammount,
  .top_vertical_slider.disclaimer_close {
    margin-top: 40px
  }

  .lyf-insurance-plans-slide {
    padding: 20px;
    min-height: 415px
  }

  .key-features-heading {
    margin-bottom: 12px
  }

  .light-text-sm {
    font-size: 15px;
    line-height: 17px
  }

  .heading-key-6 {
    font-size: 22px;
    line-height: 31px
  }

  .know_more_about-us.buy-online {
    height: 45px
  }

  .lyf-insurance-plans-slide:hover .features-ammount {
    margin-top: 35px
  }

  .briging-together-section.cat-our-life-insurance .tabs_finance .btn-159 {
    width: 74%
  }

  .cat-our-life-insurance .financial-fridom-tabs .tab-content {
    padding: 0 20px
  }

  .swiper-button-np {
    width: 48px;
    height: 48px
  }

  .next-prev-button {
    width: 130px;
    top: -50px
  }

  .swiper-button-np svg {
    width: 35%;
    height: 100%
  }

  .what-the-expert-are-saying-section .slider-inner {
    margin-top: 90px
  }

  .what-the-expert-are-saying-section .hehts-to-card-overlay {
    padding: 15px
  }

  .experts-section-modal .vid-dilog-inner {
    height: 100%
  }

  .abc-item-xm {
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 10px;
    min-width: fit-content;
  }

  ul.abc-insurance-filter-ul {
    width: 478px;
    gap: 5px;
    overflow-x: scroll;
  }

    ul.abc-insurance-filter-ul::-webkit-scrollbar {
      height: 0
    }

  .top_banner_wrapper {
    height: auto;
    display: flex;
    flex-direction: column
  }

    .top_banner_wrapper.disclaimer_close .top_vertical_slider {
      margin-top: 0;
    }

  .top_banner_wrapper_cat {
    margin-top: 0;
  }

    .top_banner_wrapper_cat .swiper_vs_wrapper {
      padding-top: 0;
    }

    .top_banner_wrapper_cat.disclaimer_close .swiper_vs_wrapper {
      padding-top: 0;
    }

  .top_vertical_slider {
    height: 372px;
    margin-top: 110px
  }

  .swiper_right_div {
    height: auto
  }

  .banner_infograp_wrapper {
    grid-template-columns: 50% 50%;
    position: relative;
    bottom: 0;
    left: 0;
    padding: 20px 24px;
    height: auto;
    z-index: -1;
  }

  .info_grap_main:nth-child(3) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 20px
  }

  .info_grap_main:nth-child(2) {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0
  }

  .vs_counter {
    font-size: 22px;
    letter-spacing: 0;
    line-height: 26px;
  }

  .info_grap_main p {
    font-size: 12px;
    line-height: 12px
  }

  .info_grap_main {
    height: 80px;
    padding: 0 20px;
    border: 0
  }

  .banner_caption_wrapper span,
  .h1-bannerheading {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 0
  }

  .banner_caption_wrapper {
    top: 40px;
    left: 24px;
    width: 320px;
  }

    .banner_caption_wrapper p {
      font-size: 12px;
      left: 16px
    }

  .know_more_about-us.vs_banner_btn {
    margin-top: 20px;
    padding: 13px 29px 10px;
    font-size: 12px
  }

  .start_journey_main_Wrapper {
    padding: 50px 0
  }

  .start_journey_main_Wrapper {
    background-image: url(../../assets/images/leadform-bg-m.png);
    background-position: unset;
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .icon-rfy img {
    max-width: 26px;
  }

  .yellow-span {
    font-size: 10px;
  }

  .content-rfy p {
    font-size: 14px;
    line-height: 14px;
  }

  .start_journey_head_Wrapper h2,
  .jounrneyStepHeading {
    font-size: 30px;
    text-align: center;
    line-height: 1.0;
  }

  .start_journey_head_Wrapper {
    padding: 0 25px;
  }

    .start_journey_head_Wrapper p {
      font-size: 12px;
      text-align: center;
      width: auto;
      margin: 10px 0;
      padding: 0 20px;
      line-height: 20px;
    }

  .start_journey_form_wrapper {
    padding: 0 25px
  }

  .personalize_text p {
    display: none
  }

  a.personalisemyproduct {
    height: 64px;
    padding: 0 24px;
    background: no-repeat padding-box #ca1F3414
  }

  .personalize_text span {
    font-size: 18px;
    line-height: 22px
  }

  .info_grap_main:first-child {
    border-bottom-left-radius: 0;
  }

  .info_grap_main:nth-child(4) {
    border-top-right-radius: 0;
  }
}

.cal_custom_drop2 .option.selected_option:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  background: #C91429;
  left: 0;
  top: 0;
  z-index: 0
}

.cal_custom_drop2 .select-menu .option {
  width: 100%;
  padding: 10px 30px;
  border: 0;
  border-radius: 0;
  margin: 0;
  position: relative
}

.cal_custom_drop2 .options {
  padding: 0;
  position: absolute;
  top: 60px
}

.drop-paragraph {
  background: #FAA61A;
  border-radius: 0 0 28px 28px;
  position: relative;
  /* padding: 45px 30px 15px; */
  padding: 15px 30px 15px;
  top: -30px;
  z-index: 0;
  border: 1px solid #f2f2f2;
}

  .drop-paragraph::before {
    content: '';
    position: absolute;
    top: -27px;
    left: 0;
    height: 28px;
    width: 100%;
    background: #FAA61A;
  }

.cal_custom_drop2 .select-menu .select-btn {
  z-index: 01
}

.ptag-text {
  font-family: var(--dev_reg);
  font-size: 18px;
  line-height: 23px;
  color: #000;
  max-width: 83%;
  width: 100%;
  display: none
}

.eFect_Text {
  transition: none !important;
  opacity: 1 !important
}

.quick_service_icon {
  width: 23px;
  margin-right: 8px;
}

.card.border.rounded-3 .term-card-heading {
  font: normal normal 20px/22px var(--dev_bold);
  letter-spacing: 0;
  color: #2e343e;
  /*text-transform: capitalize;*/
  opacity: 1;
  margin: 0;
  transition: .5s
}

.term_list-mega_menu {
  margin-top: 15px
}

  .term_list-mega_menu li {
    margin-bottom: 8px
  }

    .term_list-mega_menu li a {
      color: #ca1f34;
      font: normal normal 14px/21px var(--dev_med);
      letter-spacing: 0;
      /*text-transform: capitalize;*/
      margin: 0
    }

#quickservices_megamenu .drop_a {
  position: relative;
  color: #fff;
}

  #quickservices_megamenu .drop_a::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border: 1.6px solid #fff;
    right: 15px;
    border-top: 0;
    border-left: 0;
    top: 40%;
    transition: all .5s ease-in-out;
    transform: rotate(45deg);
    background: transparent;
  }

  #quickservices_megamenu .drop_a.active {
    background: #fff;
    color: #ca1f34 !important;
    transition: all .5s ease-in-out;
  }

    #quickservices_megamenu .drop_a.active::before {
      transition: all .5s ease-in-out;
      transform: rotate(225deg);
      border: 1.6px solid #ca1f34;
      border-top: 0;
      border-left: 0;
    }

.quckserives_megamenu_wrapper .terms_list_grid .card {
  border-radius: 20px !important;
  padding: 23px !important;
}

.quckserives_megamenu_wrapper .term_list-mega_menu {
  padding-left: 35px;
  margin-top: 5px;
}

  .quckserives_megamenu_wrapper .term_list-mega_menu li {
    margin-bottom: 2px;
  }

@media screen and (min-width:1200px) and (max-width:1600px) {
  .term_list-mega_menu {
    margin-top: 5px;
  }

  .quckserives_megamenu_wrapper .loan_plans_Wrapper {
    grid-template-columns: 100% 0;
  }

  .quckserives_megamenu_wrapper .loan_options_wrapper {
    grid-template-columns: 100% auto;
  }

  .term_list-mega_menu li a {
    font-size: 12px;
    line-height: 18px;
    display: block;
  }

  .term_list-mega_menu li {
    margin-bottom: 0;
  }
}

.option3x-color::before {
  background: #ffd65c !important;
}

.option4x-color::before {
  background: #70b865 !important;
}

.option1x-color::before {
  background: #faa61a !important;
}

.option2x-color::before {
  background: #bdd753 !important;
}




/*jay health insurance add ul in faq css*/
.faq_list_style li {
  font: normal normal 18px/26px var(--dev_med);
  letter-spacing: 0;
  color: #111;
  /*text-transform: capitalize;*/
  opacity: .7;
  list-style: disc;
  margin-left: 20px;
}


/*jay Saving Plan add ul in faq css*/
.faq_list_style1 li {
  font: normal normal 20px/26px var(--dev_med);
  letter-spacing: 0;
  color: #111;
  /*text-transform: capitalize;*/
  opacity: .8;
  list-style: disc;
  margin-left: 20px;
  margin-top: 10px;
}

/*Banner css start here*/


.category_right_div .drop-paragraph {
  animation: fadeUpp .5s ease-in-out;
}

@keyframes fadeUpp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.category_right_div .catBanner-dropd {
  display: block;
}

.category_right_div .drop-paragraph {
  display: none;
}

  .category_right_div .drop-paragraph.option-show-xx {
    display: block;
  }

.mob_number_input_i {
  position: relative;
}

.country_code_n,
.metaverse_right_pos span.country_code_n {
  position: absolute;
  top: 23%;
  background: transparent;
  left: 26px;
  padding: 0;
  border: 0;
  height: unset !important;
  /*    font-family: var(--dev_med);*/
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26px;
  font: normal normal 18px/26px var(--dev_semi_bold);
  color: #000;
  opacity: 1;
}

  .country_code_n::before,
  .metaverse_right_pos span.country_code_n::before {
    content: '';
    position: absolute;
    top: 5px;
    right: -14px;
    width: 1px;
    height: 16px;
    background: #000;
    z-index: 0;
    opacity: .3;
    ;
  }

.mob_number_input_i input.counntry-before,
.metaverse_right_pos input.counntry-before {
  padding-left: 80px;
}

@media screen and (min-width:1200px) and (max-width:1600px) {

  .country_code_n,
  .metaverse_right_pos span.country_code_n {
    font-size: 14px;
    line-height: 20px;
    top: 30%;
  }

    .country_code_n::before,
    .metaverse_right_pos span.country_code_n::before {
      height: 12px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
  .ptag-text {
    font-size: 14px;
    line-height: 15px;
    width: 100%;
  }

  .drop-paragraph {
    padding: 43px 15px 15px;
  }
}

@media screen and (max-width:991px) {
  .disabled-swiper .swiper-wrapper {
    justify-content: center;
  }

  .ptag-text {
    font-size: 14px;
    line-height: 15px;
    width: 100%;
  }

  .drop-paragraph {
    padding: 43px 15px 15px;
  }

  .country_code_n,
  .metaverse_right_pos span.country_code_n {
    font-size: 14px;
  }
}

@media screen and (max-width:767px) {
  .canvas_doughnut_chart_wrapper {
    display: none;
  }
}



/*File ITR With Ease On ABCD section File ITR Leaflet css start here*/
.modal.metaverse_right_pos .modal-dialog {
  position: fixed;
  margin: auto;
  max-width: 645px;
  min-width: auto;
  height: 100%;
  right: 0;
  top: 0;
  transform: translateX(100%)
}

.modal.metaverse_right_pos.show .modal-dialog {
  transform: translateX(5px)
}

.get_early_access p.popup-p {
  font: normal normal 500 16px/19px var(--dev_semi_bold);
}


p.popup-p {
  text-align: left;
  font: normal normal 500 13px/15px var(--dev_semi_bold);
  letter-spacing: 0px;
  color: #2c2c2c;
  opacity: 0.8;
}

.modal-dialog-slideout-right .btn.btn-app {
  height: 42px;
  background: #CA1F34 0% 0% no-repeat padding-box;
  border-radius: 37px;
  width: 108px;
  text-align: left;
  font: normal normal 600 12px/20px var(--dev_semi_bold);
  text-align: center;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin-top: 0;
}

.modal-dialog-slideout-right .img-absolute2 {
  margin-top: -45px;
  display: flex;
  justify-content: end;
  align-items: end;
  margin-right: 4px;
}


.modal-dialog-slideout-right .input-form-text {
  width: 100%;
  height: 48px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DDDDDD;
  border-radius: 37px;
  opacity: 1;
  color: var(--black-100-);
  text-align: left;
  font: normal 14px/24px var(--dev_reg);
  letter-spacing: 0px;
  color: #2c2c2c;
  /* text-transform: lowercase; */
  padding-left: 30px;
}

.modal-dialog-slideout-right input.input-form-text::placeholder {
  /*text-transform: capitalize;*/
}

.modal-dialog-slideout-right .modal_form_wrapper {
  margin-top: 20px;
}

.modal-dialog-slideout-right .top-logo-video {
  margin-top: 85px;
  margin-bottom: 80px;
}




.modal-dialog-slideout-right .download-link-form {
  margin-top: 10px;
}

.modal-dialog-slideout-right .modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
  font: normal normal 500 40px/44px var(--dev_semi_bold);
  margin-bottom: 15px !important;
  letter-spacing: 0;
  color: #2C2C2C;
  /*text-transform: capitalize;*/
  opacity: 1;
}


.metaverse_right_pos .modal-header {
  border: none;
  display: block;
  padding: 0 0 0px;
  margin-top: 15px;
}

.metaverse_right_pos .btn-close {
  top: 10px;
  right: 35px;
  font-size: 18px;
  position: absolute;
  opacity: 1;
  z-index: 1;
}

.modal-dialog-slideout-right .footerSocial {
  width: 100%;
  display: flex;
  padding-right: 28px;
  margin-top: 30px;
}

.modal-dialog-slideout-right .footer-midRightTop {
  width: 55%;
  display: flex;
  margin-top: 15px;
}

.modal-dialog-slideout-right .footerSocial a {
  border: 1px solid #CA1F34;
  opacity: 1;
  border-radius: 25px;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  margin-right: 15px !important;
  color: #CA1F34 !important;
  margin-bottom: 15px;
  font: normal normal 12px/24px var(--dev_semi_bold);
  padding-right: 22px;
}

.modal.metaverse_right_pos .modal-content {
  height: 100%;
  border: none;
  border-radius: 0;
  width: 100%;
  padding: 50px 65px;
}

.modal.metaverse_right_pos .modal-body {
  padding: 0;
}

.get_early_access .modal-dialog-slideout-right .top-logo-video video,
.get_early_access .modal-dialog-slideout-right .top-logo-video .leaflet-lottie-logo-anim {
  width: 70px;
  top: 0;
  left: 0;
  position: relative;
}

#snackbar {
  display: none;
}

.get_early_access .modal-dialog-slideout-right .top-logo-video {
  margin-top: 0;
  margin-bottom: 15px;
}

.get_early_access .modal-dialog-slideout-right .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
}

.top-logo-video img {
  max-width: 60px;
}

input.input-form-text:focus-visible {
  outline: #ca1f34 auto 1px;
}

.downloadApp-modal_1 .footerSocial a img {
  width: 22px;
}

@media screen and (max-width: 1600px) {
  .get_early_access.modal.metaverse_right_pos .modal-content {
    padding: 40px 40px;
  }

  .modal.metaverse_right_pos .modal-dialog {
    max-width: 420px;
  }

  .get_early_access .modal-dialog-slideout-right .modal-title {
    font-size: 32px;
    line-height: 36px;
  }

  .get_early_access p.popup-p {
    font-size: 14px;
    line-height: 16px;
  }

  .modal-dialog-slideout-right .input-form-text {
    height: 44px;
    padding: 3px;
    padding-left: 20px;
    padding-bottom: 6px;
    font-size: 12px;
  }

  .modal-dialog-slideout-right .btn.btn-app {
    height: 38px;
    width: 108px;
    font-size: 12px;
    margin-top: 4px;
  }

  .modal_body_bottom {
    text-align: center;
  }

  img.mob-img-mb {
    width: 90%;
  }

  .top-logo-video img {
    max-width: 40px;
  }
}

@media screen and (max-width: 991px) {
  .downloadApp-modal_1 .modal-dialog-slideout-right .footerSocial a:last-child {
    margin-right: 0 !important;
  }

  .modal-dialog-slideout-right .footerSocial {
    padding-right: 0;
  }

  .downloadApp-modal_1 .modal-dialog-slideout-right .footer-midRightTop {
    width: 35%;
    margin: 0 auto;
  }

  .modal.fade.metaverse_right_pos.show {
    z-index: 1000000;
  }

  .modal.metaverse_right_pos .modal-dialog {
    max-width: 100% !important;
    transform: translateY(100%) !important;
  }

  .get_early_access.modal.metaverse_right_pos .modal-content {
    padding: 30px 30px;
    border-radius: 30px;
  }

  .modal.metaverse_right_pos.show .modal-dialog {
    transform: translateY(40px) !important;
  }

  .get_early_access .modal-dialog-slideout-right .top-logo-video {
    margin-top: 100px;
    display: flex;
    justify-content: center;
  }

  .get_early_access .modal-dialog-slideout-right .modal-title {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
  }

  .get_early_access p.popup-p {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
  }

  img.mob-img-mb {
    width: 90%;
    position: relative;
    bottom: 50px;
  }
}

/*File ITR With Ease On ABCD section File ITR Leaflet css end here*/

.scroll-animation-blog {
  display: none;
}

.stickyJourneyForm {
  width: 380px;
  margin: 0 auto;
  position: fixed;
  bottom: -100px;
  opacity: 0;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  height: auto;
  transition: all .5s ease-in-out;
  background: #fff;
  box-shadow: 0px 0px 99px #0000005C;
  border-radius: 20px;
  padding: 0;
  z-index: 11;
}

  .stickyJourneyForm.scroll-animation {
    opacity: 1;
    bottom: 40px;
    transition: all .5s ease-in-out;
  }

  .stickyJourneyForm .start_journey_head_Wrapper {
    padding: 0;
    margin-bottom: 15px;
  }

  .stickyJourneyForm .stepper {
    display: none;
  }

  .stickyJourneyForm .form-parent {
    padding: 0;
  }

  .stickyJourneyForm.show-form {
    width: 420px;
    transition: all .5s ease-in-out;
  }

  .stickyJourneyForm .collapse {
    transition: all .5s ease-in-out;
  }

    .stickyJourneyForm .collapse.show {
      transition: all .5s ease-in-out;
    }

  .stickyJourneyForm .stckyCollapse-form {
    padding: 30px 28px 10px;
  }

.sticky_form_button img {
  max-width: 30px;
}

.sticky_form_button {
  background: #C91429;
  width: 100%;
  height: 100%;
  border-radius: 13px;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 15px 30px;
}


.stickyJourneyForm .container-fluid {
  padding: 0;
}

.sticky_form_button span {
  font: normal normal 20px/22px var(--dev_bold);
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

.sticky_hamburger span {
  width: 20px;
  height: 2px;
  background-color: #fff;
  border-radius: 100px;
  display: block;
  margin: 4px 0;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.sticky_hamburger {
  position: absolute;
  right: 30px;
}

  .sticky_hamburger span {
    width: 20px;
    height: 2px;
    background-color: #fff;
    border-radius: 100px;
    display: block;
    margin: 4px 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }



  .sticky_hamburger.ham_clicked span:first-child {
    -webkit-transform: translateY(13px) rotate(45deg);
    -ms-transform: translateY(13px) rotate(45deg);
    -o-transform: translateY(13px) rotate(45deg);
    transform: translateY(3px) rotate(45deg);
  }

  .sticky_hamburger.ham_clicked span:nth-child(2) {
    opacity: 0;
  }

  .sticky_hamburger.ham_clicked span:nth-child(3) {
    -webkit-transform: translateY(-13px) rotate(-45deg);
    -ms-transform: translateY(-13px) rotate(-45deg);
    -o-transform: translateY(-13px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
  }


.stickyJourneyForm .navbar {
  padding: 10px;
  background-color: transparent !important;
}

.stickyJourneyForm .navbar-toggler {
  padding: 0;
  width: 100%;
  border: 0;
  border-radius: 0;
}

.stickyJourneyForm .start_journey_head_Wrapper h2,
.stickyJourneyForm .jounrneyStepHeading {
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  width: 100%;
  display: block;
}

.stickyJourneyForm .start_journey_head_Wrapper p {
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  width: 100%;
}

.stickyJourneyForm .form-input-main.top-overlap {
  padding: 0 0 20px 0;
}

.stickyJourneyForm .homepage-banner .form__btn.verify-btn {
  width: 80%;
  margin: 0 auto !important;
}

.stickyJourneyForm .select-set .dropdown__skeleton {
  box-shadow: 0px 9px 19px #00000014;
  border: 1px solid #E7E7E7;
}

.stickyJourneyForm .homepage-banner .input-inner input {
  box-shadow: 0px 9px 19px #00000014;
  border: 1px solid #E7E7E7;
}

.stickyJourneyForm .otp-vcarification-step .inputs {
  gap: 10px;
}

  .stickyJourneyForm .otp-vcarification-step .inputs input {
    width: 40px;
    height: 40px;
    margin: 0 !IMPORTANT;
  }

.stickyJourneyForm .homepage-banner .otp-vcarification-step input[type=text] {
  padding: 0 0 0;
  font-size: 16px;
  line-height: 20px;
}

.stickyJourneyForm .verified-icon img {
  max-width: 50px;
}

.stickyJourneyForm .verified-icon {
  margin-bottom: 20px;
}

.stickyJourneyForm .drop-paragraph {
  display: none;
}

.stickyJourneyForm .start_journey_main_Wrapper {
  background-image: none;
}

.stickyJourneyForm .jounrneyStepHeading {
  margin-bottom: 15px;
}

.stickyJourneyForm .select-set .dropdown__options {
  max-height: 218px;
  overflow: auto;
  top: 60px;
}

  .stickyJourneyForm .select-set .dropdown__options::-webkit-scrollbar {
    width: 2px;
  }

.body-scroll {
  overflow: hidden;
}

@media screen and (min-width:1200px) and (max-width:1600px) {
  .stickyJourneyForm .start_journey_form_wrapper {
    padding: 0;
  }

  .stickyJourneyForm .stckyCollapse-form {
    padding: 20px 18px 10px;
  }

  .stickyJourneyForm {
    width: 285px;
  }

  .sticky_hamburger {
    right: 18px;
  }

  .stickyJourneyForm.show-form {
    width: 342px;
  }


  .stickyJourneyForm .start_journey_head_Wrapper h2,
  .stickyJourneyForm .jounrneyStepHeading {
    font-size: 34px;
    line-height: 34px;
  }


  .stickyJourneyForm .start_journey_head_Wrapper p {
    font-size: 14px;
    line-height: 17px;
  }

  .sticky_form_button {
    padding: 15px 10px;
    border-radius: 7px;
    gap: 15px;
  }

  .stickyJourneyForm {
    padding: 0;
    border-radius: 10px;
  }

    .stickyJourneyForm .navbar {
      padding: 8px;
    }

  .sticky_form_button img {
    max-width: 20px;
  }

  .sticky_form_button span {
    font-size: 17px;
    line-height: 19px;
    font-family: 'dev_semi_bold';
  }

  .sticky_hamburger.ham_clicked {
    top: 25px;
  }

  .stickyJourneyForm .homepage-banner .to-help-stepper-form-mb {
    height: auto;
  }

  .stickyJourneyForm .homepage-banner .form {
    height: auto;
  }

  .stickyJourneyForm .select-set .dropdown__options {
    max-height: 151px;
    top: 50px;
  }
}

@media screen and (min-width:992px) and (max-width:1199px) {
  .stickyJourneyForm .start_journey_form_wrapper {
    padding: 0;
  }

  .stickyJourneyForm .stckyCollapse-form {
    padding: 20px 18px 10px;
  }

  .stickyJourneyForm {
    width: 362px;
  }

    .stickyJourneyForm.show-form {
      width: 380px;
    }

    .stickyJourneyForm .start_journey_head_Wrapper h2,
    .stickyJourneyForm .jounrneyStepHeading {
      font-size: 34px;
      line-height: 34px;
    }

    .stickyJourneyForm .start_journey_head_Wrapper p {
      font-size: 14px;
      line-height: 17px;
    }

    .stickyJourneyForm .select-set .dropdown__options {
      max-height: 130px;
      top: 45px;
    }

    .stickyJourneyForm .start_journey_main_Wrapper {
      background-image: none;
      padding-top: 0;
    }

    .stickyJourneyForm .homepage-banner .form {
      height: auto;
      width: 100%;
    }

  .sec_padding_cm {
    padding: 60px 0;
  }
}

@media screen and (max-width:991px) {
  .scroll-animation-blog {
    display: block;
  }

  .sticky_form_button span {
    font-size: 16px;
    line-height: 20px;
  }

  .sticky_form_button img {
    max-width: 23px;
  }

  .sticky_hamburger {
    right: 23px;
  }

  .stickyJourneyForm.scroll-animation {
    bottom: 15px;
  }

  .stickyJourneyForm {
    padding: 0;
    width: 88%;
  }

    .stickyJourneyForm.show-form {
      width: 90%;
      box-shadow: 0px 0px 20px #0000005C;
    }

    .stickyJourneyForm .start_journey_form_wrapper {
      padding: 0;
      padding-bottom: 30px;
    }

    .stickyJourneyForm .start_journey_main_Wrapper {
      padding: 0;
    }

    .stickyJourneyForm .stckyCollapse-form {
      padding: 15px 15px 0;
    }

    .stickyJourneyForm .stepper-heaiding-mb.thankYou-banner-form {
      height: auto;
    }

    .stickyJourneyForm .thankYou-banner-form .heading-inner {
      padding: 20px 0 30px;
    }

    .stickyJourneyForm .collapse.show {
      padding-bottom: 0;
    }

    .stickyJourneyForm .form-input-main.top-overlap {
      padding-bottom: 0;
    }

    .stickyJourneyForm #stepper-form-1-step-2 {
      padding: 0;
    }

    .stickyJourneyForm .start_journey_head_Wrapper h2,
    .stickyJourneyForm .jounrneyStepHeading {
      font-size: 34px;
      line-height: 36px;
    }

    .stickyJourneyForm .start_journey_head_Wrapper p {
      font-size: 14px;
      line-height: 15px;
      margin: 3px 0;
    }

    .stickyJourneyForm .select-set .dropdown__options {
      max-height: 170px;
      top: 46px;
    }

  /* .stickyJourneyForm.stickyJourney-hide{
        opacity: 0;
        transition: .5s;
        bottom: -80px;
    } */

  body.body-scroll::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat padding-box #000000CC;
    opacity: 1;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    z-index: 111;
  }

  .topBenifits-heading h3 {
    font-size: 24px;
    line-height: 36px;
    margin: 30px 0;
    text-align: left;
  }

  .sliderCard-body:hover .slideCardBottom {
    transform: none;
  }

  .sliderCard-body:hover .key-features {
    opacity: 1;
    visibility: visible;
  }

  .cmn-pos.slideOverlay_btn {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    opacity: 1;
    visibility: visible;
  }

  a.view-plans {
    margin: 0;
  }

  .cmn-pos.slideOverlay_btn a.know_more_about-us {
    width: auto;
    padding: 11px 0;
    font-size: 14px;
    height: auto;
  }

  .how_to_step_group.deskDis-none-step .how_to_stepper_counter:before {
    display: none;
  }

  .bmi_of_calc .calc_range {
    padding: 40px 24px 24px;
  }
}

/* BLOGS CATEGORY CSS STARTS */

.yellow_banner_wrapper {
  padding: 94px 0 0;
}

  .yellow_banner_wrapper.disclaimer_close {
    padding: 20px 0 0;
  }

.top_center_breadcrumbs {
  padding: 56px 0px 56px 0px;
  background: url(../images/blogs_category_banner.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.yellow_banner_wrapper .top_center_breadcrumbs {
  height: 530px;
}

.banner_wrapper_add .top_center_breadcrumbs {
  padding: 73px 0px 30px 0px;
}

/* 
.top_center_breadcrumbs .breadcrumb-item>a {
    font: normal normal 14px/20px var(--dev_bold);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 0.8;
} */
/* 
.breadcrumb-item.active {
    font: normal normal 14px / 20px var(--dev_bold);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 0.9;
} */

.inner_search_input_Wrapper {
  position: relative;
  width: 100%;
}

.search_icn {
  position: absolute;
  max-width: 48px;
  height: 80%;
  left: 8px;
  background: #f5f5f5;
  padding: 0 15px;
  border-radius: 100px;
  top: 5.5px;
}

.inner_search_input_Wrapper input {
  width: 100%;
  height: 60px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DDDDDD;
  border-radius: 100px;
  opacity: 1;
  font: normal normal 18px/36px var(--dev_med);
  letter-spacing: 0;
  color: rgb(0 0 0 / 80%);
  text-transform: capitalize;
  padding-left: 67px;
}

.search_with_dropdown_Wrapper {
  justify-content: center;
  display: flex;
  width: 626px;
  position: relative;
  margin: 0 auto;
  flex-direction: column;
}

.inner_search_input_Wrapper input:focus {
  box-shadow: none;
  border-color: #C91429;
}

.yellowbg_head_wrapper h1 {
  font: normal normal 80px/68px var(--dev_bold);
  letter-spacing: 0px;
  color: #000000;
  text-transform: capitalize;
  opacity: 0.8;
  margin: 0;
  text-align: center;
}

.yellow_banner_wrapper .h1-bannerheading {
  margin: 30px 0 50px;
}

.search_with_dropdown_Wrapper .cal_custom_drop2 {
  position: absolute;
  right: 5px;
  width: 0px;
  height: 85%;
  display: flex;
  top: 5px;
  background: #F5F5F5 0% 0% no-repeat padding-box;
  border: none;
  border-radius: 35px;
}


  .search_with_dropdown_Wrapper .cal_custom_drop2 .select-menu .select-btn {
    height: 100%;
    padding: 0px 0 0 20px;
  }

.search_with_dropdown_Wrapper .select-menu .select-btn:before {
  right: 20px;
}

.search_with_dropdown_Wrapper .select-menu .select-btn:after {
  right: 25px;
}

.search_with_dropdown_Wrapper .select-menu .options .option .option-text {
  font: normal normal 18px/26px var(--dev_med);
  letter-spacing: 0px;
  color: #000000;
  text-transform: capitalize;
  opacity: 1;
}

.search_with_dropdown_Wrapper .select-menu .options .option.selected_option .option-text {
  font-family: var(--dev_bold);
  color: #C91429;
}

.search_with_dropdown_Wrapper .cal_custom_drop2 .select-menu .option {
  padding: 0px 0px 0 16px;
}

  .search_with_dropdown_Wrapper .cal_custom_drop2 .select-menu .option:last-child {
    margin-bottom: 10px;
  }

.search_with_dropdown_Wrapper .cal_custom_drop2 .options {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  top: 47px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  max-height: 160px;
  margin: 0;
  overflow: hidden;
  padding-right: 10px;
  border: 1px solid #C91429;
  border-top: 0;
}

.search_with_dropdown_Wrapper .select-menu.active .select-btn {
  border-radius: 0;
  border-top-right-radius: 22px;
  border-top-left-radius: 22px;
  border: 1px solid #C91429;
  border-bottom: 0;
}

.search_with_dropdown_Wrapper .select-menu-wrapper {
  overflow-x: hidden;
  max-height: 160px;
  overflow-y: scroll;
}

  .search_with_dropdown_Wrapper .select-menu-wrapper::-webkit-scrollbar {
    width: 1px;
    border-radius: 15px;
  }

  .search_with_dropdown_Wrapper .select-menu-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

.list_of_options_Wrapper {
  display: flex;
  justify-content: center;
  width: 50%;
  margin: 20px auto 0;
}

@media screen and (min-width:1501px) and (max-width:1600px) {
  .top_center_breadcrumbs {
    padding: 65px 0px 65px 0px;
  }

  .search_with_dropdown_Wrapper {
    width: 590px;
  }

  .yellow_banner_wrapper .top_center_breadcrumbs {
    height: 508px;
  }

  .list_of_options_Wrapper {
    width: 70%;
  }

  .yellowbg_head_wrapper h1 {
    font-size: 60px;
    line-height: 60px;
  }
}

@media screen and (min-width:1200px) and (max-width:1500px) {
  .yellow_banner_wrapper .h1-bannerheading {
    margin: 0 0 30px;
  }

  .yellow_banner_wrapper .top_center_breadcrumbs {
    height: 430px;
  }
}

@media screen and (min-width:992px) and (max-width:1199px) {
  .yellow_banner_wrapper .h1-bannerheading {
    margin: 0 0 25px;
  }

  .yellow_banner_wrapper .top_center_breadcrumbs {
    height: 450px;
  }
}

@media screen and (min-width:1024px) and (max-width:1300px) {
  .list_of_options_Wrapper {
    width: 80%;
  }
}

@media screen and (max-width:991px) {
  .yellow_banner_wrapper {
    padding-top: 0 !important;
  }

    .yellow_banner_wrapper .h1-bannerheading {
      margin: 0 0 20px;
    }

    .yellow_banner_wrapper .top_center_breadcrumbs {
      height: 408px;
    }
}

.search_with_dropdown_Wrapper .cal_custom_drop2 .select-menu {
  height: 100%;
}

.list_of_options_Wrapper ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
}

  .list_of_options_Wrapper ul > li > a {
    display: flex;
    width: fit-content;
    padding: 8px 22px;
    background: #FFFFFF00 0% 0% no-repeat padding-box;
    border: 1px solid rgb(210 210 210 / 70%);
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    font: normal normal 14px / 18px var(--dev_bold);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 0.8;
    transition: all 0.5s ease;
    margin-bottom: 8px;
  }

    .list_of_options_Wrapper ul > li > a:hover {
      background: #ffffff 0% 0% no-repeat padding-box;
      border: 1px solid #C91429;
      border-radius: 100px;
      opacity: 1;
      color: #C91429;
    }

.search_ul_wrapper > li > a {
  display: flex;
  align-items: center;
  font: normal normal 18px/38px var(--dev_bold);
  letter-spacing: 0px;
  color: #252B33;
  opacity: 1;
  justify-content: space-between;
  border-bottom: 1px solid #DDDDDD;
  padding: 12px 0;
}


  .search_ul_wrapper > li > a svg {
    max-width: 15px;
    transform: rotate(-45deg);
  }

  .search_ul_wrapper > li > a img {
    max-width: 15px;
    transform: rotate(-45deg);
  }

ul.search_ul_wrapper > li > a:hover svg {
  stroke: #C91429;
  fill: #C91429;
}

ul.search_ul_wrapper > li:hover a {
  color: #C91429;
  opacity: 1;
}

.blogs_search_result_wrapper {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DDDDDD;
  border-radius: 22px;
  padding: 20px 10px 20px 30px;
  margin-top: 5px;
  transition: all .15s cubic-bezier(.25, 0, .25, 1.75), opacity .1s linear;
  -webkit-transform: scale(.75);
  transform: scale(.75);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  z-index: -1;
  width: 100%;
  pointer-events: none;
}



  .blogs_search_result_wrapper ul {
    height: 200px;
    overflow-y: scroll;
    padding-right: 30px;
  }

.search_ul_wrapper > li:last-child > a {
  border: none;
}

.blogs_search_result_wrapper ul::-webkit-scrollbar {
  width: 2px;
}

.blogs_search_result_wrapper ul::-webkit-scrollbar-thumb {
  border-radius: 100px;
}

.blogs_search_result_wrapper ul::-webkit-scrollbar-track {
  background: #C91429;
  border-radius: 100px;
}



.dismiss_blogs_search_result_wrapper {
  position: absolute;
  top: 0;
  display: flex;
  left: -30px;
  align-items: center;
  height: 100%;
  width: 12px;
  cursor: pointer;
  opacity: 0;
  transition: all 0.5s ease;
}

  .dismiss_blogs_search_result_wrapper.blog_sr_open {
    opacity: 1;
  }

.blogs_search_result_wrapper.blog_sr_open {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  z-index: 2;
  pointer-events: all;
}

.featured_Articles_Section {
  padding: 100px 0 0;
}

.fa_content_main_Wrapper {
  display: grid;
  background: #F3F3F3 0% 0% no-repeat padding-box;
  border: 1px solid #D1D1D182;
  border-radius: 20px;
  opacity: 1;
  overflow: hidden;
  grid-template-columns: 50% auto;
}

.fa_content_Wrapper h2,
.fa_content_Wrapper h3 {
  font: normal normal 32px / 38px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #252B33;
  opacity: 1;
  margin: 0;
}

.fa_content_Wrapper p {
  font: normal normal 18px/22px var(--dev_med);
  letter-spacing: 0px;
  color: #000000;
  opacity: 0.8;
  margin: 20px 0 24px;
}

.fa_content_Wrapper ul > li {
  font: normal normal 18px/22px var(--dev_med);
  letter-spacing: 0px;
  color: #000000;
  opacity: 0.8;
}

.red_red_more_bordered {
  display: flex;
  width: 207px;
  height: 50px;
  border: 1px solid #C91429;
  border-radius: 40px;
  align-items: center;
  justify-content: center;
  font: normal normal 16px/20px var(--dev_bold);
  letter-spacing: 0px;
  color: #C91429;
  text-transform: uppercase;
  opacity: 1;
  margin-top: 40px;
  transition: all 0.5s ease;
}

.fa_content_main_Wrapper:hover .red_red_more_bordered {
  background: #C91429;
  color: #fff;
}

.fa_content_Wrapper ul {
  display: flex;
  gap: 30px;
  width: fit-content;
  position: relative;
}

  .fa_content_Wrapper ul:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    margin: 0 auto;
    top: 35%;
    background: #000000 0% 0% no-repeat padding-box;
    opacity: 0.3;
  }

.fa_content_Wrapper {
  padding: 57px 70px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #F3F3F3;
}


.fa_img_Wrapper {
  width: 100%;
  overflow: hidden;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  transition: all 0.5s ease;
}

  .fa_img_Wrapper > img {
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
  }

.trending_article_slider {
  margin-top: 50px;
}


  .bfa_slider .csr_pagination,
  .trending_article_slider .csr_pagination {
    bottom: 0;
    display: flex;
    justify-content: center;
    position: relative;
    width: fit-content;
    margin: 0 auto;
  }

  .bfa_slider .swiper-wrapper,
  .trending_article_slider .swiper-wrapper {
    padding-bottom: 50px;
  }

  .bfa_slider .csr_swiper_arrows_wrapper,
  .trending_article_slider .csr_swiper_arrows_wrapper {
    bottom: 0;
    position: relative;
  }

.fa_content_main_Wrapper:hover .fa_img_Wrapper > img {
  transform: scale(1.1);
}


.category_tag {
  font: normal normal 16px / 31px var(--dev_semi_bold);
  letter-spacing: 0px;
  color: #111111;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 100px;
  display: inline-flex;
  /* width: fit-content; */
  align-items: center;
  justify-content: center;
  padding: 0px 17px;
  background: rgb(250 166 26 / 80%) no-repeat padding-box;
  margin: 30px 0 20px;
  border: 1px solid transparent;
}

.bg_color1:hover {
  background: #ffd65c47;
  border: 1px solid #ffd65c;
}

.bg_color2:hover {
  background: #bdd75373;
  border: 1px solid #BDD753;
}

.bg_color3:hover {
  background: #faa61a40;
  border: 1px solid #FAA61A;
}

.bg_color4:hover {
  background: #70b8656b;
  border: 1px solid #70B865;
}

.fa_content_Wrapper .category_tag {
  margin: 0px 0 20px;
}

.bg_color1 {
  background: #FFD65C;
}

.bg_color2 {
  background: #BDD753;
}

.bg_color3 {
  background: #FAA61A;
}

.bg_color4 {
  background: #70B865;
}

.ta_content_Wrapper h2,
.ta_content_Wrapper h3 {
  font: normal normal 26px/28px var(--dev_med);
  letter-spacing: 0px;
  color: #222222;
  opacity: 1;
  margin: 0 0 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  display: inline-flex;
  -webkit-box-orient: vertical;
}

.ta_content_main_Wrapper:hover .ta_content_Wrapper h2 {
  color: #ca1f34;
  ;
}

.ta_content_main_Wrapper:hover .ta_content_Wrapper h3 {
  color: #ca1f34;
  ;
}

.postFront-box a {
  display: inline-block;
  width: fit-content;
}

.l_content_Wrapper a {
  display: inline-flex;
}

/* .ta_content_Wrapper .anew{
    display: contents;
    width: fit-content;
} */
.ta_content_main_Wrapper:hover .ta_content_Wrapper h2 {
  color: #CA1F34;
}

.ta_content_Wrapper ul > li {
  font: normal normal 16px/24px var(--dev_med);
  letter-spacing: 0px;
  color: #000000;
  text-transform: capitalize;
  opacity: 0.8;
}

.ta_content_Wrapper ul {
  display: flex;
  gap: 30px;
  width: fit-content;
  position: relative;
  transition: 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

  .ta_content_Wrapper ul:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    width: 6px;
    height: 6px;
    border-radius: 100px;
    margin: 0 auto;
    top: 40%;
    background: #000000 0% 0% no-repeat padding-box;
    opacity: 0.3;
  }

.ta_content_main_Wrapper {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  opacity: 1;
  padding: 20px;
  height: 100%;
}

  .ta_content_main_Wrapper:hover {
    background: #FFF6F7 0% 0% no-repeat padding-box;
    border: 1px solid #C91429;
    border-radius: 20px;
    opacity: 1;
  }

.trending_article_slider .swiper-slide {
  height: auto;
}

.ta_read_more img {
  max-width: 6px;
  transform: rotate(180deg);
  position: relative;
  top: 0px;
}

.ta_read_more {
  font: normal normal 14px/20px var(--dev_bold);
  letter-spacing: 0;
  color: #CA1F34;
  text-transform: uppercase;
  opacity: 1;
  display: flex;
  transition: 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
  align-items: center;
  gap: 5px;
  width: fit-content;
}

.ta_dates {
  height: 24px;
  overflow: hidden;
  transition: 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.ta_content_main_Wrapper:hover ul {
  transform: translateY(-20px);
}

.ta_content_main_Wrapper:hover a {
  transform: translateY(-23px);
}

.ta_img_Wrapper {
  overflow: hidden;
  border-radius: 16px;
}

.ta_content_main_Wrapper:hover .ta_img_Wrapper img {
  transform: scale(1.1);
}

.ta_img_Wrapper img {
  transition: all 0.5s ease;
}

.ta_read_more:hover {
  color: #CA1F34;
}

.right_sticky_section {
  display: grid;
  grid-template-columns: auto 635px;
  gap: 80px;
}

.sticky_part_div {
  padding: 100px 130px 100px 100px;
}

.latest_in_insurance {
  display: grid;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #EFEFEF;
  border-radius: 20px;
  opacity: 1;
  transition: all 0.5s ease;
  padding: 16px;
  grid-template-columns: 230px auto;
}

.l_content_Wrapper p,
.l_content_Wrapper h3 {
  font: normal normal 20px / 24px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #252B33;
  opacity: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


.l_content_Wrapper .ta_dates > ul {
  display: flex;
  width: fit-content;
  position: relative;
  gap: 25px;
  transition: 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

  .l_content_Wrapper .ta_dates > ul:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    width: 6px;
    height: 6px;
    border-radius: 100px;
    margin: 0 auto;
    top: 40%;
    background: #000000 0% 0% no-repeat padding-box;
    opacity: 0.3;
  }

.latest_in_insurance:hover .l_content_Wrapper .ta_dates > ul {
  transform: translateY(-20px);
}

.latest_in_insurance:hover .l_content_Wrapper .ta_dates > a {
  transform: translateY(-20px);
}

.l_content_Wrapper span {
  font: normal normal 12px/22px var(--dev_semi_bold);
  letter-spacing: 0px;
  color: #111111;
  text-transform: uppercase;
  opacity: 1;
  display: flex;
  width: 117px;
  height: 24px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  margin-bottom: 10px;
}

.latest_in_insurance:hover {
  border: 1px solid #C91429;
  background: #FFF6F7;
}

  .latest_in_insurance:hover .l_content_Wrapper p {
    color: #CA1F34;
  }

  .latest_in_insurance:hover .l_content_Wrapper h3 {
    color: #CA1F34;
  }



.l_content_Wrapper {
  padding: 0 20px;
  position: relative;
}

.latest_in_insurance_main_wrapper {
  display: grid;
  grid-template-columns: auto auto;
  gap: 30px;
}

.l_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}

.latest_in_insurance:hover .l_img_wrap img {
  transform: scale(1.1);
}

.l_img_wrap {
  border-radius: 14px;
  overflow: hidden;
}

.left_Wrapper_container .cus-container {
  padding-right: 0;
}

.l_content_Wrapper .ta_dates {
  position: absolute;
  bottom: 0;
}

.bordered_view_all {
  display: flex;
  width: 190px;
  height: 50px;
  border: 1px solid #C91429;
  border-radius: 40px;
  opacity: 1;
  align-items: center;
  justify-content: center;
  font: normal normal 16px/20px var(--dev_bold);
  letter-spacing: 0px;
  color: #C91429;
  text-transform: uppercase;
  opacity: 1;
  transition: all 0.5s ease;
}

  .bordered_view_all:hover {
    background: #C91429;
    color: #fff;
  }

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


.l_content_Wrapper .ta_dates > ul li {
  font: normal normal 14px / 24px var(--dev_med);
  letter-spacing: 0px;
  color: #000000;
  text-transform: capitalize;
  opacity: 0.8;
}

.invest_mf_content h3 {
  font: normal normal 24px/32px var(--dev_med);
  letter-spacing: 0;
  color: #252B33;
  opacity: 1;
  font-weight: bold;
  /* text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; */
}

.invest_mf_content a:hover {
  color: #C91429;
}

.invest_mf_content p {
  font: normal normal 16px/22px var(--dev_med);
  letter-spacing: 0px;
  color: #000000;
  opacity: 0.8;
  margin: 10px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.invest_mf_content a {
  font: normal normal 14px / 20px var(--dev_bold);
  letter-spacing: 0px;
  color: #C91429;
  text-transform: uppercase;
  opacity: 1;
  text-decoration: underline;
  display: flex;
  width: fit-content;
  gap: 7px;
  align-items: center;
  padding-bottom: 0px;
}

  .invest_mf_content a > img {
    max-width: 6px;
    transform: rotate(180deg);
    position: relative;
    top: 0px;
  }

  .invest_mf_content a > img {
    max-width: 6px;
    transform: rotate(180deg);
    position: relative;
    top: 0px;
    transition: all 0.5s;
    left: 0;
  }

.invest_mf_main:hover .invest_mf_content a > img {
  left: 5%;
  transition: all 0.5s;
}

.invest_mf_main {
  transition: all 2s;
}

.invest_mf_main {
  background: #FFF4D9 0% 0% no-repeat padding-box;
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  opacity: 1;
  padding: 30px 20px;
  display: grid;
  align-items: center;
  grid-template-columns: auto 130px;
}

.invest_mf_swiper .csr_pagination {
  bottom: 0;
  width: fit-content;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.invest_mf_swiper .swiper-wrapper {
  padding-bottom: 40px;
}


.invest_mutual_slider_Wrapper {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 140px;
}

.dropdown-menu-sub {
  overflow: auto;
  height: 288px;
}

.dropdown-menu.fadeInFromTop {
  animation: fadeInFromTop 0.3s forwards;
  transform-origin: top;
}

@keyframes fadeInFromTop {
  from {
    opacity: 0;
    transform: translateY(0px);
  }

  to {
    opacity: 1;
    transform: translateY(50px);
  }
}


.more_dropdown_btn::after {
  display: none;
}

.more_dropdown_btn.dropdown-toggle.show {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #C91429;
  border-radius: 100px;
  opacity: 1;
  color: #C91429;
}

.more_dropdown_li .dropdown-menu.fadeInFromTop.show {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #E2E2E2;
  border-radius: 28px;
  opacity: 1;
  padding: 20px 10px 20px 20px;
  z-index: 2;
  position: absolute !important;
  top: -8px !important;
  height: fit-content;
}

.dropdown-menu.fadeInFromTop .dropdown-menu-sub::-webkit-scrollbar {
  width: 2px;
}

.more_dropdown_li .dropdown-item {
  padding: 10px 20px;
  font: normal normal 18px/26px var(--dev_bold);
  letter-spacing: 0px;
  color: #000000;
  text-transform: capitalize;
  opacity: 1;
  border-radius: 10px;
  margin-bottom: 5px;
  transition: all 0.2s ease-out;
}

  .more_dropdown_li .dropdown-item:last-child {
    margin: 0;
  }

  .more_dropdown_li .dropdown-item:hover {
    background: #FBEEEF;
  }

.left_Wrapper_container .cus-container:first-child {
  margin-top: 0px;
}

.left_Wrapper_container .cus-container {
  /* margin-top: 250px; */
  padding-top: 50px;
  padding-bottom: 107px;
  position: relative;
}

  .left_Wrapper_container .cus-container:last-child {
    border: 0;
  }

  .left_Wrapper_container .cus-container::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 90%;
    height: 1px;
    background: rgb(0 0 0 / 50%);
    opacity: .2;
  }

.blogs_pop_search_tags > ul > li > a {
  width: fit-content;
  padding: 14px 30px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #D2D2D2;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: normal normal 14px/18px var(--dev_semi_bold);
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
  opacity: 0.8;
  transition: all 0.5s ease;
}

.blogs_pop_search_tags > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  row-gap: 20px;
}

  .blogs_pop_search_tags > ul > li > a:hover {
    background: #FFECEF 0% 0% no-repeat padding-box;
    border: 1px solid #CA1F34;
    border-radius: 100px;
    opacity: 1;
    color: #c91429;
  }


.blogs_pop_search_tags {
  margin-top: 25px;
}

.trending_articles {
  background: #f9f9f9;
}

  .trending_articles .trending_article_slider {
    padding-bottom: 25px;
  }

.swiper.bfa_slider {
  padding-bottom: 25px;
  margin-top: 50px;
}

.invest_mutual_slider_Wrapper .tacbox {
  justify-content: center;
}

.sub_cat_head p {
  font: normal normal 24px / 22px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #111111;
  text-transform: capitalize;
  opacity: 1;
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

@media screen and (max-width: 1700px) {
  .left_Wrapper_container .cus-container {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .view_head_wrapper {
    margin-bottom: 20px;
  }

  .trending_article_slider,
  .swiper.bfa_slider {
    margin-top: 40px;
  }

  .left_Wrapper_container .cus-container::before {
    width: 85%;
  }
}

@media screen and (min-width: 1501px) and (max-width: 1800px) {
  .invest_mf_main {
    padding: 12px 20px;
  }

  .fa_content_Wrapper {
    padding: 40px;
  }

  .sticky_part_div {
    padding-left: 50px;
    padding-top: 70px;
    padding-bottom: 100px;
  }


  /* .invest_mutual_slider_Wrapper {
        top: 99px;
    } */

  .ta_content_Wrapper h2,
  .ta_content_Wrapper h3 {
    font-size: 22px;
  }

  .category_tag {
    margin: 10px 0;
    font-size: 12px;
    padding: 8px 15px 9px;
    height: auto;
    line-height: normal;
  }

  .ta_content_main_Wrapper {
    border-radius: 12px;
    padding: 15px;
  }

  .ta_img_Wrapper {
    border-radius: 12px;
  }

  .fa_content_Wrapper h2,
  .fa_content_Wrapper h3 {
    font-size: 25px;
    line-height: 33px;
  }

  .fa_content_Wrapper p {
    font-size: 16px;
  }

  .red_red_more_bordered {
    width: fit-content;
    padding: 11px 20px;
    font-size: 16px;
    height: auto;
  }

  .fa_content_main_Wrapper {
    grid-template-columns: 50% auto;
  }

  .fa_content_Wrapper ul > li {
    font-size: 16px;
  }

  .right_sticky_section {
    grid-template-columns: auto 545px;
  }

  .latest_in_insurance {
    grid-template-columns: 155px auto;
  }

  .latest_in_insurance_main_wrapper {
    gap: 20px;
  }

  .l_content_Wrapper {
    padding: 0 14px;
  }

    .l_content_Wrapper span {
      width: fit-content;
      padding: 2px 12px;
      height: auto;
      font-size: 10px;
      margin-bottom: 7px;
    }

    .l_content_Wrapper p,
    .l_content_Wrapper h3 {
      font-size: 15px;
      line-height: 15px;
    }

  .latest_in_insurance {
    padding: 10px;
    border-radius: 8px;
  }

  .l_content_Wrapper .ta_dates > ul li {
    font: normal normal 12px/24px var(--dev_med);
  }

  .ta_read_more {
    font-size: 12px;
  }

  .l_img_wrap {
    border-radius: 8px;
    height: 110px;
  }


  .bordered_view_all {
    width: fit-content;
    height: auto;
    font-size: 12px;
    padding: 8px 30px;
  }


  .list_of_options_Wrapper ul > li > a {
    padding: 7px 18px;
    font-size: 12px;
  }

  .more_dropdown_li .dropdown-menu.fadeInFromTop.show {
    padding: 10px;
    border-radius: 15px;
  }

  .more_dropdown_li .dropdown-item {
    padding: 5px 10px;
    font-size: 15px;
    border-radius: 8px;
  }

  .yellow_banner_wrapper {
    padding-top: 85px;
  }

  .blogs_pop_search_tags > ul > li > a {
    padding: 10px 20px;
    font-size: 12px;
  }

  .blogs_pop_search_tags > ul {
    row-gap: 10px;
  }

  .invest_mutual_slider_Wrapper .start_journey_form_wrapper {
    height: 380px !important;
  }

  .invest_mf_content h3 {
    font-size: 20px;
  }

  .invest_mf_content p {
    font-size: 14px;
  }

  .invest_mf_content a {
    font-size: 12px;
  }
}

@media screen and (max-width: 1600px) {
  .left_Wrapper_container .cus-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }

    .left_Wrapper_container .cus-container::before {
      width: 90%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
  .invest_mutual_slider_Wrapper {
    top: 125px;
  }

  .search_icn {
    max-width: 43px;
  }

  .search_ul_wrapper > li > a {
    font-size: 15px;
    line-height: 22px;
  }

  .blogs_search_result_wrapper {
    padding: 10px 20px;
    border-radius: 15px;
  }

    .blogs_search_result_wrapper ul {
      padding-right: 20px;
    }

  .top_center_breadcrumbs ol.breadcrumb {
    padding-left: 0;
  }

  .yellow_banner_wrapper .banner-bread-crumbs {
    position: relative;
    left: 0;
    width: calc(100% - 172px);
  }

  .fa_content_Wrapper {
    padding: 20px 50px;
  }

    .fa_content_Wrapper h2,
    .fa_content_Wrapper h3 {
      font-size: 25px;
      line-height: 30px;
    }

    .fa_content_Wrapper p {
      font-size: 16px;
    }

  .red_red_more_bordered {
    width: fit-content;
    padding: 10px 23px;
    font-size: 16px;
    height: auto;
  }

  .fa_content_Wrapper p {
    margin: 15px 0 24px;
  }

  .fa_content_main_Wrapper {
    grid-template-columns: 50% auto;
  }

  .fa_content_Wrapper ul > li {
    font-size: 16px;
  }

  .right_sticky_section {
    grid-template-columns: auto 460px;
    gap: 0;
  }

  .latest_in_insurance {
    grid-template-columns: 155px auto;
  }

  .latest_in_insurance_main_wrapper {
    gap: 10px;
  }

  .l_content_Wrapper {
    padding: 0 14px;
  }

    .l_content_Wrapper span {
      width: fit-content;
      padding: 2px 12px;
      height: auto;
      font-size: 10px;
      margin-bottom: 7px;
    }

    .l_content_Wrapper p,
    .l_content_Wrapper h3 {
      font-size: 15px;
      line-height: 15px;
    }

  .latest_in_insurance {
    padding: 10px;
    border-radius: 8px;
  }

  .l_content_Wrapper .ta_dates > ul li {
    font: normal normal 12px/24px var(--dev_med);
  }

  .ta_read_more {
    font-size: 12px;
  }

  .l_img_wrap {
    border-radius: 8px;
    height: 120px;
  }


  .bordered_view_all {
    width: fit-content;
    height: auto;
    font-size: 12px;
    padding: 8px 30px;
  }

  .sticky_part_div {
    padding: 0px 70px 0px 70px;
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .invest_mf_content h3 {
    font-size: 19px;
  }

  .invest_mf_main {
    padding: 15px;
    border-radius: 15px;
    grid-template-columns: auto 100px;
  }

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

  .list_of_options_Wrapper ul > li > a {
    padding: 7px 18px;
    font-size: 12px;
  }

  .more_dropdown_li .dropdown-menu.fadeInFromTop.show {
    padding: 10px;
    border-radius: 15px;
  }

  .more_dropdown_li .dropdown-item {
    padding: 5px 10px;
    font-size: 15px;
    border-radius: 8px;
  }

  .blogs_pop_search_tags > ul > li > a {
    padding: 5px 20px;
    font-size: 12px;
  }

  .blogs_pop_search_tags > ul {
    row-gap: 10px;
  }

  .search_with_dropdown_Wrapper {
    width: 466px;
  }

  .top_center_breadcrumbs {
    padding: 55px 0;
  }

  .yellowbg_head_wrapper h1 {
    font-size: 45px;
    line-height: 45px;
    letter-spacing: 0px;
  }

  .yellowbg_head_wrapper {
    margin: 0 0 30px;
  }


  .inner_search_input_Wrapper input {
    height: 50px;
    font-size: 16px;
  }

  .search_with_dropdown_Wrapper .cal_custom_drop2 .select-menu .select-btn {
  }

  .search_with_dropdown_Wrapper .cal_custom_drop2 .select-menu {
    position: relative;
  }

  .search_with_dropdown_Wrapper .cal_custom_drop2 {
    top: 3.9px;
    right: 4px;
  }

    .search_with_dropdown_Wrapper .cal_custom_drop2 .options {
      top: 40px;
    }

  .search_with_dropdown_Wrapper .select-menu .options .option .option-text {
    font-size: 13px;
  }

  .ta_content_Wrapper h2,
  .ta_content_Wrapper h3 {
    font-size: 20px;
    margin: 0 0 10px;
  }

  .section-heading_sub {
    font-family: var(--dev_bold);
    font-size: 35px;
    line-height: 60px;
    letter-spacing: 0px;
    color: #000;
  }

  .category_tag {
    font-size: 12px;
    padding: 0 15px;
    margin: 20px 0 10px;
  }

  .ta_content_main_Wrapper {
    padding: 12px;
    border-radius: 15px;
  }

  .ta_img_Wrapper {
    border-radius: 15px;
  }

  .ta_content_Wrapper ul > li {
    font-size: 14px;
  }

  .ta_content_Wrapper ul {
    gap: 12px;
  }
}

@media screen and (max-width: 1366px) {
  .left_Wrapper_container .cus-container {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .view_head_wrapper {
    margin-bottom: 15px;
  }

  .trending_article_slider,
  .swiper.bfa_slider {
    margin-top: 20px;
  }
}

@media screen and (min-width: 992px) and (max-width:1199px) {

  .fa_content_main_Wrapper {
    grid-template-columns: 50% auto;
  }

  .fa_content_Wrapper {
    padding: 30px;
  }

    .fa_content_Wrapper h2,
    .fa_content_Wrapper h3 {
      font-size: 20px;
      line-height: 30px;
    }

    .fa_content_Wrapper p {
      font-size: 14px;
      line-height: 22px;
    }

    .fa_content_Wrapper ul > li {
      font-size: 14px;
    }

  .red_red_more_bordered {
    margin-top: 30px;
    width: fit-content;
    padding: 10px 30px;
    font-size: 14px;
    height: auto;
  }

  .bfa_slider .swiper-wrapper,
  .trending_article_slider .swiper-wrapper {
    padding-bottom: 60px;
  }

  .bfa_slider,
  .trending_article_slider {
    padding-bottom: 60px;
  }

  .sticky_part_div {
    padding: 0;
  }

  .right_sticky_section {
    grid-template-columns: 60% 40%;
    gap: 10px;
  }

  .top_center_breadcrumbs {
    padding: 60px 0;
  }

  .yellow_banner_wrapper .banner-bread-crumbs {
    position: relative;
    left: 0;
    width: calc(100% - 172px);
  }

  .yellowbg_head_wrapper h1 {
    font-size: 55px;
    line-height: 55px;
    letter-spacing: 0;
  }

  .search_with_dropdown_Wrapper {
    width: 453px;
  }

  .list_of_options_Wrapper {
    width: 80%;
  }

    .list_of_options_Wrapper ul > li > a {
      padding: 7px 17px;
      font-size: 12px;
    }

  .blogs_search_result_wrapper {
    padding: 20px;
  }

  .search_ul_wrapper > li > a {
    font-size: 16px;
    line-height: 22px;
  }

  .dropdown-menu.fadeInFromTop.dropdown-menu-end.show {
    padding: 10px;
    border-radius: 10px;
  }

  .more_dropdown_li .dropdown-item {
    padding: 0 10px;
    font-size: 14px;
    border-radius: 5px;
  }

  .featured_Articles_Section {
    padding-top: 60px;
  }

  .category_tag {
    padding: 3px 17px;
    height: auto;
    width: fit-content;
    font-size: 14px;
    line-height: 2;
  }

  .bfa_slider .csr_swiper_arrows_wrapper,
  .trending_article_slider .csr_swiper_arrows_wrapper {
    left: 30px;
  }

  .ta_content_main_Wrapper {
    padding: 15px;
    border-radius: 14px;
  }

  .ta_img_Wrapper {
    border-radius: 14px;
  }

  .ta_content_main_Wrapper .category_tag {
    margin: 20px 0 10px;
    padding: 4px 12px;
    font-size: 12px;
  }

  .ta_content_Wrapper h2,
  .ta_content_Wrapper h3 {
    font-size: 18px;
  }

  .ta_content_Wrapper ul {
    gap: 23px;
  }

    .ta_content_Wrapper ul > li {
      font-size: 14px;
    }

  .ta_read_more {
    font-size: 13px;
  }

    .ta_read_more img {
      max-width: 5px;
    }


  .latest_in_insurance {
    grid-template-columns: 120px auto;
  }


  .latest_in_insurance {
    padding: 10px;
    border-radius: 8px;
  }

  .l_content_Wrapper p,
  .l_content_Wrapper h3 {
    font-size: 15px;
    line-height: 20px;
  }

  .l_img_wrap {
    border-radius: 8px;
    height: 110px;
  }

  .latest_in_insurance {
  }

  .l_content_Wrapper {
    padding: 0 0 0 15px;
  }

  .latest_in_insurance_main_wrapper {
    gap: 20px;
  }

  .l_content_Wrapper .ta_dates > ul {
    gap: 12px;
    height: 24px;
  }

    .l_content_Wrapper .ta_dates > ul li {
      font-size: 11px;
    }

  .l_content_Wrapper span {
    width: fit-content;
    font-size: 10px;
    height: auto;
    padding: 0 10px;
  }

  .latest_in_insurance:hover .l_content_Wrapper .ta_dates > ul {
  }

  .l_content_Wrapper .ta_dates > ul:after {
    width: 4px;
    height: 4px;
    top: 45%;
  }

  .bordered_view_all {
    width: fit-content;
    height: auto;
    font-size: 14px;
    padding: 10px 30px;
  }

  .left_Wrapper_container .cus-container {
    margin-top: 70px;
  }

  .blogs_pop_search_tags > ul > li > a {
    padding: 10px 20px;
    font-size: 12px;
  }


  .sticky_part_div {
    padding-right: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .invest_mutual_slider_Wrapper .stepper-wrapper-form .start_journey_form_wrapper {
    padding: 10px 20px;
    border-radius: 10px;
    height: 380px;
  }

  .invest_mutual_slider_Wrapper .stepper-wrapper-form .stepheading-span {
    font-size: 22px;
  }

  .invest_mutual_slider_Wrapper .homepage-banner .form {
    width: 100%;
  }

  .invest_mf_main {
    padding: 10px;
    border-radius: 10px;
    grid-template-columns: auto 90px;
  }

  .invest_mf_content h3 {
    font-size: 20px;
    margin-bottom: 0;
  }

  .invest_mf_content p {
    font-size: 12px;
    margin: 6px 0;
  }

  .invest_mf_content a {
    font-size: 10px;
  }

    .invest_mf_content a > img {
      max-width: 5px;
    }
}

@media screen and (max-width: 991px) {
  .invest_mf_swiper .csr_pagination {
    bottom: 23px;
  }

  .left_Wrapper_container .cus-container {
    padding-right: 25px;
  }

  .section-heading_sub {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0;
  }

  .dropdown-menu-sub {
    overflow: auto;
    height: 155px;
  }

  /* .more_dropdown_li .dropdown-menu.fadeInFromTop.show {
        height: 200px;
    } */
  .bordered_view_all:hover {
    background: transparent;
    color: #000;
  }

  .ta_content_main_Wrapper:hover .ta_content_Wrapper h3 {
    color: #222222;
  }

  .fa_content_main_Wrapper:hover .red_red_more_bordered {
    background: transparent;
    color: #C91429;
  }

  .ta_content_main_Wrapper:hover {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #DDDDDD;
  }

  .list_of_options_Wrapper ul > li > a:hover {
    background: transparent;
    border: 1px solid rgb(210 210 210 / 80%);
    border-radius: 100px;
    opacity: 1;
    color: #000;
  }

  .right_sticky_section .ta_read_more img {
    top: 0;
  }

  .top_center_breadcrumbs {
    padding: 15px 24px 50px;
    background: url(../images/blogs_category_banner_mol.png) no-repeat;
    background-size: cover;
    background-position: center;
  }

  .ta_content_Wrapper ul > li {
    font-size: 12px;
  }



  .sticky_part_div {
    display: block;
  }


  .yellowbg_head_wrapper h1 {
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 0px;
  }

  .yellowbg_head_wrapper {
    margin-bottom: 24px;
  }

  .search_with_dropdown_Wrapper {
    width: 90%;
  }

    .search_with_dropdown_Wrapper .select-menu .select-btn:after {
      right: 23px;
    }

    .search_with_dropdown_Wrapper .cal_custom_drop2 {
      width: 0px;
      top: 4px;
      right: 4px;
    }

  .inner_search_input_Wrapper input {
    padding-left: 55px;
    font-size: 13px;
    height: auto;
  }

  .search_icn {
    max-width: 36px;
    max-height: 40px;
    left: 10px;
    padding: 9px;
  }

  .search_with_dropdown_Wrapper .select-menu .options .option .option-text {
    font-size: 12px;
  }

  .search_with_dropdown_Wrapper .cal_custom_drop2 .options {
    border-radius: 12px;
    top: 38px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }

  .select-menu-wrapper {
    padding-left: 5px;
  }

  .list_of_options_Wrapper ul > li > a {
    padding: 6px 10px;
    font-size: 10px;
    height: auto;
    margin-bottom: 0px;
  }

  .blogs_pop_search_tags > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    row-gap: 12px;
  }

    .blogs_pop_search_tags > ul > li > a {
      padding: 8px 10px;
      font-size: 12px;
    }

  .list_of_options_Wrapper {
    width: 91%;
  }

  .fa_content_Wrapper ul {
    gap: 25px;
  }

  .l_content_Wrapper .ta_dates > ul {
    gap: 15px;
    height: 24px;
  }

  .left_Wrapper_container .cus-container::before {
    width: 100%;
  }

  .top_center_breadcrumbs ol.breadcrumb {
    padding-left: 30px;
  }

  .search_with_dropdown_Wrapper .sBtn-text {
    font-size: 12px;
  }


  .blogs_search_result_wrapper {
    padding: 10px 15px;
    border-radius: 12px;
  }

  .search_ul_wrapper > li > a {
    font-size: 13px;
    line-height: 22px;
  }

  .blogs_search_result_wrapper ul {
    padding-right: 15px;
  }

  .search_ul_wrapper > li > a img {
    max-width: 10px;
  }

  .fa_content_main_Wrapper {
    display: flex;
    flex-direction: column;
  }

  .fa_content_Wrapper {
    padding: 20px;
  }

    .fa_content_Wrapper h2,
    .fa_content_Wrapper h3 {
      font-size: 20px;
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      line-height: 27px;
    }

    .fa_content_Wrapper p {
      font-size: 12px;
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-height: 14px;
      margin: 10px 0 12px;
    }

    .fa_content_Wrapper ul > li {
      font-size: 12px;
    }

  .red_red_more_bordered {
    margin-top: 14px;
    width: fit-content;
    height: auto;
    padding: 7px 30px;
    font-size: 12px;
  }

  .bfa_slider .swiper-wrapper,
  .trending_article_slider .swiper-wrapper {
    padding-bottom: 20px;
  }

  .bfa_slider,
  .trending_article_slider {
    padding-bottom: 50px;
  }

  .featured_Articles_Section {
    padding-top: 50px;
  }

  .ta_content_Wrapper h2,
  .ta_content_Wrapper h3 {
    font-size: 18px;
    margin-bottom: 0;
  }

  .category_tag {
    font-size: 12px;
    margin: 20px 0px 10px;
    padding: 0px 12px;
  }

  .ta_content_Wrapper ul {
    height: auto;
    gap: 20px;
  }

  .ta_dates {
    height: auto;
  }

  .ta_content_main_Wrapper:hover ul,
  .ta_content_main_Wrapper:hover a {
    transform: translateY(0px);
  }

  .right_sticky_section {
    grid-template-columns: 100%;
    gap: 20px;
  }

  .latest_in_insurance {
    grid-template-columns: 135px auto;
    gap: 15px;
    padding: 10px;
  }

    .latest_in_insurance:hover {
      border: 1px solid #EFEFEF;
    }

    .latest_in_insurance:hover {
      background: #FFFFFF 0% 0% no-repeat padding-box;
    }

      .latest_in_insurance:hover .l_content_Wrapper h3 {
        color: #252B33;
      }

  .blogs_pop_search_tags > ul > li > a:hover {
    color: #000000;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D2D2D2;
  }

  .latest_in_insurance_main_wrapper {
    grid-template-columns: auto;
    gap: 20px;
  }

  .l_content_Wrapper {
    padding: 0px 0 0;
  }

    .l_content_Wrapper .ta_dates {
      position: relative;
    }

  .latest_in_insurance:hover .l_content_Wrapper .ta_dates > ul,
  .latest_in_insurance:hover .l_content_Wrapper .ta_dates > a {
    transform: translateY(0px);
  }

  .view_head_wrapper {
    display: flex;
    margin-bottom: 30px;
  }

  .bordered_view_all {
    width: fit-content;
    height: auto;
    font-size: 12px;
    padding: 8px 20px;
  }

  .more_dropdown_li .dropdown-menu.fadeInFromTop.show {
    padding: 10px;
    border-radius: 10px;
  }

  .more_dropdown_li .dropdown-item {
    font-size: 12px;
    line-height: 12px;
    padding: 7px 10px;
    border-radius: 6px;
  }

  .fa_content_Wrapper .category_tag {
    margin: 0 0 10px;
  }

  .fa_img_Wrapper {
    border-radius: 20px;
  }

  .ta_read_more {
    margin-top: 24px;
    gap: 6px;
  }

  .ta_content_main_Wrapper {
    padding: 14px;
    border-radius: 16px;
  }

  .ta_img_Wrapper {
    border-radius: 16px;
  }

  .l_content_Wrapper span {
    padding: 0 10px;
    width: fit-content;
  }

  .l_content_Wrapper p,
  .l_content_Wrapper h3 {
    font-size: 16px;
    line-height: 19px;
  }

  .ta_read_more {
    margin-top: 12px;
  }

  .l_content_Wrapper .ta_dates > ul li {
    font-size: 12px;
  }

  .section_mob_va .bordered_view_all {
    width: 145px;
    height: 44px;
  }

  .section_mob_va {
    display: flex;
    justify-content: center;
    margin-top: 12px;
  }

    .section_mob_va .bordered_view_all {
      width: 145px;
      height: 44px;
    }

  .left_Wrapper_container .cus-container {
    margin-top: 0px;
    padding-bottom: 60px;
  }

  .search_with_dropdown_Wrapper .select-menu.active .select-btn {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
  }


  .yellow_banner_wrapper.abcalcul .hidden-xs {
    display: block !important;
  }

  @keyframes fadeInFromTop {
    from {
      opacity: 0;
      transform: translateY(0px);
    }

    to {
      opacity: 1;
      transform: translateY(33px);
    }
  }
}


/* BLOGS CATEGORY CSS ENDS */





/*............. home page notification............ */

#modalOverlay {
  position: fixed;
  top: 0;
  left: 0;
  /* background: rgba(0, 0, 0, 0.5); */
  z-index: 99999;
  height: 100%;
  width: 100%;
  background: rgba(17, 17, 17, .4);
  opacity: 1;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.popNotification {
}

  .popNotification .modelRingImage {
    width: 72px;
    height: 72px;
    background-color: #ffffff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    overflow: hidden;
    position: relative;
    overflow: hidden;
  }

    .popNotification .modelRingImage img {
      width: 100%;
      border-radius: 100%;
      scale: 1.2;
    }

      .popNotification .modelRingImage img.notificationBellImg {
        width: 24px;
        border-radius: unset;
        scale: unset;
      }

    .popNotification .modelRingImage svg {
      display: block;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 42px;
      overflow: visible;
    }

    .popNotification .modelRingImage .too-big-actually {
      transform-origin: 9.5px 9.5px;
    }

    .popNotification .modelRingImage .bell-whole {
      transform-origin: 9.5px 2.4781px;
      animation: ring;
      animation-duration: 3s;
      animation-iteration-count: infinite;
    }

    .popNotification .modelRingImage .bell-part {
      fill: #ca1f34;
    }

@keyframes ring {
  0%, 50% {
    transform: rotate(0);
  }

  10%, 30% {
    transform: rotate(-30deg);
  }

  20%, 40% {
    transform: rotate(30deg);
  }
}

.popNotification.modalPopup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 520px;
  padding: 25px;
  padding-bottom: 46px;
  padding-top: 15px;
  background: #FFF6E0;
  border-radius: 20px;
  opacity: 1;
  transition: all .7s ease-in-out;
}

.popNotification .notificationAnimat {
  top: 55%;
  transition: all .7s ease-in-out;
  transform: translate(-50%, -55%);
}

.popNotification .modalContent {
  padding: 0;
  margin-top: 40px;
}

.popNotification .modelhead {
  text-align: center;
  letter-spacing: 0;
  color: rgba(0, 0, 0, .9);
  text-transform: capitalize;
  font-family: 'dev_reg';
  font-size: 28px;
  line-height: 1.2;
  margin-bottom: 11px;
  margin-top: 20px;
  /* opacity: 0.9; */
}

  .popNotification .modelhead span {
    color: rgba(139, 21, 27, .9);
    font-family: 'dev_semi_bold';
  }

.popNotification p {
  text-align: center;
  font-family: 'dev_med';
  letter-spacing: 0;
  color: rgba(0, 0, 0, .8);
  font-size: 14px;
  line-height: 1.2;
}

.popNotification .accr-buttons-new-ui {
  justify-content: center;
  margin-top: 40px;
}

.popNotification a.know_more_about-us {
  margin-top: 0;
  width: 140px;
  font-size: 15px;
  padding: 12px 0;
  letter-spacing: 0;
  background: #fff;
}

.popNotification #button1n {
  display: inline-flex;
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
  transform: rotate(45deg);
}

.popNotification .button1n img {
  width: 15px;
}

.lineSpan {
  width: 15px;
  height: 2px;
  background: #000;
  position: absolute;
  top: 0;
}

  .lineSpan.lineSpan2 {
    rotate: 270deg;
  }

@media screen and (max-width: 1650px) {

  .popNotification .modelhead {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .popNotification.modalPopup {
    width: 480px;
    padding: 25px;
    padding-bottom: 50px
  }

  .popNotification .accr-buttons-new-ui {
    margin-top: 30px;
  }

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

  .popNotification a.know_more_about-us {
    width: 130px;
    font-size: 14px;
    padding: 10px 0;
  }

  .popNotification .modelRingImage {
    width: 62px;
    height: 62px;
  }

    .popNotification .modelRingImage svg {
      width: 32px;
    }
}

@media screen and (max-width: 1024px) {
  .popNotification .modelhead {
    font-size: 26px;
  }

  .popNotification.modalPopup {
    width: 480px;
    padding: 20px;
    padding-bottom: 40px;
  }

  .popNotification .modelRingImage {
    width: 60px;
    height: 60px;
  }

    .popNotification .modelRingImage img {
      width: 58px;
    }

  .popNotification a.know_more_about-us {
    width: 126px;
    font-size: 14px;
    padding: 10px 0;
  }
}



@media screen and (max-width: 992px) {
  .popNotification.modalPopup {
    width: 90%;
    padding: 20px;
    padding-bottom: 30px;
  }

  .popNotification .modelhead {
    font-size: 18px;
    margin-bottom: 8px;
  }

  .popNotification .modalContent {
    padding: 0;
    margin-top: 20px;
  }

  .popNotification p {
    width: 90%;
    margin: auto;
    font-size: 12px;
  }

  .popNotification .accr-buttons-new-ui {
    justify-content: center;
    margin-top: 25px;
  }

  .popNotification .know_more_about-us.solid_bg:hover:after {
    opacity: 1;
    border-radius: 0;
    transform: none !important;
    transition: none !important;
    background: #ca1f34;
  }

  .popNotification .know_more_about-us:hover:after {
    background-color: #fff;
    color: #ca1f34;
    transform: none;
    transition: none;
  }

  .popNotification .know_more_about-us.border_solid:hover {
    color: #ca1f34 !important;
  }

  .popNotification .accr-buttons-new-ui .know_more_about-us.solid_bg {
    background: #ca1f34;
    color: var(--white);
  }

  .popNotification .modelRingImage {
    width: 52px;
    height: 52px;
  }

    .popNotification .modelRingImage svg {
      width: 24px;
    }
}







/* sitemap css */

.sitemap {
}

  .sitemap .accordion-item.faq_acc_item:after {
    display: none;
  }

  .sitemap .accordion-item .accordion-button img {
    max-height: 30px;
    max-width: 28px;
    display: inline-flex;
    width: auto;
    margin-right: 17px;
  }

  .sitemap .accordion-item .accordion-button {
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, .05);
    text-align: left;
    font-family: 'dev_semi_bold';
    letter-spacing: 0;
    color: rgba(17, 17, 17, 1);
    text-transform: uppercase;
    opacity: 1;
    font-size: 26px;
    line-height: 1.3;
    border-radius: 14px;
    outline: 0;
    border: 0;
    box-shadow: none;
    padding: 24px;
    padding-left: 33px;
  }

  .sitemap .accordion-item {
    border: 0;
    margin-bottom: 20px;
  }

.sitemapTable {
  width: 100%;
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}

.sitemapTableRow {
  width: 25%;
  display: inline-block;
  justify-content: start;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.sitemapTableRowFirst {
  margin-bottom: 20px;
}

  .sitemapTableRowFirst a {
    text-align: left;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, .9);
    font-family: 'dev_semi_bold';
    font-size: 22px;
    line-height: 1.2;
  }

    .sitemapTableRowFirst a:hover {
      color: rgba(201, 20, 41, .9);
      text-decoration: underline;
    }

.sitemapTableCol {
  width: 100%;
  display: flex;
  justify-content: start;
  text-align: left;
  margin-bottom: 12px;
}




  .sitemapTableCol a {
    text-align: left;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, .7);
    font-family: 'dev_med';
    font-size: 22px;
    line-height: 1.2;
  }

    .sitemapTableCol a:hover {
      color: rgba(201, 20, 41, .9);
      text-decoration: underline;
    }

.sitemap .accordion-body {
  padding-top: 30px;
  padding-left: 10px;
  padding-bottom: 10px;
}

.sitemap .accordion-button::after {
  background: url(../images/accordian-arrow.svg) no-repeat center;
  border: 1px solid #c91429;
  border-radius: 100%;
  padding: 13px;
  background-size: 12px;
}


.sitemapTableResponsve {
  width: 100%;
}

.sitemapTableResponsveInn {
  width: 100%;
}

.sitemap .collapsed.accordion-button::after {
  background: url(../images/accordian-arrow.svg) no-repeat center transparent;
}

.sitemap .accordion-button::after {
  background: url(../images/accordian-arrowwhite.svg) no-repeat center #c91429;
}

.sitemap .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
}






@media screen and (max-width: 1650px) {

  .sitemap .accordion-item .accordion-button {
    font-size: 21px;
    padding: 18px;
    padding-left: 30px;
  }

  .sitemapTableRowFirst {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .sitemapTableCol {
    margin-bottom: 12px;
  }

  .sitemapTableRow {
    font-size: 19px;
  }

  .sitemap .accordion-item .accordion-button img {
    max-height: 28px;
    max-width: 26px;
  }

  .sitemap .accordion-button::after {
    padding: 12px;
    background-size: 11px;
  }

  .sitemap ::-webkit-scrollbar {
    height: 5px;
  }

  .sitemapTableCol a {
    font-size: 18px;
  }
}



@media screen and (max-width: 1024px) {

  .sitemap .accordion-item .accordion-button {
    font-size: 20px;
    padding: 20px;
    padding-left: 28px;
  }

  .sitemapTableRow {
    font-size: 18px;
  }

  .sitemapTableRowFirst {
    font-size: 19px;
    margin-top: 8px;
  }
}

@media screen and (max-width: 992px) {

  .sitemap .accordion-item .accordion-button {
    font-size: 18px;
    padding: 18px;
    padding-left: 24px;
  }

    .sitemap .accordion-item .accordion-button img {
      max-height: 26px;
      max-width: 24px;
    }

  /* .sitemapTableResponsve {
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: scroll;
    } */

  /* .sitemapTableResponsveInn {
        width: 600px;
    } */

  .sitemapTable {
    padding-bottom: 20px;
  }

  .sitemap .accordion-body {
    padding-top: 25px;
    padding-left: 10px;
    padding-bottom: 0px;
  }

  .sitemapTableCol a {
    font-size: 16px;
  }

  .sitemapTableCol {
    font-size: 16px;
  }

  .sitemapTableRow {
    margin-bottom: 10px;
    width: 100%;
  }

  .sitemp-dn {
    display: none;
  }
}




/* ABC Of Calculators start */


.abc-calculators-area {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

.abc-calculators-head {
  font-family: 'dev_semi_bold';
  letter-spacing: 0px;
  color: #000000;
  text-transform: capitalize;
  font-size: 40px;
  line-height: 1.3;
  text-align: left;
}

.abc-calculators-cardArea {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  justify-content: start;
}

.abc-calculators-card {
  width: 23.50%;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 20px;
  opacity: 1;
  padding: 27px;
  position: relative;
  overflow: hidden;
  transition: all .5s ease-in-out;
  margin-right: 2%;
  margin-bottom: 40px;
  min-height: 260px;
  padding-bottom: 0;
}

  .abc-calculators-card:nth-child(4n+0) {
    margin-right: 0;
  }

  .abc-calculators-card .blogs-pagination-section .protect-now {
    height: 40px;
    width: 130px;
    font-size: 12px;
  }


  .abc-calculators-card:hover {
    background: rgba(254, 242, 243, 1);
    border: 1px solid rgba(202, 31, 52, 1);
    border-radius: 20px;
  }


  .abc-calculators-card img {
    height: 52px;
    width: auto;
    margin-bottom: 30px;
  }

.abc-calculatorsText {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.abc-calculatorsText {
  width: 100%;
}

  .abc-calculatorsText .headl {
    text-align: left;
    letter-spacing: 0px;
    color: rgba(17, 17, 17, 1);
    opacity: 1;
    font-family: 'dev_semi_bold';
    font-size: 22px;
    margin-bottom: 5px;
    width: 100%;
    line-height: 1.2;
  }

  .abc-calculatorsText p {
    text-align: left;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, .8);
    font-size: 18px;
    line-height: 1.3;
    font-family: 'dev_med';
    width: 100%;
    opacity: 1;
  }


.abc-calculators-area .abc-calculators-card:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: #FAA61A;
  transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 1;
  left: 0;
  bottom: 0;
}

.abc-calculators-area .support_green_theme:after {
  background: #BDD753;
}

.abc-calculators-area .fade_green_tag:after {
  background: #70b865;
}

.abc-calculators-area .warm_yellow_tag:after {
  background: #ffd65c;
}

.abc-calculators-card .know_more_about-us {
  border: 1px solid rgba(201, 20, 41, 1);
  border-radius: 24px;
  font-size: 12px;
  letter-spacing: 0px;
  color: rgba(201, 20, 41, 1);
  text-transform: uppercase;
  width: 130px;
  height: 40px;
  opacity: 0;
  ;
  margin-top: 25px;
  /* transform: translateY(80px); */
  transition: all .5s;
  position: absolute;
  bottom: 0;
}

.abc-calculators-card:hover .know_more_about-us {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  /* transform: translateY(-25px); */

  position: absolute;
  bottom: 30px;
}

.abc-calculators-card:hover p {
  opacity: 0;
  ;
}


.abc-calculaterSection {
  padding-top: 164px;
}










@media screen and (max-width: 1650px) {

  .abc-calculators-card img {
    margin-bottom: 30px;
  }

  .abc-calculators-card {
    padding: 24px;
  }

  .abc-calculatorsText .headl {
    font-size: 18px;
    margin-bottom: 6px;
  }

  .abc-calculatorsText p {
    font-size: 16px;
  }

  .abc-calculators-card img {
    height: 50px;
  }

  .abc-calculators-card {
    margin-bottom: 30px;
    min-height: 230px;
    padding-bottom: 0;
  }

  .abc-calculators-area {
    margin-bottom: 50px;
  }

  .abc-calculators-head {
    font-size: 36px;
  }

  .abc-calculators-card .know_more_about-us {
    font-size: 10px;
    width: 138px;
    height: 36px;
    margin-top: 22px;
  }
}


@media screen and (max-width: 1280px) {
  .abc-calculatorsText p {
    font-size: 14px;
  }
}



@media screen and (max-width: 1024px) {

  .abc-calculators-card {
    margin-bottom: 30px;
    min-height: 280px;
  }
}

@media screen and (max-width: 992px) {
  .abc-calculators-card {
    width: 100%;
  }

  .abc-calculators-card {
    margin-bottom: 10px;
    min-height: 178px;
    display: flex;
    padding: 24px;
    padding-top: 22px;
  }

    .abc-calculators-card .know_more_about-us {
      display: block;
    }

    .abc-calculators-card:hover {
      background: #FFFFFF;
      border: 1px solid #E6E6E6;
      border-radius: 16px;
    }

      .abc-calculators-card:hover p {
        opacity: 1;
        margin-top: -54px;
      }

    .abc-calculators-card .know_more_about-us {
      display: flex;
      align-items: center;
      justify-content: center;
      transform: none;
      opacity: 1;
      margin-top: -54px;
      bottom: 20px;
    }

  .abc-calculators-head {
    font-size: 24px;
  }

  .abc-calculators-card:hover .know_more_about-us {
    transform: none;
    bottom: 20px;
  }

  .abc-calculators-cardArea {
    margin-top: 20px;
  }

  .abc-calculators-card img {
    margin-bottom: 14px;
    height: 45px;
  }

  .abc-calculaterSection {
    padding-top: 80px;
  }

  .abc-calculatorsText .headl {
    font-size: 16px;
    margin-bottom: 0px;
  }

  .abc-calculatorsText p {
    font-size: 14px;
    line-height: 1.2;
    margin-top: -44px;
  }

  .abc-calculators-card .know_more_about-us {
    margin-top: 5px;
    width: 130px;
    padding: 0;
  }

  .abc-calculatorsText {
    height: auto;
  }
}

.credit-cardBanner .banner_caption_wrapper p {
  font-size: 20px;
  line-height: 26px;
}

@media screen and (max-width: 1280px) {
  .credit-cardBanner .banner_caption_wrapper p {
    font-size: 18px;
    line-height: 20px;
  }
}




/* abc calculater sticky */


.stickynav {
  background: #C91429 0% 0% no-repeat padding-box;
  /* border: 1px solid #707070; */
  opacity: 1;
  width: 100%;
  transition: all 1s cubic-bezier(.25, .74, .22, .99);
  display: flex;
  flex-wrap: wrap;
  padding: 0 140px;
  align-items: center;
  justify-content: start;
}

  .stickynav ul {
    display: flex;
    flex-wrap: wrap;
    /* width: 100%; */
  }

    .stickynav ul li {
      display: block;
    }

      .stickynav ul li.fSelect {
        border-bottom: 1px solid rgb(255 255 255) !important;
        /* margin-bottom: -2px; */
      }

.stick1.stickynav ul li.fSelect {
  border: 0 !important;
}

.stick1 .stickynav ul li.fSelect {
  margin-bottom: -2px !important;
}

.stickynav ul li a.fSelect {
  color: #FFFFFF;
}

.stickynav ul li a.active {
  border-bottom: 2px solid rgb(255 255 255);
  color: #FFFFFF;
  margin-bottom: 0px;
}

.stickynav ul li.active a {
  color: #FFFFFF;
}

.navbar-onscroll-active {
  justify-content: center;
  display: flex;
  width: 70%;
}


.stickynav ul li a {
  letter-spacing: 0px;
  color: rgba(255, 255, 255, .5);
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.2;
  font-family: var(--dev_bold);
  padding: 19px 30px;
  display: inline-block;
}

.stick1 {
  position: fixed;
  top: 63px;
  width: 100%;
  z-index: 2;
  background-color: #fff;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.08);
  border-bottom: 2px solid rgba(17, 17, 17, 0.1);
}

.stickynavLeft {
  text-align: left;
  letter-spacing: 0px;
  color: rgba(0, 0, 0, .9);
  text-transform: capitalize;
  font-size: 22px;
  line-height: 1.2;
  font-family: var(--dev_bold);
  color: #fff;
  width: 15%;
}

.stick1 .stickynavLeft {
  color: rgba(0, 0, 0, .9);
}


.stick1.stickynav ul li a {
  color: rgba(0, 0, 0, .5);
}

  .stick1.stickynav ul li a.active {
    color: rgba(201, 20, 41, .9);
    border-bottom: 2px solid rgba(201, 20, 41, 1);
  }

.stick2 {
  position: static;
  top: auto;
  width: 100%;
}


@media screen and (max-width: 1650px) {

  .stickynav ul li a {
    font-size: 16px;
    padding: 16px 30px;
  }

  .stickynavLeft {
    font-size: 17px;
  }

  .stickynav {
    padding: 0 70px;
  }

  .stick1 {
    top: 56px;
  }
}

@media screen and (max-width: 1536px) {

  .stick1 {
    top: 55px;
  }
}


@media screen and (max-width: 1440px) {


  .stick1 {
    top: 64px;
  }

  /* .other-blog-cat .footer_acc_links_heading {
        padding: 5px 8px !important;
} */

  /* .other-blog-cat .footer_acc_links_heading_sub {
    padding: 0px 8px !important;
}
.other-blog-cat .other-blogCardRightH {
    
    font-size: 16px !important;
    line-height: 19px !important;
} */
}








@media screen and (max-width: 992px) {

  .stickynav {
    padding: 0;
    top: 124px;
  }

  .topspace {
    top: 60px !important;
  }

  .topspace1 {
    top: 66px !important;
  }






  .stickynavLeft {
    display: none;
  }

  .stickynav ul {
    display: flex;
    flex-wrap: nowrap;
    /* width: 100%; */
  }

  .navbar-onscroll-active {
    width: 100%;
    white-space: normal;
    overflow-x: scroll;
  }

    .navbar-onscroll-active::-webkit-scrollbar {
      height: 0;
    }

  .stickynav ul li a {
    font-size: 12px;
    padding: 12px 15px;
  }
}





/* abc calculater SIP Calculator Faqs */



.what-sip {
  width: 100%;
}

  .what-sip .accident-coverBullet3.wsip {
    margin-bottom: 40px !important;
  }

.accident-coverBullet2.wsip {
  margin-bottom: 40px !important;
}

.table-Of-contentArea.prote .postProtectWrapperli-inner {
  margin-top: 50px;
}

.table-Of-contentArea.prote .theStandardHead {
  display: flex;
  justify-content: start;
  align-items: start;
}

.table-Of-contentArea.prote .theStandard p {
  margin-left: 3.4%;
}

.sipCalculatorFaqs .recent-financeArea {
  margin-top: 50px;
}


.sipCalculatorFaqs .financial-row2 {
  padding-left: 0 !important;
}

.sipCalculatorFaqs .tabs-ul-pills .nav.nav-pills {
  justify-content: start;
}


.tip-blogPageText.lampsum p {
  text-align: left;
  letter-spacing: 0px;
  font-family: var(--dev_semi_bold);
  font-size: 20px;
  line-height: 1.2;
  color: rgba(0, 0, 0, .9);
}

.tip-blogPage.lampsum {
  align-items: start;
  margin-bottom: 80px;
}







/* ABC Of Money */

.recomanded-topic.abc-calculater1 .heading-btn {
  justify-content: space-between;
  margin-bottom: 30px;
}

.recomanded-topic.abc-calculater1 .recent-financeCardHead {
  font-size: 22px;
  font-family: var(--dev_semi_bold);
  margin: 0;
  width: 100%;
}

.recomanded-topic.abc-calculater1 .recent-finance img {
  display: inline-block;
  width: 32px;
}

.recomanded-topic.abc-calculater1 .recent-financeCard {
  display: flex;
  padding: 19px 24px;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  gap: 12px;
}


@media screen and (max-width: 1650px) {
  .recomanded-topic.abc-calculater1 .recent-financeCardHead {
    font-size: 17px;
  }

  .recomanded-topic.abc-calculater1 .recent-finance img {
    width: 22px;
  }
}

@media screen and (max-width: 1500px) {
  .recomanded-topic.abc-calculater1 .recent-financeCard {
    border-radius: 12px;
  }
}

@media screen and (max-width: 1024px) {
  .recomanded-topic.abc-calculater1 .recent-finance img {
    width: 18px;
  }

  .recomanded-topic.abc-calculater1 .recent-financeCardHead {
    font-size: 16px;
    line-height: 18px;
  }
}

@media screen and (max-width: 992px) {

  .sipCalculatorFaqs {
    margin-top: 30px;
  }

  .faqsCalculator::-webkit-scrollbar {
    height: 0px;
  }

  .faqsCalculator .tabs-ul-pills .nav.nav-pills {
    width: 100%;
    left: 0;
  }

  .recomanded-topic.abc-calculater1 .recent-finance img {
    width: 18px;
  }

  .recomanded-topic.abc-calculater1 .recent-financeCard {
    padding: 18px 22px;
  }
}




@media screen and (max-width: 992px) {


  .faqsCalculator {
    overflow: scroll;
    width: 100%;
    overflow-y: hidden;
    flex-wrap: nowrap;
  }

  ul.faqsCalculator li {
    /* width: 100px; */
    /* word-wrap: unset; */
    word-break: keep-all;
    white-space: nowrap;
  }


  .recomanded-topicArea.sipCalculatorFaqs .tabs-ul-pills .nav.nav-pills {
    top: -31px;
  }

  .sipCalculatorFaqs .recent-financeArea {
    margin-top: 30px;
  }
}











/* Everything Money Made As Simple As   */

.discover_convenience_new_ui .accident-coverBullet {
  margin-bottom: 0;
  margin-top: 25px;
}





/* SIP/LUMPSUM CALCULATOR banner */


.bann-text {
  width: 100%;
  margin-top: 75px;
}

  .bann-text p {
    text-align: left;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, .8);
    font-size: 20px;
    line-height: 1.2;
    font-family: var(--dev_med);
  }

    .bann-text p span {
      font-family: var(--dev_bold);
    }



.yellow_banner_wrapper.sipbn .calc_tab_main_wrapper {
  grid-template-columns: 580px auto;
}

.yellow_banner_wrapper.sipbn .section-heading {
  font-size: 80px;
  line-height: 1.1;
}

.yellow_banner_wrapper.sipbn .calc_main_grid {
  display: grid;
  grid-template-columns: auto 482px;
}





.yellow_banner_wrapper.sipbn .top_center_breadcrumbs {
  background: unset;
  margin-bottom: 80px;
}

.yellow_banner_wrapper.sipbn p {
  font-size: 20px;
  color: rgba(0, 0, 0, .8);
  margin-bottom: 5px;
  font-family: var(--dev_med);
  letter-spacing: 0;
}

.yellow_banner_wrapper .calc_range_metrics p {
  font-size: 16px;
  color: rgba(0, 0, 0, .8);
  margin-bottom: 6px;
}

.yellow_banner_wrapper .graph_results p {
  font-size: 16px;
  line-height: 1.3;
}

.yellow_banner_wrapper .calc_range_metrics_wrapper {
  margin-top: 30px;
}

.yellow_banner_wrapper.sipbn .top_center_breadcrumbs {
  height: 100%;
}

.bannerCalculator {
  margin-top: 60px;
}







@media screen and (max-width: 1650px) {

  .bann-text {
    margin-top: 50px;
  }

  .yellow_banner_wrapper p {
    font-size: 18px;
  }

  .blogpage-socialArea {
    gap: 7px;
    margin-right: 10px;
  }

  .tip-blogPageText.lampsum p {
    font-size: 17px;
  }

  .yellow_banner_wrapper.sipbn .section-heading {
    font-size: 68px;
  }

  .yellow_banner_wrapper.sipbn .calc_tab_main_wrapper {
    grid-template-columns: 500px auto;
  }

  .yellow_banner_wrapper.sipbn .calc_main_grid {
    grid-template-columns: auto 50%;
    height: 480px;
  }


  .yellow_banner_wrapper.sipbn .calc_range_graph_wrapper {
    padding: 10px 30px 30px;
  }

    .yellow_banner_wrapper.sipbn .calc_range_graph_wrapper .know-more-btn.sec_4_start_btn a,
    .yellow_banner_wrapper.sipbn .calc_tab_list {
      margin-top: 10px;
    }

  .yellow_banner_wrapper.sipbn .calc_range_metrics {
    padding: 10px 10px;
  }

  .yellow_banner_wrapper.sipbn .calc_range_metrics_wrapper {
    margin-top: 20px;
  }

  .yellow_banner_wrapper.sipbn .graph_results {
    margin-top: 10px;
    gap: 0;
  }
}


@media screen and (max-width: 1024px) {

  .yellow_banner_wrapper.sipbn .section-heading {
    text-align: center;
  }

  .bann-text {
    margin-bottom: 30px;
  }

  .yellow_banner_wrapper.sipbn .calc_tab_wrapper {
    padding: 0px 30px 0;
  }

  .yellow_banner_wrapper.sipbn .top_center_breadcrumbs {
    background: unset;
    margin-bottom: 40px;
  }
}


@media screen and (max-width: 992px) {

  .yellow_banner_wrapper.sipbn .calc_tab_wrapper {
    padding: 0px 0px 0;
  }

  .yellow_banner_wrapper.sipbn .calc_tab_main_wrapper {
    padding: 0 0px;
  }

  .yellow_banner_wrapper.sipbn .calc_main_grid {
    display: block;
    height: auto;
  }

  .yellow_banner_wrapper.sipbn .calc_tab_main_wrapper {
    display: block;
  }

  .yellow_banner_wrapper.sipbn .section-heading {
    font-size: 36px;
  }

  .yellow_banner_wrapper.sipbn {
    font-size: 16px;
  }

  .bann-text {
    margin-top: 30px;
  }

  .yellow_banner_wrapper.sipbn p {
    font-size: 16px;
  }

  .yellow_banner_wrapper.sipbn .top_center_breadcrumbs {
    padding-bottom: 0;
  }

  .tip-blogPage.lampsum {
    margin-bottom: 60px;
  }
}







/* Protecting Your Finances: Advanced Credit Card Security */

.protectingYourFinances {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.protectingYourFinancesLeft {
  width: 100%;
}

.protectingYourFinances .section-heading span {
  text-align: left;
  display: inline !important;
}

.protectingYourFinances .section-para {
  text-align: left;
}

.protectingYourFinances .section-heading {
  margin-bottom: 20px;
  font-size: 48px;
  line-height: 48px;
}

.protectingYourFinancesRight {
  width: 100%;
}


.protectingYourFinancesCard {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #0000001A;
  border-radius: 20px;
  opacity: 1;
  padding: 40px;
  position: relative;
  overflow: hidden;
  height: 100%;
}

.protectingYourFinancesText {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.protectingYourFinancesCard img {
  height: 78px;
  display: inline-block;
  width: auto;
}

.protectingYourFinancesText .headB {
  text-align: left;
  letter-spacing: 0px;
  color: rgba(17, 17, 17, 1);
  font-family: var(--dev_semi_bold);
  font-size: 28px;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 70px;
}

.protectingYourFinancesText p {
  text-align: left;
  letter-spacing: 0px;
  color: rgba(0, 0, 0, .8);
  font-size: 18px;
  line-height: 1.2;
  font-family: var(--dev_reg);
  min-height: 125px;
}

.protectingYourFinancesCard::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 10px;
  width: 100%;
  background-color: #faa61a;
}

.protectingYourFinancesCard.support_green_theme:after {
  background: #BDD753;
}

.protectingYourFinances-1Bg {
  background: #f7f7f7 url(../../assets/images/protectingYourFinances.png) no-repeat center;
  background-size: cover;
  overflow: hidden;
}

.swiper.protectingYourFinances-slider {
  overflow: visible;
}

  .swiper.protectingYourFinances-slider .swiper-slide {
    height: auto;
  }

@media screen and (max-width: 1650px) {

  .protectingYourFinancesCard {
    padding: 30px;
  }

    .protectingYourFinancesCard img {
      height: 65px;
    }

  .protectingYourFinancesText .headB {
    margin-top: 65px;
  }

  .protectingYourFinancesText p {
    font-size: 16px;
    min-height: 100%;
  }

  .protectingYourFinancesText .headB {
    font-size: 24px;
    line-height: 1.1;
  }

  .protectingYourFinancesLeft {
    width: 100%;
  }

  .protectingYourFinancesRight {
    width: 100%;
  }

  .protectingYourFinances .section-heading {
    margin-bottom: 10px;
    font-size: 38px;
    line-height: 38px;
  }
}

@media screen and (max-width: 1279px) {
  .protectingYourFinances .section-heading {
    margin-bottom: 8px;
    font-size: 32px;
    line-height: 32px;
  }

  .protectingYourFinancesCard {
    padding: 25px;
  }

    .protectingYourFinancesCard img {
      height: 50px;
    }

  .protectingYourFinancesText .headB {
    font-size: 22px;
    line-height: 1.1;
  }

  .protectingYourFinancesText p {
    font-size: 14px;
  }

  .protectingYourFinancesText .headB {
    margin-top: 48px;
  }
}

@media screen and (max-width: 992px) {
  .protectingYourFinances-1Bg {
    overflow: hidden;
  }

  .protectingYourFinancesLeft {
    width: 100%;
    padding-right: 0;
  }

  .protectingYourFinances .section-heading span br {
    display: none;
  }

  .protectingYourFinances .section-heading span {
    text-align: left;
  }

  .protectingYourFinances .section-para {
    text-align: left;
  }

  .protectingYourFinances-1Bg .cus-container {
    padding-right: 0px;
  }

  .protectingYourFinancesRight {
    width: 100%;
  }
}



.is-sticky11 .blogPageStickLeftArea span {
  display: none;
}





/* Login Css start */


/* Login Css start */


.login {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* height: calc(100vh - 0px); */
}

.login-leftArea {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.login-leftAreaOverlay {
  background: transparent linear-gradient(180deg, #40404000 0%, #000000B8 100%) 0% 0% no-repeat padding-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 1;
}

.login-text {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 12%;
  bottom: 290px;
}

  .login-text span {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 60px;
    line-height: 1.4;
    font-family: var(--dev_light);
    padding-left: 20px;
    margin-bottom: 15px;
  }

  .login-text img {
    width: auto;
  }

.login-rightArea {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  background: url(../images/login-bg.jpg) no-repeat left;
  background-size: 96%;
  position: relative;
}

.login-rightLogin {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 25%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.login-logo {
  width: 100%;
  display: inline-block;
  height: auto;
  text-align: center;
}

  .login-logo img {
    width: 300px;
    height: auto;
  }

.Please-login {
  margin-top: 24px;
  text-align: center;
  letter-spacing: 0px;
  color: #8B151B;
  font-size: 28px;
  line-height: 1.2;
  font-family: var(--dev_med);
  opacity: 1;
  width: 100%;
}

.login-formArea {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 18px;
}

  .login-formArea .input-inner input {
    width: 100%;
    display: block;
    height: 60px;
    border-radius: 48px;
    outline: 0;
    padding: 0 40px 0 70px;
  }

  .login-formArea form {
    width: 100%;
  }

.field-area input {
  font: normal normal 18px / 26px var(--dev_semi_bold);
  color: #000;
  /* opacity: .7; */
  background: #fff;
  border: 1px solid #efefef;
}

.forgot-passwordArea {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.forgot-password {
  text-align: left;
  letter-spacing: 0px;
  color: rgb(201 20 41 / 80%);
  font-size: 16px;
  line-height: 1.2;
  font-family: var(--dev_med);
}

.remember-me {
  display: flex;
  align-items: center;
  justify-content: start;
  text-align: left;
  letter-spacing: 0px;
  color: rgb(0 0 0 / 60%);
  font-size: 16px;
  line-height: 1.2;
  font-family: var(--dev_med);
}

  .remember-me span {
    margin-left: 8px;
  }

.login-formArea .form__btn,
.login-formArea .form__btn a {
  background: #C91429;
  color: #fff;
  outline: 0;
  border: none;
  width: 100%;
  margin: 0 !important;
  border-radius: 40px;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .5s ease-in-out;
  height: 60px;
  font-family: var(--dev_bold);
  font-size: 16px;
  line-height: 20px;
}

.login-formArea .btn-field {
  margin-top: 50px;
}

.password-show {
  position: absolute;
  top: 50%;
  right: 26px;
  transform: translateY(-50%);
  width: 19px;
  height: 16px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.field-area input {
  font: normal normal 18px / 22px var(--dev_med);
}




/* Logged Out */

.logged-out {
  padding: 0 23%;
}

.successfully-logged {
  width: 100%;
  text-align: center;
  letter-spacing: 0px;
  color: #8B151B;
  text-transform: capitalize;
  opacity: 1;
  font-size: 35px;
  line-height: 1.2;
  font-family: var(--dev_med);
  margin-bottom: 10px;
}

.logged-outImg {
  margin: auto;
  width: 80px;
  margin-bottom: 24px;
}

.thank-you-visiting {
  width: 100%;
  text-align: center;
  letter-spacing: 0px;
  color: rgb(0 0 0 / 80%);
  font-size: 18px;
  line-height: 1.2;
  font-family: var(--dev_med);
  margin-bottom: 40px;
}

.logged-out .form__btn, .logged-out .form__btn a {
  background: #C91429;
  color: #fff;
  outline: 0;
  border: none;
  width: 180px;
  margin: 0 !important;
  border-radius: 40px;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .5s ease-in-out;
  height: 60px;
  font-family: var(--dev_bold);
  font-size: 16px;
  line-height: 20px;
}

.logged-out .btn-field {
  width: 100%;
  text-align: center;
}



@media screen and (max-width: 1650px) {

  .login-text {
    left: 10%;
    bottom: 200px;
  }

    .login-text span {
      font-size: 48px;
      padding-left: 20px;
      margin-bottom: 10px;
    }

    .login-text img {
      width: 80%;
    }

  .login-logo img {
    width: 250px;
  }

  .Please-login {
    margin-top: 20px;
    font-size: 24px;
  }

  .login-formArea {
    margin-top: 14px;
  }

    .login-formArea .input-inner input {
      padding: 0 40px 0 60px;
      height: 45px;
    }

  .field-area input {
    font: normal normal 16px / 22px var(--dev_med);
  }

  .forgot-password {
    font-size: 14px;
  }

  .remember-me {
    font-size: 14px;
  }

  .login-rightLogin {
    padding: 0 20%;
  }

  .login-formArea .form__btn a,
  .login-formArea .form__btn {
    height: 45px;
    font-size: 12px;
  }

  .login-text {
    left: 10%;
    bottom: 150px;
  }

  .inpt-icon {
    height: 34px;
    width: 34px;
  }

  .login-formArea .inpt-icon img {
    max-width: 20px;
  }



  /* Logged Out */

  .login-rightLogin {
    padding: 0 18%;
  }

  .successfully-logged {
    font-size: 28px;
    margin-bottom: 5px;
  }

  .thank-you-visiting {
    font-size: 16px;
    margin-bottom: 28px;
  }

  .logged-out .form__btn a, .logged-out .form__btn {
    height: 56px;
    font-size: 14px;
  }

  .logged-outImg {
    width: 70px;
    margin-bottom: 20px;
  }
}


@media screen and (max-width: 1024px) {

  .login-logo img {
    width: 160px;
  }

  .login-formArea .inpt-icon img {
    max-width: 18px;
  }

  .Please-login {
    font-size: 21px;
  }

  .login-leftArea picture img {
    height: 650px;
    object-fit: cover;
  }


  /* Logged Out */

  .login-rightLogin {
    padding: 0 8%;
  }
}

@media screen and (max-width: 992px) {

  .login-leftArea {
    width: 100%;
  }

  .login-rightArea {
    width: 100%;
    background: url(../images/login-bg-m.jpg) no-repeat left top;
    height: 460px;
    border-radius: 32px 32px 0 0;
    margin-top: -50px;
    background-size: cover;
  }

  .login-text span {
    font-size: 23px;
    width: 100%;
  }

  .login-text img {
    width: 50%;
  }

  .login-formArea .inpt-icon {
    height: 39px;
    width: 39px;
  }

  .login-logo img {
    width: 200px;
  }

  .login-formArea {
    margin-top: 30px;
  }

  .field-area input {
    font: normal normal 14px / 22px var(--dev_med);
  }

  .remember-me {
    font-size: 12px;
  }

  .forgot-password {
    font-size: 12px;
  }

  .login-formArea .btn-field {
    margin-top: 45px;
    margin-bottom: 5px;
  }

  .login-formArea .input-inner input {
    padding: 0 40px 0 48px;
  }

  .forgot-passwordArea {
    margin-top: 15px;
  }

  .login-rightLogin {
    padding: 0 28px;
  }

  .login-leftArea picture img {
    height: auto;
  }

  .login {
    height: auto;
  }

  .Please-login {
    font-size: 18px;
  }



  /* Logged Out */

  .logged-outImg {
    width: 50px;
    margin-bottom: 20px;
  }

  .successfully-logged {
    font-size: 20px;
    margin-bottom: 5px;
  }

  .logged-outImg {
    width: 50px;
    margin-bottom: 20px;
  }

  .successfully-logged {
    font-size: 20px;
    margin-bottom: 5px;
  }

  .thank-you-visiting {
    font-size: 14px;
    margin-bottom: 28px;
  }

  .logged-out .form__btn a, .logged-out .form__btn {
    height: 45px;
    font-size: 12px;
    width: 150px;
  }

  .login-rightArea.logg {
    height: 340px;
  }
}

@media screen and (max-width: 650px) {

  .login-rightLogin {
    padding: 0 28px;
  }

  .login-leftArea {
    margin-top: 120px;
  }

  .login-leftArea1 {
    margin-top: 58px;
  }

  .Please-login {
    margin-top: 10px;
  }

  .login-formArea .inpt-icon img {
    max-width: 20px;
    width: 20px;
  }

  .field-area input {
    font: normal normal 12px / 22px var(--dev_med);
  }

  .password-show {
    width: 16px;
    height: auto;
  }

  .login-text span {
    padding-left: 10px;
  }

  .login-text img {
    width: 70%;
  }

  .login-text {
    bottom: 85px;
  }
}


/* Shareholder section css start here */
.dropFilterCard {
  border-radius: 16px;
  border: 1px solid #D9D9D9;
  background: #fff;
  overflow: hidden;
  padding: 30px;
  height: 175px;
  position: relative;
}

.pd-tab-pane {
  display: none;
}

  .pd-tab-pane.showYearCard {
    display: block;
  }

.filterDropdownWrap .cal_custom_drop .select-btn {
  border: 1px solid #E7E7E7;
  background: #FFF;
  height: 50px;
  width: 100%;
}

.filterDropdownWrap .select-menu .select-btn:after {
  right: 27px;
}

.filterDropdownWrap .select-menu .select-btn:before {
  right: 22px;
}

.filterDropdownWrap .headingspan-filter {
  display: none;
}

  .filterDropdownWrap .headingspan-filter.show {
    display: contents;
  }

.filterDropdownWrap .sBtn-text,
.filterDropdownWrap .select-menu .options .option .option-text {
  font-family: var(--dev_reg);
}

.filterDropdownWrap .cal_custom_drop {
  margin-bottom: 48px;
  width: 159px;
  margin-top: 0;
}

.filterDropdownWrap .publicDisHeading {
  font-family: var(--dev_semi_bold);
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0;
  color: #353941;
  margin-bottom: 30px;
}

.filterDropdownWrap .filterCardsRow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}

.filterDropdownWrap .filCardInner {
  display: flex;
  gap: 20px;
  height: 100%;
}

.filterDropdownWrap .filterCardTextBox {
  width: 73%;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}

.filterDropdownWrap .pdfImgBox {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EFEFEF;
  gap: 20px;
  border-radius: 14px;
}

  .filterDropdownWrap .pdfImgBox img {
    width: 44px;
  }

.filterDropdownWrap .boxHeading-bx1 {
  font-family: var(--dev_med);
  font-size: 20px;
  line-height: 24px;
  color: #353941;
  margin-bottom: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.filterDropdownWrap .dateparatext {
  font-family: var(--dev_reg);
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, .8);
}

.filterDropdownWrap .active_compare_a {
  display: flex;
  align-items: center;
  gap: 10px;
}

  .filterDropdownWrap .active_compare_a img {
    width: 16px;
  }

.filterDropdownWrap .hoverAnchor {
  position: absolute;
  left: 0;
  bottom: -30px;
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease-in-out;
}

.filterDropdownWrap .dropFilterCard:hover .hoverAnchor {
  bottom: -11px;
  opacity: 1;
  visibility: visible;
  transition: all .5s ease-in-out;
}

.filterDropdownWrap .dropFilterCard::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 6px;
  width: 100%;
  background-color: #faa61a;
}

.filterDropdownWrap .dropFilterCard:nth-child(4n-2)::after {
  background-color: #BDD753;
}

.filterDropdownWrap .dropFilterCard:nth-child(4n-1)::after {
  background-color: #FFD65C;
}

.filterDropdownWrap .dropFilterCard:nth-child(4n)::after {
  background-color: #70B865;
}

.filterDropdownWrap .select-menu .options {
  min-height: 100%;
  max-height: none;
  height: 147px;
  padding: 0 0;
  border-radius: 8px;
}

  .filterDropdownWrap .select-menu .options .option {
    margin-bottom: 0;
    padding: 7px 30px;
  }

  .filterDropdownWrap .select-menu .options::-webkit-scrollbar {
    width: 2px;
  }

@media screen and (max-width:1600px) {
  .filterDropdownWrap .select-menu .options .option {
    padding: 6px 20px;
  }

  .filterDropdownWrap .cal_custom_drop {
    margin-bottom: 35px;
  }

  .filterDropdownWrap .publicDisHeading {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px;
  }

  .filterDropdownWrap .filterCardsRow {
    gap: 22px;
  }

  .dropFilterCard {
    padding: 22px;
    height: 170px;
    border-radius: 8px;
    padding-bottom: 30px;
  }

  .filterDropdownWrap .boxHeading-bx1 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
  }

  .filterDropdownWrap .pdfImgBox {
    width: 60px;
    height: 60px;
    border-radius: 10px;
  }

    .filterDropdownWrap .pdfImgBox img {
      width: 40px;
    }
}

@media screen and (max-width:1500px) {
  .filterDropdownWrap .filterCardsRow {
    gap: 15px;
  }

  .filterDropdownWrap .cal_custom_drop {
    margin-bottom: 25px;
  }

    .filterDropdownWrap .cal_custom_drop .select-btn {
      height: 46px;
    }
}

@media screen and (max-width:1200px) {
  .filterDropdownWrap .cal_custom_drop .select-menu {
    width: 100%;
  }

    .filterDropdownWrap .cal_custom_drop .sBtn-text,
    .filterDropdownWrap .cal_custom_drop .select-menu .options .option .option-text {
      font-size: 14px;
    }

    .filterDropdownWrap .cal_custom_drop .select-menu .options {
      width: 100%;
    }

  .dropFilterCard {
    padding: 18px;
    height: 132px;
  }

  .filterDropdownWrap .filCardInner {
    gap: 12px;
  }

  .filterDropdownWrap .boxHeading-bx1 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
    -webkit-line-clamp: 2;
  }

  .filterDropdownWrap .dateparatext {
    font-size: 14px;
    line-height: 18px;
  }

  .filterDropdownWrap .pdfImgBox img {
    width: 30px;
  }

  .filterDropdownWrap .pdfImgBox {
    width: 52px;
    height: 52px;
    border-radius: 8px;
  }

  .filterDropdownWrap .dropFilterCard:hover .hoverAnchor {
    bottom: 0;
  }
}

@media screen and (max-width:991px) {
  .filterDropdownWrap .filterCardsRow {
    grid-template-columns: repeat(2, 1fr);
  }

  .filterDropdownWrap .dropFilterCard .hoverAnchor {
    bottom: 0;
    opacity: 1;
    visibility: visible;
    transition: all .5s ease-in-out;
  }
}

@media screen and (max-width:420px) {
  .filterDropdownWrap .filterCardsRow {
    grid-template-columns: repeat(1, 1fr);
  }
}
/* Shareholder section css end here */

/* circular Card sSection section css start here */
.circularCardsSection {
  background-image: url('../../assets/images/circular-section-bg.png');
  background-position: center;
  background-repeat: no-repeat;
}

.section-heading-ab47 {
  font-family: var(--dev_semi_bold);
  font-size: 48px;
  line-height: 52px;
  color: #353941;
  margin-bottom: 0;
  letter-spacing: 0;
}

.circularCardsSection .section_header_wrapper {
  margin-bottom: 40px;
}

@media screen and (max-width:1600px) {
  .section-heading-ab47 {
    font-size: 42px;
    line-height: 46px;
  }

  .circularCardsSection .section_header_wrapper {
    margin-bottom: 30px;
  }
}

@media screen and (max-width:1600px) {
  .section-heading-ab47 {
    font-size: 36px;
    line-height: 40px;
  }

  .circularCardsSection .section_header_wrapper {
    margin-bottom: 26px;
  }
}

@media screen and (max-width:991px) {
  .section-heading-ab47 {
    font-size: 32px;
    line-height: 36px;
  }

  .circularCardsSection .section_header_wrapper {
    margin-bottom: 20px;
  }
}
/* circular Card sSection section css end here */

/* Useful links Section section css start here */
.usefullinks-section {
  background: #F7F7F7;
  /* background: #dadada; */
  position: relative;
  overflow: hidden;
}

  .usefullinks-section .useful-links-boxes {
    display: flex;
    justify-content: center;
    gap: 40px;
  }

  .usefullinks-section .usefulbox-item {
    width: 25%;
    padding: 30px;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    transition: all .5s ease-in-out;
  }

  .usefullinks-section .know_more_about-us {
    height: 44px;
    border: 1px solid #AF0D20;
    width: fit-content;
    color: #AF0D20;
    padding: 0 40px;
    margin-top: 20px;
    font-size: 14px;
  }

    .usefullinks-section .know_more_about-us:hover {
      color: #fff;
    }

  .usefullinks-section .usefullinksbx-inner img.useful-link-icon {
    width: 50px;
    margin-bottom: 44px;
  }

  .usefullinks-section .usefulbox-title {
    font-family: var(--dev_semi_bold);
    font-size: 24px;
    line-height: 30px;
    color: #111;
    letter-spacing: 0;
    margin-bottom: 20px;
  }

  .usefullinks-section .usefulbox-para {
    font-family: var(--dev_reg);
    font-size: 16px;
    line-height: 20px;
    color: rgba(53, 57, 65, .8);
  }

  .usefullinks-section .usefullinksbx-inner {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .usefullinks-section .usefulbox-item.usefulboxItemCard {
    width: 50%;
  }

  .usefullinks-section .profileinfoCard {
    display: grid;
    grid-template-columns: 48% 48%;
    gap: 4%;
  }

  .usefullinks-section .pdfImgBox {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), #FFF;
  }

    .usefullinks-section .pdfImgBox img.usefulP-icon {
      width: 17px;
    }

  .usefullinks-section .profileinfoCard-row {
    display: flex;
    gap: 10px;
  }

  .usefullinks-section .profilesmalltext {
    font-family: var(--dev_med);
    font-size: 12px;
    line-height: 15px;
    color: rgba(53, 57, 65, .8);
    display: block;
  }

  .usefullinks-section .subheading-ab1 {
    font-family: var(--dev_reg);
    font-size: 18px;
    line-height: 22px;
    color: #000;
    letter-spacing: 0;
    margin-bottom: 0;
  }

  .usefullinks-section a.subheading-ab1 {
    color: #C91429;
    display: block;
    word-break: break-word;
  }

  .usefullinks-section .usefullinks-boxes-main {
    display: grid;
    gap: 40px;
  }

  .usefullinks-section .usefulbox-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 6px;
    width: 100%;
    background-color: #faa61a;
  }

  .usefullinks-section .usefulbox-item:nth-child(4n-2)::after {
    background-color: #BDD753;
  }

  .usefullinks-section .usefulbox-item:nth-child(4n-1)::after {
    background-color: #FFD65C;
  }

  .usefullinks-section .usefulbox-item:nth-child(4n)::after {
    background-color: #70B865;
  }

  .usefullinks-section .usefulbox-item.usefulboxItemCard:after {
    display: none;
  }

@media screen and (max-width:1600px) {
  .usefullinks-section .useful-links-boxes {
    gap: 30px;
  }

  .usefullinks-section .usefullinks-boxes-main {
    gap: 30px;
  }

  .usefullinks-section .usefullinksbx-inner img.useful-link-icon {
    width: 42px;
    margin-bottom: 36px;
  }

  .usefullinks-section .usefulbox-title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 12px;
  }

  .usefullinks-section .usefulbox-item {
    padding: 20px;
  }
}

@media screen and (max-width:1500px) {
  .usefullinks-section .know_more_about-us {
    font-size: 12px;
  }

  .usefullinks-section .subheading-ab1 {
    font-size: 16px;
    line-height: 20px;
  }
}

@media screen and (max-width:1199px) {
  .usefullinks-section .useful-links-boxes {
    gap: 15px;
  }

  .usefullinks-section .usefulbox-title {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 8px;
  }

  .usefullinks-section .usefulbox-para {
    font-size: 14px;
    line-height: 16px;
  }

  .usefullinks-section .know_more_about-us {
    padding: 0 22px;
    height: 40px;
  }

  .usefullinks-section .subheading-ab1 {
    font-size: 14px;
    line-height: 16px;
  }
}

@media screen and (max-width:992px) {
  .usefullinks-section .usefulbox-item {
    width: 48%;
  }

  .usefullinks-section .useful-links-boxes {
    flex-wrap: wrap;
  }

  .usefullinks-section .usefulbox-item.usefulboxItemCard {
    width: 100%;
  }

  .usefullinks-section .know_more_about-us {
    background-color: #CA1F34;
    color: #fff;
    border: 1px solid #CA1F34;
  }
}

@media screen and (max-width:420px) {
  .usefullinks-section .usefulbox-item {
    width: 100%;
  }

  .usefullinks-section .profileinfoCard {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
}

/**/
.imagesGallerySection .imgGlleryGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.imagesGallerySection .galImgOverlayWrapper {
  width: 50%;
  position: relative;
  height: 589px;
  animation: .5s ease-in-out galModalWrap-animation;
  padding: 60px;
}

@keyframes galModalWrap-animation {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.imagesGallerySection .galImgOverlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 111;
  right: 0;
  bottom: 0;
  background: rgba(17, 17, 17, .8);
  opacity: 0;
  visibility: hidden;
  backdrop-filter: blur(4px);
  transition: .5s;
  align-items: center;
  justify-content: center;
}

  .imagesGallerySection .galImgOverlay.galShow {
    display: flex;
    transition: .5s;
    visibility: visible;
    opacity: 1;
  }

  .imagesGallerySection .galImgOverlay .modalBoximgGal {
    height: 100%;
    object-fit: cover;
  }

.imagesGallerySection .img-wrapper {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  z-index: 0;
  transition: all .5s ease-in-out;
}

.imagesGallerySection img.galleryvectorIcon {
  right: 30px;
  position: absolute;
  top: 30px;
  z-index: 1;
  width: 32px;
  transition: all .5s ease-in-out;
}

.img-link {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.imagesGallerySection .img-link::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #0000001A;
}

.imagesGallerySection .img-wrapper .boximgGal {
  transition: .5s ease-in-out;
}

.imagesGallerySection .img-wrapper:hover .boximgGal {
  transition: all .5s ease-in-out;
  scale: 1.2;
}

.imagesGallerySection .img-wrapper:hover img.galleryvectorIcon {
  width: 35px;
}

.galImgOverlay .gal-nextPrevbtnWrapper {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
}

.galImgOverlay .nextButton .circle_arrow_red {
  transform: rotate(180deg);
}

.imagesGallerySection .imgchangeButton {
  cursor: pointer;
  transition: all .5s ease-in-out;
}

  .imagesGallerySection .imgchangeButton:hover .circle_arrow_red {
    transition: all .5s ease-in-out;
    background: #C91429;
  }

  .imagesGallerySection .imgchangeButton.galButton-disabled {
    pointer-events: none;
    opacity: .3;
  }

.galImgOverlay .exitButtonWrap {
  display: inline-flex;
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
  transform: rotate(45deg);
}

  .galImgOverlay .exitButtonWrap img {
    width: 15px;
  }

  .galImgOverlay .exitButtonWrap .exitlinespan {
    width: 15px;
    height: 2px;
    background: rgba(255, 255, 255, .7);
    position: absolute;
    top: 0;
  }

.exitButtonWrap .exitlinespan.exitlinespan2 {
  rotate: 270deg;
}

.imagesGallerySection .paginationwrapper .pagination {
  justify-content: flex-end !important;
}

.imagesGallerySection .playiconvid {
  width: 66px;
  height: 66px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(202, 31, 52, .66);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 01;
}

  .imagesGallerySection .playiconvid .triangle {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 12px solid white;
  }

body.bodyOverflowHidden {
  overflow: hidden;
}

@media screen and (max-width:1600px) {
  .imagesGallerySection img.galleryvectorIcon {
    width: 28px;
  }

  .imagesGallerySection .img-wrapper:hover img.galleryvectorIcon {
    width: 32px;
  }

  .imagesGallerySection .imgGlleryGrid {
    gap: 15px;
  }

  .imagesGallerySection .galImgOverlayWrapper {
    width: 60%;
  }

  .imagesGallerySection .img-wrapper {
    border-radius: 12px;
  }

  .imagesGallerySection .playiconvid {
    width: 56px;
    height: 56px;
  }

    .imagesGallerySection .playiconvid .triangle {
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-left: 10px solid white;
    }
}

@media screen and (max-width:1500px) {
  .imagesGallerySection .imgGlleryGrid {
    gap: 10px;
  }

  .imagesGallerySection .img-wrapper:hover img.galleryvectorIcon {
    width: 25px;
  }

  .imagesGallerySection .img-wrapper:hover img.galleryvectorIcon {
    width: 30px;
  }

  .imagesGallerySection .galImgOverlayWrapper {
    width: 70%;
  }

  .imagesGallerySection .playiconvid {
    width: 50px;
    height: 50px;
  }

    .imagesGallerySection .playiconvid .triangle {
      border-top: 7px solid transparent;
      border-bottom: 7px solid transparent;
      border-left: 9px solid white;
    }
}

@media screen and (max-width:1199px) {
  .imagesGallerySection .galImgOverlayWrapper {
    width: 85%;
  }

  .imagesGallerySection img.galleryvectorIcon {
    width: 20px;
  }

  .imagesGallerySection .img-wrapper:hover img.galleryvectorIcon {
    width: 25px;
  }
}

@media screen and (max-width:991px) {
  .imagesGallerySection .imgGlleryGrid {
    grid-template-columns: repeat(3, 1fr);
  }

  .imagesGallerySection .galImgOverlayWrapper {
    width: 95%;
    height: 540px;
  }
}

@media screen and (max-width:767px) {
  .imagesGallerySection .imgGlleryGrid {
    grid-template-columns: repeat(2, 1fr);
  }

  .imagesGallerySection .paginationwrapper .pagination {
    justify-content: flex-start !important;
  }

  .imagesGallerySection .galImgOverlayWrapper {
    width: 93%;
    height: auto;
    padding: 0 0;
  }

  .galImgOverlay .gal-nextPrevbtnWrapper {
    transform: none;
    top: auto;
    bottom: -60px;
    justify-content: center;
    gap: 15px;
  }

  .galImgOverlay .exitButtonWrap {
    right: 14px;
    top: -30px;
  }

  .imagesGallerySection img.galleryvectorIcon {
    width: 15px;
    right: 13px;
    top: 13px;
  }

  .imagesGallerySection .img-wrapper:hover img.galleryvectorIcon {
    width: 18px;
  }

  .imagesGallerySection .playiconvid {
    width: 40px;
    height: 40px;
  }

    .imagesGallerySection .playiconvid .triangle {
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-left: 8px solid white;
    }

  .imgchangeButton .circle_arrow_red .right_arrow {
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
  }

  .imgchangeButton .circle_arrow_red {
    border: 1px solid #fff;
  }

    .imgchangeButton .circle_arrow_red .right_arrow:after {
      background-color: #ffffff;
    }
}

.logo-loading, .pageOverlay {
  position: fixed;
  z-index: 999999;
}

.pageOverlay {
  background: #fff4d9;
  bottom: 0;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  transition: .5s linear;
  z-index: 999999
}

  .pageOverlay.remove {
    bottom: auto;
    height: 0
  }

.logo-loading {
  left: 50%;
  top: 50%;
  transition: .3s linear;
  transform: translate(-50%,-50%);
  width: 150px;
  z-index: 999999
}

  .logo-loading.remove {
    width: 0
  }


/**/
.eventCalndrBanner {
  display: block;
  background: #fff;
  height: 100vh;
}

.top_banner_wrapper.calndBannerGrid-parent .start_journey_main_Wrapper {
  background-image: none;
}

.bannerWrapper-calender {
  width: 100%;
  height: 100%;
}

.top_banner_wrapper.calndBannerGrid-parent {
  display: grid;
  grid-template-columns: 67% 33%;
  align-items: center;
}

  .top_banner_wrapper.calndBannerGrid-parent .start_journey_head_Wrapper {
    padding: 0;
    height: 100%;
  }

.clndrKeyUpdatesWrap {
  width: 100%;
  height: 100%;
  padding: 72px 76px 72px 76px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.EvntcalnderComponent {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  background-image: url('../../assets/images/evnt-clndr-bg.jpg');
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 0;
  z-index: 0;
}

.keyUpdatesStatusInn {
  position: relative;
}

  .keyUpdatesStatusInn::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -11px;
    width: 85%;
    height: 11px;
    background: #CFCFCF;
    border-radius: 0 0 20px 20px;
  }

  .keyUpdatesStatusInn::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -22px;
    width: 75%;
    height: 11px;
    background: #B7B7B7;
    border-radius: 0 0 20px 20px;
  }

.calenderOvelaySlider {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.uncomingHeading {
  font-family: var(--dev_bold);
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 5px;
}

.monthHeading {
  background: #CA1F34;
  border-radius: 0 0 10px 10px;
  padding: 15px;
}

.eventCalndrBanner .monthName {
  font-family: var(--dev_reg);
  text-transform: capitalize;
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
  margin: 0;
}

.eventBoxes {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 13px;
  padding: 13px;
  max-height: 276px;
  overflow: auto;
}

  .eventBoxes::-webkit-scrollbar {
    width: 2px;
  }

.eventBoxe {
  padding: 8px 20px 8px 20px;
  background: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 2px 4px 12px #0000001F;
  position: relative;
  border-left: 3px solid #faa61a;
}

  .eventBoxe:nth-child(4n-2) {
    border-left: 3px solid #BDD753;
  }

  .eventBoxe:nth-child(4n-1) {
    border-left: 3px solid #FFD65C;
  }

  .eventBoxe:nth-child(4n-0) {
    border-left: 3px solid #70B865;
  }

.calndBannerGrid-parent .ev-dayName {
  font-family: var(--dev_semi_bold);
  font-size: 12px;
  line-height: 12px;
  color: rgba(17, 17, 17, .66);
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

.ev-date {
  font-family: var(--dev_med);
  font-size: 24px;
  line-height: 24px;
  color: #CA1F34;
  margin: 0 0 0;
}

.ev-title {
  font-family: var(--dev_semi_bold);
  font-size: 14px;
  line-height: 16px;
  color: rgba(17, 17, 17, .8);
  text-align: left;
  margin-bottom: 0;
  padding-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.eventBoxe a:hover {
  cursor: unset;
}

.EvntcalnderComponent .swiper-button-next:after,
.EvntcalnderComponent .swiper-button-prev:after {
  display: none;
}

.eventCalenderSwiper-navs .circle_arrow_red,
.eventCalenderSwiper-navs .swiperButtonNavButton {
  width: 36px;
  height: 36px;
}

.eventCalenderSwiper-navs {
  position: absolute;
  width: 100%;
  top: 42px;
  left: 0;
}

  .eventCalenderSwiper-navs .circle_arrow_red {
    background: #fff;
  }

    .eventCalenderSwiper-navs .circle_arrow_red:hover {
      background: #C91429;
      border: 1px solid #fff;
    }

  .eventCalenderSwiper-navs .swiper-button-next {
    transform: rotate(180deg);
  }

.eventCalndrBanner .keyUpdatesHeading {
  font-family: var(--dev_semi_bold);
  font-size: 49px;
  line-height: 49px;
  color: #000000;
  text-align: center;
  margin-bottom: 10px;
}

.keyUpdatesSubHeading {
  font-family: var(--dev_semi_bold);
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  display: block;
  color: #111111;
  margin-bottom: 12px;
}

.keyUpdatesPara {
  font-family: var(--dev_reg);
  font-size: 16px;
  line-height: 20px;
  color: #000;
  text-align: center;
  opacity: .8;
  margin-bottom: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.view-plans.keyUpdatesReadMore {
  text-align: center;
  margin-bottom: 0;
}

.eventBoxeGrid {
  display: flex;
  align-items: center;
  gap: 5px;
}

.evDayDate {
  position: relative;
  padding-right: 20px;
}

  .evDayDate::before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(17, 17, 17, .2);
  }

.keyUpdatesCaptionBoxBottom {
  padding: 32px;
  background: #F4F4F4;
  margin-bottom: 10px;
}

.bannerEventTestimonials {
  position: relative;
  padding: 0;
}

.evTestiSlideCard {
  display: grid;
  grid-template-columns: 578px auto;
  align-items: center;
}

.evTestiContentMb p {
  font-family: var(--dev_reg);
  font-size: 32px;
  line-height: 38px;
  color: #111111;
  margin-bottom: 40px;
}

.evTestiStrongText {
  font-family: var(--dev_reg);
  font-size: 40px;
  line-height: 42px;
  margin: 0;
  color: #111111;
}

.eventTestimonials .swiper-pagination-bullet {
  background: #CA1F34;
}

.swiper.eventTestimonials {
  padding-bottom: 0;
  height: 100vh;
}

.calnderb-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.slideImgBaner {
  height: 100%;
}

  .slideImgBaner img.calendrBannrImg {
    height: 100%;
    object-fit: cover;
  }

@media screen and (max-width:1600px) {
  .top_banner_wrapper.calndBannerGrid-parent {
    grid-template-columns: 65% 35%;
  }

  .eventCalndrBanner .keyUpdatesHeading {
    font-size: 36px;
    line-height: 36px;
  }

  .keyUpdatesSubHeading {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
  }

  .eventBoxe {
    padding: 8px 18px 8px 18px;
  }

  .clndrKeyUpdatesWrap {
    padding: 63px 76px 0 76px;
  }

  .bannerEventTestimonials {
    padding: 0;
  }

  .evTestiContentMb p {
    font-size: 26px;
    line-height: 33px;
  }

  .evTestiStrongText {
    font-size: 35px;
    line-height: 37px;
  }

  .evTestiSlideCard {
    grid-template-columns: 434px auto;
  }

  .keyUpdatesCaptionBoxBottom {
    padding: 20px;
    margin-bottom: 8px;
  }

  .keyUpdatesPara {
    -webkit-line-clamp: 2;
  }

  .eventBoxes {
    max-height: 230px;
  }
}

@media screen and (max-width:1500px) {
  .top_banner_wrapper.calndBannerGrid-parent {
    grid-template-columns: 62% 38%;
  }

  .clndrKeyUpdatesWrap {
    padding: 72px 70px 0 50px;
  }

  .keyUpdatesPara {
    -webkit-line-clamp: 2;
  }

  .eventCalndrBanner .keyUpdatesHeading {
    font-size: 32px;
    line-height: 32px;
  }

  .keyUpdatesSubHeading {
    font-size: 18px;
    line-height: 18px;
  }

  .keyUpdatesStatusInn::after {
    height: 8px;
    bottom: -16px;
  }

  .keyUpdatesStatusInn::before {
    height: 8px;
    bottom: -8px;
  }

  .EvntcalnderComponent {
    padding-bottom: 5px;
  }

  .evTestiSlideCard {
    grid-template-columns: 316px auto;
  }

  .evTestiContentMb p {
    font-size: 18px;
    line-height: 24px;
  }

  .evTestiStrongText {
    font-size: 32px;
    line-height: 31px;
  }

  .eventBoxes {
    gap: 8px;
    max-height: 205px;
  }

  .bannerEventTestimonials {
    padding: 0;
  }

  .keyUpdatesCaptionBoxBottom {
    padding: 10px;
    margin-bottom: 6px;
  }
}

@media screen and (max-width:1280px) {
  .eventBoxes {
    max-height: 190px;
  }
}

@media screen and (max-width:1200px) {
  .top_banner_wrapper.calndBannerGrid-parent {
    grid-template-columns: 62% 38%;
  }

  .clndrKeyUpdatesWrap {
    padding: 76px 30px 76px 30px;
  }

  .top_banner_wrapper.eventCalndrBanner {
    height: 100vh;
  }

  .bannerEventTestimonials {
    padding: 0;
  }

  .evTestiSlideCard {
    grid-template-columns: 250px auto;
  }

  .eventBoxe {
    padding: 8px 13px 8px 13px;
  }

  .monthHeading {
    padding: 10px;
  }

  .monthName {
    font-size: 14px;
    line-height: 16px;
  }

  .uncomingHeading {
    font-size: 18px;
    line-height: 20px;
  }

  .ev-date {
    font-size: 22px;
    line-height: 22px;
  }

  .top_banner_wrapper.calndBannerGrid-parent .start_journey_main_Wrapper {
    padding: 0;
  }

  .top_banner_wrapper.calndBannerGrid-parent .start_journey_head_Wrapper {
    width: 100%;
  }

  .top_banner_wrapper.calndBannerGrid-parent .top_vertical_slider,
  .top_banner_wrapper.calndBannerGrid-parent .swiper_right_div {
    height: 100vh;
  }
}

@media screen and (max-width:991px) {
  .top_banner_wrapper.calndBannerGrid-parent {
    height: auto;
    display: block;
    padding: 0;
  }

  .clndrKeyUpdatesWrap {
    padding: 25px 25px 50px 25px;
  }

  .bannerEventTestimonials {
    padding: 0;
  }

  .evTestiContentMb p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
  }

  .evTestiStrongText {
    font-size: 28px;
    line-height: 28px;
  }

  .calnderb-item {
    height: unset;
    display: block;
  }

  .swiper.eventTestimonials {
    height: 372px;
  }

  .top_banner_wrapper.eventCalndrBanner {
    height: 100%;
  }

  .eventBoxes {
    max-height: 250px;
  }

  .top_banner_wrapper.calndBannerGrid-parent .top_vertical_slider {
    margin-top: 0;
  }

  .top_banner_wrapper.calndBannerGrid-parent .swiper_right_div {
    height: 100%;
  }

  .top_banner_wrapper.calndBannerGrid-parent .top_vertical_slider {
    height: 372px;
  }
}

@media screen and (max-width:767px) {
  .evTestiSlideCard {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .evTestiContentMb p, .evTestiStrongText {
    text-align: center;
  }

  .dayName {
    font-size: 10px;
    line-height: 10px;
  }

  .eventCalenderSwiper-navs {
    top: 36px;
  }

  .EvntcalnderComponent {
    padding-bottom: 5px;
  }
}


.progressWrapper {
  width: 100%;
  height: 4px;
  background: #fff;
  margin-top: 5px;
}

.progressBarLine {
  height: 4px;
  background: #C91429;
  width: 0%;
}

@media screen and (max-width:991px) {
  .progressWrapper {
    margin-top: 8px;
  }
}

/**/
.leadershipBoxes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

  .leadershipBoxes .leadershipSmUl {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 20px;
  }

  .leadershipBoxes .leadershipSmItem svg,
  .leadershipBoxes .leadershipSmItem img {
    width: 22px;
    opacity: .5;
    filter: grayscale(1);
    transition: all .5s ease-in-out;
  }

  .leadershipBoxes .leadershipSmItem {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(162, 162, 162, .1);
    border-radius: 50%;
  }

  .leadershipBoxes .leadershipBox {
    position: relative;
    background: #fff;
    border: 1px solid #DDDDDD;
    border-radius: 20px;
    overflow: hidden;
    transition: all .5s ease-in-out;
  }

  .leadershipBoxes .leadershipInfomb {
    position: relative;
    padding: 24px 20px 20px;
  }

  .leadershipBoxes .leaderTitle {
    font-family: var(--dev_med);
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 0;
    color: #111111;
    transition: all .5s ease-in-out;
  }

  .leadershipBoxes .leadershipInfomb p {
    font-family: var(--dev_med);
    font-size: 16px;
    line-height: 18px;
    color: rgba(0, 0, 0, .8);
  }

  .leadershipBoxes .leadershipTitle-anchor {
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
    margin-bottom: 10px;
    transition: all .5s ease-in-out;
  }

  .leadershipBoxes img.leadershipTitle-anchor-arrow {
    width: 16px;
    transition: all .5s ease-in-out;
    margin-left: 10px;
    opacity: 0;
    visibility: hidden;
  }

  .leadershipBoxes .leadershipImage {
    overflow: hidden;
  }

  .leadershipBoxes img.leaderProfileImg {
    transition: all .5s ease-in-out;
  }

  .leadershipBoxes .leadershipBox:hover {
    border: 1px solid #CA1F34;
    transition: all .5s ease-in-out;
  }

    .leadershipBoxes .leadershipBox:hover img.leadershipTitle-anchor-arrow {
      transition: all .5s ease-in-out;
      margin-left: 18px;
      opacity: 1;
      visibility: visible;
    }

    .leadershipBoxes .leadershipBox:hover .leaderTitle {
      color: #CA1F34;
      transition: all .5s ease-in-out;
    }

  .leadershipBoxes .leadershipSmItem:hover svg path {
    transition: all .5s ease-in-out;
    fill: #CA1F34;
  }

  .leadershipBoxes .leadershipBox:hover img.leaderProfileImg {
    transition: all .5s ease-in-out;
    scale: 1.1;
  }

  .leadershipBoxes .leadershipSmItem:hover img.leaderSmSvg {
    opacity: 1;
    filter: unset;
    transition: all .5s ease-in-out;
  }

@media screen and (max-width:1600px) {
  .leadershipBoxes .leadershipInfomb {
    padding: 20px 18px 18px;
  }

  .leadershipBoxes .leaderTitle {
    font-size: 24px;
    line-height: 24px;
  }

  .leadershipBoxes .leadershipSmUl {
    margin-top: 16px;
  }

  .leadershipBoxes {
    gap: 18px;
  }
}

@media screen and (max-width:1500px) {
  .leadershipBoxes .leadershipInfomb {
    padding: 16px 14px 14px;
  }

  .leadershipBoxes .leaderTitle {
    font-size: 22px;
    line-height: 22px;
  }

  .leadershipBoxes .leadershipSmUl {
    margin-top: 14px;
  }

  .leadershipBoxes .leadershipBox {
    border-radius: 12px;
  }
}

@media screen and (max-width:1200px) {
  .leadershipBoxes {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width:991px) {
  .leadershipBoxes .leadershipSmItem img.leaderSmSvg {
    opacity: 1;
    filter: unset;
    transition: all .5s ease-in-out;
  }

  .leadershipBoxes .leadershipBox .leaderTitle {
    color: #111111 !important;
  }

  .leadershipBoxes img.leadershipTitle-anchor-arrow {
    margin-left: 8px !important;
    opacity: 1;
    visibility: visible;
  }
}

@media screen and (max-width:420px) {
  .leadershipBoxes {
    grid-template-columns: repeat(1, 1fr);
  }
}
/*end*/

/*start*/
.yellow_banner_wrapper.breadBrumBannerWrap .top_center_breadcrumbs {
  height: 100%;
  background: #fff;
}

.leadershipdetailSec {
  padding: 0 0 50px;
}

  .leadershipdetailSec .leadershipDtlGrid {
    display: grid;
    grid-template-columns: 420px auto;
    gap: 60px;
  }

  .leadershipdetailSec .leadershipBoxes {
    display: block;
  }

  .leadershipdetailSec .leaderDtlTitle {
    font-family: var(--dev_semi_bold);
    font-size: 40px;
    line-height: 40px;
    color: #000000;
    margin-bottom: 14px;
  }

  .leadershipdetailSec .leadershipInfomb {
    padding-top: 20px;
  }

  .leadershipdetailSec .ldrDegnCom p {
    font-family: var(--dev_med);
    font-size: 16px;
    line-height: 16px;
    color: rgba(0, 0, 0, .6);
    position: relative;
  }

    .leadershipdetailSec .ldrDegnCom p span {
      padding-right: 25px;
      position: relative;
    }

      .leadershipdetailSec .ldrDegnCom p span::before {
        content: '';
        position: absolute;
        width: 1px;
        height: 13px;
        top: 3px;
        right: 12px;
        background: rgba(0, 0, 0, .3);
      }

      .leadershipdetailSec .ldrDegnCom p span:last-child::before {
        display: none;
      }

  .leadershipdetailSec .leaderAboutInfoDetail {
    background: #F6F6F6;
    border-radius: 20px;
    padding: 50px 50px;
    overflow: hidden;
  }

    .leadershipdetailSec .leaderAboutInfoDetail .leaderDtlTitle {
      margin-bottom: 23px;
      padding-bottom: 20px;
      border-bottom: 1px solid rgba(0, 0, 0, .1);
    }

.texDataWrapper p {
  font-family: var(--dev_med);
  font-size: 20px;
  line-height: 24px;
  color: rgba(0, 0, 0, .8);
  margin-bottom: 20px;
}

.listdataul li {
  font-family: var(--dev_semi_bold);
  font-size: 20px;
  line-height: 22px;
  color: #000;
  padding-left: 38px;
  position: relative;
  margin-bottom: 18px;
}

  .listdataul li:last-child {
    margin-bottom: 0;
  }

  .listdataul li::before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: url(../images/category/banner-ticks.svg) 0 0 / contain;
    background-repeat: no-repeat;
  }

.listdataul {
  margin-bottom: 30px;
}

.leadershipBoxWrap {
  position: sticky;
  top: 84px;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}

.texDataWrapper p strong {
  color: rgba(0, 0, 0, 1);
}

@media screen and (max-width:1600px) {
  .leadershipdetailSec .leadershipDtlGrid {
    grid-template-columns: 400px auto;
    gap: 50px;
  }

  .leadershipdetailSec .leaderDtlTitle {
    font-size: 32px;
    line-height: 32px;
  }

  .leadershipdetailSec .leaderAboutInfoDetail {
    padding: 40px 40px;
  }

    .leadershipdetailSec .leaderAboutInfoDetail .leaderDtlTitle {
      margin-bottom: 18px;
      padding-bottom: 16px;
    }

  .texDataWrapper p {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 18px;
  }

  .listdataul li {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 16px;
  }

    .listdataul li::before {
      width: 22px;
      height: 22px;
    }
}

@media screen and (max-width:1500px) {
  .leadershipdetailSec .leadershipDtlGrid {
    grid-template-columns: 370px auto;
    gap: 35px;
  }

  .leadershipdetailSec .leaderDtlTitle {
    font-size: 28px;
    line-height: 28px;
  }

  .leadershipdetailSec .leaderAboutInfoDetail .leaderDtlTitle {
    margin-bottom: 14px;
    padding-bottom: 12px;
  }

  .leadershipdetailSec .ldrDegnCom p {
    font-size: 14px;
    line-height: 16px;
  }

  .leadershipdetailSec .leaderAboutInfoDetail {
    padding: 36px 36px;
  }

  .texDataWrapper p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px;
  }
}

@media screen and (max-width:1200px) {
  .leadershipdetailSec .leadershipDtlGrid {
    grid-template-columns: 300px auto;
    gap: 25px;
  }
}

@media screen and (max-width:991px) {
  .leadershipdetailSec .leadershipDtlGrid {
    display: flex;
    flex-direction: column;
  }

  .leadershipdetailSec .leaderAboutInfoDetail {
    padding: 10px 0;
  }

  .listdataul li {
    padding-left: 33px;
  }
}

/*end*/

/*start*/
.discoverConLikeWrapper {
  background-image: url('../../assets/images/disbackgroundimg.png');
  background-position: center;
  background-repeat: no-repeat;
}

.discoverGridMb {
  display: grid;
  grid-template-columns: 30% 27% 26%;
  justify-content: space-between;
  align-items: center;
  gap: 120px;
}

.disWrapHeading .heading40a {
  font-family: var(--dev_bold);
  font-size: 40px;
  line-height: 40px;
  color: #000;
}

.mobileAppImgsBox {
  position: relative;
}

.qrcodebox {
  position: absolute;
  top: 160px;
  left: -22px;
  width: 109px;
}

.qrcodetextmb {
  position: absolute;
  bottom: 10px;
  width: 100%;
  padding: 4px 8px;
}

  .qrcodetextmb p {
    font-family: var(--dev_med);
    font-size: 10px;
    line-height: 10px;
    color: #000;
    text-align: center;
  }

.discoverConLikeWrapper .download_app_now {
  margin-top: 0;
}

.disWrapHeading p {
  font-family: var(--dev_med);
  font-size: 16px;
  line-height: 18px;
  color: rgba(0, 0, 0, .8);
}

@media screen and (max-width:1600px) {
  .qrcodebox {
    top: 135px;
    width: 100px;
  }

  .qrcodetextmb p {
    font-size: 8px;
    line-height: 10px;
  }

  .discoverGridMb {
    grid-template-columns: 33% 32% 26%;
    gap: 50px;
  }

  .disWrapHeading .heading40a {
    font-size: 34px;
    line-height: 36px;
  }
}

@media screen and (max-width:1500px) {
  .qrcodebox {
    top: 120px;
    width: 92px;
  }
}

@media screen and (max-width:1200px) {
  .disWrapHeading .heading40a {
    font-size: 30px;
    line-height: 32px;
  }

  .discoverGridMb {
    grid-template-columns: 30% 30% 33%;
    gap: 30px;
  }

  .discoverConLikeWrapper .download_btn_ggrid .know_more_about-us {
    padding: 10px 0 10px;
  }

  .qrcodetextmb {
    bottom: 0px;
    padding: 4px 8px;
  }

  .qrcodebox {
    top: 107px;
    width: 77px;
  }
}

@media screen and (max-width:991px) {
  .discoverGridMb {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }

  .mobileAppImgsBox {
    width: 43%;
    margin: 0 auto;
  }
}

@media screen and (max-width:420px) {
  .mobileAppImgsBox {
    width: 92%;
    margin: 0 auto;
  }

  .disWrapHeading .heading40a {
    text-align: center;
  }

  .disWrapHeading p {
    text-align: center;
  }
}
/*end*/

/*start*/
.sortByBox {
  display: none;
}

  .sortByBox.show {
    display: block;
  }

.cusSelectDropdown .cusSelecBtnmb {
  border: 1px solid #DDDDDD;
  border-radius: 35px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 175px;
  background: #f5f5f5;
  transition: all .5s ease-in-out;
  padding: 10px 20px;
  cursor: pointer;
}

.cusSelectDropdown .selectspantext {
  font-family: var(--dev_semi_bold);
  font-size: 14px;
  line-height: 14px;
  color: #000;
}

.cusSelectDropdown .cusSelecOptionsUl {
  position: absolute;
  width: 100%;
  overflow-y: auto;
  padding: 12px 0;
  max-height: 295px;
  background: no-repeat padding-box #fff;
  box-shadow: 4px 8px 20px #0000001A;
  border: 1px solid #ddd;
  border-radius: 12px;
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: .35s;
  animation-fill-mode: both;
  -webkit-animation-duration: .35s;
  -webkit-animation-fill-mode: both;
  opacity: 1;
  margin-top: 5px;
  visibility: hidden;
  pointer-events: none;
}

.cusSelectDropdown .cusSelecMenu.active .cusSelecOptionsUl {
  display: block;
  opacity: 0;
  z-index: 10;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: .4s;
  animation-fill-mode: both;
  -webkit-animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  visibility: visible;
  pointer-events: all;
}

.cusSelectDropdown .cusSelecMenu {
  position: relative;
  width: fit-content;
}

.cusSelectDropdown .optionspanmb {
  font-family: var(--dev_med);
  font-size: 14px;
  line-height: 16px;
  width: 100%;
  display: block;
  padding: 3px 15px;
  border-left: 2px solid transparent;
  transition: all .5s ease-in-out;
  cursor: pointer;
}

.cusSelectDropdown .selectedOption .optionspanmb {
  font-family: var(--dev_semi_bold);
  border-left: 2px solid #CA1F34;
  transition: all .5s ease-in-out;
}

.cusSelectDropdown .cusSelecBtnmb:after,
.cusSelectDropdown .cusSelecBtnmb:before {
  content: '';
  background: #000;
  content: '';
  position: absolute;
  width: 8px;
  height: 2.45px;
  display: inline-block;
  border-radius: 50px;
  transition: .5s;
  right: 0;
  top: 25px;
}

.cusSelectDropdown .cusSelecBtnmb:before {
  transform: rotate(-45deg);
  right: 20px;
}

.cusSelectDropdown .cusSelecBtnmb:after {
  transform: rotate(45deg);
  right: 25px;
}

.cusSelectDropdown .active .cusSelecBtnmb:before {
  transform: rotate(45deg);
}

.cusSelectDropdown .active .cusSelecBtnmb:after {
  transform: rotate(-45deg);
}

.cusSelectDropdown .active .cusSelecBtnmb {
  transition: all .5s ease-in-out;
  border: 1px solid #CA1F34;
}

.sortbyButtonMb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
}

.sortByTextBox p {
  font-family: var(--dev_semi_bold);
  font-size: 16px;
  line-height: 18px;
  color: rgba(17, 17, 17, .8);
}

.sortByBoxes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

.sortByBox {
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  background: #fff;
  padding: 30px;
  position: relative;
  padding-bottom: 40px;
  overflow: hidden;
}

  .sortByBox:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    width: 100%;
    background-color: #faa61a;
  }

  .sortByBox:nth-child(4n-2)::after {
    background-color: #BDD753;
  }

  .sortByBox:nth-child(4n-1)::after {
    background-color: #FFD65C;
  }

  .sortByBox:nth-child(4n-0)::after {
    background-color: #70B865;
  }

.sortByBoxes .sortByBoxItem {
  display: grid;
  gap: 28px;
  grid-template-columns: 68px auto;
}

.sortByBoxes .boxItemImgMb {
  border-radius: 18px;
  width: 100%;
  height: 68px;
  background: #EFEFEF;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

  .sortByBoxes .boxItemImgMb img.pdfImgg {
    width: 44px;
  }

.boxHeading41 {
  font-family: var(--dev_med);
  font-size: 20px;
  line-height: 22px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 13px;
}

.sortByBoxes .boxItemContent p {
  font-family: var(--dev_reg);
  font-size: 16px;
  line-height: 16px;
  color: rgba(0, 0, 0, .8);
  margin-bottom: 8px;
}

  .sortByBoxes .boxItemContent p span {
    padding-right: 20px;
    position: relative;
  }

    .sortByBoxes .boxItemContent p span:last-child {
      padding-right: 0;
    }

    .sortByBoxes .boxItemContent p span::before {
      content: '';
      position: absolute;
      width: 5px;
      height: 5px;
      background: rgba(0, 0, 0, .4);
      right: 5px;
      border-radius: 50%;
      top: 50%;
      transform: translateY(-50%);
    }

    .sortByBoxes .boxItemContent p span:last-child::before {
      display: none;
    }

.sortByBoxes .downloadPdfCTA {
  font-family: var(--dev_bold);
  font-size: 14px;
  line-height: 16px;
  color: #CA1F34;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  transition: all .5s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: translateY(18px);
  position: absolute;
}

  .sortByBoxes .downloadPdfCTA svg {
    width: 16px;
  }

.sortByBox:hover:hover {
  background: #FEF2F3;
  border: 1px solid #FF0000;
  transition: all .5s ease-in-out;
}

.sortByBox:hover .downloadPdfCTA {
  transition: all .5s ease-in-out;
  opacity: 1;
  visibility: visible;
  transform: none;
}

@media screen and (max-width:1600px) {
  .sortByBoxes {
    gap: 28px;
  }

  .sortByBox {
    padding: 20px;
    padding-bottom: 35px;
    border-radius: 16px;
  }

  .sortByBoxes .boxItemImgMb img.pdfImgg {
    width: 32px;
  }

  .sortByBoxes .boxItemImgMb {
    height: 58px;
    border-radius: 12px;
  }

  .sortByBoxes .sortByBoxItem {
    gap: 20px;
    grid-template-columns: 58px auto;
  }

  .boxHeading41 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 8px;
  }
}

@media screen and (max-width:1500px) {
  .sortByBoxes {
    gap: 18px;
  }

  .sortByBox {
    padding: 15px;
    padding-bottom: 35px;
    border-radius: 12px;
  }

  .sortByBoxes .boxItemContent p {
    font-size: 14px;
    line-height: 14px;
  }

  .sortByBoxes .sortByBoxItem {
    gap: 12px;
  }

  .sortByBoxes .boxItemImgMb img.pdfImgg {
    width: 28px;
  }

  .sortByBoxes .boxItemImgMb {
    height: 48px;
    border-radius: 8px;
  }

  .sortByBoxes .sortByBoxItem {
    grid-template-columns: 48px auto;
  }

  .sortbyButtonMb {
    margin-bottom: 20px;
  }

  .sortByTextBox p {
    font-size: 14px;
    line-height: 16px;
  }
}

@media screen and (max-width:1200px) {
  .sortByBoxes {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width:991px) {
  .sortByBoxes {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width:420px) {
  .sortByBoxes {
    grid-template-columns: repeat(1, 1fr);
  }

  .sortbyButtonMb {
    justify-content: center;
  }
}
/*end*/


/* our business section css start here*/
.businnesBoxes {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  /* border: 2px dashed #CC1B34; */
  border-radius: 20px;
  padding: 40px 28px;
  background: #fff;
  position: relative;
}

  .businnesBoxes .businnesBox {
    width: 24%;
  }

  .businnesBoxes .businnesBox {
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    background: #fff;
    position: relative;
    overflow: hidden;
    padding: 37px 28px;
    transition: all .5s ease-in-out;
  }

    .businnesBoxes .businnesBox:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      height: 5px;
      width: 100%;
      background-color: #faa61a;
    }

    .businnesBoxes .businnesBox:nth-child(4n-2)::after {
      background-color: #BDD753;
    }

    .businnesBoxes .businnesBox:nth-child(4n-1)::after {
      background-color: #FFD65C;
    }

    .businnesBoxes .businnesBox:nth-child(4n-0)::after {
      background-color: #70B865;
    }

  .businnesBoxes .bocheading24 {
    font-family: var(--dev_semi_bold);
    font-size: 24px;
    line-height: 26px;
    color: #111111;
    margin-bottom: 12px;
  }

  .businnesBoxes .businnesBoxCardContent p {
    font-family: var(--dev_reg);
    font-size: 18px;
    line-height: 22px;
    color: rgba(0, 0, 0, .8);
    transition: all .5s ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .businnesBoxes .slideOverlay_btn {
    opacity: 1;
    visibility: visible;
    margin: 0;
  }

  .businnesBoxes .businnesBoxCard {
    position: relative;
    height: 100%;
  }

  .businnesBoxes .slideOverlay_btn a.view-plans {
    margin: 0;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-in-out;
  }

  .businnesBoxes .businnesBox:hover {
    transition: all .5s ease-in-out;
    background: #FEF2F3;
    border: 1px solid #CA1F34;
  }

    .businnesBoxes .businnesBox:hover a.view-plans {
      transform: none;
      opacity: 1;
      visibility: visible;
      transition: all .5s ease-in-out;
    }

    .businnesBoxes .businnesBox:hover .businnesBoxCardContent p {
      transform: translateY(-13px);
      opacity: 0;
      visibility: hidden;
      transition: all .5s ease-in-out;
    }

.businessWrapper {
  position: relative;
  padding: 2px;
  border-radius: 20px;
  overflow: hidden;
}

  .businessWrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 2px dashed rgba(204, 27, 52, .7);
  }

.borderAnimationBars {
  position: absolute;
  width: 50%;
  height: 100%;
  background: transparent;
  overflow: hidden;
}

.borderAnimationBarsRight {
  top: 0;
  right: 0;
  border-radius: 0 20px 20px 0;
}

  .borderAnimationBarsRight::before {
    content: '';
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    background-image: conic-gradient(rgba(204, 27, 52, 1) 44deg, transparent 11deg);
    animation: boxrotateright infinite;
    animation-duration: 4s;
    animation-timing-function: linear;
  }

@keyframes boxrotateright {
  100% {
    transform: rotate(360deg);
  }
}

.borderAnimationBarsLeft {
  top: 0;
  left: 0;
  border-radius: 20px 0 0 20px;
}

  .borderAnimationBarsLeft::before {
    content: '';
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    background-image: conic-gradient(transparent 315deg, rgba(204, 27, 52, 1) 11deg);
    animation: boxrotateleft infinite;
    animation-duration: 4s;
    animation-timing-function: linear;
  }

@keyframes boxrotateleft {
  100% {
    transform: rotate(-360deg);
  }
}

.logoViewWrapperBox {
  width: 439px;
  margin: 0 auto;
}

img.verDashedLineImg {
  height: 100%;
  width: 2px;
}

.verDashLineBox {
  position: relative;
  margin: 20px auto 0;
  text-align: center;
}

.darkDashedLineBox {
  width: 21px;
  height: 100%;
  transform: translate3d(-50%, 0%, 0);
  position: absolute;
  left: 50%;
  top: 0;
  backface-visibility: hidden;
}

  .darkDashedLineBox .darkline-mask {
    position: relative;
    overflow: hidden;
    width: 21px;
    height: 100%;
    margin: 0 auto;
  }

.arrowsbarmb {
  width: 10px;
  height: 10px;
  background: transparent;
  position: absolute;
  top: 109px;
  left: 50%;
  transform: translateX(-50%);
}

  .arrowsbarmb .arrowspan {
    display: block;
    width: 100%;
    height: 100%;
    border-left: 2px solid rgba(204, 27, 52, 1);
    border-bottom: 2px solid rgba(204, 27, 52, 1);
  }

    .arrowsbarmb .arrowspan.arrowspanbottom {
      border-left: 2px solid rgba(204, 27, 52, 1);
      border-bottom: 2px solid rgba(204, 27, 52, 1);
      transform: translate(0, -3px) rotate(-45deg);
      animation: lineverticlemove3 2s infinite;
    }

    .arrowsbarmb .arrowspan.arrowspantop {
      transform: translate(0, 0) rotate(-45deg);
      animation: lineverticlemove2 2s infinite;
    }

@keyframes lineverticlemove2 {
  0% {
    transform: translate(0, 0) rotate(-45deg);
    border-left: 2px solid rgba(204, 27, 52, 1);
    border-bottom: 2px solid rgba(204, 27, 52, 1);
  }

  50% {
    transform: translate(0, 7px) rotate(-45deg);
    border-left: 2px solid rgba(204, 27, 52, .7);
    border-bottom: 2px solid rgba(204, 27, 52, .7);
  }

  100% {
    transform: translate(0, 0) rotate(-45deg);
    border-left: 2px solid rgba(204, 27, 52, 1);
    border-bottom: 2px solid rgba(204, 27, 52, 1);
  }
}

@keyframes lineverticlemove3 {
  0% {
    border-left: 2px solid rgba(204, 27, 52, .7);
    border-bottom: 2px solid rgba(204, 27, 52, .7);
    transform: translate(0, -3px) rotate(-45deg);
  }

  50% {
    transform: translate(0, -10px) rotate(-45deg);
    border-left: 2px solid rgba(204, 27, 52, 1);
    border-bottom: 2px solid rgba(204, 27, 52, 1);
  }

  100% {
    transform: translate(0, -3px) rotate(-45deg);
    border-left: 2px solid rgba(204, 27, 52, .7);
    border-bottom: 2px solid rgba(204, 27, 52, .7);
  }
}

.darkDashedLineBox .darkMask-line {
  position: absolute;
  display: inline-block;
  width: 2px;
  height: 100%;
  background: #CC1B34;
  border-left: 1px solid #CC1B34;
  top: -100%;
  left: 9px;
  animation: lineverticlemove 4s infinite;
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

@keyframes lineverticlemove {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(0, 250px, 0);
  }
}

@media screen and (max-width:1600px) {
  .businnesBoxes .businnesBox {
    padding: 28px 22px;
  }

  .businnesBoxes .bocheading24 {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 10px;
  }

  .businnesBoxes .businnesBoxCardContent p {
    font-size: 16px;
    line-height: 20px;
  }

  .businnesBoxes .businnesBox {
    width: 23%;
  }

  .businnesBoxes {
    padding: 25px 20px;
  }

  .logoViewWrapperBox {
    width: 320px;
  }

  .darkDashedLineBox .darkMask-line {
    left: 10px;
  }
}

@media screen and (max-width:1500px) {
  .businnesBoxes {
    gap: 12px;
  }

  img.verDashedLineImg, .darkDashedLineBox, .darkDashedLineBox .darkline-mask {
    height: 170px;
  }

  .arrowsbarmb {
    top: 70px;
  }

  @keyframes lineverticlemove {
    0% {
      transform: translate3d(0, 0, 0);
    }

    100% {
      transform: translate3d(0, 345px, 0);
    }
  }

  .businnesBoxes .bocheading24 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 8px;
  }

  .businnesBoxes .businnesBox {
    padding: 20px 18px;
  }
}

@media screen and (max-width:1199px) {
  .businnesBoxes .businnesBox {
    width: 32%;
  }
}

@media screen and (max-width:420px) {
  .businnesBoxes .businnesBox {
    width: 100%;
  }

  .borderAnimationBarsLeft::before, .borderAnimationBarsRight::before {
    animation-duration: 8s;
  }

  .borderAnimationBarsLeft, .borderAnimationBarsRight {
    display: none;
  }

  .businessWrapper::before {
    border: 2px solid rgba(204, 27, 52, 1);
    opacity: 0;
  }

  .darkDashedLineBox .darkMask-line {
    animation-play-state: paused;
    top: 0;
  }

  .businnesBoxes {
    border: 2px solid rgba(204, 27, 52, 1);
  }
}

/* our business section css end here*/

/* Press Media css start here*/
.presscovgrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.covragecardin {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #d9d9d9;
  height: 100%;
}

.covreagedetailbox {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.covboxcontent {
  padding: 30px 40px;
  position: relative;
  height: 100%;
}

.headdingcovbox {
  margin-bottom: 30px;
}

.covheading-ch1 {
  font-family: var(--dev_semi_bold);
  font-size: 24px;
  line-height: 28px;
  color: #353941;
  margin-bottom: 5px;
}

.headdingcovbox p {
  font-family: var(--dev_reg);
  font-size: 16px;
  line-height: 18px;
  color: #353941;
  opacity: .8;
}

.covercardright {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.covboxcontent .view-plans {
  position: absolute;
  width: fit-content;
  margin-bottom: 0;
  text-decoration: none;
  line-height: 13px;
  bottom: 30px;
  left: 40px;
}

  .covboxcontent .view-plans::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border: 2px solid #c91429;
    right: 0;
    top: 50%;
    transform: translate(12px, -50%) rotate(-45deg);
    transition: all .5s ease-in-out;
    border-top: 0;
    border-left: 0;
  }

  .covboxcontent .view-plans:hover::before {
    transition: all .5s ease-in-out;
    transform: translate(18px, -50%) rotate(-45deg);
  }

  .covboxcontent .view-plans:hover {
    transition: all .5s ease-in-out;
    color: #c91429;
  }

.covragecardin::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: #FAA61A;
}

.covercardright .covragecardin::before {
  background: #70B865;
}

.covercardright .covragecardin:nth-child(2n-2)::before {
  background: #BDD753;
}

@media screen and (max-width:1600px) {
  .headdingcovbox {
    margin-bottom: 20px;
  }

  .pressmediacoverage .section_header_wrapper {
    width: 87%;
    margin: 0 auto 50px;
  }

  img.covrageimage {
    height: 100%;
    object-fit: cover;
  }

  .covercardright img.covrageimage {
    height: 310px;
    object-fit: cover;
  }
}

@media screen and (max-width:1500px) {
  .pressmediacoverage .section_header_wrapper {
    margin: 0 auto 30px;
  }
}

@media screen and (max-width:991px) {
  .presscovgrid {
    grid-template-columns: repeat(1, 1fr);
  }

  .pressmediacoverage .section_header_wrapper {
    width: 100%;
  }

  img.covrageimage, .covercardright img.covrageimage {
    height: 463px;
  }

  .covboxcontent {
    padding: 25px 28px;
  }

    .covboxcontent .view-plans {
      bottom: 25px;
      left: 30px;
    }

  .pressmediacoverage .font_purp {
    display: contents !important;
  }
}

/**/
.mediaKitGridWrap {
  display: grid;
  grid-template-columns: auto 540px;
  gap: 70px;
}

.mediakitWrapper {
  padding: 0 328px;
}

.mediakitboxIn {
  display: grid;
  border: 1px solid #d9d9d9;
  border-radius: 16px;
  padding: 20px 30px;
  grid-template-columns: 27% auto 16%;
  align-items: center;
  gap: 25px;
  margin-bottom: 20px;
  background: #fff;
  height: 110px;
  position: relative;
  overflow: hidden;
}

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

.headingKit1 {
  font-family: var(--dev_med);
  font-size: 24px;
  line-height: 24px;
  color: #111111;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mediakitboxIn .downloadPdfCTA {
  display: flex;
  align-items: center;
  font-family: var(--dev_semi_bold);
  font-size: 14px;
  line-height: 16px;
  color: #CA1F34;
  text-transform: uppercase;
  gap: 5px;
}

.mediakitimgbox {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

.mediakitOvelayBox .know_more_about-us.vs_banner_btn {
  margin-top: 0;
  font-size: 12px;
  padding: 10px 15px;
  height: 40px;
  width: 140px;
}

.mediakitOvelayBox {
  width: 321px;
  position: absolute;
  top: 50px;
  left: 50px;
}

  .mediakitOvelayBox .heading_a15 {
    font-family: var(--dev_semi_bold);
    font-size: 30px;
    line-height: 30px;
    color: #111111;
    margin-bottom: 8px;
  }

.mediakitbox {
  max-height: 370px;
  overflow: auto;
}

  .mediakitbox::-webkit-scrollbar {
    width: 2px;
  }

.mediakitsection .section_header_wrapper {
  margin-bottom: 30px;
}

.mediakitsection .medassets-span {
  font-family: var(--dev_med);
  font-size: 18px;
  line-height: 21px;
  color: #111111;
  text-transform: uppercase;
}

.mediakitboxIn::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: #FAA61A;
}

.mediakitboxIn:nth-child(4n-2)::before {
  background-color: #BDD753;
}

.mediakitboxIn:nth-child(4n-1)::before {
  background-color: #FFD65C;
}

.mediakitboxIn:nth-child(4n-0)::before {
  background-color: #70B865;
}

.mediakitsection {
  background-image: url('../../assets/images/mediakitsec-bg.jpg');
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width:1600px) {
  .mediaKitGridWrap {
    grid-template-columns: auto 445px;
    gap: 50px;
  }

  .mediakitboxIn {
    height: 100px;
    margin-bottom: 10px;
    grid-template-columns: 27% auto 18%;
  }

  .mediakitimgbox {
    height: 100%;
  }

  img.mediaKitbgimg {
    height: 100%;
    object-fit: cover;
  }

  .mediakitWrapper {
    padding: 0 220px;
  }
}

@media screen and (max-width:1500px) {
  .mediakitWrapper {
    padding: 0 110px;
  }

  .headingKit1 {
    font-size: 20px;
    line-height: 22px;
  }

  .mediakitboxIn {
    height: 95px;
  }
}

@media screen and (max-width:1200px) {
  .mediakitWrapper {
    padding: 0 25px;
  }

  .mediaKitGridWrap {
    gap: 15px;
  }

  .mediakitOvelayBox .heading_a15 {
    font-size: 24px;
    line-height: 26px;
  }

  .mediakitOvelayBox {
    top: 33px;
    left: 33px;
    width: 256px;
  }
}

@media screen and (max-width:991px) {
  .mediaKitGridWrap {
    gap: 12px;
    display: flex;
    flex-direction: column;
  }

  .mediakitsection .medassets-span {
    font-size: 14px;
    line-height: 16px;
  }

  .mediakitsection .section_header_wrapper {
    margin-bottom: 18px;
  }
}

@media screen and (max-width:420px) {
  .mediakitboxIn {
    padding: 15px 15px;
    border-radius: 8px;
    gap: 10px;
    flex-wrap: wrap;
    display: flex;
    height: auto;
  }

  img.mediakitboxlogo {
    width: 57%;
  }

  .headingKit1 {
    width: 61%;
    font-size: 18px;
    line-height: 18px;
  }

  .mediakitboxIn .downloadPdfCTA {
    width: 35%;
  }

  .mediakitOvelayBox {
    top: 20px;
    left: 20px;
    width: 218px;
  }

  .mediakitbox {
    height: 100%;
  }
}

/**/
.corporate-queries {
  background-image: url('../../assets/images/corporate-queries-bg.png');
  background-position: center;
  background-repeat: no-repeat;
}

.corQueriesRow {
  display: grid;
  grid-template-columns: 43% 48%;
  gap: 0;
  align-items: center;
  justify-content: space-between;
}

.corporate-queries .section_header_wrapper, .corporate-queries .section-heading {
  margin-bottom: 0;
}

.dropmainbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 30px;
  background: #fff;
  border-radius: 100px;
}

.dropmainbtn .know_more_about-us.vs_banner_btn {
  margin-top: 0;
  width: 191px;
  height: 50px;
  padding: 10px 20px;
}

.dropmainbox .mailtext {
  display: flex;
  gap: 10px;
  align-items: center;
}

img.emailicon {
  width: 36px;
  margin-right: 10px;
}

.dropmainbox .mailtext p {
  font-family: var(--dev_reg);
  font-size: 20px;
  line-height: 22px;
  color: #CA1F34;
  text-decoration: underline;
}

@media screen and (max-width:1600px) {
  .dropmainbtn .know_more_about-us.vs_banner_btn {
    font-size: 14px;
    line-height: 16px;
    width: 160px;
    height: 45px;
    padding: 8px 15px;
  }

  .dropmainbox {
    padding: 20px 20px;
  }

  img.emailicon {
    width: 30px;
    margin-right: 8px;
  }

  .dropmainbox .mailtext p {
    font-size: 18px;
    line-height: 20px;
  }

  .corQueriesRow {
    grid-template-columns: 38% 55%;
  }
}

@media screen and (max-width:1500px) {
  .corQueriesRow {
    grid-template-columns: 40% 57%;
  }

  .dropmainbox .mailtext p {
    font-size: 16px;
    line-height: 18px;
  }

  .dropmainbox {
    padding: 15px 20px;
  }
}

@media screen and (max-width:1200px) {
  .corQueriesRow {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 25px;
    justify-content: center;
  }

  .corporate-queries .section-heading {
    text-align: center;
  }

  .dropmainbox {
    padding: 12px 20px;
    min-width: 645px;
  }

  .dropmainbtn .know_more_about-us.vs_banner_btn {
    font-size: 12px;
    line-height: 14px;
    width: 140px;
    height: 40px;
    padding: 6px 12px;
  }
}

@media screen and (max-width:991px) {
  .dropmainbox {
    padding: 10px 20px;
    min-width: 604px;
  }
}

@media screen and (max-width:767px) {
  .dropmainbox {
    min-width: 100%;
    flex-direction: column;
  }

  .corQueriesRow {
    padding: 0;
  }

  .dropmainbox .mailtext p {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 8px;
  }

  img.emailicon {
    width: 23px;
    margin-right: 0;
    margin-bottom: 8px;
  }
}

/**/
.servicesfrontier-sec .section_header_wrapper p {
  max-width: 1347px;
  margin: 0 auto;
}