code added

dist/css/pages/orderconfirmation.css

@@ -0,0 +1,21 @@
+/* html,body{
+    height: 100%;
+} */
+.orderconfirmationMain{
+    /* height: 100%; */
+  
+    padding-top: 5rem;
+
+    display: flex;
+    
+    justify-content: center;
+}
+
+.ordercontainerconfirm{
+    max-width: 800px;
+    height: max-content;
+}
+
+.summaryconfirmdetails{
+    width: 250px;
+}

dist/css/pages/productdetails.css

@@ -1,6 +1,3 @@
-*{
-    font-family:"Satoshi", sans-serif;
-}
 .font-w600{
     font-weight: 600;
 }
@@ -59,9 +56,9 @@
  
 }
 
-/* .productDetailsShadow{
+.productDetailsShadow{
    
-} */
+}
 
 .learnMoreA{
     text-decoration: none;
@@ -80,9 +77,9 @@
     font-size: 1rem;
 }
 
-/* .bgproductDGen{
+.bgproductDGen{
     
-} */
+}
 
 .product-item-gallery{
     background: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
@@ -101,4 +98,31 @@
 
 .product-item-gallery.active-gallery-img{
     border: 3px solid;
+}
+
+.disable-item{
+    pointer-events: none;
+    background: #f3f3f3;
+}
+
+.tabsContainer{
+    margin-top: 100px !important;
+    transition: none !important;
+}
+
+
+.no-transition{
+    transition: none !important;
+}
+
+
+.productdetailstabs .active{
+    transition: none !important;
+    border-bottom: 3px solid;
+    font-weight: 600;
+
+}
+
+.tabsContainer .wrap-content-product-tabs{
+    margin-top: 40px !important;
 }

dist/css/pages/selectdelivery.css

@@ -0,0 +1,133 @@
+html,body{
+    height: 100%;
+}
+
+:root{
+    --info-header-color: blue;
+}
+
+h5{
+    margin: 0;
+    padding: 0;
+}
+
+.mianselectdelivery{
+    min-height: 100vh;
+}
+
+.info-numberbox{
+    width: 20px;
+    /* height: 20px; */
+    background-color: white;
+    color: var(--info-header-color);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 14px;
+    font-weight: 700;
+}
+
+.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: #2E1835;
+    color: white;
+}
+
+.detailsAddressBtn{
+    background-color: #F89C1F;
+    border: none;
+    padding: 0.5rem;
+    border-radius: 5px;
+    cursor: pointer;
+    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  ;
+}