.renewal-block {
    border: solid 1px gray;
    padding: 5px;
    border-radius: 10px;
}

.split-capsule-button {
    display: inline-block;
    border: none;
    color: #333;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer;
  }
  
.note-label{
    font-size: 10px;
    color:#333;
}
  
  .left-capsule {
    float: left;
    border-radius: 20px 0 0 20px;
    padding: 5px 10px;
    background-color: #ccc;
    color: #333;
  }
  
  .right-capsule {
    float: right;
    border-radius: 0 20px 20px 0;
    padding: 5px 10px;
    background-color: #bbb;
    color: #333;
  }

  .btn-dark {
    background-color: #6c757d;
    color: #fff;
    cursor: not-allowed;
    opacity: 0.7;
}

  
.rounded-pill{
    background-color: #daf1e4;
}

.badge{
    color: #198754;
    font-size: 17px;
}

.rounded-pill-danger{
    background-color: rgba(232, 13, 19, 0.39);
}

.badge-danger{
    color: red;
    font-size: 17px;
}
  
.renewal-block-off {
    border: solid 1px #ffeded;
    border-radius: 10px;
    background-color: #ff000012;
    color: red;
}

.form-check-input:checked {
    background-color: #181818;
    color: #FFFFFF;
}

.form-check-input {
    cursor: pointer;
}

.bg-black {
    background-color: #181818;
    color: white;
}

.switch-field {
    
    overflow: hidden;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    background-color: #e40000;
    color: #f6f6f6;
    font-size: 23px;
    line-height: 1;
    text-align: center;
    padding: 8px 16px;
    margin-right: -1px;
    /* border: solid 1px #181818; */
    transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
    background-color: #181818;
    box-shadow: none;
    color: white;
    font-weight: bold;
}

.switch-field label:first-of-type {
    border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
    border-radius: 0 4px 4px 0;
}

.table-theme {
    background-color: #181818;
    color: white;
}

.table:not(.table-dark):not(.table-light) thead:not(.table-dark) th, .table:not(.table-dark):not(.table-light) tfoot:not(.table-dark) th {
    background-color: #181818 !important;
    color: white !important;
    font-size: 14px;
    text-align: center;
}

.text-height{
font-size: x-large;
}

.p-text{
    font-size: medium;
    color: #181818;
} 

.radio-button {
    width: 20px;
    height: 20px;
}

.selectAddress {
    overflow-x: scroll;
    cursor: pointer;
    width: 35rem;
}

.text-transition {
    color: white;
    cursor: pointer;
    padding: 10px;
    margin: auto;
    border-radius: 10px;
    font-size: 16px;
    box-shadow: 0 4px 24px 0 rgba(34 41 47 / 10%);
    text-align: center;
    position: relative;
    user-select: none;
    background: #181818;
    transition: width 2s;
    display: flex; 
    justify-content: space-between;
}

.text-transition:hover {
    cursor: pointer;
    box-shadow: rgb(255 0 0 / 8%) 1px 0px 20px;
    background: #C71026;
}

.button-group {
    border-radius: 1rem;
    width: 10rem;
    height: 10rem;
    background-color:#181818;
    box-shadow: rgb(255 0 0 / 8%) 1px 0px 20px;
}

.button-group:hover {
    background-color:#C71026;
    box-shadow: 0px 4px 18px #c71026;
    cursor: pointer;
}

.black {
    background-color: #181818;
}

.red {
    background-color: #C71026;
}
.right-arrow {
    display: flex; 
    color: white;
    align-items: center;
}
.smartbot-img{
    padding-inline: 15%;
    /* height: 600px; */
    width: 800px;
    padding-bottom: 4px;
}

.imei-validation{
    height: 30px;
}

@media (min-width: 100px) and (max-width: 1022px){
    .mbv{
        display: block;
    }

    .smartbot-img{
        width: 96%;
        height: auto;
    }
}

@media (min-width: 1023px) and (max-width: 1300px) {
    .smartbot-img {
        position: relative;
        right: 222px;
    }
}

@media (min-width: 1301px) and (max-width: 1900px) {
    .smartbot-img {
        position: relative;
        right: 98px;
    }
}

@media (max-width: 412px) {
    .bigger-text {
        font-size: 15px;
    }
}

@media (max-width: 572px) {
    .imei-validation{
        position: absolute;
        left: 5px;
    }
}

@media (min-width: 572px) and (max-width: 991px) {
    .imei-validation{
        position: absolute;
        left: 154px;

        /* position: absolute;
        right: 95%; */
    }
}

@media (min-width: 991px) and (max-width: 1530px) {
    .imei-validation{
        position: absolute;
        left: 22px;
    }
}

@media (min-width: 1530px){
    .imei-validation{
        position: absolute;
        /* left: 10%; */
    }
}

.hide-tab {
    display: none;
}

@media (max-width: 869px) {
    .responsiveness {
        display: block;
    }
}

@media (min-width: 870px) {
    .responsiveness {
        display: none;
    }
}


@keyframes arrowAnimation {
    0% {
      transform: translateX(0);
    opacity: 0.5;
    color: white;
    }
    50% {
      transform: translateX(5px);
      opacity: 1;
      color: white;
    }
    100% {
      transform: translateX(0);
      opacity: 0.5;
      color: white;
    }
  }
  
  .text-transition:hover i {
    animation: arrowAnimation 1s infinite;
  }
  

.right-transition {
    color: #181818;
    border-radius: 15px;
    font-size: 30px;
    z-index: 3;
    transition: rgb(180, 172, 172)s;
}

.right-transition:hover {
    transform: translateX(-7px);
    transition: transform 0.3s ease;}

.border-1px {
    border: solid 1px gray;
}

.border-2px { 
    border: #181818;
    background-color: rgb(216, 216, 185);
}

.detail-amt {
    float: right;
}

.added-cards {
    position: relative;
    
    flex-direction: column;
    height: 120px;
    overflow-x: hidden;
    overflow-y: hidden;
}

#payment-form {
    padding: 12px;
    /* border: solid 1px gray; */
    border-radius: 10px;
    margin-left:auto;
    margin-right:auto;
}

.user-details-name {
    font-weight: 600;
    width: 150px;
    vertical-align: middle;
    display: table-cell;
    padding-left: 10px;
    border-right: 1px solid #d8d6de;
}

.user-details-head-css {
    padding: 1px;
    border: 1px solid #d8d6de;


}

.user-details-model {
    display: table-cell;
    padding: 13px;
    vertical-align: middle;
    font-size: 14px;
    text-align: right;
}
.button {
    background-color: black;
    border: none;
    color: white;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 50%
}

