:root {
      --tp-color-red: #de3f3f;
      --tp-color-blue: #326cec;
      --tp-color-purple: #781adc;
      --tp-color-green2: #169b47;
      --tp-color-yellow: #bc8c27;
      --tp-color-gold: #FFD700;
      --tp-color-blue: #326cec !important;

    }
      span.refill.btns button {
      background-color: #169b47 !important;
      color: #fff;
      padding: 4px 8px;
      border-radius: 7px;
      margin-right: 5px;
      color: white;
      font-weight: 600;
      font-size: 11px;
      margin-top: 4px;
      border: none !important;
    }

    .servicespeed .tag.Hot {
      background-color: #FFD700 !important;
      color: #fff;
      padding: 4px 8px;
      border-radius: 7px;
      margin-right: 5px;
      color: white;
      font-weight: 600;
      font-size: 11px;
      margin-top: 4px;
      /* border: none !important; */
      text-transform: capitalize;
    }

    .servicebox .servicebottom {
      margin: 10px 0px;
    }
    
    .smmpanelbdlab-shihab-btn-style {
    background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
    background: #f53e31;
    border-radius: 5px;
    color: white;
    border: 2px solid #ffffff20 !important;
    box-shadow: #033c7350 0px 20px 30px;
    box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
    }
    .smmpanelbdlab-login-text {
    color: #fff; /* Blue color */
    font-weight: bold;
}

    .servicespeed .tag.favourite.service {
      background-color: #326cec !important;
      color: #fff;
      padding: 4px 8px;
      border-radius: 7px;
      margin-right: 5px;
      color: white;
      font-weight: 600;
      font-size: 11px;
      margin-top: 4px;
      /* border: none !important; */
      text-transform: capitalize;
    }

    .servicespeed span {
      background: var(--color-2);
      padding: 4px 8px;
      border-radius: 7px;
      margin-right: 5px;
      color: white;
      font-weight: 600;
      font-size: 11px;
      margin-top: 4px;
    }

    .srcsp span {
      font-weight: 700;
      color: #bfd5fd;
    }

    .select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
      padding: 0px !important;
    }

    .select2-results__option[aria-selected] {
      padding: 0px !important;
    }

    @media only screen and (min-width: 962px) {
      .serviceslist {
        max-height: 276px;
        border-radius: 0 0 16px 13px;
        overflow-x: auto;
      }
    }

    .servicebox {
      border: 1px solid transparent;
    }
    .form-group.OrderService{
      margin-bottom:0px;
    }
    #select2-OrderService-container .servicebottom {
      display: none;
    }
    /* #select2-OrderService-container .servicebox.sclr635 .servicespeed .Most.seller{
      border: 1px solid #000;
    }
    #select2-OrderService-container .servicebox.sclr635 .servicespeed .Best.seller{
      border: 1px solid #000;
    }
     
    #select2-OrderService-container .servicebox.sclr635 .servicespeed .Hot{
      border: 1px solid #000;
    }
    #select2-OrderService-container .servicebox.sclr635 .servicespeed .Recommended {
      border: 1px solid #000;
    } */
    /* #select2-OrderService-container .servicebox.sclr635 .servicespeed .refill button{
      border: 1px solid #000;
    }
     */
     
    #select2-OrderService-container .servicebottom {

    position: absolute;
    top: 35px;
    z-index: 5;
   
    left: 0;
}
#select2-OrderService-container  span.refill.btns button{
  padding: 0px 8px;
}
    #select2-OrderService-container  .servicebox.sclr635 {
      display: flex;
    flex-direction: column;
   
    align-items: flex-start;
    }

    #select2-OrderService-container .servicedetail {
      display: none;
    }
.add_tags_services .servicebox{
  background-color: transparent !important;
}
.add_tags_services .servicebox .servicebottom{
margin: 0px !important;
}
    .dark .servicebox {
      background-color: #222;
      padding: 7px;
      color: var(--color-3);
      border-radius: 0;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      align-items: center;
    }

    .light .servicebox {
      background-color: transparent;
      padding: 7px;
      color: var(--color-3);
      border-radius: 0;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      align-items: center;
    }

    .servicebox {
      background-color: transparent;
      padding: 7px;
      color: var(--color-3);
      border-radius: 0;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      align-items: center;
    }

    .light .srcsp span {
      color: #222;
    }

    @media only screen and (min-width: 962px) {
      .servicetop {
        padding-left: 2px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
      }
    }

    .sertops {
      display: flex;
      justify-content: space-between;
      font-size: 14px;
    }

    .servicedetail {
      display: flex;
      margin-top: 20px;
    }

    @media only screen and (min-width: 962px) {
      .srcsp {
        font-size: 12px;
        color: var(--color-3);
        margin-right: 15px;
        font-weight: 400;
      }
    }

    .active_lay {
      display: none;
    }

    span.select2-search.select2-search--dropdown {
      display: none;
    }

