@charset "UTF-8";@font-face{font-family:Kumbh Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/kumbhsans/v22/c4mw1n92AsfhuCq6tVsaoIx1LQICk0boNoq0ShMzVo0iPw.woff2) format("woff2");unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0330,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2034-2037,U+2057,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2102,U+210A-210E,U+2110-2112,U+2115,U+2119-211D,U+2124,U+2128,U+212C-212D,U+212F-2131,U+2133-2138,U+213C-2140,U+2145-2149,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B6,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF}@font-face{font-family:Kumbh Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/kumbhsans/v22/c4mw1n92AsfhuCq6tVsaoIx1LQICk0boNoq0ShMhVo0iPw.woff2) format("woff2");unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8B1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA88,U+1FA90-1FABD,U+1FABF-1FAC5,U+1FACE-1FADB,U+1FAE0-1FAE8,U+1FAF0-1FAF8,U+1FB00-1FBFF}@font-face{font-family:Kumbh Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/kumbhsans/v22/c4mw1n92AsfhuCq6tVsaoIx1LQICk0boNoq0ShNBVo0iPw.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
*{margin: 0px; padding: 0px; box-sizing: border-box;}
img{max-width: 100%;}
a,a:hover,a:visited,a:active,a:focus{text-decoration: none;}
ul{margin: 0px; padding: 0px;}
p{margin: 0px;}

/* body{font-family: "Kumbh Sans", sans-serif;} */
 body{    font-family: Kumbh Sans, sans-serif;} 

/* wishlist  pop */
.wishlist-pop {padding: 0px;}
#myalert {right: 50px; top: 50px; position: fixed; z-index: 10000; display: none;}

.cart-pop {padding: 0px;}
#myalerta {right: 50px; top: 50px; position: fixed; z-index: 10000; display: none;}

/* poop end */

header .headertop select{background-color: #000 !important; color: #fff !important; margin: 5px 0; height: 30px; border: none;}
header .headertop{ background-color: #000; padding: 0px 25px; font-size: 12px;}
header .headertop ul li a{color: #fff;}


header .headermedim {padding:0px 25px;}
header .headermedim .heaqderlogo img{width: 86px;}
header .headermedim .top-nav li a{font-family: inherit; font-size: 16px; color: #000; font-weight: 500; font-family: Kumbh Sans, sans-serif;}
header .headermedim{display: flex; justify-content: space-between; align-items: center; }
/* header .headermedim .headericon{position: absolute; right: 154px; top: 61px;} */
/* header .headermedim .headericon li a img{color: #020202; font-size: 15px; transition: .5s;} */
header .headermedim .headericon li img{width: 25px;}
header .headermedim .headericon{gap: 14px;}
header .headermedim .headericon li a:hover{color: #a2c7b6;}

/* header dropdown  */

/*header .headermedim{position: relative;}*/
/*header .headermedim .down .dropdown{transform-origin: top; transform: perspective(1000px) rotateX(-90deg);*/
/*position: absolute; top: 82px; z-index: 99; padding: 15px; right: 0; left: 0; background-color: #ffffff;  border-top: 2px solid; transition: .5s; text-align: center;}*/
/*header .headermedim .down a i{transition: .3s;}*/
/*header .headermedim .down:hover a i{transform: rotate(180deg);}*/
/*header .headermedim .down:hover .dropdown{transform: perspective(1000px) rotateX(0deg);}*/
/*header .headermedim .down:hover .dropdown li:first-child{margin-top: 12px;}*/
/*header .headermedim .down:hover .dropdown li{margin-bottom: 1px;  padding-bottom: 0px;}*/
/*header .headermedim .down:hover .dropdown li:last-child{border: none;}*/
/*header .headermedim .down:hover .dropdown li a{color: #000; font-size: 13px;}*/


/*  */


/* header dropdown  */
/* .navbar-nav{--bs-nav-link-padding-x: none;}
header .offcanvas .offcanvas-body .navbar-nav  .down{position: relative;}
header .offcanvas .offcanvas-body .navbar-nav  .down .dropdown{transform: scale(0); position: absolute; top: 24px; z-index: 99; padding: 15px 15px; width: 250px; background-color: #ffffff;  border-top: 2px solid; transition: .5s;}
header .offcanvas .offcanvas-body .navbar-nav  .down a i{transition: .3s;}
header .offcanvas .offcanvas-body .navbar-nav  .down:hover a i{transform: rotate(180deg);}
header .offcanvas .offcanvas-body .navbar-nav  .down:hover .dropdown{transform: scale(1);}
header .offcanvas .offcanvas-body .navbar-nav  .down:hover .dropdown li:first-child{margin-top: 12px;}
header .offcanvas .offcanvas-body .navbar-nav  .down:hover .dropdown li{margin-bottom: 15px;  padding-bottom: 4px;}
header .offcanvas .offcanvas-body .navbar-nav  .down:hover .dropdown li:last-child{border: none;}
header .offcanvas .offcanvas-body .navbar-nav  .down:hover .dropdown li a{color: #000; } */



/*  */

header .heaberbooyem{display: none;}
header .heaberbooyem .navbar-brand{padding: 0px !important;}
header .heaberbooyem .navbar .offcanvas-body .navbar-brand{    width: 150px;}
header .heaberbooyem .navbar-nav .nav-item .nav-link{font-family: inherit; font-size: 16px; color: #000; font-weight: 500; transition: .5s; color: #000000;}
header .heaberbooyem img{width: 250px;}
.btn-close{color: #fff;}
header .heaberbooyem .navbar-nav .nav-item .nav-link:hover{color: #ffa605;}
header .heaberbooyem .navbar-nav .nav-item .nav-link::after{background-color: #ffa605; height: 2px; width: 0px; content: ''; display: block; top: calc(100% + 4); transition: .5s;}
header .heaberbooyem .navbar-nav .nav-item .nav-link:hover::after{width: 100%;}
header .heaberbooyem .navbar-toggler{border-radius: 0px; border: 2px solid #eeab20;}
header .heaberbooyem .navbar-toggler span i{color:#eeab20!important;}
header .heaberbooyem .offcanvas{background-color: #ffffff; color: rgb(0, 0, 0); width: 276px;}
header .heaberbooyem button:focus:not(:focus-visible){box-shadow: none;}
header .heaberbooyem .offcanvas-header .btn-close{color: #030303; }
header .heaberbooyem  .navbar-nav .leee .lee{display: none;}


header .dropdown-menu {width: auto; padding: 0px;}
header .dropdown-menu .btn-group{width: 100%;}
header .dropdown-menu .btn-group .dropdown-item:hover{background-color: #e9ecef; color: #000;}


/*header .heaberbooyem .navbar-expand-lg .navbar-nav .dropdown-menu ul li a:hover {padding-left: 10px; color: #9d7723;}*/
/*header .heaberbooyem .navbar-expand-lg .navbar-nav .dropdown-menu ul li a {font-size: 14px; color: #000; transition: .5s;}*/
/*header .heaberbooyem .navbar-expand-lg .navbar-nav .dropdown-menu h3 {font-size: 14px; font-weight: 700;}*/
/*header .heaberbooyem .dropdown-menu{border-radius: 0; border: 0; padding: 15px 0; box-shadow: 0 0 5px #0000002f; width: auto; padding: 20px; left: 0px; right: 0px;}*/
/*header .heaberbooyem .dropdown-menu li .dropdown-item{padding: 6px 20px; font-size: 18px; font-weight: 500; font-family: initial;}*/
/*header .heaberbooyem .dropdown-menu li .dropdown-item:hover{background-color: #9d7723; color: #fff;}*/
/*  */

/* header ma cart ki  */
.vive-cart .row{border-top: 1px solid rgb(199, 196, 196); border-bottom: 1px solid rgb(199, 196, 196); padding-bottom: 30px; padding-top: 30px;}
.vive-cart .content h3{line-height: 17px;}
.vive-cart .content h3 a{font-size: 16px; color: #000; font-weight: bold;}
.vive-cart .content h4 b{font-size: 16px; color: #000;}
.vive-cart .content h4{color: rgb(165, 162, 162); font-size: 16px;}
.vive-cart .content h5 b{ color: #000; font-size: 16px;}
.vive-cart .content h5{color: rgb(165, 162, 162); font-size: 16px;}

.vive-cart .content .qty-input {
color: #000;
background: #fff;
display: flex;
align-items: center;
overflow: hidden;
}
.vive-cart .content .qty-input .product-qty,
.vive-cart .content .qty-input .qty-count {
background: transparent;
color: inherit;
font-weight: bold;
font-size: inherit;
border: none;
display: inline-block;
min-width: 0;
height: 2.5rem;
line-height: 1;
}
.vive-cart .content .qty-input .product-qty:focus,
.vive-cart .content .qty-input .qty-count:focus {
outline: none;
}
.vive-cart .content .qty-input .product-qty {
width: 50px;
min-width: 0;
display: inline-block;
text-align: center;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.vive-cart .content .qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.vive-cart .content .qty-input .qty-count {
padding: 0;
cursor: pointer;
width: 2.5rem;
font-size: 1.25em;
text-indent: -100px;
overflow: hidden;
position: relative;
}
.vive-cart .content .qty-input .qty-count:before, .qty-input .qty-count:after {
content: "";
height: 2px;
width: 10px;
position: absolute;
display: block;
background: #000;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.vive-cart .content .qty-input .qty-count--minus {
border-right: 1px solid #e2e2e2;
}
.vive-cart .content .qty-input .qty-count--add {
border-left: 1px solid #e2e2e2;
}
.vive-cart .content .qty-input .qty-count--add:after {
transform: rotate(90deg);
}





.vive-cart .content .qty-input {
border-radius: 4px;
width: 140px;
transform: scale(1);
border: 1px solid#e2e2e2;
}


.vive-cart .cartinfo{margin: 20px 0px;}
.vive-cart .cartinfoo{ border-bottom: 1px solid rgb(199, 196, 196); margin-bottom: 20px; padding-bottom: 20px;}
.vive-cart .btnd{display:block; text-align: center; transition: .5s; padding: 10px 20px; background-color: #000; color: #fff; transition: .5s; font-size: 18px;}
.vive-cart .btnd:hover{background-color: #a3c8b5;}

/* hearder ka cart icon ki css clos */



/*  */

#slider .owl-carousel .owl-stage .owl-item{background-size: cover; background-repeat: no-repeat; padding: 300px 0px;}

#slider .owl-carousel .owl-stage .owl-item h6{color: #fff; font-family: inherit; font-size: 15px; line-height: 20px; text-transform: uppercase;   font-weight: 600; letter-spacing: 0.1em;}
#slider .owl-carousel .owl-stage .owl-item h2{font-size:80px; color: #fff; font-family: "Kumbh Sans", sans-serif; width: 50%;}
#slider .owl-carousel .owl-stage .owl-item a{padding: 11px 40px; background-color: #fff; color: #000; border-radius: 30px; display: inline-block; margin-top: 15px;}
#slider .owl-carousel .owl-nav button.owl-next{position: absolute; top: 290px; right: 50px; height: 40px; width: 40px; background-color:#000; border-radius: 50px; text-align: center; line-height: 17px; font-size: 26px; color:#f30101;}
#slider .owl-carousel .owl-nav button.owl-prev{position: absolute; top: 290px; left:50px; height: 40px; width: 40px; background-color:#000; border-radius: 50px; text-align: center; line-height: 17px; font-size: 26px; color: #ff0000;}
#slider .owl-carousel .owl-nav button.owl-next span{position: absolute; top: 8px; left: 16px;}
#slider .owl-carousel .owl-nav button.owl-prev span{position: absolute; top: 8px; left: 16px;}
/* #slider .owl-theme .owl-dots .owl-dot{display: none;} */

/* categories */

#categories{padding: 50px 25px; border-bottom: 1px solid #e9e9e9;}
#categories ul{margin-bottom: 50px;}
#categories ul li a{font-size: 16px; line-height: 26px; padding-bottom: 4px; font-weight: 600; color: #181818;
position: relative; transition: all 0.3s ease; display: inline-flex; align-items: center;
background: linear-gradient(to right, #a2c7b6 50%, #181818 50%); background-size: 200% 100%; background-position: right;
-webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: background-position 0.3s linear;}
#categories ul li a:hover {background-position: left;}
#categories ul li a::before {position: absolute; content: ""; left: 0; width: 0; bottom: 0; height: 2px; background-color: #a2c7b6;
transition: width 0.3s linear; z-index: 1;}
#categories ul li a::after {position: absolute; content: ""; left: 0; bottom: 0; right: 0; height: 2px; background-color: #181818; transition: all 0.3s ease;}
#categories ul li a:hover::before {width: 100%;}
#categories h3{font-family: "Kumbh Sans", sans-serif; font-size: 40px; line-height: 48px; font-weight: 500;}
#categories .imgs{border-radius: 50%; overflow: hidden;}
#categories .iner{text-align: center;}
#categories .imgs img{transition: .5s;}
#categories .imgs:hover img{transform: scale(1.1);}
#categories h5 a{font-size: 20px; line-height: 28px; display: inline-block; margin: 13px 0px 0px; color: #000;}
#categories .owl-prev span {position: absolute; font-size: 30px; top: 100px; left: 0px; width: 40px; height: 40px; color: #000; background-color: #fff; border: 1px solid #000; line-height: 31px; border-radius: 50px;}
#categories .owl-next span {position: absolute; font-size: 30px; top: 100px; right: 0px; width:40px; height: 40px; color: #000; background-color: #fff; border: 1px solid #000; line-height: 31px; border-radius: 50px;}
#categories .owl-theme .owl-dots .owl-dot {display: none;}


/*  */
/* .imgscin {
margin-top: 30px;
position: relative;
overflow: hidden;
} */

#arrival{padding: 25px 25px 0px;}
#arrival .row{row-gap: 30px;}

#arrival .nav-pills{margin-bottom: 60px; gap: 50px;}
#arrival .nav-pills .nav-item .nav-link.active{font-size: 28px; line-height: 34px; font-weight: 500; padding-bottom: 4px;
border-bottom: 2px solid #000; transition: all 0.3s ease; color: #000; background-color: transparent; border-radius: 0px;}
#arrival .nav-pills .nav-item .nav-link{font-size: 28px; line-height: 34px; font-weight: 500; padding-bottom: 4px;
border-bottom: 2px solid transparent; transition: all 0.3s ease; color: #000; background-color: transparent; border-radius: 0px;}
#arrival .nav-pills .nav-item .nav-link:hover{border-color: #000;}

#arrival .imgsc img{width: 100%; height: 315px; object-fit: cover;}
#arrival .btn1 .btn2{padding: 6px 20px; display: inline-block; background-color: transparent; border: 1px solid rgb(187, 186, 186); text-align: center; margin-bottom: 20px; color: #000;}
#arrival .imgsc:hover{position: relative; overflow: hidden;}
#arrival .imgsc:hover .img1{transform: translateY(0)scale(1.1); opacity: 0;  transition: .5s; -o-transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
#arrival .imgsc .img2{position: absolute; top: 0; right: 0; left: 0;  transition: .5s; z-index: 99; opacity: 0; transition: .5s ; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
#arrival .imgsc:hover .img2{opacity: 1; overflow: hidden;}

#arrival .content h3 a{color: #000; font-size: 16px; margin: 17px 0px 0px; display: inline-block;}
#arrival .content h5{font-size: 15px; font-weight: 600; margin: 0px 0px 15px;}
#arrival .imgsc{ position: relative; overflow: hidden;}
#arrival .imgsc ul{position: absolute; top: 30px; z-index: 999; right: -40px; transition: .5s;}
#arrival .imgsc:hover ul{right: 30px;}
#arrival .imgsc ul li a {height: 40px; width: 40px; border-radius: 50%; background-color: #a3c8b5; display: inline-block;
line-height: 40px; text-align: center; color: white; margin-bottom: 10px; transition: .5s;}
#arrival .imgsc .cart .cart-btn{bottom: -50px; left: 0; right: 0; text-align: center; position: absolute; z-index: 999; display: block;   background-color: #a3c8b5; color: #fff; width: 90%; border-radius: 30px; padding: 9px 20px; font-size: 14px; margin: auto; transition: .5s;}
#arrival .imgsc:hover .cart .cart-btn{bottom: 30px;}
#arrival .view-btn{text-align: center; margin-top: 30px;}
#arrival .view-btn a{font-size: 16px; line-height: 26px; padding-bottom: 4px; font-weight: 600; color: #181818;
position: relative; transition: all 0.3s ease; display: inline-flex; align-items: center;
background: linear-gradient(to right, #a2c7b6 50%, #181818 50%); background-size: 200% 100%; background-position: right;
-webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: background-position 0.3s linear;}
#arrival .view-btn a:hover {background-position: left;}
#arrival .view-btn a::before {position: absolute; content: ""; left: 0; width: 0; bottom: 0; height: 2px; background-color: #a2c7b6;
transition: width 0.3s linear; z-index: 1;}
#arrival .view-btn a::after {position: absolute; content: ""; left: 0; bottom: 0; right: 0; height: 2px; background-color: #181818; transition: all 0.3s ease;}
#arrival .view-btn a:hover::before {width: 100%;}

/* capsule-collection */

#capsule-collection{padding: 30px 25px;}
#capsule-collection .row{row-gap: 30px;}
#capsule-collection .imgs{overflow: hidden;}
#capsule-collection .imgs img{transition: 4s;}
#capsule-collection .imgs:hover img{transform: scale(1.1);}
#capsule-collection .iner .content{margin-top: 35px;}
#capsule-collection .iner .content h2 a{font-size: 40px; font-weight: 500; color: #181818;}
#capsule-collection .iner .content .text{font-family: inherit; font-size: 17px; margin-bottom: 15px;}
#capsule-collection .iner .shop{font-size: 16px; line-height: 26px; padding-bottom: 4px; font-weight: 600; color: #181818;
position: relative; transition: all 0.3s ease; display: inline-flex; align-items: center;
background: linear-gradient(to right, #a2c7b6 50%, #181818 50%); background-size: 200% 100%; background-position: right;
-webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: background-position 0.3s linear;}
#capsule-collection .iner .shop:hover {background-position: left;}
#capsule-collection .iner .shop::before {position: absolute; content: ""; left: 0; width: 0; bottom: 0; height: 2px; background-color: #a2c7b6;
transition: width 0.3s linear; z-index: 1;}
#capsule-collection .iner .shop::after {position: absolute; content: ""; left: 0; bottom: 0; right: 0; height: 2px; background-color: #181818; transition: all 0.3s ease;}
#capsule-collection .iner .shop:hover::before {width: 100%;}
#capsule-collection .iner.inr{position: relative;}
#capsule-collection .iner.inr .content{position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); text-align: center;}
#capsule-collection .iner.inr .content h2 a, #capsule-collection .iner.inr .content .text{color: #fff;}
#capsule-collection .iner.inr .content .shop{font-size: 16px; line-height: 26px; padding-bottom: 4px; font-weight: 600; color: #fff;
position: relative; transition: all 0.3s ease; display: inline-flex; align-items: center;
background: linear-gradient(to right, #a2c7b6 50%, #fff 50%); background-size: 200% 100%; background-position: right;
-webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: background-position 0.3s linear;}
#capsule-collection .iner.inr .content .shop:hover {background-position: left;}
#capsule-collection .iner.inr .content .shop::before {position: absolute; content: ""; left: 0; width: 0; bottom: 0; height: 2px; background-color: #a2c7b6;
transition: width 0.3s linear; z-index: 1;}
#capsule-collection .iner.inr .content .shop::after {position: absolute; content: ""; left: 0; bottom: 0; right: 0; height: 2px; background-color: #fff; transition: all 0.3s ease;}
#capsule-collection .iner.inr .content .shop:hover::before {width: 100%;}



/*  */

#shopnow{background-image: url(../images/PS_Banner_2.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 270px 0px;}


/*  */

#bestsall{background-color: #f7f7f7; padding: 0px 25px; margin-bottom: 50px; position: relative;}
#bestsall .row{align-items: center;}
#bestsall h2{font-size: 40px; font-weight: 500; color: #181818;}
#bestsall .text{font-family: inherit; font-size: 15px; margin: 20px 0px;}
#bestsall .btn{transition: all 0.3s ease; background-color: #181818; color: #fff; padding: 15px 32px; border-radius: 99px;
display: inline-flex; align-items: center; justify-content: center;  gap: 8px; font-size: 16px; line-height: 26px; font-weight: 600;
text-transform: capitalize; border: 1px solid #181818; position: relative; overflow: hidden;}
#bestsall .btn::after{content: ""; position: absolute; bottom: -50%; width: 102%;	height: 100%; background-color: #fff; transform-origin: bottom center; transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1); transform: skewY(9.3deg) scaleY(0);	z-index: 1;}
#bestsall .btn:hover {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;}
#bestsall .btn:hover::after {transform-origin: bottom center; transform: skewY(9.3deg) scaleY(2);}
#bestsall .btn:hover span{color: #000; z-index: 999; position: relative;}


#bestsall #bestsall{
/* width: 465px; */
height: 112px;
text-align: center;
background-color: #fff; border-radius: 3px;

padding: 24px 0;
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
}

#bestsall:before{
content:"";

height: 65px;
background-color: #fff; border-radius: 3px;

display: block;
position: absolute;
top: 48px; left: -10px;
}

#bestsall:after{
content:"";
/* width: 8px; */
height: 65px;
background-color: #fff; border-radius: 3px;

display: block;
position: absolute;
top: 48px; right: -10px;
}

#bestsall #tiles{
position: relative;
/* z-index: 99; */
}


#bestsall #tiles > span{
width: 92px;
max-width: 92px;
font: bold 48px 'Droid Sans', Arial, sans-serif;
text-align: center;
color: #111;
background-color: #fff; border-radius: 3px;

margin: 0 7px;
padding: 18px 0;
display: inline-block;
position: relative;
}

#bestsall #tiles > span:before{
content:"";
width: 100%;
height: 13px;
background: #111;
display: block;
padding: 0 3px;
position: absolute;
top: 41%; left: -3px;
z-index: -1;
}

#bestsall #tiles > span:after{
content:"";
width: 100%;
height: 1px;

display: block;
position: absolute;
top: 48%; left: 0;
}

#bestsall .labels{
width: 100%;
height: 25px;
text-align: center;
position: absolute;
bottom: 8px;
display: contents;
}

#bestsall .labels li{
width: 102px;
font: bold 15px 'Droid Sans', Arial, sans-serif;
color: #000000;
text-align: center;
text-transform: uppercase;
display: inline-block;

}

/* customer-say */

#customer-say{padding: 50px 25px; border-bottom: 1px solid #e9e9e9;}
#customer-say h2{font-size: 40px; font-weight: 500; color: #181818; text-align: center; margin-bottom: 20px;}
#customer-say .text{font-family: inherit; font-size: 17px; margin: 20px 0px; text-align: center;}
#customer-say .test{border: 1px solid #e9e9e9; background-color: #fff; border-radius: 8px;}
#customer-say .test .content{padding: 15px 15px;}
#customer-say .test .imgsc {max-width: 234px; width: 100%;}
#customer-say .test .imgsc img {width: 100%; height: 300px; object-fit: cover;}
#customer-say .test .content .star li{color: #f0a750;}
#customer-say .test .content .text-a{color: #4d4e4f; font-family: inherit; font-size: 15px; margin: 13px 0px;}
#customer-say .test .content h5{font-size: 20px; line-height: 24px; font-weight: 500; border-top: 1px solid #e9e9e9; padding-top: 20px; margin-top: 20px;}


/* blog */

#blog{padding: 50px 25px; border-bottom: 1px solid #e9e9e9;}
#blog .row{row-gap: 40px;}
#blog h2{font-size: 40px; font-weight: 500; color: #181818; text-align: center; margin-bottom: 20px;}
#blog .text{font-family: inherit; font-size: 17px; margin: 20px 0px; text-align: center;}
#blog .iner .imgs{border-radius: 13px; overflow: hidden;}
#blog .iner .imgs img{transition: .5s;}
#blog .iner .imgs:hover img{transform: scale(1.1);}
#blog .iner .content h5{color: #a0a0a0; margin: 20px 0px 10px; font-size: 12px; line-height: 20px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.1em;}
#blog .iner .content h3 a{font-size: 20px; color: #000; line-height: 28px; display: inline; background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px); transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); background-size: 0 100%;}
#blog .iner .content h3 a:hover {background-size: 100% 100%; transition-delay: 0.2s; font-weight: 600; background-image: linear-gradient(transparent calc(100% - 1px), #a2c7b6 1px); color: #a2c7b6;}

/*  */

/* gallery */

#gallery {background-color: #ffffff; padding: 50px 25px 40px; overflow: hidden;}

#gallery .row{row-gap: 20px;}

#gallery h2{font-size: 40px; font-weight: 500; color: #181818; text-align: center; margin-bottom: 20px;}
#gallery .text{font-family: inherit; font-size: 17px; margin: 20px 0px; text-align: center;}

#gallery .img-wrapper {
position: relative;
margin-top: 15px;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 0 8px #00000033;
}

#gallery .img-wrapper img {
width: 100%;
}

#gallery .img-overlay {
background: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
}

#gallery .img-overlay i {
color: #fff;
font-size: 22px;
}

#overlay {
background: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#overlay img {
margin: 0;
width: 80%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
padding: 5%;
}

@media screen and (min-width: 768px) {
#overlay img {
width: 60%;
}
}

#nextButton i {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
}