.btn1 {
    /* display: inline-block; */
    font-weight: 400;
    line-height: 1.45;
    color:#C71026;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.571rem 1rem;
    font-size: 1rem;
    /* margin-left: -1px;
    margin-left:5px; */
    border-radius: 0.357rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.45;
    color:#C71026;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.571rem 1rem;
    font-size: 1rem;
    margin-left:5px;
    border-radius: 0.357rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.amount-control{
    display: block;
    width: 100%;
    padding: 1.1rem 1rem;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.45;
    color: #6e6b7b;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d8d6de;
    appearance: none;
   
    border-radius: 0.357rem;
}

.box.selected {
    background-color: #cecece;
    border: 3px solid rgb(25, 35, 50); 
}

.addon-section {
    padding-bottom: 30px;
    margin: auto;
    border-radius: 15px;
    border: #3a3333 solid 1px;
    box-shadow: 0 4px 24px 0 rgba(34 41 47 / 10%);
}

.box-container {
    display: flex;
    justify-content: space-between;
}

.renewal-plan{
    margin-left: 23px;
}

.custom-modal-width .modal-dialog {
    width: 350px !important; 
}

.box {
    cursor: default;
    font-size: 15px;
    border-radius: 12px;
    background-color: #ffffff;
    border: 2px solid rgb(25, 35, 50); 
    flex: 1;
    margin: 10px;
    padding: 10px;
}

.wallet-card-border{
    padding: 10px;
    width: auto;
    margin: auto;
    border-radius: 5px;
    border: #b8acac solid 1px;
}

.content_flex-0-2-24 {
    flex: 1 1 0%;
    width: 100%;
    height: 100vh;
    max-width: 100%;
    overflow: hidden auto;
}

.jusCenter-0-2-75 {
    justify-content: center;
}

.dirRow-0-2-70 {
    flex-direction: row;
}

.alignStart-0-2-64 {
    align-items: flex-start;
}

.input-group-text.cursor-pointer {
    cursor: pointer;
}

.changesim {
    width: auto;
    display: flex;
    padding-bottom: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mg{
    margin-top: 200px;
}

.checkIMEI {
    font-size: large;
    border-radius: 20px;
}


.contentInner-0-2-23 {
    width: 100%;
    margin: 0px 20px;
    max-width: 1200px;
    align-self: stretch;
}

.jusStart-0-2-77 {
    justify-content: flex-start;
}

.dirRow-0-2-70 {
    flex-direction: row;
}

.wrapper-0-2-62 {
    display: flex;
    cursor: pointer;
}
.emptyDashboardWrapper-0-2-266 {
    width: 100%;
    height: 100%;
    padding: 63px 20px 40px 20px;
    position: relative;
}
.jusCenter-0-2-75 {
    justify-content: center;
}
.dirRow-0-2-70 {
    flex-direction: row;
}
.alignStart-0-2-64 {
    align-items: flex-start;
}
.emptyDashboardWrapperInner-0-2-267 {
    width: 100%;
    height: 100%;
    max-width: 1000px;
}.jusStart-0-2-77 {
     justify-content: flex-start;
 }
.dirCol-0-2-71 {
    flex-direction: column;
}
.alignCenter-0-2-65 {
    align-items: center;
}
.wrapper-d39-0-2-290 {
    margin: 0px 0px 20px;
}
.size_2-0-2-122 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.3px;
}
.wrapper-0-2-114 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
    font-weight: normal;
    white-space: normal;
}
.topImg-0-2-269 {
    width: 380px;
}
.contentSection-0-2-268 {
    top: -40px;
    width: 100%;
    height: 100%;
    position: relative;
}
.wrapper-d0-0-2-313 {
    margin: 0px;
}
.size_3-0-2-299 {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 0px;
}
.wrapper-0-2-294 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
}
.wrapper-d2-0-2-315 {
    margin: 6px 0px 24px;
}
.size_1-0-2-296 {
    font-size: 52px;
    font-weight: bold;
    line-height: 54px;
    letter-spacing: -1.2px;
}
.wrapper-0-2-294 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
}
.centerAlign-0-2-128 {
    text-align: center;
}
.size_2-0-2-122 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.3px;
}
.medium-0-2-120 {
    font-weight: 500;
}
.wrapper-0-2-114 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
    font-weight: normal;
    white-space: normal;
}
.cardsWrapper-0-2-271 {
    width: 100%;
    margin-top: 41px;
}
.jusBetween-0-2-74 {
    justify-content: space-between;
}
.dirRow-0-2-70 {
    flex-direction: row;
}

.cardAndDeliveryWrapper-0-2-272 {
    flex: 1;
    margin: 0 15px;
}
.jusStart-0-2-77 {
    justify-content: flex-start;
}
.dirCol-0-2-71 {
    flex-direction: column;
}
.alignStart-0-2-64 {
    align-items: flex-start;
}

.card-0-2-273 {
    flex: 1;
    width: 100%;
    border: 1px solid #E2E6F4;
    padding: 32px;
    max-width: 290px;
    transition: border 0.12s cubic-bezier(0.8, 0.3, 0.45, 0.95);
}
.wrapper-d12-0-2-322 {
    box-shadow: none;
    padding: 0px 0px 12px;
    width: auto;
    border: none;
    cursor: pointer;
}
.wrapper-0-2-91 {
    margin: 0px auto 24px;
    display: block;
    user-select: none;
    will-change: box-shadow, transform;
    border-radius: 12px;
    background-color: rgb(255, 255, 255);
}
.wrapper-0-2-91:hover{
    border: solid  1px #d50000;
}
.cardInner-0-2-274 {
    height: 100%;
}
.jusCenter-0-2-75 {
    justify-content: center;
}
.dirCol-0-2-71 {
    flex-direction: column;
}
.alignCenter-0-2-65 {
    align-items: center;
}

.iconWrapper-0-2-275 {
    width: 48px;
    border: 1px solid #E2E6F4;

    height: 48px;
    border-radius: 12px;
    margin-bottom: 20px;
}
.jusCenter-0-2-75 {
    justify-content: center;
}
.wrapper-d24-0-2-325 {
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
    min-width: 24px;
    min-height: 24px;
    user-select: none;
}
.wrapper-d45-0-2-328 {
    margin: 0px 0px 10px;
}
.size_2\.5-0-2-123 {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.4px;
}
.wrapper-0-2-114 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
    font-weight: normal;
    white-space: normal;
}
.linesWrapper-0-2-279 {
    padding: 0 15px;
    margin-bottom: 40px;
}
.line-0-2-177 {
    width: 100%;
    height: 1px;
    margin: 18px 0;
    display: block;
}
.linesText-0-2-280 {
    width: 400px;
    padding: 0 50px;
    min-width: 400px;
}
.wrapper-d66-0-2-365 {
    margin: 0px;
}
.line-0-2-177 {
    width: 100%;
    height: 1px;
    margin: 18px 0;
    display: block;
}
.mbv{
    display: none;
}


.m-auto{
    margin: auto;
}


.chk-none {
    display: none; /*remove checkbox*/
}

.toggle {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 106px;
    height: 60px;
    border-radius: 50px;
    border: 4px solid white;
    overflow: hidden;
    left: 50%;
    top: 50%;
    transform: translate3D(-50%, -50%, 0);
}

.toggle::before,
.toggle::after {
    position: absolute;
    width: 100px;
    height: 52px;
    border-radius: 50px;
    padding: 14px 13px;
    font-weight: bold;
    box-sizing: border-box;
    transition: left .5s ease-in-out;
}

.toggle::before {
    content: "ON";
    color: #28c76f;
    background-color: #28c76f1c;
    text-align: left;
    box-shadow: inset 0 0 5px 1px #28c76f;
    left: -50px;
    font-size: 18px;
}

.toggle::after {
    content: "OFF";
    background-color: lightgrey;
    text-align: right;
    color: grey;
    box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.3);
    left: 0px;
}

.handle {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 52px;
    background-color: dimgrey;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
    z-index: 5;
    left: 0px;
    transition: left .5s ease-in-out, background-color .5s ease-in-out;
}

.light-l,
.light-r {
    position: fixed;
    width: 50%;
    height: 100%;
}

.light-l {
    top: 0;
    left: 0;
    z-index: -1;
    background: radial-gradient(farthest-side at 0 0, rgba(148, 98, 41, 0), rgba(255, 255, 255, 0));
    transition: background 1.5s ease-in-out;
}

.light-r {
    top: 0;
    right: 0;
    z-index: -1;
    background: radial-gradient(farthest-side at 100% 0, rgba(5, 14, 54, 0), rgba(255, 255, 255, 0));
    transition: background 1.5s ease-in-out;
}

input[type="checkbox"]:checked + .toggle::before {
    left: 0px;
}

input[type="checkbox"]:checked + .toggle::after {
    left: 50px;
}

input[type="checkbox"]:checked + .toggle .handle {
    left: 50px;
    background-color: #28c76f;
}

input[type="checkbox"]:checked ~ .light-l {
    background: radial-gradient(farthest-side at 0 0, rgba(5, 14, 54, 1), rgba(255, 255, 255, 0));
}

