Added new files

dist/css/pages/productdetails.css

@@ -0,0 +1,104 @@
+*{
+    font-family:"Satoshi", sans-serif;
+}
+.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;
+}