@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap');
.card-box-rd .card {
    height: 180px;
}

.packages-card {
    position: relative;
    margin-bottom: 24px;
    margin-top: 10px;
    background-color: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    min-height: 180px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.packages-card:focus {
    border: 1px solid #2258bf!important;
}

.packages-card:select {
    border: 1px solid #2258bf!important;
}

.packages-card .panel-body img {
    width: 75px;
    height: 75px;
    margin-bottom: 10px;
}

.packages-card .panel-body .font-detail {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #1A202E;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 0;
}

.package-next-btn .next-bt {
    background: #2258BF;
    width: 100%;
    color: #fff;
    padding: 15px;
    margin-top: 30px;
    font-size: 14px;
    font-weight: 300;
    text-transform: capitalize;
}

.enter-amunt-filed {
    padding: 12px 10px;
    background: #F5F6F8;
    border: 1px solid #DEDEDE;
}

.noties-box {
    background: #fff;
    padding: 20px 25px;
    margin-bottom: 30px;
    margin-top: 5px;
    border: 1px solid #2258BF;
}

.noties-box p {
    margin-bottom: 0px;
    font-size: 13px;
    color: #948E8E;
    line-height: 20px;
}

.form-rws {
    margin-top: 30px;
}

.note-box-right {
    padding: 0px 40px;
}

.note-box-right-number {
    padding: 0px 40px;
    margin-top: 30%;
}

.packages-main-sec .active {
    border: 2px solid #2258bf;
}

.value-button {
    display: inline-block;
    border: 1px solid #ddd;
    margin: 0px;
    width: 11%;
    text-align: center;
    vertical-align: middle;
    padding: 0px 0;
    background: #f5f6f8;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-left: 0;
    margin-left: 0px;
    position: absolute;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.value-button:hover {
    cursor: pointer;
}

form #decrease {
    font-size: 16px;
    font-weight: 600;
}

form #increase {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-weight: 600;
}

form #input-wrap {
    margin: 0px;
    padding: 0px;
}

input#number {
    margin: 0px;
    width: 85%;
    border-radius: 3px;
    padding: 15px 10px;
    background: #F5F6F8;
    border: 1px solid #DEDEDE;
    position: relative;
}

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


/*--payment using--*/

.pay-section .form-in .pay-boxces .pay-heading {
    color: #2258BF;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    margin-bottom: 0;
    margin-top: 0;
}

.pay-section .form-in .pay-boxces .detail-pay {
    color: #8C98A9;
    font-size: 13px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
}

.pay-section .center-boxs-form {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 80px 0px;
}