input[type="checkbox"]:checked ~ .light-r {
    background: radial-gradient(farthest-side at 100% 0, rgba(5, 14, 54, 1), rgba(255, 255, 255, 0));
}

.selector-0-1-1636 {
    flex: 1;
    padding: 10px;
}
.jusStart-0-1-76 {
    justify-content: flex-start;
}

.dirCol-0-1-70 {
    flex-direction: column;
}
.renewal-sm-size{
    text-align: center;
    display: block;
}
.alignCenter-0-1-64 {
    align-items: center;
}
.wrapper-0-1-61 {
    display: flex;
}
* {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
}
*, :after, :before {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,0.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
}

.popular-0-1-1643 {
    border: 1px solid #D2DFFD;
    padding: 25px 16px 0;
    position: relative;
    box-shadow: 0px 4px 18px rgb(29 95 246 / 45%);
    border-radius: 8px;
}

.jusStart-0-1-76 {
    justify-content: flex-start;
}

.dirCol-0-1-70 {
    flex-direction: column;
}

.alignCenter-0-1-64 {
    align-items: center;
}

.wrapper-0-1-61 {
    display: flex;
}


.popularPill-0-1-1644 {
    top: -8px;
    color: #ffffff;
    width: 110px;
    height: 18px;
    padding: 2px 8px;
    position: absolute;
    font-size: 12px;
    background: #FCC531;
    line-height: 14;
    border-radius: 8px;
}
.jusCenter-0-1-74 {
    justify-content: center;
}
.dirRow-0-1-69 {
    flex-direction: row;
}
.alignCenter-0-1-64 {
    align-items: center;
}
.wrapper-0-1-61 {
    display: flex;
}

.wrapper-0-1-1651 {
    display: block;
    position: relative;
    user-select: none;
}

.selectWidth-0-1-1642 {
    min-width: 235px;
    margin-bottom: 20px;
}
.output__selectedOption-0-1-1656 {
    color: #586271;
    border: 1px solid #E9EBED;
    box-shadow: 0 1px 3px 0 rgba(88 98 113 / 6%);
    background-color: #ffffff;
}
.output-0-1-1654 {
   /* color: hsl(216, 12.4%, 59.1%);
    border: 1px solid #F4F5F6; */
    color:white;
    cursor: pointer;
    height: 45px;
    display: flex;
    padding: 11px 40px 11px 20px;
    position: relative;
    min-width: 235px;
    box-shadow: none;
    transition: all 0.15s cubic-bezier(0.8, 0.3, 0.45, 0.95);
    align-items: center;
    border-radius: 20px;
  /*  background-color: #F4F5F6; */
    background-color:#ffffff;
}

.wrapper-0-1-1651 {
    display: block;
    position: relative;
    user-select: none;
}
.style-attribute {
    overflow: hidden;
    will-change: height, opacity;
    visibility: initial;
    opacity: 1;
    height: auto;
}
.body {
    margin: 0;
    padding: 0;
    font-family: GT Walsheim,-apple-system,SF UI Display,Helvetica Neue,Arial,sans-serif;
    width: 100%;
    min-width: 320px;
    overflow-x: hidden;
    background-color: #fff;
    touch-action: manipulation;
}
.body {
    line-height: inherit;
}
.html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-font-feature-settings: "kern" 1;
    -o-font-feature-settings: "kern" 1;
    -webkit-font-feature-settings: "kern" 1;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    min-height: 100%;
    position: relative;
}
.html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
*, :after, :before {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,0.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
}
:after, :before {
    --tw-content: "";
}
*, :after, :before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb;
}

.wrapper-d387-0-1-1685 {
    margin: 0px;
}
.size_2-0-1-257 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.3px;
}
.wrapper-0-1-249 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
    font-weight: normal;
    white-space: normal;
}

.jusStart-0-1-76 {
    justify-content: flex-start;
}
.dirRow-0-1-69 {
    flex-direction: row;
}
.alignCenter-0-1-64 {
    align-items: center;
}
.wrapper-0-1-61 {
    display: flex;
}
.wrapper-d651-0-1-2644 {
    margin: 0px;
}
.size_2-0-1-257 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.3px;
}
.wrapper-0-1-249 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
    font-weight: normal;
    white-space: normal;
}

.select__icon-0-1-1647 {
    margin-right: 8px;
}

.wrapper-d110-0-1-2642 {
    width: 18px;
    height: 18px;
    display: block;
    position: relative;
    min-width: 18px;
    min-height: 18px;
    user-select: none;
}


.icon_basic-0-1-1659 {
    display: block;
}
.icon-0-1-1658 {
    top: 60%;
    right: -5px;
    width: 10px;
    position: absolute;
    min-width: auto;
    transform: translateY(-40%);
    min-height: auto;
    transition: all 0.15s cubic-bezier(0.8, 0.3, 0.45, 0.95);
}

.wrapper-d54-0-1-1688 {
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    min-width: 31px;
    min-height: 31px;
    user-select: none;
}

.svg-d55-0-1-1689 svg {
    fill: inherit;
}

svg {
    height: 100%;
}
.img, svg {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    pointer-events: none;
}

.dropdown-d0-0-1-3297 {
    z-index: 101;
    padding: 5px 0px;
}
.dropdown-0-1-3290 {
    top: 100%;
    left: 0px;
    width: 100%;
    margin: 8px 0px;
    display: none;
    position: absolute;
    min-width: 100px;
    box-shadow: rgba(102 122 244 / 10%) 0px 0px 0px 1px, rgba(65 155 249 / 8%) 0px 12px 50px 0px, rgba(159 159 164 / 25%) 0px 2px 10px 0px;
    border-radius: 12px;
    background-color: rgb(255, 255, 255);
}

.dropdown__title-0-1-3292 {
    margin: 2px 0px 8px;
    display: none;
    padding: 0px 20px 6px;
    min-height: 36px;
    align-items: center;
    border-bottom: 1px solid rgb(233, 235, 237);
}
.wrapper-d780-0-1-3298 {
    margin: 0px;
}
.size_2-0-1-257 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.3px;
}
.wrapper-0-1-249 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
    font-weight: normal;
    white-space: normal;
}

.dropdown__scroller-0-1-3291 {
    max-height: 250px;
    overflow-y: scroll;
}
.dropdown__scroller-0-1-3291 {
    max-height: 250px;
    overflow-y: scroll;
}

.switch-scroller {
    overflow-y: scroll;
    max-height: 130px;
    /* overflow: hidden; */
}

.cards-scroller {
    overflow-y: scroll;
    max-height: 150px;
}

.wrapper-d783-0-1-3301 {
    margin: 0px;
}

.size_2-0-1-257 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.3px;
}

.wrapper-0-1-249 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
    font-weight: normal;
    white-space: normal;
}
.jusStart-0-1-76 {
    justify-content: flex-start;
}

.dirRow-0-1-69 {
    flex-direction: row;
}

.alignCenter-0-1-64 {
    align-items: center;
}

.wrapper-0-1-61 {
    display: flex;
}

.wrapper-d164-0-1-3305 {
    width: 18px;
    height: 18px;
    display: block;
    position: relative;
    min-width: 18px;
    min-height: 18px;
    user-select: none;
}

.svg-d165-0-1-3306 svg {
    fill: inherit;
}
.svg-0-1-84 svg {
    color: inherit;
    width: 100%;
    height: 100%;
    display: block;
}
.select-0-1-1662 {
    display: none;
}

.select-0-1-1662 {
    top: 0;
    left: 0;

    height: 100%;
    display: block;
    opacity: 0;
    position: inherit;
}

.cards-menu-on {
    opacity: 1;
    display: block;
    transform: translate(0px, 0px);

}

.cards-menu-off {
    opacity: 0;
    display: none;
    transform: translate(0px, 10px);

}






