html,body{
    height: 100%;
}

:root{
    --info-header-color: blue;
}

h5{
    margin: 0;
    padding: 0;
}

.mianselectdelivery{
    min-height: 100vh;
}

.info-numberbox{
    background: linear-gradient(145deg,rgb(27,45,83,0.9),rgb(10,19,34)) !important;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 1;
}

.info-numberbox.selectdonefiled{
    background-color: #f3f3f3;
}

.addresslabel{
    position: relative;
}

.addressedit{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}

.addresscontrol input{
    width: 50px;
}

.rounded-contain{
    width: 25px;
    height: 25px;
   border: 1px solid #c2c2c2;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.selectaddressimgshow{
    width: 130px;
}

.displayadress{
    
}

.changeaddressbtn{
    position: absolute;
    top:50%;
    right: 0;

    width: max-content;


    transform: translateY(-50%);
}

.detailsAddressBg{
    background: linear-gradient(112.1deg, rgb(63, 76, 119) -14.8% , rgb(32, 38, 57) 100.4%);
    color: white;
}



.paymentgatewaypage{
    width: 100vw;
    height: 100vh;

    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.378);
    color: white;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 9999;
}

.select2-container--default{
    width: 100% !important;
}

.select2-selection__clear span{
    display: none !important;
}

.select2-selection__rendered {
    line-height: 50px !important;
}
.select2-container .select2-selection--single {
    height: 60px !important;
}
.select2-selection__arrow {
    height: 50px !important;
}

[name="payment"]:checked ~ label{
    border: 1px solid blue  ;
}