first commit

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/productOverview.css

@@ -0,0 +1,68 @@
+.productoverviewmain{
+  background-image: url("../../assets/imgs/productoverview/productbg.png");
+  background-color: #C9DBB5;
+  background-size:     cover;                    
+  background-repeat:   no-repeat;
+  background-position: center; 
+
+  position: relative;
+}  
+
+.photo_dual {
+  width: 40rem;
+}
+
+.price_footer {
+  background: rgba( 255, 255, 255, 0.25 );
+/* box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); */
+backdrop-filter: blur( 4px );
+-webkit-backdrop-filter: blur( 4px );
+
+border: 1px solid rgba( 255, 255, 255, 0.18 );
+  border: 2px solid;
+
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+
+.boxImgContainer {
+  width: 4rem;
+}
+
+.priceCut_multi {
+  font-size: 0.7rem;
+}
+
+.productOverview .overviewProductHeading {
+  font-size: 2.1rem;
+}
+
+.productOverview .overviewProductFullTitle {
+  padding: 2rem 13rem;
+  font-size: 3rem;
+}
+
+.productOverview .overviewProductDes {
+  padding: 0 2rem;
+  font-size: 1.5rem;
+}
+
+.PO_galleryContainer .PO_gallery_display {
+  min-height: 500px;
+  width: 100%;
+  background: white;
+  background: linear-gradient(180deg, white 7%, #ff8e9e4d 52%, #eb869478 100%);
+  position: relative;
+}
+.PO_galleryContainer .PO_gallery_display .PO_gallery_display_img {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.PO_galleryContainer .PO_gallery_box_inner {
+  padding: 2rem;
+  background-color: #eeeeee;
+}

dist/css/pages/productdetails.css

@@ -0,0 +1,132 @@
+.font-w600{
+    font-weight: 600;
+}
+
+.small-font{
+    font-size: 0.7rem;
+    font-family: var(--fontfamilyone);
+}
+
+.specsmallcard{
+    width: 200px;
+    font-weight: 600;
+    text-align: center;
+}
+
+.specsmallcard-mini{
+    max-width:  200px;;
+}
+
+.color-display-img{
+    width: 50px;
+    height: 50px;
+    border: 1px solid #e6e9f0;
+
+    cursor: pointer;
+}
+
+.color-display-img.color-display-img-active{
+    border: 1px solid;
+}
+
+.colors-display-photos{
+    width:25px;
+    height:25px;
+ 
+    border-radius: 50%;
+    cursor: pointer;
+}
+
+.qtybtn{
+    padding: 1px 10px;
+    cursor: pointer;
+}
+
+.qtybtright{
+    border-top-right-radius: 50%;
+    border-bottom-right-radius: 50%;
+}
+.qtybtleft{
+    border-top-left-radius: 50%;
+    border-bottom-left-radius: 50%;
+}
+
+.mainContanierProduct{
+    margin-top: 7rem;
+ 
+}
+
+.productDetailsShadow{
+   
+}
+
+.learnMoreA{
+    text-decoration: none;
+    color: orange;
+}
+
+.bgGreyLight{
+    background-color: #f7f7f7;
+}
+
+.borderselector{
+    background-color: rgb(231 240 254/2) !important;
+    border-color: rgb(14 99 236/1) !important;
+}
+.smallHeadingProductDetails{
+    font-size: 1rem;
+}
+
+.bgproductDGen{
+    
+}
+
+.product-item-gallery{
+    background: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
+ 
+    border-radius: 5px;
+    cursor: pointer;
+    height: 6rem;
+    width: 6rem;
+}
+
+.bgproductDGen  {
+    position: sticky;
+    top: 125px;
+}
+
+
+.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;
+}
+
+.specContainer > div{
+    flex-basis: 50%;
+}

dist/css/pages/selectdelivery.css

@@ -0,0 +1,128 @@
+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  ;
+}