.contentInner-0-2-118 {
    width: 100%;
    margin: 0px 20px;
    max-width: 1200px;
    align-self: stretch;
}
.jusStart-0-2-72 {
    justify-content: flex-start;
}

.dirRow-0-2-65 {
    flex-direction: row;
}

.wrapper-0-2-57 {
    display: flex;
}

.wrapper-0-2-4513 {
    width: 100%;
    position: relative;
}
.wrapper-0-2-4529 {
    width: 100%;
    position: relative;
}

.jusStart-0-2-72 {
    justify-content: flex-start;
}


.alignCenter-0-2-60 {
    align-items: center;
}

.left_content__default-0-2-4533 {
    padding-bottom: 50px;
}
.left_content__wrapper-0-2-4532 {
    width: 55%;
    position: relative;
}
.jusCenter-0-2-70 {
    justify-content: center;
}
.dirCol-0-2-66 {
    flex-direction: column;
}
.alignStart-0-2-59 {
    align-items: flex-start;
}

.right_content__wrapper-0-2-4536 {
    width: 45%;
    height: 100%;
    position: relative;
}
.jusStart-0-2-72 {
    justify-content: flex-start;
}
.left_content__default-0-2-4533 .left_content-0-2-4531 {
    margin: 0px auto;
}
.left_content-0-2-4531 {
    margin: 0px auto;
    align-self: stretch;
}

.content-0-2-4514 {
    max-width: 340px;
    padding-top: 68px;
}
.wrapper-d68-0-2-4557 {
    margin: 0px;
}
.size_2-0-2-343 {
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: -0.2px;
}
.wrapper-0-2-339 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
}

.subtitle-0-2-4516 {
    margin-top: 15px;
}
.wrapper-d70-0-2-4559 {
    margin: 0px;
}
.medium-0-2-348 {
    font-weight: 500;
}
.size_3-0-2-344 {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 0px;
}
.wrapper-0-2-339 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
}
.caption-0-2-4517 {
    margin: 31px 0 12px;
}
.wrapper-d72-0-2-4561 {
    margin: 0px;
}
.medium-0-2-348 {
    font-weight: 500;
}
.size_4-0-2-346 {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.2px;
}
.wrapper-0-2-339 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
}
.wrapper-d1170-0-2-4563 {
    margin: 0px;
}
.size_1-0-2-84 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.2px;
}
.wrapper-0-2-77 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
    font-weight: normal;
    white-space: normal;
}

.text-0-2-4518 + .text-0-2-4518 {
    margin-top: 23px;
}
.wrapper-d1182-0-2-4575 {
    margin: 0px;
}
.size_1-0-2-84 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.2px;
}
.wrapper-0-2-77 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
    font-weight: normal;
    white-space: normal;
}
.tooltip-0-2-4527 {
    text-align: center;
}
.info-0-2-4519 {
    margin-top: 48px;
}

.wrapper-d74-0-2-4579 {
    margin: 0px;
}
.medium-0-2-348 {
    font-weight: 500;
}
.size_4-0-2-346 {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.2px;
}
.wrapper-0-2-339 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
}
.table-0-2-4520 {
    border: 1px solid #E9EBED;
    box-shadow: 0 1px 3px 0 rgb(88 98 113 / 6%);
    margin-top: 18px;
    border-radius: 9px;
}
.row-0-2-4521 {
    padding: 13px 12px;
}
.jusStart-0-2-72 {
    justify-content: flex-start;
}
.alignCenter-0-2-60 {
    align-items: center;
}
.row__icon-0-2-4522 {
    flex: none;
    margin-right: 12px;
}
.iconWrapper-0-2-701 {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
}
.wrapper-d72-0-2-4582 {
    width: 35px;
    height: 35px;
    display: flex;
    overflow: hidden;
    position: relative;
    min-width: 35px;
    min-height: 35px;
    transition: background-color 0.25s cubic-bezier(0.8, 0.3, 0.45, 0.95) 0s, box-shadow 0.25s cubic-bezier(0.8, 0.3, 0.45, 0.95) 0s;
    align-items: center;
    user-select: none;
    border-radius: 50%;
    justify-content: center;
}
.wrapper-d618-0-2-4584 {
    width: 35px;
    height: 35px;
    display: block;
    position: relative;
    min-width: 35px;
    min-height: 35px;
    user-select: none;
}
.number-0-2-101 {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    display: flex !important;
}
.wrapper-d1185-0-2-4586 {
    margin: 0px;
}
.centerAlign-0-2-91 {
    text-align: center;
}
.size_2-0-2-85 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.3px;
}
.wrapper-0-2-77 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
    font-weight: normal;
    white-space: normal;
}
.wrapper-d1188-0-2-4589 {
    margin: 0px;
}
.size_1-0-2-84 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.2px;
}
.wrapper-0-2-77 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
    font-weight: normal;
    white-space: normal;
}
.row-0-2-4521 + .row-0-2-4521 {
    border-top: 1px solid #E9EBED;
}
.row-0-2-4521 {
    padding: 13px 12px;
}
.jusStart-0-2-72 {
    justify-content: flex-start;
}

.alignCenter-0-2-60 {
    align-items: center;
}

.wrapper-d74-0-2-4593 {
    width: 35px;
    height: 35px;
    display: flex;
    overflow: hidden;
    position: relative;
    min-width: 35px;
    min-height: 35px;
    transition: background-color 0.25s cubic-bezier(0.8, 0.3, 0.45, 0.95) 0s, box-shadow 0.25s cubic-bezier(0.8, 0.3, 0.45, 0.95) 0s;
    align-items: center;
    user-select: none;
    border-radius: 50%;
    justify-content: center;
}
.iconWrapper-0-2-701 {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
}
.wrapper-d620-0-2-4595 {
    width: 35px;
    height: 35px;
    display: block;
    position: relative;
    min-width: 35px;
    min-height: 35px;
    user-select: none;
}
.number-0-2-101 {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    display: flex !important;
}

.wrapper-d1191-0-2-4597 {
    margin: 0px;
}
.centerAlign-0-2-91 {
    text-align: center;
}
.size_2-0-2-85 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.3px;
}
.wrapper-0-2-77 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
    font-weight: normal;
    white-space: normal;
}
.right__content-0-2-4535 {
    width: 100%;
    will-change: opacity, transform;
}
.right__content__bg-d2-0-2-4551 {
    background: #d50000;
}

.jusStart-0-2-72 {
    justify-content: flex-start;
}

.alignCenter-0-2-60 {
    align-items: center;
}

.share-0-2-4523 {
    margin: auto;
    z-index: 1;
    position: relative;
}
.jusStart-0-2-72 {
    justify-content: flex-start;
}
.dirCol-0-2-66 {
    flex-direction: column;
}
.alignCenter-0-2-60 {
    align-items: center;
}

.share__icon-0-2-4524 {
    width: 104px;
    height: 104px;
}

.share__title-0-2-4525 {
    margin-top: 28px;
}
.wrapper-d76-0-2-4606 {
    margin: 0px;
}
.centerAlign-0-2-353 {
    text-align: center;
}
.size_3-0-2-344 {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 0px;
}
.wrapper-0-2-339 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
}
.share-d4-0-2-4623 {
    padding: 23px 20px 26px;
}

.share_default-0-2-4609 {
    margin: 41px 0px 0px;
}
.share-0-2-4608 {
    width: 100%;
}
.wrapper-d275-0-2-4624 {
    box-shadow: none;
    padding: 0px 0px 12px;
    width: auto;
    border: none;
    cursor: pointer;
}
.wrapper-0-2-53 {
    margin: 0px auto 24px;
    display: block;
    user-select: none;
    will-change: box-shadow, transform;
    border-radius: 12px;
    background-color: rgb(255, 255, 255);
}
.share__text-0-2-4526 {
    margin-top: 17px;
}
.wrapper-d80-0-2-4655 {
    margin: 0px;
}
.medium-0-2-348 {
    font-weight: 500;
}
.size_4-0-2-346 {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.2px;
}
.wrapper-0-2-339 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
}