#nextButton:hover {
opacity: 1;
}

#prevButton i {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
}

#prevButton:hover {
opacity: 0.7;
}

#exitButton i {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
position: absolute;
top: 15px;
right: 15px;
}

#exitButton:hover {
opacity: 0.7;
}

#iconim{background-color: #fff; padding: 30px 25px; border-bottom: 1px solid rgb(201, 200, 200);}
#iconim .icon{text-align: center; padding-bottom: 10px;}
#iconim .contant{text-align: center;}
#iconim .contant h5{font-size: 15px; color: #333333; line-height: 1; font-weight: 700; padding-bottom: 10px;}
#iconim .contant p{color: #595959; font-size: 16px; line-height: 24px;}

#backgriund{background-image: url(../images/backgroundimg.jpg); background-size: cover; background-repeat: no-repeat; padding: 250px 0px; background-attachment: fixed;}


/* footer */

footer{background-color: #fff; padding: 30px 30px;}
footer .footermn .footerbox .footerinr .footer-logo img{width: 20%; margin-bottom: 15px;}

footer .footermn .footerbox .footerinr .link li{color: rgb(0, 0, 0); margin-bottom: 10px; line-height: 24px;  font-size: 14px;}
footer .footermn .footerbox .footerinr .link li a{ transition: .5s; font-size: 14px; font-weight: 400; line-height: 24px; color: #4d4d4d;}
footer .footermn .footerbox .footerinr .iconin{margin-top: 20px;}
footer .footermn .footerbox .footerinr .iconin li a img{width: 35px; height: 35px;}
footer .footermn .footerbox .footerinr form{margin-top: 20px; position: relative;}
footer .footermn .footerbox .footerinr form .form-control{box-shadow: none; padding: 10px 20px; border-radius: 30px;}
footer .footermn .footerbox .footerinr form .submit{position: absolute; right: 15px; border: 1px solid; height: 35px; width: 35px; top: 5px;
border-radius: 50px; background-color: #000; color: #fff;}
footer .footermn .footerbox .footerinr form .submit i{transition: .5s;}
footer .footermn .footerbox .footerinr form .submit:hover i{transform: rotate(-45deg);}


footer .footerbootem{padding-top: 30px; border-top: 1px solid #a1a1a1; margin-top: 30px;}

footer .footerbootem .gdi-logo img{width: 195px;background-color: #000; padding: 0px 10px 8px; border-radius: 100px;}




/* whatapp */
.quickcontact {
width: 40px;
position: fixed;
top: 77%;
right: 30px;
z-index: 9999;
}

.upicon {
width: 40px;
position: fixed;
top: 83%;
right: 30px;
z-index: 9999;
}

.upicon a{height: 35px; width: 35px; background-color: #dd07dd; display: inline-block; border-radius: 50px; text-align: center; line-height: 35px; color: #fff;}


/* search ka popup */

#search-menu {
position: fixed;
width: 100%;
height: 20em;
top: -20em;
left: 0;
right: 0;
white-space: nowrap;
z-index: 9999;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(50%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.01)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc000000", endColorstr="#1a000000",GradientType=0);
opacity: 0;
visibility: hidden;
-webkit-transition: 500ms ease all;
-moz-transition: 500ms ease all;
transition: 500ms ease all;
}
#search-menu.toggled {
top: 0;
opacity: 1;
visibility: visible;
}
#search-menu .wrapper {
position: relative;
margin: 3em auto 0 auto;
padding: 0 1em;
}
#search-menu .wrapper input {
width: 58%;
padding: 0 0 0.125em 0;
background: transparent;
border: none;
border-bottom: 3px solid #bfbfbf;
font-size: 25px;
color: #bfbfbf;
}
#search-menu .wrapper input:focus {
outline: none;
}
#search-menu .wrapper button {
/* position: absolute;
display: block;
width: 10%; */
right: 0;
top: 0;
background: transparent;
border: none;
color: #bfbfbf;
font-size: 40px;
-webkit-transition: 500ms ease all;
-moz-transition: 500ms ease all;
transition: 500ms ease all;
}
#search-menu .wrapper button:hover {
color: #fff;
}
#search-menu .wrapper button:focus {
outline: none;
}

