@import url(//fonts.googleapis.com/css?family=Nunito:400,400i,600,700,800&display=swap);
@font-face {
  font-family: 'Tatsam Bengali Rnd';
  src: url("/static/fonts/TatsamBengaliRnd-Bold.otf") format("opentype");
  font-weight: bold; }

@font-face {
  font-family: 'Tatsam Bengali Rnd';
  src: url("/static/fonts/TatsamBengaliRnd-Book.otf") format("opentype"); }

html,
body {
  font-family: 'Nunito', 'Tatsam Bengali Rnd', 'Helvetica Neue';
  background-color: #FFF; }

.bt-primary,
.bt-secondary {
  font-weight: 600; }

h1 {
  font-size: 36px;
  line-height: 40px; }

h2 {
  font-size: 30px;
  line-height: 38px; }

h3 {
  font-size: 24px;
  line-height: 32px; }

h4 {
  font-size: 20px;
  line-height: 28px; }

h5 {
  font-size: 18px;
  line-height: 30px; }

h6 {
  font-size: 16px;
  line-height: 26px; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; }

p {
  margin: 0; }

.u-submit-button-red, .robi-4g-offer-section-item-all .link-button, .list-login-section li, .roaming-card {
  transition: all .2s ease-in-out;
  transform: translate3d(0px, 0px, 0px); }
  .u-submit-button-red:hover, .robi-4g-offer-section-item-all .link-button:hover, .list-login-section li:hover, .roaming-card:hover {
    transform: translate3d(0px, -5px, 0px);
    transition: all .2s ease-in-out; }

.u__spacing-large {
  padding-top: 40px;
  padding-bottom: 40px; }
  @media (max-width: 576px) {
    .u__spacing-large {
      padding-top: 20px;
      padding-bottom: 20px; } }

.leadtextbig {
  font-size: 24px;
  line-height: 36px; }

.leadtextsmall {
  font-size: 20px;
  line-height: 30px; }

.h1small {
  font-size: 26px;
  line-height: 36px; }

.h2small {
  font-size: 30px;
  line-height: 38px; }

.h3small {
  font-size: 20px;
  line-height: 30px; }

.h4small {
  font-size: 18px;
  line-height: 28px; }

.h5small {
  font-size: 16px;
  line-height: 26px; }

.h6small {
  font-size: 14px;
  line-height: 24px; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; }

body {
  margin: 0;
  padding: 0; }

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

.mt-3 {
  padding-top: 40px;
  padding-bottom: 25px; }

/* width */
.uses-term {
  margin-top: -5px !important;
  font-size: 12px !important;
  font-weight: 500 !important; }
  @media (max-width: 576px) {
    .uses-term {
      font-size: 11px; } }

.winback-offer .roaming-status {
  padding-top: 0;
  padding-bottom: 0;
  background: none; }

.winback-offer .roaming-succes-offer {
  padding-top: 0; }
  @media (max-width: 768px) {
    .winback-offer .roaming-succes-offer {
      padding-top: 25px;
      padding-bottom: 25px; } }

.winback-offer .generic-innerpage h1 {
  margin-bottom: 10px;
  line-height: 40px; }

@media (max-width: 768px) {
  .winback-offer .roaming-status-section {
    padding-top: 0 !important; } }

.winback-offer .roaming-status-section form {
  width: 80%;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .winback-offer .roaming-status-section form {
      width: 100%; } }

.winback-offer .t-center-top p {
  width: 425px;
  margin: 15px auto; }
  @media (max-width: 768px) {
    .winback-offer .t-center-top p {
      width: 100%; } }

.dropdown-toggle::after {
  display: none; }

.navbar-brand {
  position: absolute;
  top: -42px;
  padding: 0;
  z-index: 1; }

.nv-second {
  margin-left: 117px; }

.navbar-customs {
  padding: 0;
  border: none;
  border-radius: 0; }

.navbar-custom {
  padding: 0;
  border: none;
  border-radius: 0;
  position: relative;
  height: 51px; }
  .navbar-custom .navbar-brand {
    margin-right: 0; }
  .navbar-custom .nv-left {
    padding-left: 140px; }
    .navbar-custom .nv-left li .nav-link {
      color: rgba(0, 0, 0, 0.54);
      padding-left: 0;
      padding-right: 25px;
      font-weight: 500;
      font-size: 14px;
      line-height: 19px; }
  .navbar-custom .nv-center li .nav-link {
    color: rgba(0, 0, 0, 0.54);
    padding-left: 0;
    padding-right: 0;
    padding-right: 28px;
    font-weight: 500; }
  .navbar-custom .nv-right li .nav-link {
    color: rgba(0, 0, 0, 0.54);
    padding-right: 0;
    padding-left: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    padding-top: 0;
    padding-bottom: 0; }
    .navbar-custom .nv-right li .nav-link svg {
      margin-right: 5px; }

.navbar-row {
  flex-direction: row; }
  .navbar-row li .nav-link {
    margin-right: 22px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
    font-size: 17px;
    padding: 18px;
    display: block; }

.list-dropdown {
  position: absolute; }
  .list-dropdown li {
    float: left; }

.menudropdown {
  position: absolute;
  top: 64px;
  margin-left: 100px; }
  .menudropdown .navbar-row li a {
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
    font-size: 17px;
    text-transform: capitalize; }

#navbarSupportedContents {
  position: relative; }

.nav-link:hover .path2 {
  fill: #ED1C24; }

#navbarSupportedContents:before {
  content: "";
  width: 87.5%;
  height: 1px;
  background-color: #E5E5E5;
  position: absolute;
  top: 0px;
  margin-left: 125px; }

.navbar-custom .nv-left li {
  position: relative; }

.navbar-custom .nv-left li .active:after {
  content: "";
  position: absolute;
  bottom: -12px;
  background-image: url("/static/media/arrow.8601fc92.svg");
  left: -26px;
  right: 0;
  margin: 0 auto;
  text-align: center;
  width: 20px;
  height: 15px;
  background-repeat: no-repeat;
  z-index: 111; }

.navbar-customs {
  border-bottom: 5px solid #ED1C24; }

.nv-links svg {
  margin-left: 15px; }

.nav-link span {
  margin-left: 15px; }

.mega-menu {
  min-width: 100%;
  border-radius: 0;
  border: none;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.04);
  background: #fff;
  top: 64px;
  padding: 30px;
  transition: all 0.5s ease-in-out;
  overflow: hidden; }

.nav-link {
  transition: all .2s ease-in; }

.nav-link:hover {
  color: #ED1C24 !important;
  transition: all .2s ease-in; }

.dr-menu {
  position: static; }

.navbar-nav .dr-menu:hover .mega-menu {
  -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
  opacity: 1;
  transition: all .3s ease-in-out;
  visibility: visible; }

.dropdown-menu {
  display: block;
  z-index: 1;
  max-height: 0px;
  overflow: hidden;
  visibility: hidden;
  filter: alpha(opacity=50);
  -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 50% 0;
  -webkit-transition: 350ms;
  -moz-transition: 350ms;
  -o-transition: 350ms;
  transition: 350ms;
  opacity: 0;
  max-height: 600px;
  transition: all .3s ease-in-out; }

.m-left-menu ul li a:hover {
  color: #ED1C24;
  transition: all .2s ease-in-out; }

.m-left-menu p {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 600;
  padding-bottom: 15px; }

.m-left-menu ul li a {
  color: rgba(0, 0, 0, 0.87);
  padding-bottom: 15px;
  display: block;
  text-decoration: none;
  font-size: 14px; }

.list-dropdown-text li a {
  color: rgba(0, 0, 0, 0.87);
  padding-bottom: 15px;
  display: block;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600; }

.list-padding-section {
  padding-left: 40px;
  border-left: 1px solid rgba(0, 0, 0, 0.08); }

.menu-second-dr {
  padding-top: 15px; }

.m-left-menu::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0;
  width: 1px;
  height: 95%;
  background-color: rgba(0, 0, 0, 0.08); }

.no-vertical-border::after {
  content: "";
  opacity: 0; }

.no-padding {
  padding: 0;
  margin: 0; }

.m-left-menu {
  padding-left: 40px; }

.no-padding-left-menu {
  padding-left: 0; }

.bt-primary {
  background-color: #ED1C24;
  color: #fff;
  border: none;
  width: 100%;
  display: inline-block; }

a {
  color: #000; }
  a:hover {
    color: #ED1C24; }

.list-form-home {
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.04);
  padding: 20px;
  margin-bottom: 0;
  border-radius: 5px;
  padding-right: 10px;
  background-color: #fff;
  margin-top: -15px;
  border: 1px solid rgba(0, 0, 0, 0.08); }
  .list-form-home .bt-primary {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 9px; }
  .list-form-home .ph-width {
    width: 206px; }
  .list-form-home .amount-width {
    width: 190px; }
  .list-form-home .input-group {
    background-color: rgba(0, 0, 0, 0.05); }
    .list-form-home .input-group .form-control {
      background-color: #f2f2f2; }
  .list-form-home li {
    vertical-align: middle;
    margin-right: 15px; }
    .list-form-home li .content-quickrecharge {
      padding-left: 10px;
      max-width: 165px; }
    .list-form-home li .form-group {
      margin-bottom: 0;
      margin-right: 10px; }
    .list-form-home li .input-group-text {
      background: transparent;
      border: none; }
    .list-form-home li .form-control {
      border: none;
      height: 45px; }
  .list-form-home .list-inline-item:not(:last-child) {
    margin-left: 0; }
  .list-form-home .recharge-btn-section {
    width: 208px;
    position: relative;
    margin-left: 10px; }
    .list-form-home .recharge-btn-section a {
      display: block;
      text-align: right;
      padding-bottom: 8px;
      text-decoration: none;
      color: #000; }
      .list-form-home .recharge-btn-section a span {
        padding-left: 10px; }

a:hover {
  text-decoration: none; }

.homeicon-sec {
  padding-top: 20px;
  padding-bottom: 40px; }
  .homeicon-sec .img-background {
    width: 70px;
    height: 70px;
    background-color: #f4f4f4;
    display: block;
    margin: 0 auto;
    border-radius: 50%; }
    .homeicon-sec .img-background img {
      width: 45px;
      height: 100%;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      vertical-align: middle; }
  .homeicon-sec .h4small {
    padding-top: 15px; }

.input-group {
  background-color: rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  border-radius: 5px; }

.input-group .form-control {
  background-color: #f2f2f2;
  box-sizing: border-box;
  border-radius: 5px; }

.list-form-home .input-group .form-control {
  background-color: #fff !important;
  box-sizing: border-box;
  box-shadow: inset -3px 1px 10px rgba(0, 0, 0, 0.06);
  border-radius: 5px; }

.list-form-home .input-group {
  background-color: #fff !important;
  box-sizing: border-box;
  box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.06);
  border-radius: 5px; }

.form-group label {
  color: #000000; }

.form-control {
  border: none;
  height: 45px; }

.input-group-text {
  background: transparent;
  border: none; }

.latest-robi-section {
  background-color: #f8f8f8;
  padding: 50px; }

.home-device {
  padding-top: 60px;
  padding-bottom: 70px; }

.device-item {
  text-align: center;
  position: relative;
  padding: 20px; }
  .device-item h3 {
    min-height: 60px; }
    @media (max-width: 576px) {
      .device-item h3 {
        min-height: auto; } }
  .device-item img {
    width: 130px;
    height: 130px; }
  .device-item .h3small {
    color: rgba(0, 0, 0, 0.87);
    margin-top: 12px; }
  .device-item h5 {
    margin-top: 5px;
    color: rgba(0, 0, 0, 0.66); }
  .device-item h6 {
    margin-top: 5px;
    color: rgba(0, 0, 0, 0.54);
    text-transform: capitalize; }
  .device-item p {
    margin-top: 5px;
    color: rgba(0, 0, 0, 0.54);
    text-transform: capitalize; }

.device-item::after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #000000;
  opacity: .1;
  position: absolute;
  right: -15px;
  top: 0; }

.lastid:after {
  display: none; }

.bt-secondary {
  background-color: transparent;
  color: #ED1C24;
  border: 1px solid #ED1C24;
  font-size: 18px;
  line-height: 21px;
  padding: 11px 24px;
  padding-bottom: 10px; }

.mb-sec {
  margin-top: 60px; }

.mb-bottom {
  margin-bottom: 60px; }

.digital-item img {
  width: 100px;
  height: 100px; }

.manageaccount:after {
  display: none; }

.home-mangege {
  background-color: #f8f8f8;
  padding-top: 60px;
  padding-bottom: 61px; }
  .home-mangege .mb-sec {
    margin-top: 40px; }
  @media (max-width: 576px) {
    .home-mangege .u-mobile-space h2 {
      margin-bottom: 0; } }

.manageaccount a {
  display: block; }
  .manageaccount a img {
    width: 100px;
    height: 100px; }
  .manageaccount a p {
    margin-top: 15px;
    font-size: 18px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.87);
    text-align: center; }
    @media (max-width: 576px) {
      .manageaccount a p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        margin-top: 0; } }

.robi__card {
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  position: relative;
  margin-bottom: 15px; }
  .robi__card .robi__card--cta {
    position: absolute;
    width: 100%;
    height: 100%; }
  .robi__card .robi__card--body .robi__card--top-img {
    overflow: hidden; }
    .robi__card .robi__card--body .robi__card--top-img img {
      width: 100%;
      display: inline-block;
      border-radius: 5px 5px 0 0; }
  .robi__card .robi__card--body .robi__card--info {
    display: flex;
    align-items: center;
    height: 74px;
    padding-left: 20px;
    padding-right: 20px; }
    .robi__card .robi__card--body .robi__card--info .robi__card--left {
      flex-grow: 1;
      padding-right: 15px; }
      .robi__card .robi__card--body .robi__card--info .robi__card--left p {
        font-size: 16px;
        line-height: 26px;
        color: rgba(0, 0, 0, 0.87);
        margin-bottom: 0 !important;
        font-weight: 500;
        padding-bottom: 0 !important;
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
    .robi__card .robi__card--body .robi__card--info .robi__card--right img {
      width: 8px;
      height: 18px; }

.display-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-direction: column; }
  .display-flex h1 {
    display: block;
    text-align: right;
    width: 100%; }
  .display-flex p {
    display: block;
    text-align: right;
    width: 100%;
    padding: 10px 0;
    padding-bottom: 15px; }

.t-right-width {
  width: 100%; }
  .t-right-width .bt-secondary {
    border: 1px solid #000;
    color: #000; }

.robi__app-section {
  background-color: #ED1C24; }
  .robi__app-section .robi__app-info {
    padding: 52px 0;
    color: #FFF; }
    .robi__app-section .robi__app-info .robi__app-info-title {
      font-size: 30px;
      line-height: 38px;
      margin: 0;
      margin-bottom: 38px; }
    .robi__app-section .robi__app-info .robi__app-info-desc {
      font-size: 18px;
      line-height: 30px;
      text-align: justify;
      margin-bottom: 20px; }
    .robi__app-section .robi__app-info .robi__app-store-heading {
      font-size: 18px;
      line-height: 30px;
      font-weight: bold;
      padding-bottom: 7px; }
    .robi__app-section .robi__app-info .robi__app-store-btn {
      display: flex;
      list-style: none;
      padding: 0;
      justify-content: flex-start;
      margin-bottom: 0; }
      .robi__app-section .robi__app-info .robi__app-store-btn li {
        width: 130px;
        margin-right: 15px;
        transition: all .3s ease-in-out;
        transform: translate3d(0px, 0px, 0px); }
        .robi__app-section .robi__app-info .robi__app-store-btn li:last-child {
          margin-right: 0; }
        .robi__app-section .robi__app-info .robi__app-store-btn li:hover {
          transition: all .3s ease-in-out;
          transform: translate3d(0px, -4px, 0px);
          background-color: #FFF;
          border-radius: 3px; }
          .robi__app-section .robi__app-info .robi__app-store-btn li:hover a {
            color: #ED1C24; }
            .robi__app-section .robi__app-info .robi__app-store-btn li:hover a svg path {
              fill: #ED1C24 !important; }
        .robi__app-section .robi__app-info .robi__app-store-btn li a {
          border: 1px solid #FFF;
          border-radius: 3px;
          padding: 5px;
          text-decoration: none;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          color: #FFF; }
          .robi__app-section .robi__app-info .robi__app-store-btn li a:hover {
            text-decoration: none; }
          .robi__app-section .robi__app-info .robi__app-store-btn li a svg {
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
            width: 24px;
            height: 24px; }
          .robi__app-section .robi__app-info .robi__app-store-btn li a span {
            font-size: 16px;
            line-height: 19px;
            font-weight: bold;
            margin-top: 5px; }
  .robi__app-section .robi__app-img img {
    width: 90%;
    position: absolute;
    bottom: 0; }

footer {
  background-color: #F4F4F4;
  padding-top: 60px;
  padding-bottom: 35px; }
  footer h4 {
    color: rgba(0, 0, 0, 0.54); }

.f-left-f {
  margin-bottom: 0; }
  .f-left-f li a {
    display: block;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.54);
    width: 40px;
    border-radius: 50%; }

.display-table {
  display: table;
  height: 100%;
  text-align: center; }
  .display-table .display-cell {
    display: table-cell;
    vertical-align: middle; }

.footer-left img {
  margin-bottom: 35px; }

.footer-left > svg {
  margin-bottom: 30px; }

.footer-left h4 {
  padding-bottom: 18px;
  color: rgba(0, 0, 0, 0.54); }

.nomargin {
  margin: 0; }

.footer-center h4 {
  margin-bottom: 20px; }

.n-center li a {
  padding-bottom: 20px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  display: block; }

.footer-right h4 {
  margin-bottom: 20px; }

.footer-right ul li a {
  display: block; }
  .footer-right ul li a img {
    width: 120px; }

.footer-border {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 13px;
  width: 100%; }

.footer-heading-left {
  display: block;
  width: 30%;
  float: left; }

ul {
  margin-bottom: 0; }

.footer-small {
  padding: 40px 0;
  padding-bottom: 0; }

.footer-heading-right {
  width: 70%;
  display: block;
  float: left; }
  .footer-heading-right li {
    margin-left: 40px; }

.scroll-top {
  display: block;
  float: right; }

.display-table-section {
  background-color: #ED1C24;
  width: 48px;
  display: table;
  height: 48px;
  border-radius: 50%;
  position: fixed;
  bottom: 3px;
  right: 3px;
  text-align: center;
  vertical-align: middle; }
  .display-table-section .quick-link-section {
    display: table-cell;
    vertical-align: middle; }

.list-norobi {
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.04);
  padding: 20px;
  margin-bottom: 0;
  border-radius: 5px;
  padding-right: 10px;
  background-color: #fff;
  margin-top: -20px;
  padding-left: 40px;
  padding-top: 15px;
  border: 1px solid rgba(0, 0, 0, 0.08); }
  .list-norobi .list-inline-item:not(:last-child) {
    vertical-align: middle; }
  .list-norobi .content-quickrecharge {
    width: 41%; }
    .list-norobi .content-quickrecharge h3 {
      color: rgba(0, 0, 0, 0.87); }
    .list-norobi .content-quickrecharge small {
      font-size: 16px;
      color: rgba(0, 0, 0, 0.87); }
  .list-norobi .content-width-mid {
    width: 26.5%; }
    .list-norobi .content-width-mid .bt-primary {
      background-color: #ED1C24;
      color: #fff;
      border: none;
      width: 100%;
      display: inline-block;
      padding: 10.5px;
      margin-top: 7px;
      margin-left: 9px; }

.non-robiicons {
  margin-top: 30px; }

.non-robi-media {
  padding-left: 30px; }
  .non-robi-media img {
    height: 75px; }
  .non-robi-media .media-body {
    padding-left: 30px;
    border-right: 1px solid rgba(0, 0, 0, 0.12); }
    .non-robi-media .media-body h4 {
      color: rgba(0, 0, 0, 0.87); }
    .non-robi-media .media-body p {
      color: rgba(0, 0, 0, 0.87);
      font-size: 18px;
      line-height: 25px;
      margin-top: 5px; }

.marginspace {
  margin-top: 0;
  margin-bottom: 80px; }

.noborder {
  padding-left: 35px; }
  .noborder .media-body {
    border-right: 1px solid transparent; }

.padding-right {
  padding-right: 0; }

.bt-secondary {
  transition: all .3s ease-in-out;
  transform: translate3d(0px, 0px, 0px); }

.bt-secondary:hover {
  background-color: #ED1C24;
  color: #fff;
  border: 1px solid transparent;
  transition: all .3s ease-in-out;
  transform: translate3d(0px, -4px, 0px); }

.m-left-menu p:hover {
  color: #ED1C24; }

.list-dropdown-text li a:hover {
  color: #ED1C24; }

.display-none {
  display: none; }

.roaming-container {
  padding-top: 60px;
  background-color: #fff; }
  .roaming-container h1 {
    margin-bottom: 20px; }
  .roaming-container h6 {
    font-weight: 400;
    padding-bottom: 30px; }

.offer .home-mangege {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 0; }

.offer .home-digtal {
  background-color: #F8F8F8; }

.offer .mb-bottom {
  display: block; }

.roaming-country-serch {
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.04);
  padding: 20px;
  margin-bottom: 0;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 80px; }

.roaming-containerheading {
  width: 88%;
  margin: 0 auto; }

.country-form h3 {
  margin-bottom: 15px; }

.country-form p {
  font-size: 14px;
  margin-bottom: 15px; }

.margin-bottom {
  margin-bottom: 0; }

.form-relative-section {
  position: relative; }

.drop-menu {
  background-color: #fff;
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.04);
  margin-bottom: 0;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  position: absolute;
  z-index: 1;
  min-width: 100%; }
  .drop-menu a {
    padding-bottom: 10px;
    padding-top: 12px;
    padding-left: 16px;
    display: block;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87); }
    .drop-menu a img {
      width: 25px; }
    .drop-menu a span {
      margin-left: 15px; }
    .drop-menu a:hover {
      background-color: #f5f5f5; }

.list-flags li a {
  display: block;
  margin-right: 22px; }

.list-flags li img {
  width: 66px;
  height: 40px; }

.list-flags li p {
  color: rgba(0, 0, 0, 0.87);
  padding-top: 10px;
  font-size: 16px;
  font-weight: 500; }

.m-popolar-country {
  text-align: center; }
  .m-popolar-country h6 {
    padding-bottom: 20px;
    margin-top: 25px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87); }

.roaming-status-section form {
  padding: 20px;
  padding-top: 0;
  padding-left: 70px;
  padding-right: 70px;
  padding-bottom: 0; }
  .roaming-status-section form button {
    font-size: 18px;
    font-weight: bold;
    padding: 9px; }

.roaming-status {
  background-color: #f8f8f8;
  padding-top: 60px;
  padding-bottom: 60px; }

.no-padding {
  padding: 0; }

.slick-prev:before,
.slick-next:before {
  content: '' !important; }

.static-step {
  padding: 0;
  margin: 0;
  list-style: none;
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .static-step__item {
    text-align: center;
    padding: 0 30px 10px;
    position: relative; }
    .static-step__item:first-child::before {
      display: none; }
    .static-step__item::before {
      content: '';
      width: 50%;
      height: 2px;
      background: #ED1C24;
      position: absolute;
      top: 48px;
      left: -70px; }
  .static-step__logo {
    width: 100px;
    height: 100px; }
  .static-step__title {
    font-size: 20px;
    margin-top: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87); }
  .static-step__sdesc {
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.87);
    margin-top: 15px; }

.download-form {
  max-width: 277px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px; }
  .download-form__text {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    color: #ED1C24;
    font-weight: 500;
    display: inline-block; }
    .download-form__text:hover {
      color: #ED1C24;
      text-decoration: none;
      cursor: pointer; }

.roaming-active-container {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #fff; }

.roaming-bundle-section {
  background-color: #f8f8f8;
  padding-top: 60px;
  padding-bottom: 60px; }

.special-recharge {
  background-color: #FFF;
  padding: 30px;
  height: 220px; }
  .special-recharge__title {
    margin-bottom: 10px; }
    .special-recharge__title h3 {
      font-size: 22px;
      line-height: 32px;
      color: #000000; }
  .special-recharge__dayprice {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .special-recharge__dayprice-left {
    font-size: 16px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.6); }
  .special-recharge__dayprice-right {
    font-size: 20px;
    line-height: 30px;
    color: rgba(15, 15, 15, 0.87);
    font-weight: 500; }
  .special-recharge__button {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .special-recharge__button a {
      text-align: center;
      width: 100%;
      padding: 8px;
      border-radius: 5px;
      font-size: 16px;
      line-height: 22px;
      display: inline-block;
      vertical-align: middle; }
    .special-recharge__button .btn__primary {
      margin-right: 10px;
      background-color: #ED1C24;
      color: #FFF;
      border: 1px solid transparent;
      font-weight: 500; }
      .special-recharge__button .btn__primary:hover {
        text-decoration: none;
        color: #FFF; }
    .special-recharge__button .btn__secondary {
      border: 1px solid rgba(0, 0, 0, 0.38);
      margin-left: 10px;
      color: rgba(0, 0, 0, 0.54);
      font-weight: 500; }
      .special-recharge__button .btn__secondary:hover {
        text-decoration: none; }

.link-button {
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500; }

.link-button:hover {
  color: rgba(0, 0, 0, 0.54); }

.special-recharge__button .bt-primary {
  margin-right: 15px;
  padding: 8px 20px; }

.special-recharge__button .link-button {
  padding: 8px 19px; }

.roaming-card {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  margin-bottom: 30px; }
  .roaming-card:hover .roaming-card__desc {
    color: black; }
  .roaming-card__image {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px 5px 0 0; }
  .roaming-card__info {
    padding: 30px;
    background: #FFF;
    border-radius: 0 0 5px 5px;
    min-height: 210px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center; }
  .roaming-card__info-left-align {
    padding: 30px;
    background: #FFF;
    border-radius: 0 0 5px 5px;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .roaming-card__title {
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.87); }
  .roaming-card__desc {
    min-height: 100px; }
    @media (max-width: 576px) {
      .roaming-card__desc {
        min-height: auto; } }
  .roaming-card__detail {
    font-size: 18px;
    line-height: 22px;
    color: #ED1C24;
    font-weight: 500; }
    .roaming-card__detail:hover {
      color: #ED1C24;
      text-decoration: none; }

.roaming-card__desc p {
  font-size: 16px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.87); }

.purchase-social ul li a {
  display: block;
  margin-bottom: 20px; }

.roaming-bundle-section h2 {
  text-align: center;
  display: block;
  width: 100%;
  padding-bottom: 40px; }

.roaming-offers-section {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px; }
  .roaming-offers-section h2 {
    margin-bottom: 40px; }

.link-button svg {
  margin-left: 10px; }

.btn-spacing {
  margin-top: 40px; }

.roaming-help-item img {
  width: 50px;
  height: 50px; }

.bill-container-roaming {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px; }
  .bill-container-roaming .roaming-help-item {
    text-align: center; }
    .bill-container-roaming .roaming-help-item h4 {
      padding-top: 44px;
      color: rgba(0, 0, 0, 0.87); }
    .bill-container-roaming .roaming-help-item h6 {
      color: rgba(0, 0, 0, 0.87);
      font-weight: 300;
      padding-top: 23px; }
    .bill-container-roaming .roaming-help-item .no-spacing-top {
      padding-top: 10px; }

.roaming-help-item {
  border-right: 1px solid #eceaea; }

.roaming-help-item:last-child {
  border-right: none; }

.roaming-succes-offer {
  padding-top: 40px;
  padding-bottom: 40px; }
  .roaming-succes-offer svg {
    display: block;
    margin: 0 auto; }
  .roaming-succes-offer .t-center-top {
    padding-top: 20px; }

.t-center-top ul {
  width: 70%;
  margin: 0 auto;
  margin-top: 30px; }
  .t-center-top ul li {
    margin-bottom: 15px; }

.link-button {
  width: 100%;
  display: inline-block;
  padding: 10px;
  font-size: 18px;
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.54); }

.breadcum-container {
  padding-top: 20px;
  padding-bottom: 20px; }
  .breadcum-container .list-inline-item:not(:last-child) {
    padding-right: 30px;
    margin-right: 0; }
  .breadcum-container .list-inline li {
    position: relative;
    display: inline-block;
    color: rgba(0, 0, 0, 0.6); }
    .breadcum-container .list-inline li a {
      display: inline-block;
      color: rgba(0, 0, 0, 0.6);
      font-size: 13px; }

.breadcum-container .list-inline li:after {
  content: "";
  background-image: url("https://webapi.robi.com.bd/uploads/files/shares/assets/5c86ae286a216.svg");
  width: 12px;
  height: 17px;
  position: absolute;
  top: 1px;
  background-repeat: no-repeat;
  right: 12px; }

.breadcum-container .list-inline li:last-child:after {
  display: none; }

.country-inline-form h5 {
  display: inline-block;
  font-size: 18px; }

.country-inline-form img {
  margin-left: 10px;
  width: 20px; }

.country-search-result h6 {
  padding-bottom: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 300;
  font-size: 16px;
  opacity: .3; }

.n-item {
  margin-top: 28px; }
  .n-item li a {
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    border: 1px solid transparent;
    border-radius: 5px; }
  .n-item .active {
    color: #ED1C24;
    border: 1px solid #ED1C24;
    border-radius: 5px;
    font-size: 16px; }

.table-custom {
  text-align: left; }
  .table-custom thead {
    border: none; }
    .table-custom thead th {
      border: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.55);
      color: rgba(0, 0, 0, 0.87);
      font-size: 18px;
      line-height: 28px;
      font-weight: bold; }
  .table-custom tbody td {
    border-top: none;
    font-size: 16px;
    line-height: 26px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.87);
    padding-top: 20px;
    padding-bottom: 20px; }

.t-content-roaming {
  padding-top: 40px;
  padding-bottom: 50px; }

.bold {
  font-weight: 500; }

.roamigdataimage svg {
  width: 50px; }

.roamigdataimage p {
  padding-top: 24px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: 26px; }

.n-item li a {
  cursor: pointer; }

.wrapper {
  background: #fff; }

.customcard {
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.04);
  margin-bottom: 30px; }
  .customcard .card-body {
    padding: 20px;
    height: 130px; }
    .customcard .card-body h5 {
      font-size: 18px;
      line-height: 30px; }
  .customcard .card-footer {
    display: flex;
    justify-content: space-between;
    background-color: transparent;
    align-items: center;
    padding: 0;
    padding: 20px; }
    .customcard .card-footer h6 {
      color: #000;
      font-weight: bold;
      font-size: 20px;
      line-break: 30px; }
    .customcard .card-footer p {
      color: rgba(0, 0, 0, 0.54);
      font-size: 16px; }

.spacing-top {
  margin-top: 40px;
  margin-bottom: 40px; }

.robi__card {
  margin-bottom: 30px; }

.n-offer li {
  margin-right: 40px; }
  .n-offer li a {
    font-size: 18px;
    width: 106px;
    text-align: center; }

.data-change-reacharge .list-norobi {
  padding-left: 30px; }
  .data-change-reacharge .list-norobi .content-quickrecharge {
    width: 30%; }
  .data-change-reacharge .list-norobi .content-width-mid {
    width: 35.5%; }

.data-change-reacharge .list-norobi .list-inline-item:last-child {
  width: 28%; }

.data-change-reacharge .h3small {
  padding-top: 10px; }

.offer-tab-container h1 {
  margin-top: 40px; }

.o-single-data {
  width: 82%;
  display: block;
  margin: 0 auto; }

.offersingle .home-mangege {
  background-color: transparent; }

.offer-s-image {
  width: 100%;
  border-radius: 5px; }

.offer__detail .offer__detail-title h1 {
  font-size: 36px;
  line-height: 40px;
  color: rgba(15, 15, 15, 0.87);
  font-weight: medium;
  margin: 40px 0; }

.offer__detail .offer__detail-container {
  display: flex;
  justify-content: flex-start; }
  .offer__detail .offer__detail-container .offer__detail-container--left {
    width: 50%; }
    .offer__detail .offer__detail-container .offer__detail-container--left img {
      width: 100%; }
    .offer__detail .offer__detail-container .offer__detail-container--left .left-img {
      width: 100%;
      height: 252px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 5px; }

.offer__detail-container--right {
  padding-left: 10px; }
  .offer__detail-container--right .offer__detail--top {
    display: flex;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
    .offer__detail-container--right .offer__detail--top .offer__info {
      text-align: center;
      margin-right: 10%; }
      .offer__detail-container--right .offer__detail--top .offer__info img {
        display: block;
        margin: 0 auto 10px;
        width: 28.55px;
        height: 28.55px; }
      .offer__detail-container--right .offer__detail--top .offer__info span {
        display: block;
        margin: 0 auto;
        font-weight: 500;
        font-size: 18px;
        line-height: 28px;
        margin-top: 10px; }
  .offer__detail-container--right .offer__detail--middle .offer__price {
    display: flex;
    align-items: baseline;
    padding: 6px 0;
    padding-top: 12px; }
    .offer__detail-container--right .offer__detail--middle .offer__price h2 {
      font-size: 30px;
      line-height: 40px;
      margin: 0;
      margin-right: 10px; }
    .offer__detail-container--right .offer__detail--middle .offer__price span {
      font-size: 14px;
      line-height: 24px;
      color: rgba(15, 15, 15, 0.87); }
  .offer__detail-container--right .offer__detail--middle .Offer__buy-btn {
    margin-bottom: 12px; }
    .offer__detail-container--right .offer__detail--middle .Offer__buy-btn .Offer__buy-now {
      padding: 10px 80px;
      background: #ED1C24;
      color: #FFF;
      font-weight: bold;
      margin-right: 20px;
      display: inline-block;
      vertical-align: middle;
      border-radius: 5px;
      font-size: 18px;
      line-height: 22px; }
      .offer__detail-container--right .offer__detail--middle .Offer__buy-btn .Offer__buy-now:hover {
        text-decoration: none; }
    .offer__detail-container--right .offer__detail--middle .Offer__buy-btn span {
      display: inline-block;
      vertical-align: middle;
      font-size: 16px;
      line-height: 26px; }
      .offer__detail-container--right .offer__detail--middle .Offer__buy-btn span .offer__dial {
        color: #ED1C24; }
  .offer__detail-container--right .offer__detail-share {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .offer__detail-container--right .offer__detail-share .offer__detail-share--left {
      flex-grow: 1; }
      .offer__detail-container--right .offer__detail-share .offer__detail-share--left .star-icon {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        justify-content: flex-start;
        align-items: center; }
        .offer__detail-container--right .offer__detail-share .offer__detail-share--left .star-icon li {
          margin-right: 6px; }
    .offer__detail-container--right .offer__detail-share .offer__detail-link--right a {
      color: rgba(0, 0, 0, 0.87); }
      .offer__detail-container--right .offer__detail-share .offer__detail-link--right a img {
        width: 25px;
        height: 25px;
        display: inline-block;
        vertical-align: middle; }
      .offer__detail-container--right .offer__detail-share .offer__detail-link--right a:hover {
        text-decoration: none; }
    .offer__detail-container--right .offer__detail-share .offer__detail-link--right span {
      font-size: 16px;
      color: rgba(0, 0, 0, 0.87);
      margin-left: 10px;
      font-weight: 500; }

.m-top-section {
  margin-top: 40px; }
  @media (max-width: 576px) {
    .m-top-section {
      margin-bottom: 20px; } }

.ratevalue {
  font-size: 14px;
  color: rgba(15, 15, 15, 0.87);
  margin-left: 5px; }

.robi-share__container {
  width: 330px;
  position: relative; }
  .robi-share__container .close {
    position: absolute;
    right: 15px;
    top: 10px;
    color: rgba(0, 0, 0, 0.54);
    cursor: pointer;
    z-index: 5; }
    .robi-share__container .close span {
      font-size: 24px;
      color: rgba(0, 0, 0, 0.54); }

.robi-share__title {
  text-align: center;
  margin: 15px 0 25px 0;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.87); }

.robi-share__pages {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center; }
  .robi-share__pages li {
    margin: 0 12.5px; }
  .robi-share__pages img {
    width: 40px;
    height: 40px; }

.share-link .share-link__btn {
  margin-bottom: 10px; }

.share-link__input {
  background-color: rgba(0, 0, 0, 0.05);
  border: none;
  border-radius: 5px;
  margin: 30px 0 15px;
  padding: 11.5px;
  height: 45px; }
  .share-link__input:focus, .share-link__input:active {
    outline: 0;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.05); }

.share-link__copy {
  display: block;
  padding: 11.5px;
  background-color: #ED1C24;
  border-radius: 5px;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  color: #FFF; }
  .share-link__copy:hover, .share-link__copy:focus, .share-link__copy:active {
    outline: none;
    text-decoration: none;
    color: #FFF; }

.wrap-collabsible {
  margin-top: 20px; }
  .wrap-collabsible input[type='checkbox'] {
    display: none; }

.lbl-toggle {
  display: block;
  font-weight: bold;
  text-align: center;
  padding: 0;
  color: #000;
  text-align: left;
  cursor: pointer;
  border-radius: 7px;
  transition: all 0.25s ease-out;
  margin-bottom: 0; }

.lbl-toggle::before {
  content: '';
  background-image: url("http://139.59.224.30/robi-rooming/Icon_Plus.svg");
  height: 21px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: .7rem;
  background-repeat: no-repeat;
  position: relative;
  top: 4px;
  transition: transform .2s ease-out; }

.collapsible-content .content-inner {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding-left: 35px;
  padding-top: 14px; }

.content-inner {
  transition: max-height .25s ease-in-out; }

.collapsible-content {
  max-height: 0px;
  max-height: 350px;
  overflow: hidden; }

.toggle:checked + .lbl-toggle + .collapsible-content {
  transition: all .2s ease-in-out; }

.toggle:checked + .lbl-toggle::before {
  background-image: url("http://139.59.224.30/robi-rooming/Icon_minus.svg");
  top: 10px; }

.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.offer-color {
  background-color: #f8f8f8;
  padding-top: 60px; }
  .offer-color .o-single-data p {
    font-size: 18px;
    color: #000; }

.offer-single-data {
  padding-bottom: 60px; }

.wrap-collabsible {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-top: 22px;
  padding-bottom: 22px; }
  .wrap-collabsible .o-single-data p {
    padding-top: 60px; }

.dhonnobad .home-mangege {
  background-color: #fff;
  padding-bottom: 20px; }

.dhonnobad .mb-bottom-b {
  padding-bottom: 20px; }

.token-section-container {
  background-color: #f8f8f8;
  padding-top: 40px;
  padding-bottom: 40px; }

.item-section-all {
  text-align: center;
  padding: 20px;
  padding-top: 0;
  padding-bottom: 0; }
  .item-section-all img {
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 70px; }
  .item-section-all h4 {
    padding-top: 26px;
    color: rgba(0, 0, 0, 0.87);
    padding-bottom: 15px; }
  .item-section-all h6 {
    font-weight: 300;
    padding-bottom: 20px; }

.d-non-block .link-button {
  width: auto; }

.dhonnobadmember {
  background-color: #ED1C24;
  padding-top: 42px;
  padding-bottom: 42px; }
  .dhonnobadmember .h3small {
    display: inline-block;
    color: #fff; }
  .dhonnobadmember span {
    margin-left: 45px;
    display: inline-block;
    position: relative;
    top: -3px; }
  .dhonnobadmember .l-button-section {
    background-color: #fff;
    color: #ED1C24;
    font-size: 18px;
    /* line-height: 32px; */
    display: inline-block;
    font-weight: bold;
    padding: 7px 54px;
    border-radius: 4px; }

.reward-section {
  background-color: #f8f8f8;
  padding-top: 60px;
  padding-bottom: 60px; }

.reward-container .reward-heading {
  padding-bottom: 54px;
  text-align: center; }
  .reward-container .reward-heading h2 {
    padding-bottom: 20px; }
  .reward-container .reward-heading p {
    text-align: center;
    font-size: 16px; }

.m-item-r .media-body {
  padding-left: 40px; }
  .m-item-r .media-body h5 {
    font-size: 20px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.87);
    padding-bottom: 10px; }

.mt-top {
  margin-top: 40px; }

.d-section-all .roaming-status {
  background-color: #fff; }

.text-donnobad p {
  padding-top: 20px;
  color: rgba(0, 0, 0, 0.6); }

.d-success .bt-secondary {
  margin-bottom: 80px; }

.d-success .home-mangege {
  background-color: #fff;
  padding-bottom: 30px;
  padding-top: 0; }

.d-success .t-center-top h6 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 30px; }
  .d-success .t-center-top h6 span {
    color: #00AC4D; }

.d-success .mb-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.07); }
  .d-success .mb-bottom h2 {
    padding-top: 60px; }

.error-container h6 {
  padding-top: 20px;
  font-size: 18px;
  line-height: 32px; }

.roaming-error .roaming-active-container {
  padding-top: 0px; }

.active-roaming-data-section {
  padding-top: 60px; }

.reward-container {
  padding-top: 40px;
  padding-bottom: 10px; }
  .reward-container .h1 {
    color: rgba(0, 0, 0, 0.87); }

.dhonnobad .mb-bottom {
  display: none; }

.dhonnobad .home-mangege {
  padding-top: 0; }

.width-full-right {
  width: 100%;
  margin-bottom: 10px;
  display: block; }
  .width-full-right .float-right .ph-width {
    margin-bottom: 30px; }

.ph-side-link {
  display: block; }

.Dhonnobad .home-mangege {
  padding-bottom: 20px;
  background-color: #fff; }

.Dhonnobad .mb-bottom-b {
  padding-bottom: 60px; }

.n-t-o {
  position: relative;
  top: 5px; }

.panel-top {
  box-shadow: none !important; }

.panel-bg-4 {
  padding: 0 !important; }
  .panel-bg-4 .label {
    margin-bottom: 0; }

.faq-content .link-button {
  padding: 0;
  font-size: 14px; }

.panel-margin {
  margin-top: 20px; }

.all-tab-container li {
  margin-right: 20px; }
  .all-tab-container li a {
    font-size: 18px; }

.all-tab-container .n-item {
  margin-top: 10px; }

.span1 {
  font-size: 14px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.54);
  position: relative;
  top: 5px; }

.special-recharge {
  background-color: #FFF;
  padding: 30px;
  height: 274px;
  margin-bottom: 30px;
  border: 1px solid #eee;
  border-radius: 4px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.08); }
  .special-recharge__title {
    margin-bottom: 10px; }
    .special-recharge__title h3 {
      font-size: 24px;
      line-height: 32px;
      color: #000000; }
  .special-recharge__dayprice {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .special-recharge__dayprice-left {
    font-size: 16px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.6); }
  .special-recharge__dayprice-right {
    font-size: 20px;
    line-height: 30px;
    color: rgba(15, 15, 15, 0.87);
    font-weight: 500; }
  .special-recharge__button {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .special-recharge__button a {
      text-align: center;
      width: 100%;
      padding: 8px;
      border-radius: 5px;
      font-size: 16px;
      line-height: 19px;
      display: inline-block;
      vertical-align: middle; }
    .special-recharge__button .btn__primary {
      margin-right: 10px;
      background-color: #ED1C24;
      color: #FFF;
      border: 1px solid transparent;
      font-weight: 500; }
      .special-recharge__button .btn__primary:hover {
        text-decoration: none;
        color: #FFF; }
    .special-recharge__button .btn__secondary {
      border: 1px solid rgba(0, 0, 0, 0.38);
      margin-left: 10px;
      color: rgba(0, 0, 0, 0.54);
      font-weight: 500; }
      .special-recharge__button .btn__secondary:hover {
        text-decoration: none; }

.price-set {
  padding-top: 10px;
  padding-bottom: 10px; }
  .price-set .special-recharge__dayprice-right p {
    font-size: 16px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.6); }

.padding-all {
  padding-left: 15px;
  padding-right: 15px; }

.footer-heading-left h5 {
  color: rgba(0, 0, 0, 0.54); }

.special-recharge__dayprice-left p {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6); }

.special-recharge__dayprice-right p {
  color: rgba(15, 15, 15, 0.87);
  font-size: 20px;
  line-height: 30px; }

.m-to {
  margin-top: 10px; }

.pd-10 {
  padding-top: 40px; }

.t-top-pd {
  padding-bottom: 80px; }

.faq-bg {
  background-color: #F8F8F8;
  padding-top: 80px;
  padding-bottom: 40px; }

.text-spacing .roaming-card__desc {
  padding-bottom: 10px; }
  @media (max-width: 576px) {
    .text-spacing .roaming-card__desc {
      padding-bottom: 0; } }

.roaming-international-call {
  background-color: white !important; }

.chip-container .small-chip {
  background-color: transparent;
  border: 1px solid #eee;
  border-radius: 4px;
  padding-right: 5px;
  margin-right: 8px;
  margin-bottom: 8px; }
  .chip-container .small-chip:hover {
    background-color: transparent; }
  .chip-container .small-chip svg {
    font-size: 17px; }
  .chip-container .small-chip span {
    color: rgba(0, 0, 0, 0.54); }

.s-icon-list span {
  display: inline-block;
  color: rgba(0, 0, 0, 0.87);
  font-size: 16px; }
  .s-icon-list span ul {
    margin-left: 10px; }
    .s-icon-list span ul li {
      padding-right: 5px; }
      .s-icon-list span ul li a {
        display: inline-block; }
        .s-icon-list span ul li a svg {
          width: 25px;
          height: 25px; }

.special-recharge-height {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 320px; }
  .special-recharge-height .special-recharge__button {
    padding-top: 10px; }

.none {
  display: none; }

.close-icon {
  position: absolute;
  right: 30px;
  color: rgba(0, 0, 0, 0.6);
  top: 21px;
  z-index: 1; }

.phone-nav-section .m-first-menu a {
  display: block;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  padding: 23px;
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

.phone-nav-section .m-dropdown-menu a {
  display: block;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  padding: 15px;
  margin-left: 10px;
  font-weight: normal;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

.dropdown-menu.mega-menu .col-xl-3.no-padding:last-child .m-left-menu::after {
  width: 0; }

.all {
  float: right; }

.m-dropdown-menu {
  position: relative; }
  .m-dropdown-menu .all {
    position: absolute;
    top: 12px;
    right: 27px; }

.language-switcher {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #fff; }
  .language-switcher a {
    display: block;
    padding: 20px; }

.phone-nav-sections li a {
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 23px; }

a {
  color: #000; }

.back-link {
  padding: 23px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.87); }
  .back-link a {
    display: inline-block;
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    padding-left: 15px;
    text-transform: capitalize; }

.m-dropdown-menu-second {
  margin-top: 20px;
  font-weight: normal; }
  .m-dropdown-menu-second li a {
    display: block;
    padding: 15px;
    margin-left: 10px; }

.close-icon {
  position: absolute;
  right: 18px;
  color: rgba(0, 0, 0, 0.6);
  top: 18px;
  width: 22px;
  height: 22px;
  transform: scale(1);
  transition: all 0.1s ease-in-out; }
  .close-icon:hover {
    fill: #ED1C24;
    transform: scale(1.3); }

.nv-right li:last-child {
  display: none; }

.visible-xs {
  display: none; }

.opa {
  display: none; }

.fixed-top {
  background-color: #fff;
  padding-top: 15px;
  padding-bottom: 10px; }
  .fixed-top .navbar-brand {
    position: absolute;
    top: -8px;
    padding: 0;
    z-index: 1;
    width: 70px; }
    .fixed-top .navbar-brand svg {
      width: 100%; }
  .fixed-top .mega-menu {
    top: 73px; }

.fixed-top #navbarSupportedContents:before {
  opacity: 0; }

.home-mangege .mb-sec {
  margin-bottom: 1px; }

.offer__detail-container--right h1 {
  display: none; }

.n-offer li a {
  width: auto; }

.visible-tab {
  display: none; }

.modal-width {
  width: 400px; }

.modal-container__close {
  position: relative; }

.modal-container__close-action {
  position: absolute;
  top: 21px;
  right: 21px; }

.modal-container__body {
  padding: 30px; }

.modal-container__body-heading {
  margin-top: 10px; }
  .modal-container__body-heading-internet {
    font-size: 22px;
    line-height: 31px;
    margin-bottom: 15px;
    color: #000000;
    font-weight: 500;
    margin-top: 20px; }
  .modal-container__body-heading-validity {
    font-size: 16px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.87); }
  .modal-container__body-heading-price {
    font-size: 20px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
    padding-top: 10px; }

.modal-container__body-content-desc {
  font-size: 14px;
  line-height: 24px;
  color: #000;
  margin-bottom: 22px; }

.modal-container__body-content-list {
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
  list-style-type: none;
  padding: 0; }
  .modal-container__body-content-list li {
    position: relative;
    padding-left: 20px;
    padding-bottom: 10px; }
    .modal-container__body-content-list li::before {
      content: '';
      color: red;
      position: absolute;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #ED1C24;
      top: 9px;
      left: 0;
      display: inline-block; }

.modal-container__body-footer {
  display: flex;
  flex-direction: column;
  margin-top: 10px; }
  .modal-container__body-footer-buy {
    background-color: #ED1C24;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    border-radius: 5px;
    font-weight: bold;
    color: #FFF;
    margin-bottom: 15px;
    margin-top: 15px;
    display: block; }
    .modal-container__body-footer-buy:hover {
      text-decoration: none;
      color: #FFFFFF; }
  .modal-container__body-footer-close {
    display: block;
    background-color: #FFFFFF;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    border-radius: 5px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.54);
    border: 1px solid rgba(0, 0, 0, 0.38);
    margin-top: 10px; }
    .modal-container__body-footer-close:hover {
      text-decoration: none;
      color: rgba(0, 0, 0, 0.54); }

.modal-container__body-footer .bt-primary {
  padding: 11px; }

.roaming .bill-container-roaming {
  background-color: #FAFAFA; }

.connection-sin-sigle {
  background-color: #FAFAFA;
  margin-bottom: 15px !important; }

.roaming-international-call {
  padding-top: 80px;
  padding-bottom: 80px; }
  .roaming-international-call h2 {
    color: rgba(0, 0, 0, 0.87); }
  .roaming-international-call h6 {
    margin-bottom: 0;
    margin-top: 20px;
    margin-bottom: 15px; }

.custom_table td {
  border: none;
  border-bottom: 1px solid #eee; }

.i_call_rate {
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.04);
  border: 1px solid #eee;
  border-radius: 4px; }

.i_call_rate_content {
  margin-top: 20px; }
  .i_call_rate_content h5 {
    text-align: center;
    font-size: 15px;
    line-height: 26px;
    margin-top: 20px;
    padding-bottom: 20px; }
    .i_call_rate_content h5 a {
      color: #ED1C24;
      display: inline-block; }

.callrate_button {
  margin-top: 20px; }
  .callrate_button .bt-secondary {
    display: block;
    width: 100%; }

.d {
  color: rgba(0, 0, 0, 0.87); }

a:focus {
  outline: none; }

button:focus {
  outline: none; }

.bt-primary:foucs {
  outline: none; }

.text-center-ct {
  color: #ED1C24;
  margin-top: 20px;
  display: inline-block; }

.generic-innerpage .color {
  color: #ED1C24 !important; }

.generic-innerpage .color:hover {
  cursor: pointer;
  text-decoration: underline; }

.generic-innerpage .card-list__items {
  margin-bottom: 0; }
  .generic-innerpage .card-list__items li:last-child {
    margin-bottom: 0; }
  .generic-innerpage .card-list__items span {
    font-weight: 500; }

.generic-innerpage strong {
  font-weight: 500; }

.generic-innerpage h1 {
  font-size: 36px;
  line-height: 40px;
  margin-top: 15px;
  margin-bottom: 25px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87); }
  @media (max-width: 576px) {
    .generic-innerpage h1 {
      font-size: 26px;
      line-height: 36px;
      margin-bottom: 15px; } }

.generic-innerpage h2 {
  font-size: 30px;
  line-height: 38px;
  margin-top: 15px;
  margin-bottom: 25px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87); }
  @media (max-width: 576px) {
    .generic-innerpage h2 {
      font-size: 24px;
      line-height: 38px;
      margin-top: 5px;
      margin-bottom: 15px; } }

.generic-innerpage h3 {
  font-size: 24px;
  line-height: 32px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87); }
  @media (max-width: 576px) {
    .generic-innerpage h3 {
      font-size: 20px;
      line-height: 32px;
      margin-top: 5px;
      margin-bottom: 15px; } }

.generic-innerpage h4 {
  font-size: 20px;
  line-height: 28px;
  margin-top: 15px;
  margin-bottom: 25px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87); }
  @media (max-width: 576px) {
    .generic-innerpage h4 {
      font-size: 18px;
      line-height: 28px;
      margin-top: 5px;
      margin-bottom: 15px; } }

.generic-innerpage .lead-text {
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 15px;
  color: rgba(0, 0, 0, 0.87); }
  @media (max-width: 576px) {
    .generic-innerpage .lead-text {
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 15px; } }

.generic-innerpage p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 15px;
  color: rgba(0, 0, 0, 0.87); }
  @media (max-width: 576px) {
    .generic-innerpage p {
      font-size: 18px;
      line-height: 30px; } }

.generic-innerpage ul {
  margin-bottom: 20px;
  list-style-type: none;
  padding: 0;
  padding-left: 15px; }
  .generic-innerpage ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 30px; }
    @media (max-width: 576px) {
      .generic-innerpage ul li {
        font-size: 16px;
        line-height: 30px; } }
    .generic-innerpage ul li::before {
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 100px;
      background-color: #ED1C24;
      position: absolute;
      left: 0;
      top: 9px; }

.generic-innerpage ol {
  list-style: none;
  padding: 0; }
  .generic-innerpage ol li {
    counter-increment: li;
    margin-bottom: 20px;
    padding-left: 20px;
    font-size: 18px;
    line-height: 30px; }
    @media (max-width: 576px) {
      .generic-innerpage ol li {
        font-size: 16px;
        line-height: 30px; } }
    .generic-innerpage ol li::before {
      content: "." counter(li);
      color: red;
      display: inline-block;
      width: 1em;
      margin-left: -1.5em;
      margin-right: 0.5em;
      text-align: right;
      direction: rtl; }

.generic-innerpage img {
  display: block;
  width: 100%;
  height: 100%; }

.generic-innerpage small {
  color: #000000;
  font-size: 14px;
  line-height: 16px;
  margin-top: 10px;
  margin-bottom: 20px;
  display: inline-block; }

.generic-innerpage table thead tr {
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4); }
  .generic-innerpage table thead tr th {
    color: rgba(0, 0, 0, 0.87);
    font-size: 18px;
    line-height: 28px;
    border: none; }
    @media (max-width: 576px) {
      .generic-innerpage table thead tr th {
        font-size: 16px;
        line-height: 24px; } }

.generic-innerpage table tbody tr {
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .generic-innerpage table tbody tr td {
    font-size: 18px;
    line-height: 30px;
    border: none;
    color: rgba(0, 0, 0, 0.87); }
    @media (max-width: 576px) {
      .generic-innerpage table tbody tr td {
        font-size: 16px;
        line-height: 26px; } }

.generic-innerpage .mark-text {
  padding: 30px 35px;
  background-color: #F4F4F4;
  border-left: 5px solid #ED1C24;
  margin-bottom: 30px; }
  @media (max-width: 576px) {
    .generic-innerpage .mark-text {
      padding: 20px 25px; } }
  .generic-innerpage .mark-text p {
    margin: 0;
    font-size: 20px;
    line-height: 30px; }
    @media (max-width: 576px) {
      .generic-innerpage .mark-text p {
        font-size: 16px;
        line-height: 24px; } }

.generic-innerpage .button {
  padding: 8px 30px;
  background: #ED1C24;
  display: inline-block;
  border-radius: 5px;
  margin: 5px 20px;
  color: white;
  font-weight: bold;
  transition: all .3s; }
  .generic-innerpage .button:hover {
    cursor: pointer;
    transform: translateY(-3px); }
  @media (max-width: 576px) {
    .generic-innerpage .button {
      padding: 4px 15px;
      border-radius: 5px;
      margin: 5px;
      font-size: 16px; } }

.roaming-bill-section {
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 40px;
  padding-top: 30px; }
  .roaming-bill-section p {
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.54); }
  .roaming-bill-section form {
    padding-left: 0;
    padding-right: 0; }

.form-control:focus {
  box-shadow: none;
  outline: none; }

#navbarSupportedContents {
  padding-left: 15px;
  padding-right: 15px; }
  #navbarSupportedContents .nv-second-l svg {
    position: absolute;
    right: 11px;
    top: 3px;
    z-index: 1; }

.d-none-option {
  display: none; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; }

.input-group {
  border-radius: 5px; }

.content-width-mid .input-group {
  border-radius: 5px; }
  .content-width-mid .input-group .form-control {
    font-size: 14px;
    margin-top: 2px;
    padding-left: 5px; }

.banner-top__content {
  width: 500px;
  float: right; }
  .banner-top__content h1,
  .banner-top__content p,
  .banner-top__content div {
    text-align: left; }

.css-collapse__content .tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: rgba(0, 0, 0, 0.87); }
  .css-collapse__content .tab:last-child label {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .css-collapse__content .tab:last-child input:checked ~ label {
    border-bottom: none; }
  .css-collapse__content .tab:last-child input:checked ~ .tab-content {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .css-collapse__content .tab:last-child input:checked ~ .tab-content p {
    margin-bottom: 15px; }
  .css-collapse__content .tab input {
    position: absolute;
    opacity: 0;
    z-index: -1; }
  .css-collapse__content .tab label {
    font-size: 18px;
    margin: 0;
    line-height: 28px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    position: relative;
    display: block;
    padding: 10px;
    cursor: pointer;
    padding-left: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    transition: 0.15s; }
  .css-collapse__content .tab .tab-content {
    max-height: 0;
    font-size: 18px;
    line-height: 28px;
    padding-left: 30px;
    overflow: hidden;
    -webkit-transition: max-height 0.05s;
    -o-transition: max-height 0.05s;
    transition: max-height 0.05s;
    color: rgba(0, 0, 0, 0.87); }

.css-collapse__content .tab input:checked ~ .tab-content {
  max-height: 100%;
  margin-bottom: 15px; }

.css-collapse__content .tab label::before {
  position: absolute;
  left: 0;
  top: 10px;
  display: block;
  text-align: center; }

.css-collapse__content .tab input[type="checkbox"] + label::before {
  content: "+";
  font-size: 24px; }

.css-collapse__content .tab input[type="checkbox"]:checked + label::before {
  content: "-";
  font-size: 40px;
  top: 12px; }

.panel-all-robi h2 {
  margin-bottom: 30px; }

.roaming-succes-offer h2 {
  margin-bottom: 15px; }

.roaming-succes-offer h5 {
  margin-bottom: 20px; }
  .roaming-succes-offer h5 span {
    padding: 0 10px;
    color: #00AC4D; }

.page-heading__holder .breadcum-container .container {
  padding-left: 0 !important; }

.page-heading__holder .page-heading__title {
  margin-bottom: 40px; }
  @media (max-width: 576px) {
    .page-heading__holder .page-heading__title {
      margin-top: 20px; } }

.management-committee__member {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 30px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04); }
  .management-committee__member .management-committee__member-desc {
    order: 2;
    flex: 0 0 50%;
    padding: 30px; }
    @media (max-width: 576px) {
      .management-committee__member .management-committee__member-desc {
        flex: 0 0 100%; } }
    .management-committee__member .management-committee__member-desc .member-designation {
      margin-bottom: 15px;
      font-size: 16px;
      line-height: 20px;
      color: rgba(0, 0, 0, 0.6); }
    .management-committee__member .management-committee__member-desc .member-name {
      margin-bottom: 15px;
      font-size: 20px;
      line-height: 28px;
      font-weight: 500; }
    .management-committee__member .management-committee__member-desc .member-short-description {
      min-height: 100px;
      margin-bottom: 20px;
      font-size: 14px;
      line-height: 24px;
      color: rgba(0, 0, 0, 0.87); }
      @media (max-width: 576px) {
        .management-committee__member .management-committee__member-desc .member-short-description {
          min-height: auto; } }
    .management-committee__member .management-committee__member-desc .member-detail a {
      color: #ED1C24;
      font-size: 16px;
      line-height: 19px;
      cursor: pointer; }
    .management-committee__member .management-committee__member-desc .member-detail span {
      height: 10px;
      width: 7px;
      margin-left: 10px; }
  .management-committee__member .management-committee__member-image {
    order: 1;
    flex: 0 0 50%;
    background-color: #F8F8F8; }
    @media (max-width: 576px) {
      .management-committee__member .management-committee__member-image {
        flex: 0 0 100%; } }
    .management-committee__member .management-committee__member-image img {
      width: 100%;
      height: 321px; }

.management-committee .feature img {
  border-radius: 5px 0 0 5px; }

.management-committee .single-member {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start; }
  .management-committee .single-member .member-name {
    min-height: 55px; }
    @media (max-width: 576px) {
      .management-committee .single-member .member-name {
        min-height: auto; } }
  .management-committee .single-member .member-designation {
    font-size: 14px;
    line-height: 20px; }
  .management-committee .single-member .member-short-description {
    display: none; }
  .management-committee .single-member img {
    width: 100%;
    height: 255px;
    border-radius: 5px 5px 0 0; }

.generic-landing-page__title h1 {
  margin-bottom: 40px; }
  @media (max-width: 768px) {
    .generic-landing-page__title h1 {
      margin-top: 40px; } }
  @media (max-width: 576px) {
    .generic-landing-page__title h1 {
      margin-bottom: 15px;
      margin-top: 25px; } }

.sim-purchase__order-header {
  height: 60px;
  padding: 10px;
  position: relative;
  border-bottom: 2px solid #ED1C24; }
  .sim-purchase__order-header .sim-purchase__back {
    position: absolute;
    left: 20px;
    top: calc(50% - 10.5px);
    z-index: 100; }
    .sim-purchase__order-header .sim-purchase__back .arrow_left {
      margin-right: 10px; }
    @media (max-width: 576px) {
      .sim-purchase__order-header .sim-purchase__back .mobile-hide-text {
        display: none; } }
  @media (max-width: 576px) {
    .sim-purchase__order-header .logo-holder {
      margin-left: 10%; } }
  .sim-purchase__order-header .logo-holder img {
    width: 74px; }

.select__order {
  padding-top: 40px;
  padding-bottom: 40px; }
  .select__order .select-radio {
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.04); }

@media (max-width: 768px) {
  .modal-global-width {
    padding: 30px;
    margin: 10% auto; } }

.modal-global-width .close-icon {
  position: absolute;
  right: 20px;
  color: rgba(0, 0, 0, 0.54);
  top: 20px;
  width: 20px;
  height: 20px; }

.modal-global-width .forgot-password {
  margin-top: 20px;
  text-align: center; }
  .modal-global-width .forgot-password a {
    color: #ED1C24;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px; }

.Mnp .roaming-status {
  padding-top: 30px; }

.Mnp .roaming-status-section h1 {
  margin-bottom: 30px; }

.Mnp .roaming-status-section p {
  text-align: center; }

.customerservice-start .u-section__padding {
  padding-top: 60px;
  padding-bottom: 100px; }
  @media (max-width: 576px) {
    .customerservice-start .u-section__padding {
      padding-top: 20px;
      padding-bottom: 40px; } }

.customerservice-start h1 {
  margin-bottom: 20px; }

.customerservice-start .coustomer-small-heading {
  margin-bottom: 20px; }

.customerservice-start .service-icon {
  margin-bottom: 20px; }

.customerservice-start .img-background img {
  border-radius: 100%;
  width: 60px;
  padding: 10px;
  margin-bottom: 10px; }

.customerservice-start .sheba-center__map h2 {
  margin-bottom: 20px; }

.customerservice-single-start h1 {
  margin-bottom: 20px;
  text-align: center; }

@media (max-width: 768px) {
  .customerservice-single-start .page-heading__holder {
    margin-top: 25px; } }

.customerservice-single-start .page-heading__holder p {
  margin-bottom: 20px;
  text-align: center; }

.customerservice-single-start .u-section__padding {
  padding-top: 20px;
  padding-bottom: 80px; }
  @media (max-width: 576px) {
    .customerservice-single-start .u-section__padding {
      padding-top: 20px;
      padding-bottom: 40px; } }

.customerservice-single-start .service-search {
  margin-bottom: 40px; }

.customerservice-single-start .css-collapse__content {
  margin-bottom: 60px; }

.section-4g .color-collapse {
  padding-bottom: 120px; }
  .section-4g .color-collapse h2 {
    text-align: center; }

.section-4g .why-robi-section {
  padding-bottom: 40px;
  background-color: #f8f8f8; }
  .section-4g .why-robi-section h2 {
    padding-top: 60px; }

.section-4g .home-device-bottom {
  padding-bottom: 50px; }

.section-4g .coverage-map__wrap {
  padding-top: 60px;
  padding-bottom: 40px; }
  .section-4g .coverage-map__wrap h2 {
    margin-bottom: 20px; }

.author-wrap .author {
  text-align: center;
  margin-top: 5px !important;
  margin-bottom: 40px !important; }

@media (max-width: 576px) {
  .mob-hr {
    width: 100%;
    margin: 20px 0;
    margin-top: 5px !important;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.08); } }

.internetpack .n-offer {
  padding-left: 0 !important; }

.non-robi__sim-network .media-body p {
  padding-right: 10px; }
  @media (max-width: 576px) {
    .non-robi__sim-network .media-body p {
      padding-right: 0; } }

.recharge-btn-section a {
  transition: all .3s ease-in-out; }
  .recharge-btn-section a:hover {
    color: #ED1C24; }
  .recharge-btn-section a .svg-color:hover {
    color: #ED1C24; }

.recharge-btn-section a:hover .svg-color {
  fill: red; }

.width-full-section {
  width: 100%;
  margin: 0; }
  .width-full-section .footer-right ul li {
    margin-bottom: 10px; }

.wellcome-section-body {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  border-radius: 5px;
  padding-bottom: 30px;
  padding-top: 50px;
  display: block;
  margin-bottom: 30px; }
  .wellcome-section-body:hover {
    border-color: rgba(237, 28, 36, 0.4); }
  .wellcome-section-body img {
    width: 150px;
    display: block;
    margin: 0 auto; }
  .wellcome-section-body p {
    text-align: center;
    width: 209px;
    height: 70px;
    margin: 0 auto;
    padding-top: 30px;
    font-style: normal;
    font-weight: normal;
    line-height: 26px;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.01em;
    opacity: .6; }

/*-----------Ghachang Offer css start-------*/
.ghachang-section .top-log {
  display: block;
  margin: 0 auto; }

.ghachang-section h1 {
  font-size: 30px;
  line-height: 38px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  padding-top: 30px; }

.ghachang-section .ghachang-text {
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.87);
  padding-top: 20px; }
  .ghachang-section .ghachang-text span {
    font-size: 18px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.54);
    padding-right: 10px; }
  .ghachang-section .ghachang-text .pen-edit {
    margin-left: 13px; }

@media (max-width: 600px) {
  .ghachang-section h1 {
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    padding-top: 30px; }
  .ghachang-section .ghachang-text {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.87);
    padding-top: 20px; }
    .ghachang-section .ghachang-text span {
      font-size: 14px;
      line-height: 24px;
      color: rgba(0, 0, 0, 0.54);
      padding-right: 10px; }
    .ghachang-section .ghachang-text .pen-edit {
      margin-left: 12px;
      height: 17px;
      width: 17px; } }

/*-----------Ghachang Offer css End-------*/
.no-margin-dhonnobad {
  margin: 0; }

.img-background {
  border: 1px solid transparent;
  transition: all .2s ease-in-out; }

.homeicon-sec .img-background img {
  transition: all .2s ease-in-out; }

.homeicon-section {
  transition: all .2s ease-in-out; }

.homeicon-section:hover h4 {
  transition: all .2s ease-in-out;
  color: #ED1C24; }

.homeicon-section:hover .img-background {
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: 1px 2px 3px #00000026;
  border: 1px solid red; }

.homeicon-section:hover img {
  transition: all .2s ease-in-out;
  transform: translate3d(0px, -1px, 0px); }

.device-item {
  transition: all .2s ease-in-out; }

.device-item img {
  transition: all .2s ease-in-out; }

.device-item:not(.manageaccount):hover p {
  transition: all .2s ease-in-out; }

.wrapper .homePage .App .home-device-bottom .device-item:hover h3 {
  color: #ED1C24; }

.n-center li a:hover {
  color: #ED1C24; }

.device-item:not(.manageaccount):hover img {
  transform: scale(1.1);
  transition: all .2s ease-in-out; }

.roaming-card.card {
  border: none; }

.special-recharge__button .btn__secondary {
  transition: all .3s ease-in-out;
  transform: translate3d(0px, 0px, 0px); }
  .special-recharge__button .btn__secondary:hover {
    transform: translate3d(0px, -2px, 0px); }

.special-recharge__button .btn__primary {
  transition: all .3s ease-in-out;
  transform: translate3d(0px, 0px, 0px); }
  .special-recharge__button .btn__primary:hover {
    transform: translate3d(0px, -2px, 0px); }

.modal-container__body-footer .bt-primary {
  transition: all .3s ease-in-out;
  transform: translate3d(0px, 0px, 0px); }
  .modal-container__body-footer .bt-primary:hover {
    transform: translate3d(0px, -2px, 0px);
    color: #fff; }

.modal-container__body-footer-close {
  transition: all .3s ease-in-out;
  transform: translate3d(0px, 0px, 0px); }
  .modal-container__body-footer-close:hover {
    transform: translate3d(0px, -2px, 0px); }

.content-width-mid .bt-primary {
  transition: all .3s ease-in-out;
  transform: translate3d(0px, 0px, 0px); }
  .content-width-mid .bt-primary:hover {
    transform: translate3d(0px, -2px, 0px); }

.modal-detatils .close-icon:hover {
  fill: red; }

.rechargedata .bt-primary {
  transition: all .3s ease-in-out;
  transform: translate3d(0px, 0px, 0px); }
  .rechargedata .bt-primary:hover {
    transform: translate3d(0px, -2px, 0px); }

.l-button-section {
  transition: all .3s ease-in-out;
  transform: translate3d(0px, 0px, 0px); }
  .l-button-section:hover {
    transform: translate3d(0px, -2px, 0px); }

.roaming-succes-offer .bt-primary {
  transition: all .3s ease-in-out;
  transform: translate3d(0px, 0px, 0px); }
  .roaming-succes-offer .bt-primary:hover {
    transform: translate3d(0px, -2px, 0px); }

.recharge-btn-section .bt-primary {
  transition: all .3s ease-in-out;
  transform: translate3d(0px, 0px, 0px); }
  .recharge-btn-section .bt-primary:hover {
    transform: translate3d(0px, -2px, 0px); }

.roaming-active-container {
  padding-top: 40px; }

.item-row .roaming-card .special-recharge__button .bt-primary {
  padding: 9px 16px;
  transition: all .2s ease-in-out;
  transform: translate3d(0px, 0px, 0px); }
  .item-row .roaming-card .special-recharge__button .bt-primary:hover {
    transform: translate3d(0px, -5px, 0px);
    color: #fff; }

.roaming-card .link-button {
  padding: 0;
  color: red;
  transition: all .2s ease-in-out;
  transform: translate3d(0px, 0px, 0px); }
  .roaming-card .link-button:hover {
    transform: translate3d(0px, -5px, 0px); }

.roaming-card__info-left-align .link-button {
  padding: 0;
  color: red; }

.robi__card {
  background-color: #fff; }

.download-form__text {
  transition: all .2s ease-in-out;
  transform: translate3d(0px, 0px, 0px); }
  .download-form__text:hover {
    transform: translate3d(0px, -5px, 0px); }

.Offer__buy-now {
  transition: all .2s ease-in-out;
  transform: translate3d(0px, 0px, 0px); }
  .Offer__buy-now:hover {
    transform: translate3d(0px, -5px, 0px);
    transition: all .2s ease-in-out; }

.offer__detail-container--right .offer__detail-share .offer__detail-link--right span {
  transition: all .2s ease-in-out; }
  .offer__detail-container--right .offer__detail-share .offer__detail-link--right span:hover {
    transition: all .2s ease-in-out;
    color: #ED1C24; }

.roaming-status-section .bt-primary {
  transition: all .2s ease-in-out;
  transform: translate3d(0px, 0px, 0px); }
  .roaming-status-section .bt-primary:hover {
    transform: translate3d(0px, -3px, 0px); }

.generallanding .roaming-card__info-left-align {
  min-height: auto;
  overflow: hidden; }

.modal-search .dropdown-search-list ul li a:hover {
  color: red;
  opacity: 1; }

.roaming-card__desc {
  min-height: auto; }

.block-ellipsis {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 48px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.block-ellipsis-3 {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 98px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.roaming-card {
  overflow: hidden;
  transition: all .2s ease-in-out; }

.roaming-card__image {
  transition: all .2s ease-in-out; }

.roaming-card:hover .roaming-card__image {
  transition: all .2s ease-in-out;
  overflow: hidden; }

.roaming-height {
  overflow: hidden; }

.special-recharge__button .bt-secondary:hover {
  background-color: transparent;
  border: 1px solid #ED1C24;
  color: #ED1C24; }

.wellcome-section-start {
  padding-bottom: 10px; }

.height-fixed {
  max-height: 300px;
  overflow-y: scroll; }

.customerservice-start .d {
  margin-bottom: 0; }

.special-recharge .special-recharge__title h3 {
  min-height: 50px; }

.page-404 {
  margin-bottom: 50px;
  margin-top: 50px; }

.page-404 .container .content-holder h3 {
  margin: 25px 0;
  text-transform: uppercase;
  text-align: center;
  font-size: 24px;
  font-weight: bold; }

.page-404 .container .content-holder p {
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px; }

.page-404 .container .content-holder .short-items {
  list-style-type: none;
  margin-bottom: 50px; }

.page-404 .container .content-holder .short-items {
  list-style-type: none;
  margin-bottom: 50px; }

.page-404 .container .content-holder .short-items li {
  font-size: 16px; }

.page-404 .container .content-holder .links ul {
  list-style-type: none;
  padding: 0;
  text-align: center !important; }

.page-404 .container .content-holder .links ul li a {
  padding: 0 10px;
  color: #FF0000;
  font-size: 16px;
  line-height: 16px; }

.content-holder {
  margin-top: 50px; }

.no-roaming-space .roaming-status {
  padding-top: 0px;
  padding-bottom: 0px; }

.no-roaming-space .roaming-succes-offer {
  padding-top: 0; }

@media (max-width: 420px) {
  .nv-second {
    width: 500px !important; } }

.page__press_release .roaming-card__title {
  white-space: normal;
  overflow: initial;
  text-overflow: initial; }

.page__press_release .roaming-card__info-left-align {
  height: 200px; }

.bg-color {
  background-color: #FFF !important; }

.bg-color-offwhite {
  background-color: #F8F8F8 !important; }

.need-to-know .home-mangege {
  background-color: #FFF; }

.roaming__contact .bill-container-roaming {
  background-color: #FFF !important; }

.list-flags li img {
  margin: 0 auto; }

.phone-section-nav {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .phone-section-nav .m-first-top {
    position: static; }
    .phone-section-nav .m-first-top .no-border-bottom-0 {
      border: none;
      font-size: 14px;
      line-height: normal;
      color: rgba(0, 0, 0, 0.54); }
  .phone-section-nav .position-absolutes {
    position: absolute !important;
    width: 100%;
    left: 0; }

.active-item {
  color: #ED1C24 !important;
  position: relative; }

.active-item::after {
  content: "";
  position: absolute;
  left: 20px;
  right: 0;
  text-align: center;
  padding-right: 36px;
  bottom: -3px;
  z-index: 1;
  height: 9px;
  width: 9px;
  margin: 0 auto;
  background-repeat: no-repeat;
  padding-right: 40px;
  background-image: url("/static/images/a.svg"); }

.back-link a {
  font-size: 14px;
  line-height: normal;
  color: rgba(0, 0, 0, 0.87); }

.home-title {
  font-size: 30px;
  padding: 5px; }
  @media (max-width: 576px) {
    .home-title {
      padding-bottom: 0;
      font-size: 20px !important;
      line-height: 26px; } }

.page__goti_36 table {
  width: 100%; }

.page__goti_36 .generic-innerpage table thead tr th {
  height: 45px; }

.page__goti_36 .generic-innerpage table tbody tr td {
  height: 45px; }

.page__shorol_39 table {
  width: 100%; }

.page__shorol_39 .generic-innerpage table thead tr th {
  height: 45px; }

.page__shorol_39 .generic-innerpage table tbody tr td {
  height: 45px; }

.page__shorol_39 .generic-innerpage table tbody tr td p {
  margin: 0; }

.generic-innerpage .font-bold {
  font-weight: bold;
  margin-bottom: 12px;
  display: block; }

.page__postpaid_package_1 table {
  width: 100%; }

.page__postpaid_package_1 .generic-innerpage table thead tr th {
  height: 50px; }

.page__postpaid_package_1 .generic-innerpage table tbody tr td {
  height: 50px; }

.page__postpaid_package_1 .generic-innerpage table tbody tr td p {
  margin: 0; }

.no-focus div:focus {
  background: white; }

.no-focus > div {
  padding: 0; }

.small-chip div:focus {
  background: #fff; }

.sticky-section-top {
  position: relative;
  color: #fff;
  display: flex;
  align-items: center; }
  .sticky-section-top p {
    line-height: normal;
    font-size: 14px;
    text-align: center;
    padding: 5px;
    padding-top: 0 !important;
    width: 95%;
    margin: 0 auto; }
    .sticky-section-top p img {
      height: 55px;
      margin-right: 10px; }
  .sticky-section-top .cross-btn {
    position: absolute;
    right: 30px;
    padding: 10px;
    cursor: pointer;
    top: 4px;
    transform: scale(1);
    transition: all 0.3s ease-in-out; }
    .sticky-section-top .cross-btn:hover svg {
      transform: scale(1.4); }
      .sticky-section-top .cross-btn:hover svg path {
        fill: #ED1C24; }

.full-height-navigation {
  position: relative; }

.sticky-section-top p a {
  color: #fff; }

.stickyData-nav {
  background-color: #F8F8F8;
  padding: 10px; }
  .stickyData-nav li {
    width: 23%; }
  .stickyData-nav img {
    width: 25px;
    display: block;
    text-align: center;
    margin: 0 auto; }
  .stickyData-nav p {
    text-align: center;
    font-size: 11px;
    color: rgba(0, 0, 0, 0.87);
    padding-top: 5px; }

.n-top-item-section {
  top: 100px !important; }

.banner-top__content .home-title {
  color: black;
  padding-left: 0; }

.banner-top__content .t-right-width .bt-secondary {
  color: #ED1C24;
  padding: 10px 20px;
  font-size: 14px;
  position: relative;
  font-weight: bold;
  background-color: transparent;
  border: 1px solid #ED1C24; }

.padding-top-10 {
  padding-top: 10px; }

.robi-sitemap-section {
  margin-top: 50px; }
  .robi-sitemap-section h2 {
    text-align: center;
    padding-bottom: 50px; }
  .robi-sitemap-section h3 {
    margin-bottom: 20px; }
    .robi-sitemap-section h3 a {
      text-decoration: none;
      color: #000000; }
  .robi-sitemap-section a:hover {
    color: #ED1C24 !important; }
  .robi-sitemap-section .custom-head-option {
    margin-top: 50px; }
  .robi-sitemap-section .custom-label {
    border-right: 1px solid #80808030; }
  .robi-sitemap-section .internet-part p.main {
    font-size: 18px;
    line-height: 35px;
    font-weight: 500; }
    .robi-sitemap-section .internet-part p.main a {
      text-decoration: none;
      color: #000000; }
  .robi-sitemap-section .internet-part p {
    font-size: 18px;
    line-height: 35px; }
    .robi-sitemap-section .internet-part p a {
      text-decoration: none;
      color: #000000; }
  .robi-sitemap-section .digital-solution-part {
    margin-top: 35px; }
    .robi-sitemap-section .digital-solution-part p.main {
      font-size: 18px;
      line-height: 35px;
      font-weight: 500; }
      .robi-sitemap-section .digital-solution-part p.main a {
        text-decoration: none;
        color: #000000; }
    .robi-sitemap-section .digital-solution-part p {
      font-size: 18px;
      line-height: 35px; }
      .robi-sitemap-section .digital-solution-part p a {
        text-decoration: none;
        color: #000000; }

@media screen and (max-width: 1199px) and (min-width: 768px) {
  .custom-label {
    margin-bottom: 40px; }
  .custom-label-s {
    border-right: none !important; } }

@media (max-width: 767px) {
  .main {
    margin-top: 35px; }
  .custom-label {
    border-right: none !important; }
  .custom-label-s {
    margin-top: 35px; } }

.non__robi {
  border: 1px solid #eaeaea;
  padding: 20px 10px;
  border-radius: 5px;
  margin-bottom: 15px;
  box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.2), 0px 0px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); }
  .non__robi h4 {
    margin-bottom: 0; }
  .non__robi .p-strong {
    font-weight: 500;
    margin-bottom: 5px; }
  .non__robi a {
    display: inline-block;
    background-color: transparent;
    color: #ED1C24;
    border: 1px solid #ED1C24;
    font-size: 16px;
    padding: 5px 20px;
    /* padding-bottom: 10px; */
    line-height: 26px;
    transition: all .3s ease-in-out;
    transform: translate3d(0px, 0px, 0px);
    border-radius: 5px;
    margin: 10px 10px 0;
    font-weight: 500; }
    .non__robi a:hover {
      background-color: #ED1C24;
      color: #fff;
      border: 1px solid transparent;
      transition: all .3s ease-in-out;
      transform: translate3d(0px, -2px, 0px); }

.dhonnobad-landing .roaming-status {
  padding: 10px 0; }

.page-take-over-body {
  width: 487px;
  display: block;
  margin: 0 auto;
  margin-top: 46px; }
  .page-take-over-body img {
    width: 100%; }
  .page-take-over-body .page-takeover-box .page-box-link {
    margin-top: 36px;
    display: block; }
  .page-take-over-body .page-take-over-text {
    margin-top: 20px; }

.page-take-over-link .link-button-click {
  line-height: normal;
  font-size: 18px;
  text-align: center;
  background: #ED1C24;
  border-radius: 5px;
  color: #FFFFFF;
  position: fixed;
  right: 40px;
  top: 30px;
  display: block;
  padding: 11px 15px;
  padding-bottom: 9px; }

.page-take-over-link svg {
  margin-left: 10px; }

.page-box-link .animated-down {
  animation: shake 0.8s;
  /* When the animation is finished, start again */
  animation-iteration-count: infinite; }

.page-box-link .animated-up {
  -webkit-animation: wobble 0.5s linear infinite forwards;
  animation: wobble 0.5s linear infinite forwards; }

@-webkit-keyframes wobble {
  25% {
    -webkit-transform: rotate(4deg); }
  75% {
    -webkit-transform: rotate(-2deg); } }

@keyframes wobble {
  25% {
    transform: rotate(4deg); }
  75% {
    transform: rotate(-2deg); } }

@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg); }
  10% {
    transform: translate(-1px, -2px) rotate(-1deg); }
  20% {
    transform: translate(-3px, 0px) rotate(1deg); }
  30% {
    transform: translate(3px, 2px) rotate(0deg); }
  40% {
    transform: translate(1px, -1px) rotate(1deg); }
  50% {
    transform: translate(-1px, 2px) rotate(-1deg); }
  60% {
    transform: translate(-3px, 1px) rotate(0deg); }
  70% {
    transform: translate(3px, 1px) rotate(-1deg); }
  80% {
    transform: translate(-1px, -1px) rotate(1deg); }
  90% {
    transform: translate(1px, 2px) rotate(0deg); }
  100% {
    transform: translate(1px, -2px) rotate(-1deg); } }

.page-takeover-logo {
  position: fixed;
  left: 30px;
  top: 0; }
  .page-takeover-logo img {
    width: 130px; }

.page-takeover-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }

.video-controls {
  width: 100%; }
  .video-controls video {
    width: 100%; }

.z-type {
  z-index: 2222222222222222 !important; }

.offer-mid-secction {
  padding-bottom: 13px; }

@media (max-width: 1400px) {
  .page-take-over-body .page-take-over-text {
    margin-top: 0px; }
  .page-take-over-body {
    width: 337px;
    display: block;
    margin: 0 auto;
    margin-top: 0; } }

@media (max-width: 768px) {
  .page-take-over-body {
    width: 390px;
    display: block;
    margin: 0 auto;
    margin-top: 54px; } }

@media (max-width: 480px) {
  .page-take-over-body {
    width: 390px;
    display: block;
    margin: 0 auto;
    margin-top: 54px; }
  .page-takeover-logo img {
    width: 90px; }
  .page-take-over-link svg {
    margin-left: 10px;
    width: 13px; }
  .page-take-over-link .link-button-click {
    line-height: normal;
    font-size: 14px;
    right: 20px;
    top: 16px; }
  .page-take-over-text img {
    width: 80%;
    display: block;
    margin: 0 auto; }
  .page-take-over-body .page-takeover-box .page-box-link {
    margin-top: 40px;
    display: block; } }

@media (max-width: 420px) {
  .page-take-over-body {
    width: 80%;
    display: block;
    margin: 0 auto;
    margin-top: 20px; }
  .page-takeover-logo {
    position: fixed;
    left: 15px;
    top: 0; }
  .page-take-over-text img {
    width: 90%; }
  .page-take-over-body .page-takeover-box .page-box-link {
    margin-top: 25px;
    display: block; }
  .page-take-over-link .link-button-click {
    right: 15px; } }

.page-take-over-text {
  margin-bottom: 10px; }
  .page-take-over-text h3 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 10px;
    font-weight: 500; }
  .page-take-over-text a {
    font-size: 18px;
    padding: 7px 15px;
    color: #ED1C24;
    border: 1px solid #ED1C24;
    border-radius: 5px;
    font-weight: 400;
    line-height: 20px; }

.takeover-img__wrapper .takeover-img {
  width: 100%;
  height: 480px;
  background-image: url("/static/images/ifter-2019-1.jpg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat; }

@media (max-width: 1366px) {
  .page-take-over-text h3 {
    font-size: 30px;
    line-height: 44px; }
  .page-take-over-text a {
    font-size: 16px;
    padding: 6px 10px;
    color: #ED1C24; }
  .takeover-img__wrapper .takeover-img {
    height: 340px; } }

@media (max-width: 991px) {
  .page-take-over-text h3 {
    font-size: 30px;
    line-height: 44px; }
  .takeover-img__wrapper .takeover-img {
    height: 350px; } }

@media (max-width: 768px) {
  .page-take-over-text h3 {
    font-size: 30px;
    line-height: 36px; }
  .page-take-over-text a {
    font-size: 16px;
    padding: 6px 12px;
    color: #ED1C24; }
  .takeover-img__wrapper .takeover-img {
    height: 350px; } }

@media (max-width: 576px) {
  .page-take-over-text h3 {
    font-size: 24px;
    line-height: 36px; }
  .page-take-over-text a {
    font-size: 16px;
    padding: 5px 10px; }
  .takeover-img__wrapper .takeover-img {
    height: 300px; } }

@media (max-width: 420px) {
  .page-take-over-text h3 {
    font-size: 22px;
    line-height: 32px; }
  .page-take-over-text a {
    font-size: 14px;
    padding: 5px 10px; }
  .takeover-img__wrapper .takeover-img {
    height: 250px; } }

@media (max-width: 360px) {
  .page-take-over-text h3 {
    font-size: 22px;
    line-height: 30px; }
  .page-take-over-text a {
    font-size: 14px;
    padding: 5px 10px; }
  .takeover-img__wrapper .takeover-img {
    height: 220px; } }

.volte-list-usp h2 {
  padding-top: 30px !important; }

.volte-list-usp .why-robi-section {
  padding-bottom: 40px;
  background-color: #fff !important; }

.robi__brand .scroll-svg {
  cursor: pointer; }
  @media (max-width: 576px) {
    .robi__brand .scroll-svg {
      width: 15px; } }

.video__banner--wrap {
  position: relative; }

.video__modal {
  width: 800px; }
  .video__modal .close-icon {
    right: 15px;
    top: 10px;
    fill: red; }
  .video__modal .modal-container__body {
    padding: 40px 20px; }

.page__scroll {
  position: absolute;
  bottom: -15px;
  text-align: center;
  display: flex;
  justify-content: center;
  width: 100%; }

.content__wrap {
  padding: 15px 0 50px 0; }
  @media (max-width: 576px) {
    .content__wrap {
      padding: 15px 0 20px 0; } }

.brand__offers--content {
  padding: 60px 0;
  background-color: #F8F8F8; }
  @media (max-width: 576px) {
    .brand__offers--content {
      padding: 20px 0; } }
  .brand__offers--content .content__heading {
    text-align: center;
    margin-bottom: 25px; }
    @media (max-width: 576px) {
      .brand__offers--content .content__heading {
        margin-bottom: 20px; } }

.card__robibrand {
  margin-bottom: 20px; }
  .card__robibrand .video__cta {
    cursor: pointer;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px 5px 0 0; }
  .card__robibrand .video__cta:hover .video__icon {
    border-radius: 50%;
    border: 4px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0px 3px 8px 2px white; }
  .card__robibrand .video__cta:hover .video__thumb {
    transform: scale(1.01); }
  .card__robibrand .video__thumb {
    width: 100%;
    height: 340px;
    border-radius: 5px 5px 0px 0px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: all 0.1s ease-in-out; }
    .card__robibrand .video__thumb .video__icon svg path {
      transition: all 0.5s ease-in-out; }
  .card__robibrand .video__title {
    position: absolute;
    bottom: 10px;
    padding: 10px 20px 5px; }
    .card__robibrand .video__title h4 {
      font-weight: bold;
      font-size: 26px;
      line-height: 30px;
      color: #FFF;
      text-align: center; }
  .card__robibrand .video__detail {
    padding: 20px 15px;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0px 0px 5px 5px; }
    .card__robibrand .video__detail .detail__title {
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      color: rgba(0, 0, 0, 0.87);
      margin-bottom: 5px; }
    .card__robibrand .video__detail .detail__titleFull {
      font-size: 18px;
      line-height: 32px;
      color: rgba(0, 0, 0, 0.87);
      margin: 10px 0;
      min-height: 75px; }
      @media (max-width: 576px) {
        .card__robibrand .video__detail .detail__titleFull {
          min-height: auto; } }
  .card__robibrand .special-recharge__button a {
    width: 50%; }
  .card__robibrand .single__btn {
    justify-content: center; }
    .card__robibrand .single__btn .btn__primary {
      width: 50%;
      margin-right: 0; }
  .card__robibrand:hover {
    animation: swing 3s ease;
    animation-iteration-count: 1;
    box-shadow: 1px 2px rgba(0, 0, 0, 0.05), 2px 2px rgba(0, 0, 0, 0.05), 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 5px; }

@keyframes swing {
  15% {
    transform: translateX(2px); }
  30% {
    transform: translateX(-2px); }
  50% {
    transform: translateX(1px); }
  65% {
    transform: translateX(-1px); }
  80% {
    transform: translateX(1px); }
  100% {
    transform: translateX(0); } }

.tandc__content {
  padding: 80px 0;
  background-color: #FFF; }
  @media (max-width: 576px) {
    .tandc__content {
      padding: 40px 0; } }

.brand__product {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (max-width: 576px) {
    .brand__product .tabs {
      display: flex;
      width: 80%;
      overflow: scroll; } }
  .brand__product .tab {
    cursor: pointer;
    padding: 10px 20px;
    margin: 0px 5px;
    background: transparent;
    display: inline-block;
    color: rgba(0, 0, 0, 0.54);
    border-radius: 5px;
    font-size: 16px;
    text-align: center; }
    @media (max-width: 576px) {
      .brand__product .tab {
        color: rgba(0, 0, 0, 0.87);
        font-size: 14px; } }
  .brand__product .tabs > .tab_one {
    min-width: 165px;
    text-align: center; }
  .brand__product .panels {
    width: 100%;
    max-width: 100%;
    border-radius: 3px;
    overflow: hidden;
    padding: 20px;
    padding-top: 30px; }
    @media (max-width: 576px) {
      .brand__product .panels {
        padding-left: 0;
        padding-right: 0; } }
  .brand__product .panel {
    display: none;
    animation: fadein 1.5s; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .brand__product .panel-title {
    font-size: 1.8em;
    font-weight: bold; }
  .brand__product .radio {
    display: none; }
  .brand__product #one:checked ~ .panels #one-panel,
  .brand__product #two:checked ~ .panels #two-panel,
  .brand__product #three:checked ~ .panels #three-panel,
  .brand__product #four:checked ~ .panels #four-panel,
  .brand__product #five:checked ~ .panels #five-panel {
    display: block; }
  .brand__product #one:checked ~ .tabs #one-tab,
  .brand__product #two:checked ~ .tabs #two-tab,
  .brand__product #three:checked ~ .tabs #three-tab,
  .brand__product #four:checked ~ .tabs #four-tab,
  .brand__product #five:checked ~ .tabs #five-tab {
    background: transparent;
    color: #ED1C24;
    border: 1px solid #ED1C24;
    border-bottom: 1px solid #ED1C24; }

.pwa__installation {
  background-color: #842d62;
  padding: 0 20px 5px 20px;
  margin-top: 50px; }
  @media (max-width: 576px) {
    .pwa__installation {
      margin-top: 25px;
      padding-bottom: 15px; } }
  .pwa__installation .pwa__installation--wrap {
    display: flex;
    align-items: center; }
    @media (max-width: 992px) {
      .pwa__installation .pwa__installation--wrap {
        flex-direction: column;
        justify-content: center; } }
  .pwa__installation .pwa__installation--content {
    display: flex;
    align-items: center;
    flex-basis: 80%;
    max-width: 80%; }
    @media (max-width: 992px) {
      .pwa__installation .pwa__installation--content {
        flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 15px; } }
    .pwa__installation .pwa__installation--content .website__logo svg {
      margin-right: 20px; }
    .pwa__installation .pwa__installation--content .website__logo img {
      margin-right: 20px; }
    .pwa__installation .pwa__installation--content p {
      color: #FFF;
      font-weight: 500;
      font-size: 20px;
      line-height: 32px; }
      @media (max-width: 576px) {
        .pwa__installation .pwa__installation--content p {
          font-size: 16px;
          line-height: 24px; } }
  .pwa__installation .pwa__installation--cta button,
  .pwa__installation .pwa__installation--cta a {
    color: #FFF;
    border-color: #FFF;
    transition: all 0.4s ease-in-out;
    cursor: pointer; }
    @media (max-width: 576px) {
      .pwa__installation .pwa__installation--cta button,
      .pwa__installation .pwa__installation--cta a {
        font-size: 16px;
        line-height: 24px; } }
    .pwa__installation .pwa__installation--cta button:hover,
    .pwa__installation .pwa__installation--cta a:hover {
      color: #842d62;
      background-color: #f4f4f4; }

.pwa__installation--CTAContainer {
  margin: 40px 0;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  padding: 0 40px 20px 40px;
  text-align: center; }
  .pwa__installation--CTAContainer:hover {
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2); }
  .pwa__installation--CTAContainer p {
    margin: 15px 0;
    font-weight: 500;
    font-size: 26px;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.87); }
    @media (max-width: 576px) {
      .pwa__installation--CTAContainer p {
        font-size: 20px;
        line-height: 28px; } }
  .pwa__installation--CTAContainer .pwa__installation--cta button,
  .pwa__installation--CTAContainer .pwa__installation--cta a {
    color: #FFF;
    border-color: #FFF;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    width: 40%;
    transform: translate3d(0, 2px, 0);
    transition: all 0.3s ease-in-out; }
    @media (max-width: 576px) {
      .pwa__installation--CTAContainer .pwa__installation--cta button,
      .pwa__installation--CTAContainer .pwa__installation--cta a {
        width: 100%; } }
    .pwa__installation--CTAContainer .pwa__installation--cta button:hover,
    .pwa__installation--CTAContainer .pwa__installation--cta a:hover {
      transform: translate3d(0, -1px, 0);
      cursor: pointer;
      color: #f8f8f8; }

.internet_bd {
  color: #ED1C24; }
  .internet_bd:hover {
    text-decoration: underline; }

.custom_padding {
  padding-top: 0 !important; }

.register__wrap .modal-global-width {
  margin-top: 0; }
  @media (max-width: 576px) {
    .register__wrap .modal-global-width {
      width: 100%; } }

.custom_banner img {
  width: 100%; }

.custom_banner .mobile_img {
  display: none; }

@media (max-width: 576px) {
  .custom_banner .desktop_img {
    display: none; }
  .custom_banner .mobile_img {
    display: block; } }

.section__padding {
  padding: 40px 0; }
  @media (max-width: 576px) {
    .section__padding {
      padding: 25px 0; } }

.remove__border:after {
  display: none; }

.roaming__status .roaming__status--heading {
  text-align: center; }

.roaming__status .roaming__status--cta {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .roaming__status .roaming__status--cta button {
    width: 48%;
    padding: 8px;
    font-size: 18px;
    line-height: 22px;
    border: 1px solid #ED1C24; }
    @media (max-width: 576px) {
      .roaming__status .roaming__status--cta button {
        font-size: 16px;
        line-height: 20px; } }

.billing__information {
  background-color: #F8F8F8; }
  .billing__information--content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative; }
    @media (max-width: 768px) {
      .billing__information--content {
        margin-bottom: 20px; } }
    .billing__information--content:after {
      content: '';
      position: absolute;
      width: 1px;
      height: 140px;
      background: #000;
      opacity: 0.08;
      right: 0; }
      @media (max-width: 768px) {
        .billing__information--content:after {
          display: none; } }
    .billing__information--content--icon {
      margin-bottom: 15px; }
    .billing__information--content--title {
      font-weight: 500;
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 10px; }
      @media (max-width: 576px) {
        .billing__information--content--title {
          font-size: 16px;
          line-height: 26px; } }
    .billing__information--content--desc {
      font-size: 16px;
      line-height: 26px;
      color: rgba(0, 0, 0, 0.87);
      margin-bottom: 10px; }
      @media (max-width: 576px) {
        .billing__information--content--desc {
          font-size: 14px;
          line-height: 18px; } }
    .billing__information--content--explore a {
      font-weight: bold;
      font-size: 18px;
      line-height: 22px;
      color: #ED1C24;
      margin: 10px 0;
      display: inline-block; }
      @media (max-width: 576px) {
        .billing__information--content--explore a {
          font-size: 16px;
          line-height: 18px; } }

.roaming__tariffcoverage--heading {
  margin-bottom: 30px; }
  .roaming__tariffcoverage--heading h1 {
    font-weight: 500;
    font-size: 36px;
    line-height: 40px;
    color: rgba(0, 0, 0, 0.87);
    text-align: center;
    margin-bottom: 15px; }
    @media (max-width: 576px) {
      .roaming__tariffcoverage--heading h1 {
        font-size: 26px;
        line-height: 30px; } }
  .roaming__tariffcoverage--heading p {
    text-align: center;
    max-width: 680px;
    margin: 0 auto; }

.roaming__tariffcoverage--search {
  padding: 30px 150px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  border-radius: 5px; }
  @media (max-width: 992px) {
    .roaming__tariffcoverage--search {
      padding: 20px 15px;
      margin-bottom: 20px; } }
  .roaming__tariffcoverage--search--subheading {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    text-align: center; }
    @media (max-width: 576px) {
      .roaming__tariffcoverage--search--subheading {
        font-size: 20px;
        line-height: 26px; } }
  .roaming__tariffcoverage--search--subdesc {
    font-size: 14px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.87);
    text-align: center; }
  .roaming__tariffcoverage--search--popular--title {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.87);
    margin: 10px 0;
    text-align: center; }
  .roaming__tariffcoverage--search--countries {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media (max-width: 576px) {
      .roaming__tariffcoverage--search--countries {
        justify-content: center; } }
  .roaming__tariffcoverage--search--countryname img {
    width: 66px;
    margin-bottom: 10px; }
    @media (max-width: 576px) {
      .roaming__tariffcoverage--search--countryname img {
        width: 50px; } }
  .roaming__tariffcoverage--search--countryname p {
    text-align: center; }
  @media (max-width: 576px) {
    .roaming__tariffcoverage--search--countryname {
      margin: 0 auto;
      flex-basis: 20%;
      max-width: 20%;
      display: flex;
      flex-direction: column;
      align-items: center; } }
  @media (max-width: 576px) {
    .roaming__tariffcoverage--search--addcountry {
      margin-top: 20px; } }
  @media (max-width: 576px) {
    .roaming__tariffcoverage--search--addcountry button {
      padding: 10px;
      font-size: 16px;
      line-height: 18px;
      font-weight: bold; } }
  .roaming__tariffcoverage--search--type {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0; }
    .roaming__tariffcoverage--search--type a {
      padding: 6px 20px;
      display: inline-block; }
  .roaming__tariffcoverage--search--value--heading {
    display: flex;
    align-items: center;
    padding: 7px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.55);
    margin-bottom: 10px; }
    .roaming__tariffcoverage--search--value--heading h6 {
      font-weight: bold;
      font-size: 18px;
      line-height: 28px;
      color: rgba(0, 0, 0, 0.87); }
      @media (max-width: 576px) {
        .roaming__tariffcoverage--search--value--heading h6 {
          font-size: 16px;
          line-height: 24px; } }
    .roaming__tariffcoverage--search--value--heading .service {
      flex-basis: 62%;
      max-width: 62%; }
    .roaming__tariffcoverage--search--value--heading .cost {
      flex-basis: 38%;
      max-width: 38%; }
  .roaming__tariffcoverage--search--value--title {
    background: #F5F5F5; }
    .roaming__tariffcoverage--search--value--title p {
      color: rgba(0, 0, 0, 0.87);
      font-weight: 500;
      font-size: 16px;
      line-height: 26px;
      padding: 6px; }
      @media (max-width: 576px) {
        .roaming__tariffcoverage--search--value--title p {
          font-size: 14px;
          line-height: 20px; } }
  .roaming__tariffcoverage--search--value--info {
    display: flex;
    align-items: center;
    padding: 15px 6px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
    @media (max-width: 576px) {
      .roaming__tariffcoverage--search--value--info {
        align-items: flex-start; } }
    .roaming__tariffcoverage--search--value--info .service__name {
      flex-basis: 65%;
      max-width: 65%;
      font-size: 16px;
      line-height: 26px; }
      @media (max-width: 576px) {
        .roaming__tariffcoverage--search--value--info .service__name {
          font-size: 14px;
          line-height: 20px; } }
    .roaming__tariffcoverage--search--value--info .service__price {
      flex-basis: 35%;
      max-width: 35%;
      font-weight: bold;
      font-size: 16px;
      line-height: 26px; }
      @media (max-width: 576px) {
        .roaming__tariffcoverage--search--value--info .service__price {
          font-size: 14px;
          line-height: 20px; } }
      .roaming__tariffcoverage--search--value--info .service__price .buy__now {
        font-size: 16px;
        line-height: 26px;
        color: #ED1C24; }
        @media (max-width: 576px) {
          .roaming__tariffcoverage--search--value--info .service__price .buy__now {
            display: block;
            text-align: center;
            font-size: 14px;
            line-height: 20px; } }
    .roaming__tariffcoverage--search--value--info:last-child {
      border-bottom: none; }

.roaming__tariffcoverage .active__type {
  border: 1px solid #ED1C24;
  border-radius: 5px;
  font-size: 16px;
  line-height: 19px;
  color: #ED1C24;
  font-weight: bold; }

.viewall__CTA {
  margin: 30px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 576px) {
    .viewall__CTA {
      flex-direction: column;
      margin: 10px 0; } }
  .viewall__CTA a {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #ED1C24;
    border: 1px solid #ED1C24;
    border-radius: 5px;
    display: inline-block;
    width: 300px;
    padding: 10px;
    text-align: center;
    margin: 10px; }
    @media (max-width: 576px) {
      .viewall__CTA a {
        font-size: 16px;
        line-height: 22px;
        width: 250px; } }

.exclusive__offers, .bundle__offers {
  background-color: #F8F8F8; }
  .exclusive__offers--heading, .bundle__offers--heading {
    margin-bottom: 20px;
    text-align: center; }

.card__withactive {
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  margin-bottom: 20px; }
  .card__withactive--thumb {
    width: 100%;
    height: 220px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px 5px 0 0; }
  .card__withactive--wrap {
    padding: 20px;
    min-height: 290px;
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
    @media (max-width: 576px) {
      .card__withactive--wrap {
        min-height: auto; } }
  .card__withactive--title h4 {
    font-size: 20px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.87); }
    @media (max-width: 576px) {
      .card__withactive--title h4 {
        font-size: 18px;
        line-height: 24px; } }
  .card__withactive--desc {
    padding: 15px; }
    @media (max-width: 576px) {
      .card__withactive--desc {
        padding: 10px; } }
    .card__withactive--desc ul {
      list-style: none;
      /* Remove default bullets */
      padding-left: 15px; }
    .card__withactive--desc ul li::before {
      content: "\2022";
      /* Add content: \2022 is the CSS Code/unicode for a bullet */
      color: red;
      /* Change the color */
      font-weight: bold;
      /* If you want it to be bold */
      display: inline-block;
      /* Needed to add space between the bullet and the text */
      width: 1em;
      /* Also needed for space (tweak if needed) */
      margin-left: -1em;
      /* Also needed for space (tweak if needed) */ }
  .card__withactive--cta {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .card__withactive--cta a {
      font-weight: bold;
      font-size: 18px;
      line-height: 22px;
      color: #ED1C24 !important;
      cursor: pointer;
      display: flex;
      align-items: center; }
      @media (max-width: 576px) {
        .card__withactive--cta a {
          font-size: 16px;
          line-height: 20px; } }

.bundle__offers {
  background-color: #FFF; }

.roaming__active {
  padding: 40px 0; }
  .roaming__active--container, .roaming__active--insertdetail {
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    padding: 30px; }
  .roaming__active--icon, .roaming__active--title, .roaming__active--desc {
    text-align: center; }
  .roaming__active--inputs .form-group {
    margin-bottom: 0; }
  .roaming__active--CTA {
    margin-top: 20px; }

.confirm__payment {
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  padding: 30px 30px; }
  .confirm__payment--heading {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px; }
  .confirm__payment--body {
    margin-bottom: 40px; }
  .confirm__payment--item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0; }
    .confirm__payment--item p {
      font-size: 18px;
      line-height: 30px; }
    .confirm__payment--item .title {
      flex-basis: 60%;
      max-width: 60%;
      text-align: left; }
    .confirm__payment--item .price {
      font-weight: bold;
      flex-basis: 40%;
      max-width: 40%;
      text-align: right; }
    .confirm__payment--item .form-control {
      border-radius: 5px !important;
      text-align: right;
      width: 110px; }
  .confirm__payment--TandC {
    margin-bottom: 40px; }
    .confirm__payment--TandC .title {
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      color: rgba(0, 0, 0, 0.87); }
    .confirm__payment--TandC .desc {
      font-weight: 500;
      font-size: 12px;
      line-height: 18px;
      color: rgba(0, 0, 0, 0.54); }
  .confirm__payment--CTA {
    display: flex;
    align-items: center;
    justify-content: center; }
    .confirm__payment--CTA button {
      width: 180px; }

.OTP__static {
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  padding: 30px; }
  .OTP__static .insert__otp--icon, .OTP__static .insert__otp--desc {
    text-align: center; }
  .OTP__static .form-control {
    border-radius: 5px !important;
    text-align: center; }
  .OTP__static .input-group-prepend {
    display: none; }

.insert__referral {
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  padding: 30px; }
  .insert__referral--icon, .insert__referral--desc {
    text-align: center; }
  .insert__referral--title {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.87);
    text-align: center; }

.roaming__chooseproduct--heading {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 15px; }
  .roaming__chooseproduct--heading--icon {
    margin-bottom: 5px; }
  .roaming__chooseproduct--heading--text {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.87); }

.roaming__chooseproduct [class*='col-'] {
  padding-left: 7px;
  padding-right: 7px; }

.roaming__chooseproduct .choose-package .left__content {
  min-height: 110px; }
  .roaming__chooseproduct .choose-package .left__content .content {
    width: 90%; }

.roaming__chooseproduct--CTA {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px; }
  .roaming__chooseproduct--CTA button {
    width: 270px; }

.roaming__success--status {
  text-align: center;
  margin-bottom: 30px; }
  .roaming__success--status svg {
    margin-bottom: 15px; }
  .roaming__success--status h2 {
    font-weight: 500;
    font-size: 30px;
    line-height: 38px;
    color: rgba(0, 0, 0, 0.87); }

.roaming__success--viewAllCTA {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px; }
  .roaming__success--viewAllCTA a {
    width: 360px;
    background: #ED1C24;
    border-radius: 5px;
    display: inline-block;
    padding: 10px;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    text-align: center; }

.roaming__allStatus--success, .roaming__allStatus--notactive {
  text-align: center;
  margin-bottom: 30px; }
  .roaming__allStatus--success svg, .roaming__allStatus--notactive svg {
    margin-bottom: 15px; }
  .roaming__allStatus--success h3, .roaming__allStatus--notactive h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.87); }

.roaming__allStatus--action {
  text-align: center;
  margin-bottom: 30px; }
  .roaming__allStatus--action button, .roaming__allStatus--action a {
    width: 350px;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 22px;
    padding: 9px;
    border-radius: 5px;
    font-weight: 500;
    border: 1px solid #ED1C24; }
  .roaming__allStatus--action a {
    border: 1px solid rgba(0, 0, 0, 0.38);
    color: rgba(0, 0, 0, 0.54); }

.roaming__allStatus .billing__information {
  background-color: #fff; }

.confirm__payment--other .confirm__payment--item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 0; }

.confirm__payment--other .amount__input:last-child {
  border: none;
  margin-top: -10px; }

.confirm__payment--other .confirm__payment--body {
  margin-bottom: 20px; }

.confirm__payment--other .confirm__payment--CTA button {
  padding: 8px;
  margin: 0 10px; }

.cookie__wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 111;
  background-color: #f8f8f8;
  width: 100%;
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.04); }
  .cookie__wrap .cookie__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0; }
    .cookie__wrap .cookie__content--text {
      flex-basis: 75%;
      max-width: 75%; }
      .cookie__wrap .cookie__content--text .color {
        color: #ED1C24; }
        .cookie__wrap .cookie__content--text .color:hover {
          text-decoration: underline;
          cursor: pointer; }
    .cookie__wrap .cookie__content--CTA {
      flex-basis: 25%;
      max-width: 25%;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .cookie__wrap .cookie__content--CTA button {
        margin-left: 20px;
        padding: 6px 20px;
        cursor: pointer;
        border-radius: 5px; }
      .cookie__wrap .cookie__content--CTA .cookie__accept {
        color: #FFF;
        background-color: #ED1C24;
        border: none;
        outline: none;
        transition: all 0.3s ease-in-out;
        transform: translate3d(0, 0, 0); }
        .cookie__wrap .cookie__content--CTA .cookie__accept:hover {
          transform: translate3d(0, -3px, 0); }
      .cookie__wrap .cookie__content--CTA .cookie__close {
        border: none;
        outline: none;
        background-color: transparent;
        transform: scale(1);
        transition: all 0.3s ease-in-out; }
        .cookie__wrap .cookie__content--CTA .cookie__close:hover svg {
          transform: scale(1.4); }
    @media (max-width: 576px) {
      .cookie__wrap .cookie__content {
        flex-direction: column; }
        .cookie__wrap .cookie__content--text {
          flex-basis: 100% !important;
          max-width: 100% !important; }
          .cookie__wrap .cookie__content--text p {
            margin-bottom: 15px !important; }
          .cookie__wrap .cookie__content--text a {
            display: block;
            text-align: left;
            color: #ED1C24;
            cursor: pointer;
            margin-top: 10px; }
        .cookie__wrap .cookie__content--CTA {
          flex-basis: 100% !important;
          max-width: 100% !important; } }

.section__title {
  text-align: center;
  margin-bottom: 10px; }
  .section__title h2 {
    margin-bottom: 10px; }

.submit__CTA {
  text-align: center; }
  .submit__CTA button {
    width: 360px;
    transform: translate3d(0, 0, 0);
    transition: all 0.3s ease-in-out; }
    .submit__CTA button:hover {
      transform: translate3d(0, -3px, 0); }
    @media (max-width: 576px) {
      .submit__CTA button {
        width: 220px; } }

.load__more--btn {
  text-align: center;
  margin-top: 10px; }
  .load__more--btn .bt-secondary {
    padding: 5px 25px 10px !important; }

.self__servey {
  background-color: #F8F8F8; }

.forword__topage {
  background-color: #ED1C24;
  padding-bottom: 40px; }
  .forword__topage--wrap {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 576px) {
      .forword__topage--wrap {
        flex-direction: column; } }
  .forword__topage--content {
    flex-basis: 60%;
    max-width: 60%;
    color: #FFF; }
    @media (max-width: 576px) {
      .forword__topage--content {
        flex-basis: 100% !important;
        max-width: 100% !important;
        text-align: center; }
        .forword__topage--content p {
          margin-bottom: 20px; } }
  .forword__topage--CTA {
    flex-basis: 40%;
    max-width: 40%;
    text-align: center; }
    @media (max-width: 576px) {
      .forword__topage--CTA {
        flex-basis: 100% !important;
        max-width: 100% !important; } }
    .forword__topage--CTA a {
      width: 180px;
      padding: 8px;
      color: #ED1C24;
      background-color: #F8F8F8;
      display: inline-block;
      text-align: center;
      border-radius: 5px; }

.self__test {
  margin-bottom: 70px; }

.reporting {
  background-color: #F8F8F8;
  padding: 20px;
  padding-bottom: 20px; }
  .reporting .forword__topage--content {
    color: rgba(0, 0, 0, 0.87);
    margin-left: 40px; }
    @media (max-width: 576px) {
      .reporting .forword__topage--content {
        margin-left: 0 !important; } }
  .reporting .forword__topage--CTA {
    flex-basis: 40%;
    max-width: 40%;
    text-align: center; }
    .reporting .forword__topage--CTA a {
      width: 180px;
      padding: 8px;
      color: #F8F8F8;
      background-color: #ED1C24;
      display: inline-block;
      text-align: center;
      border-radius: 5px; }

.emergency__contact {
  background-color: #F8F8F8; }
  .emergency__contact--wrap {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 576px) {
      .emergency__contact--wrap {
        flex-direction: column; } }
  .emergency__contact p {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold; }
    @media (max-width: 576px) {
      .emergency__contact p {
        margin-top: 20px; } }

.online-f-card img {
  width: 110px; }

.corona-card {
  padding-top: 0;
  min-height: 220px;
  padding: 35px 20px; }
  .corona-card p {
    width: 100%;
    margin: 0;
    padding: 0; }
  .corona-card .c-htitle {
    font-weight: 600px; }

.faq__html {
  padding-top: 0; }

.affected__color {
  margin: 20px 0 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap; }
  .affected__color .color__item {
    display: flex;
    align-items: center;
    flex-basis: 20%;
    max-width: 20%;
    margin-bottom: 20px; }
    @media (max-width: 768px) {
      .affected__color .color__item {
        max-width: 50%;
        flex-basis: 50%; } }
    .affected__color .color__item .color__box {
      width: 25px;
      height: 25px;
      border-radius: 2px;
      margin-right: 15px; }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }
  #nprogress .bar {
    background: #FF0000;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px; }
  #nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #FF0000, 0 0 5px #FF0000;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px); }
  #nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 99999;
    top: 15px;
    right: 15px; }
  #nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #FF0000;
    border-left-color: #FF0000;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite; }

/* Fancy blur effect */
/* Remove these to get rid of the spinner */
.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }
  .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
    position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@charset "UTF-8";
@media (max-width: 420px) {
  footer .f-left-f li a {
    border: 2px solid rgba(0, 0, 0, 0.54); }
  footer .display-table-section {
    bottom: 15px;
    right: 15px; }
  .home-mangege .manageaccount a img {
    width: 70px;
    height: 70px; }
  .home-mangege .device-item .h3small {
    font-size: 16px;
    line-height: 26px;
    margin-top: 3px; }
  .home-digtal .digital-item img {
    width: 50px;
    height: 50px; }
  .home-digtal .device-item {
    padding: 0px; }
  .home-digtal .home-mangege h2 {
    margin-bottom: 0px;
    font-weight: bold; }
  .home-digtal .mb-bottom {
    margin-bottom: 30px !important; }
  .home-digtal p {
    padding-bottom: 20px; }
  .home-device-bottom h6 {
    font-size: 16px; }
  .home-mangege h2 {
    font-weight: bold; }
  .homeicon-sec .img-background {
    width: 60px;
    height: 60px; }
  .list-form-home .quick-recharge-title .content-quickrecharge h3 {
    font-size: 18px;
    line-height: 28px; }
  .list-form-home .ph-width .form-control {
    font-size: 14px;
    line-height: 17px; }
  .shop-locator .map-content .no-padding .s-bar .ph-width {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 1200px) {
  .map-content .position-relative .map-keyword-box {
    padding-left: 10px; } }

.wrapper .homePage .App .home-digtal .device-item .h3small {
  font-size: 20px;
  line-height: 32px; }

.wrapper .homePage .App .home-digtal .device-item p {
  font-size: 18px;
  line-height: 30px; }

.wrapper .homePage .App .list-form-home .quick-recharge-title .content-quickrecharge .h3small {
  font-size: 20px;
  line-height: 32px; }

.wrapper .homePage .App .home-mangege .mb-bottom {
  margin-bottom: 40px; }

.wrapper .homePage .App .home-device-bottom h2 {
  font-size: 30px;
  line-height: 38px; }

.wrapper .homePage .App .home-device-bottom .device-item .h3small {
  font-size: 20px;
  line-height: 32px; }

.wrapper .homePage .App .home-mangege .manageaccount .h3small {
  font-size: 18px;
  line-height: 30px;
  margin-top: 33px; }

.wrapper footer .footer-border .footer-left .f-left-f li a {
  border: 2px solid rgba(0, 0, 0, 0.54); }

.wrapper footer .footer-border .footer-right ul li a img {
  height: 36px; }

.wrapper footer .footer-small .footer-heading-left h5 {
  font-size: 16px;
  line-height: 26px; }

.wrapper footer .footer-small .footer-heading-right li a {
  font-size: 16px;
  line-height: 26px; }

.location-options {
  background-color: rgba(0, 0, 0, 0.08); }
  .location-options .District-list-container h4 {
    font-size: 18px;
    line-height: 28px;
    padding-left: 30px;
    padding-top: 30px;
    padding-bottom: 10px; }
  .location-options .District-list-container .vertical-menu {
    width: inherit;
    height: 475px;
    overflow-y: auto;
    padding-left: 30px; }
    .location-options .District-list-container .vertical-menu ul a {
      text-decoration: none;
      margin-right: 10px;
      display: block; }
    .location-options .District-list-container .vertical-menu .list-group-item.active {
      background: #FFFFFF;
      border-color: red; }
    .location-options .District-list-container .vertical-menu .custom-list-group-item {
      margin-top: 10px;
      margin-right: 10px; }
      .location-options .District-list-container .vertical-menu .custom-list-group-item .active {
        border-color: red; }
    .location-options .District-list-container .vertical-menu .store-locatore-option {
      padding-top: 2px; }
      .location-options .District-list-container .vertical-menu .store-locatore-option h5 {
        font-size: 14px;
        line-height: 18px;
        color: rgba(0, 0, 0, 0.87); }
      .location-options .District-list-container .vertical-menu .store-locatore-option .store-locatore-option-details {
        padding-top: 8px;
        padding-bottom: 12px; }
        .location-options .District-list-container .vertical-menu .store-locatore-option .store-locatore-option-details .custom-view {
          padding-left: 18px;
          padding-right: 0px; }
        .location-options .District-list-container .vertical-menu .store-locatore-option .store-locatore-option-details .custom-description {
          padding-left: 0px; }
          .location-options .District-list-container .vertical-menu .store-locatore-option .store-locatore-option-details .custom-description p {
            color: rgba(1, 1, 1, 0.54);
            font-size: 12px;
            line-height: 18px;
            text-align: left;
            margin-right: 12px;
            padding-top: 2px; }
  .location-options .District-list-container ::-webkit-scrollbar {
    width: 5px; }
  .location-options .District-list-container ::-webkit-scrollbar-thumb {
    background: #d1d1d1;
    border-radius: 20px; }
  .location-options .District-list-container ::-webkit-scrollbar-track {
    background: #E8E8E8; }
  @media (max-width: 420px) {
    .location-options {
      background-color: transparent; }
      .location-options .District-list-container h4 {
        padding-left: 0px; }
      .location-options .District-list-container .vertical-menu {
        width: auto;
        padding-left: 0px; } }

.location-option-locator {
  display: inline-flex;
  padding-left: 15px;
  padding-top: 21px; }
  .location-option-locator img {
    padding-right: 17px;
    margin-bottom: 20px; }
  .location-option-locator p {
    line-height: 24px; }

.custom_header h4 {
  font-size: 18px;
  line-height: 28px;
  padding-top: 25px;
  padding-left: 15px; }

.custom_footer h5 {
  padding-left: 15px;
  color: red;
  padding-top: 20px;
  padding-bottom: 25px; }

.robi-sidenav-section ::-webkit-scrollbar-thumb {
  background: none; }

.robi-sidenav-section .vertical-menu a.active {
  border-right: 2px solid; }

.list-form-home .input-group .form-control {
  font-size: 14px;
  padding-top: 10px; }

.internetpack .n-offer {
  padding-left: 230px; }

@media (max-width: 700px) {
  .internetpack ::-webkit-scrollbar {
    display: none; }
  .internetpack .n-item {
    flex-wrap: nowrap;
    overflow: scroll;
    padding-left: 215px; }
  .internetpack .n-offer li {
    margin-right: 10px; }
    .internetpack .n-offer li a {
      width: max-content;
      font-size: 14px;
      line-height: 28px; } }

@media (max-width: 768px) {
  .offer ::-webkit-scrollbar {
    display: none; } }

.shop-locator .shop-locator-header {
  text-align: center; }
  .shop-locator .shop-locator-header h1 {
    padding-top: 60px; }
  .shop-locator .shop-locator-header p {
    padding-top: 20px;
    padding-bottom: 40px;
    font-size: 16px;
    line-height: 26px; }

.simdeatils .select-radio .select-radio__body .ph-width .input-group-prepend .form-control {
  font-size: 14px;
  line-height: 16px; }

.roaming .rating_option .custom_dialog .custom_content .custom_header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }
  .roaming .rating_option .custom_dialog .custom_content .custom_header .custom_title {
    margin: 0 auto;
    font-size: 20px;
    line-height: 28px;
    padding-top: 40px;
    padding-left: 25px; }
  .roaming .rating_option .custom_dialog .custom_content .custom_header .close {
    padding-right: 21px;
    padding-top: 21px; }

.roaming .rating_option .custom_dialog .custom_content .custom_body {
  display: block;
  margin: 0 auto;
  padding: 0px 40px; }
  .roaming .rating_option .custom_dialog .custom_content .custom_body .rating {
    float: left;
    border-bottom: 1px solid #e7e7e7; }
    .roaming .rating_option .custom_dialog .custom_content .custom_body .rating .rate_text {
      text-align: center;
      font-size: 14px;
      line-height: 24px;
      color: rgba(0, 0, 0, 0.54);
      padding-bottom: 14px; }
  .roaming .rating_option .custom_dialog .custom_content .custom_body .rating:not(:checked) > input {
    position: absolute;
    top: -9999px;
    clip: rect(0, 0, 0, 0); }
  .roaming .rating_option .custom_dialog .custom_content .custom_body .rating:not(:checked) > label {
    float: right;
    width: 1em;
    /* padding:0 .1em; */
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 210%;
    /* line-height:1.2; */
    color: #ddd; }
  .roaming .rating_option .custom_dialog .custom_content .custom_body .rating:not(:checked) > label:before {
    content: '\2605   '; }
  .roaming .rating_option .custom_dialog .custom_content .custom_body .rating > input:checked ~ label {
    color: #F9A13C; }
  .roaming .rating_option .custom_dialog .custom_content .custom_body .rating:not(:checked) > label:hover,
  .roaming .rating_option .custom_dialog .custom_content .custom_body .rating:not(:checked) > label:hover ~ label {
    color: #F9A13C; }
  .roaming .rating_option .custom_dialog .custom_content .custom_body .rating > input:checked + label:hover,
  .roaming .rating_option .custom_dialog .custom_content .custom_body .rating > input:checked + label:hover ~ label,
  .roaming .rating_option .custom_dialog .custom_content .custom_body .rating > input:checked ~ label:hover,
  .roaming .rating_option .custom_dialog .custom_content .custom_body .rating > input:checked ~ label:hover ~ label,
  .roaming .rating_option .custom_dialog .custom_content .custom_body .rating > label:hover ~ input:checked ~ label {
    color: #F9A13C; }
  .roaming .rating_option .custom_dialog .custom_content .custom_body .rating > label:active {
    position: relative;
    top: 2px;
    left: 2px; }

.roaming .rating_option .custom_dialog .custom_content .custom_footer {
  display: flex;
  align-items: center;
  justify-content: center; }

.recharge-section .roaming-status .rechargedata h1 {
  padding-bottom: 15px; }

.recharge-section .roaming-status .rechargedata .input-group .form-control {
  font-size: 14px;
  line-height: 16px; }

a.search-list {
  color: red !important;
  font-size: 14px !important;
  line-height: 16px !important;
  font-weight: 500; }

@media (max-width: 420px) {
  .scroll-top svg {
    width: 15px !important; } }

.searchpage .media-top {
  padding-top: 15px; }
  .searchpage .media-top ._description {
    padding-left: 10px;
    padding-top: 5px; }

.robi-myoffer-section .custom-fluid {
  height: calc(100% - 121px);
  padding-right: 15px;
  padding-left: 15px; }
  .robi-myoffer-section .custom-fluid .hide-desktop {
    display: none; }
  .robi-myoffer-section .custom-fluid .image-wrap {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #f9f9f9; }
  .robi-myoffer-section .custom-fluid .flex-group-section {
    justify-content: center;
    display: flex;
    align-items: center; }
    .robi-myoffer-section .custom-fluid .flex-group-section .flex-body {
      width: 520px;
      display: block;
      padding: 50px;
      padding-top: 40px;
      border-radius: 5px; }
      .robi-myoffer-section .custom-fluid .flex-group-section .flex-body h2 {
        text-align: left;
        margin: 0;
        line-height: 38px;
        color: #000;
        margin-bottom: 20px; }
      .robi-myoffer-section .custom-fluid .flex-group-section .flex-body p {
        font-size: 16px;
        color: rgba(0, 0, 0, 0.87);
        margin-top: 0;
        margin-bottom: 1rem; }
      .robi-myoffer-section .custom-fluid .flex-group-section .flex-body .input-group {
        margin-bottom: 15px; }
        .robi-myoffer-section .custom-fluid .flex-group-section .flex-body .input-group .input-group-prepend {
          margin-right: -1px; }
      .robi-myoffer-section .custom-fluid .flex-group-section .flex-body .btn-custom {
        background-color: #ed1c24;
        font-size: 18px;
        line-height: 21px;
        text-align: center;
        font-weight: 700;
        border-radius: 5px;
        display: block;
        width: 100%;
        text-transform: capitalize;
        outline: none;
        border: none;
        padding: 12px;
        color: #fff; }

@media (max-width: 420px) {
  .robi-myoffer-section .custom-fluid .hide-mobile {
    display: none; }
  .robi-myoffer-section .custom-fluid .hide-desktop {
    display: block; }
  .robi-myoffer-section .custom-fluid .image-wrap {
    height: 280px;
    background-position: center 20%; }
  .robi-myoffer-section .custom-fluid .flex-group-section {
    padding-bottom: 50px;
    height: auto;
    padding-left: 0;
    display: flex;
    justify-content: center; }
    .robi-myoffer-section .custom-fluid .flex-group-section .flex-body {
      width: 90%;
      border: none;
      box-shadow: none;
      padding: 0px; }
      .robi-myoffer-section .custom-fluid .flex-group-section .flex-body h2 {
        text-align: center;
        padding-bottom: 10px;
        font-size: 20px;
        padding-top: 20px;
        margin-bottom: 0; }
      .robi-myoffer-section .custom-fluid .flex-group-section .flex-body p {
        font-size: 14px;
        color: rgba(0, 0, 0, 0.87);
        text-align: center; } }

.list-flags li a:hover img {
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.04); }

.list-flags li a:hover p {
  color: #ed1c24; }

.wrapper footer .footer-small .footer-heading-right li a:hover {
  color: #ed1c24; }

.height-fixed .l1 {
  width: 400px;
  margin: 0 auto; }

.height-fixed .left__content {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 15px; }
  .height-fixed .left__content .nearest-center-desc__body-block {
    margin-bottom: 0px; }

.wrapper .section-4g .devices-wrapper .home-device-bottom .device-item .h3small:hover {
  color: #ed1c24; }

@media (max-width: 420px) {
  .navbar-customs .no-padding .dr-menu {
    display: none; }
  .fixed-top .no-padding .nv-second {
    margin-left: 100px; }
  .width-full-section > div {
    padding: 0; }
  .Myplan .bg-plan-section .fill-data-myplan .b-right {
    overflow: hidden !important; }
    .Myplan .bg-plan-section .fill-data-myplan .b-right ::-webkit-scrollbar {
      display: none; }
    .Myplan .bg-plan-section .fill-data-myplan .b-right .m-top-30 .custom-plan-slide {
      overflow: scroll; }
      .Myplan .bg-plan-section .fill-data-myplan .b-right .m-top-30 .custom-plan-slide .m-top-section-slider {
        padding-right: 20px; } }

.small-chip {
  background-color: #FFFFFF !important; }

.position-relative .map-keyword-box .form-relative-section label {
  display: none; }

.position-relative .location-options {
  margin-top: 20px; }

.position-relative .d-dropdown-section .MuiSelect-select-6:focus {
  background: transparent; }

.input-group {
  background-color: #fff !important;
  box-sizing: border-box;
  box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.06);
  border-radius: 5px; }
  .input-group .form-control {
    background-color: #fff !important;
    box-sizing: border-box;
    box-shadow: inset -3px 1px 10px rgba(0, 0, 0, 0.06);
    border-radius: 5px; }

.page-take-over-text img {
  display: block;
  margin: 0 auto;
  margin-top: 80px; }

@media only screen and (max-width: 2200px) and (min-width: 992px) {
  .video-controls video {
    width: 875px;
    height: 450px;
    display: block;
    margin: 0 auto; } }

@media only screen and (max-width: 2200px) and (min-width: 1401px) {
  .page-takeover-box .page-box-link img {
    width: 380px;
    margin-left: 50px;
    padding-top: 80px; } }

.page-take-over-text h1 {
  text-align: center;
  font-size: 65px;
  line-height: 42px;
  color: red;
  font-weight: 600;
  margin-top: 35px; }

.page-take-over-text p {
  text-align: center;
  font-size: 32px;
  line-height: 24px;
  color: red;
  margin-top: 23px;
  font-weight: 600; }

@media only screen and (max-width: 1500px) and (min-width: 481px) {
  .page-take-over-text img {
    width: 450px; } }

@media only screen and (max-width: 600px) and (min-width: 453px) {
  .page-take-over-text h1 {
    text-align: center;
    font-size: 45px;
    line-height: 30px;
    color: red;
    font-weight: 600;
    margin-top: 25px; }
  .page-take-over-text p {
    text-align: center;
    font-size: 24px;
    line-height: 18px;
    color: red;
    margin-top: 23px;
    font-weight: 600; } }

@media only screen and (max-width: 452px) and (min-width: 320px) {
  .page-take-over-text h1 {
    text-align: center;
    font-size: 32px;
    line-height: 18px;
    color: red;
    font-weight: 600;
    margin-top: 25px; }
  .page-take-over-text p {
    text-align: center;
    font-size: 16px;
    line-height: 12px;
    color: red;
    margin-top: 23px;
    font-weight: 600; } }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  .page-takeover-wrapper .container {
    max-width: 100%; } }

.feature-related-product-section .retated-product-option .product-part .cs-col {
  padding: 0px; }
  .feature-related-product-section .retated-product-option .product-part .cs-col .img-part img {
    width: 100%; }

.feature-related-product-section .retated-product-option .product-part .cs-col {
  padding: 0px; }
  .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part {
    background: #F8F8F8;
    height: 100%; }
    .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part {
      padding-left: 30px;
      padding-right: 30px; }
      .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part h5 {
        font-size: 20px;
        line-height: 28px;
        color: rgba(0, 0, 0, 0.87); }
      .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part ul {
        list-style: none;
        margin-bottom: 0px;
        padding-left: 0px; }
        .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part ul li {
          font-size: 18px;
          line-height: 30px;
          padding-left: 0px;
          margin-bottom: 15px; }
          .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part ul li span {
            margin-right: 10px; }
            .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part ul li span svg {
              margin-bottom: 5px; }
      .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part p {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part .price-txt {
        font-size: 20px;
        line-height: 30px;
        align-items: center;
        font-weight: 500;
        color: rgba(15, 15, 15, 0.87); }
      .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part .all-btn .add-cart-btn {
        background: #ED1C24;
        border-radius: 5px;
        border: 1px solid #ED1C24;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        text-align: center;
        color: #FFFFFF;
        padding-top: 10px;
        width: 150px;
        margin-right: 15px;
        font-weight: 500; }
      .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part .all-btn .view-details-btn {
        border: 1px solid rgba(0, 0, 0, 0.38);
        box-sizing: border-box;
        border-radius: 5px;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        text-align: center;
        color: rgba(0, 0, 0, 0.54);
        padding-top: 10px;
        width: 150px;
        font-weight: 500; }
      .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part .all-btn .view-details-btn:hover {
        background: #FFFFFF; }
      .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part .all-btn .view-details-btn:focus {
        box-shadow: none; }
      .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part .all-btn .view-details-btn:active {
        background: #FFFFFF; }

@media (min-width: 768px) {
  .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part {
    position: relative; }
    .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part {
      margin: 0;
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 100%; } }

@media (max-width: 991px) and (min-width: 767px) {
  .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part .price-txt {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px; }
  .margin-t-to-b {
    margin-top: 10px !important; }
  .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part h5 {
    font-size: 16px;
    line-height: 20px; }
  .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part ul li {
    font-size: 14px;
    line-height: 18px;
    padding-left: 0px;
    margin-bottom: 10px; }
    .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part ul li span img {
      width: 20px;
      height: 20px; }
  .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part p {
    font-size: 12px;
    margin-bottom: 10px; }
  .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part .price-txt {
    font-size: 16px !important;
    line-height: 18px;
    margin-bottom: 5px; }
  .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part .all-btn .add-cart-btn {
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 8px; }
  .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part .all-btn .view-details-btn {
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 8px; } }

@media screen and (max-width: 1199px) {
  .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part .all-btn .add-cart-btn {
    width: 120px; }
  .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part .all-btn .view-details-btn {
    width: 120px; } }

@media screen and (max-width: 767px) {
  .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px; }
  .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    margin-bottom: 20px; }
  .feature-related-product-section .retated-product-option .product-part .cs-col {
    padding-right: 15px;
    padding-left: 15px; }
  .feature-related-product-section .retated-product-option .odd-part .cs-odd {
    order: 2; }
  .feature-related-product-section .retated-product-option .product-part {
    margin-top: 20px; } }

@media (max-width: 3000px) and (min-width: 992px) {
  .feature-related-product-section .retated-product-option .product-part .cs-col .all-details-part .details-part {
    padding-left: 60px;
    padding-right: 60px; } }

.spacification-section .spacification-options {
  margin-bottom: 60px; }
  .spacification-section .spacification-options h1 {
    font-size: 36px;
    line-height: 40px;
    color: rgba(15, 15, 15, 0.87);
    margin-bottom: 40px; }
  .spacification-section .spacification-options .product-part img {
    width: 100%;
    height: 100%; }
  .spacification-section .spacification-options .product-part .product-details {
    margin-top: 35px; }
    .spacification-section .spacification-options .product-part .product-details h1 {
      display: block; }
    .spacification-section .spacification-options .product-part .product-details p {
      font-size: 17px;
      line-height: 20px;
      color: rgba(0, 0, 0, 0.87);
      font-weight: 500;
      margin-bottom: 20px; }
      .spacification-section .spacification-options .product-part .product-details p span {
        color: #00000070; }
    .spacification-section .spacification-options .product-part .product-details .available-txt {
      font-size: 17px;
      line-height: 20px;
      color: rgba(0, 0, 0, 0.87);
      font-weight: 500; }
      .spacification-section .spacification-options .product-part .product-details .available-txt span {
        color: #ED1C24; }
    .spacification-section .spacification-options .product-part .product-details .quantity-part-mobile {
      display: flex;
      align-items: center;
      font-size: 17px;
      line-height: 20px;
      color: rgba(0, 0, 0, 0.87);
      font-weight: 600; }
      .spacification-section .spacification-options .product-part .product-details .quantity-part-mobile .quantity-part {
        margin-left: 15px;
        width: 135px;
        background: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.08);
        box-sizing: border-box;
        box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.06);
        border-radius: 5px; }
        .spacification-section .spacification-options .product-part .product-details .quantity-part-mobile .quantity-part .value-button {
          font-size: 20px;
          line-height: 26px;
          display: inline-block;
          margin: 0px;
          width: 40px;
          height: 33px;
          text-align: center;
          vertical-align: middle;
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          cursor: pointer; }
        .spacification-section .spacification-options .product-part .product-details .quantity-part-mobile .quantity-part input#number {
          text-align: center;
          border: none;
          margin: 0px;
          width: 40px;
          height: 35px; }
        .spacification-section .spacification-options .product-part .product-details .quantity-part-mobile .quantity-part input[type=number]::-webkit-inner-spin-button,
        .spacification-section .spacification-options .product-part .product-details .quantity-part-mobile .quantity-part input[type=number]::-webkit-outer-spin-button {
          -webkit-appearance: none;
          margin: 0; }
    .spacification-section .spacification-options .product-part .product-details .amount {
      font-size: 30px;
      line-height: 38px;
      color: #000000;
      margin-top: 25px; }
    .spacification-section .spacification-options .product-part .product-details .all-button .addCart_btn {
      background: #ED1C24;
      color: white;
      cursor: pointer;
      font-size: 18px;
      line-height: 22px;
      align-items: center;
      text-align: center;
      color: #FFFFFF;
      border-radius: 5px;
      width: 265px;
      margin-right: 15px;
      padding: 12px; }
    .spacification-section .spacification-options .product-part .product-details .all-button .addCart_btn:focus {
      box-shadow: none; }
    .spacification-section .spacification-options .product-part .product-details .all-button .share_btn {
      background: #FFFFFF;
      border: 1px solid rgba(0, 0, 0, 0.08);
      box-sizing: border-box;
      box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.06);
      border-radius: 5px;
      padding: 12px;
      width: 120px; }
      .spacification-section .spacification-options .product-part .product-details .all-button .share_btn svg {
        margin-right: 10px; }

.collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: rgba(0, 0, 0, 0.87); }
  .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab:last-child label {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab:last-child input:checked ~ label {
    border-bottom: none; }
  .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab:last-child input:checked ~ .tab-content {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab:last-child input:checked ~ .tab-content p {
    margin-bottom: 15px; }
  .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab input {
    position: absolute;
    opacity: 0;
    z-index: -1; }
  .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab label {
    font-size: 18px;
    margin: 0;
    line-height: 28px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    position: relative;
    display: block;
    padding: 10px;
    cursor: pointer;
    padding-left: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    transition: 0.15s; }
  .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab .tab-content {
    max-height: 0;
    font-size: 18px;
    line-height: 28px;
    padding-left: 30px;
    overflow: hidden;
    -webkit-transition: max-height 0.05s;
    -o-transition: max-height 0.05s;
    transition: max-height 0.05s;
    color: rgba(0, 0, 0, 0.87); }
    .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab .tab-content .generic-innerpage p {
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 0px;
      color: #000000;
      margin-bottom: 30px; }
    .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab .tab-content .generic-innerpage h4 {
      font-size: 20px;
      line-height: 30px;
      color: rgba(0, 0, 0, 0.87);
      margin-bottom: 10px;
      margin-left: 40px; }
    .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab .tab-content .generic-innerpage ul {
      list-style: none; }
      .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab .tab-content .generic-innerpage ul li svg {
        margin-right: 5px;
        margin-bottom: 6px; }
    .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab .tab-content .generic-innerpage .collaspe-table {
      margin-left: 40px; }
      .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab .tab-content .generic-innerpage .collaspe-table tbody {
        border-bottom: 1px solid #dee2e6; }
        .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab .tab-content .generic-innerpage .collaspe-table tbody tr {
          border-top: 1px solid rgba(0, 0, 0, 0.08); }

.collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab input:checked ~ .tab-content {
  max-height: 100%;
  margin-bottom: 15px; }

.collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab label::before {
  position: absolute;
  left: 0;
  top: 10px;
  display: block;
  text-align: center; }

.collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab input[type="checkbox"] + label::before {
  content: "+";
  font-size: 24px; }

.collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab input[type="checkbox"]:checked + label::before {
  content: "-";
  font-size: 40px;
  top: 12px; }

@media screen and (max-width: 991px) {
  .spacification-section .spacification-options h1 {
    display: none; }
  .spacification-section .spacification-options .product-part img {
    width: 100%;
    height: 100%; }
  .spacification-section .spacification-options .product-part .product-details h1 {
    display: block;
    margin-top: 20px; }
  .spacification-section .spacification-options .product-part .product-details p {
    font-size: 17px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
    margin-bottom: 20px; }
    .spacification-section .spacification-options .product-part .product-details p span {
      color: #00000070; }
  .spacification-section .spacification-options .product-part .product-details .available-txt {
    font-size: 17px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500; }
    .spacification-section .spacification-options .product-part .product-details .available-txt span {
      color: #ED1C24; }
  .spacification-section .spacification-options .product-part .product-details .quantity-part-mobile {
    display: flex;
    align-items: center;
    font-size: 17px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 600; }
    .spacification-section .spacification-options .product-part .product-details .quantity-part-mobile .quantity-part {
      margin-left: 15px;
      width: 135px;
      background: #FFFFFF;
      border: 1px solid rgba(0, 0, 0, 0.08);
      box-sizing: border-box;
      box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.06);
      border-radius: 5px; }
      .spacification-section .spacification-options .product-part .product-details .quantity-part-mobile .quantity-part .value-button {
        font-size: 20px;
        line-height: 26px;
        display: inline-block;
        margin: 0px;
        width: 40px;
        height: 33px;
        text-align: center;
        vertical-align: middle;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer; }
      .spacification-section .spacification-options .product-part .product-details .quantity-part-mobile .quantity-part input#number {
        text-align: center;
        border: none;
        margin: 0px;
        width: 40px;
        height: 35px; }
      .spacification-section .spacification-options .product-part .product-details .quantity-part-mobile .quantity-part input[type=number]::-webkit-inner-spin-button,
      .spacification-section .spacification-options .product-part .product-details .quantity-part-mobile .quantity-part input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0; }
  .spacification-section .spacification-options .product-part .product-details .amount {
    font-size: 30px;
    line-height: 38px;
    color: #000000;
    margin-top: 25px; }
  .spacification-section .spacification-options .product-part .product-details .all-button .addCart_btn {
    background: #ED1C24;
    color: white;
    cursor: pointer;
    font-size: 18px;
    line-height: 22px;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    border-radius: 5px;
    width: 265px;
    margin-right: 15px;
    padding: 12px; }
  .spacification-section .spacification-options .product-part .product-details .all-button .addCart_btn:focus {
    box-shadow: none; }
  .spacification-section .spacification-options .product-part .product-details .all-button .share_btn {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    padding: 12px;
    width: 120px; }
    .spacification-section .spacification-options .product-part .product-details .all-button .share_btn svg {
      margin-right: 10px; }
  .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab .tab-content .generic-innerpage ul li {
    width: 285px; } }

@media screen and (max-width: 991px) and (min-width: 768px) {
  .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab .tab-content .generic-innerpage ul li {
    width: 300px !important; } }

@media screen and (max-width: 3000px) and (min-width: 768px) {
  .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab .tab-content .generic-innerpage ul {
    column-count: 2;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    width: 100%; }
    .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab .tab-content .generic-innerpage ul li {
      display: inline-block;
      width: 500px;
      color: rgba(0, 0, 0, 0.87);
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 15px; } }

@media (max-width: 500px) {
  .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab .tab-content .generic-innerpage .collaspe-table {
    margin-left: 0px; }
  .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab .tab-content {
    padding-left: 5px; }
  .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab .tab-content .generic-innerpage h4 {
    margin-left: 0px; }
  .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab .tab-content .generic-innerpage ul {
    padding-left: 0px; } }

@media (max-width: 767px) {
  .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab .tab-content .generic-innerpage ul li {
    width: 100%;
    margin-bottom: 10px; }
  .collaspe-table th {
    font-size: 14px;
    line-height: 24px; }
  .collaspe-table td {
    font-size: 14px;
    line-height: 24px; } }

@media (max-width: 1199px) {
  .collapse-section .color-collapse .panel-all-robi .css-collapse__content .tab .tab-content .generic-innerpage ul li {
    font-size: 14px;
    line-height: 24px; } }

@media screen and (max-width: 500px) {
  .spacification-section .spacification-options .product-part .product-details h1 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 20px; }
  .spacification-section .spacification-options .product-part .product-details p {
    font-size: 15px;
    line-height: 18px; }
  .spacification-section .spacification-options .product-part .product-details .available-txt {
    font-size: 15px;
    line-height: 18px; }
  .spacification-section .spacification-options .product-part .product-details .quantity-part-mobile {
    font-size: 15px;
    line-height: 18px; }
  .spacification-section .spacification-options .product-part .product-details .amount {
    font-size: 24px;
    line-height: 38px;
    margin-top: 5px; }
  .spacification-section .spacification-options .product-part .product-details .all-button .addCart_btn {
    width: 140px; } }

#top-single {
  margin-top: 50px; }

.pad-up-to-bottom {
  padding: 30px 0; }

.margin-t-to-b {
  margin: 20px 0; }

.space-in-price {
  padding-left: 10px; }

.p-sp {
  padding: 15px 0; }

.nohover:hover {
  background-color: transparent;
  color: #000; }

@media screen and (max-width: 500px) {
  .pad-up-to-bottom {
    padding: 15px 0; }
  .r-card-i-j {
    margin-top: 20px; }
  .r-h-t {
    height: 250px !important; }
  .bundle-card {
    margin-bottom: 30px; }
    .bundle-card .ord-1 {
      order: 1; } }

.cs-all-btn .add-cart-btn {
  border: 1px solid rgba(0, 0, 0, 0.38);
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 16px;
  line-height: 19px;
  align-items: center;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
  padding-top: 10px;
  width: 150px;
  font-weight: 500; }

.account-summary-section .account-summary-part h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 38px;
  color: #000000;
  margin-bottom: 15px; }

.account-summary-section .account-summary-part .all-summary-part {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  padding: 45px 60px; }
  .account-summary-section .account-summary-part .all-summary-part .recharge-btn {
    background: #ED1C24;
    border-radius: 5px;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    display: block;
    margin-top: 60px;
    padding-bottom: 12px;
    padding-top: 10px;
    transition: all .3s ease-in-out;
    transform: translate3d(0, 0, 0); }
    .account-summary-section .account-summary-part .all-summary-part .recharge-btn:hover {
      transform: translate3d(0, -4px, 0);
      cursor: pointer; }
  .account-summary-section .account-summary-part .all-summary-part .recharge-btn:focus {
    box-shadow: none; }
  .account-summary-section .account-summary-part .all-summary-part .collapse-section {
    padding-left: 50px; }
    .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash {
      position: relative;
      margin-bottom: 1px;
      width: 100%;
      color: rgba(0, 0, 0, 0.87); }
      .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash:last-child input:checked ~ label {
        border-bottom: none; }
      .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash:last-child input:checked ~ .tab-content {
        border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
      .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash:last-child input:checked ~ .tab-content p {
        margin-bottom: 15px; }
      .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash input {
        position: absolute;
        opacity: 0;
        z-index: -1; }
      .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash label {
        margin: 0;
        color: rgba(0, 0, 0, 0.87);
        position: relative;
        display: block;
        padding: 10px;
        cursor: pointer;
        padding-left: 5px;
        transition: 0.15s;
        padding-top: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        font-weight: normal;
        font-size: 14px;
        line-height: 17px; }
      .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash .tab-content {
        max-height: 0;
        font-size: 18px;
        line-height: 28px;
        padding-left: 5px;
        overflow: hidden;
        -webkit-transition: max-height 0.05s;
        -o-transition: max-height 0.05s;
        transition: max-height 0.05s;
        color: rgba(0, 0, 0, 0.87); }
        .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash .tab-content .generic-innerpage p {
          font-size: 18px;
          line-height: 30px;
          margin-bottom: 0px;
          color: #000000;
          margin-bottom: 30px; }
        .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash .tab-content .generic-innerpage h4 {
          font-size: 20px;
          line-height: 30px;
          color: rgba(0, 0, 0, 0.87);
          margin-bottom: 10px;
          margin-left: 40px; }
        .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash .tab-content .generic-innerpage ul {
          list-style: none; }
          .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash .tab-content .generic-innerpage ul li svg {
            margin-right: 5px;
            margin-bottom: 6px; }
        .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash .tab-content .generic-innerpage .collaspe-table {
          margin-top: 15px; }
          .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash .tab-content .generic-innerpage .collaspe-table tbody {
            border-bottom: 1px solid #dee2e6; }
            .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash .tab-content .generic-innerpage .collaspe-table tbody tr th {
              border-top: none; }
              .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash .tab-content .generic-innerpage .collaspe-table tbody tr th h5 {
                font-size: 14px;
                margin-bottom: 0px;
                line-height: 20px; }
              .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash .tab-content .generic-innerpage .collaspe-table tbody tr th p {
                font-size: 12px;
                line-height: 16px;
                margin-bottom: 0px;
                font-weight: normal;
                color: #696969; }
            .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash .tab-content .generic-innerpage .collaspe-table tbody tr td {
              border-top: none;
              font-size: 14px; }
            .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash .tab-content .generic-innerpage .collaspe-table tbody .top-head th {
              font-style: normal;
              font-weight: 500;
              font-size: 14px;
              line-height: 24px;
              align-items: center;
              color: #000000; }
            .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash .tab-content .generic-innerpage .collaspe-table tbody tr:not(:first-child) {
              border-top: 1px solid #dee2e6; }
    .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash input:checked ~ .tab-content {
      max-height: 100%; }
    .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash label::after {
      position: absolute;
      right: 0;
      top: 26px;
      display: block;
      text-align: center; }
    .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash input[type="checkbox"] + label::after {
      content: url(/static/images/arrow-right.svg);
      font-size: 24px; }
    .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash input[type="checkbox"]:checked + label::after {
      content: url(/static/images/arrow-down.svg);
      font-size: 40px;
      top: 20px;
      right: 0; }

@media (max-width: 1199px) {
  .main-dash-circle-progress {
    width: 100% !important; }
    .main-dash-circle-progress .cicular_progress_wrapper {
      width: 100% !important; }
      .main-dash-circle-progress .cicular_progress_wrapper .circular_progress {
        width: 100% !important; } }

@media (max-width: 991px) {
  .account-summary-section .account-summary-part .all-summary-part {
    padding: 45px 100px; }
  .account-summary-section .account-summary-part .all-summary-part .collapse-section {
    padding-left: 0px; } }

@media (max-width: 767px) {
  .account-summary-section .account-summary-part .all-summary-part {
    padding: 45px 40px; } }

@media (max-width: 550px) {
  .account-summary-section .account-summary-part .all-summary-part {
    padding: 45px 15px; } }

@media (max-width: 420px) {
  .account-summary-section .account-summary-part .all-summary-part {
    padding: 25px 15px; }
  .account-summary-section .account-summary-part .all-summary-part .recharge-btn {
    margin-top: 20px; }
  .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash label {
    padding-top: 15px;
    padding-bottom: 15px; }
  .account-summary-section .account-summary-part .all-summary-part .collapse-section {
    margin-top: 10px; }
  .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash label::after {
    top: 13px; }
  .account-summary-section .account-summary-part .all-summary-part .collapse-section .color-collapse-main-dash .panel-all-robi .css-collapse__content .tab-main-dash input[type="checkbox"]:checked + label::after {
    top: 3px; } }

.spend-control-section {
  margin-top: 60px;
  margin-bottom: 20px; }
  .spend-control-section .spend-control-part {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    padding: 35px 80px; }
    .spend-control-section .spend-control-part h2 {
      font-style: normal;
      font-weight: 500;
      font-size: 30px;
      line-height: 38px;
      color: #000000;
      text-align: center; }
    .spend-control-section .spend-control-part .form-part {
      margin-top: 35px; }
      .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-check {
        padding-left: 0px; }
        .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-check .select-option {
          /* Hide the browser's default checkbox */
          /* Create a custom checkbox */
          /* When the checkbox is checked, add a blue background */
          /* Create the checkmark/indicator (hidden when not checked) */
          /* Show the checkmark when checked */
          /* Style the checkmark/indicator */ }
          .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-check .select-option .selectall {
            display: block;
            position: relative;
            text-align: center;
            padding-top: 15px;
            margin-bottom: 0px;
            color: rgba(0, 0, 0, 0.87);
            cursor: pointer;
            font-size: 14px;
            line-height: 16px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none; }
          .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-check .select-option .selectall input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0; }
          .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-check .select-option .checkmark {
            position: absolute;
            top: 13px;
            right: 0px;
            height: 16px;
            width: 16px;
            background-color: #fff;
            border: 1px solid #E0E0E0;
            box-sizing: border-box;
            margin-left: 0px; }
          .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-check .select-option .selectall input:checked ~ .checkmark {
            background-color: #ED1C24;
            border: 1px solid #ED1C24; }
          .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-check .select-option .checkmark:after {
            content: "";
            position: absolute;
            display: none; }
          .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-check .select-option .selectall input:checked ~ .checkmark:after {
            display: block; }
          .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-check .select-option .selectall .checkmark:after {
            left: 5px;
            top: 2px;
            width: 5px;
            height: 9px;
            border: solid #FFFFFF;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
      .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-group {
        display: flex;
        justify-content: center; }
        .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-group .input-label {
          align-self: center;
          margin-right: 25px;
          font-style: normal;
          font-weight: normal;
          font-size: 14px;
          line-height: 17px;
          color: #000000;
          margin-bottom: 0px; }
        .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-group .custom-form-control {
          width: 25%;
          text-align: center;
          background: #FFFFFF;
          border: 1px solid rgba(0, 0, 0, 0.08);
          box-sizing: border-box;
          box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.06);
          border-radius: 5px;
          font-style: normal;
          font-weight: normal;
          font-size: 14px;
          line-height: 17px;
          color: #000000;
          opacity: 0.54; }
          .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-group .custom-form-control a.btn {
            width: 85px !important; }
        .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-group input[type=number]::-webkit-inner-spin-button,
        .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-group input[type=number]::-webkit-outer-spin-button {
          -webkit-appearance: none;
          margin: 0; }
        .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-group .monthly-btn {
          border: 2px solid rgba(0, 0, 0, 0.2);
          box-sizing: border-box;
          border-radius: 5px;
          font-style: normal;
          font-weight: 500;
          font-size: 14px;
          line-height: 17px;
          text-align: center;
          color: #000000;
          opacity: 0.6;
          align-self: baseline;
          padding: 6px;
          margin-right: 10px;
          padding-top: 13px;
          padding-bottom: 11px; }
        .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-group .monthly-btn:focus {
          box-shadow: none; }
        .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-group .weekly-btn {
          border: 2px solid rgba(0, 0, 0, 0.2);
          box-sizing: border-box;
          border-radius: 5px;
          font-style: normal;
          font-weight: 500;
          font-size: 14px;
          line-height: 17px;
          text-align: center;
          color: #000000;
          opacity: 0.6;
          align-self: baseline;
          padding: 6px;
          padding-top: 13px;
          padding-bottom: 11px; }
        .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-group .weekly-btn:focus {
          box-shadow: none; }
        .spend-control-section .spend-control-part .form-part #spend-control-form .custom-spend-control .custom-form-group .active {
          border: 2px solid #ED1C24;
          color: #ED1C24;
          opacity: 1; }
      .spend-control-section .spend-control-part .form-part #spend-control-form .col-auto {
        text-align: center;
        margin-top: 34px; }
        .spend-control-section .spend-control-part .form-part #spend-control-form .col-auto .submit-btn {
          border: 1px solid #ED1C24;
          box-sizing: border-box;
          border-radius: 5px;
          padding: 8px 80px;
          font-style: normal;
          font-weight: bold;
          font-size: 18px;
          line-height: 22px;
          text-align: center;
          color: #ED1C24;
          background: #FFFFFF; }

.recharge-offer-section {
  margin-top: 80px; }
  .recharge-offer-section h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 38px;
    text-align: center;
    color: #000000;
    margin-bottom: 30px; }
  .recharge-offer-section .signin-btn {
    background: #fff;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    width: 230px;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #ED1C24;
    padding: 8px 12px;
    font-weight: 500;
    border: 1px solid #ED1C24;
    box-sizing: border-box;
    border-radius: 5px;
    transition: all .3s ease-in-out;
    transform: translate3d(0, 0, 0); }
    .recharge-offer-section .signin-btn:hover {
      transform: translate3d(0, -4px, 0);
      cursor: pointer;
      color: #FFFFFF;
      background: #ed1c24; }

.manage-fnf-section {
  margin-top: 40px; }
  .manage-fnf-section .manage-sec-num-part {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    padding-top: 30px;
    padding-bottom: 50px; }
    .manage-fnf-section .manage-sec-num-part h2 {
      font-style: normal;
      font-weight: 500;
      font-size: 24px;
      line-height: 38px;
      margin-bottom: 35px;
      color: #000000;
      padding-left: 50px; }
    .manage-fnf-section .manage-sec-num-part .all-number-part ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px; }
      .manage-fnf-section .manage-sec-num-part .all-number-part ul .active {
        background: #FEF3F4; }
        .manage-fnf-section .manage-sec-num-part .all-number-part ul .active .custom-media {
          border-bottom: none !important; }
          .manage-fnf-section .manage-sec-num-part .all-number-part ul .active .custom-media svg path {
            fill: #ED1C24;
            fill-opacity: 1; }
          .manage-fnf-section .manage-sec-num-part .all-number-part ul .active .custom-media .icon svg path {
            fill: #000;
            fill-opacity: 0.54; }
      .manage-fnf-section .manage-sec-num-part .all-number-part ul li .custom-media {
        padding: 15px 0px;
        margin: 0px 50px;
        align-items: center; }
        .manage-fnf-section .manage-sec-num-part .all-number-part ul li .custom-media .custom-media-body h5 {
          font-style: normal;
          font-weight: 500;
          font-size: 20px;
          line-height: 24px;
          color: #000000;
          margin-bottom: 0px; }
        .manage-fnf-section .manage-sec-num-part .all-number-part ul li .custom-media .custom-media-body p {
          font-style: normal;
          font-weight: normal;
          font-size: 16px;
          line-height: 20px;
          color: rgba(0, 0, 0, 0.54);
          margin-bottom: 0px; }
        .manage-fnf-section .manage-sec-num-part .all-number-part ul li .custom-media .custom-media-body .edit-text {
          font-style: normal;
          font-weight: normal;
          font-size: 16px;
          line-height: 26px;
          color: #000000; }
        .manage-fnf-section .manage-sec-num-part .all-number-part ul li .custom-media .icon a {
          text-decoration: none; }
        .manage-fnf-section .manage-sec-num-part .all-number-part ul li .custom-media .icon .edit {
          margin-right: 15px; }
      .manage-fnf-section .manage-sec-num-part .all-number-part ul li:not(:last-child) .custom-media {
        border-bottom: 1px solid #D9D9D9; }

@media (max-width: 575px) {
  .manage-fnf-section .manage-sec-num-part {
    border: none;
    box-shadow: none; }
  .manage-fnf-section .manage-sec-num-part .all-number-part ul li .custom-media {
    margin: 0px 15px; }
  .manage-fnf-section .manage-sec-num-part h2 {
    padding-left: 25px;
    margin-bottom: 15px; }
  .manage-fnf-section .manage-sec-num-part .all-number-part ul li .custom-media svg {
    margin-right: 25px !important; }
  .manage-fnf-section .manage-sec-num-part .all-number-part ul li .custom-media .icon svg {
    margin-right: 0px !important; }
  .manage-fnf-section .manage-sec-num-part .all-number-part ul li .custom-media {
    align-items: unset; } }

.manage-secondary-num-section {
  margin-top: 40px; }
  .manage-secondary-num-section .manage-sec-num-part {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    padding-top: 30px;
    padding-bottom: 50px; }
    .manage-secondary-num-section .manage-sec-num-part h2 {
      font-style: normal;
      font-weight: 500;
      font-size: 24px;
      line-height: 38px;
      margin-bottom: 35px;
      color: #000000;
      padding-left: 50px; }
    .manage-secondary-num-section .manage-sec-num-part .all-number-part ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px; }
      .manage-secondary-num-section .manage-sec-num-part .all-number-part ul .active {
        background: #FEF3F4; }
        .manage-secondary-num-section .manage-sec-num-part .all-number-part ul .active .custom-media {
          border-bottom: none !important; }
          .manage-secondary-num-section .manage-sec-num-part .all-number-part ul .active .custom-media svg path {
            fill: #ED1C24;
            fill-opacity: 1; }
          .manage-secondary-num-section .manage-sec-num-part .all-number-part ul .active .custom-media .icon {
            display: none; }
      .manage-secondary-num-section .manage-sec-num-part .all-number-part ul li .custom-media {
        padding: 15px 0px;
        margin: 0px 50px;
        align-items: center; }
        .manage-secondary-num-section .manage-sec-num-part .all-number-part ul li .custom-media .custom-media-body h5 {
          font-style: normal;
          font-weight: 500;
          font-size: 20px;
          line-height: 24px;
          color: #000000;
          margin-bottom: 0px; }
        .manage-secondary-num-section .manage-sec-num-part .all-number-part ul li .custom-media .custom-media-body p {
          font-style: normal;
          font-weight: normal;
          font-size: 16px;
          line-height: 20px;
          color: rgba(0, 0, 0, 0.54);
          margin-bottom: 0px; }
        .manage-secondary-num-section .manage-sec-num-part .all-number-part ul li .custom-media .custom-media-body .edit-text {
          font-style: normal;
          font-weight: normal;
          font-size: 16px;
          line-height: 26px;
          color: #000000; }
        .manage-secondary-num-section .manage-sec-num-part .all-number-part ul li .custom-media .icon a {
          text-decoration: none; }
        .manage-secondary-num-section .manage-sec-num-part .all-number-part ul li .custom-media .icon .edit {
          margin-right: 15px; }
      .manage-secondary-num-section .manage-sec-num-part .all-number-part ul li:not(:last-child) .custom-media {
        border-bottom: 1px solid #D9D9D9; }

@media (max-width: 575px) {
  .manage-secondary-num-section .manage-sec-num-part {
    border: none;
    box-shadow: none; }
  .manage-secondary-num-section .manage-sec-num-part .all-number-part ul li .custom-media {
    margin: 0px 15px; }
  .manage-secondary-num-section .manage-sec-num-part h2 {
    padding-left: 25px;
    margin-bottom: 15px; }
  .manage-secondary-num-section .manage-sec-num-part .all-number-part ul li .custom-media svg {
    margin-right: 25px !important; }
  .manage-secondary-num-section .manage-sec-num-part .all-number-part ul li .custom-media .icon svg {
    margin-right: 0px !important; }
  .manage-secondary-num-section .manage-sec-num-part .all-number-part ul li .custom-media {
    align-items: unset; } }

.check-pin-puk-section {
  margin-top: 80px; }
  .check-pin-puk-section .check-pin-puk-part {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    padding-top: 35px;
    padding-bottom: 60px;
    padding-left: 85px;
    padding-right: 85px; }
    .check-pin-puk-section .check-pin-puk-part h2 {
      font-style: normal;
      font-weight: 500;
      font-size: 30px;
      line-height: 38px;
      text-align: center;
      color: rgba(15, 15, 15, 0.87);
      margin-bottom: 15px; }
    .check-pin-puk-section .check-pin-puk-part .custom-table {
      margin-bottom: 70px; }
      .check-pin-puk-section .check-pin-puk-part .custom-table tbody tr td:nth-child(2) {
        text-align: right; }
      .check-pin-puk-section .check-pin-puk-part .custom-table tbody tr td {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 17px;
        color: rgba(0, 0, 0, 0.87);
        padding-top: 20px;
        padding-bottom: 20px; }
      .check-pin-puk-section .check-pin-puk-part .custom-table tbody tr:nth-child(1) td {
        border-top: none; }
      .check-pin-puk-section .check-pin-puk-part .custom-table tbody tr:last-child td {
        border-bottom: 1px solid #dee2e6; }
    .check-pin-puk-section .check-pin-puk-part p {
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 22px;
      color: #000000;
      text-align: center; }

@media (max-width: 575px) {
  .check-pin-puk-section .check-pin-puk-part {
    padding-left: 30px;
    padding-right: 30px; } }

@media (max-width: 465px) {
  .check-pin-puk-section .check-pin-puk-part {
    border: none;
    box-shadow: none;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px; }
    .check-pin-puk-section .check-pin-puk-part h2 {
      text-align: left;
      font-size: 20px;
      line-height: 30px; }
    .check-pin-puk-section .check-pin-puk-part p {
      font-size: 14px;
      line-height: 22px;
      text-align: left;
      padding-left: 5px; }
    .check-pin-puk-section .check-pin-puk-part .custom-table {
      margin-bottom: 30px; }
  .check-pin-puk-section {
    margin-top: 25px; } }

.dhonnobad-dashboard-section h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 38px;
  color: #000000;
  margin-bottom: 25px; }

.dhonnobad-dashboard-section .user-details-part {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  padding: 35px 45px; }
  .dhonnobad-dashboard-section .user-details-part .personal-details .user-media .user-media-body h5 {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 10px; }
  .dhonnobad-dashboard-section .user-details-part .personal-details .user-media .user-media-body p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    margin-bottom: 0px; }
  .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part {
    margin-left: 95px;
    margin-top: -15px; }
    .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part p {
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 16px;
      color: #000000;
      margin-bottom: 0px; }
    .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part .rating-option {
      display: flex; }
      .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part .rating-option p {
        margin-bottom: 0px;
        align-self: center;
        margin-right: 5px;
        font-size: 20px;
        font-weight: bold;
        display: none; }
      .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part .rating-option .rate:not(:checked) > input {
        position: absolute;
        top: -9999px; }
      .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part .rating-option .rate:not(:checked) > label {
        float: right;
        width: 1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 23px;
        color: #ccc;
        margin-bottom: 0px;
        margin-top: -5px; }
      .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part .rating-option .rate:not(:checked) > label:before {
        content: '\2605   '; }
      .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part .rating-option .rate > input:checked ~ label {
        color: #ffc700; }
      .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part .rating-option .rate:not(:checked) > label:hover,
      .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part .rating-option .rate:not(:checked) > label:hover ~ label {
        color: #deb217; }
      .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part .rating-option .rate > input:checked + label:hover,
      .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part .rating-option .rate > input:checked + label:hover ~ label,
      .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part .rating-option .rate > input:checked ~ label:hover,
      .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part .rating-option .rate > input:checked ~ label:hover ~ label,
      .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part .rating-option .rate > label:hover ~ input:checked ~ label {
        color: #c59b08; }
  .dhonnobad-dashboard-section .user-details-part .next-status-part .next-s-txt {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0px;
    color: rgba(0, 0, 0, 0.5); }
  .dhonnobad-dashboard-section .user-details-part .next-status-part h5 {
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 0px; }
  .dhonnobad-dashboard-section .user-details-part .next-status-part .bdt-txt {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0px;
    color: rgba(0, 0, 0, 0.5); }
  .dhonnobad-dashboard-section .user-details-part .next-status-part .progress-part {
    margin-bottom: 1rem; }
    .dhonnobad-dashboard-section .user-details-part .next-status-part .progress-part p {
      font-size: 12px;
      line-height: 18px;
      color: rgba(0, 0, 0, 0.5);
      margin-bottom: 5px;
      text-align: left; }
    .dhonnobad-dashboard-section .user-details-part .next-status-part .progress-part .progress {
      height: 4px;
      border-radius: 5px;
      width: 265px; }
      .dhonnobad-dashboard-section .user-details-part .next-status-part .progress-part .progress .progress-bar {
        background: #ED1C24; }

@media (max-width: 767px) {
  .dhonnobad-dashboard-section .user-details-part {
    display: block; }
  .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part {
    margin-left: 0px;
    margin-top: 25px; }
  .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part p span {
    display: none; }
  .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part .rating-option p {
    display: block;
    margin-bottom: 3px; }
  .dhonnobad-dashboard-section .user-details-part .personal-details .dhonnobad-status-part .rating-option {
    justify-content: space-between; }
  .dhonnobad-dashboard-section .user-details-part .next-status-part {
    margin-top: 15px; }
  .dhonnobad-dashboard-section h2 {
    font-size: 24px;
    line-height: 38px;
    margin-bottom: 15px; } }

@media (max-width: 450px) {
  .dhonnobad-dashboard-section .user-details-part {
    padding: 20px 15px; } }

@media (max-width: 767px) {
  .user-dashboard-section .user-details-part {
    display: block !important;
    padding-left: 30px !important;
    padding-right: 30px !important; }
  .user-dashboard-section .user-details-part .dhonnobad-status {
    margin-top: 25px !important; }
  .user-dashboard-section h2 {
    font-size: 24px !important;
    line-height: 38px !important;
    margin-bottom: 10px !important; } }

@media (max-width: 450px) {
  .user-dashboard-section .user-details-part {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important; } }

@media (max-width: 991px) {
  .account-summary-section .product-item {
    display: block; }
    .account-summary-section .product-item .purchase-info {
      text-align: center;
      margin-top: 15px; }
    .account-summary-section .product-item .details-cta {
      text-align: center;
      margin-top: 15px; } }

@media (max-width: 450px) {
  .account-summary .recharge-cta .btn-secondary {
    font-size: 14px;
    line-height: 20px; } }

@media (max-width: 400px) {
  .account-summary .recharge-cta .btn-secondary {
    font-size: 12px;
    line-height: 18px; }
  .account-summary .recharge-cta .btn-recharge {
    padding: 8px 16px; }
  .account-summary .recharge-cta .btn-details {
    padding: 8px 30px; }
  .account-summary {
    padding-left: 15px !important;
    padding-right: 15px !important; } }

@media (max-width: 1199px) {
  .subscription__info .top-info {
    margin-bottom: 10px !important; }
    .subscription__info .top-info p {
      font-size: 12px !important;
      line-height: 18px !important; } }

@media (max-width: 991px) and (min-width: 768px) {
  .subscription__info {
    padding: 48px 40px !important; }
    .subscription__info .top-info {
      margin-bottom: 20px !important; }
      .subscription__info .top-info p {
        font-size: 14px !important;
        line-height: 24px !important; } }

@media (max-width: 767px) {
  .subscription__info {
    margin-bottom: 30px; } }

@media (max-width: 576px) {
  .subscription__info {
    margin-bottom: 15px; } }

@media (max-width: 1199px) and (min-width: 768px) {
  .summary-info {
    padding-left: 0px !important; }
    .summary-info .item-info {
      margin-left: 0px !important; }
    .summary-info .page-cta {
      text-align: center;
      padding-left: 40px; } }

@media (max-width: 767px) and (min-width: 577px) {
  .circle-item {
    display: block !important; }
    .circle-item .item-info {
      align-items: center !important;
      margin-left: 0px !important;
      margin-top: 15px !important; }
  .page-cta {
    display: flex;
    align-items: center;
    flex-direction: column; }
    .page-cta a {
      display: block;
      width: 100%;
      margin: 10px;
      text-align: center; } }

@media (max-width: 683px) and (min-width: 576px) {
  .special-recharge {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 45px !important;
    padding-bottom: 0px !important; }
    .special-recharge .special-recharge__title {
      margin-bottom: 0px !important; }
      .special-recharge .special-recharge__title h3 {
        font-size: 14px !important;
        line-height: 24px !important; }
    .special-recharge .m-to {
      margin-top: 0px !important; }
    .special-recharge .price-set {
      padding-top: 10px !important; }
      .special-recharge .price-set .special-recharge__dayprice-right p {
        font-size: 12px !important;
        line-height: 19px !important; }
    .special-recharge .special-recharge__button a {
      font-size: 13px !important; } }

@media (max-width: 1199px) {
  .sms-page-cta {
    margin-top: -15px !important;
    margin-right: -15px !important;
    justify-content: center !important; } }

@media (max-width: 576px) {
  .sms-page-cta {
    margin-top: 15px !important; } }

.bottom-sticky p {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }
  .bottom-sticky p a {
    display: block; }

.btn-golink {
  background-color: #ED1C24;
  color: #fff;
  border: none;
  width: 50%;
  display: inline-block;
  padding: 10.5px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 9px; }

.btn-golink:hover {
  color: #fff; }

.roaming-card__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.navbar-customs::-webkit-scrollbar {
  width: 0px;
  background: transparent;
  /* optional: just make scrollbar invisible */
  display: none; }

.input-group {
  z-index: 0; }

.o-single-data p {
  padding-bottom: 20px; }

.robi-share__container {
  margin-top: 0 !important; }

.position-relative {
  padding-bottom: 41px; }
  .position-relative .d-dropdown-section {
    margin-top: 15px;
    border-radius: 5px; }
  .position-relative .ph-width {
    padding-top: 15px; }

.location-option-locator img {
  margin-bottom: 0 !important; }

.info-width {
  max-width: 310px !important; }

.m-career img {
  width: 50%; }

.t-iframe {
  overflow: hidden; }

.device-shop {
  background-color: #f8f8f8; }

.d-dropdown-section {
  padding: 7px;
  background: #f2f2f2; }

.s-bar .h6small {
  display: none; }

.form-section-chat .h6small {
  display: none; }

.form-section-chat .bt-primary {
  font-size: 18px;
  padding: 11px;
  font-weight: bold; }

.chat-option-section .nv-custom-tab {
  border: none; }
  .chat-option-section .nv-custom-tab .nav-item {
    width: 50%;
    background: #F9F9FA; }
    .chat-option-section .nv-custom-tab .nav-item a {
      color: rgba(0, 0, 0, 0.54);
      font-weight: 500;
      padding: 17px;
      border: none; }
  .chat-option-section .nv-custom-tab .active a {
    color: #ED1C24;
    background-color: #fff; }

.display-table-section {
  background-color: #ED1C24;
  width: 48px;
  display: table;
  height: 48px;
  border-radius: 50%;
  position: fixed;
  bottom: 15px;
  right: 15px;
  text-align: center;
  vertical-align: middle; }

.chat-option-section {
  width: 320px; }
  .chat-option-section nav {
    padding: 0px; }
  .chat-option-section ul {
    text-align: center; }
  .chat-option-section .custom_header {
    align-items: flex-start;
    justify-content: space-between;
    text-align: center; }
    .chat-option-section .custom_header .custom_title {
      padding-top: 10px;
      font-size: 16px; }
    .chat-option-section .custom_header p {
      color: rgba(0, 0, 0, 0.54);
      font-size: 14px;
      padding-top: 10px;
      padding-bottom: 20px; }

@media (max-width: 575px) {
  .chat-custom-dialog ul {
    flex-direction: row; } }

.chat-index {
  z-index: 999; }

.scroll-visibles {
  display: none; }

.career-section {
  /*.container{
	background-color: #F8F8F8;
}*/
  /*.main_header{
	font-size: 24px;
	line-height: 32px;
	color: rgba(0, 0, 0, 0.87);
	padding-top: 69px;
	padding-left: 40px;
	padding-right: 52px;
	
}*/
  /*.basic_info{
	font-size: 16px;
	line-height: 26px;
	color: rgba(0, 0, 0, 0.87);
	padding-top: 20px;
	padding-left: 40px;
	padding-right: 52px;
	padding-bottom: 30px;


}*/ }
  .career-section p, .career-section h2 {
    margin: 0px; }
  .career-section .robi-career-full {
    background-color: #F8F8F8; }
    .career-section .robi-career-full .p-left {
      padding-left: 40px; }
    .career-section .robi-career-full .p-right {
      padding-left: 40px; }
    .career-section .robi-career-full .custom-image-right {
      padding-right: 15px; }
    .career-section .robi-career-full .main_header {
      font-size: 24px;
      line-height: 32px;
      color: rgba(0, 0, 0, 0.87);
      padding-top: 69px;
      padding-left: 40px;
      padding-right: 52px; }
    .career-section .robi-career-full .basic_info {
      font-size: 16px;
      line-height: 26px;
      color: rgba(0, 0, 0, 0.87);
      padding-top: 20px;
      padding-left: 40px;
      padding-right: 52px;
      padding-bottom: 30px; }
  .career-section h1 {
    margin: 0px;
    text-align: center;
    padding-bottom: 40px;
    padding-top: 43px;
    font-size: 36px;
    line-height: 40px; }
  @media only screen and (max-width: 767px) and (min-width: 420px) {
    .career-section .custom-image-left {
      padding-right: 15px; }
    .career-section .custom-image-right {
      padding-left: 15px; } }
  @media only screen and (max-width: 1200px) and (min-width: 768px) {
    .career-section {
      /*.robi-career-full{
		width: 100%;
	}*/ }
      .career-section .robi-career-full .basic_info {
        font-size: 13px;
        line-height: 19px;
        color: rgba(0, 0, 0, 0.87);
        padding-top: 8px;
        /*padding-left: 0px;*/
        padding-right: 52px;
        padding-bottom: 30px; } }
  @media (max-width: 420px) {
    .career-section .custom-image-left {
      padding-right: 15px; }
    .career-section .custom-image-right {
      padding-left: 15px; }
    .career-section .main_header {
      font-size: 20px;
      line-height: 32px;
      color: rgba(0, 0, 0, 0.87);
      padding-top: 20px;
      padding-left: 20px;
      padding-right: 20px; }
    .career-section .basic_info {
      font-size: 20px;
      line-height: 32px;
      color: rgba(0, 0, 0, 0.87);
      padding-top: 20px;
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (max-width: 1199px) and (min-width: 987px) {
    .career-section .main_header {
      font-size: 20px;
      line-height: 30px;
      color: rgba(0, 0, 0, 0.87);
      padding-top: 45px;
      padding-left: 20px;
      padding-right: 20px; }
    .career-section .basic_info {
      font-size: 16px;
      line-height: 27px;
      color: rgba(0, 0, 0, 0.87);
      padding-top: 20px;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 10px; } }

.fixed-top {
  border: 5px solid transparent;
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.04); }
  .fixed-top .scroll-visibles {
    display: block;
    position: absolute;
    top: 14px;
    padding: 0;
    z-index: 1; }
    .fixed-top .scroll-visibles svg {
      width: 110px;
      height: 55px; }
  .fixed-top .scroll-none {
    display: none; }

.scroll-none {
  display: block; }

.full-height-navigation .active .nav-link {
  color: #ED1C24 !important;
  position: relative; }

.mega-menu .m-left-menu .active a {
  color: #ED1C24; }

.t-0 {
  margin-top: 20px;
  margin-bottom: 20px; }

.nv-second .active .nav-link {
  color: #ED1C24 !important; }

.full-height-navigation .active .nav-link:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  padding-right: 36px;
  bottom: -11px;
  z-index: 1;
  height: 9px;
  width: 9px;
  margin: 0 auto;
  background-repeat: no-repeat;
  padding-right: 40px;
  background-image: url("/static/images/a.svg"); }

.t-right-width {
  margin-bottom: 2px; }

.bt-secondary {
  margin-bottom: 2px; }

.modal-search {
  width: 46%;
  margin: 0 auto; }

.searchpage {
  padding-top: 60px;
  padding-bottom: 60px; }
  .searchpage .h6small {
    display: none; }
  .searchpage .input-group {
    margin-top: 30px;
    margin-bottom: 40px; }

/*-------------Robi Search Result Section Css Start------------*/
.custom_gift_img {
  padding-right: 16px;
  padding-top: 20px;
  padding-bottom: 29px; }

.s-0 .gift_description {
  font-size: 18px;
  line-height: 30px;
  opacity: 60%;
  padding-top: 20px;
  color: rgba(0, 0, 0, 0.87); }

.s-0 .internet_description {
  font-size: 18px;
  line-height: 30px;
  opacity: 60%;
  color: rgba(0, 0, 0, 0.87); }

.custom_internet_img {
  padding-right: 20px;
  /*  padding-top: 30px;*/
  padding-bottom: 29px; }

.Robi-Search-section .Robi-Search-section-relusts {
  /* Bootstrap 4 text input with search icon */
  /*img{
  padding-right: 20px;
  padding-top: 30px;
  padding-bottom: 29px;
}*/ }
  .Robi-Search-section .Robi-Search-section-relusts .search-result-text {
    padding-bottom: 17px; }
    .Robi-Search-section .Robi-Search-section-relusts .search-result-text p {
      font-size: 18px;
      line-height: 30px; }
      .Robi-Search-section .Robi-Search-section-relusts .search-result-text p .search-text {
        color: #ED1C24;
        font-weight: 500; }
  .Robi-Search-section .Robi-Search-section-relusts .icon2 {
    height: 13px;
    width: 13px;
    color: #000000;
    padding-left: 3px;
    margin-left: 520px; }
  .Robi-Search-section .Robi-Search-section-relusts .icon1 {
    height: 20px;
    width: 20px;
    color: #000000;
    padding-left: 3px; }
  .Robi-Search-section .Robi-Search-section-relusts .media-body .top_header {
    font-size: 14px;
    line-height: 16px;
    opacity: 60%;
    padding-top: 30px;
    color: rgba(0, 0, 0, 0.54); }
  .Robi-Search-section .Robi-Search-section-relusts .main_header {
    font-size: 24px;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.87);
    padding-top: 15px; }
    .Robi-Search-section .Robi-Search-section-relusts .main_header a {
      text-decoration: none;
      color: rgba(0, 0, 0, 0.87); }
  .Robi-Search-section .Robi-Search-section-relusts .price_tag {
    padding-top: 15px;
    font-size: 18px;
    line-height: 30px; }
    .Robi-Search-section .Robi-Search-section-relusts .price_tag strike {
      font-size: 16px;
      line-height: 24px; }
  .Robi-Search-section .Robi-Search-section-relusts .media-top {
    border-top: 1px solid #E5E5E5; }
  .Robi-Search-section .Robi-Search-section-relusts .custom_s8_img {
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 29px; }
  .Robi-Search-section .Robi-Search-section-relusts .custom_note_img {
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 29px; }
  .Robi-Search-section .Robi-Search-section-relusts .custom_internet_img {
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 29px; }
  .Robi-Search-section .Robi-Search-section-relusts .custom_talktime_img {
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 29px; }
  .Robi-Search-section .Robi-Search-section-relusts h6 {
    padding-top: 12px;
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 24px; }
  .Robi-Search-section .Robi-Search-section-relusts .text_validity {
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.54);
    padding-top: 13px;
    padding-bottom: 27px; }
  .Robi-Search-section .Robi-Search-section-relusts .main_header_text {
    font-size: 24px;
    line-height: 32px;
    padding-top: 30px; }
    .Robi-Search-section .Robi-Search-section-relusts .main_header_text a {
      text-decoration: none;
      color: rgba(0, 0, 0, 0.87); }
  .Robi-Search-section .Robi-Search-section-relusts .text_description {
    font-size: 16px;
    line-height: 26px;
    padding-top: 15px;
    padding-bottom: 30px;
    color: rgba(0, 0, 0, 0.6); }
  .Robi-Search-section .Robi-Search-section-relusts .bottom {
    padding-bottom: 40px; }
  .Robi-Search-section .Robi-Search-section-relusts .bottom_end_button {
    margin-top: 40px; }
  .Robi-Search-section .Robi-Search-section-relusts .media {
    border-bottom: 1px solid #E5E5E5; }
  @media (max-width: 450px) {
    .Robi-Search-section .Robi-Search-section-relusts .media-body .top_header {
      padding-top: 20px; }
    .Robi-Search-section .Robi-Search-section-relusts .main_header {
      font-size: 18px;
      line-height: 28px;
      padding-top: 10px; }
    .Robi-Search-section .Robi-Search-section-relusts h6 {
      padding-top: 10px;
      padding-bottom: 20px; }
    .Robi-Search-section .Robi-Search-section-relusts .text_validity {
      font-size: 14px;
      line-height: 16px;
      padding-top: 10px;
      padding-bottom: 20px; }
    .Robi-Search-section .Robi-Search-section-relusts .main_header_text {
      font-size: 18px;
      line-height: 28px;
      padding-top: 20px; }
    .Robi-Search-section .Robi-Search-section-relusts .text_description {
      font-size: 16px;
      line-height: 26px;
      padding-top: 10px;
      padding-bottom: 20px; }
    .Robi-Search-section .Robi-Search-section-relusts .custom_s8_img {
      padding-top: 20px;
      padding-right: 10px;
      padding-bottom: 93px;
      width: 80px; }
    .Robi-Search-section .Robi-Search-section-relusts .custom_note_img {
      padding-top: 20px;
      padding-right: 10px;
      padding-bottom: 60px;
      width: 80px; }
    .Robi-Search-section .Robi-Search-section-relusts .custom_internet_img {
      padding-right: 17px;
      padding-top: 20px;
      padding-bottom: 58px;
      width: 100px; }
    .Robi-Search-section .Robi-Search-section-relusts .custom_talktime_img {
      padding-right: 17px;
      padding-top: 20px;
      padding-bottom: 58px;
      width: 100px; }
    .Robi-Search-section .Robi-Search-section-relusts .special-recharge__button {
      padding-bottom: 41px; }
    .Robi-Search-section .Robi-Search-section-relusts .price_tag {
      padding-top: 10px;
      padding-bottom: 20px; } }

@media screen and (max-width: 1405px), screen and (max-height: 768px) {
  .modal-search {
    width: 65% !important;
    margin: 0 auto; } }

@media screen and (max-width: 768px), screen and (max-height: 500px) {
  .modal-section {
    margin-left: 10px !important; } }

.modal-section {
  display: block !important; }

.modal-search {
  width: 45%;
  margin: 0 auto; }
  .modal-search .h6small {
    display: none; }
  .modal-search .ph-width {
    margin-bottom: 0; }
  .modal-search .input-group {
    background-color: #fff;
    border-radius: 5px; }
  .modal-search .input-group .form-control {
    background-color: #fff;
    border-radius: 5px; }

.c-modal-color {
  background: #fff;
  border-radius: 50px; }

.dropdown-search-list {
  margin-top: 10px;
  background-color: #fff;
  border-radius: 5px;
  padding-top: 35px; }
  .dropdown-search-list p {
    font-size: 14px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.54);
    padding-bottom: 5px; }
  .dropdown-search-list ul li {
    margin-left: 20px; }
    .dropdown-search-list ul li a {
      display: block;
      color: #000;
      opacity: .6;
      font-size: 16px;
      line-height: 26px;
      padding-top: 15px;
      padding-bottom: 15px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.06); }

.dropdown-search-list ul li:last-child {
  border-bottom: none; }

.dropdown-search-list ul li:last-child a {
  border-bottom: none;
  padding-bottom: 0; }

.dropdown-section-upload .d {
  color: rgba(0, 0, 0, 0.87);
  opacity: .7; }

.dropdown-section-upload .connection-sin-sigle {
  background-color: #f2f2f2;
  padding: 3px;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 4px; }

.simdeatils .h6small {
  display: none; }

.u-submit-button-red {
  margin-top: 10px; }
  .u-submit-button-red button {
    padding: 10px; }

.select-radio {
  padding: 50px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); }
  @media (max-width: 576px) {
    .select-radio {
      padding: 0;
      border: none; } }

.select-radio__body {
  margin-bottom: 0 !important; }

.select-radio__body .radio__label {
  display: block;
  position: relative;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .select-radio__body .radio__label input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    .select-radio__body .radio__label input:checked ~ .checkmark {
      background-color: #ED1C24;
      border: 2px solid #ED1C24; }
    .select-radio__body .radio__label input:checked ~ .left__content {
      border-color: #ED1C24;
      border-radius: 5px;
      box-shadow: 1px 0 1px 1px #ED1C24; }
    .select-radio__body .radio__label input:checked ~ .checkmark::after {
      display: block; }
  .select-radio__body .radio__label .checkmark {
    position: absolute;
    top: calc(50% - 9px);
    right: 15px;
    height: 18px;
    width: 18px;
    background-color: #FFF;
    border: 2px solid #000;
    border-radius: 50%; }
    .select-radio__body .radio__label .checkmark::after {
      content: "";
      position: absolute;
      display: none;
      top: 0;
      left: 0;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background: red;
      border: 3px solid #FFF; }

.left__content {
  display: flex;
  align-items: center;
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px; }
  .left__content .img-wrapper {
    padding: 0 10px 0 0; }
  .left__content .content {
    width: 75%; }
    .left__content .content__title {
      font-size: 14px;
      line-height: 18px;
      opacity: .87;
      margin: 0;
      font-weight: bold;
      margin-bottom: 8px; }
    .left__content .content__desc {
      font-size: 12px;
      line-height: 18px;
      color: rgba(0, 0, 0, 0.54);
      margin: 0; }

.select__package {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .select__package .radio__label {
    margin-right: 15px;
    width: 50%;
    text-align: center; }
    .select__package .radio__label:last-child {
      margin-right: 0; }
    .select__package .radio__label .checkmark {
      left: calc(40% - 22px);
      top: calc(50% - 9px);
      height: 18px;
      width: 18px;
      background-color: #FFF;
      border: 1px solid rgba(0, 0, 0, 0.6); }
      .select__package .radio__label .checkmark::after {
        content: "";
        position: absolute;
        display: none;
        top: 0;
        left: 0;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: red;
        border: 3px solid #FFF; }
    .select__package .radio__label .left__content {
      text-align: center;
      padding-left: 45px; }
      .select__package .radio__label .left__content .content {
        width: 100%; }
        .select__package .radio__label .left__content .content__title {
          margin: 0;
          font-size: 14px;
          line-height: 19px;
          font-weight: normal;
          color: rgba(0, 0, 0, 0.87); }

.choose-package__title {
  font-size: 18px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 20px;
  font-weight: 500; }

.choose-package .radio__label .checkmark {
  height: 18px;
  width: 18px;
  background-color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.6); }
  .choose-package .radio__label .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: red;
    border: 3px solid #FFF; }

.nearest-center-desc__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 15px; }

.nearest-center-desc__body-block {
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 15px; }
  .nearest-center-desc__body-block .body-block__title {
    font-size: 14px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 15px; }
  .nearest-center-desc__body-block .body-block__address-day {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start; }
    .nearest-center-desc__body-block .body-block__address-day .svg-wrapper {
      padding-right: 10px;
      display: flex;
      align-items: center;
      margin-top: 1px; }
      .nearest-center-desc__body-block .body-block__address-day .svg-wrapper svg {
        width: 24px; }
    .nearest-center-desc__body-block .body-block__address-day p {
      font-size: 12px;
      line-height: 18px;
      color: rgba(0, 0, 0, 0.54);
      margin-bottom: 12px; }

.u-title-wrapper__title {
  text-align: center;
  padding-bottom: 20px; }

.left__content .content__title {
  font-weight: bold !important; }

.choose-package__title {
  font-size: 18px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 25px;
  font-weight: 500;
  margin-top: 15px; }

.content__title {
  font-weight: 500 !important;
  line-height: 24px !important; }

.color-prepaid-package {
  background-color: #F8F8F8; }

.listblog {
  width: 100%; }

.c-robi {
  padding-top: 60px;
  padding-bottom: 30px; }
  .c-robi img {
    width: 75px !important;
    height: 75px !important; }

.padding-left-right {
  padding-left: 15px !important;
  padding-right: 15px; }

.section-4g .roaming-status {
  background: #fff; }

.robi-4g-offer-section-item-all {
  padding-top: 20px; }
  .robi-4g-offer-section-item-all .link-button {
    font-weight: bold;
    margin-top: 10px; }

.Businesshome .btn-spacing {
  display: none; }

.robi-sidenav-section {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  /*.vertical-menu a {
    background-color: #eee;
    color: black;
    display: block;
    padding: 12px;
    text-decoration: none;
}
*/ }
  .robi-sidenav-section .vertical-menu {
    margin-bottom: 15px;
    overflow-y: auto;
    /*h4{
		font-size: 18px;
		line-height: 30px;
	}*/ }
    .robi-sidenav-section .vertical-menu a {
      color: black;
      display: block;
      padding-left: 12px;
      padding-right: 12px;
      text-decoration: none;
      font-size: 18px;
      line-height: 30px; }
    .robi-sidenav-section .vertical-menu a:not(:first-child) {
      margin-top: 20px; }
  .robi-sidenav-section ::-webkit-scrollbar {
    width: 2px; }
  .robi-sidenav-section ::-webkit-scrollbar-thumb {
    background: #d01717; }
  .robi-sidenav-section ::-webkit-scrollbar-track {
    background: #f1f1f1; }
  .robi-sidenav-section .vertical-menu a.active {
    color: red; }

.t-top-button {
  margin-top: 30px;
  margin-bottom: 80px; }

.insufficent-balanace .h6small {
  color: #000;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  text-align: left;
  display: block;
  font-weight: 500; }

.vas-content {
  padding-top: 60px;
  padding-bottom: 40px; }
  .vas-content h1 {
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    line-height: 40px; }
  .vas-content .ph-width {
    width: 70%;
    margin: 0 auto;
    margin-top: 30px; }

.vas-card-section .robi__card {
  margin-bottom: 30px; }

.vas-card-section .nopadding-right {
  padding-right: 5px; }

.vas-card-section .home-mangege {
  background-color: #fff;
  padding-top: 0px;
  padding-bottom: 0px; }
  .vas-card-section .home-mangege .mb-bottom {
    display: none; }

.t-center-top h5 {
  font-size: 18px;
  line-height: 28px;
  padding-top: 15px;
  padding-bottom: 8px; }
  .t-center-top h5 span {
    color: #00AC4D; }

.t-center-top p {
  width: 350px;
  text-align: center;
  margin: 0 auto; }
  .t-center-top p span {
    color: #ED1C24; }

.list-li-width {
  width: 100% !important; }
  .list-li-width .link-button {
    padding: 10px 30px; }

.select-radio {
  padding: 50px;
  border-radius: 2px; }
  @media (max-width: 576px) {
    .select-radio {
      padding: 0;
      border: none; } }

.select-radio__body {
  margin-bottom: 0 !important; }

.select-radio__body .radio__label {
  display: block;
  position: relative;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .select-radio__body .radio__label input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    .select-radio__body .radio__label input:checked ~ .checkmark {
      background-color: #ED1C24;
      border: 2px solid #ED1C24; }
    .select-radio__body .radio__label input:checked ~ .left__content {
      border-color: #ED1C24;
      border-radius: 5px;
      box-shadow: 1px 0 1px 1px #ED1C24; }
    .select-radio__body .radio__label input:checked ~ .checkmark::after {
      display: block; }
  .select-radio__body .radio__label .checkmark {
    position: absolute;
    top: calc(50% - 9px);
    right: 15px;
    height: 18px;
    width: 18px;
    background-color: #FFF;
    border: 2px solid #000;
    border-radius: 50%; }
    .select-radio__body .radio__label .checkmark::after {
      content: "";
      position: absolute;
      display: none;
      top: 0;
      left: 0;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background: red;
      border: 3px solid #FFF; }
  .select-radio__body .radio__label::hover input ~ .checkmark {
    background-color: #ccc; }

.left__content {
  display: flex;
  align-items: center;
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px; }
  .left__content .img-wrapper {
    padding: 0 10px 0 0; }
  .left__content .content {
    width: 75%; }
    .left__content .content__title {
      font-size: 14px;
      line-height: 18px;
      opacity: .87;
      margin: 0;
      font-weight: bold;
      margin-bottom: 8px; }
    .left__content .content__desc {
      font-size: 12px;
      line-height: 18px;
      color: rgba(0, 0, 0, 0.54);
      margin: 0; }

.select__package {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .select__package .radio__label {
    margin-right: 15px;
    width: 50%;
    text-align: center; }
    .select__package .radio__label:last-child {
      margin-right: 0; }
    .select__package .radio__label .checkmark {
      left: calc(40% - 22px);
      top: calc(50% - 9px);
      height: 18px;
      width: 18px;
      background-color: #FFF;
      border: 1px solid rgba(0, 0, 0, 0.6); }
      .select__package .radio__label .checkmark::after {
        content: "";
        position: absolute;
        display: none;
        top: 0;
        left: 0;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: red;
        border: 3px solid #FFF; }
    .select__package .radio__label .left__content {
      text-align: center;
      padding-left: 45px; }
      .select__package .radio__label .left__content .content {
        width: 100%; }
        .select__package .radio__label .left__content .content__title {
          margin: 0;
          font-size: 14px;
          line-height: 19px;
          font-weight: normal;
          color: rgba(0, 0, 0, 0.87); }

.choose-package__title {
  font-size: 18px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 20px;
  font-weight: 500; }

.choose-package .radio__label .checkmark {
  height: 18px;
  width: 18px;
  background-color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.6); }
  .choose-package .radio__label .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: red;
    border: 3px solid #FFF; }

.nearest-center-desc__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 15px; }

.nearest-center-desc__body-block {
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 15px; }
  .nearest-center-desc__body-block .body-block__title {
    font-size: 14px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 15px; }
  .nearest-center-desc__body-block .body-block__address-day {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start; }
    .nearest-center-desc__body-block .body-block__address-day .svg-wrapper {
      padding-right: 10px;
      display: flex;
      align-items: center;
      margin-top: 1px; }
      .nearest-center-desc__body-block .body-block__address-day .svg-wrapper svg {
        width: 24px; }
    .nearest-center-desc__body-block .body-block__address-day p {
      font-size: 12px;
      line-height: 18px;
      color: rgba(0, 0, 0, 0.54);
      margin-bottom: 12px; }

.banerhome {
  background-size: cover;
  background-repeat: no-repeat;
  height: 330px;
  width: 100%;
  background-position: center top; }

.rechargedata .h6small {
  display: none; }

.i-opacity {
  opacity: .2; }

.slider-img {
  background-size: cover;
  background-repeat: no-repeat;
  height: 300px;
  width: 100%;
  background-position: center top; }

.display-flex {
  height: 390px; }

.d-none-option {
  display: none; }

.Checkbilpayroaming .roaming-status {
  background-color: #fff; }

.user_billing_content h1 {
  text-align: center;
  font-size: 30px;
  line-height: 38px; }

.user_billing_content p {
  padding-top: 30px;
  text-align: center;
  font-size: 18px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.87); }

.user_billing_content h2 {
  padding-top: 20px;
  text-align: center;
  font-size: 30px;
  line-height: 38px;
  color: #ED1C24; }

.user_billing_content .bill_button {
  padding-top: 30px; }
  .user_billing_content .bill_button .bt-primary {
    padding: 11px; }

.variable-width button {
  display: none !important; }

.variable-width .slick-slide {
  width: auto !important; }

.slider-img img {
  width: 100%; }

.items a {
  margin-right: 4px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
  font-size: 14px;
  padding: 18px;
  display: block; }

.nv-second-l {
  margin-left: 86px; }

.slider-img {
  position: relative; }

.roaming-bill-section h6 {
  padding-top: 30px;
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
  text-align: center; }
  .roaming-bill-section h6 span {
    color: #000;
    font-weight: 600;
    padding-left: 6px;
    display: inline-block; }
    .roaming-bill-section h6 span a {
      display: inline-block; }
      .roaming-bill-section h6 span a svg {
        margin-left: 10px; }

.text-time a {
  display: inline-block;
  padding-top: 20px; }
  .text-time a span {
    font-size: 14px;
    line-break: 16px;
    color: #ED1C24;
    font-weight: 500; }

.radio-check-section {
  top: 0;
  right: 0px;
  height: 18px;
  width: 18px;
  background-color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.6);
  position: absolute !important; }

.purchase-width {
  border: none;
  padding-left: 70px;
  padding-right: 70px;
  padding-top: 30px;
  padding-bottom: 30px; }

.recharge .list-inline-item:not(:last-child) {
  margin-right: 19px !important; }

.recharge ul {
  display: block;
  margin: 0 auto; }

.recharge li {
  border: 1px solid rgba(0, 0, 0, 0.24);
  border-radius: 5px; }

.recharge a {
  display: flex;
  color: #747474;
  text-decoration: none;
  text-align: center;
  height: 47px;
  width: 57px;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.recharge span {
  display: block;
  line-height: 16px;
  font-weight: 500;
  font-size: 16px;
  padding-bottom: 2px; }

.recharge .custom_line {
  line-height: 20px;
  font-size: 12px;
  padding-top: 4px; }

.rechargedata {
  padding: 35px; }

.recharge-section .roaming-status {
  background-color: #fff; }

.recharge {
  padding-bottom: 20px; }
  .recharge .active {
    border: 1px solid #ED1C24; }
    .recharge .active a {
      color: #ED1C24; }

.rechargedata .ph-width {
  margin-bottom: 20px; }

.rechargedata h2 {
  padding-bottom: 20px; }

.rechargedata .bt-primary {
  padding: 11px;
  font-size: 18px; }

.active-form .input-group {
  border: 1px solid #ED1C24; }

.generallanding .roaming-offers-section {
  padding-top: 40px; }

.Mnp .roaming-status {
  background-color: #fff; }

.Mnp .why-robi-section {
  padding-top: 80px;
  padding-bottom: 80px; }

.color-collapse {
  background-color: #f8f8f8;
  padding-top: 60px;
  padding-bottom: 60px; }

.t-spacing-bottom {
  padding-bottom: 46px; }
  .t-spacing-bottom p {
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    line-height: 26px;
    margin: 0 auto;
    padding-top: 10px; }

.robi-4g-offer-section-header {
  text-align: center;
  padding-top: 60px; }
  .robi-4g-offer-section-header h1 {
    font-size: 30px;
    line-height: 38px; }

.robi-4g-offer-section-item-all {
  text-align: center;
  padding: 20px;
  padding-top: 0;
  padding-bottom: 0; }
  .robi-4g-offer-section-item-all img {
    display: block;
    margin: 0 auto; }
  .robi-4g-offer-section-item-all h4 {
    padding-top: 29px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 20px;
    line-height: 28px; }
  .robi-4g-offer-section-item-all h6 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    padding-top: 15px; }

@media (max-width: 420px) {
  .select__package .radio__label .left__content .content__title {
    margin: 0;
    font-size: 14px;
    line-height: 19px !important;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.87);
    padding-left: 9px;
    padding-top: 3px; }
  .robi-4g-offer-section-header {
    text-align: center;
    padding-top: 40px; }
    .robi-4g-offer-section-header h1 {
      font-size: 24px;
      line-height: 38px; }
  .robi-4g-offer-section-item-all {
    text-align: center;
    padding: 20px;
    padding-top: 0;
    padding-bottom: 0; }
    .robi-4g-offer-section-item-all img {
      display: block;
      margin: 0 auto;
      width: 49px;
      height: 41px; }
    .robi-4g-offer-section-item-all h4 {
      padding-top: 21px;
      color: rgba(0, 0, 0, 0.87);
      font-size: 18px;
      line-height: 28px; }
    .robi-4g-offer-section-item-all h6 {
      font-size: 14px;
      line-height: 24px;
      font-weight: 300;
      padding-bottom: 36px;
      padding-top: 10px; } }

.modal-global-width {
  width: 370px;
  padding: 30px 23px 30px 30px; }

.modal-loging-1 svg {
  display: block;
  margin: 0 auto; }

.modal-loging-1 .h3small {
  color: rgba(0, 0, 0, 0.87);
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px; }

.fill-color {
  opacity: .3; }

.modal-global-width .h6small {
  display: none; }

.btn.focus, .btn:focus {
  box-shadow: none; }

.list-login-section li .bt-primary {
  padding: 10px;
  margin-bottom: 15px;
  margin-top: 15px;
  display: block;
  width: 100%;
  font-size: 18px; }

.list-login-section li .bt-secondary {
  width: 100%;
  color: rgba(0, 0, 0, 0.54) !important;
  transform: none;
  border: 1px solid rgba(0, 0, 0, 0.54) !important;
  font-size: 18px; }
  .list-login-section li .bt-secondary:hover {
    color: #fff !important;
    border: 1px solid #ED1C24 !important; }

.author-wrap .author {
  text-align: center;
  margin: 40px 0;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
  opacity: .54; }

.purchase-container {
  padding: 50px 120px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04); }
  .purchase-container__title {
    font-size: 16px;
    line-height: 17px;
    margin-bottom: 15px; }
  .purchase-container__left {
    margin-bottom: 26px; }
    .purchase-container__left .custom--form-control {
      height: calc(2.69rem + 2px);
      font-size: 14px;
      line-height: 17px;
      opacity: 54%;
      color: #000000;
      background-color: rgba(0, 0, 0, 0.05);
      border: none; }
      .purchase-container__left .custom--form-control svg {
        opacity: 0.54; }
  .purchase-container__left-submit-btn a {
    width: 100%;
    text-align: center;
    display: block;
    text-decoration: none;
    padding: 12px 10px;
    background: #ED1C24;
    color: #FFFFFF;
    border-radius: 5px;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold; }
  .purchase-container .bonus-logo {
    margin-bottom: 26px; }
  .purchase-container__right-list {
    display: flex;
    justify-content: flex-start;
    padding: 0;
    list-style: none;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 20px; }
    .purchase-container__right-list li {
      margin-right: 15px;
      padding: 1px 15px;
      position: relative;
      font-size: 16px;
      line-height: 19px; }
      .purchase-container__right-list li span {
        font-weight: 500; }
      .purchase-container__right-list li::before {
        content: '';
        color: red;
        position: absolute;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: #ED1C24;
        top: 30%;
        left: 0;
        display: inline-block; }
  .purchase-container__right-price {
    font-weight: 500;
    font-size: 24px;
    color: rgba(15, 15, 15, 0.87);
    line-height: 22px;
    margin-bottom: 5px; }
  .purchase-container__right-tax {
    font-size: 14px;
    color: rgba(15, 15, 15, 0.87);
    line-height: 17px;
    margin-bottom: 26px; }

.f-bold {
  font-weight: 500;
  font-size: 16px; }

@media (max-width: 576px) {
  .purchase-container__title {
    line-height: 1.5; }
  .left__content .content {
    width: 60%; }
  .author-wrap .author {
    margin: 25px 0; }
  .mob-hr {
    width: 100%;
    margin: 20px 0;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.08); }
  .purchase-container {
    padding: 0;
    border: none;
    box-shadow: none;
    padding: 20px 40px !important; }
    .purchase-container .order__2 {
      order: 2; }
    .purchase-container .order__1 {
      order: 1; }
    .purchase-container__right-list li {
      padding: 5px 10px; } }

.purchase-container .h6small {
  display: none; }

.purchase-container .bt-primary {
  padding: 10px; }

.bt-primary {
  font-size: 18px; }

.Purchase {
  padding-top: 40px;
  padding-bottom: 40px; }

.business-text-home {
  padding-bottom: 30px; }
  .business-text-home h1 {
    padding-top: 60px;
    text-align: center; }
  .business-text-home p {
    font-size: 16px;
    padding-top: 15px;
    text-align: center;
    margin-bottom: 48px;
    text-align: center;
    width: 330px;
    margin: 0 auto; }

.get-in-container {
  background-color: #F8F8F8;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media (max-width: 576px) {
    .get-in-container {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .get-in-container .get-in-touch h2 {
    text-align: center;
    margin-bottom: 40px; }
  .get-in-container .g-media img {
    width: 42px;
    height: 42px;
    margin-top: 6px; }
  .get-in-container .g-media .media-body {
    padding-left: 20px; }
    .get-in-container .g-media .media-body p {
      font-size: 16px;
      line-height: 26px;
      margin-top: 2px; }
      .get-in-container .g-media .media-body p span {
        font-weight: 600; }

.c-s-custom {
  margin-top: 40px; }

.c-s-custom__body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: #F8F8F8;
  border-radius: 5px; }
  .c-s-custom__body .c-s-custom__left {
    flex: 0 0 50%; }
    @media (max-width: 576px) {
      .c-s-custom__body .c-s-custom__left {
        flex-basis: calc(100% + 30px); } }
    .c-s-custom__body .c-s-custom__left .c-s-custom__left--img {
      width: 100%;
      height: 350px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
      @media (max-width: 576px) {
        .c-s-custom__body .c-s-custom__left .c-s-custom__left--img {
          height: 250px; } }
  .c-s-custom__body .c-s-custom__right {
    flex: 0 0 50%;
    padding: 40px; }
    @media (max-width: 576px) {
      .c-s-custom__body .c-s-custom__right {
        flex-basis: calc(100% + 30px);
        background: #F8F8F8;
        margin-top: -4px;
        padding: 30px 15px;
        text-align: center; } }
    .c-s-custom__body .c-s-custom__right .c-s-custom__title {
      font-size: 24px;
      line-height: 32px;
      color: rgba(0, 0, 0, 0.87);
      margin-bottom: 20px; }
      @media (max-width: 576px) {
        .c-s-custom__body .c-s-custom__right .c-s-custom__title {
          text-align: center; } }
    .c-s-custom__body .c-s-custom__right .c-s-custom__desc {
      font-size: 18px;
      line-height: 30px;
      color: #000000; }

.order-robi-sim-section {
  background-color: #F8F8F8;
  padding-bottom: 60px; }
  .order-robi-sim-section .order-robi-sim-header {
    margin: 0 auto; }
    .order-robi-sim-section .order-robi-sim-header h1 {
      font-size: 24px;
      line-height: 32px;
      color: rgba(0, 0, 0, 0.87);
      text-align: center;
      padding-top: 60px;
      padding-bottom: 30px; }

.Prepaidhome .panel-all-robi h2 {
  display: none; }

.Prepaidhome .css-collapse__content .tab label::before {
  top: 20px; }

.Prepaidhome .css-collapse__content .tab input[type="checkbox"]:checked + label::before {
  top: 20px; }

.Prepaidhome .css-collapse__content .tab label {
  padding: 18px;
  padding-left: 30px; }

.Prepaidhome .color-collapse {
  background-color: #fff; }

.Prepaidhome .robi-4g-offer-section-item-all img {
  width: 70px !important;
  height: 71px !important; }

.Prepaidhome .business-text-home h1 {
  padding-top: 20px; }

.t-sp {
  margin-bottom: 70px;
  padding-top: 30px;
  width: 100%; }

.prepaid-why-robi {
  padding-top: 80px;
  padding-bottom: 60px; }

.onlyprepaid .mb-bottom {
  margin-bottom: 40px; }

.onlyprepaid .col-xl-12 .row {
  width: 72%;
  margin: 0 auto; }
  .onlyprepaid .col-xl-12 .row .col-xl-4 {
    flex: 0 0 50%;
    max-width: 50%; }

.packlanding .btn-spacing {
  display: none; }

.color-collapse-change {
  background-color: #fafafa; }

.color-collapse-change .panel-all-robi h2 {
  display: none; }

.digital-app-sec {
  margin-top: 100px; }

.package_details_content .package_details {
  display: block;
  padding-bottom: 80px; }
  .package_details_content .package_details h1 {
    font-size: 36px;
    line-height: 40px;
    color: rgba(0, 0, 0, 0.87);
    padding-top: 23px; }
  .package_details_content .package_details p {
    font-size: 18px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.87);
    padding-top: 25px; }
  .package_details_content .package_details .traffic_plan {
    padding-top: 40px; }
    .package_details_content .package_details .traffic_plan .custom_table {
      border-top: hidden;
      border-bottom: 1px solid #e7e7e7;
      margin: 0px; }
      .package_details_content .package_details .traffic_plan .custom_table th {
        font-size: 18px;
        line-height: 28px;
        color: rgba(0, 0, 0, 0.87);
        border-bottom: 1px solid #000000; }
      .package_details_content .package_details .traffic_plan .custom_table td {
        font-size: 18px;
        line-height: 30px;
        color: rgba(0, 0, 0, 0.87); }

@media (max-width: 570px) {
  .package_details_content .package_details h1 {
    font-size: 26px;
    line-height: 36px;
    padding-top: 20px; }
  .package_details_content .package_details p {
    padding-top: 15px; }
  .package_details_content .package_details .traffic_plan {
    padding-top: 20px; }
    .package_details_content .package_details .traffic_plan .custom_table th {
      font-size: 16px;
      line-height: 24px; }
    .package_details_content .package_details .traffic_plan .custom_table td {
      font-size: 16px;
      line-height: 26px; } }

@media (max-width: 1200px) {
  .modal-search {
    width: 100%;
    margin: 0 auto; }
  .navbar-row li .nav-link {
    margin-right: 4px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
    font-size: 14px;
    padding: 18px;
    display: block; }
  .navbar-custom .nv-left li .nav-link {
    font-size: 14px; }
  .navbar-custom .nv-right li .nav-link {
    font-size: 14px; }
  .n-center li a {
    font-size: 14px; }
  .footer-right ul li a img {
    margin-bottom: 10px; } }

@media (width: 1024px) {
  .robi__app-section .robi__app-img img {
    display: none; } }

@media (max-width: 991px) {
  .banner-top__content {
    width: auto;
    float: right; }
  .robi__app-section .robi__app-img img {
    display: block; }
  .Myplan .myplan-section {
    padding-bottom: 40px; }
  .fill-data-myplan {
    margin-left: 15px;
    margin-right: 15px; }
  .fill-data-myplan {
    display: block !important; }
  .bt-bottom-action {
    display: none !important; }
  .homePage .homeicon-sec {
    padding-bottom: 10px; }
  .homePage .homeicon-section {
    padding-bottom: 30px; }
  #navbarSupportedContents {
    padding-left: 0px;
    padding-right: 0px; }
  #navbarDropdown svg {
    height: 15px; }
  .nav-link span {
    margin-left: 4px; }
  .navbar-row li .nav-link {
    margin-right: 0px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
    font-size: 11px;
    padding: 18px;
    display: block; }
  .bill-container-roaming {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 40px; }
  .roaming-help-item {
    padding-bottom: 60px; }
  .roaming-help-item:last-child {
    padding-bottom: 0; }
  .roaming-help-item {
    border: none; }
  .list-flags li img {
    width: 49px; }
  .active-roaming-data-section {
    padding-top: 0; }
  .static-step__item::before {
    display: none; }
  .static-step__item {
    padding: 0;
    padding-bottom: 40px; }
  .download-form {
    max-width: 100%;
    text-align: center;
    display: block;
    margin-top: 20px; }
  .static-step {
    display: block; }
  .n-top-header li {
    margin-right: 0px; }
  .n-top-header .slick-next {
    display: none !important; }
  .footer-heading-left {
    width: 100%; }
  .footer-heading-right {
    width: 100%; }
  .footer-small {
    padding: 30px 0;
    padding-bottom: 0; }
  .footer-heading-right li {
    margin-left: 0;
    margin-right: 20px; }
  .footer-heading-right li a {
    margin-right: 20px; }
  .footer-heading-right {
    margin-top: 10px; }
  .scroll-top {
    display: block;
    float: none;
    text-align: center;
    margin-top: 18px; }
  .footer-center h4 {
    font-size: 16px; }
  .footer-right h4 {
    font-size: 16px; }
  .footer-left h4 {
    font-size: 16px; }
  .f-left-f li a {
    display: block;
    height: 31px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.54);
    width: 31px;
    border-radius: 50%; }
  .f-left-f svg {
    width: 15px; }
  .slider-img {
    background-position: center center !important; }
  .n-offer li a {
    width: auto; } }

@media (max-width: 768px) {
  .sticky-section-top p {
    line-height: 0;
    font-size: 14px;
    text-align: center;
    padding: 14px;
    width: 94%;
    margin: inherit;
    /* margin: 0 auto;
        /* margin: 0 auto; */ }
  .sticky-section-top .cross-btn {
    position: absolute;
    top: 8px;
    right: 0; }
  .hidden-phone-section {
    display: none; }
  .Mnp .why-robi-section {
    padding-top: 31px;
    padding-bottom: 30px; }
  .robi-sidenav-section .vertical-menu a:not(:first-child) {
    margin-top: 0; }
  .vas-content .h6small {
    display: none; }
  .robi-sidenav-section {
    border-right: 1px solid transparent; }
  .dhonnobadmember .h3small {
    padding-bottom: 23px; }
  .dhonnobadmember span {
    margin-left: 0;
    top: 0; }
  .navbar-expand-md .navbar-collapse {
    display: block !important; }
  .o-single-data ul {
    padding-left: 15px; }
  .offer-color .o-single-data p {
    font-size: 16px;
    color: #000;
    padding-bottom: 13px;
    padding-top: 20px; }
  .offer-color {
    padding-top: 20px; }
  .t-content-roaming {
    padding-top: 26px;
    padding-bottom: 15px; }
  .justify-content-center {
    justify-content: left; }
  .n-item {
    margin-top: 16px; }
  .padding-lr {
    padding-left: 15px;
    padding-right: 15px; }
  .m-custom-width {
    overflow-x: scroll; }
    .m-custom-width .n-offer {
      width: 768px; }
      .m-custom-width .n-offer li {
        margin-right: 4px; }
  .navbar-customs {
    overflow-x: hidden; }
  .dr-menu svg {
    display: none; }
  .homePage .homeicon-section {
    padding-bottom: 0; }
  .modal-search {
    width: 100% !important; }
  .nv-second {
    width: 768px;
    margin-top: 10px; }
  .navbar-row li .nav-link {
    font-size: 14px;
    padding: 14px;
    padding-top: 15px;
    padding-bottom: 10px; }
  .navbar-nav .dropdown-menu {
    display: none; }
  .navbar-customs {
    overflow-x: auto; }
  .nv-second {
    margin-left: 0; }
  .n-test li a {
    padding: 10px; }
  .career-section .robi-career-full .main_header {
    padding: 0;
    text-align: left; }
  .career-section .robi-career-full .basic_info {
    padding: 0;
    padding-top: 17px;
    padding-bottom: 20px;
    display: block; }
  .career-section .robi-career-full .p-right {
    padding-left: 0; }
  .m-career {
    display: block; }
    .m-career img {
      width: 100%; }
    .m-career .media-body {
      padding: 20px; }
  .p-right .bt-secondary {
    padding: 8px 10px;
    width: 100%; }
  .modal-search {
    width: 100%;
    margin: 0 auto; }
  .searchpage {
    padding-top: 20px;
    padding-bottom: 40px; }
  .searchpage .input-group {
    margin-top: 14px;
    margin-bottom: 20px; }
  .row-phone .no-padding {
    padding-right: 15px !important;
    padding-left: 15px !important; }
  .row-phone .panel-footer .panel-top {
    padding-left: 0;
    padding-right: 0; }
  .modal-section {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .business-text-home h1 {
    font-size: 26px;
    text-align: center; }
  .dhonnobadmember .h3small {
    display: block;
    color: #fff;
    text-align: center; }
  .business-text-home p {
    font-size: 16px;
    padding-top: 10px;
    text-align: center;
    margin-bottom: 28px; }
  .onlyprepaid .col-xl-12 .row .col-xl-4 {
    flex: 0 0 100%;
    max-width: 100%; }
  .robi-sidenav-section .vertical-menu {
    height: auto;
    overflow-x: auto;
    width: 1530px; }
  .robi-sidenav-section {
    height: auto;
    overflow-x: auto;
    /* width: 10000px; */ }
  .robi-sidenav-section .vertical-menu a {
    display: inline-block;
    font-size: 14px; }
  .list-li-width {
    width: 100% !important; }
    .list-li-width li {
      width: 100%; }
    .list-li-width .link-button {
      width: 100%;
      display: block; }
  .width-full-right {
    width: 100%; }
  .roaming-country-serch {
    padding: 20px; }
  .list-flags li a {
    display: block;
    margin-right: 10px; }
  .slick-next {
    display: none !important; }
    .slick-next span svg {
      display: none; }
  .chip-container {
    height: auto; }
  .ph-side-link {
    display: block;
    width: 100%;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-top: 15px; }
    .ph-side-link a {
      display: block;
      margin-top: 20px;
      font-size: 16px;
      line-height: 16px;
      float: left;
      z-index: 1;
      margin-bottom: 20px;
      text-align: left;
      width: 28%;
      margin-bottom: 20px; }
      .ph-side-link a svg {
        margin-right: 10px; }
    .ph-side-link .visible-only-phone {
      width: 72%;
      display: block;
      float: left;
      margin-top: 15px; }
  .visible-tab {
    display: block; }
  .offer-single-wrap h1 {
    display: none; }
  .offer__detail-container--right h1 {
    display: block;
    font-size: 26px;
    text-align: center;
    padding-top: 20px;
    line-height: 36px; }
  .m-top-section {
    margin-top: 0; }
  .m-top-s {
    padding: 0; }
  .breadcum-container {
    display: none; }
  .o-single-data {
    width: 100%; }
  .n-top-header {
    margin-right: 0px; }
  .offer .data-change-reacharge .content-quickrecharge {
    width: 100%; }
    .offer .data-change-reacharge .content-quickrecharge h3 {
      text-align: center;
      padding-bottom: 15px;
      font-size: 18px;
      padding-top: 0;
      margin: 0; }
  .offer .data-change-reacharge .content-width-mid {
    width: 100%; }
  .offer .data-change-reacharge .list-norobi .list-inline-item:last-child {
    width: 100%; }
  .offer .list-norobi {
    padding-left: 20px;
    padding-right: 20px; }
    .offer .list-norobi .bt-primary {
      margin-top: 0px;
      margin-left: 0px;
      font-size: 16px; }
    .offer .list-norobi .content-width-mid .ph-width label {
      display: none; }
  .fixed-top {
    padding-top: 0; }
  .footer-left {
    padding-top: 18px; }
  .panel-footer .panel-top {
    background-color: #f4f4f4;
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
    padding-left: 15px;
    padding-right: 15px; }
    .panel-footer .panel-top .faq-content li a {
      display: inline-block;
      color: rgba(0, 0, 0, 0.87);
      font-size: 16px;
      padding-bottom: 20px; }
  .footer-right h4 {
    font-size: 18px; }
  footer {
    padding-top: 30px;
    padding-bottom: 30px; }
  .footer-center h4 {
    font-size: 18px; }
  .footer-center .list-inline-item {
    display: block; }
  .footer-left img {
    display: none; }
  .o-3 {
    order: 3; }
  .o-2 {
    order: 2; }
  .o-1 {
    order: 1; }
  .homeicon-sec .h4small {
    padding: 11px; }
  .display-flex h1 {
    text-align: center;
    color: #fff; }
  .display-flex {
    justify-content: flex-end;
    padding-bottom: 63px; }
  .t-right-width {
    text-align: center; }
  .t-right-width .bt-secondary {
    border: 1px solid #fff;
    color: #fff; }
  .display-flex p {
    display: none; }
  .visible-xs {
    display: block; }
  .nv-right li:last-child {
    display: block; }
  .nv-right li:nth-last-child(2) {
    display: none; }
  .navbar-customs .navbar-brand {
    display: none; }
  .nv-second-l {
    margin-left: -30px; }
  #navbarSupportedContents:before {
    display: none; }
  .nv-left {
    display: none; }
  .nv-right {
    flex-direction: row;
    float: right;
    padding-right: 26px; }
  .navbar-custom .nv-right li .nav-link svg {
    display: block;
    margin: 0 auto;
    margin-bottom: 6px; }
  .brand-phone {
    padding-top: 25px;
    margin-top: 28px; }
  .nv-right {
    margin-top: 16px; }
  .navbar-custom .nv-right li .nav-link {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 10px; }
  .navbar-custom .navbar-brand {
    margin-right: 0;
    padding-left: 20px; }
  .items a {
    padding-bottom: 7px; }
  .opa {
    opacity: 0; }
  .t-right-width {
    text-align: center !important; }
    .t-right-width .bt-secondary {
      margin-top: 10px; }
  .pd-10 {
    padding-top: 0; }
  .reward-container {
    padding-top: 25px;
    padding-bottom: 15px; }
  .t-top-pd {
    padding-top: 10px;
    padding-bottom: 50px; }
  .faq-bg {
    background-color: #F8F8F8;
    padding-top: 22px;
    padding-bottom: 40px; }
  .filter-header {
    border-bottom: 1px solid #eee;
    padding: 20px; }
    .filter-header h3 {
      font-size: 18px;
      color: #000; }
  .panel-margin {
    margin-top: 0;
    padding: 21px;
    padding-top: 0; }
  .chip-container {
    height: auto;
    margin-top: 14px;
    padding-bottom: 0; }
    .chip-container .small-chip {
      margin-bottom: 10px; }
  .filter-footer {
    position: fixed;
    bottom: 0;
    border-top: 1px solid #eee;
    padding: 20px;
    width: 100%; }
    .filter-footer button {
      width: 100%;
      padding: 11px; }
  .border-second {
    border-top: 1px solid #eee;
    border: 1px solid #eee;
    padding: 10px; }
  .roaming-bill-section {
    border-radius: 5px;
    border: none;
    padding: 40px;
    padding-top: 0; } }

@media (max-width: 500px) {
  .width-full-right {
    margin-bottom: 6px; }
  .span1 {
    font-size: 12px; }
  .no-focus p {
    font-size: 13px; }
  .m-career .media-body {
    padding: 0px; }
  .t-center-top p {
    width: auto; }
  .user_billing_content .bill_button .bt-primary {
    padding: 10px; }
  .rechargedata h2 {
    text-align: left; }
  .user_billing h1 {
    text-align: center;
    font-size: 24px;
    line-height: 38px; }
  .user_billing p {
    padding-top: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 26px; }
  .user_billing h2 {
    padding-top: 15px;
    text-align: center;
    font-size: 24px;
    line-height: 38px;
    color: #ED1C24; }
  .user_billing .bill_button {
    padding-top: 20px; } }

@media (max-width: 420px) {
  .career-section .robi-career-full .main_header {
    font-size: 20px;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.87);
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px; }
  .recharge a {
    height: 44px;
    width: 55px; }
  .m-custom-width {
    overflow-x: scroll; }
    .m-custom-width .n-offer {
      width: 450px; }
  .career-section .robi-career-full .basic_info {
    font-size: 20px;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.87);
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px; }
  .career-section .robi-career-full .p-right {
    padding-left: 0; }
  .career-section h1 {
    margin: 0px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
    font-size: 26px;
    line-height: 40px; }
  .Purchase {
    padding-top: 20px;
    padding-bottom: 20px; }
  .recharge .list-inline-item:not(:last-child) {
    margin-right: 9px !important; }
  .career-section .robi-career-full .basic_info {
    padding-bottom: 0;
    padding-top: 5px; }
  .career-section .robi-career-full .p-right {
    padding-left: 0;
    padding: 22px;
    padding-top: 15px; }
  .p-left .bt-secondary {
    display: block;
    width: 100%;
    padding: 8px 10px; }
  .career-section .robi-career-full .p-left {
    padding-left: 0;
    padding: 20px; }
  .roaming-bill-section h6 {
    padding-top: 20px;
    padding-bottom: 9px;
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.87);
    text-align: center; }
  .d-none-option {
    display: block;
    position: absolute;
    right: 0px;
    top: 62px;
    z-index: 1; }
  .items a {
    margin-right: 0; }
  .nv-second {
    margin-left: 10px; }
  .roaming-status {
    background-color: #f8f8f8;
    padding-top: 30px;
    padding-bottom: 40px; }
  .roaming-bill-section {
    border: none;
    padding: 0; }
  .roaming-offers-section h2 {
    margin-bottom: 15px; }
  .static-step__logo {
    width: 60px;
    height: 60px; }
  .roaming-offers-section {
    padding-top: 40px;
    padding-bottom: 40px; }
  .special-recharge__button a {
    font-size: 14px; }
  .special-recharge__button .bt-primary {
    font-size: 14px; }
  .roaming-card__infobtn {
    padding: 15px; }
  .roaming-status-section form {
    padding: 0; }
  .roaming-active-container {
    padding-top: 40px;
    padding-bottom: 40px; }
  .list-flags li img {
    width: 30px; }
  .list-flags li p {
    font-size: 12px; }
  .modal-width {
    width: auto; }
  .modal-container__body {
    padding: 18px; }
  .special-recharge__title h3 {
    font-size: 20px; }
  .n-offer li a {
    font-size: 14px; }
  .offer__detail-container--right {
    padding-left: 0; }
  .offer-single-data {
    padding-bottom: 17px; }
  .robi-share__container {
    width: 250px;
    position: relative; }
  .offer__detail--middle {
    width: 100%; }
  .offer-color {
    padding-top: 0; }
  .offer__detail-container--right .offer__detail--middle .Offer__buy-btn span {
    display: block;
    font-size: 14px;
    line-height: 26px;
    width: 100%;
    float: right;
    text-align: right;
    padding-top: 15px; }
  .offer__detail-container--right .offer__detail--middle .Offer__buy-btn span {
    padding-bottom: 10px;
    text-align: center; }
  .offer__detail-container--right .offer__detail--middle .Offer__buy-btn .Offer__buy-now {
    padding: 10px 26px;
    margin-right: 0;
    float: none;
    display: block;
    text-align: center; }
  .offer__detail-container--right .offer__detail--middle .Offer__buy-btn {
    margin-bottom: 0;
    margin-top: 0px;
    cursor: pointer; }
  .offer__detail-container--right .offer__detail--top .offer__info span {
    font-size: 14px; }
  .display-flex {
    justify-content: flex-end;
    height: 360px !important; }
  .offer__detail-container--right .offer__detail--middle .offer__price {
    display: block; }
  .offer__detail-container--right .offer__detail--top {
    padding-bottom: 0px; }
  .offer__detail-container--right .offer__detail--top .offer__info span {
    margin-top: 10px; }
  .svg-image svg {
    width: 20px;
    height: 20px; }
  .offer__detail-container--right .offer__detail--top {
    border-bottom: 1px solid transparent;
    margin-bottom: 0; }
  .offer__detail-container--right .offer__detail-share {
    margin-top: 0;
    padding-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.12); }
  .fixed-top {
    background-color: #fff;
    padding-top: 0px;
    padding-bottom: 15px; }
  .footer-heading-left h5 {
    font-size: 14px; }
  .footer-heading-right li a {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87); }
  .scroll-top svg {
    width: 10px;
    fill: red; }
  .f-left-f li a {
    height: 40px;
    width: 40px; }
  footer {
    padding-top: 30px;
    padding-bottom: 15px; }
  .f-left-f svg {
    width: 20px; }
  .t-right-width {
    text-align: center !important; }
    .t-right-width .bt-secondary {
      padding: 8px 31px;
      margin-top: 10px;
      font-size: 15px; }
  .homeicon-section h4 {
    font-size: 16px; }
  .homeicon-sec .h4small {
    padding-bottom: 0;
    line-height: 24px; }
  .nv-second-l {
    margin-left: -34px;
    margin-top: 8px; }
  .nv-right {
    padding-right: 16px; } }

.inner-modal {
  position: absolute;
  z-index: 4000;
  margin-top: -32px;
  margin-left: 170px;
  z-index: 3000;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #f3ece2;
  -webkit-transition: all 350ms cubic-bezier(0.68, -0.55, 0.265, 1.18); }

.inner-modal-open {
  position: absolute;
  height: 800%;
  width: 300%;
  border-radius: 3px;
  margin-top: -110%;
  margin-left: -100%;
  -webkit-box-shadow: 10px 10px 10px -8px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 300ms cubic-bezier(0.68, -0.165, 0.265, 1.55); }

.content-wrapper {
  padding: 20px;
  text-align: center;
  visibility: visible;
  opacity: 0;
  -webkit-transition: all .2s; }

.content-open {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .3s ease-out 350ms; }

.fa-times-circle {
  z-index: 4000;
  font-size: 35px;
  color: #2c3e32;
  float: right;
  transition: opacity .3s;
  cursor: pointer; }

.fa-times-circle:hover {
  animation: pulse2 .3s 2; }

.modal-content {
  margin-top: 165px;
  font-size: 20px; }

@keyframes pulse {
  0% {
    transform: scale(1); }
  35% {
    transform: scale(1.3); }
  100% {
    transform: scale(1); } }

@keyframes pulse2 {
  0% {
    transform: scale(1); }
  35% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

.message-width {
  width: 350px;
  padding-left: 10px; }
  @media (max-width: 576px) {
    .message-width {
      width: 100%; } }

.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  -ms-touch-action: none;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px; }

.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #ED1C24; }

.rc-slider-handle {
  position: absolute;
  margin-left: -7px;
  margin-top: -8px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #ED1C24;
  background-color: #fff;
  -ms-touch-action: pan-x;
  touch-action: pan-x;
  background-color: #ED1C24; }

.rc-slider-handle:focus {
  border-color: #ED1C24;
  outline: none; }

.rc-slider-handle-click-focused:focus {
  border-color: #ED1C24; }

.rc-slider-handle:hover {
  border-color: #ED1C24; }

.rc-slider-handle:active {
  border-color: #ED1C24;
  box-shadow: 0 0 5px #ED1C24;
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px; }

.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999; }

.rc-slider-mark-text-active {
  color: #666; }

.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent; }

.rc-slider-dot {
  position: absolute;
  bottom: -4px;
  margin-left: -4px;
  width: 14px;
  height: 14px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle; }

.rc-slider-dot-active {
  border-color: #ED1C24;
  background-color: #ED1C24; }

.rc-slider-disabled {
  background-color: #e9e9e9; }

.rc-slider-disabled .rc-slider-track {
  background-color: #ccc; }

.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  box-shadow: none;
  background-color: #fff;
  cursor: not-allowed; }

.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important; }

.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px; }

.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px; }

.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px; }

.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  margin-bottom: -7px;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%; }

.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px; }

.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px; }

.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px; }

.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  animation-duration: .3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused; }

.rc-slider-tooltip-zoom-down-leave {
  animation-duration: .3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused; }

.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running; }

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0); }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1, 1); } }

@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1, 1); }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0); } }

.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-tooltip-hidden {
  display: none; }

.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0; }

.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9; }

.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c; }

.Myplan {
  background-color: #E5E5E5;
  padding-top: 40px;
  padding-bottom: 40px; }
  .Myplan p {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.87);
    padding-top: 18px;
    padding-bottom: 20px; }

.rc-slider-dot:hover {
  border: 2px solid #ED1C24;
  transition: all .2s ease-in; }

.rc-slider-mark-text-active {
  color: #ED1C24 !important; }

.data-center {
  font-weight: bold; }
  .data-center span {
    display: block;
    font-weight: 300; }

.btn-linksection {
  background-color: transparent;
  float: right;
  padding: 0;
  color: #ED1C24;
  line-height: 22px;
  font-weight: bold;
  font-size: 18px; }

.bt-bottom-action {
  display: flex;
  float: right;
  height: 100%; }
  .bt-bottom-action svg {
    margin-right: 10px; }

.fill-data-myplan {
  width: 100%;
  background-color: #fff;
  display: flex;
  border-radius: 2px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.0705882); }
  .fill-data-myplan .media {
    padding-left: 12px;
    height: 45px;
    padding-top: 10px; }
    .fill-data-myplan .media .mt-0 {
      line-height: 1.5; }
  .fill-data-myplan .media-body {
    padding-left: 12px; }
    .fill-data-myplan .media-body h6 {
      font-size: 12px;
      line-height: 12px; }

.valuedata {
  height: 100%;
  /* justify-content: center; */
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.05);
  padding-left: 20px;
  border-radius: 5px;
  padding-top: 5px;
  margin-left: 15px; }

.m-top-section-slider {
  padding-bottom: 80px;
  border-bottom: 1px solid #eee;
  padding-left: 5px;
  padding-top: 20px; }

.Myplan .robi__card .robi__card--body .robi__card--info {
  display: flex;
  align-items: center;
  padding: 3px 19px 4px 22px;
  min-height: 85px; }

.Myplan .myplan-section {
  padding-top: 40px;
  padding-left: 15px;
  padding-right: 15px; }
  .Myplan .myplan-section .myplan-saving {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
    .Myplan .myplan-section .myplan-saving .text-start {
      font-size: 16px;
      line-height: 32px;
      color: rgba(0, 0, 0, 0.6);
      padding-top: 10px !important;
      padding-bottom: 15px; }
      .Myplan .myplan-section .myplan-saving .text-start span {
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        color: #ED1C24;
        padding-right: 10px; }
    .Myplan .myplan-section .myplan-saving h2 {
      font-size: 30px;
      line-height: 38px; }
    .Myplan .myplan-section .myplan-saving p {
      font-size: 14px;
      line-height: 24px;
      color: rgba(0, 0, 0, 0.87); }
  .Myplan .myplan-section .mayplan-mins {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 30px; }
    .Myplan .myplan-section .mayplan-mins .list-item-one {
      display: flex;
      color: #ED1C24;
      padding-left: 16px;
      padding-top: 15px; }
      .Myplan .myplan-section .mayplan-mins .list-item-one span {
        color: #000000;
        padding-right: 14px; }
      .Myplan .myplan-section .mayplan-mins .list-item-one li {
        padding-right: 14px;
        width: 50%;
        font-size: 14px; }
    .Myplan .myplan-section .mayplan-mins .list-item-two {
      display: flex;
      color: #ED1C24;
      padding-left: 16px;
      padding-top: 15px; }
      .Myplan .myplan-section .mayplan-mins .list-item-two span {
        color: #000000;
        padding-right: 14px; }
      .Myplan .myplan-section .mayplan-mins .list-item-two li {
        padding-right: 14px;
        width: 50%;
        font-size: 14px; }
  .Myplan .myplan-section .myplan-choice h4 {
    font-size: 20px;
    line-height: 28px;
    padding-top: 30px;
    padding-bottom: 20px; }

.b-right {
  border-right: 1px solid #eee;
  padding: 30px;
  padding-top: 0; }

.bt-bottom-plan {
  padding-top: 20px; }

.m-top-30 {
  margin-top: 40px; }

.bt-width-full {
  width: 100%; }
  .bt-width-full .bt-secondary {
    width: 100%; }

.noborder {
  border: none; }

@media (max-width: 768px) {
  .height-fixed-change {
    height: 400px !important; }
  .fixed-top .scroll-visibles {
    display: block;
    top: 4px;
    padding: 0;
    left: 9px; }
    .fixed-top .scroll-visibles svg {
      width: 70px; }
  .mt-3 {
    padding-top: 13px; }
  .wellcome-section-body {
    margin-bottom: 15px; }
  .robi__app-section .robi__app-img img {
    position: static;
    width: 100% !important;
    margin: 0;
    display: block; }
  .modal-width {
    width: 100%; }
  .n-offer {
    justify-content: left !important; }
  .device-item h3 {
    min-height: 40px; }
  .device-item {
    text-align: center;
    position: relative;
    padding: 10px; }
  .m-top-section-slider {
    width: 1200px;
    overflow: hidden; }
  .no-padding-phone {
    padding: 0; }
  .banner-top__content {
    width: 100%;
    float: right; }
  .b-right {
    overflow-x: scroll; }
  .m-top-section-slider {
    width: 1200px; }
  .Myplan .myplan-section .myplan-saving {
    border-bottom: 1px solid transparent; }
  .Myplan .myplan-section .mayplan-mins {
    border-bottom: 1px solid transparent; }
  .position-fixed-top-phone {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px; }
  .b-right {
    border-right: 1px solid #eee;
    padding: 17px;
    padding-top: 0;
    /* padding-left: 14px; */
    /* padding-right: 15px; */
    padding-right: 23px; }
  .fill-data-myplan {
    margin-left: 0;
    margin-right: 0; }
  .Myplan .myplan-section {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0; }
  .myplan-saving {
    width: 50%;
    display: block;
    float: left; }
  .mayplan-mins {
    width: 50%;
    display: block;
    float: left; } }

.special-recharge__button .bt-primary {
  margin-right: 15px;
  padding: 5px 16px; }

.robi__card {
  transition: all .3s ease-in; }
  .robi__card img {
    transition: all .3s ease-in; }

.robi__card:hover {
  transform: translate3d(0px, -4px, 0px);
  transition: all .3s ease-in; }

.robi__card:hover:after {
  position: absolute;
  box-shadow: 0 36px 61px -34px black, 0 16px 14px -14px rgba(0, 0, 0, 0.6), 0 22px 18px -18px rgba(0, 0, 0, 0.4), 0 22px 38px -18px transparent;
  z-index: -1;
  opacity: 0.3;
  content: "";
  bottom: 0;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  transition: all .3s ease-in; }

.dropdown-search-list {
  padding: 30px;
  padding-bottom: 20px; }

.dropdown-search-list p {
  padding-bottom: 8px; }

.dropdown-search-list ul li:last-child a {
  padding-bottom: 15px; }

.drop-menu a:hover {
  cursor: pointer; }

.list-flags li a:hover {
  cursor: pointer; }

.form-relative-section .nopadding-bottom {
  margin-bottom: 0; }

.m-botton-btn-text {
  margin-top: 20px; }

.international_call_rate h5 span {
  color: #ED1C24; }

.data-special-bundle {
  display: block; }
  .data-special-bundle .link-button {
    text-align: left;
    padding: 0; }

@media (max-width: 991px) {
  .purchase-container {
    padding: 40px 40px; } }

@media (max-width: 768px) {
  .stickyData-nav {
    padding: 6px; }
  .select-radio__body {
    margin-bottom: 0 !important;
    width: 100%; } }

.career-top .why-robi-section {
  padding-top: 25px;
  padding-bottom: 20px; }

.career-section {
  margin-bottom: 50px !important; }

@media (max-width: 768px) {
  .career-top .why-robi-section {
    padding-bottom: 0; } }

@media (max-width: 350px) {
  .left__content .content {
    width: 50%; } }

.single-page {
  margin-bottom: 40px; }
  .single-page .breadcum-container .container {
    padding: 0; }

@media (max-width: 1200px) {
  .robi__app-section .robi__app-img img {
    width: 100%;
    position: static;
    margin: 0 auto;
    display: block; }
  .device-item::after {
    content: "";
    display: none; }
  .robi__app-section .robi__app-info .robi__app-info-title {
    text-align: center;
    font-size: 26px;
    margin-bottom: 10px; }
  .robi__app-section .robi__app-info .robi__app-info-desc {
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px; }
  .robi__app-section .robi__app-info .robi__app-store-heading {
    text-align: center; }
  .robi__app-section .robi__app-info .robi__app-store-btn {
    justify-content: center; }
  .dhonnobad__responsive .m-item-r .media-body {
    padding-left: 20px; } }

@media (max-width: 991px) {
  .robi__app-section .robi__app-info {
    padding: 32px 0; }
  .quick-recharge-title {
    display: block !important; }
    .quick-recharge-title .content-quickrecharge {
      max-width: 100% !important;
      text-align: center;
      margin-bottom: 15px; }
      .quick-recharge-title .content-quickrecharge span {
        color: #ED1C24; }
  .list-form-home .list-inline-item {
    margin-bottom: 20px; }
  .quick-recharge-submit {
    display: block !important;
    margin-right: 20px !important; }
    .quick-recharge-submit .recharge-btn-section {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-left: 0 !important;
      width: 100%; }
      .quick-recharge-submit .recharge-btn-section a {
        order: 2;
        padding-bottom: 0 !important; }
      .quick-recharge-submit .recharge-btn-section button {
        order: 1;
        margin-bottom: 15px;
        margin-left: 0;
        display: block; }
  .dhonnobad__responsive .reward-body .media {
    padding: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .dhonnobad__responsive .m-item-r .media-body {
    padding-left: 20px; } }

@media (max-width: 768px) {
  .display-flex h1 {
    text-align: center;
    color: white; }
  .banner-top__content {
    padding-bottom: 45px; }
    .banner-top__content .t-right-width .bt-secondary {
      color: white;
      border-color: white;
      padding: 10px 35px;
      font-size: 18px;
      position: relative; }
  .quick-recharge-title {
    display: block !important; }
  .container {
    max-width: 100%; }
  .device-item::after {
    display: none; }
  .robi__app-section .robi__app-info .robi__app-info-title {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px; }
  .robi__app-section .robi__app-info .robi__app-info-desc {
    font-size: 16px;
    text-align: center; }
  .robi__app-section .robi__app-info .robi__app-store-heading {
    font-size: 16px;
    line-height: 26px;
    text-align: center; }
  .robi__app-section .robi__app-info .robi__app-store-btn {
    justify-content: center; }
  .robi__app-section .robi__app-img img {
    position: static;
    width: 70%;
    margin: 0 auto !important;
    display: block; }
  .roaming-result__responsive .country-form h3 {
    margin: 30px 0 15px; }
  .dhonnobad__responsive .reward-body .media {
    padding: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .non-robi__sim-network {
    margin-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px; }
    .non-robi__sim-network .media-body {
      padding-left: 20px; }
      .non-robi__sim-network .media-body:first-child {
        border-right: 1px solid rgba(0, 0, 0, 0.08); }
    .non-robi__sim-network svg {
      width: 50px;
      height: 60px; }
  .mb-bottom {
    margin-bottom: 20px; }
  .home-device {
    padding-top: 40px;
    padding-bottom: 40px; }
  .mb-sec {
    margin-top: 15px; }
  .list-form-home .ph-width {
    width: 213px; }
  .amount-width {
    width: 213px; }
  .list-form-home li .form-group {
    margin-right: 13px; }
  .marginspace {
    margin-bottom: 30px; }
  .vas-start .vas-content {
    padding-top: 40px;
    padding-bottom: 20px; }
  .vas-start .robi-sidenav-section {
    margin-bottom: 10px; }
  .vas-start .robi-sidenav-section .vertical-menu {
    padding-bottom: 10px; }
  .vas-start .robi-sidenav-section .vertical-menu a.active {
    border-radius: 5px;
    border: 1px solid red; }
  .vas-start .robi-sidenav-section .vertical-menu a:not(:first-child) {
    padding-top: 0; } }

@media (max-width: 576px) {
  h1 {
    font-size: 26px;
    line-height: 36px; }
  h2 {
    font-size: 24px;
    line-height: 38px; }
  h3 {
    font-size: 20px;
    line-height: 30px; }
  h4 {
    font-size: 18px;
    line-height: 28px; }
  h5 {
    font-size: 16px;
    line-height: 26px; }
  h6 {
    font-size: 14px;
    line-height: 24px; }
  .get-in-touch h2 {
    margin-bottom: 20px !important; }
  .get-in-touch-info {
    margin: 0 1px; }
    .get-in-touch-info .media {
      padding: 15px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.11); }
  .token-section-container {
    padding-top: 45px;
    padding-bottom: 20px; }
  .Dhonnobad .mb-bottom-b {
    padding-bottom: 30px; }
  .reward-container .reward-heading {
    padding-bottom: 25px; }
  .reward-section {
    padding-top: 15px;
    padding-bottom: 30px; }
    .reward-section .mt-top {
      margin-top: 15px !important; }
  .roaming-succes-offer {
    padding-top: 10px;
    padding-bottom: 10px; }
  .reward-container .m-item-r {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .home-device {
    padding-top: 40px; }
  .mb-bottom {
    margin-bottom: 10px !important; }
  .mb-sec {
    margin-top: 30px; }
  .bt-secondary {
    padding: 12px 31px; }
  .robi__card {
    margin-bottom: 20px; }
  .home-mangege {
    padding-bottom: 30px;
    padding-top: 30px; }
    .home-mangege h2 {
      margin-bottom: 20px;
      font-weight: 500; }
  .homeicon-sec {
    padding-bottom: 20px !important; }
  .homeicon-section {
    margin: 15px; }
  .home-digtal {
    padding-bottom: 40px !important; }
    .home-digtal p {
      font-size: 14px !important; }
  .list-norobi {
    padding: 20px; }
    .list-norobi div {
      text-align: center !important; }
  .list-norobi .content-width-mid .bt-primary {
    margin: 0; }
  .list-form-home .list-inline-item {
    display: block; }
  .list-form-home li .content-quickrecharge {
    display: block;
    max-width: 100%;
    padding: 0;
    text-align: center; }
    .list-form-home li .content-quickrecharge h3 {
      text-align: center;
      margin-bottom: 15px; }
  .list-form-home .ph-width {
    width: 100%; }
  .list-form-home .form-group {
    margin-bottom: 15px !important; }
    .list-form-home .form-group label {
      display: none; }
  .list-norobi .content-quickrecharge {
    width: 100%; }
    .list-norobi .content-quickrecharge h3 {
      text-align: center;
      margin: 10px 0; }
    .list-norobi .content-quickrecharge small {
      text-align: center; }
  .list-norobi .content-width-mid {
    width: 100%; }
  .list-form-home .recharge-btn-section {
    width: 100%;
    text-align: center;
    margin: 0; }
  .list-form-home li {
    margin-right: 8px; }
  .recharge-btn-section {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .recharge-btn-section a {
      order: 2;
      padding-bottom: 0 !important; }
    .recharge-btn-section button {
      order: 1;
      margin-bottom: 15px;
      margin-left: 0; }
  .quick-recharge-submit {
    margin-right: 8px !important; }
  .t-spacing-bottom {
    padding-bottom: 30px; }
  .t-sp {
    margin-bottom: 30px;
    padding-top: 10px; }
  .color-collapse {
    padding-top: 30px;
    padding-bottom: 30px; }
  .order-robi-sim-section .order-robi-sim-header h1 {
    padding-top: 30px;
    padding-bottom: 10px; }
  .order-robi-sim-section {
    padding: 0 15px;
    padding-bottom: 30px; }
  .home-device-bottom {
    padding-bottom: 50px; }
    .home-device-bottom .device-item {
      display: flex;
      align-items: flex-start;
      border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
      .home-device-bottom .device-item::after {
        width: 0; }
      .home-device-bottom .device-item h3, .home-device-bottom .device-item h5, .home-device-bottom .device-item p, .home-device-bottom .device-item h6 {
        text-align: left;
        margin-top: 0; }
      .home-device-bottom .device-item img {
        margin-right: 10px;
        width: 100px;
        height: 100px; }
  .offer-s-image {
    border-radius: 0;
    margin-top: -1px; }
  .dhonnobadmember span {
    margin-left: 0;
    margin-top: 10px; }
    .dhonnobadmember span a {
      padding: 6px 25px; }
  .roaming-card__info-left-align .link-button {
    margin-top: 20px; }
  .prepaid-why-robi {
    padding-top: 30px;
    padding-bottom: 20px; }
  .digital-item {
    border: none; }
  .mb-bottom {
    margin-bottom: 20px; }
  .manageaccount {
    padding: 0; }
    .manageaccount a {
      display: flex;
      align-items: center;
      border-bottom: 1px solid rgba(0, 0, 0, 0.08);
      padding: 20px 0; }
      .manageaccount a h3 {
        text-align: left; }
  .roaming-result__responsive .country-inline-form img {
    width: 30px; }
  .roaming-result__responsive .table td, .roaming-result__responsive .table th {
    padding: 0.80rem 0.40rem; }
  .card-responsive__nopadding {
    padding-left: 0;
    padding-right: 0; }
    .card-responsive__nopadding .customcard {
      margin-bottom: 15px; }
  .dhonnobad__responsive .dhonnobadmember .h3small {
    display: block;
    text-align: center;
    margin-bottom: 20px; }
  .dhonnobad__responsive .dhonnobadmember span {
    text-align: center;
    display: block;
    margin-left: 0; }
  .dhonnobad__responsive .token-section-container {
    padding-top: 40px;
    padding-bottom: 20px; }
  .dhonnobad__responsive .reward-section {
    padding-top: 5px;
    padding-bottom: 30px; }
  .dhonnobad__responsive .reward-container .reward-heading {
    padding-bottom: 20px;
    text-align: center; }
  .dhonnobad__responsive .reward-body .media {
    padding: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .dhonnobad__responsive .roaming-status {
    padding-top: 20px;
    padding-bottom: 25px; }
  .dhonnobad__responsive .roaming-status-section form {
    padding: 0; }
  .dhonnobad__responsive .text-donnobad p {
    padding-top: 10px; }
  .dhonnobad__responsive .mb-bottom-b {
    padding-bottom: 25px !important; }
  .dhonnobad .mb-bottom-b {
    padding-bottom: 10px; }
  .non-robi__sim-network {
    margin-right: 15px;
    border-right: none;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
    .non-robi__sim-network .media-body {
      border-right: none;
      padding-left: 30px; }
      .non-robi__sim-network .media-body p {
        margin-top: 5px;
        font-size: 16px !important;
        line-height: 26px !important; }
    .non-robi__sim-network svg {
      width: 35px;
      height: 50px; }
  .banner-top__content {
    width: 100%; }
  .panel-all-robi h2 {
    margin-bottom: 20px; }
  .roaming-succes-offer ul {
    width: 100%; }
  .roaming-card {
    margin-bottom: 20px; }
    .roaming-card__image {
      height: 224px !important; }
    .roaming-card__info-left-align {
      padding: 20px;
      min-height: auto; }
    .roaming-card__title {
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 15px; }
  .roaming-card__desc {
    min-height: auto; }
  .btn-spacing {
    margin-top: 15px; }
  .language-switcher {
    border-top: 1px solid rgba(0, 0, 0, 0.08); }
    .language-switcher a {
      padding: 15px 20px;
      line-height: 17px; }
  .phone-nav-section .m-first-menu > a {
    padding: 15px 20px 15px 15px; }
  .m-dropdown-menu:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .m-dropdown-menu:last-child a {
    border-bottom: none; }
  .m-dropdown-menu > a {
    padding-left: 0 !important; }
  .m-dropdown-menu a {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .close-icon {
    right: 15px;
    top: 12px; }
  .management-committee h4 {
    font-size: 18px !important;
    line-height: 28px !important; }
  .management-committee p {
    font-size: 14px !important;
    line-height: 24px !important; }
  .management-committee .management-committee__member {
    justify-content: flex-start;
    align-items: flex-start; }
  .management-committee .management-committee__member-desc {
    padding: 20px; }
  .management-committee .feature {
    background-color: #F8F8F8;
    margin-left: -15px;
    margin-right: -15px;
    border: none;
    box-shadow: none;
    margin-bottom: 15px; }
  .management-committee .single-member {
    margin-bottom: 20px; }
  .vas-start .vas-content {
    padding-top: 20px;
    padding-bottom: 30px; }
    .vas-start .vas-content h1 {
      margin-bottom: 20px; }
    .vas-start .vas-content .ph-width {
      width: 100%;
      margin-top: 5px; }
  .vas-start .vas-card-section .nopadding-right {
    padding-right: 15px; }
  .vas-start .vas-card-section .t-top-button {
    margin-top: 15px;
    margin-bottom: 50px; }
  .c-robi {
    padding-top: 20px;
    padding-bottom: 30px; }
    .c-robi .t-spacing-bottom {
      padding-bottom: 15px; }
  .Mnp .u-m-center {
    text-align: center; }
    .Mnp .u-m-center h3 {
      text-align: center; }
    .Mnp .u-m-center span {
      margin-left: 0; }
  .Businesshome .business-text-home h1 {
    padding-top: 20px; }
  .Businesshome .business-text-home p {
    margin-bottom: 10px; }
  .Businesshome .robi-4g-offer-section-item-all h6 {
    padding-bottom: 0; }
  .Businesshome .robi-4g-offer-section-item-all {
    margin-bottom: 20px; }
  .Businesshome .c-s-custom__body .c-s-custom__right .c-s-custom__title {
    font-size: 20px; }
  .Businesshome .c-s-custom__body .c-s-custom__right .c-s-custom__desc {
    font-size: 16px; }
  .banner-top__content {
    padding-bottom: 35px; }
    .banner-top__content .home-title {
      color: black;
      font-weight: 500;
      text-align: center;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45); }
    .banner-top__content .t-right-width .bt-secondary {
      color: #ED1C24;
      padding: 10px 20px;
      font-size: 14px;
      position: relative;
      font-weight: bold;
      background-color: transparent;
      margin-top: 8px;
      border: 1px solid #ED1C24; } }

.video-controls {
  transition: all 0.1s ease-in-out; }

.purchase-social {
  display: inline-block;
  margin-left: 10px; }

.purchase-container__right-price {
  margin-top: 10px; }

.purchase-social ul li a {
  margin-bottom: 4px; }

.list-spend .active button {
  border: 1px solid red; }

@charset "UTF-8";
.u-absoluteCenter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

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

.u-offscreen {
  position: absolute;
  left: -999em; }

.cicular_progress_wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.circular_progress {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.circular_progress__meter,
.circular_progress__value {
  fill: none; }

.circular_progress__meter {
  stroke: rgba(0, 0, 0, 0.15); }

.circular_progress__value {
  stroke: #ED1C24;
  stroke-linecap: round; }

#date-picker-dialog {
  color: rgba(0, 0, 0, 0.54); }

.page-title {
  padding: 50px 0 25px 0; }
  @media (max-width: 576px) {
    .page-title {
      padding: 20px 0 20px 0;
      font-size: 24px; } }

.section-heading {
  padding: 50px 0 30px;
  text-align: center;
  font-weight: 500;
  font-size: 24px; }

.mt-20 {
  margin-top: 20px; }

.mt-40 {
  margin-top: 40px; }

.mt-60 {
  margin-top: 60px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-60 {
  margin-bottom: 60px; }
  @media (max-width: 576px) {
    .mb-60 {
      margin-bottom: 10px; } }

.mb-90 {
  margin-bottom: 60px; }

.u-padding-all-30 {
  padding: 30px; }

.svgText .middle_text {
  margin-bottom: 5px; }

.svgText .bottom_text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54); }
  @media (max-width: 576px) {
    .svgText .bottom_text {
      font-size: 12px; } }

.deactive__CTAall {
  text-align: center; }
  .deactive__CTAallBtn {
    padding: 10px 80px;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #FFF;
    background: #ED1C24;
    cursor: pointer;
    transform: translate3d(0, 0, 0);
    transition: all 0.3s ease; }
    .deactive__CTAallBtn:hover {
      transform: translate3d(0, -4px, 0); }

.quick-link-container {
  background: #FFF;
  padding: 40px 0; }
  @media (max-width: 576px) {
    .quick-link-container {
      padding: 0; } }
  .quick-link-container .homeicon-sec .img-background {
    background: #f4f4f4; }

.subscription__info {
  padding: 28px 40px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px; }
  .subscription__info .top-info {
    margin-bottom: 20px; }
  .subscription__info p {
    color: black;
    font-size: 14px;
    line-height: 24px; }
  .subscription__info .active-items {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600; }
  .subscription__info .amount {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px; }
  .subscription__info .off-text {
    font-size: 12px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.5); }

.user-dashboard-section {
  margin-bottom: 30px; }
  .user-dashboard-section h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 38px;
    color: #000000;
    margin-bottom: 20px; }
  .user-dashboard-section .user-details-part {
    background: rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 70px;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 40px; }
    .user-dashboard-section .user-details-part .user__imgBG {
      width: 70px;
      height: 70px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      border-radius: 50%;
      margin-right: 20px; }
    .user-dashboard-section .user-details-part .personal-details {
      align-self: center; }
      .user-dashboard-section .user-details-part .personal-details .user-media .user-media-body h5 {
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        color: #000000;
        margin-bottom: 5px; }
      .user-dashboard-section .user-details-part .personal-details .user-media .user-media-body p {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        color: #000000;
        margin-bottom: 0px; }
    .user-dashboard-section .user-details-part .dhonnobad-status p {
      font-style: normal;
      font-weight: normal;
      font-size: 12px;
      line-height: 18px;
      color: #000000;
      margin-bottom: 0px; }
    .user-dashboard-section .user-details-part .dhonnobad-status .rating-option .rate {
      display: flex; }
      .user-dashboard-section .user-details-part .dhonnobad-status .rating-option .rate p {
        margin-bottom: 0px;
        align-self: center;
        margin-right: 5px;
        font-size: 20px;
        font-weight: bold; }
    .user-dashboard-section .user-details-part .dhonnobad-status .rating-option .rate:not(:checked) > input {
      position: absolute;
      top: -9999px; }
    .user-dashboard-section .user-details-part .dhonnobad-status .rating-option .rate:not(:checked) > label {
      float: right;
      width: 1em;
      overflow: hidden;
      white-space: nowrap;
      cursor: pointer;
      font-size: 20px;
      color: #ccc;
      margin-bottom: 0px; }
    .user-dashboard-section .user-details-part .dhonnobad-status .rating-option .rate:not(:checked) > label:before {
      content: '\2605   '; }
    .user-dashboard-section .user-details-part .dhonnobad-status .rating-option .rate > input:checked ~ label {
      color: #ffc700; }
    .user-dashboard-section .user-details-part .dhonnobad-status .rating-option .rate:not(:checked) > label:hover,
    .user-dashboard-section .user-details-part .dhonnobad-status .rating-option .rate:not(:checked) > label:hover ~ label {
      color: #deb217; }
    .user-dashboard-section .user-details-part .dhonnobad-status .rating-option .rate > input:checked + label:hover,
    .user-dashboard-section .user-details-part .dhonnobad-status .rating-option .rate > input:checked + label:hover ~ label,
    .user-dashboard-section .user-details-part .dhonnobad-status .rating-option .rate > input:checked ~ label:hover,
    .user-dashboard-section .user-details-part .dhonnobad-status .rating-option .rate > input:checked ~ label:hover ~ label,
    .user-dashboard-section .user-details-part .dhonnobad-status .rating-option .rate > label:hover ~ input:checked ~ label {
      color: #c59b08; }

.user__serviceInfoWrap {
  padding: 40px 60px;
  background: rgba(0, 0, 0, 0.04);
  position: relative; }
  @media (max-width: 576px) {
    .user__serviceInfoWrap {
      padding: 30px 15px; } }

.user__serviceInfoItem {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0; }
  @media (max-width: 576px) {
    .user__serviceInfoItem {
      margin-bottom: 20px; } }

.user__serviceInfoImg {
  margin-right: 16px;
  display: none; }
  @media (max-width: 576px) {
    .user__serviceInfoImg {
      display: block; } }

.user__serviceInfoText .text-top {
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  line-height: 16px; }
  @media (max-width: 576px) {
    .user__serviceInfoText .text-top {
      display: none; } }

.user__serviceInfoText .text-middle {
  color: rgba(0, 0, 0, 0.87);
  font-size: 20px;
  color: #ED1C24;
  line-height: 24px;
  margin: 5px 0; }
  @media (max-width: 576px) {
    .user__serviceInfoText .text-middle {
      font-size: 14px; } }

.user__serviceInfoText .text-bottom {
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  line-height: 16px;
  color: #696969; }
  @media (max-width: 576px) {
    .user__serviceInfoText .text-bottom {
      font-size: 12px; } }

.user__serviceInfoDetailsCTA {
  position: absolute;
  right: 40px;
  color: #ED1C24; }
  @media (max-width: 576px) {
    .user__serviceInfoDetailsCTA {
      right: 15px; } }

.card-withlink {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  margin-bottom: 30px; }
  .card-withlink .card-withlink__image {
    width: 100%;
    height: 246px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px 5px 0 0; }
  .card-withlink .card-withlink__info {
    padding: 20px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .card-withlink .card-withlink__title {
    font-size: 20px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.87); }
  .card-withlink .card-withlink__desc {
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 15px; }
    .card-withlink .card-withlink__desc p {
      margin-bottom: 10px; }
  .card-withlink .card-withlink__detail {
    font-size: 18px;
    line-height: 22px;
    color: #ed1c24;
    font-weight: 500; }
    .card-withlink .card-withlink__detail:hover {
      color: #ed1c24;
      text-decoration: none; }
  .card-withlink .card-withlink__deactive {
    font-size: 18px;
    line-height: 22px;
    color: #ed1c24;
    font-weight: 500;
    margin-top: 10px; }
    .card-withlink .card-withlink__deactive:hover {
      color: #ed1c24;
      text-decoration: none; }
  .card-withlink .card-withlink__validity {
    margin-top: -15px;
    margin-bottom: 10px; }
    .card-withlink .card-withlink__validity p {
      color: rgba(0, 0, 0, 0.6);
      margin: 10px 0; }
  .card-withlink .card-withlink__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -10px;
    margin-top: 10px; }
    .card-withlink .card-withlink__cta button {
      width: 50%;
      border: 1px solid #C4C4C4;
      margin: 10px;
      display: block;
      text-align: center;
      border-radius: 5px;
      color: #FFF;
      padding: 8px;
      text-decoration: none;
      font-size: 16px;
      line-height: 22px;
      background: #ED1C24;
      font-weight: bold;
      cursor: pointer;
      transform: translate3d(0, 0, 0);
      transition: all 0.3s ease; }
      .card-withlink .card-withlink__cta button:hover {
        transform: translate3d(0, -4px, 0); }
    .card-withlink .card-withlink__cta a {
      width: 50%;
      border: 1px solid #C4C4C4;
      margin: 10px;
      display: block;
      text-align: center;
      border-radius: 5px;
      color: #C4C4C4;
      padding: 8px;
      text-decoration: none;
      font-size: 16px;
      line-height: 22px;
      font-weight: bold;
      transform: translate3d(0, 0, 0);
      transition: all 0.3s ease; }
      .card-withlink .card-withlink__cta a:hover {
        transform: translate3d(0, -4px, 0); }
    .card-withlink .card-withlink__cta .active {
      color: #ED1C24;
      border: 1px solid #ED1C24; }
    .card-withlink .card-withlink__cta .bt-primary {
      color: #fff !important; }
      .card-withlink .card-withlink__cta .bt-primary:hover {
        color: #FFF !important; }
    .card-withlink .card-withlink__cta .btn-view {
      color: rgba(0, 0, 0, 0.54);
      border: 1px solid rgba(0, 0, 0, 0.38); }
  .card-withlink .card-withlink__price {
    display: flex;
    justify-content: space-between; }

.quick-links {
  display: flex;
  flex-wrap: wrap; }
  .quick-links__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 14.2857%;
    position: relative;
    min-height: 175px; }
    .quick-links__item a {
      position: absolute;
      text-decoration: none;
      width: 100%;
      height: 100%;
      padding: 15px; }
    .quick-links__item:hover {
      cursor: pointer; }
      .quick-links__item:hover .item-image {
        border: 1px solid #ed1c24;
        transform: scale(1); }
      .quick-links__item:hover .item-title p {
        color: #ed1c24; }
    .quick-links__item .item-image {
      width: 70px;
      height: 70px;
      padding: 8px;
      background: #F5F5F5;
      border-radius: 50%;
      margin-bottom: 10px;
      border: 1px solid transparent;
      transform: scale(0.9);
      transition: all 0.3s ease-in-out; }
    .quick-links__item .item-title p {
      font-size: 18px;
      line-height: 28px;
      color: rgba(0, 0, 0, 0.87);
      font-weight: 400; }

@media (max-width: 991px) {
  .quick-links__item {
    width: 100%;
    max-width: 33.333333% !important; } }

@media (max-width: 576px) {
  .quick-links__item {
    width: 100%;
    max-width: 50% !important; } }

.account-summary-section {
  margin: 25px 0 10px; }

.summary-title {
  margin-bottom: 10px; }

.account-summary {
  padding: 50px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 20px; }
  .account-summary .recharge-cta {
    margin-top: 72px;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 575px) {
      .account-summary .recharge-cta {
        margin-top: 30px; } }
    .account-summary .recharge-cta a {
      min-width: 160px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 10px; }
      @media (max-width: 575px) {
        .account-summary .recharge-cta a {
          min-width: 125px; } }
    .account-summary .recharge-cta .details {
      transition: all .3s ease-in-out;
      transform: translate3d(0px, 0px, 0px); }
      .account-summary .recharge-cta .details:hover {
        color: #F8F8F8;
        transform: translate3d(0px, -5px, 0px); }

.cicular_progress_wrapper {
  margin-right: 0; }

.ams__voiceOffer {
  background: transparent;
  padding-top: 0; }
  .ams__voiceOffer .home-mangege {
    background: transparent; }

.product-item {
  padding: 25px 40px 25px 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  margin-bottom: 20px; }
  .product-item .purchase-info .purchase-title {
    font-size: 14px;
    line-height: 22px; }
  .product-item .purchase-info .amount {
    font-weight: 600;
    font-size: 18px; }
  .product-item .purchase-info .validity {
    color: rgba(0, 0, 0, 0.54); }
  .product-item .details-cta a {
    color: #ED1C24; }
    .product-item .details-cta a:hover {
      text-decoration: underline;
      cursor: pointer; }

.product-item-click {
  transform: translate3d(0, 0, 0);
  transition: all 0.2s ease-out; }
  @media (max-width: 1199px) {
    .product-item-click .main-dash-circle-progress {
      width: 60% !important; } }
  @media (max-width: 991px) {
    .product-item-click .main-dash-circle-progress {
      width: 100% !important; } }
  .product-item-click .purchase-info {
    flex-basis: 70%;
    max-width: 70%;
    text-align: left;
    padding-left: 75px; }
    @media (max-width: 991px) {
      .product-item-click .purchase-info {
        flex-basis: 70%;
        max-width: 70%;
        margin: 0 auto;
        padding-left: 0; } }
  .product-item-click .details-cta {
    flex-basis: 15%;
    max-width: 15%; }
    @media (max-width: 991px) {
      .product-item-click .details-cta {
        margin: 12px auto; } }

.product-item-click:hover {
  cursor: pointer;
  box-shadow: 0 6px 3px rgba(0, 0, 0, 0.06);
  transform: translate3d(0, -3px, 0);
  border: 1px solid rgba(237, 28, 36, 0.4); }

.summary-info {
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  padding: 40px;
  margin-bottom: 20px; }
  @media (max-width: 576px) {
    .summary-info {
      padding: 40px 20px; } }
  .summary-info .page-cta {
    margin-top: 20px; }
    .summary-info .page-cta a {
      padding: 10px 35px;
      margin-right: 15px;
      border: 1px solid rgba(0, 0, 0, 0.38);
      border-radius: 5px;
      font-weight: 500;
      font-size: 16px;
      line-height: 19px;
      color: rgba(0, 0, 0, 0.54); }
    .summary-info .page-cta a.primary {
      color: #FFF;
      background-color: #ED1C24;
      border: none;
      transition: all .3s ease-in-out;
      transform: translate3d(0, 0, 0); }
      .summary-info .page-cta a.primary:hover {
        transform: translate3d(0, -4px, 0);
        cursor: pointer; }
    .summary-info .page-cta a.secondary {
      transform: translate3d(0, 0, 0);
      display: inline-block;
      transition: all .3s ease; }
      .summary-info .page-cta a.secondary:hover {
        cursor: pointer;
        color: #ED1C24;
        border-color: #ED1C24;
        transform: translate3d(0, -4px, 0); }

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

.circle-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 30px;
  margin-top: 20px; }
  .circle-item .cicular_progress_wrapper {
    position: relative; }
  .circle-item .item-info {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: 10px; }
    .circle-item .item-info .title {
      word-break: break-all; }
    .circle-item .item-info p {
      word-break: break-all;
      color: rgba(0, 0, 0, 0.87); }
    .circle-item .item-info .amount {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 10px; }
      @media (max-width: 576px) {
        .circle-item .item-info .amount {
          display: none; } }
    .circle-item .item-info .validity, .circle-item .item-info .validity-date {
      color: rgba(0, 0, 0, 0.54);
      font-size: 12px; }
      @media (max-width: 576px) {
        .circle-item .item-info .validity, .circle-item .item-info .validity-date {
          display: none; } }
    .circle-item .item-info .validity-mobile {
      display: none; }
      @media (max-width: 576px) {
        .circle-item .item-info .validity-mobile {
          display: block;
          color: rgba(0, 0, 0, 0.54); } }

.collapse-data-section {
  background-color: #F8F8F8;
  padding: 50px 0; }
  .collapse-data-section .uses-history .header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600; }
  .collapse-data-section .uses-history .body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px; }
    .collapse-data-section .uses-history .body:last-child {
      border-bottom: transparent !important; }

.current-tariff-section h3 {
  margin: 40px 0;
  font-weight: bold; }

.current-tariff-section .tariff-body {
  margin-bottom: 20px; }
  @media (max-width: 576px) {
    .current-tariff-section .tariff-body {
      padding-left: 30px; } }
  .current-tariff-section .tariff-body .operator {
    font-size: 12px; }
  .current-tariff-section .tariff-body .rate {
    color: #ED1C24;
    font-size: 20px;
    font-weight: 600;
    margin: 5px 0; }
  .current-tariff-section .tariff-body .rate-per- {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54); }

.current-tariff-section .cta-page {
  margin: 40px 0; }
  .current-tariff-section .cta-page a {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding: 10px 0 5px; }

.sms-page-cta {
  display: flex;
  justify-content: flex-end;
  margin-top: -70px;
  margin-right: 50px; }
  .sms-page-cta a {
    padding: 10px 35px;
    margin-right: 15px;
    border: 1px solid rgba(0, 0, 0, 0.38);
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.54); }
    .sms-page-cta a:hover {
      background-color: #ED1C24;
      border: none;
      color: #FFF; }

.login-desc {
  margin-bottom: 20px;
  text-align: center; }

.forgot-password .using-otp {
  display: block;
  margin-top: 10px; }

.social-icon-part {
  text-align: center;
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .social-icon-part a {
    text-decoration: none; }
  .social-icon-part a:not(:last-child) {
    margin-right: 20px; }

.progress-part {
  margin-bottom: 1rem; }
  .progress-part p {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 10px; }
  .progress-part .progress {
    height: 6px; }
    .progress-part .progress .progress-bar {
      background: #ED1C24; }

.bill-settings {
  margin-top: 85px;
  padding: 40px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
  border-radius: 5px; }
  .bill-settings h3 {
    text-align: center;
    margin-bottom: 25px; }
  .bill-settings .bill-info {
    display: flex;
    flex-direction: column; }
    .bill-settings .bill-info a {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      margin: 10px 0; }
  .bill-settings .bill-channel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    .bill-settings .bill-channel .bill-channel-cta {
      display: flex;
      flex-direction: row;
      margin-right: 10px; }
      .bill-settings .bill-channel .bill-channel-cta a {
        margin-left: 15px;
        padding: 8px 40px;
        border-radius: 5px;
        border: 2px solid rgba(0, 0, 0, 0.2);
        border-radius: 5px; }
        .bill-settings .bill-channel .bill-channel-cta a:hover {
          color: #ED1C24;
          border: 2px solid #ED1C24; }

.my-profile {
  padding-bottom: 100px; }
  .my-profile .form-group {
    margin-bottom: 5px; }
  .my-profile .div-row {
    margin-top: 26px;
    margin-bottom: 10px; }
  .my-profile .horizontal-line {
    width: 100%;
    display: block;
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
    margin-top: 24px;
    margin-bottom: 10px; }
  .my-profile .radio-list {
    margin-top: 45px;
    margin-bottom: 10px; }
    .my-profile .radio-list p {
      font-size: 14px;
      line-height: 17px; }
  .my-profile .language-preference {
    margin-bottom: 10px; }
    .my-profile .language-preference p {
      font-size: 14px;
      line-height: 17px; }

.my-profile-inputs {
  margin-top: -20px; }

.profile-image-upload {
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 20px; }
  .profile-image-upload img {
    border-radius: 4px; }

.my__profile--img--bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  border-radius: 4px; }

.upload-btn {
  margin-bottom: 15px;
  transition: all .3s ease-in-out;
  transform: translate3d(0, 0, 0); }
  .upload-btn:hover {
    transform: translate3d(0, -4px, 0); }

.linear-progress p {
  font-size: 13px;
  line-height: 17px;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 10px; }

.linear-progress strong {
  padding-left: 2px;
  font-size: 14px;
  color: black;
  font-weight: 600; }

.ams-dhonnobad-content h3 {
  margin: 50px 0; }

.ams__dhonnobadCard {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 30px;
  transition: all .1s ease; }
  .ams__dhonnobadCard:hover {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15), 0 2px 2px rgba(0, 0, 0, 0.2); }
  .ams__dhonnobadCard--img {
    padding: 15px 0;
    display: block;
    margin: 0 auto; }
  .ams__dhonnobadCard--discountPersent {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.87);
    margin: 15px 0; }
  .ams__dhonnobadCard--shortDesc {
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 10px; }
  .ams__dhonnobadCard--validity p {
    font-size: 16px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 10px; }
  .ams__dhonnobadCard--eligibility {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px; }
    .ams__dhonnobadCard--eligibilityTxt {
      font-size: 16px;
      line-height: 19px;
      text-align: right;
      color: rgba(0, 0, 0, 0.6); }
    .ams__dhonnobadCard--eligibilityCAT {
      font-weight: 500;
      font-size: 20px;
      line-height: 30px;
      color: rgba(15, 15, 15, 0.87); }
  .ams__dhonnobadCard--viewDetail {
    display: flex;
    align-items: center; }
    .ams__dhonnobadCard--viewDetailCTA {
      font-weight: bold;
      font-size: 18px;
      line-height: 22px;
      color: #ED1C24;
      transform: translate3d(0, -1px, 0);
      transition: all .3s ease-in-out; }
      .ams__dhonnobadCard--viewDetailCTA:hover {
        display: inline-block;
        transform: translate3d(0px, 2px, 0px); }
    .ams__dhonnobadCard--viewDetailCTAIcon {
      margin-left: 15px; }

.fnf__manage {
  margin: 50px 0; }
  @media (max-width: 576px) {
    .fnf__manage {
      margin: 25px 0; } }
  .fnf__manageWrap {
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
    border-radius: 5px; }
    @media (max-width: 576px) {
      .fnf__manageWrap {
        border: none;
        box-shadow: none;
        margin: 0 -15px; } }
  .fnf__manageTitle {
    padding: 25px 40px; }
    @media (max-width: 576px) {
      .fnf__manageTitle {
        padding: 0 0 25px 15px; } }
  .fnf__manageItemWrap {
    padding: 15px 0;
    margin: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
    @media (max-width: 576px) {
      .fnf__manageItemWrap {
        margin: 0 15px; } }
  .fnf__manage .fnf__manageActiveItem {
    background-color: #FEF3F4; }
    .fnf__manage .fnf__manageActiveItem .fnf__manageItemWrap {
      border-bottom: none; }
  .fnf__manageItemImageWrap {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
  .fnf__manageItemImage {
    margin-right: 40px; }
    @media (max-width: 576px) {
      .fnf__manageItemImage {
        margin-right: 20px; } }
  .fnf__manageUserImgBG {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  .fnf__manageItemUserInfo h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px; }
  .fnf__manageItemUserInfo p {
    font-size: 14px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.54); }
  .fnf__manageItemAction button {
    margin-left: 5px;
    transition: all 0.5s ease;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer; }
    @media (max-width: 576px) {
      .fnf__manageItemAction button {
        margin-left: 7px; } }

.fnf__manageItemActionEdit:hover svg, .fnf__manageItemActionDelete:hover svg {
  transform: scale(1.2); }

.fnf__manageItemActionEdit:hover svg path, .fnf__manageItemActionDelete:hover svg path {
  fill: #ED1C24; }

.fnf__manageItemAddNew {
  margin-bottom: 30px;
  display: block; }
  .fnf__manageItemAddNew:hover .fnf__manageItemUserInfo p {
    color: #ED1C24; }
  .fnf__manageItemAddNew:hover .fnf__manageAddItemIcon ellipse {
    fill: rgba(237, 28, 36, 0.7); }
  .fnf__manageItemAddNew:hover .fnf__manageAddItemIcon path {
    stroke: #FFF;
    stroke-opacity: 0.75; }
  .fnf__manageItemAddNew .fnf__manageItemWrap {
    border-bottom: none; }
  .fnf__manageItemAddNew .fnf__manageItemUserInfo p {
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.87); }

.custom__modalContent {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .custom__modalContent .modal-detatils {
    width: 100%; }
  .custom__modalContent .modal-container__body-heading {
    text-align: center !important; }
  .custom__modalContent p {
    margin-bottom: 20px;
    text-align: center; }
  .custom__modalContent .modal-container__body-footer button {
    margin: 5px 0; }
  .custom__modalContent .add__newFNFChooseType {
    text-align: center; }
    .custom__modalContent .add__newFNFChooseType button {
      font-weight: 600;
      font-size: 14px;
      line-height: 18px;
      margin: 0 5px;
      width: 85px;
      padding: 8px 15px;
      background: transparent;
      border: 2px solid rgba(0, 0, 0, 0.2);
      border-radius: 5px;
      color: rgba(0, 0, 0, 0.6);
      cursor: pointer; }
  .custom__modalContent .add__newFNF .add__newFNFChooseTypeActive {
    color: #ED1C24;
    border: 2px solid #ED1C24; }

.dashboard-account-balance .home-device {
  padding-top: 40px;
  padding-bottom: 0; }

.dashboard-account-balance .mb-bottom {
  margin-bottom: 40px; }

.dashboard-account-balance .mb-sec {
  margin-top: 20px; }

.sms-mms-dashboard .home-device {
  padding-top: 30px;
  padding-bottom: 0; }

.sms-mms-dashboard .mb-bottom {
  margin-bottom: 40px; }

.sms-mms-dashboard .mb-sec {
  margin-top: 20px; }

.internet-dashboard .home-device {
  padding-top: 30px;
  padding-bottom: 0; }

.internet-dashboard .mb-bottom {
  margin-bottom: 40px; }

.internet-dashboard .mb-sec {
  margin-top: 20px; }

.voice-dashboard .home-device {
  padding-top: 30px;
  padding-bottom: 0; }

.voice-dashboard .mb-bottom {
  margin-bottom: 40px; }

.voice-dashboard .mb-sec {
  margin-top: 20px; }

.user__profile {
  padding: 40px 60px;
  margin: 50px 0;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between; }
  @media (max-width: 576px) {
    .user__profile {
      flex-direction: column;
      padding: 15px;
      box-shadow: none;
      border: none;
      align-items: flex-start;
      margin: 15px 0; } }
  .user__profileInfo {
    display: flex;
    align-items: center; }
    .user__profileInfo img {
      margin-right: 25px; }
    .user__profileInfo .user__imgBG {
      width: 70px;
      height: 70px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      border-radius: 50%;
      margin-right: 25px; }
    .user__profileInfoContent .name {
      margin-bottom: 5px; }
  @media (max-width: 576px) {
    .user__profileStatus {
      width: 100%;
      display: flex;
      justify-content: space-between;
      padding-top: 30px;
      padding-bottom: 20px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.25); } }
  .user__profileStatusType {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 19px; }
  .user__profileStatusActivity {
    color: #ED1C24;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 28px; }

.song__subscriptionNull {
  text-align: center;
  margin-bottom: 60px; }
  @media (max-width: 576px) {
    .song__subscriptionNull {
      margin-bottom: 0; } }
  .song__subscriptionNull svg {
    margin: 20px; }
  .song__subscriptionNull h2 {
    margin: 20px 0;
    font-weight: 500;
    font-size: 30px;
    line-height: 38px; }
    @media (max-width: 576px) {
      .song__subscriptionNull h2 {
        font-size: 26px;
        line-height: 36px; } }
  .song__subscriptionNull p {
    margin: 20px 0 40px;
    font-size: 16px;
    line-height: 28px; }
  .song__subscriptionNullCTA button {
    width: 300px;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    padding: 10px;
    margin: 0 15px;
    border-radius: 5px;
    border: 1px solid #ED1C24;
    background: #ED1C24;
    cursor: pointer;
    font-weight: 500; }
    @media (max-width: 768px) {
      .song__subscriptionNullCTA button {
        margin: 10px 0;
        width: 100%; } }
    @media (max-width: 576px) {
      .song__subscriptionNullCTA button {
        margin: 10px 0;
        width: 100%; } }
  .song__subscriptionNull .song__list {
    background: transparent;
    color: #ED1C24;
    cursor: pointer;
    transform: translate3d(0, 3px, 0);
    transition: all 0.3s ease-in-out; }
    .song__subscriptionNull .song__list:hover {
      transform: translate3d(0, 0, 0); }

.song__subscribed {
  margin: 50px 0; }
  .song__subscribed .title {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    margin-bottom: 20px; }
    @media (max-width: 576px) {
      .song__subscribed .title {
        text-align: left; } }
  .song__subscribed .songs__items {
    padding: 0 40px; }
    @media (max-width: 576px) {
      .song__subscribed .songs__items {
        padding: 0; } }
  .song__subscribed .songs__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0; }
    @media (max-width: 576px) {
      .song__subscribed .songs__item {
        align-items: flex-start; } }
  .song__subscribed .songs__itemName {
    display: flex;
    align-items: center; }
    .song__subscribed .songs__itemName svg {
      margin-right: 25px; }
      @media (max-width: 576px) {
        .song__subscribed .songs__itemName svg {
          display: none; } }
    .song__subscribed .songs__itemName .user__imgBG {
      width: 66px;
      height: 66px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      border-radius: 50%;
      margin-right: 25px; }
      @media (max-width: 576px) {
        .song__subscribed .songs__itemName .user__imgBG {
          display: none; } }
    .song__subscribed .songs__itemName .song__name {
      font-size: 16px;
      line-height: 26px;
      color: rgba(0, 0, 0, 0.54); }
      @media (max-width: 576px) {
        .song__subscribed .songs__itemName .song__name {
          font-size: 14px;
          line-height: 17px; } }
  .song__subscribed .songs__itemCTA .singer__name {
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.54);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end; }
    @media (max-width: 576px) {
      .song__subscribed .songs__itemCTA .singer__name {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        line-height: 14px;
        padding-left: 15px;
        flex-direction: row; } }
    .song__subscribed .songs__itemCTA .singer__name button {
      display: none;
      background: transparent;
      border: none;
      outline: none;
      margin-top: -3px; }
      @media (max-width: 576px) {
        .song__subscribed .songs__itemCTA .singer__name button {
          display: inline-block;
          margin-left: 10px;
          margin-right: 5px; } }
  .song__subscribed .songs__itemCTA .deactive__cta {
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    text-align: center;
    width: 100%;
    color: #ED1C24;
    font-size: 16px;
    line-height: 26px; }
    @media (max-width: 576px) {
      .song__subscribed .songs__itemCTA .deactive__cta {
        display: none; } }
    .song__subscribed .songs__itemCTA .deactive__cta:hover {
      text-decoration: underline; }

.song__subscribedTable {
  margin: 70px 0; }
  @media (max-width: 576px) {
    .song__subscribedTable {
      display: none; } }
  .song__subscribedTable .trRow {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .song__subscribedTable .table td {
    padding: 1.75rem; }
  .song__subscribedTable .table th {
    padding: 1rem  1.75rem; }

.song__subscribedTableMobile {
  display: none; }
  @media (max-width: 576px) {
    .song__subscribedTableMobile {
      display: block;
      margin: 50px 0; }
      .song__subscribedTableMobile .table__heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0;
        font-size: 14px;
        line-height: 24px;
        font-weight: 500; }
      .song__subscribedTableMobile .table__value {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        padding: 10px 0; }
        .song__subscribedTableMobile .table__value .left .datetime {
          color: rgba(0, 0, 0, 0.54);
          font-size: 12px; } }

.songlist__CTAWrap {
  text-align: center; }
  .songlist__CTAWrap .songlist__CTA {
    width: 300px;
    background: #ED1C24;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    display: inline-block;
    padding: 10px;
    border-radius: 5px; }
    @media (max-width: 576px) {
      .songlist__CTAWrap .songlist__CTA {
        width: 100%; } }

.current__songList {
  margin: 50px 0;
  padding: 30px 25px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 5px; }
  @media (max-width: 576px) {
    .current__songList {
      box-shadow: none;
      border: none;
      margin: 30px 0;
      padding: 30px 10px; } }
  .current__songList .title {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 15px; }
  .current__songList .current__songListSearch {
    width: 400px;
    margin: 0 auto 30px; }
    @media (max-width: 576px) {
      .current__songList .current__songListSearch {
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        margin: 0 auto 20px;
        padding-bottom: 10px; } }
  .current__songList .songs__items {
    padding: 0 25px;
    max-height: 500px;
    overflow-y: auto; }
    @media (max-width: 576px) {
      .current__songList .songs__items {
        padding: 0; } }
    .current__songList .songs__items::-webkit-scrollbar {
      width: 6px; }
    .current__songList .songs__items::-webkit-scrollbar-track {
      background: #f1f1f1;
      border-radius: 20px; }
    .current__songList .songs__items::-webkit-scrollbar-thumb {
      background: #888;
      border-radius: 20px; }
    .current__songList .songs__items::-webkit-scrollbar-thumb:hover {
      background: #555; }
    .current__songList .songs__items .songs__item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0; }
    .current__songList .songs__items .songs__itemLeft {
      display: flex;
      align-items: center; }
      .current__songList .songs__items .songs__itemLeft svg {
        margin-right: 25px; }
        @media (max-width: 576px) {
          .current__songList .songs__items .songs__itemLeft svg {
            margin-right: 10px; } }
      .current__songList .songs__items .songs__itemLeft .user__imgBG {
        width: 66px;
        height: 66px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 50%;
        margin-right: 25px; }
        @media (max-width: 576px) {
          .current__songList .songs__items .songs__itemLeft .user__imgBG {
            margin-right: 10px; } }
      .current__songList .songs__items .songs__itemLeft .songs__itemNames .song__name {
        font-weight: 500;
        font-size: 18px;
        line-height: 28px; }
        @media (max-width: 576px) {
          .current__songList .songs__items .songs__itemLeft .songs__itemNames .song__name {
            font-size: 14px; } }
      .current__songList .songs__items .songs__itemLeft .songs__itemNames .song__artist {
        font-size: 16px;
        line-height: 26px;
        color: rgba(0, 0, 0, 0.54); }
        @media (max-width: 576px) {
          .current__songList .songs__items .songs__itemLeft .songs__itemNames .song__artist {
            font-size: 14px; } }
    .current__songList .songs__items .songs__itemRight {
      display: flex;
      align-items: center; }
      .current__songList .songs__items .songs__itemRight .purchase__amount {
        font-weight: 500;
        font-size: 18px;
        line-height: 28px;
        margin: 0 20px; }
        @media (max-width: 576px) {
          .current__songList .songs__items .songs__itemRight .purchase__amount {
            font-size: 14px;
            margin: 0; } }
      .current__songList .songs__items .songs__itemRight .downloadBTN {
        cursor: pointer;
        background: transparent;
        border: none;
        outline: none;
        margin-left: 20px; }
        @media (max-width: 576px) {
          .current__songList .songs__items .songs__itemRight .downloadBTN {
            margin-left: 5px; } }
        .current__songList .songs__items .songs__itemRight .downloadBTN svg {
          margin-top: -5px; }

@media (max-width: 576px) {
  .circle-item {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px; }
    .circle-item .circle-mobile {
      background-color: #ED1C24;
      width: 20px;
      height: 20px;
      border-radius: 50%; }
    .circle-item .main-dash-circle-progress, .circle-item .amount, .circle-item .validity, .circle-item .validity-date {
      display: none; }
    .circle-item .for-mobile {
      display: block; }
  .page-cta {
    display: flex;
    align-items: center;
    flex-direction: column; }
    .page-cta a {
      display: block;
      width: 100%;
      margin: 10px;
      text-align: center; }
  .voice-dashboard .main-dash-circle-progress {
    margin-right: 0; } }

.navbar-collapse {
  position: relative; }

.my_account-mega-menu {
  min-width: 0;
  border-radius: 0;
  border: none;
  top: 45px;
  z-index: 111;
  width: 970px;
  margin: 0 auto;
  right: -141px;
  padding: 0; }
  .my_account-mega-menu .col-xl-4.no-padding:last-child .m-left-menu::after {
    width: 0; }
  .my_account-mega-menu .menu-header {
    background-color: rgba(0, 0, 0, 0.04);
    padding: 20px 40px 25px;
    margin-bottom: 20px; }
  .my_account-mega-menu .mega-menu-user-info {
    text-align: center; }
    .my_account-mega-menu .mega-menu-user-info .name {
      margin-top: 15px;
      font-weight: 500;
      font-size: 12px;
      line-height: 18px; }
    .my_account-mega-menu .mega-menu-user-info .mobile-no {
      font-size: 12px;
      line-height: 24px;
      color: rgba(0, 0, 0, 0.54); }
  .my_account-mega-menu .add-another-no:hover svg ellipse {
    fill: #ED1C24; }
  .my_account-mega-menu .add-another-no:hover svg rect {
    fill: #ED1C24; }

.ams_user_mobile_navigation .navigation_space {
  height: 50px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

.ams_user_mobile_navigation .navigation_header {
  padding: 30px 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap; }
  .ams_user_mobile_navigation .navigation_header .user-img {
    width: 25%;
    text-align: center;
    margin-bottom: 15px; }
    .ams_user_mobile_navigation .navigation_header .user-img .user_bg_img {
      width: 68px;
      height: 68px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 50%;
      margin: 0 auto; }

.ams_user_mobile_navigation .mobile_notifications {
  padding: 15px; }
  .ams_user_mobile_navigation .mobile_notifications .mobile_notificationBTN {
    outline: none;
    border: none;
    background: transparent;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    cursor: pointer; }
    .ams_user_mobile_navigation .mobile_notifications .mobile_notificationBTN span {
      color: #ED1C24;
      margin-left: 6px; }
  .ams_user_mobile_navigation .mobile_notifications .mobile_notificationBody {
    background: #ECECEC;
    border-radius: 5px;
    padding: 15px; }
    .ams_user_mobile_navigation .mobile_notifications .mobile_notificationBody .mobile_notificationHeader {
      margin-bottom: 15px; }
      .ams_user_mobile_navigation .mobile_notifications .mobile_notificationBody .mobile_notificationHeader p {
        font-weight: 500;
        font-size: 14px;
        line-height: 24px; }
      .ams_user_mobile_navigation .mobile_notifications .mobile_notificationBody .mobile_notificationHeader .closeBTN {
        outline: none;
        border: none;
        background: transparent;
        font-weight: 500; }

.ams_user_mobile_navigation .mobile_notificationBody .mobile_notificationHeader {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.ams_user_mobile_navigation .mobile_notificationBody .mobile_notificationItem p {
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .ams_user_mobile_navigation .mobile_notificationBody .mobile_notificationItem p:last-child {
    border-bottom: none; }

.ams_user_mobile_navigation .bottom-space {
  height: 50px; }

.ams_user_mobile_navigation .navigation_Body {
  padding: 0 20px; }
  .ams_user_mobile_navigation .navigation_Body .navigation_item {
    margin-bottom: 35px; }
    .ams_user_mobile_navigation .navigation_Body .navigation_item .navigation_item_title {
      font-weight: 600;
      margin: 5px 0 10px; }
    .ams_user_mobile_navigation .navigation_Body .navigation_item .navigation_item_list {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 0 10px 10px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.08);
      cursor: pointer; }
      .ams_user_mobile_navigation .navigation_Body .navigation_item .navigation_item_list_name span {
        color: #ED1C24; }

@media (max-width: 576px) {
  .payment__dropdownWrap label {
    display: none; } }

.payment__dropdown {
  width: 200px !important;
  color: #6c757d !important;
  font-size: 12px !important; }
  .payment__dropdown #select-payment_type {
    font-size: 14px !important; }
  .payment__dropdown .MuiSelect-root {
    font-size: 14px !important; }
  @media (max-width: 768px) {
    .payment__dropdown {
      width: 215px !important; } }
  @media (max-width: 576px) {
    .payment__dropdown {
      width: 100% !important; } }

.custom-dropdown-style {
  background-color: #fff !important;
  box-sizing: border-box;
  box-shadow: inset -3px 1px 10px rgba(0, 0, 0, 0.06);
  border-radius: 5px; }
  .custom-dropdown-style .MuiOutlinedInput-input {
    padding: 14px 14px; }
  .custom-dropdown-style fieldset {
    border: none !important; }

.date-picker-c-style .MuiIconButton-root {
  margin-bottom: 12px; }

.date-picker-c-style .MuiInput-underline:before {
  left: 0;
  right: 0;
  bottom: 0;
  content: "\A0";
  position: absolute;
  transition: none !important;
  border-bottom: none !important;
  pointer-events: none; }

.date-picker-c-style .MuiInput-underline:after {
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: absolute;
  transform: scaleX(0);
  transition: none !important;
  border-bottom: none !important;
  pointer-events: none; }

.date-picker-c-style label {
  margin-left: 15px;
  margin-top: 5px; }

.date-picker-c-style input {
  margin-left: 15px; }

.date-picker-c-style svg {
  fill: rgba(0, 0, 0, 0.3); }

.spend-control-section .custom-form-group {
  margin-bottom: 0; }
  @media (max-width: 576px) {
    .spend-control-section .custom-form-group {
      justify-content: space-between !important; } }

@media (max-width: 576px) {
  .spend-control-section .custom-form-control {
    width: 40% !important; } }

@media (max-width: 576px) {
  .spend-control-section .spend-control-part {
    padding: 30px; } }

.spend-control-section .spend__control--time {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  @media (max-width: 1200px) {
    .spend-control-section .spend__control--time {
      justify-content: center;
      margin-top: 30px; } }
  @media (max-width: 576px) {
    .spend-control-section .spend__control--time {
      flex-direction: column;
      justify-content: flex-start !important;
      align-items: flex-start; } }
  .spend-control-section .spend__control--time__title {
    margin-right: 15px; }
    @media (max-width: 576px) {
      .spend-control-section .spend__control--time__title {
        margin-bottom: 15px; } }
  @media (max-width: 420px) {
    .spend-control-section .spend__control--time__input {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between; } }
  .spend-control-section .spend__control--time__input a {
    width: 80px;
    text-align: center;
    display: inline-block;
    margin: 0 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 8px 10px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
    transition: all 0.2s ease-in; }
    .spend-control-section .spend__control--time__input a:hover {
      color: #ED1C24;
      border-color: #ED1C24;
      cursor: pointer; }
    .spend-control-section .spend__control--time__input a:last-child {
      margin-right: 0; }
    @media (max-width: 576px) {
      .spend-control-section .spend__control--time__input a {
        margin: 0 5px; }
        .spend-control-section .spend__control--time__input a:first-child {
          margin-left: 0; } }
  .spend-control-section .spend__control--time__input .active {
    color: #ED1C24;
    border-color: #ED1C24; }

.spend-control-section .action-btn {
  text-align: center !important;
  margin-top: 40px; }
  .spend-control-section .action-btn .bt-secondary {
    padding-left: 80px;
    padding-right: 80px; }
    @media (max-width: 768px) {
      .spend-control-section .action-btn .bt-secondary {
        padding-left: 30px;
        padding-right: 30px; } }

.spend__control--status {
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
  padding: 30px 40px; }
  @media (max-width: 576px) {
    .spend__control--status {
      padding: 30px 15px; } }
  .spend__control--status--title {
    margin-bottom: 50px;
    text-align: center; }
  .spend__control--status--wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center; }
    .spend__control--status--wrap--value {
      flex: 1 1 50%;
      max-width: 50%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 40px;
      padding: 0 30px; }
      @media (max-width: 991px) {
        .spend__control--status--wrap--value {
          flex: 1 1 100%;
          max-width: 100%; } }
      @media (max-width: 576px) {
        .spend__control--status--wrap--value {
          padding: 0; } }
      .spend__control--status--wrap--value p span {
        background: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.08);
        box-sizing: border-box;
        box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.06);
        border-radius: 5px;
        padding: 10px 20px; }
        @media (max-width: 576px) {
          .spend__control--status--wrap--value p span {
            padding: 10px 15px;
            font-size: 12px; } }
  .spend__control--status--cta--buttons {
    display: flex;
    justify-content: center; }
    @media (max-width: 480px) {
      .spend__control--status--cta--buttons {
        flex-direction: column;
        width: 85%;
        margin: 0 auto; } }
    .spend__control--status--cta--buttons .btn-primary {
      background-color: #ED1C24;
      border-radius: 5px;
      color: #FFF !important;
      border: none;
      margin: 15px;
      padding: 8px 40px;
      font-weight: 500;
      transition: all .2s ease-in;
      transform: translate3d(0, 0, 0); }
      .spend__control--status--cta--buttons .btn-primary:hover {
        transform: translate3d(0, -4px, 0); }
    .spend__control--status--cta--buttons .btn-secondary {
      background-color: transparent;
      border-radius: 5px;
      color: #000 !important;
      border: 1px solid #ED1C24;
      margin: 15px;
      padding: 8px 40px;
      font-weight: 500;
      transition: all .3s ease-in;
      transform: translate3d(0, 0, 0); }
      .spend__control--status--cta--buttons .btn-secondary:hover {
        transform: translate3d(0, -4px, 0);
        background-color: #ED1C24;
        color: #FFF !important; }

.manage__secondaryNumber {
  margin: 50px 0; }
  @media (max-width: 576px) {
    .manage__secondaryNumber {
      margin: 25px 0; } }
  .manage__secondaryNumber .fnf__manageActiveItem {
    background-color: #FEF3F4; }

.edit__secondaryNumberModal .edit__userNumber {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .edit__secondaryNumberModal .edit__userNumber p {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 0; }

.edit__secondaryNumberModal .form-group {
  margin-bottom: 0; }

.check__PINPUK {
  margin: 50px 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  padding: 40px 50px; }
  .check__PINPUK .title {
    text-align: center; }
  .check__PINPUK .check__PINPUKInfo {
    margin: 40px 0; }
    .check__PINPUK .check__PINPUKInfo .check__PINPUKInfoList {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .check__PINPUK .check__PINPUKInfoBottom .title {
    text-align: center; }
  .check__PINPUK .check__PINPUKInfoBottom p {
    text-align: center;
    margin: 10px 0; }

.lost__SIMRequest {
  margin: 50px 0 60px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  padding: 40px 150px; }
  .lost__SIMRequest .title {
    text-align: center;
    margin: 0 0 15px; }
  .lost__SIMRequest .desc {
    margin-bottom: 25px; }
    .lost__SIMRequest .desc p {
      text-align: center;
      margin: 5px 0;
      font-size: 14px; }
  .lost__SIMRequest .form-group {
    margin-bottom: 0; }
  .lost__SIMRequest .lost__SIMRequestSubmit .lost__SIMRequestSubmitBTN {
    padding: 15px;
    width: 100%;
    background: #ED1C24;
    color: #FFF;
    outline: none;
    border-radius: 5px;
    border: none;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    margin: 25px 0;
    cursor: pointer;
    transition: all 0.3s ease;
    transform: translate3d(0, 0, 0); }
    .lost__SIMRequest .lost__SIMRequestSubmit .lost__SIMRequestSubmitBTN:hover {
      transform: translate3d(0, -4px, 0); }

.request__supportContainer {
  margin: 50px 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  padding: 40px 150px; }
  @media (max-width: 576px) {
    .request__supportContainer {
      padding: 0;
      border: none;
      box-shadow: none;
      margin-top: 20px;
      text-align: left; } }
  .request__supportContainer .title {
    text-align: center;
    margin: 0 0 15px; }
    @media (max-width: 576px) {
      .request__supportContainer .title {
        text-align: left; } }
  .request__supportContainer .desc {
    margin-bottom: 25px; }
    @media (max-width: 576px) {
      .request__supportContainer .desc {
        margin-bottom: 10px; } }
    .request__supportContainer .desc p {
      text-align: center;
      margin: 5px 0;
      font-size: 14px; }
      @media (max-width: 576px) {
        .request__supportContainer .desc p {
          text-align: left; } }
  .request__supportContainer .form-group {
    margin-bottom: 0; }
  .request__supportContainer .request__supportSubmit .request__supportSubmitBTN {
    padding: 15px;
    width: 100%;
    background: #ED1C24;
    color: #FFF;
    outline: none;
    border-radius: 5px;
    border: none;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    margin: 25px 0;
    cursor: pointer;
    transition: all 0.3s ease;
    transform: translate3d(0, 0, 0); }
    .request__supportContainer .request__supportSubmit .request__supportSubmitBTN:hover {
      transform: translate3d(0, -4px, 0); }

.support__inbox {
  margin: 50px 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  padding: 40px 20px 40px 40px; }
  @media (max-width: 576px) {
    .support__inbox {
      padding: 0;
      border: none;
      box-shadow: none;
      margin-top: 20px;
      text-align: left; } }
  .support__inbox .title {
    text-align: center;
    margin: 0 0 15px; }

.css-collapse__contentWrap {
  padding-right: 40px;
  max-height: 400px;
  overflow-y: auto; }
  @media (max-width: 576px) {
    .css-collapse__contentWrap {
      padding-right: 0; } }
  .css-collapse__contentWrap::-webkit-scrollbar {
    width: 6px; }
  .css-collapse__contentWrap::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 20px; }
  .css-collapse__contentWrap::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 20px; }
  .css-collapse__contentWrap::-webkit-scrollbar-thumb:hover {
    background: #555; }
  .css-collapse__contentWrap .tab {
    position: relative; }
    .css-collapse__contentWrap .tab .message__status {
      font-weight: 500;
      font-size: 16px;
      line-height: 26px;
      color: rgba(193, 31, 71, 0.87);
      margin: 30px 0; }
      @media (max-width: 576px) {
        .css-collapse__contentWrap .tab .message__status {
          margin-bottom: 2px; } }
    .css-collapse__contentWrap .tab .message__date {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 14px;
      line-height: 26px;
      color: rgba(0, 0, 0, 0.54);
      display: none; }
      @media (max-width: 576px) {
        .css-collapse__contentWrap .tab .message__date {
          margin-top: -20px; } }
    .css-collapse__contentWrap .tab .message__dateMob {
      display: none; }
      @media (max-width: 576px) {
        .css-collapse__contentWrap .tab .message__dateMob {
          display: inline-block;
          font-size: 14px;
          line-height: 26px;
          color: rgba(0, 0, 0, 0.54); } }
  .css-collapse__contentWrap .tab input:checked ~ .tab-content .message__date {
    display: inline-block; }
    @media (max-width: 576px) {
      .css-collapse__contentWrap .tab input:checked ~ .tab-content .message__date {
        display: none; } }

.my_account-mega-menu .menu-second-dr {
  padding-top: 30px; }

.my_account-mega-menu .menu-header {
  margin-bottom: 0; }

.my_account-mega-menu .u-padding-all-30 {
  padding-top: 0; }

.my_account-mega-menu .m-left-menu::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 30px;
  width: 1px;
  height: 90%;
  background-color: rgba(0, 0, 0, 0.08); }

.menu__notificationsClickIcon {
  position: absolute;
  margin-top: -25px;
  right: 30px;
  z-index: 10;
  border-radius: 50%;
  background: #ECECEC;
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  outline: none; }
  .menu__notificationsClickIcon span {
    position: absolute;
    font-size: 12px;
    width: 17px;
    height: 17px;
    line-height: 21px;
    color: #FFF;
    background-color: #ED1C24;
    text-align: center;
    border-radius: 50%;
    right: 12px;
    top: 18px; }

.menu__notificationClose {
  position: absolute;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  right: 80px;
  bottom: 20px;
  z-index: 11; }

.menu__notifications {
  padding: 0 15px;
  position: absolute;
  right: 0;
  width: 200px;
  height: 100%;
  background: #ECECEC; }
  .menu__notifications .menu__notificationTitle {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 30px 0 15px; }
  .menu__notifications .menu__notificationBody .menu__notificationItem {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 12px;
    line-height: 18px; }
    .menu__notifications .menu__notificationBody .menu__notificationItem:last-child {
      border-bottom: none; }

@media (max-width: 576px) {
  .custom-dropdown-style {
    margin-bottom: 25px !important; }
  .mrb-none {
    margin-bottom: 0 !important; }
  .MuiFormControl-marginNormal {
    margin-top: 16px;
    margin-bottom: -8px;
    width: 100%; }
  .mobile-order-1 {
    order: 1;
    margin-bottom: 30px !important; }
  .mobile-order-2 {
    order: 2; }
  .profile-image-upload {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 20px; }
  .upload-btn {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 20px; }
  .account-summary-section {
    margin: 20px 0 10px; }
  .ams__dhonnobadStatus {
    display: none; } }

@media (max-width: 991px) {
  .custom-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .custom-3 label {
      margin-right: 0 !important; }
    .custom-3 input {
      width: 50% !important;
      margin-top: 30px; } }

@media (max-width: 576px) {
  .custom-3 .custom-3-input {
    width: 100% !important;
    max-width: 100% !important; } }

.Other__tariff--section {
  padding: 40px 0 0; }
  .Other__tariff--section .tariff__section--header {
    margin-bottom: 30px; }
    .Other__tariff--section .tariff__section--header h3 {
      font-weight: bold;
      font-size: 24px;
      line-height: 32px;
      text-align: center;
      margin-bottom: 20px; }

.tariff__package {
  text-align: center;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  position: relative;
  margin-bottom: 30px; }
  .tariff__package .package__header {
    padding: 35px 0;
    background: #B9190E;
    border-radius: 5px 5px 0px 0px;
    color: #FFF; }
    .tariff__package .package__header h4 {
      font-weight: bold;
      font-size: 24px;
      line-height: 32px;
      text-align: center; }
  .tariff__package .package__body {
    padding: 20px 20px; }
    .tariff__package .package__body p {
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      color: rgba(0, 0, 0, 0.87);
      padding-top: 15px;
      padding-bottom: 15px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
    .tariff__package .package__body .highlight {
      color: #ED1C24;
      font-size: 16px;
      font-weight: bold; }
    .tariff__package .package__body .fade_text {
      color: rgba(0, 0, 0, 0.54); }
  .tariff__package .package__footer {
    padding-bottom: 25px; }

.tariff__package--active {
  border: 2px solid #ED1C24;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04); }
  .tariff__package--active .active_icon svg {
    position: absolute;
    top: -2px;
    left: 20px; }
  .tariff__package--active .package__header {
    background-color: #ED1C24;
    border-radius: 0px 0px 0px 0px; }
  .tariff__package--active .package__footer button, .tariff__package--active .package__footer a {
    background-color: #ED1C24;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px; }

.bill_history .top-head td {
  font-size: 14px;
  padding: 5px 0; }

.recharge__page {
  padding: 40px 0 30px; }
  @media (max-width: 576px) {
    .recharge__page {
      padding: 20px 0 30px; } }
  .recharge__page .recharge__inputs .form-group {
    margin-bottom: 0; }
  .recharge__page .add__amount {
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F9F9FA;
    border: 1px solid #ED1C24;
    box-sizing: border-box;
    border-radius: 10px;
    margin-top: 25px;
    margin-bottom: 0; }
    .recharge__page .add__amount p {
      font-size: 16px;
      line-height: 26px;
      flex-basis: 72%;
      max-width: 72%; }
      .recharge__page .add__amount p span {
        font-weight: bold; }
      @media (max-width: 576px) {
        .recharge__page .add__amount p {
          font-size: 14px; } }
    .recharge__page .add__amount button {
      font-size: 16px;
      line-height: 26px;
      color: #ED1C24;
      cursor: pointer;
      outline: none;
      border: none;
      background: transparent; }
      @media (max-width: 576px) {
        .recharge__page .add__amount button {
          font-size: 14px; } }
  .recharge__page .recharge__submit {
    text-align: center; }
    .recharge__page .recharge__submit button {
      width: 340px;
      transform: translate3d(0, 0, 0);
      transition: all 0.3s ease-in-out;
      margin: 20px 0; }
      @media (max-width: 576px) {
        .recharge__page .recharge__submit button {
          margin: 10px 0 !important;
          width: 280px; } }
      .recharge__page .recharge__submit button:hover {
        transform: translate3d(0, -3px, 0);
        box-shadow: 5px 6px 5px rgba(0, 0, 0, 0.15); }
  .recharge__page .slick-prev {
    left: -20px; }
    .recharge__page .slick-prev span {
      text-align: center; }
    .recharge__page .slick-prev:hover {
      background: #ED1C24;
      border-radius: 50%;
      box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
      cursor: pointer; }
      .recharge__page .slick-prev:hover svg {
        width: 8px; }
      .recharge__page .slick-prev:hover svg path {
        fill: #FFF; }
    @media (max-width: 768px) {
      .recharge__page .slick-prev {
        display: none !important; } }
  .recharge__page .slick-next {
    right: -20px; }
    .recharge__page .slick-next span {
      text-align: center; }
    .recharge__page .slick-next:hover {
      background: #ED1C24;
      border-radius: 50%;
      box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
      cursor: pointer; }
      .recharge__page .slick-next:hover svg {
        width: 8px; }
      .recharge__page .slick-next:hover svg path {
        fill: #FFF; }
    @media (max-width: 768px) {
      .recharge__page .slick-next {
        display: none !important; } }
  @media (max-width: 576px) {
    .recharge__page .slick-list {
      padding-left: 0 !important; } }
  .recharge__page .slick-disabled {
    opacity: 0; }

.recharge__offers {
  margin-top: 25px;
  margin-bottom: 20px; }
  .recharge__offers .custom__padding {
    padding-left: 7px;
    padding-right: 7px; }
  .recharge__offers--header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px; }
    .recharge__offers--header h2 {
      font-weight: 500;
      font-size: 24px;
      line-height: 36px;
      padding-left: 7px; }
      @media (max-width: 576px) {
        .recharge__offers--header h2 {
          font-size: 20px; } }
    .recharge__offers--header .view_all {
      font-weight: bold;
      font-size: 16px;
      line-height: 22px;
      color: #ED1C24;
      cursor: pointer;
      padding-right: 7px; }
      .recharge__offers--header .view_all:hover {
        text-decoration: underline; }
      @media (max-width: 576px) {
        .recharge__offers--header .view_all {
          font-size: 14px; } }
  .recharge__offers--component {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    padding: 30px;
    transform: translate3d(0, 0, 0);
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: 170px;
    position: relative;
    z-index: 222;
    margin-top: 5px;
    margin-bottom: 5px; }
    .recharge__offers--component:hover {
      transform: translate3d(0, -1px, 0);
      box-shadow: 0 1px 7px rgba(0, 0, 0, 0.35);
      border: 1px solid #ED1C24; }
    .recharge__offers--component__heading h3 {
      font-weight: 500;
      font-size: 20px;
      line-height: 26px; }
      @media (max-width: 576px) {
        .recharge__offers--component__heading h3 {
          font-size: 18px;
          line-height: 22px; } }
    .recharge__offers--component__validityPrice {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .recharge__offers--component__validityPrice p {
        font-size: 16px;
        line-height: 19px;
        color: rgba(0, 0, 0, 0.6); }
        @media (max-width: 576px) {
          .recharge__offers--component__validityPrice p {
            font-size: 14px; } }
      .recharge__offers--component__validityPrice .price {
        font-size: 20px;
        line-height: 30px;
        color: rgba(15, 15, 15, 0.87); }
  .recharge__offers .active_offer {
    border: 2px solid #ED1C24;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    position: relative; }
    .recharge__offers .active_offer:after {
      content: '';
      position: absolute;
      top: 10px;
      right: 10px;
      width: 26px;
      height: 25px;
      background: url('data:image/svg+xml;utf8,<svg width="26" height="25" fill="red" viewBox="0 0 26 25" xmlns="http://www.w3.org/2000/svg"><path d="M21.2122 5.59102L8.85341 17.6904L4.47661 13.3971C3.95495 12.8869 3.10918 12.8869 2.58753 13.3971C2.06588 13.9072 2.06588 14.7343 2.58753 15.2445L7.90888 20.4485C8.15867 20.6948 8.4987 20.8334 8.85341 20.8334C9.20813 20.8334 9.54816 20.6948 9.79795 20.4485L23.1013 7.43845C23.4388 7.10844 23.5706 6.62744 23.447 6.17663C23.3235 5.72583 22.9635 5.37371 22.5025 5.25292C22.0415 5.13212 21.5497 5.26101 21.2122 5.59102Z"/></svg>');
      background-repeat: no-repeat; }
    .recharge__offers .active_offer:hover {
      color: rgba(0, 0, 0, 0.87) !important;
      transform: translate3d(0, 0, 0); }

.ch-bundle-ch {
  padding-left: 30px !important;
  padding-right: 30px !important; }

.list-spend {
  margin-bottom: 20px; }
  .list-spend li {
    width: 32%;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.06);
    border-radius: 5px; }
    .list-spend li button {
      display: block;
      margin-right: 0.5rem;
      font-size: 18px;
      line-height: 17px;
      text-align: center;
      color: #000000;
      padding: 15px;
      opacity: 0.54;
      background-color: transparent;
      border: none;
      width: 100%; }

.spend-control-status .spend-control-status-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px; }
  .spend-control-status .spend-control-status-item h5 {
    margin: 0;
    font-size: 16px;
    line-height: 36px;
    color: #000000; }
  .spend-control-status .spend-control-status-item p {
    margin: 0;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    padding-left: 26px;
    padding-right: 26px;
    display: flex;
    align-items: center; }

.item-button-item {
  text-align: center; }
  .item-button-item .btn-i {
    font-family: Axiata;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    background: #ED1C24;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    color: #FFFFFF;
    padding: 10px 50px;
    font-weight: 500; }
  .item-button-item .btn-border {
    font-family: Axiata;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    border: 1px solid #ED1C24;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    color: #ED1C24;
    padding: 10px 30px;
    font-weight: 500; }

.amount-data-modify {
  min-width: 400px;
  padding: 20px; }

.closeId {
  text-align: right;
  position: absolute;
  top: 6px;
  right: 9px; }

.am-m p {
  font-size: 20px;
  margin: 20px 40px; }

.text-container {
  white-space: nowrap;
  position: relative; }

.text-container .text-icon {
  position: absolute;
  top: 15px;
  left: 15px; }

.feedback-control:focus, .feedback-control:active, .feedback-control:visited {
  box-shadow: inset -3px 1px 10px rgba(0, 0, 0, 0.06); }

.feedback-control {
  background-color: #fff !important;
  box-sizing: border-box;
  box-shadow: inset -3px 1px 10px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding-left: 50px;
  padding-top: 15px;
  margin-bottom: 20px; }

.feedback-form {
  margin-top: 40px;
  margin-bottom: 40px; }

.feedback-text-item {
  font-size: 16px;
  line-height: 26px;
  /* identical to box height, or 162% */
  margin: 0;
  text-align: center;
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.87);
  padding-bottom: 20px; }

.feedback-text-head {
  padding-bottom: 0px !important; }

.bt-crs {
  position: absolute;
  right: 12px;
  top: 10px; }

.f-form-up h3 {
  margin: 0;
  text-align: center;
  margin: 15px 0;
  margin-bottom: 0; }

.f-form-up h5 {
  margin: 0;
  font-size: 18px;
  line-height: 30px;
  /* or 167% */
  font-weight: 300;
  text-align: center;
  color: #000000; }

.btn-message-go:hover {
  color: #fff !important; }

.item-button-item .btn-border {
  background-color: transparent !important; }

@media screen and (max-width: 768px) {
  .item-button-item .list-inline-item:not(:last-child) {
    margin-right: 0; }
  .four .rechargedata {
    margin-top: 30px; }
  .four .item-button-item {
    margin-top: 10px; }
    .four .item-button-item li {
      margin-bottom: 10px; }
  .amount-data-modify {
    min-width: auto; }
  #form_recharge_page .list-inline-item:not(:last-child) {
    margin-right: 5px; }
  .r-b-s {
    padding-top: 30px; } }

.white-bg-background {
  background-color: white; }
  .white-bg-background .left__content .content__title {
    text-align: left !important; }
  .white-bg-background .content {
    text-align: left; }
  .white-bg-background h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 32px;
    /* or 152% */
    display: flex;
    align-items: center;
    text-align: center;
    color: rgba(0, 0, 0, 0.87); }
  .white-bg-background p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    /* or 143% */
    color: rgba(0, 0, 0, 0.87); }

.form-padding-section {
  padding: 30px; }
  .form-padding-section h2 {
    font-size: 24px; }
  .form-padding-section .form-group {
    margin-bottom: 0; }

.question-left {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  flex-basis: 88%;
  margin-right: 16px; }

.question-all {
  display: flex;
  align-items: center;
  margin-top: 20px; }

.question-right {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 12%; }

.question-left {
  position: relative; }
  .question-left label {
    margin-bottom: 0; }

.p-l {
  padding-left: 18px; }

.p-t-b-i .progress {
  height: 44px;
  background: transparent; }

.p-t-b-i .progress-bar {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 4px 0px 0px 4px; }

.form-padding-section p {
  padding-top: 10px; }

.po-ab-item {
  position: absolute;
  left: 0px;
  top: 0%; }

.bt-w-question {
  width: 50%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px; }
  .bt-w-question li {
    margin-top: 20px; }

.congratulation-section {
  padding-bottom: 40px; }
  .congratulation-section .bt-w-question {
    margin-bottom: 0; }
  .congratulation-section button {
    margin: 0 !important; }
  .congratulation-section h3 {
    display: block !important; }
  .congratulation-section a {
    color: #fff; }

.po-ab-item span {
  font-size: 14px; }

.question-left span {
  font-size: 14px; }

.q-s-f {
  width: 100%; }
  .q-s-f .bt-primary {
    color: #fff !important; }
    .q-s-f .bt-primary svg {
      margin-right: 10px; }

.bt-border-i {
  width: 100%;
  background-color: transparent; }

.b-spacing-button {
  margin-top: 15px; }

.p-con-id p {
  margin: 0; }

.p-con-id #form_submit_otp_validate {
  padding: 0; }

#form_myaccount .bt-primary {
  margin: 15px 0; }

#form_recharge_page .bt-primary {
  margin: 30px 0; }

.quiz-section .bt-primary {
  margin: 30px 0; }

.no-margin-space-balance {
  margin: 0 !important; }

.white-bg-background .new_ids-text {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 19px;
  margin: 10px 0px;
  color: #000000; }

#new_ids {
  min-height: 350px;
  display: block; }

.u-p-i {
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .u-p-i .congratulation-section .n-p {
    margin: 20px 0; }

.l_b {
  width: 50%;
  margin: 0 auto; }
  .l_b button {
    background-color: #ED1C24 !important;
    color: #fff; }
    .l_b button:hover {
      color: #fff !important; }

.pos-top-id {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  font-size: 19px;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.54); }

.white-bg-background {
  padding-top: 20px; }

.white-bg-background .new_ids-text {
  line-height: 25px; }

.new_ids .text-left {
  font-size: 18px; }

.f-s-ze p {
  font-size: 20px;
  /* text-transform: uppercase; */
  line-height: 24px; }

.po-ab-item label {
  cursor: auto; }

.i-j {
  width: 80px;
  margin: 0 auto;
  display: block; }

.space-id-text {
  margin: 20px 0 !important; }

.p_ct {
  margin: 20px 0 !important; }

.f-s-ze p {
  text-align: center !important; }

.new_ids-text {
  text-align: center !important; }

.l-button .link-button {
  background: #ed1c24;
  color: #fff;
  cursor: pointer; }
  .l-button .link-button:hover {
    color: #fff; }

.m-u-body .custom_header {
  min-width: 121px; }
  .m-u-body .custom_header h4 {
    padding: 0; }

.m-u-body .affeced h5 {
  color: red;
  font-weight: bold; }