.share__header_default-0-2-4611 {
    padding-bottom: 21px;
}
.jusEnd-0-2-73 {
    justify-content: flex-end;
}

.alignCenter-0-2-60 {
    align-items: center;
}
.share__icons_default-0-2-4619 {
    margin-top: 20px;
    min-height: 31px;
}
.jusAround-0-2-71 {
    justify-content: space-around;
}
.share__title-0-2-4613 {
    flex: 0.5 1 0%;
    min-height: 30px;
}
.wrapper-d78-0-2-4626 {
    margin: 0px;
}
.centerAlign-0-2-353 {
    text-align: center;
}
.medium-0-2-348 {
    font-weight: 500;
}
.size_3-0-2-344 {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 0px;
}
.wrapper-0-2-339 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
}
.share__buttonWrapper-0-2-4615 {
    flex: 0.255 1 0%;
}
.jusEnd-0-2-73 {
    justify-content: flex-end;
}

.alignStart-0-2-59 {
    align-items: flex-start;
}
.share__button-0-2-4616 {
    padding: 15px 30px;
}
.type__secondary-0-2-603 {
    box-shadow: rgba(25 35 50 / 10%) 0px 0px 0px 1px, rgba(88 98 113 / 6%) 0px 1px 3px 0px;
    background-color: rgb(255, 255, 255);
}
.wrapper-0-2-599 {
    color: rgb(255, 255, 255);
    border: 0px;
    cursor: pointer;
    display: inline-block;
    padding: 10px 22px;
    position: relative;
    font-size: 20px;
    text-align: center;
    transition: box-shadow 0.25s cubic-bezier(0.8, 0.3, 0.45, 0.95) 0s, color 0.25s cubic-bezier(0.8, 0.3, 0.45, 0.95) 0s, background-color 0.25s cubic-bezier(0.8, 0.3, 0.45, 0.95) 0s, border 0.25s cubic-bezier(0.8, 0.3, 0.45, 0.95) 0s;
    font-weight: bold;
  /*  line-height: 14px;
    white-space: pre; */
    border-radius: 32px;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #d50000;
}

.share__icons_default-0-2-4619 {
    margin-top: 20px;
    min-height: 31px;
}
.jusAround-0-2-71 {
    justify-content: space-around;
}
.alignCenter-0-2-60 {
    align-items: center;
}
.share__text-0-2-4526 {
    margin-top: 17px;
}
.wrapper-d80-0-2-4655 {
    margin: 0px;
}
.medium-0-2-348 {
    font-weight: 500;
}
.size_4-0-2-346 {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.2px;
}
.wrapper-0-2-339 {
    color: rgb(25, 35, 50);
    padding: 0px;
    font-family: "GT Walsheim", "SF UI Display", Helvetica, sans-serif;
}
/* .saved_cards_dropdown {
    width: 200px;
    height: 30px
} */

.walletbtn{
    margin-right: 20px;
}
.scrollable {

    overflow: scroll;
    overflow-x: hidden;
    border-style: solid;
    height:300px;
}

.Shipping {
    overflow: scroll;
    overflow-x: hidden;
    border-style: solid;
    max-height: 300px;
    width: 42rem;
}
.selected-card {
    background-color: #f0d7d4;
}

.button-radio-group {
    display: flex;
    justify-content: center;
  }
  
  .button-radio-group input[type="radio"] {
    display: none;
  }

.scrollable-wallet {

    overflow: scroll;
    overflow-x: auto;
    height: 50px;
}

select {
    background-color: white;
    border: thin solid grey;
    border-radius: 10px;
    display: inline-block;
    /* font-size: x-large; */
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
 
.selectedCard {
    overflow-y: scroll;
    overflow-x: hidden;
    height:100px;
}

.sim-rplce-btn {
    margin: 15px 13px;
    width:230px;
    display: inline-block;
    font-weight: 600;
    line-height: 1.45;
    color:#ffffff; 
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.571rem 1rem;
    font-size: 1rem;
    background-color:#d50000;
    border-radius: 20px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-color: sienna;
    outline-color: sienna;
}
.form-label-1{
    margin-bottom: 0.2857rem;
    font-size: 16px;
    color: #181818;
}

.sim-rplce-form {
    height: 700px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.form-control-sim {
    display: block;
    padding: 0.571rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.45;
    color: #6e6b7b;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d8d6de;
    appearance: none;
    border-radius: 0.357rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.sim-replace {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-direction: row;
    background-color:#d50000;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.sim-sim {
    width: 50%;
    flex-direction: column;
    align-items: center;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}



@media (min-width: 300px) and (max-width: 900px){
    .switch {
     width: 175px;
    }

    .inputs input {
        margin: 5px;
    }

    .desktop {
        display: none;
    }

    .mobile{
        display: block;
    }
}

.VIpgJd-ZVi9od-ORHb-OEVmcd {
    display: none;
}

.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q{
    background-color: transparent !important;
    box-shadow: none !important;
}

.VIpgJd-suEOdc .VIpgJd-yAWNEb-L7lbkb{
    display: none !important;
}

.VIpgJd-ZVi9od-l4eHX-hSRGPd {
    display: none;
}

.goog-tooltip {
    display: none !important;
}

#google_translate_element .goog-te-gadget span {
    display: none !important;
}

#google_translate_element .goog-te-gadget {
    line-height: normal;
    color: transparent;
}

#goog-gt-tt {
    display: none !important;
}

.otp-sent-indicator {
    /* background-color: #eaedf1; */
    background-color: #f2f3f4;
    border-radius: 10px;
    font-size: 15px;
    padding: 1%;
}
.verification-div {
    width: 100%;
}

@media (max-width: 390px) {
    .verification-div {
        font-size: 11px;
    }
}

@media (min-width:391px) and (max-width: 431px) {
    .verification-div {
        font-size: 14px;
    }
}

@media (min-width: 432px) {
    .verification-div {
        font-size: 20px;
    }
}



.recharge-section {
    background-color:aliceblue;
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 10px;
    /* border: rgb(211, 25, 25) solid 1px; */
    font-size: 16px;
    box-shadow: 0 4px 24px 0 rgba(34 41 47 / 10%);
}

.pla-details, .pla-details-hover {
    color: black;
    cursor: pointer;
    border-radius: 10px;
    font-size: 16px;
    box-shadow: 0 4px 24px 0 rgba(209, 211, 212, 0.1);
    text-align: center;
    position: relative;
    user-select: none;
    margin: 0 0 10px 30px;
    transition: width 2s;
    border: 1px solid black;
}

.pla-details-hover {
    box-shadow: rgba(255, 0, 0, 0.08) 1px 0 20px;
    background: black;
    color: white;
}

.payment-section {
    padding: 7px;
    margin: auto;
    border-radius: 10px;
    border: grey solid 1px;
    font-size: 18px;
    box-shadow: 0 4px 24px 0 rgba(34 41 47 / 10%);
}



.goog-tooltip:hover {
    display: none !important;
}

.goog-logo-link {
    display: none !important;
}

.goog-te-balloon-frame {
    display: none !important;
}

#google_translate_element select {
    background: #ffffff;
    border: 1px solid #ddd;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    width: 100%;
}

@media (max-width: 440px) {
    #language_dropdown {
        width: 56%;
    }
}

@media (min-width: 441px) {
    #language_dropdown {
        width: 64%;
    }
}

@media (min-width: 900px) {

    .inputs input {
        margin: 10px;
    }

    .desktop {
        display: block;
    }

    .mobile{
        display: none;
    }
}

.width-align {
    width: 100%;
}