#search-icon {
/* padding: 0 0.5em 0.25em 0.5em; */
font-size: 15px;
color: #000;
cursor: pointer;

text-align: center;
-webkit-transition: 500ms ease all;
-moz-transition: 500ms ease all;
transition: 500ms ease all;
}
#search-icon:hover {
color: #000000;
}

/* about-hed */

#about-hed{
    padding: 15px 6px 60px;
    padding: 40px 0px;
    background-color: #ffffff;
    text-align: start;
}
#about-hed h2{
    font-size:20px;
}
#about-hed p a{color: #000; transition: .5s;}
#about-hed p a:hover{color: #a3c8b5;}

/* about */

#about{padding: 50px 25px;}
#about .row{row-gap: 25px;}
#about h3{margin-top: 25px; position: relative;}
#about h3 .krish{color: #a3c8b5;}
#about h3:before{position: absolute; width: 432px; height: 2px; content: ''; background-color: #a3c8b5; bottom: -6px;}
#about .text{margin-top: 35px; text-align: justify; line-height: 26px;}

/* contact start */

#contact{padding: 60px 0px;}
#contact .inr{margin-top: 25px;}
#contact .content{width: 80%;}
#contact h3{font-size: 21px; text-transform: capitalize; color: #242424; font-weight: 700; line-height: 20px; margin-bottom: 25px;}
#contact p{font-size: 15px; line-height: 24px; color: #212121; margin-bottom: 20px;}
#contact .icon li{margin-bottom: 20px;}
#contact .icon li{border-top: 1px solid rgb(197, 193, 193); margin-bottom: 20px;}
#contact .icon li i{margin-top: 9px;}
#contact .icon li a{line-height: 24px; font-size: 14px; font-style: normal; font-weight: 400; visibility: visible; color: #5a5a5a;}
#contact h4{font-size: 21px;text-transform: capitalize;  color: #242424;font-weight: 700;line-height: 20px;margin-bottom: 25px;}
#contact .form-label{line-height: 18px; font-size: 14px;color: #212121; font-weight: 500;margin-bottom: 14px; margin-top: 14px;}
#contact .form-control {border-radius: 0px; padding: 10px 20px; box-shadow: none;}
#contact form .submit{margin-top: 26px;padding: 10px 30px; background-color: #000; color: #fff; display: block; width: 30%; border: transparent; border-radius: 3px; transition: .5s;}
#contact form .submit:hover{background-color: #a3c8b5; color: #fff;border-color: #a3c8b5; }

