.delivery{
    width: 80%;
    background-image: linear-gradient(rgba(250, 246, 195, 0.905),rgba(250, 238, 207, 0.877));
    margin: auto;
    padding: 20px;
    border-radius: 20px;
    margin-top: 30px ;
    margin-bottom: 30px;
    box-shadow: 2px 2px 10px gray;
}


.delivery form .select{
    width: 100%;
    padding: 7px 5px;
    
    background-image: linear-gradient(to right,rgb(224, 55, 4),rgb(230, 240, 95));
    border: 2px solid rgb(224, 195, 26);
    box-shadow: -2px 2px 5px rgb(228, 212, 212);
   
}

.radio{
    display: inline-flex;
    overflow: hidden;
    
}
.radio__input{
    display: none;
}
.radio__label{
    padding: 8px 14px ;
    font-size: 15px;
    font-weight: bolder;
    font-family:Arial, Helvetica, sans-serif;
    color: rgb(71, 71, 71);
    background: rgb(231, 231, 231);
    cursor: pointer;
    transition: background 0.1s;
    width: 50%;
    margin: 10px;
    text-align: center;
    border: 3px solid rgb(230, 240, 95);
}
.radio__input:checked + .radio__label{
    color: rgba(250, 246, 195, 0.905);
    background-image: linear-gradient(to right,rgb(224, 55, 4),rgb(193, 206, 16));

}
.confirm{
    border: 3px solid red;
    border-radius: 0px;
    background :white;
    font-weight: bolder;
    transition: 0.5s;
}
.confirm:hover{
    letter-spacing: 1px;
    background: red;
    color: white;
}


/* user reg style */
.User-reg{
    
    background-image: linear-gradient(to right,rgba(245, 252, 208, 0.781),rgba(253, 241, 199, 0.604));
    margin: auto;
    margin-top: 30px ;
    margin-bottom: 30px;
    box-shadow: 2px 2px 10px gray;
}
.reg-btn{
    border: 2px solid red;
    box-shadow: 2px 2px 5px snow;
    background-image: linear-gradient(to right,rgb(224, 55, 4),rgb(241, 252, 93));
    font-weight: bolder;
    transition: 0.5s;

}
.reg-btn:hover{
    border: 2px solid gold;
    letter-spacing: 1px;
    box-shadow: 2px 2px 5px gray;
    color: snow;
    background-image: linear-gradient(to right,rgb(224, 55, 4),rgb(241, 252, 93));
}
/*  shopment page */
.shipment{
    width: 60%;
    background-image: linear-gradient(rgba(252, 250, 223, 0.905),rgba(252, 241, 213, 0.86));
    margin: auto;
    padding: 20px;
    border-radius: 20px;
    margin-top: 30px ;
    margin-bottom: 30px;
    box-shadow: 2px 2px 10px gray;
}

.shipment .A{
    font-weight: bold;
    font-size: 18px;
    border: 3px solid yellowgreen;
    padding: 5px 10px;
    border-radius: 100%;

}

.choose-country{
    
  margin: 0 !important;
  padding: 0 !important;

}

.input-group-prepend label{
    border: none;
   color: black;
    
}
.input-group select{
    border: none;
   
}
.shipment  input{
    border: none !important;
    width: 100%;
   padding: 15px 0px;

}
.shipping-form{
    font-size: 12px;
    background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT6fKQMJKP6B4dj2OSaEu36Qn2LPTk1I226TOfgZMTY_1DQawSyWXHYBNI3eHuByf-A39I&usqp=CAU);
    background-size: cover;

}

.shopping-form-one{
    background-image: linear-gradient(to right,rgba(255, 239, 239, 0.938) ,rgb(252, 252, 187),rgba(236, 250, 250, 0.94));
    margin-bottom: 20px;
}


.img-width{
    width: 50px;
    height: 40px;
}
.m-reg{
    
    background-image: linear-gradient(to right,rgba(245, 252, 208, 0.9501),rgba(253, 241, 199, 0.904));
    margin: auto;
    margin-top: 30px ;
    margin-bottom: 30px;
    box-shadow: 2px 2px 10px gray;
}
.modal-font{
    font-size: 12px;
}