.carousel-indicators {
    bottom: -15px !important;
  }
  
  .img-m {
     display: none;
     
  }
  
  .img-d {
     cursor: pointer;
  }
  
  @media (min-width:300px) and (max-width:740px) {
     .img-m {
        display: block;
        cursor: pointer;
     }
     .img-d {
        display: none;
     }
     
  }
  
  @media (min-width: 300px) and (max-width: 740px) {
     .carousel-indicators {
        bottom: -27px !important;
      }
      .carousel {
        padding-bottom:2.5%
      }
  }
  
  @media (min-width: 740px) and (max-width:1200px) {
  
     .carousel-indicators {
        bottom: -22px !important;
      }
      .carousel {
        padding-bottom:1%
      }
  }

.carousel>input[type="radio"]:nth-child(1):checked~.carousel__prev>label:nth-child(3),
.carousel>input[type="radio"]:nth-child(1):checked~.carousel__next>label:nth-child(2),
.carousel>input[type="radio"]:nth-child(2):checked~.carousel__prev>label:nth-child(1),
.carousel>input[type="radio"]:nth-child(2):checked~.carousel__next>label:nth-child(3),
.carousel>input[type="radio"]:nth-child(3):checked~.carousel__prev>label:nth-child(2),
.carousel>input[type="radio"]:nth-child(3):checked~.carousel__next>label:nth-child(1),
.carousel>input[type="radio"]:nth-child(4):checked~.carousel__prev>label:nth-child(4),
.carousel>input[type="radio"]:nth-child(4):checked~.carousel__next>label:nth-child(4) {
   opacity: 1 !important;
   z-index: 3;
}

.carousel {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: white;
 }
 
 .carousel>input[type="radio"] {
    position: absolute;
    left: 0;
    opacity: 0;
    top: 0;
 }

 .carousel>input[type="radio"]:checked~.carousel__items .carousel__item,
.carousel>input[type="radio"]:checked~.carousel__prev>label,
.carousel>input[type="radio"]:checked~.carousel__next>label {
   opacity: 0;
}

.carousel>input[type="radio"]:nth-child(1):checked~.carousel__items .carousel__item:nth-child(1) {
   opacity: 1;
}

.carousel>input[type="radio"]:nth-child(1):checked~.carousel__nav>label:nth-child(1) {
   background: #C71026;
   cursor: default;
   pointer-events: none;
}

.carousel>input[type="radio"]:nth-child(2):checked~.carousel__items .carousel__item:nth-child(2) {
   opacity: 1;
}

.carousel>input[type="radio"]:nth-child(2):checked~.carousel__nav>label:nth-child(2) {
   background: #C71026;
   cursor: default;
   pointer-events: none;
}

.carousel>input[type="radio"]:nth-child(3):checked~.carousel__items .carousel__item:nth-child(3) {
   opacity: 1;
}

.carousel>input[type="radio"]:nth-child(3):checked~.carousel__nav>label:nth-child(3) {
   background: #C71026;
   cursor: default;
   pointer-events: none;
}

.carousel>input[type="radio"]:nth-child(4):checked~.carousel__items .carousel__item:nth-child(4) {
   opacity: 1;
}

.carousel>input[type="radio"]:nth-child(4):checked~.carousel__nav>label:nth-child(4) {
   background: #C71026;
   cursor: default;
   pointer-events: none;
}

.crl-img {
   width: 100%;
   cursor: pointer;
   aspect-ratio: 600/247;
}

.carousel__items {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 100%;
   position: relative;
}

.carousel__item {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 1;
   transition: opacity 2s;
   -webkit-transition: opacity 2s;
}

.carousel__item img {
   width: 100%;
   vertical-align: middle;
}

.carousel__prev>label,
.carousel__next>label {
   border: 1px solid #fff;
   border-radius: 50%;
   cursor: pointer;
   display: block;
   width: 40px;
   height: 40px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   opacity: 0;
   z-index: 2;
}

.carousel__prev>label:hover,
.carousel__next>label:hover,
.carousel__prev>label:focus,
.carousel__next>label:focus {
   opacity: 0.5 !important;
}

.carousel__prev>label:before,
.carousel__next>label:before,
.carousel__prev>label:after,
.carousel__next>label:after {
   content: "";
   position: absolute;
   width: inherit;
   height: inherit;
}