/* blog-det */

#blog-detail {padding: 70px 0;}
#blog-detail .row {row-gap: 30px; justify-content: center;}
#blog-detail .img img {width: 100%;}
#blog-detail .content h5 a {color: #000; font-size: 22px; display: inline-block; margin-bottom: 10px;}
#blog-detail .content span {color: #6d6d6d; display: inline-block; margin: 15px 0; font-size: 15px;}
#blog-detail .content span i {color: #000;}
#blog-detail .content p {color: #6d6d6d; font-size: 16px; text-align: justify;}
#blog-detail .blog {background-color: #a3c8b513; padding: 15px 30px 30px; border: 1px solid #a3c8b5; position: sticky; top: 30px;}
#blog-detail .blog h4 {color: #000; margin-bottom: 15px; text-align: center; font-size: 28px; font-weight: bold;}
#blog-detail .blog ul {list-style: none; background-color: #fff; border: 1px solid #e4e4e4; padding: 10px;}
#blog-detail .blog ul li {margin-bottom: 15px; align-items: center;}
#blog-detail .blog ul li:last-child {margin-bottom: 0;}
#blog-detail .blog a {color: #000; font-size: 13px; display: inline-block;}
#blog-detail .blog p {color: #6d6d6d; display: inline-block; font-size: 14px;}
#blog-detail .blog p i {color: #000;}