/* Shop Now Page */

.ShopNow{
    width: 80%;
    background-image: linear-gradient(rgba(250, 246, 195, 0.905),rgba(250, 238, 207, 0.877));
    margin: auto;
    padding: 20px;
    border-radius: 20px;
    margin-top: 30px ;
    margin-bottom: 30px;
    box-shadow: 2px 2px 10px gray;
}
#two-two{
    display: none;
}
#Two{
    display: none;
}
#three{
    display: none;
}
#m-cargo{
    display: none;
}
#parcel{
    display: none;
}

#cargo{
    display: none;
}
#Business{
    display: none;
}
#Private{
    display: none;
}
#Air{
    display: none;
}
#NotSure{
    display: none;
}
.Ship-btn{
    width: 100%;
    padding: 10px ;
    font-weight: bold;
    background: transparent;
    border: 2px solid rgb(119, 119, 96);
    border-radius: 5px;
    box-shadow: 2px 2px 4px rgb(163, 157, 157);
    transition: .1s;
    color: rgb(112, 111, 111);
    

}
.Ship-btn1{
    width: 100%;
    padding: 2px ;
    font-weight: bold;
    background: transparent;
    border: 1px solid rgb(167, 167, 167);
    border-radius: 5px;
    box-shadow: 2px 2px 4px rgb(212, 209, 209);
    transition: .1s;
    

}
.shipment{
    width: 100%;
    padding: 2px ;
    font-weight: bold;
    background: transparent;
    border: 1px solid rgb(167, 167, 167);
    border-radius: 5px;
    box-shadow: 2px 2px 4px rgb(212, 209, 209);
    transition: .1s;
    min-height: 250px;
    

}
.visit-btn{

    width: 100%;
    padding: 10px 10px;
    color: white;
    background-color: rgb(245, 208, 32);
    background-image: linear-gradient(315deg, rgb(245, 208, 32) 0%, rgb(245, 56, 3) 74%);
    transition: .3s;
}
.visit-btn1{

    width: 100%;
    padding: 10px 10px;
    color: rgb(224, 129, 28);
    background: transparent;    
    transition: .3s;
    border: 2px solid rgb(224, 175, 12);  
    border-image-source: linear-gradient(rgb(238, 232, 144), rgb(214, 82, 11));
    border-image-slice: 20;
}
.visit-btn1:hover{
    color: white;
    letter-spacing: 1px;
    border-color: rgb(255, 136, 0);
    background-color: rgb(245, 208, 32);
    background-image: linear-gradient(315deg, rgb(245, 206, 14) 0%, rgb(247, 81, 36) 74%);
}
.visit-btn:hover{

    letter-spacing: 1px;
    border-color: rgb(255, 136, 0);
    background-color: rgb(245, 208, 32);
    background-image: linear-gradient(315deg, rgb(245, 206, 14) 0%, rgb(247, 81, 36) 74%);
}
.ship-icon{
    font-size: 35px;
    padding: 10px;
}
.Ship-btn:hover{
    letter-spacing: 1px;
    background: rgb(248, 237, 166) ;
    box-shadow: 2px 5px 8px rgb(151, 145, 145);
}
.focus{
    letter-spacing: 1px;
    color: rgb(158, 95, 0);
    border: 3px solid rgb(224, 175, 12);  
    border-image-source: linear-gradient(rgb(238, 232, 144), rgb(214, 82, 11));
    border-image-slice: 20;
    background: rgb(248, 237, 166) ;
    box-shadow: 2px 2px 7px rgb(233, 195, 92);

}
/* mobile Css */

@media screen and (max-width: 600px) {
    .delivery{
        width: 100%;
        background-color: aliceblue;
       
    }
    .shipment{
        width: 100%;
    }
    .input-group {
        margin-top: 20px;
        
    }
    
  }