.carousel__prev>label:before,
.carousel__next>label:before {
   background: linear-gradient(to top, #fff 0%, #fff 10%, rgba(51, 51, 51, 0) 10%), linear-gradient(to left, #fff 0%, #fff 10%, rgba(51, 51, 51, 0) 10%);
   width: 60%;
   height: 60%;
   top: 20%;
}

.carousel__prev>label {
   left: 2%;
}

.carousel__prev>label:before {
   left: 35%;
   top: 20%;
   transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
}

.carousel__next>label {
   right: 2%;
}

.carousel__next>label:before {
   left: 10%;
   transform: rotate(315deg);
   -webkit-transform: rotate(315deg);
}

.carousel__nav {
   position: absolute;
   bottom: 3%;
   left: 0;
   text-align: center;
   width: 100%;
   z-index: 3;
}

.carousel-indicators>button {
   background-color: #181818;
   width: 16px;
   height: 16px;
   border-radius: 50%;
}

.carousel__nav>label {
   border: 1px solid #C71026;
   display: inline-block;
   border-radius: 50%;
   cursor: pointer;
   margin: 0 0.125%;
   width: 13px;
   height: 13px;
}

@media (min-width: 200px) and (max-width: 768px) {
    .carousel__item img {
       width: 89%;
       vertical-align: middle;
       margin-top: 55px;
    }
 
    .btn-warning-cust .btn-danger-cust {
       margin-top: 10px;
       margin-bottom: 10px;
    }
 
    .carousel__items {
       height: auto;
       margin: auto;
       text-align: center;
    }
 }
 
 .carousel__radio {
    display: none;
 }
 
 @media (min-width: 100px) and (max-width: 965px) {
    .md-view {
       display: none;
    }
 
    .secondary-head-color {
       font-size: 20px !important;
    }
 
    .carousel__items {
       height: auto;
    }
 }

 .carousel-indicators {
    bottom: -15px !important;
  }

  @media (min-width: 300px) and (max-width: 740px) {
    .carousel-indicators {
       bottom: -27px !important;
     }
     .carousel {
       padding-bottom:2.5%
     }
 }
 
 @media (min-width: 740px) and (max-width:1200px) {
 
    .carousel-indicators {
       bottom: -22px !important;
     }
     .carousel {
       padding-bottom:1%
     }
 }

 .bg-white{
    background-color: white;
 }

 


@media (min-width: 100px) and (max-width: 300px){
    .switch {
        width: 120px;
       }
}

.autoRenewCard {
    background-color: #d50000;
    padding: 2%;
    box-shadow: 0 4px 18px -4px rgb(213 0 0);
    border-radius: 15px;
}

.white {
    font-size: large;
    color: white;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.overlay img {
    width: 5%;
}

.serve-img {
    width: 100px;
    height: 100px;
}

.spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #db3934;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
}


@media (min-width: 100px) and (max-width: 550px){
    .darkmode {
        margin-top: 5% !important;
        margin-left: 33%;
        width: fit-content !important;
   }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.validate {
    border-radius: 20px;
    height: 40px;
    background-color: red;
    border: 1px solid red;
    width: 140px
}

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

.otp-validator {
    color: red;
    font-size: 20px
}

.inputs input {
    width: 40px;
    height: 40px;
}



.form-control:focus {
    box-shadow: none;
    border: 2px solid red
}

/* Default layout for screens more than 850px */
@media (min-width: 850px) {
    .part-2 {
        display: inline-block;
        vertical-align: top;
    }

    .part-3 {
        display: inline-block;
        vertical-align: top;
        padding-right: calc(var(--bs-gutter-x)* .0);
    }

    .part-1 {
        display: inline-block;
        vertical-align: top;
    }

    .row {
        flex-shrink: 0;
        max-width: 100%;
        /* padding-left: calc(var(--bs-gutter-x)* .5); */
        margin-top: var(--bs-gutter-y);
    }

    .btn {  
        padding: 0.5rem 2rem;
    }
}

/* Layout for screens between 500px and 850px */
@media (min-width: 500px) and (max-width: 849px) {
    .part-1 {
        width: 100%;
        margin-bottom: 15px;
    }

    .part-2 {
        width: 80%;
        display: inline-block;
        vertical-align: top;
    }

    .part-3 {
        width: 20%;
        display: inline-block;
        vertical-align: top;
    }

    .btn {  
        padding: 0.5rem 1rem;
    }
}

/* Layout for screens below 500px */
@media  (min-width: 380px) and (max-width: 499px) {
  .part-2 {
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
    }

    .part-1 {
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
    }

    .part-3 {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
    }

    .btn {  
        padding: 0.7rem 0.7rem;
    }
}

@media  (min-width: 340px) and (max-width: 379px) {
    .part-2 {
          width: 100%;
          margin-bottom: 15px;
          text-align: center;
      }
  
      .part-1 {
          width: 100%;
          margin-bottom: 15px;
          text-align: center;
      }
  
      .part-3 {
          display: flex;
          justify-content: center;
          width: 100%;
          margin-bottom: 15px;
          text-align: center;
      }
  
      .btn {  
          padding: 0.3rem 0.3rem;
          font-size: 1rem;
      }

      .form-control {
        padding: 0.5rem .6rem;
        font-size: 1rem;
    }
  }

@media (max-width: 340px) {
    .btn {
        padding: 0.3rem 0.3rem;
        font-size: 0.7rem;
    }

    .form-control {
        padding: 0.371rem .4rem;
        font-size: 0.6rem;
    }
}

.dropdown-container {
    overflow-x: auto;
    white-space: nowrap;
}

.dropdown-scroll {
    display: flex;
    flex-wrap: nowrap;
}

.dropdown-item {
    display: inline-block;
    margin-right: 10px;
}

.p-text {
    display: inline-block;
    vertical-align: middle;
}

/* .toggle-switch {
    display: none;
}

.toggle-label {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 34px;
    background-color: #c71026;
    cursor: pointer;
    transition: background-color 0.2s;
}

.toggle-label::after {
    content: 'GB';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 40px;
    height: 30px;
    background-color: white;
    transition: transform 0.2s;
    text-align: center;
    line-height: 30px;
    font-weight: bolder;
}

.toggle-switch:checked + .toggle-label {
    background-color: #181818;
}

.toggle-switch:checked + .toggle-label::after {
    transform: translateX(36px);
    content: 'MB';
}

#toggle-switch:checked + .toggle-label + .toggle-text {
    display: block;
} */

.almt{
    padding-left: -20px !important;;
}

.toggle-switch {
    display: none;
}

.toggle-label {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 34px;
    background-color: #c71026;
    cursor: pointer;
    transition: background-color 0.2s;
}

.toggle-label::after {
    content: 'GB';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 38px;
    height: 30px;
    background-color: white;
    transition: transform 0.2s, opacity 0.2s;
    text-align: center;
    line-height: 30px;
    font-weight: bolder;
    opacity: 1;
}

.toggle-label::before {
    content: 'MB';
    position: absolute;
    top: 2px;
    left: 42px;
    width: 36px;
    height: 30px;
    background-color: white;
    transition: transform 0.2s, opacity 0.2s;
    text-align: center;
    line-height: 30px;
    font-weight: bolder;
    opacity: 0.4;
}

.toggle-switch:checked + .toggle-label {
    background-color: #181818;
}

.toggle-switch:checked + .toggle-label::after {
    transform: translateX(0);
    opacity: 0.4;
}

.toggle-switch:checked + .toggle-label::before {
    transform: translateX(0);
    opacity: 1;
}
.modal-backdrop  {
    background-color: rgb(0,0,0, 0.6) !important;
}
.modal-dialog {
    margin-top: 5% !important;
}

.info-text-alert {
      /* animation-name: text-anima;
      animation-duration: 7s; */
      /* animation-timing-function: linear;
      animation-iteration-count: 1;
      transition: all 5s linear; */
      opacity: 1;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 1%;
      margin-top: 1%;
      margin-bottom: 1%;
      /* box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; */
    }
    @keyframes text-anima {
        0% {
         opacity: 0.8;
        }
      
        10% {
         opacity: 1;
        }
        20% {
         opacity: 1;
        }
        30% {
         opacity: 1;
        }
        40% {
         opacity: 1;
        }
        50% {
         opacity: 1;
        }
        60% {
         opacity: 1;
        }
        75% {
         opacity: 1;
        }
        80% {
         opacity: 1;
        }
        90% {
         opacity: 0.8;
        }
        95% {
         opacity: 0.5;
        }
        100% {
         opacity: 0;
        }
     }

.img-wd {
    margin-right: 4%;
    width: 10%;
}

.message-box {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    width: 100%;
}
.message-box p {
    font-size: 16px;
    margin: 10px 0;
}
.message-box .contact-info {
    font-size: 3rem;
}
.message-box .contact-info i {
    margin-right: 10px;
    color: #d50000;
}
.message-box .icon {
    font-size: 4rem;
    color: #d50000;
}
.message-box .contact-info a {
    color: #d50000;
    text-decoration: none;
}

.ser-pro:hover {
    cursor: pointer;
    background-color: lightgray !important;
}

.ser-pro-imge {
    vertical-align: middle;
    width: 75px;
}

.ser-pro-imgee {
    margin: 13%;
    background-color: #181818;
    border-radius: 50%;
    padding: 8px;
}

.ser-pro-bg {
    background-color: lightgray;
}

.ser-pro-bg:hover {
    cursor: pointer;
    background-color: lightgray;
}
  
.ser-pro {
    margin-top: 5%;
    margin-bottom: 5%;
    padding: 0px;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
  }
  .set-pro-padding {
    margin-right: 5%;
    margin-left: 5%;
  }
  
  .set-pro-align {
    padding: 2% 2% 2% 12%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
  }

.grid-view .item {
    margin-bottom: 20px;
}

.list-view .item {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.loader-cc {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #1f1f1f transparent transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.loader-cc::after,
.loader-cc::before {
    content: '';  
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid;
    border-color: transparent transparent #FF3D00 #FF3D00;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    animation: rotationBack 0.5s linear infinite;
    transform-origin: center center;
}

.loader-cc::before {
    width: 32px;
    height: 32px;
    border-color: #FFF #FFF transparent transparent;
    animation: rotation 1.5s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

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

::-webkit-scrollbar {
    width: 8px;
  }
  
  ::-webkit-scrollbar-track {
    background: #0000; 
    border-radius :20px
  }
   
  ::-webkit-scrollbar-thumb {
    background: #888; 
    border-radius :20px
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }

  .topic-details p {
    word-wrap: break-word;
    white-space: normal;
    margin: 0;
  }
    
   
/* @keyframes text-anima {
    0% {
     opacity: 0.5;
    }
      
    50% {
     opacity: 1;
    }
    65% {
     opacity: 0.8;
    }
    85% {
     opacity: 0.5;
    }
    100% {
     opacity: 0;
    }
} */

.report-now {
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    font-size: xx-large;
    text-shadow: 1px 1px 2px black;
    color: #d50000 !important;
}

.report-cancel {
    color: white;
    background-color: #EA5455;

}

.container {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}
.message-box {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    width: 100%;
}
.message-box p {
    font-size: 16px;
    margin: 10px 0;
}
.message-box .contact-info {
    font-size: 3rem;
    font-weight: bold;
}
.message-box .contact-info i {
    margin-right: 10px;
    color: #d50000;
}
.message-box .icon {
    font-size: 4rem;
    color: #d50000;
}
.message-box .contact-info a {
    color: #d50000;
    text-decoration: none;
}

.porn-in {
    border-radius: 12px;
    border: solid gray 1px;
}
.close-error {
    width:25px;
    height: 25px;
}

.fixed-circle {
    width: 3rem;
    height: 3rem;
}

.icon-style {
    justify-content: center;
    display: flex;
    font-size: x-large;
    color: black;
}

.card-padding {
    margin-left: 8px;
    margin-top: 8px;
}

.justify-self {
    justify-self: center;
    display: flex;
    width: 2rem;
    padding-bottom: 10px;
}

.img-center {
    justify-self: center;
    width: 22%;
}


.animated-button {
    background-color: #d3d3d3;
    width: 100%;
    border: none;
    color: black;
    border-radius: 15px;
    transition: width 0.3s ease, background-color 0.3s ease;
    cursor: pointer;
}
.animated-button:hover {
    box-shadow: 0 4px 24px 10px rgba(34 41 47 / 10%);
}

.animated-button:disabled {
    
    background-color: #e7e4e4 !important;
    cursor: not-allowed;
}

.divAlignment {
    display: flex; 
    align-items: center;
    margin: 9px;
    justify-content: space-between;
}

.icon-align {
    display: flex;
    margin: 6px;
}


.animated-button:hover .fa-angle-right {
    transform: translateX(7px);
    transition: transform 0.3s ease;
}

.animated-button:disabled .fa-angle-right {
    transform: none;
}

.text-align {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 6px;
}

.sliding-div {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;
    padding: 0;
}

.sliding-div.visible {
    max-height: 100%;
    padding: 10px 0;
}

.icon-container {
    position: relative;
    display: inline-block;
}
.fa-globe {
    font-size: 24px;
}
.fa-phone {
    position: absolute;
    bottom: -3px;
    right: -8px;
    font-size: 14px;
    background: white;
    border-radius: 50%;
}

.text-f {
    text-transform: capitalize;
}

/* update port in details */
.main-block {
    padding: 2%;
}
.main-hd {
    font-size: 2rem;
    font-weight: 700;
    color: #211e1e;
}

.info-block {
      padding:2%;
      background-color: #ffd1d147;
      border-radius: 15px;
      display:  flex;
      /* flex-direction: column; */
      gap: 25px;
      margin-bottom: 2%;
      margin-top: 2%;
}

.sub-txt {
    font-size: 2rem;
    font-weight: 600;
    color: #373636;
}

.md-txt {
    font-size: 1.35rem;
    font-weight: 600;
    /* text-transform: capitalize; */
    color: #181818;
    padding: 1.5%;
    /* margin: 2%; */
}

.mino-txt {
    font-size: 1rem;
    color: #F29339;
    font-weight: 530;
    background-color: #ffffff6b;
    padding: 7px 6px 6px 7px;
    border-radius: 17px;
    display: inline;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
    border: 1px solid #F29339;
}

.valid {
    font-size: 0.9rem;
    color: #20ca37;
    font-weight: 530;
    background-color: #ddffdd;
    padding: 5px 15px 5px 15px;
    border-radius: 12px;
    display: inline;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
    border: 1px solid #d7fecf26;
}

.action-needed {
    font-size: 0.9rem;
    color: #d91930;
    font-weight: 530;
    background-color:#ffdddd;
    padding: 7px 15px 6px 15px;
    border-radius: 17px;
    display: inline;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
    border: 1px solid #d7fecf26;
}

.trnas-block {
    /* display: flex;
    gap:20px;
    flex-direction: column; */
    /* border: 1px solid #9c9a9a47; */
}

.call-img {
    width: 40px;
    height: 40px;
}

.sub-block {
    margin-top: 0px;
    background-color: #fcfcfc;
    padding: 1.5%;
    border: 1px solid #f3f3f3
}

.inl-bloc {
    display: flex;
    flex-direction: row;
    gap:20px
}

.icon-img {
    width: 24px;
    height: 24px;
}

.bao {
    padding: 1%;
    background-color: #ffd1d147;
    margin: 1px;
    border-radius: 13px;
    max-height: fit-content;
}

.md-t {
    margin-top: 3%;
}
.text-f {
    text-transform: capitalize;
    font-size: large;
}
.mm-t{
    color: black;
    font-size: 1.2rem;
    font-weight: 500;
    margin: 0px !important;
}

.btn-re {
    background-color: #d91930 !important;
    border: none;
    font-size: 15px;
    font-weight: 700;
    color: white !important;
    text-transform: capitalize;
    padding: 5px 16px 5px 16px;
    border-radius: 5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.btn-tr {
    background-color: #f8d1d147 !important;
    border: 1px solid;
    font-size: 15px;
    font-weight: 700;
    color: #d91930 !important;
    text-transform: capitalize;
    padding: 5px 16px 5px 16px;
    border-radius: 5px;
    box-shadow: rgb(112 111 111 / 23%) 0px 2px 8px 0px;
}

.sma-tt {
    font-size: 1.25rem;
    /* padding: 3%; */
    font-weight: 500;
    color: #181818;
    margin: 0px !important;
}

.dan {
    color: #d91930 !important;
    font-weight: 505;
}
.main-hd-p {
    font-size: 1.3rem;
    font-weight: 500;
    color: #211;
}

.imag-t {
    padding: 1%;
    margin-bottom: 2%;
}

.timer-blink {
    font-size: 1.5rem;
    color: #d61313;
    font-weight: 550;
    opacity: 1;
    animation: blink 1s infinite;
    transition: linear 1s;
    background-color: #ffd1d147;
    padding: 5px 20px 5px 20px;
}

@keyframes blink{
    0% {
        opacity: 1;
    }

    50% {
          opacity : 0;
    }
    100% {
        opacity: 1;
  }
}

.ab {
    background-color: #f8d1d147;
    padding: 1%;
    line-height: 23px;
    font-weight: 500;
    font-size: 12px !important;
    margin-top: 10px;
    margin-bottom: 10px;

}   

.img-cr {
    width: 23px !important
}

 .rr{
    background-color: #d91930;
    padding: 3px;
    color: #ffff;
    margin: 10px 5px 5px 5px;
    font-weight: 600;
    font-size: 13px;
    border-radius: 5px;
}
 

@media (max-width : 1000px) {
    .btr {
        border-bottom: 1px solid #d0d0d0;
        padding: 7px;
        margin-top: 10px !important;
        margin-bottom:  10px !important;
    }
}

.img-crs {
    width: 35px;
    height: 35px;
}

.labl {
    margin-bottom: 10px;
}

.nnr {
    margin-top: 4px;
}

@media (min-width : 300px)  and (max-width:570px) {
    .mm-t {
        font-size: 1rem !important;
    }
    .sma-tt {
        font-size: 1rem !important;
    }
    
    .lap-v {
        display: none !important;
    }
    .mobile-v {
        display: block !important;
    }
    .md-txt {
        font-size: 1rem !important;
    }
    .md-t {
        margin-top: 14% !important;
    }
    .main-hd {
        font-size: 1.3rem !important;
    }
    .mino-txt {
        font-size: 0.8rem !important;
    }
    .sub-txt {
        font-size: 1.5rem !important;
    }
    .action-needed {
        font-size: 0.9rem !important;
        padding: 5px 15px 5px 15px;
    }
}

@media (min-width :300px) and (max-width :478px) {
    sma-tt {
        text-align: end !important;
    }
}

.lap-v {
    display: flex !important;
}

.mobile-v {
    display: none !important;
}

.table-head {
    background-color:#d91930 !important;
}

.scroll-u {
    overflow: auto ;
}
.hvr::-webkit-scrollbar {
    height: 6px; /* Adjust as needed */
  }