/* shippimg */

#shippimg{padding: 30px 0px; overflow: hidden;}
#shippimg h2{text-align: center; color: #000000 !important; font-family: 'Baskervville', serif; font-size: 40px; margin-bottom: 20px;}   
#shippimg h5{font-size: 14px; color: #000000 !important; font-family: 'Lato', sans-serif; font-weight: bold; margin-bottom: 20px;}
#shippimg h5 span{color: #a3c8b5;}
#shippimg .text{font-size: 16px; color: #000000; margin-bottom: 20px;}

/* login */

#login{padding: 50px 0px;}
#login .logininr{padding: 25px 25px; background-color: #fff; -webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.6); box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.6);}
#login .logininr h2{font-size: 25px; font-family: Baskervville serif;}
#login .logininr .logintext{font-size: 14px; margin-bottom: 15px; font-family: Baskervville serif;}	
#login .logininr .form-control{border-radius: 0px; padding: 10px 15px; box-shadow: none; font-size: 13px;}
#login .logininr .form-control:focus{border-color:#a3c8b5 ;}
#login .logininr .forgot{color: #000; font-size: 15px; font-family: Baskervville serif;}
#login .logininr .btnb{display: block; background-color: #000; color: #ffff; padding: 10px 20px; text-align: center; font-size: 18px; transition: .5s; font-family: Baskervville serif;}
#login .logininr .btnb:hover{background-color: #a3c8b5;}

/* forget-password */

#forget-login{padding: 50px 0px;}
#forget-login h5{font-size: 15px;}
#forget-login .row{justify-content: center;}
#forget-login h2{font-size: 25px; font-family: Baskervville serif;}
#forget-login .form-control{border-radius: 0px; padding: 13px 13px; margin-bottom: 15px; box-shadow: none; font-size: 13px;}
#forget-login .form-control:focus{border-color:#a3c8b5 ;}
#forget-login .btnc{display: inline-block; padding: 8px 20px; background-color: #000; color: #fff; font-size: 13px; transition: .5s;}
#forget-login .btnc:hover{background-color: #a3c8b5;}

/* creat-password start */

#crear-password {padding: 50px 0px;}
#crear-password h2{font-size: 25px; font-family: Baskervville serif;}
#crear-password .form-control{border-radius: 0px; padding: 10px 10px; box-shadow: none; font-size: 13px;}
#crear-password .form-control:focus{border-color:#a3c8b5;}
#crear-password .btnd{padding: 10px 20px; background-color: #000; color: #fff; display: inline-block; font-size: 10px; margin-top: 20px; transition: .5s;}
#crear-password .btnd:hover{background-color: #a3c8b5;}

/* my-account */

#my-account{padding: 50px 0px;}
#my-account h4{font-size: 18px;}
#my-account .contacttab{background: #000 url(../images/pattern.png) top left repeat; padding: 10px 20px; margin: 20px 0px;}
#my-account .contacttab li a{margin-bottom: 10px; width: 100%; padding: 10px 20px; padding-left: 19px; display: inline-block;}
#my-account .contacttab li{margin: 10px 0px;}
#my-account .contacttab .active a{background-color: #E9E9E9; color: #000000;}
#my-account .contacttab li a:hover{background-color: #E9E9E9; color: #000000;}
#my-account .contacttab li a{color: #fff;}
#my-account .myaawwinra .form-control{border-radius: 0px ;}
#my-account .myaawwinra .upto{padding: 10px 20px; text-align: center; transition: .5s; font-size: 16px; background-color: #000; color: #fff; display: block; margin-top: 20px;}
#my-account .myaawwinra .upto:hover{background-color: #a3c8b5;}

/* my-oredr */

#my-order{padding: 50px 0px;}
#my-order h4{font-size: 18px;}
#my-order .contacttab{background: #000 url(../images/pattern.png) top left repeat; padding: 10px 20px; margin: 20px 0px;}
#my-order .table tr th, #my-order .table tr td{font-size: 12px;}
#my-order .table tr td a{color: #000;}
#my-order .contacttab li a{margin-bottom: 10px; width: 100%; padding: 10px 20px; padding-left: 19px; display: inline-block;}
#my-order .contacttab li{margin: 10px 0px;}
#my-order .contacttab .active a{background-color: #E9E9E9; color: #000000;}
#my-order .contacttab li a:hover{background-color: #E9E9E9; color: #000000;}
#my-order .contacttab li a{color: #fff;}
#my-order .myaawwinr .table-responsive .table tbody td a{color: #000;}

/* my-wishlist */

#my-wishlist{padding: 50px 0px;}
#my-wishlist h4{font-size: 18px;}
#my-wishlist .table tr th, #my-wishlist .table tr td{font-size: 12px; color: #000;}
#my-wishlist .contacttab{background: #000 url(../images/pattern.png) top left repeat; padding: 10px 20px; margin: 20px 0px;}
#my-wishlist .contacttab li a{margin-bottom: 10px; width: 100%; padding: 10px 20px; padding-left: 19px; display: inline-block;}
#my-wishlist .contacttab li{margin: 10px 0px;}
#my-wishlist .contacttab .active a{background-color: #E9E9E9; color: #000000;}
#my-wishlist .contacttab li a:hover{background-color: #E9E9E9; color: #000000;}
#my-wishlist .contacttab li a{color: #fff;}
#my-wishlist .row{row-gap: 4px;}
#my-wishlist .wishinr .table-responsive .table td img{width: 50px;}
#my-wishlist .wishinr .table-responsive .table td a{padding: 8px 14px; font-size: 10px; background-color: #000; display: inline-block; color: #fff;}
#my-wishlist .wishinr .table-responsive .table{vertical-align: middle;}
#my-wishlist .wishinr .table-responsive .table .creee .rrrrrrr{color: #000; padding: 0px; display: block; background-color: #ffffff; transition: 5s;}

/* orderlist start */