.pay-section .select-paymode {
    background: #F5F6F8;
    width: 90%;
    border: 1px solid #DEDEDE;
    height: 45px!important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.pay-section .powerdby {
    font-size: 13px;
    color: #2258BF;
    text-align: right;
    padding: 0px 30px;
    margin-top: 10px;
    font-weight: 500;
}

.conform-btn {
    width: 170px;
    padding: 15px 15px;
    background-color: #2258BF;
    border: 1px solid #2258BF;
    color: #fff;
}

.conform-btn:hover {
    width: 170px;
    padding: 15px 15px;
    background-color: #fff;
    border: 1px solid #2258BF;
    color: #2258BF;
}

.back-btn {
    width: 170px;
    padding: 15px 15px;
    background-color: #fff;
    border: 1px solid #2258BF;
    color: #2258BF;
    margin-right: 10px;
}

.back-btn:hover {
    background-color: #2258BF;
    border: 1px solid #2258BF;
    color: #fff;
}

.btn-bottum-fm {
    justify-content: space-between;
    padding: 0px 25px;
}

.formula {
    border: 1px solid #F80000;
    padding: 5px;
    margin-top: 70px;
}

.formula p {
    margin-bottom: 0;
    text-align: center;
    color: #000000;
    font-size: 11px;
}

.page-content-wrapper .page-title .top-headin {
    font-weight: 600;
}


/*--payment using end--*/


/*--card payment--*/

.card-payment-input {
    padding: 12px 10px;
    background: #F5F6F8;
    border: 1px solid #DEDEDE;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.card-payment-input-cvc {
    padding: 12px 10px;
    background: #F5F6F8;
    border: 1px solid #DEDEDE;
    width: 80%;
    margin-right: 40px;
}

.card-payment-input-ex {
    padding: 12px 10px;
    background: #F5F6F8;
    border: 1px solid #DEDEDE;
    width: 100%;
}

.paddin-pt {
    padding: 5px;
    ;
}

.btn-bottum-fmcard {
    margin-top: 25px;
}

.date-cvc {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.btn-topmg {
    margin-top: 35px;
}


/*--card payment end-*/


/*--otp page--*/

.pay-using-otp-box .heading-otp {
    font-size: 18px!important;
    font-family: 'Inter', sans-serif;
    color: #212529;
    font-weight: 600;
    margin-bottom: 0;
}

.otp-submit-btn {
    width: 100%;
    padding: 15px 15px;
    background-color: #2258BF;
    border: 1px solid #2258BF;
    color: #fff;
}

.otp-submit-btn:hover {
    width: 100%;
    padding: 15px 15px;
    background-color: #fff;
    border: 1px solid #2258BF;
    color: #2258BF;
}

.pay-using-otp-box .box-infiled {
    padding: 10px 0px;
    width: 100%;
    justify-content: space-between;
    display: flex;
}

.otp-main-box {
    margin-left: auto;
    margin-right: auto;
    padding: 80px 0px;
}

.otp-submit-btn {
    margin-top: 50px;
}


/*--otp page end--*/


/*--pay mode--*/

.mode-of-pay .center-boxs-form {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 80px 0px;
    padding-top: 55px;
}


/*--pay mode-end--*/

.page-content-wrapper .page-title .top-headin {
    font-size: 24px!important;
}

.pay-succes-box .center-boxs-form {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 125px 0px;
}


/*--payment success --*/

.pay-section .pay-success {
    color: #736EFB;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: lowercase;
}

.pay-section .redirect-detail {
    color: #333333;
    font-size: 18px;
    font-family: 'Inter', sans-serif;
    margin-top: 15px;
}


/*--payment success end--*/


/*--funnel-- start--*/

.funnel-main-sec .table thead th {
    border-bottom: 1px solid #dee2e6;
    border-top: 0;
}

.label-active {
    background: #2ba20836;
    color: #2BA208;
    font-size: 11px!important;
    font-weight: 600;
    padding: 10px 30px!important;
    border-radius: 25px!important;
    width: 120px;
}

.label-warning-btn {
    background: #e66a0a40;
    color: #E66A0A;
    font-size: 11px!important;
    font-weight: 600;
    padding: 10px 30px!important;
    border-radius: 25px!important;
    width: 120px;
}

.label-pandin-btn {
    background: #7f827e3d;
    color: #7F827E;
    font-size: 11px!important;
    font-weight: 600;
    padding: 10px 30px!important;
    border-radius: 25px!important;
    width: 120px;
}

.label-fulfilled-btn {
    background: #1812d126;
    color: #1812D1;
    font-size: 11px!important;
    font-weight: 600;
    padding: 10px 30px!important;
    border-radius: 25px!important;
    width: 120px;
}

.label-failed-btn {
    background: #ff000036;
    color: #FF0000;
    font-size: 11px!important;
    font-weight: 600;
    padding: 10px 30px!important;
    border-radius: 25px!important;
    width: 120px;
}

.search-bx {
    position: relative;
    margin-left: auto;
    margin-right: 20px;
}

.search-bx .search-icon {
    position: absolute;
    z-index: 990;
    top: 5px;
    left: 0px;
    border: 0;
    /* margin-right: 22px; */
    background: bottom;
    color: #6c757d;
    /* padding-right: 42px; */
    margin-left: 5px;
}

.search-bx .search-inpt {
    position: relative;
    padding-left: 30px;
}

.btn-right-tp {
    margin-left: auto;
}

.by-package-btn {
    min-width: 120px;
    padding: 10px 10px;
    background-color: #2258BF;
    border: 1px solid #2258BF;
    color: #fff;
    margin-right: 15px;
}

.display-btn {
    width: 120px;
    padding: 10px 10px;
    background-color: #2258BF;
    border: 1px solid #2258BF;
    color: #fff;
}

.pad-ul {
    padding: 0px 30px;
}

.load-mr-text {
    color: #2258BF;
    font-weight: 600;
    padding: 10px 10px;
    font-size: 15px;
}


/*--funnel--end--*/


/*--map group pages--*/
.group-main-sec .level-heading h5{
    color: #3246D3;
    font-weight: bold;
    font-size: 20px!important;
    text-transform: uppercase;
        margin-bottom: 0px;
        margin-top: 0;
}

.group-main-sec .button-nxt-pre{
display: flex;
    justify-content: center;
    margin: 5px 0px;
    align-items: center;
}

.group-main-sec .reward-bx{
    margin: 0px 25px;
}
.new-nex{
    border: 1px solid #3246D3;
    background: #fff;
   color: #3246D3;
    padding: 8px 15px!important;
    min-width: 110px;
    text-transform: capitalize;
        font-weight: 300;
    border-radius: 5px;
}
.new-pre{
    border: 1px solid #3246D3;
    background: #fff;
   color: #3246D3;
    padding: 8px 15px!important;
    min-width: 110px;
    text-transform: capitalize;
        font-weight: 300;
    border-radius: 5px;
}
.group-main-sec .reward-bx h6{
    color: #1A202E;
    font-weight: bold;
    font-size: 20px!important;
}
.label-active-small{
background: #2ba20836;
    color: #2BA208;
    font-size: 11px!important;
    padding: 6px 12px!important;
    border-radius: 25px!important;
    width: 60px;
    text-transform: capitalize;
  font-weight: 300!important;
}

.label-active-small-disable{
background: #ff000030;
    color: #FF0000;
    font-size: 11px!important;
    padding: 6px 6px!important;
    border-radius: 25px!important;
    width: 60px;
    text-transform: capitalize;
    font-weight: 300!important;
}

.table .table-hd th{
        border-bottom: 1px solid #dee2e6!important;
        border-top: 0!important;
}
.table-inbox-pzero{
padding: 5px 0px 5px 0px!important;
}
.pading-tb-inner{
        margin-bottom: 0;
}

.pading-tb-inner .table-hd tr th, pading-tb-inner .table-hd tr td{
       padding: 10px 12px!important;
    font-weight: 300;
    color: #64748B!important;
    font-size: 13px;
    }

.pading-tb-inner .tb-noboder tr td{
    padding: 15px 10px!important;
    font-size: 12px;
}
.tb-amount .ac-numb{
      padding: 0px 10px;
    font-size: 12px;
    color: #3246D3;
    font-weight: bolder;
    margin-bottom: 0px;
}

.tb-amount .ac-numb-right{
        padding: 0px 15px;
    font-size: 12px;
    color: #3246D3;
    font-weight: bolder;
    margin-bottom: 0px;
 

}
.top-algnment-search{
        margin-top: 8px;
}
.page-container-bg-solid .page-bar, .page-content-white .page-bar{
    background-color: #edeff2;
}

.model-main .gplevel-acount-model{
    background-color: #fefefe;
    margin-left: auto!important;
    padding: 10px;
    border: 1px solid #888;
    width: 500px!important;
    padding-bottom: 25px!important;
    margin-top:-45px!important;
    border-radius: 5px!important;
    margin-right: auto!important;
}

.gplevel-acount-model .box-infiled{
    margin-bottom: 15px;
}

.gplevel-acount-model .box-infiled-btn {
    margin-top: 30px;
}
.gplevel-acount-model .box-check {
text-align: center;
}
.gplevel-acount-model .box-check label{
    font-size: 13px;
}
.gplevel-acount-model .next-btn .btn {
    background: #2258BF;
    width: 100%;
    color: #fff;
    padding: 10px 26px!important;
    border: 1px solid #2258bf;
}

.gplevel-acount-model .login-heading {
    font-family: 'Inter', sans-serif;
    color: #323232;
    font-size: 40px!important;
    font-weight: bold;
}
.gplevel-acount-model .input-login{
background-color: #f6f6f6;
position: relative;
    color: #0d0d0d;
    padding: 10px 26px!important;
 box-shadow: 0px 0px #ddd;
    display: inline-block;
    
    border: 1px solid #dddd;
    border-radius: 5px!important;
}



/*--OTP section--*/
.gptop-otp-model .box-infiled{
  display: flex;
    justify-content: space-between;
    padding: 0px 0px;
}
.gplevel-acount-model .otp-hd{
    font-size: 27px!important;
    line-height: 35px;
}
.gplevel-acount-model .form-start {
    margin-top: 30px;
}

.otp-mgbottum-only{
    margin-bottom: 150px;
        margin-top: 45px;
}




.dis-rowline{
        background: #ff000014;
}


.deseble-modl h5{
line-height: 38px;
    font-family: 'Inter', sans-serif;
    color: #323232;
    font-size: 35px!important;
    font-weight: bold;
    text-align: center;
}


.make-sure-note{
    text-align: center;
    color: #1313D9;
    font-size: 18px;
        margin-top: 40px;

}
.model-main .disablel-model-info{
    padding-bottom: 250px!important;
}

.disablel-model-info .deseble-modl{
    margin-top: 80px;
}
.model-main .show-desable-bx{
        width: 620px!important;
}


.label-active-small-model {
    background: #0d04ff1c;
    color: #0D04FF;
    font-size: 11px!important;
    padding: 6px 12px!important;
    border-radius: 25px!important;
    width: 60px;
    text-transform: capitalize;
    font-weight: 300!important;
}
/*--creat acount end---*/
/*--map group pages end--*/













/*--power-x csss---*/
.headtb-bgcolor{
    background: #ed495947;
}

.ptab-none{
    padding: 0;
}

.center-align-only{
text-align: center;
}
.btn-dark-blues{
   background-color:#472EFF!important;
   color: #fff!important;
}

.green-num{
    color: #268A0A;
}
.width-trow{
    width: 35%;
}

.width-trow-sec{
      width: 45%;
}

.plat-width{
  width: 20%;
}
/*--power-x csss end---*/


/*--propect start--*/
.modal-content-new {
 background-color: #fefefe !important;
    margin: auto !important;
    padding: 75px !important;
    border: 1px solid #888 !important;
    width: 60%!important;
    border-radius: 15px!important;

}
.adding-btn{

    margin-left: 155px;
    min-width: 110px;
    padding: 8px 10px;
    background-color: #2D5EFF;
    border: 1px solid #2D5EFF;
    color: #fff;
    text-transform: capitalize;
    border-radius: 3px;
}
.label-panding-btn{
    background-color: #FCFC00;
    color: #8A790A;
    font-size: 11px!important;
    font-weight: 600;
    padding: 10px 30px!important;
    border-radius: 25px!important;
    width: 120px;
        text-transform: capitalize!important;
}

.status-left{
    padding-left: 45px!important;
}

.fm-inputfiled{
    margin-left: auto;
    width: 100%;
    padding: 12px 20px;
    margin-right: auto;
    border-radius: 6px;
}
.fm-paddings{
        padding: 10px 40px;
}
.save-btn-wdth{
    display: flex;
    justify-content: center;
}
.save-btn-form{
    min-width: 110px;
    padding: 8px 10px;
    background-color: #2D5EFF;
    border: 1px solid #2D5EFF;
    color: #fff;
    text-transform: capitalize;
    border-radius: 3px;
    margin-top: 30px;
}
.modal-content-new .close{
position: relative!important;
    top: -50px!important;
}
/*--propect end--*/


/*--overflow-opening start*/

.label-redish-btn
{
    background: #f1dada!important;
    color: #FF0606!important;
    font-size: 11px!important;
    font-weight: 600;
    padding: 10px 30px!important;
    border-radius: 25px!important;
    width: 120px;
}
.mod-box
{
    background: #aeaeae!important;
    border: 1px solid #707070!important;
    border-radius: 10px!important;
    padding: 90px!important;
}
.main-mol
{
    padding: 0px!important;
    border: 1px solid #707070!important;
    border-radius: 10px!important;
    width: 45.4%!important;
    margin-left: 33%!important;
    background-color: none!important;
}
.main-mol .cross
{
    color: #fff!important;
}
.main-mol .btn-lst
{
    margin: 5px 5px 5px 0!important;
}
.main-mol .mod-box p
{
    color: #fff;
}
@media (max-width: 991px){
    .main-mol .mod-box
    {padding: 30px!important;}
}





/*--overflow-opening ending*/

.notification-box{
        padding: 10px 5px 14px 5px;
}


.notwidth{
    width: 5%;
}
.notwidth1{
     width: 18%;
}

.notifi-row .custom-control-input:checked~.custom-control-label::before{
        color: #fff;
    background-color: #8D8D8D!important;
}

.notifi-row .custom-control-label::before{
    border-radius: 25px!important;
        border: 1px solid #0000002e!important;
}
.notifi-row td, .notifi-row th{
        font-size: 11px!important;
}

.notifi-row tr:hover{
    background-color:#8d8d8d33;
}






/*--deshboadrd notice detail--*/
#notice-md .not-detail-modbox{
    border: 1px solid #ccc;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    border-radius: 25px;
    height: 500px;
}

#notice-md .button-oks{
    justify-content: center;
    margin-top: 22%;
}
.not-detail-modbox .close{
 position: relative;
    margin-left: auto;   
}