.add_funds.authorized form  .bootstrap-select .dropdown-menu li a span.text img{
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
}
.add_funds.authorized form .bootstrap-select .dropdown-toggle .filter-option-inner-inner img{
  width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
}
.select2-container--open .select2-dropdown--below{
 
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    color: #fff !important;
    outline: none !important;
    background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
    background: #f53e31;
    /* box-shadow: #033c7350 0px 20px 30px; */
    box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31 !important;
}
.select2-container--default .select2-results__option--selected{
    border-bottom:1px solid rgb(86 9 11) !important;
    background-color: #fff;
}
.select2-container--default .select2-selection--single{
    padding: 10px 0px;
          border-radius: 10px ;
          border: 1px solid #00000010 !important;
          outline: none !important;
          box-shadow: none !important;
          background: #efefef;
          color: #0a0a0a;
          height: 45px;
}
span.select2-dropdown.select2-dropdown--above{
    min-height: 340px !important;
    padding: 0px !important;
    margin-top: 0px !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 12px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 0px !important;
}
      .add_funds.authorized form .btn-default {
          padding: 10px;
          border-radius: 10px;
          border: 1px solid #00000010 !important;
          outline: none !important;
          box-shadow: none !important;
          background: #efefef;
          color: #0a0a0a;
          height: 45px;
      }
      .authorized form .bootstrap-select .dropdown-menu {
              border-radius: 10px !important;
              top: 10px !important;
              max-height: 340px !important;
              min-height: 35px !important;
              left: 0;
              float: left;
              text-align: left;
              list-style: none;
              background-clip: padding-box !important;
          }

          .authorized form .dropdown-menu.open li.active a, .authorized form .dropdown-menu > li > a:hover, .authorized form .dropdown-menu > li > a:focus {

          color: #fff !important;
          outline: none !important;
          background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
          background: #f53e31;
          /* box-shadow: #033c7350 0px 20px 30px; */
          box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31 !important;
      }
          .add_funds.authorized .dropdown.bootstrap-select.form-control.bs3.open{
              background-color: transparent !important;
          }
      .add_funds.authorized form .btn-default:is(:hover,:focus){
          padding: 10px;
          border-radius: 10px;
          border: 1px solid #00000010 !important;
          outline: none !important;
          box-shadow: none !important;
          background: #efefef;
          color: #0a0a0a;
          height: 45px;
      }
      .add_funds.authorized form .btn-default:focus {
          border: 1px solid #66afe9 !important;
          outline: 0 !important;
          -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
          /* box-shadow: 0 0 10px #5897fb90 !important; */
          /* border: 1px solid #5897fb90 !important; */
      }
      @media (min-width: 1200px) {
          .authorized.add_funds  form .bootstrap-select .dropdown-menu {
              min-height: 340px !important;
          }
      }

      @media (min-width: 992px) {
          .authorized.add_funds  form  .bootstrap-select .dropdown-menu {
              min-height: 340px !important;
          }
      }
      @media (min-width: 767px) {
          .authorized.add_funds  form  .bootstrap-select .dropdown-menu {
              min-height: 340px !important;
          }
      }
      @media (min-width: 592px) {
          .authorized.add_funds  form  .bootstrap-select .dropdown-menu {
              min-height: 340px !important;
          }
      }
      .authorized.add_funds  form  .bootstrap-select .dropdown-menu {
          min-height: 340px !important;
      }
      .add_funds.authorized form .dropdown-menu.open {
          max-width: 100%;
          position: inherit;
      }
      .authorized.add_funds  form .bootstrap-select .dropdown-menu.open li {
          border-bottom: 1px solid #00000010 !important;
      }
      .authorized.add_funds  form  .dropdown-menu.open li a {
          /* margin: 5px 0px !important; */
      }

      .authorized.add_funds  form .dropdown-menu.open li a {
          display: block;
          width: 100%;
          /* border: 1px solid rgb(86 9 11); */
          padding: 8px 10px;
          color: #333;
          /* border-radius: 30px; */
          /* margin: 15px 0px; */
          outline: none !important;
      }
      .bootstrap-select .dropdown-menu li a span.text {
          word-wrap: break-word;
          white-space: break-spaces;
      }
              .pagination li a {
              background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
              background: #f53e31;
              /*box-shadow: #033c7350 0px 20px 30px;*/
              box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
              }
              .welcomebox h2 span, .sidebarul li a:hover, .sidebarul li a:focus, .maindetheadstat h4, .ticketboxleft a, .contpghdr h2 span, .pricechildpanel, .ullistns li i, .fcpcont h3, .servid, .stepcardmoflex h3, .stepcont h2  {
             color: #f53e31 !important;
              }
              .secondSec .secheading h2 span {
              color: #162b51 !important;
              }
              .note {
              border-color: #f53e31 !important;
              }
              body a.active {
              color: #fff !important;
              }
              .sidebarul li a, .idtd div {
              color: #162b51 !important;
              }
              .idtd div {
              border: 1px solid #162b51 !important;
              }
            	.menu_items_17, .menu_items_21 {
              display:none !important;
              }
              body {
              background-image: none !important;
              background-color: #F0F4F7 !important;
              }
              body.darkmode ul li a {
              color: #fffff !important;
              }
              body.darkmode {
              background: radial-gradient(#0a0a0a, #1a1a1a) !important;
              }
              body.darkmode .statcard {
        background: #242b3a;
        border: 1px solid #ffffff10;
        box-shadow: 2px 2px 120px -55px #2fa4e730;
      }
      body.darkmode .statcard .dethead .maindetheadstat p {
        color: #fff;
      }
      body.darkmode .statcard .dethead .maindetheadstat h4 {
        color: #ffffff99;
      }
      body.darkmode .well {
        background: #242b3a;
        border: 1px solid #ffffff10;
        color: #fff;
        box-shadow: 2px 2px 120px -55px #2fa4e730;
      }
              body.darkmode ul.nav.nav-pills {
        background: #242b3a;
        border: 1px solid #ffffff10;
        color: #fff;
        box-shadow: 2px 2px 120px -55px #2fa4e730;
      }

              body.darkmode .sidebar {
        background: #242b3a;
        border: 1px solid #ffffff20;
        box-shadow: 2px 2px 120px -55px #2fa4e730;
      }
      body.darkmode .sidebar ul li a {
        color: #fff !important;
        font-weight: 400;
      }
      body.darkmode p.menuheading, body.darkmode .gridcol2 div#specs, body.darkmode .wellhdr .headrwell p, body.darkmode footer p.footerp {
        color: #fff;
      }
      body.darkmode .profilecard {
        background: #ffffff20;
        color: #fff;
      }
      body.darkmode .profilecard img {
        border-color: #454647;
        margin-right: 10px;
      }
      body.darkmode .profilecard h3 {
        color: #ffffff99;
        text-align: left;
        font-weight: bold;
      }
      body.darkmode .form-control, body.darkmode .statsdesc > div, body.darkmode div.gridcol2, body.darkmode .panel-body {
        background: #ffffff20;
        border: 1px solid #ffffff10;
        color: #fff;
      }
      body.darkmode footer {
        background: #ffffff20;
        color: #fff;
      }
      body.darkmode .payment-group button {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode h4.paymentHeading {
        color: #fff;
        font-weight: 400;
      }
      body.darkmode h4.paymentHeading i {
        background: #2fa4e7;
      }
      body.darkmode ul.paymethradios li.payment-option a {
        background: #ffffff50;
        color: #fff;
      }
      body.darkmode ul.paymethradios li.payment-option a .option-header p, body.userauth.darkmode td.idtd {
        color: #fff;
      }
      body.darkmode ul.paymethradios li.payment-option a .option-header span.radio {
        border-color: #2fa4e7;
      }
      body.darkmode .ordertopfeats {
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .search .form-control {
        background: transparent;
        border: 0;
        border-bottom: 1px solid #ffffff20;
      }
              body.darkmode .table-responsive {
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
        color: #fff;
      }
      body.darkmode .wellhdr .headrwell i {
        background: #2fa4e7;
      }
      body.darkmode .chat-container, body.darkmode .notechatdet {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .datetick {
        background: #ffffff20;
      }
      body.darkmode .whatsapp-chat-box {
        background: #373737;
      }
      body.darkmode .chatdetstat {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .chatdetstat p{
        color: #ffffff90;
      }
              body.darkmode ul.nsul {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode ul.nsul li {
        background: transparent;
        color: #fff;
      }
      body.darkmode ul.ullistns li {
        color: #ffffff90;
      }
      body.darkmode .cardfcp {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .secheading h2 {
        color: #fff;
      }
      body.darkmode .secheading h2 span {
        color: #2fa4e7;
      }
      body.darkmode hr {
        border-color: #ffffff10;
      }
      body.darkmode .backchildsmh {
        background: #4d4d4f;
      }
      body.userauth.darkmode .backchildsmh h3.pricechildpanel small {
        color: #fff;
      }
      body.darkmode .backchildsmh h3.pricechildpanel {
        background: #4d4d4f;
      }
      body.darkmode .modal-content {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .modal-header {
        border-color: #ffffff20;
      }
      body.darkmode .dropdown-menu {
        background: #292929;
      }
      body.darkmode .dropdown-menu li a {
        color: #fff !important;
        border: 1px solid #ffffff10 !important;
      }
      body.darkmode .profilecardacc {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode p.usernameprof {
        color: #fff;
      }
      body.darkmode .dropdown.profiledd ul.dropdown-menu{
        color: #fff !important;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .form-msord small {
        color: #178acc;
      }
      body.darkmode .stepcardmo{
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .page-header-lgin {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
              .well .btn-default:active .caret,
      .well .btn-default.active .caret,
      .well .open > .dropdown-toggle.btn-default .caret {
      transform: rotate(180deg) !important;
      }
              thead tr{
              background: none !important;
              background-image: none !important;
              }
              body .btn.btn-primary, body .threedblue, thead, .maindetheadstat i, .headrwell i, .help-block.min-max, .funddd .dropdown-menu li a span, .tickstat, .seventhSec .stepcard{
              background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
              background: #f53e31;
              /*box-shadow: #033c7350 0px 20px 30px;*/
              box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
              }
              body .nav-pills > li.active > a, body .nav-pills > li.active > a:hover, body .nav-pills > li.active > a:focus {
              background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
              background: #f53e31;
              /*box-shadow: #033c7350 0px 20px 30px;*/
              box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
              color: #ffffff !important;
              }
              body .nav-pills > li:first-child.active > a, body .nav-pills.activechngpill > li:first-child.active > a {
              background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
              background: #f53e31;
              /*box-shadow: #033c7350 0px 20px 30px;*/
              box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
              color: #ffffff !important;
              }
              /* body .threeddarkblue {
              background: radial-gradient(42.73% 42.73% at 50% 96.36%, #CA6464 0%, #D46E6E10 100%), #841E1E !important;
              background: #841E1E;
              /*box-shadow: #033c7350 0px 20px 30px;*/
              box-shadow: 0px 1.18245px 2.3649px 0px #F28C8C, 0px 0px 0px 1.18245px #841E1E, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
              }*/
              
              
               body {
  overflow-x: hidden !important;
  }
  .slick-prev,
.slick-next
{
  margin: 20px !important;
  }
   .list-inline.ftrlinks li a, .boxinvsec h2 span, .stepcont h2, .secheading h2 span{
  color: #f53e31 !important;
  }
  .subtop, .btn.btn-secondary, .tagssetdown .tags.tagstiltcentro, .tagssetdown .tags.primback, .gridcol, .bspcard a, .clientelelgs p, .stepcard, .subhead, .boxinvsec .btn.btn-primary, .faqcardheader i, .socialulftr.list-inline li a, .featurelists .featname i {
  border: 0px !important;
  outline: none !important;
  color: #fff !important;
  background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
        background: #f53e31;
        /*box-shadow: #033c7350 0px 20px 30px;*/
        box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
        }
  @media(max-width: 992px){
  body .main-content {
  padding-top: 0px !important;
  margin-top: 40px !important;
  }
  }
  
  .text-container {
            font-size: 2.2rem; /* Text size */
            font-weight: bold;
            color: #333;
            border-right: 1px solid #333; /* Cursor effect */
            white-space: nowrap; /* Prevent text wrapping */
            overflow: hidden; /* Hide overflowing text */
            width: 17ch; /* Adjust width based on text length */
        }

        .text-1 {
            color: #5078fa; /* First text color */
        }

        .text-2 {
            color: #e5212b; /* Second text color */
        }

        .text-3 {
            color: #1a3862; /* Third text color */
        }
        
        .smmpanelbdlab-hero-img-1 {
            width: 100%;
            height: 100%;
              }
              
              
              .tenthSec {
  width: 100%;
}

.smmpanelbdlab-cta-section {
  display: flex;
  border-radius: 10px;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px;
  margin: auto;
}
.cta-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;  /* Allow elements to wrap on smaller screens */
}

.cta-text {
  flex: 1;
  padding-right: 20px;
}

.cta-text h2 {
  font-size: 32px;
  font-weight: bold;
  color: #fff;
}

.cta-text p {
  font-size: 18px;
  margin: 20px 0;
}

.cta-image {
  flex: 1;
  text-align: right;
  padding-left: 20px;
}

.smmpanelbdlab-user-panel-img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.btn.threedblue {
  padding: 12px 25px;
  background-color: #007bff;
  color: white;
  border-radius: 5px;
  text-decoration: none;
}

.btn.threedblue:hover {
  background-color: #0056b3;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .cta-content {
    flex-direction: column; /* Stack text and image vertically on mobile */
    align-items: center;
  }

  .cta-text {
    text-align: center;
    padding-right: 0;
    margin-bottom: 20px;
  }

  .cta-image {
    text-align: center;
    padding-left: 0;
    margin-bottom: 20px;
  }

}

.smmpanelbdlab-section-shihab {
  width: 100%;
  margin: 0;
  padding: 0;
}

.smmpanelbdlab-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.smmpanelbdlab-box {
  flex: 1;
  padding: 20px;
  background: radial-gradient(42.73% 42.73% at 50% 96.36%, #1e467e 0%, #0e1f3910 100%), #162b51 !important;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.smmpanelbdlab-box h3 {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}

.smmpanelbdlab-box p {
  font-size: 16px;
  margin-bottom: 20px;
  color: #fff;
}

.smmpanelbdlab-btn {
  padding: 12px 25px;
  background-color: #007bff;
  color: white;
  border-radius: 5px;
  text-decoration: none;
  display: inline-block;
}

.smmpanelbdlab-btn:hover {
  background-color: #0056b3;
}



.api-example pre {
  background-color: #eee;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  font-family: "Courier New", monospace;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .smmpanelbdlab-content {
    flex-direction: column;
    align-items: center;
  }

  .smmpanelbdlab-box {
    width: 100%;
    margin-bottom: 20px;
  }

  .payment-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
 .smmpanelbdlab-shihab {
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
}

.container {
  margin: 0 auto;
  text-align: center;
}

h2 {
  font-size: 32px;
  margin-bottom: 20px;
  color: #333;
}

.feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}

.feature-box {
  background: radial-gradient(42.73% 42.73% at 50% 96.36%, #1e467e 0%, #0e1f3910 100%), #162b51 !important;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.05); /* 3D box shadow */
  transition: box-shadow 0.3s ease-in-out; /* Smooth hover transition for shadow */
}

.feature-box:hover {
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.2), 0 8px 15px rgba(0, 0, 0, 0.1); /* Enhanced shadow on hover */
}

.feature-box i {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
}

.feature-box h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0;
  color: #fff;
}

.smmpanelbdlab-panel-futures-btn {
    width: 100%;
    font-size: 28px;
}

.feature-box p {
  font-size: 14px;
  color: #b1b1b1;
}

/* Responsive Design */
@media (max-width: 768px) {
  .feature-grid {
    grid-template-columns: 1fr; /* Stack features vertically on mobile */
  }

  .feature-box {
    padding: 15px;
  }
}

.smmpanelbdlab-why-rental-feature-section {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 20px;
    max-width: 1200px;
    margin: auto;
    flex-wrap: wrap;
}

.smmpanelbdlab-why-rental-feature-section .smmpanelbdlab-why-rental-feature-box {
    flex: 1;
    min-width: 280px;
    max-width: 33%;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 10px;
    background: radial-gradient(42.73% 42.73% at 50% 96.36%, #1e467e 0%, #0e1f3910 100%), #162b51 !important;
    text-align: center;
   box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.05); /* 3D box shadow */
  transition: box-shadow 0.3s ease-in-out; /* Smooth hover transition for shadow */
}

.smmpanelbdlab-why-rental-feature-box:hover {
    transform: translateY(-5px);
}

.smmpanelbdlab-why-rental-feature-box img {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

.smmpanelbdlab-why-rental-feature-box h3 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 5px;
}

.smmpanelbdlab-why-rental-feature-box p {
    font-size: 14px;
    color: #b1b1b1;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .smmpanelbdlab-why-rental-feature-section {
        flex-direction: column;
        align-items: center;
    }

    .smmpanelbdlab-why-rental-feature-section .smmpanelbdlab-why-rental-feature-box {
        max-width: 100%;
    }
}