.orderlist{padding: 50px 0px;}
.orderlist .account__menu{background: #a3c8b5 url(../images/pattern.png) top left repeat; padding: 10px 20px; margin: 20px 0px;}
.orderlist .account__menu  .account__menu--list a{margin-bottom: 10px; width: 100%; padding: 10px 20px; padding-left: 19px; display: inline-block;}
.orderlist .account__menu  .account__menu--list{margin: 10px 0px;}
.orderlist .account__menu .active a{background-color: #E9E9E9; color: #000000 !important;}
.orderlist .account__menu  .account__menu--list a:hover{background-color: #E9E9E9; color: #000000;}
.orderlist .account__menu  .account__menu--list a{color: #fff;}

/* wishlist start */

#wishlist{padding: 30px 0px; background-color: #fff;}
#wishlist .row{margin-top: -11px;}
#wishlist h3{font-size: 21px; text-transform: capitalize; color: #242424; font-weight: 700; line-height: 20px;
margin-bottom: 25px;}
#wishlist .table tbody tr td{
border: 1px solid #ebebeb;
align-items: center; font-family: Arial, Helvetica, sans-serif;
justify-content: center;
color: #212121;
font-weight: 500;
text-transform: capitalize;
font-size: 14px;
text-align: center;
align-items: center;
min-width: 150px; }

#wishlist .table thead tr th{border: 1px solid rgb(196, 193, 193); font-size: 13px}
#wishlist .table tbody tr td .delet{color: #000; font-weight: bolder;}
#wishlist .table tbody tr td .product{color: #000;}
#wishlist .table tbody tr td .product:hover{color: #a3c8b5;}
#wishlist .table tbody tr td .imgsc img{width: 60px;}
#wishlist .table tbody tr td a{color: #000;}
#wishlist .table tbody tr td .btn1{padding: 9px 0px; font-size: 10px; text-transform: uppercase; border-radius: 0%0px; color: #ffffff; display: inline-block; background-color: #000; transition: .5s; position: relative; z-index: 1;}
#wishlist .table tbody tr td .btn1:hover{color: #ffffff; background-color: #000000;}

#new-arrivals {padding: 60px 0px; margin-top: -10px;}
#new-arrivals .row {row-gap: 30px;}
#new-arrivals .imgsc img{width: 100%;}
#new-arrivals .btn1 .btn2{padding: 6px 20px; display: inline-block; background-color: transparent; border: 1px solid rgb(187, 186, 186); text-align: center; margin-bottom: 20px; color: #000;}
#new-arrivals .imgsc:hover{position: relative; overflow: hidden;}
#new-arrivals .imgsc:hover .img1{transform: translateY(0)scale(1.1); opacity: 0;  transition: .5s; -o-transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
#new-arrivals .imgsc .img2{position: absolute; top: 0; right: 0; left: 0;  transition: .5s; z-index: 99; opacity: 0; transition: .5s ; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
#new-arrivals .imgsc:hover .img2{opacity: 1; overflow: hidden;}

#new-arrivals .content h3 a{color: #000; font-size: 16px; margin: 17px 0px 0px; display: inline-block; font-weight: 400;}
#new-arrivals .content h5{font-size: 15px; font-weight: 600; margin: 0px 0px 15px;}
#new-arrivals .imgsc{ position: relative; overflow: hidden;}
#new-arrivals .imgsc ul{position: absolute; top: 30px; z-index: 999; right: -40px; transition: .5s;}
#new-arrivals .imgsc:hover ul{right: 30px;}
#new-arrivals .imgsc ul li a {height: 40px; width: 40px; border-radius: 50%; background-color: #a3c8b5; display: inline-block;
line-height: 40px; text-align: center; color: white; margin-bottom: 10px; transition: .5s;}
#new-arrivals .imgsc .cart .cart-btn{bottom: -50px; left: 0; right: 0; text-align: center; position: absolute; z-index: 999; display: block;   background-color: #a3c8b5; color: #fff; width: 90%; border-radius: 30px; padding: 9px 20px; font-size: 14px; margin: auto; transition: .5s;}
#new-arrivals .imgsc:hover .cart .cart-btn{bottom: 30px;}
#new-arrivals .view-btn{text-align: center; margin-top: 30px;}
#new-arrivals .view-btn a{font-size: 16px; line-height: 26px; padding-bottom: 4px; font-weight: 600; color: #181818;
position: relative; transition: all 0.3s ease; display: inline-flex; align-items: center;
background: linear-gradient(to right, #a2c7b6 50%, #181818 50%); background-size: 200% 100%; background-position: right;
-webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: background-position 0.3s linear;}
#new-arrivals .view-btn a:hover {background-position: left;}
#new-arrivals .view-btn a::before {position: absolute; content: ""; left: 0; width: 0; bottom: 0; height: 2px; background-color: #a2c7b6;
transition: width 0.3s linear; z-index: 1;}
#new-arrivals .view-btn a::after {position: absolute; content: ""; left: 0; bottom: 0; right: 0; height: 2px; background-color: #181818; transition: all 0.3s ease;}
#new-arrivals .view-btn a:hover::before {width: 100%;}

/* product-page start */

#new-arrivals .form-select{ border-radius: 0; background-color: #efefef;}
#new-arrivals .form-select:focus{box-shadow: none;}
#new-arrivals h4{font-size: 28px; letter-spacing: 2px;}
#new-arrivals .prroduct{display: flex; list-style: none; justify-content: space-between; align-items: center; margin-bottom: 80px;}
#new-arrivals .prroduct li .accordion-button{font-size: 18px; color: #000;}
#new-arrivals .prroduct li .accordion-button:focus{box-shadow: none; border-color: transparent;}
#new-arrivals .prroduct li .accordion-button:not(.collapsed){background-color: transparent; box-shadow: none;}
#new-arrivals .prroduct li{font-size: 15px; display: flex; margin-bottom: 10px;}
#new-arrivals .prroduct li .bttnn{border: 1px solid rgb(204, 201, 201); padding: 6px 40px;}
#new-arrivals .prroduct li .accordion-item .acckodi li .form-check-label{cursor: pointer;}
#new-arrivals .prroduct li .offcanvas .acckodi li .accoodi{text-align: end; margin-left: auto;}
#new-arrivals .prroduct li .droopdwwom .lablee{margin:56px 0px 6px;}
#new-arrivals .prroduct li .droopdwwom .select{border: 1px solid; padding: 10px 20px;}
#new-arrivals .prroduct li .droopdwwom .select:hover{box-shadow: none;}
#new-arrivals .prroduct li .droopdwwom .select:focus{box-shadow: none;}
#new-arrivals .prroduct li .offcanvas .acckodi li .form-check .form-check-input{border-radius: 0px;}
#new-arrivals .offcanvas .accordion-item .accordion-body .white{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #ffff; border: 1px solid rgb(180, 176, 176);}
#new-arrivals .offcanvas .accordion-item .accordion-body .gulabi{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #f8cccc;}
#new-arrivals .offcanvas .accordion-item .accordion-body .gulabi:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .blue{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #98d4f4;}
#new-arrivals .offcanvas .accordion-item .accordion-body .blue:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .green{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #98c47c;}
#new-arrivals .offcanvas .accordion-item .accordion-body .green:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .yellow{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #ffdc64;}
#new-arrivals .offcanvas .accordion-item .accordion-body .yellow:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .bige{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #e8c49c;}
#new-arrivals .offcanvas .accordion-item .accordion-body .bige:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .rade{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #c80404;}
#new-arrivals .offcanvas .accordion-item .accordion-body .rade:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .purple{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #e0d4ec;}
#new-arrivals .offcanvas .accordion-item .accordion-body .purple:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .purplee{display: inline-block; height:35px; width: 35px; border-radius: 50px; background-color: #6413b6;}
#new-arrivals .offcanvas .accordion-item .accordion-body .purplee:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .orange{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #ffa404;}
#new-arrivals .offcanvas .accordion-item .accordion-body .orange:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .grey{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #c0c4d4;}
#new-arrivals .offcanvas .accordion-item .accordion-body .grey:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .black{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #000;}
#new-arrivals .offcanvas .accordion-item .accordion-body .black:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .peach{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #f0947c;}
#new-arrivals .offcanvas .accordion-item .accordion-body .peach:hover{border: 1px solid;}

/* rang slider */
.range-slider {
	width: 300px;
	text-align: center;
	position: relative; margin-left: 40px; margin-bottom: 40px;}
	.rangeValues {
	  display: block; margin-right: 91px;}
	
	
	input[type=range] {
	-webkit-appearance: none;
	border: 1px solid white;
	width: 240px;
	position: absolute;
	left: -12px;
	top: 35px;
	}
	
	input[type=range]::-webkit-slider-runnable-track {
	width: 300px;
	height: 5px;
	background: #ddd;
	border: none;
	border-radius: 3px;
	
	}
	
	input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #21c1ff;
	margin-top: -4px;
	  cursor: pointer;
		position: relative;
	  z-index: 1;
	}
	
	input[type=range]:focus {
	outline: none;
	}
	
	input[type=range]:focus::-webkit-slider-runnable-track {
	background: #ccc;
	}
	
	input[type=range]::-moz-range-track {
	width: 300px;
	height: 5px;
	background: #ddd;
	border: none;
	border-radius: 3px;
	}
	
	input[type=range]::-moz-range-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #21c1ff;
	
	}
	
  /* new-arrivals */
	
	/* /hide the outline behind the border/ */
	
	input[type=range]:-moz-focusring {
	outline: 1px solid white;
	outline-offset: -1px;
	}
	
	input[type=range]::-ms-track {
	width: 300px;
	height: 5px;
	background: transparent;
	border-color: transparent;
	border-width: 6px 0;
	color: transparent;
	  z-index: -4;
	
	}
	
	input[type=range]::-ms-fill-lower {
	background: #777;
	border-radius: 10px;
	}
	
	input[type=range]::-ms-fill-upper {
	background: #ddd;
	border-radius: 10px;
	}
	
	input[type=range]::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #21c1ff;
	}
	
	input[type=range]:focus::-ms-fill-lower {
	background: #888;
	}
	
	input[type=range]:focus::-ms-fill-upper {
	background: #ccc;
	}

    /* shoping-cart start */