.button-oks .ok-small{
width: 100px;
    background: #fff;
    border-radius: 30px;
    font-weight: 300;
    border: 1px solid #ccc;
}
#notice-md .not-detail-modbox{
        font-size: 12px;
}
/*--deshboadrd notice detail--*/


/*--dashboard-model start--*/
.dashboard-model{
background-color: #610000a8!important;
}



.dashboard-model .label-redish-btn
{
    background: #f1dada!important;
    color: #FF0606!important;
    font-size: 11px!important;
    font-weight: 600;
    padding: 10px 30px!important;
    border-radius: 25px!important;
    width: 120px;
}
.dashboard-model .mod-box
{
    background: #aeaeae!important;
    border: 1px solid #707070!important;
    border-radius: 10px!important;
    padding: 90px!important;
}
.dashboard-model .main-mol
{
    padding: 0px!important;
    border: 1px solid #707070!important;
    border-radius: 10px!important;
    width: 45.4%!important;
    margin-left: 33%!important;
    background-color: none!important;
}
.dashboard-model .main-mol .cross
{
    color: #fff!important;
}
.dashboard-model .main-mol .btn-lst
{
    margin: 5px 5px 5px 0!important;
}
.dashboard-model .main-mol .mod-box p
{
    color: #fff;
}
@media (max-width: 991px){
   .dashboard-model .main-mol .mod-box
    {padding: 30px!important;}
}








/*--dashboard-model end*--/






/*--header menu--*/
.bell-menu-header{
        right: -20px!important;
    min-width: 233px!important;
        padding: 0px;
        background: #ffffffe3!important;
}
.bell-notice-details p{
font-size: 12px;
    line-height: 18px;
    margin-bottom: 0px;
        color: #212529;
}
.bell-menu-header .dot-img {
    margin-right: 8px;    
}

.bell-menu-header .dot-img img{ 
        width: 10px;

    }
.bell-menu-header .date-notice-box{
text-align: right;
    padding: 5px;
}

.bell-menu-header .box-bells{
    border-bottom: 1px solid #707070;
    padding: 4px 10px;
}
.bell-main-inner{
    margin-top: 20px;
    margin-bottom: 20px;
}
.seeall{
 font-size: 12px;
    color: #3246D3;
    float: right;
   
        border-bottom: 1px solid #3246D3;
    padding-bottom: 0px;
}
.anchror-pd{
       margin: 5px;
}
/*--header menu end--*/

/*--model-css--*/
.page-header.navbar.navbar-fixed-top, .page-header.navbar.navbar-static-top{
        z-index: 1;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
     background-color: rgb(0 0 0 / 65%); /* Black w/ opacity */
         z-index: 999;
}

/* Modal Content */