#shoping{padding: 50px 0px;}
#shoping h2{font-size: 30px; font-weight: bold; margin-bottom: 25px;}
#shoping .table tr{vertical-align: middle; background-color: #f8f8f8; }
#shoping .table .bord{border-top: 2px solid #f1e9e9;}
#shoping .table-group-divider{border: transparent;}
#shoping .table tr th{text-align: center;}
#shoping .table tr td{padding: 25px 30px;}
#shoping .table tr td h4{font-size: 16px; font-weight: 600 !important;}
#shoping .table tr td h5{font-size: 16px; font-weight: 500;}
#shoping .table tr td h6{font-size: 16px; font-weight: 500;}
#shoping .table tr .product{text-align: start;}
#shoping .table tr td .shoping-icon li img{width: 100%;}
#shoping .table tr td .shoping-icon li h3{margin: -13px 0px 6px;line-height: 12px;}
#shoping .table tr td .shoping-icon li h3 a{font-size: 12px; color: #000; font-weight: 500;}
#shoping .table tr td .shoping-icon li h4{font-size: 14px; font-weight: 500 !important;}
#shoping .table tr td .shoping-icon li h5{font-size: 14px;}
#shoping .table tr td .remove a{font-size: 14px; color: #000; border-bottom: 1px solid #000; padding-bottom: 1px;}

#shoping .table tr td .qty-input {
	color: #000;
	background: #fff;
	display: flex;
	align-items: center;
	overflow: hidden;
  }
 #shoping .table tr td .qty-input .product-qty,
 #shoping .table tr td .qty-input .qty-count {
	background: transparent;
	color: inherit;
	font-weight: bold;
	font-size: inherit;
	border: none;
	display: inline-block;
	min-width: 0;
	height: 2.5rem;
	line-height: 1;
  }
 #shoping .table tr td .qty-input .product-qty:focus,
 #shoping .table tr td .qty-input .qty-count:focus {
	outline: none;
  }
 #shoping .table tr td .qty-input .product-qty {
	width: 50px;
	min-width: 0;
	display: inline-block;
	text-align: center;
	-webkit-appearance: textfield;
	   -moz-appearance: textfield;
			appearance: textfield;
  }
 #shoping .table tr td .qty-input .product-qty::-webkit-outer-spin-button,#shoping .table tr td .qty-input .product-qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
			appearance: none;
	margin: 0;
  }
 #shoping .table tr td .qty-input .qty-count {
	padding: 0;
	cursor: pointer;
	width: 2.5rem;
	font-size: 1.25em;
	text-indent: -100px;
	overflow: hidden;
	position: relative;
  }
 #shoping .table tr td .qty-input .qty-count:before,#shoping .table tr td .qty-input .qty-count:after {
	content: "";
	height: 2px;
	width: 10px;
	position: absolute;
	display: block;
	background: #000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
  }
 #shoping .table tr td .qty-input .qty-count--minus {
	border-right: 1px solid #e2e2e2;
  }
 #shoping .table tr td .qty-input .qty-count--add {
	border-left: 1px solid #e2e2e2;
  }
 #shoping .table tr td .qty-input .qty-count--add:after {
	transform: rotate(90deg);
  }

.qty-input {
border-radius: 4px;
width: 140px;
transform: scale(1);
border: 1px solid#e2e2e2;
  }


#shoping .clear-cart li a{color: #000000; font-size: 22px; display: inline-block; margin-top: 20px; transition: .5s; font-weight: bold;}
#shoping .clear-cart li a:hover{color: #000;}

/* apply */
#apply{padding: 0px 0px 60px;}
#apply .iner{padding: 25px 20px; background-color: #f8f8f8;}
#apply h3{font-size: 18px; font-weight: 500; color: #000000; margin-bottom: 15px;}
#apply .forem{position: relative;}
#apply .forem .form-control{border-radius: 0px; border: 1px solid #000; padding: 10px 20px; box-shadow: none; }
#apply .forem .btn-c{padding: 11px 20px; background-color: #000; color: #fff; border-radius: 0px; border: transparent; position: absolute; right: 0px;}
#apply .total{margin-bottom: 13px;}
#apply .total li{font-size: 14px;}
#apply .tssss{border-top: 1px solid rgb(233, 230, 230); padding-top: 13px;}
#apply .tssss li{font-size: 16px;}
#apply .btn{width: 100%; border: transparent;}
#apply .btn .btn-a{display: block; background-color: #000; border-radius: 6px; border: transparent; padding: 10px 20px; width: 100%; margin-bottom: 15px; color: #fff;}
#apply .btn .btn-b{display: block; background-color: #ddd; border-radius: 6px; border: transparent; padding: 10px 20px; width: 100%; margin-bottom: 15px; color: #161616;}

 /* checkout start */

 #checkout {padding: 60px 0px; background-color: #f5f5f5;}
 #checkout form.row{row-gap: 10px;}
 #checkout h2{text-align: center;}
 #checkout .cheaa li a{color: #000;}
 #checkout .cheaa li a:hover{color: #000;}
 #checkout .checoctinr .from .form-control,  #checkout .checoctinr .from .form-select{border: 1px solid #ffffff; border-radius: 0px; background-color: #fff;}
 #checkout .checoctinr .btn6{padding: 10px 20px; background-color: #000; transition: .5s; width: auto; color: #fff; border-radius: 0px;}
 #checkout .checoctinr .btn6:hover{background-color: #000;}
 #checkout .checoctinr h3{font-size: 25px; font-weight: bold; margin-bottom: 20px; color: #000;}
 #checkout .checoctinra h3{font-size: 25px; font-weight: bold; margin-bottom: 20px; color: #000;}
 #checkout .checoctinra .table-responsive table td img{width: 250px;}
 #checkout .checoctinra .table-responsive table th, td{border-bottom: 1px solid #e7dddd; padding: 9px; vertical-align: middle;}
 #checkout .checoctinra .table-responsive table td .moon{font-size: 14px; font-weight: 600;} 
 #checkout .checoctinra .table-responsive table td .qty{display: block;}
 #checkout .checoctinra .table-responsive table .wiiii{text-align: inherit; width: 300px;}
 #checkout .checoctinra .pay{padding: 10px 50px; background-color: #000; transition: .5s; display: inline-block; color: #fff; margin-top: 20px; text-align: center; margin-bottom: 30px;}
 #checkout .checoctinra .pay:hover{background-color: #000;}

 #checkout .checoctinra .table-responsive table td:last-child {
  text-align: right;
}


/* billing */

#billing{padding-bottom: 40px; background-color: #f5f5f5; border-bottom: 3px solid #fff;}
#billing form.row{row-gap: 10px;}
#billing .checoctinr .from .form-control, #billing .checoctinr .from .form-select{border: 1px solid #00000000; border-radius: 0px; background-color: #fff;}
#billing .checoctinr .btn6{padding: 10px 20px; background-color: #000; transition: .5s; width: 204px; color: #fff; border-radius: 0px;}
#billing .checoctinr .btn6:hover{background-color: #000;}
#billing .checoctinr h3{font-size: 25px; color: #000; font-weight: bold; margin-bottom: 20px;}
#billing .form-check label{ font-size: 20px;}

   /* zoop product start */
   /*#zoomp{padding: 20px 0px; border-top: 1px solid #dfdfdf;}*/
   #zoomp h2{font-size: 17px;}
   #zoomp h3{font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 10px;
    font-family: Kumbh Sans, sans-serif;
   }
     #zoomp .doller{font-size: 20px;}
     #zoomp .title{font-size: 20px;
    font-weight: 400;}
     #zoomp .qty label{text-align: start;}
    #zoomp .qty button {margin-top: 10px; margin-left: -30px; width: 35px;}
    #zoomp .qty input{margin-top: 10px; width: 3rem; margin-left: 6px; width: 35px;}
    #zoomp .qty button.qtyplus{margin-top: 10px; margin-left: 10px; width: 35px;}
    #zoomp .listw .scbbbb{font-size: 20px; width: 80px;}
    #zoomp .wishlista{margin-top: 30px;}
    #zoomp .wishlista .wish{color: #bb9615;}
    #zoomp .dispr{font-size: 20px; font-weight: 600; margin-bottom: -20px; margin-top: 20px;}
    #zoomp .dispr a{    font-size: 18px;
    font-weight: 400;
    margin-bottom: -20px;
    margin-top: 20px;
    color: #000;}
    #zoomp .lassd{color: #bb9615; font-size: 14px;}
    #zoomp .pragera{font-size: 15px; text-align: justify;}
    #zoomp .btn-outline-secondary{font-size: 14px;}
    
    #zoomp .text-c{
        font-size: 15px;
        font-weight: 400;
        font-family: Kumbh Sans, sans-serif;
    }
    
    #zoomp .inrs{padding: 10px 5px;}