.model-main .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 10px;
    border: 1px solid #888;
       width: 78.4%;
    margin-left: 20%;
    margin-top: 37px;
        border-radius: 10px;

}

.trrow-bgcolor {
    background: #ed495947;
}
/* The Close Button */
.model-main .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
      margin-left: auto;
      right: 20px;
    top: 0;    position: absolute;
}
.model-main .table thead th{
    border-bottom: 1px solid #dee2e6;
   border-top: 0;
}
.model-main .points-pt{
width: 18%;
}

.model-main .close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}






/*--model css--*/





/*--media quiry--*/

@media (min-width:1200px) {
    .tb-amount .ac-numb-right {
 float: right;
}

    }

@media (min-width: 992px) {
    .page-content-wrapper .page-content {
        padding: 25px 35px 10px!important;
    }
   .sidemenu-closed.sidemenu-closed-hidelogo .page-header.navbar .page-logo .bell-menu-header{
 
    right: unset!important;
  top: 40px!important;
}
 
}

@media (max-width: 991px) {
    .formula {
        margin-top: 0px;
        padding: 20px 5px;
    }
    .pay-section .card-body {
        padding-bottom: 60px;
    }
    .page-content-wrapper .page-title .top-headin {
        font-size: 20px!important;
    }
    .mb-top-dsplay {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .note-box-right {
        padding: 0px 0px;
        margin-top: 40px;
        background: #fff;
        padding: 30px;
    }
    .note-box-right-number {
        padding: 0px 0px;
        margin-top: 40px;
        background: #fff;
        padding: 30px;
    }
    .btn-bottum-fm {
        flex-wrap: wrap;
    }
    .back-btn {
        width: 100%;
        margin-bottom: 20px;
    }
    .conform-btn {
        width: 100%;
        margin-bottom: 20px;
    }
    .pay-section .center-boxs-form {
        padding: 0px 0px;
    }
    .formula {
        margin-top: 0px;
        padding: 20px 5px;
    }
    .page-content-wrapper .page-content .page-title {
        margin: 10px 0px!important;
    }
    .page-content-wrapper .page-title .top-headin {
        font-size: 15px!important;
    }
    .pay-section .redirect-detail {
        font-size: 15px;
        margin-top: 5px;
    }
    .pay-section .pay-success {
        font-size: 18px!important
    }
    .display-btn {
        font-size: 11px!important;
        padding: 5px 10px;
        width: 80px;
    }
    .by-package-btn {
        font-size: 11px!important;
        padding: 5px 10px;
        width: 170px;
    }
    .by-package-btn {
        min-width: unset!important;
    }
    .model-main .modal-content {
  
    width:100%!important;
    margin-left: 0!important;
   
}
}