#zoomp .inr{text-align: center; padding: 0px; border-radius: 3px; border: 1px solid #c1c1c1; transition: .5s; height: 100%;}
#zoomp .inr:hover{border: 1px solid #000;}

#zoomp .imgc img{width: 100%; height: 100px;  object-fit: contain;}

#zoomp .inr a:first-child { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 5px 5px;}

#zoomp .inr h6{
  color: #746946;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Courier New', Courier, monospace;
}

#zoomp .inr span strike{
  color:#746946; 
}

#zoomp .inr span{
    font-family: 'Questrial', sans-serif;
    text-align: center;
    font-size: 12px;
    color:  black;
  }

  #zoomp .text-e a {color: #746946; font-size: 12px; font-weight: 600;}

  .stock{color: #746946 !important; font-size: 10px; font-weight: 600;}
    
  /*#zoomp .qunty .minus, .plus {
     display: inline-block;
     width: 40px;
     height: 40px; text-align: center; line-height: 40px; font-size: 15px;
     background-color:#bb9615;
     color: #fff;
     text-align: center;
     cursor: pointer;
  }
  #zoomp .qunty .num {
     padding: 0 10px; font-size: 18px;
  } */
  
  
  #zoomp .qty-input {
      color: #000;
      background: #fff;
      display: flex;
      align-items: center;
      overflow: hidden;
    }
   #zoomp .qty-input .product-qty,
   #zoomp .qty-input .qty-count {
      background: transparent;
      color: inherit;
      font-weight: bold;
      font-size: inherit;
      border: none;
      display: inline-block;
      min-width: 0;
      height: 2.5rem;
      line-height: 1;
    }
   #zoomp .qty-input .product-qty:focus,
   #zoomp .qty-input .qty-count:focus {
      outline: none;
    }
   #zoomp .qty-input .product-qty {
      width: 50px;
      min-width: 0;
      display: inline-block;
      text-align: center;
      -webkit-appearance: textfield;
         -moz-appearance: textfield;
              appearance: textfield;
    }
   #zoomp .qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button {
      -webkit-appearance: none;
              appearance: none;
      margin: 0;
    }
   #zoomp .qty-input .qty-count {
      padding: 0;
      cursor: pointer;
      width: 2.5rem;
      font-size: 1.25em;
      text-indent: -100px;
      overflow: hidden;
      position: relative;
    }
   #zoomp .qty-input .qty-count:before, .qty-input .qty-count:after {
      content: "";
      height: 2px;
      width: 10px;
      position: absolute;
      display: block;
      background: #000;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
    }
   #zoomp .qty-input .qty-count--minus {
      border-right: 1px solid #e2e2e2;
    }
   #zoomp .qty-input .qty-count--add {
      border-left: 1px solid #e2e2e2;
    }
   #zoomp .qty-input .qty-count--add:after {
      transform: rotate(90deg);
    }
  
  
    
  
    
   #zoomp .qty-input {
      border-radius: 25px;
      width: 140px;
      transform: scale(1);
      border: 1px solid#e2e2e2;
    }
  
  #zoomp .qunty .aadcar{padding: 8px 30px; background-color: #000; display: inline-block; color: #fff; border:0px; border-radius: 50px;}
  #zoomp .qunty .aadcar:hover{background-color: #fff; color: #000; transition:ease-in-out 0.5s; border:1px solid #000; border-radius:50px}
  
  #zoomp .qunty .wishlist:hover{background-color: #000; color: #fff; transition:ease-in-out 0.5s; border:1px solid #000; border-radius:500px}
  #zoomp .qunty .wishlist{padding: 8px 10px; display: inline-block; background:transparent; color:#000; border:1px solid #000; border-radius:500px}

  #zoomp .qunty .buyitnow{padding: 8px 30px; background:#a3c8b5; color:#000; display: inline-block; border:0px; border-radius: 50px; width:100%; text-align:center;}
  #zoomp .qunty .buyitnow:hover{background-color: #fff; color: #000; transition:ease-in-out 0.5s; border:1px solid #000; border-radius:50px}
  
  #zoomp .wishlista .wish{color: #000; font-size: 20px;}
  #zoomp .wishlista .add{color: #000; font-size: 16px; margin-left: 20px;}
  
  /*  */
  
  .mz-expand div a{
  display: none;
  }
  
  #zoomp .zoom-gallery a img{width: 90px; margin: auto;}
  #zoomp #price{font-size:25px;}
  
  #zoomp .text-a{
      font-size:12px;
  }
  
  /* zooomtab */

  #zooomtab h4{font-size: 16px;}
  #zooomtab .zooomtabstar li a{color: #000;}
  #zooomtab .form-control.is-valid, .was-validated .form-control:valid{border-radius: 0px;}
  #zooomtab .btnk{padding: 10px 20px; background-color: #000; color: #fff; display: inline-block;}
  #zooomtab .retlatedprodu{margin-top: 35px;}
  #zooomtab .retlatedprodu .retlatedpro{margin-top: 20px;}
  #zooomtab .retlatedprodu .retlatedpro li:last-child{width: 100%;}
  #zooomtab .retlatedprodu .retlatedpro li .thisis{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid gray;}
  
  #zooomtab .retlatedprodu .retlatedpro li .retlatedprostar li:last-child{border-right: 1px solid gray; padding-right: 30px;}
  /*#zooomtab .nav-pills .nav-item{background-color:#000;  margin-left: 2px; transition: .5s;} */
  #zooomtab .nav-pills .nav-item .nav-link{background-color: #fff; color:#000; font-size: 20px; border-radius: 0px; border:0;}
  #zooomtab .nav-pills .nav-link.active{background-color: #fff; border-bottom: 1px solid; border-radius: 0px; }


  #zooomtab .comment-reply{background-color: #f1f1f1; padding: 30px; border-radius: 15px; }
  #zooomtab .comment-reply h4{color: #000; font-weight: bold; margin: 30px 0 20px;}
  #zooomtab .comment-reply .row{row-gap: 10px;}
  #zooomtab .comment-reply h4{color: #fff; font-weight: bold; margin-bottom: 20px;}
  #zooomtab .comment-reply .form-control{border-radius: 0px; }
  #zooomtab .comment-reply .btn{background-color: #000; color: #fff; font-weight: 500; padding: 10px 30px;}

  #zooomtab .reviews-header{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
  #zooomtab .reviews-header .btn{background-color: #000; color: #fff; font-weight: 500; padding: 10px 20px;}

  #zooomtab .profile{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dddddd; align-items: center;}
  #zooomtab .profile .user{list-style: none; display: flex; gap: 20px;}
  #zooomtab .profile .user li:first-child{width: 20%;}
  #zooomtab .profile .user li:last-child{width: 80%;}
  #zooomtab .profile .user li h6{font-size: 18px; color: #000;}
  #zooomtab .profile .user li span{display: block; font-size: 18px; color: #fdb23a}
  #zooomtab .profile .user li p{font-size: 14px; color: grey}

  #zooomtab .profile .date{text-align: end;}
  #zooomtab .profile .date span{color: #000; display: inline-block; padding: 10px; border: 1px solid #dddddd; border-radius: 5px;}

  #zoomp .nav-link {border: 1px solid gray; background-color: transparent; padding: 5px 15px; font-size: 16px; margin-top: 10px;}