/* GOBAL_CSS_CHANGES_START_FROM_HERE */
* {
  margin: 0px;
  padding: 0px;
}
html {
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden;
}
body.active {
    overflow-y: hidden;
}
h1, h2, h3, h4, h5, h6, p, span, ul, li, a, .btn-default, textarea, label {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}
button, input, textarea {
  outline: none !important;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
select.minimal {
  background-image: url(../images/selectArrow.png);
  background-position: calc(100% - 15px) calc(1em + 15px);
  background-repeat: no-repeat;
}
/* GOBAL_CSS_CHANGES_END_HERE */

/* GOBAL_VAR_CSS_START_FROM_HERE */
:root {
--main-circle-size: 10px;
--second-circle-size: 30px;
--third-circle-size: 100px;
  --white: #ffffff;
--black: #000000;
  --kanit-light: "Kanit-Light";
  --kanit-regular: "Kanit-Regular";
  --montserrat-semiBold: "Montserrat-SemiBold";
}
/* GOBAL_VAR_CSS_CSS_HERE */

/* FONT_CSS_START_FROM_HERE */
@font-face {
  font-family: "Kanit-Light";
  src: url("../webfonts/Kanit-Light.ttf");
  font-weight: regular;
  font-style: normal;
}
@font-face {
  font-family: "Kanit-Regular";
  src: url("../webfonts/Kanit-Regular.ttf");
  font-weight: regular;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("../webfonts/Montserrat-SemiBold.ttf");
  font-weight: regular;
  font-style: normal;
}
/* FONT_CSS_END_HERE */
.circle-main{
position: fixed;
width: var(--main-circle-size);
height: var(--main-circle-size);
margin-top: calc(-1 * var(--main-circle-size) / 2);
margin-left: calc(-1 * var(--main-circle-size) / 2);
border-radius: 50%;
transform: translate(-50%, -50%);
background: white;
pointer-events: none;
top: 0;
left: 0;
transition: opacity .3s;
mix-blend-mode: difference;
z-index: 99999999;
}
.second-circle{
position: fixed;
transition: transform .15s, width .3s, height .3s, margin .3s;
width: var(--second-circle-size);
height: var(--second-circle-size);
top: 0;
left: 0;
margin-top: calc(-1 * var(--second-circle-size) / 2);
margin-left: calc(-1 * var(--second-circle-size) / 2);
background-color: white;
border-radius: 50%;
pointer-events: none;
mix-blend-mode: difference;
z-index: 99999999;
}
.shopnow-cursor{
margin-top: calc(-1 * var(--third-circle-size) / 2);
margin-left: calc(-1 * var(--third-circle-size) / 2);
width: var(--third-circle-size);
height: var(--third-circle-size);
background-color: var(--white);
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
overflow: hidden;
mix-blend-mode: normal;
}
.shopnow-cursor::before{
content: "Shop Now";
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-family: var(--kanit-regular);
color: var(--white);
background-color: var(--black);
}

.explore-cursor{
margin-top: calc(-1 * var(--third-circle-size) / 2);
margin-left: calc(-1 * var(--third-circle-size) / 2);
width: var(--third-circle-size);
height: var(--third-circle-size);
transition: .3s;
background-color: var(--white);
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
overflow: hidden;
mix-blend-mode: normal;
}
.explore-cursor::before{
content: "Explore Now";
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-family: var(--kanit-regular);
color: var(--white);
background-color: var(--black);
}

.explore-cursor-btn{
margin-top: calc(-1 * var(--second-circle-size) / 2);
margin-left: calc(-1 * var(--second-circle-size) / 2);
width: var(--second-circle-size);
height: var(--second-circle-size);
transition: .3s;
background-color: var(--white);
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
overflow: hidden;
mix-blend-mode: normal;
}
.explore-cursor-btn::before{
content: "";
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-family: var(--kanit-regular);
color: var(--white);
background-color: var(--black);
}

.circle-scale{
width: calc(var(--second-circle-size) * 2);
height: calc(var(--second-circle-size) * 2);
margin-top: calc(-1 * var(--second-circle-size));
margin-left: calc(-1 * var(--second-circle-size));
z-index: 99999999;
}
.circle-show{
opacity: 1;
display: block;
}
.circle-hide{
opacity: 0;
}

/* ONCLICK-TOP */
.progress-wrap {
position: fixed;
right: 30px;
bottom: 30px;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
border-radius: 50px;
box-shadow: inset  0 0 0 2px rgba(255,255,255,0.2);
z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.progress-wrap::after {
position: absolute;
font-family: 'unicons';
content: '\f062';
font: var(--fa-font-solid);
text-align: center;
line-height: 46px;
font-size: 16px;
color: #F26522;
left: 0;
top: 0;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
z-index: 1;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap:hover::after {
opacity: 0;
}
.progress-wrap::before {
position: absolute;
font-family: 'unicons';
content: '\f062';
font: var(--fa-font-solid);
text-align: center;
line-height: 46px;
font-size: 16px;
opacity: 0;
background-image: linear-gradient(298deg, #F26522, var(--black));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
left: 0;
top: 0;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
z-index: 2;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap:hover::before {
opacity: 1;
}
.progress-wrap svg path { 
fill: none; 
}
.progress-wrap svg.progress-circle path {
stroke: #F26522;
stroke-width: 4;
box-sizing:border-box;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
/* ONCLICK-TOP */

/* SCROLL-CSS */
body::-webkit-scrollbar {
  width: 7px;
}
body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
body::-webkit-scrollbar-thumb {
background-color: var(--black);
  transition: 0.5s all;
}
/* SCROLL-CSS */

/* HEADER-CSS */
.content{
display: none;
}
.header-top-marq{
padding: 10px 0px;
background-color: var(--black);
transition: .5s all;
}
.header-top-marq-text{
display: flex;
align-items: center;
justify-content: space-between;
width: 5000px;
}
.header-top-marq-text h6{
font-size: 14px;
font-family: var(--montserrat-semiBold);
color: var(--white);
text-decoration: underline;
}
.header-main-wrapper {
  position: fixed;
  top: 0;
  max-width: 100%;
  /*background-color: var(--white);*/
  transition: .5s all;
  overflow: hidden;
  z-index: 999;
  transition: all 0.25s;
}
.header-main-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #fff;
    z-index: -1;
    transition: all 0.25s;
}
.header-main-wrapper:hover:before {
    height: 100%;
}
.header_action_btn i {
    transition: all 0.25s;
}
.header-main-wrapper:hover .header_action_btn i,
.header-main-wrapper.active .header_action_btn i{
    color: #000!important;
}
.header-main-wrapper.active {
    top: -40px;
    box-shadow: none;
    background: #fff;
}
.header-main-wrapper.active .header-top-marq{
opacity: 0;
}
.header-flex{
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0px;
}
.header-nav ul{
display: flex;
align-items: center;
gap: 30px;
}
.header-nav ul li a{
font-size: 16px;
font-family: var(--kanit-regular);
color: var(--black);
position: relative;
}
.header-nav ul li a::before{
content: '';
position: absolute;
width: 100%;
height: 2px;
bottom: -33px;
background-color: var(--black);
transform-origin: center;
transform: scaleX(0);
transition: .5s all;
}
.header-nav ul li a:hover::before{
transform: scaleX(1);
}
.header-nav {
    position: fixed;
    top: 0;
    right: -300px;
    background: #fff;
    width: 300px;
    padding: 30px 25px;
    height: 100vh;
    z-index: 999999;
    transition: all 0.5s;
}
.header-nav.active {
    right: 0;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.header-nav ul {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    flex-direction: column;
}
.header_nav_accordians .accordion-button {
    padding: 20px 0px;
    font-size: 18px;
    font-family: var(--kanit-regular);
    color: var(--black);
    position: relative;
}
.header_nav_accordians .accordion-item {
    background-color: transparent;
    border: 0;
}
.header_nav_accordians .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: transparent;
    box-shadow: none;
}
.header_nav_accordians .accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}
.header_nav_accordians .accordion-body {
    padding: 10px;
}

.header_nav_accordians .accordion-button.contact_link::after {
    display: none;
}
.cat_side_box {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
}
.cat_side_box:last-child {
    margin-bottom: 0px;
}
.cat_side_box .img_box {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	overflow: hidden;
	outline: 1px solid #000;
	outline-offset: 5px;
}
.cat_side_box .img_box img {
	width: 100%;
	height: 100%;
	object-fit:cover;
	object-position: center;
}
.cat_side_box .title {
	font-size: 16px;
	font-weight: 500;
	color: #000;
}

.searchBar {
  position: relative;
  z-index: 1;
}
.searchBar i {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
cursor: pointer;
color: var(--white);
}
.searchBtn {
display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background: var(--white);
  border-radius: 100%;
  border: none;
}
.searchInput {
  font-size: 18px;
  width: 100%;
  height: 50px;
  border: none;
  padding: 20px 25px;
  outline: none;
  border-radius: 60px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  transition: .5s;
  background-color: #eee;
  font-size: 16px;
  font-family: var(--kanit-regular);
  color: var(--black);
}
.genBtn {
position: relative;
  overflow: hidden;
  z-index: 1;
  font-family: 'Visby', sans-serif;
font-weight: 500;
  width: fit-content;
  height: 60px;
  border-radius: 60px;
  color: var(--white);
  transition: all .2s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  border: 0;
  padding: 0px 35px;
  transition: all 0.3s;
}
.searchBar:focus-within .searchInput {
  width: 240px;
}
.header-btns{
display: flex;
align-items: center;
}
.profile-btn a{
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
color: var(--white);
}
.shopping-btn a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    color: var(--white);
}
/* HEADER-CSS */

/* INDEX-CSS */
.index-banner-wrapper {
    background-position: center;
    background-size: cover;
    height: 90vh;
    margin: 0;
    display: flex;
    align-items: end;
    padding: 100px 0px 100px 0px;
    animation: bgscale 15s ease-out infinite;
    position: relative;
    z-index: 1;
}

.index-banner-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000007a;
    z-index: -1;
}
.index-banner-wrap-text img{
margin: 0px 0px 10px 0px;
}
.index-banner-wrap-text h6{
font-size: 60px;
font-family: var(--kanit-regular);
color: var(--white);
width: 57%;
position: relative;
}
.index-banner-wrap-btn{
display: flex;
align-items: center;
gap: 20px;
}
.index-banner-wrap-btn a{
font-size: 18px;
font-family: var(--kanit-regular);
color: var(--white);
position: relative;
}
.index-banner-wrap-btn a::before{
content: '';
position: absolute;
width: 100%;
height: 1px;
background-color: var(--white);
bottom: -3px;
left: 0;
transform: scaleX(1);
transform-origin: right;
transition: .3s ease;
}
.index-banner-wrap-btn a::after{
content: '';
position: absolute;
width: 100%;
height: 1px;
background-color: var(--white);
bottom: -3px;
left: 0;
transform: scaleX(0);
transform-origin: left;
transition: .9s ease;
}
.index-banner-wrap-btn a:hover::before{
transform: scaleX(0);
}
.index-banner-wrap-btn a:hover::after{
transform: scaleX(1);
}
.index-first-wrapper {
  padding: 100px 0px;
}
.index-first-wrap-text h6{
font-size: 32px;
font-family: var(--kanit-regular);
color: var(--black);
}
.ml9 .text-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.ml9 .letter {
  transform-origin: 50% 100%;
  display: inline-block;
  line-height: 1em;
}
.index-first-wrap-tabs{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
border-bottom: 1px solid #00000030;
}
.index-first-wrap-tab{
display: flex;
align-items: center;
gap: 20px;
}
.index-first-wrap-tab .nav-link{
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-family: var(--kanit-regular);
padding: 0;
color: #00000073;
position: relative;
}
.index-first-wrap-tab .nav-link::before{
content: '';
position: absolute;
bottom: -2px;
width: 100%;
height: 2px;
background-color: var(--black);
transform-origin: left;
transform: scaleX(0);
transition: .5s all;
}
.index-first-wrap-tab .nav-link:hover::before{
transform: scaleX(1);
}
.index-first-wrap-tab .nav-link.active,
.index-first-wrap-tab .show>.nav-link{
background-color: transparent;
color: var(--black);
border-bottom: 2px solid var(--black);
border-radius: 0;
}
.index-first-wrap-tabs a{
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-family: var(--kanit-regular);
color: var(--black);
position: relative;
}
.index-first-wrap-tabs a::before{
content: '';
position: absolute;
bottom: -2px;
width: 100%;
height: 2px;
background-color: var(--black);
transform-origin: left;
transform: scaleX(0);
transition: .5s all;
}
.index-first-wrap-tabs a:hover::before{
transform: scaleX(1);
}
.index-first-slider-box{
width: 100%;
position: relative;
overflow: hidden;
}
.index-first-slider-box:hover .index-first-wrap-box-img img{
opacity: 0;
visibility: hidden;
transform: scale(1.1);
}
.index-first-wrap-box-img img {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 1;
visibility: visible;
transform: scale(1);
transition: .5s all;
object-fit: cover;
}
.index-first-slider-box-vid {
text-align: center;
overflow: hidden;
}
.index-first-slider-box-vid video {
width: 100%;
height: 750px;
object-fit: cover;
}
.index-first-slider-box:hover .index-first-slider-box-text{
bottom: 20px;
}
.index-first-slider-box-text{
position: absolute;
bottom: -60px;
left: 30px;
transition: .5s all;
}
.index-first-slider-box-text h6{
font-size: 40px;
font-family: var(--kanit-regular);
color: var(--white);
margin: 0px 0px 20px 0px;
}
.index-first-slider-box-text a{
display: flex;
justify-content: center;
align-items: center;
width: 170px;
height: 55px;
border-radius: 5px;
background-color: var(--black);
font-size: 18px;
font-family: var(--kanit-regular);
color: var(--white);
position: relative;
z-index: 2;
transition: .5s all;
}
.index-first-slider-box-text a::before{
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: var(--white);
transform-origin: left;
border-radius: 5px;
transform: scaleX(0);
transition: .5s all;
z-index: -1;
}
.index-first-slider-box-text a:hover{
background-color: transparent;
color: var(--black);
}
.index-first-slider-box-text a:hover::before{
transform: scaleX(1);
}
.index-second-warpper{
position: relative;
height: 90vh;
display: flex;
align-items: end;
padding: 150px 0px;
justify-content: end;
overflow: hidden;
}
.index-second-warpper:hover .index-second-wrap-bg-img{
opacity: 0;
visibility: hidden;
}
.index-second-wrap-bg-img{
content: '';
position: absolute;
top: 0;
left: 0;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
z-index: -1;
opacity: 1;
visibility: visible;
transition: .5s all;
}
.index-second-wrap-text{
text-align: end;
display: flex;
flex-direction: column;
align-items: end;
}
.index-second-wrap-text h6{
font-family: var(--kanit-regular);
font-size: 60px;
color: var(--white);
width: 50%;
margin: 0px 0px 10px 0px;
}
.index-second-wrap-btns a{
font-family: var(--kanit-regular);
font-size: 18px;
color: var(--white);
transition: 0.5s all;
position: relative;
}
.index-second-wrap-btns a::before{
content: '';
position: absolute;
width: 100%;
height: 1px;
background-color: var(--white);
bottom: -3px;
left: 0;
transform: scaleX(1);
transform-origin: right;
transition: .3s ease;
}
.index-second-wrap-btns a::after{
content: '';
position: absolute;
width: 100%;
height: 1px;
background-color: var(--white);
bottom: -3px;
left: 0;
transform: scaleX(0);
transform-origin: left;
transition: .9s ease;
}
.index-second-wrap-btns a:hover::before{
transform: scaleX(0);
}
.index-second-wrap-btns a:hover::after{
transform: scaleX(1);
}
.index-second-wrap-btns {
  display: flex;
  gap: 10px;
  align-items: center;
}
.index-second-wrap-bg-video video{
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -2;
}
.index-third-warpper{
position: relative;
height: 90vh;
display: flex;
align-items: end;
padding: 150px 0px;
justify-content: end;
overflow: hidden;
z-index: 99;
background-position: center;
background-size: cover;
animation: bgscale 15s ease-out infinite;
transition: .5s all;
}
.index-third-wrap-text h6{
font-family: var(--kanit-regular);
font-size: 60px;
color: var(--white);
width: 50%;
margin: 0px 0px 10px 0px;
}
.index-third-wrap-btns a{
font-family: var(--kanit-regular);
font-size: 18px;
color: var(--white);
transition: 0.5s all;
}
.index-third-wrap-btns a:hover{
text-decoration: underline;
}
.index-fourth-wrapper{
padding: 100px 0px 50px 0px;
background-color: var(--white);
position: relative;
z-index: 99;
}
.index-fourth-wrap-box{
overflow: hidden;
margin-bottom: 24px;
}
.index-fourth-wrap-box-img-1 {
    position: relative;
    background: #f0eff2;
    height: 350px;
}
.index-fourth-wrap-box:hover .index-fourth-wrap-box-img img{
visibility: hidden;
opacity: 0;
}
.index-fourth-wrap-box.type1:hover .index-fourth-wrap-box-img img{
visibility: visible;
opacity: 1;
} 
.index-fourth-wrap-box-img img{
transition: .5s all;
opacity: 1;
visibility: visible;
}
.index-fourth-wrap-box:hover .index-fourth-wrap-box-hov-img{
opacity: 1;
visibility: visible;
}
.index-fourth-wrap-box-hov-img{
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: .5s all;
}
.index-fourth-wrap-box-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 0px 10px 0px;
    position: relative;
    display: none;
}
.index-fourth-wrap-box-btns:hover::before{
opacity: 0;
visibility: hidden;
}
.index-fourth-wrap-box-text {
    padding-top: 18px;
}
.index-fourth-wrap-box-btns::before{
content: '+ Quick Add';
position:  absolute;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 40px;
opacity: 1;
visibility: visible;
background-color: var(--black);
font-size: 14px;
font-family: var(--kanit-regular);
color: var(--white);
transition: .3s all;
}
.index-fourth-wrap-box-btns a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: 40px;
  border: 0.5px solid #c5c5c59c;
  background-color: var(--white);
  font-size: 14px;
  font-family: var(--kanit-regular);
  color: var(--black);
  transition: .5s all;
}
.index-fourth-wrap-box-btns a:hover{
background-color: var(--black);
color: var(--white);
}
.index-fourth-wrap-box-btns a:nth-child(1){
border-right: none
}
.index-fourth-wrap-box-btns a:nth-child(2){
border-right: none
}
.index-fourth-wrap-box-btns a:nth-child(3){
border-right: none
}
.index-fourth-wrap-box-btns a:nth-child(4){
border-right: none
}
.index-fourth-wrap-box-text h6 {
    font-size: 16px;
    font-family: var(--kanit-regular);
    color: var(--black);
    text-align: center;
}
.index-fourth-wrap-box-text p {
    font-size: 15px;
    font-family: var(--kanit-light);
    color: var(--black);
    text-align: center;
}
.index-fifth-wrapper{
padding: 50px 0px;
background-color: var(--white);
position: relative;
z-index: 99;
}
.index-sixth-warpper{
position: relative;
height: 90vh;
display: flex;
align-items: end;
padding: 150px 0px;
justify-content: end;
overflow: hidden;
background-position: center;
background-size: cover;
animation: bgscale 15s ease-out infinite;
}
.index-sixth-wrap-text h6{
font-family: var(--kanit-regular);
font-size: 60px;
color: var(--white);
width: 40%;
margin: 0px 0px 10px 0px;
}
/* INDEX-CSS */

/* FOOTER-CSS */
.footer-wrapper{
padding: 100px 0px 0px 0px;
background: var(--white);
}
.footer-warp-input input {
border: none;
background-color: transparent;
border-bottom: 1px solid var(--black);
width: 100%;
height: 50px;
font-size: 14px;
font-family: var(--kanit-regular);
color: var(--black);
padding: 0px 70px 0px 10px;
margin: 0px 0px 30px 0px;
}
.footer-warp-input input::placeholder{
color: var(--black);
}
.footer-warp-input{
position: relative;
width: 92%;
}
.footer-warp-input-btn{
position: absolute;
z-index: 1;
right: 0%;
top: 15%;
}
.footer-warp-input-btn button {
  font-family: var(--kanit-regular);
  font-size: 16px;
  color: var(--black);
  border: none;
  background-color: transparent;
}
.footer-wrap-text h6{
font-family: var(--kanit-regular);
font-size: 30px;
color: var(--black);
margin: 0px 0px 20px 0px;
}
.footer-warp-checkbox input{
accent-color: var(--black);
}
.footer-warp-checkbox span{
font-family: var(--kanit-light);
font-size: 16px;
color: var(--black);
}
.footer-warp-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-logo img {
  margin: 0px 0px 30px 0px;
}
.footer-links ul{
display: flex;
flex-direction: column;
gap: 10px;
}
.footer-links ul li {
list-style: disc;
}
.footer-links ul li a{
font-family: var(--kanit-light);
font-size: 16px;
color: var(--black);
}
.footer-links ul li a:hover{
text-decoration: underline;
}
.copyright-flex {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 0px 10px 0px;
}
.copyright-text p{
font-family: var(--kanit-light);
font-size: 16px;
color: var(--black);
padding: 10px 0px;
}
.copyright {
  border-top: 2px solid #0000004f;
  margin: 100px 0px 0px 0px;
}
/*.panel {*/
/*  position: sticky;*/
/*  top: 70px;*/
/*  z-index: 9;*/
/*}*/
/*.panel-1 {*/
/*  position: sticky;*/
/*  top: 95px;*/
/*  z-index: 999;*/
/*}*/
/*.panel-2 {*/
/*  position: sticky;*/
/*  top: 0;*/
/*z-index: 999;*/
/*}*/
/* FOOTER-CSS */

.loader{
height: 3px;
background-color: #000;
position: absolute;
z-index: 99999999;
}


/*INNER PAGES CSS START*/
.inner_banners {
height: 70vh;
} 
.apparel-banner-wrapper {
background-position: center;
background-size: cover;

}
.apparel-first-wrap-img-bg{
content: '';
position: absolute;
top: 0;
left: 0;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
z-index: -1;
opacity: 1;
visibility: visible;
transition: .5s all;
animation: bgscale 15s ease-out infinite;
}
.sneaker-banner-wrapper {
background-position: center;
background-size: cover;
}
.sneaker-first-wrapper:hover .sneaker-second-wrap-img-bg{
opacity: 0;
visibility: hidden;
}
.sneaker-second-wrap-img-bg {
content: '';
position: absolute;
top: 0;
left: 0;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
z-index: -1;
opacity: 1;
visibility: visible;
transition: .5s all;
animation: bgscale 15s ease-out infinite;
}
.accessories-banner-wrapper {
background-position: center;
background-size: cover;
}
.accessories-first-wrap-img-bg {
content: '';
position: absolute;
top: 0;
left: 0;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
z-index: -1;
opacity: 1;
visibility: visible;
transition: .5s all;
animation: bgscale 15s ease-out infinite;
}
.brand-banner-wrapper {
background-position: center;
background-size: cover;
}
.brands-first-wrap-img-bg {
content: '';
position: absolute;
top: 0;
left: 0;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
z-index: -1;
opacity: 1;
visibility: visible;
transition: .5s all;
animation: bgscale 15s ease-out infinite;
}
.brand_item {
    width: 100%;
    padding: 50px 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 5px;
    margin-bottom: 24px;
    transition: transform .2s;
    height: 250px;
}
.brand_item:hover {
transform: scale(1.05);
}
.contact-banner-wrapper {
background-position: center;
background-size: cover;
background-image: url(../images/sneaker1.jpg);
}
.form_heading {
font-size: 40px;
  font-family: var(--kanit-regular);
  color: var(--black);
}
.gen_input {
width: 100%;
border: 2px solid #eaeaea;
padding: 5px 16px;
height: 51px;
outline: none;
box-shadow: none;
margin-bottom: 20px;
}
.gen_textarea {
width: 100%;
border: 2px solid #eaeaea;
padding: 5px 16px;
height: 100px;
outline: none;
box-shadow: none;
margin-bottom: 20px;
resize: none;
}
.submit_btn {
width: 100%;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
background: #000;
color: #fff;
border: 0;
font-family: 16.5px;

}
.borBtm {
border-bottom: 1px solid #eee;
}

/*PRODUCT DETAILS PAGE START*/
.product-details-sec {
  padding: 100px 0px;
}
.product-details-banner .signup-banner-text h6 {
  width: 480px;
  padding: 0px 15px 0px 15px;
  justify-content: center;
} 
.product-details-sec .swiper-wrapper {
  height: auto;
}
.productSlide, .productSlideThumbs  {
  max-width: 500px;   
}
.productSlide {
  border: 1px solid #dfdada;
  border-radius: 20px;
}
.productSlide .swiper-wrapper {
  height: 600px;
  width: 100%;
}
.swiper-slide {
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.productSlide .swiper-slide img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: center;
  /*border-radius: 10px;*/
  overflow: hidden;
}
.productSlideThumbs .swiper-slide img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  overflow: hidden;
  background: #eee;
  transition: all 0.25s;
}
.swiper-slide-thumb-active img {
  filter: brightness(0.5);
  transform: scale(1.1);
}
.pro-details-box .top-heading {
  font-size: 16px;
  font-family: var(--kanit-regular);
  color: #7F7F7F;
}
.pro-details-box .title {
  font-size: 22px;
  font-family: var(--kanit-regular);
  color: var(--black);
}
.rating-box {
  display: flex;
  align-items: center;
}
.rating-box .leftCol {
  display: flex;
  align-items: center;
  gap: 8px;
  border-right: 1px solid #ccc;
}
.rating-box .leftCol i {
  font-size: 18px;
  color: #FFA500;
}
.rating-box .leftCol p {
  font-size: 18px;
  color: #7F7F7F;
}
.reviewsText {
font-size: 16px;
font-family: var(--kanit-regular);
color: #7F7F7F;
}
.priceTxt {
display: flex;
align-items: center;
gap: 10px;
line-height: 1;
}
.priceTxt .priceMain {
  font-size: 20px;
  font-family: var(--kanit-regular);
  color: var(--black);
}
.priceTxt span {
  font-size: 16px;
  font-family: var(--kanit-regular);
  color: #7F7F7F;
  text-decoration: line-through;
}
.discountTag {
  padding: 5px 12px;
  background: #dfdada;
  line-height: 1;
  border-radius: 5px;
  font-size: 13px;
  color: #000;
}
.genTitle {
  font-size: 17px;
  font-family: var(--kanit-regular);
  line-height: 1;
}
.productDesc .desc {
  font-size: 14px;
  color: #231300;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  max-height: 150px;
  overflow-y: auto;
}
.stockTxt {
 font-size: 16px;
 color: #7F7F7F;
}
.stockTxt span {
 font-family: var(--kanit-regular);
}
.attribute-box{
display: flex;
flex-wrap: wrap;
}
.attribute-box .size-box{
margin: 0 10px 10px 0;
position: relative;
width: 70px;
height: 40px;
border-radius: 5px;
overflow: hidden;
}
.attribute-box .size-box input{
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: 1;
width: 70px;
height: 40px;
cursor: pointer;
border-radius: 5px;
}
.attribute-box .size-box input + span{
  width: 70px;
  height: 40px;
  border: 1px solid #191919;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
   font-family: var(--kanit-regular);
  line-height: 1;
  color: #191919;
  background: transparent;
  border-radius: 5px;
}
.attribute-box .size-box input:checked + span{
background: #000;
color: #fff;
}
.gen-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 55px;
  background-color: var(--black);
  font-size: 16px;
  font-family: var(--kanit-regular);
  color: var(--white);
  border-radius: 10px;
  transition: 0.5s all;
  border: 2px solid transparent;
}
.gen-btn:hover {
  background: transparent;
  border-color: #000;
  color: var(--black);
}
/*PRODUCT DETAILS PAGE END*/

/*****CHECKOUT PAGE START START'S*****/
.checkout-sec-2{
padding: 70px 0;
background-size: cover;
background: #fff;
}
.xy-center {
  display: flex!important;
  justify-content: center;
  align-items: center;
}
.y-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.checkout-tabs ul{
display: flex;
justify-content: space-between;
width: 100%;
list-style-type: none;
position: relative;
border: none;
}
.checkout-tabs ul:before{
content: '';
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 70px);
height: 2px;
background: #161616;
}
.checkout-tabs ul li{
text-align: center;
width: 110px;
position: relative;
}
.checkout-tabs ul li .circle{
width: 45px;
height: 45px;
font-size: 20px;
font-weight: 600;
border: 1px solid #161616;
border-radius: 50%;
margin: 0 auto;
background: #fff;
color: #161616;
transition: all 0.25s;
}
.checkout-tabs ul li a{
border: none !important;
cursor: pointer;
}
.checkout-tabs ul li a.active,
.checkout-tabs ul li a:hover{
background: transparent !important;
border: none !important;
}
.checkout-tabs ul li a.active .circle,
.checkout-tabs ul li a:hover .circle {
background: #000;
color: #fff;
border-color: #000;
}
.checkout-tabs ul li span:nth-of-type(2){
font-size: 14px;
font-weight: 600;
color: #282828;
}
.checkout-sec-1 .checkout-form{
padding-top: 20px;
}
.checkout-form .form-top-heading {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.checkout-form .title{
font-size: 24px;
font-weight: 600;
padding-bottom: 15px;
padding-top: 15px;
color: #282828;
}
.checkout-form .form-group{
margin-bottom: 20px;
}
.checkout-form input[type=text],
.checkout-form input[type=email],
.checkout-form input[type=number],
.checkout-form input[type=tel]{
width: 100%;
border: 2px solid #eaeaea;
padding: 5px 16px;
height: 51px;
outline: none;
box-shadow: none;
}
.checkout-form input::placeholder{
font-size: 16px;
}
.checkout-form .submit{
height: 51px;
width: 100%;
border: 1px solid #1eac01;
box-shadow: none;
outline: none;
background: #000;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 14px;
font-weight: 700;
border-radius: 2px;
}
.checkout-form .cart-list-item .product-name {width: 30%;padding-left: 10px;}
.checkout-form .cart-list-item .product-name1 {width: 20%;padding-left: 10px;}
.checkout-form .cart-list-item{
border-bottom: 1px solid #ddd;
}
.checkout-form .cart-list-item .product-img {
  width: 90px;
  height: 90px;
  background: #eee;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkout-form  .cart-list-item .product-action-price {width: calc(30% - 90px);}
.checkout-form .order-details-wrap{
margin-top: 30px;
background: #f4f4f4;
border-radius: 15px;
padding: 10px;
margin-bottom: 30px;
}
.checkout-form .order-detail-group{
display: flex;
flex-wrap: wrap;
padding: 10px;
}
.checkout-form .order-detail-group .group-name{
width: 30%;
}
.checkout-form .order-detail-group .group-name p{
font-size: 18px;
color: #282828;
font-weight: 600;
}
.checkout-form .order-detail-group .group-details{
width: calc(70% - 50px);
padding-left: 15px;
}
.checkout-form .form-switch{
width: 50px;
}
.checkout-form .form-switch input.form-check-input{
box-shadow: none !important;
outline: none !important;
}
.checkout-form .form-switch input.form-check-input:checked{
background-color: #000;
border-color: #000;
}
.checkout-form .order-detail-group .group-details p{
font-size: 15px;
line-height: 1.3;
color: #000;
}
.checkout-form .order-detail-group .group-details .edit{
font-size: 16px;
color: #191919;
font-weight: 600;
text-decoration: underline;
}

/*PAYMENT FORM*/
.payment-card .field-container input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.payment-card .field-container {
position: relative;
max-width: 100%;
color: #707070;
}
.payment-card label {
padding-bottom: 5px;
font-size: 13px;
}
.payment-card input {
width: 100%;
border: 2px solid #eaeaea;
padding: 5px 16px;
height: 51px;
outline: none;
box-shadow: none;
}
.ccicon {
height: 30px;
position: absolute;
right: 20px;
top: calc(50% - 25px);
width: 60px;
}
/* CREDIT CARD IMAGE STYLING */
.preload * {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
}
.payment-card .container {
width: 100%;
max-width: 400px;
max-height: 251px;
height: 54vw;
padding: 20px;
}
#ccsingle {
position: absolute;
right: 15px;
top: 20px;
}
#ccsingle svg {
width: 100px;
max-height: 60px;
}
.creditcard svg#cardfront,
.creditcard svg#cardback {
width: 100%;
-webkit-box-shadow: 1px 5px 6px 0px black;
box-shadow: 1px 5px 6px 0px black;
border-radius: 22px;
}
#generatecard{
cursor: pointer;
float: right;
font-size: 12px;
color: #fff;
padding: 2px 4px;
background-color: #909090;
border-radius: 4px;
cursor: pointer;
float:right;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: -99;
}
/* CHANGEABLE CARD ELEMENTS */
.creditcard .lightcolor,
.creditcard .darkcolor {
-webkit-transition: fill .5s;
transition: fill .5s;
}
.creditcard .lightblue {
fill: #03A9F4;
}
.creditcard .lightbluedark {
fill: #0288D1;
}
.creditcard .red {
fill: #ef5350;
}
.creditcard .reddark {
fill: #d32f2f;
}
.creditcard .purple {
fill: #ab47bc;
}
.creditcard .purpledark {
fill: #7b1fa2;
}
.creditcard .cyan {
fill: #26c6da;
}
.creditcard .cyandark {
fill: #0097a7;
}
.creditcard .green {
fill: #66bb6a;
}
.creditcard .greendark {
fill: #388e3c;
}
.creditcard .lime {
fill: #d4e157;
}
.creditcard .limedark {
fill: #afb42b;
}
.creditcard .yellow {
fill: #ffeb3b;
}
.creditcard .yellowdark {
fill: #f9a825;
}
.creditcard .orange {
fill: #ff9800;
}
.creditcard .orangedark {
fill: #ef6c00;
}
.creditcard .grey {
  fill: #3b5764;
}
.creditcard .greydark {
fill: var(--theme-color-2);
}
/* FRONT OF CARD */
#svgname {
text-transform: uppercase;
}
#cardfront .st2 {
fill: #FFFFFF;
}
#cardfront .st3 {
font-family: 'Source Code Pro', monospace;
font-weight: 600;
}
#cardfront .st4 {
font-size: 54.7817px;
}
#cardfront .st5 {
font-family: 'Source Code Pro', monospace;
font-weight: 400;
}
#cardfront .st6 {
font-size: 33.1112px;
}
#cardfront .st7 {
opacity: 0.6;
fill: #FFFFFF;
}
#cardfront .st8 {
font-size: 24px;
}
#cardfront .st9 {
font-size: 36.5498px;
}
#cardfront .st10 {
font-family: 'Source Code Pro', monospace;
font-weight: 300;
}
#cardfront .st11 {
font-size: 16.1716px;
}
#cardfront .st12 {
fill: #4C4C4C;
}
/* BACK OF CARD */
#cardback .st0 {
fill: none;
stroke: #0F0F0F;
stroke-miterlimit: 10;
}
#cardback .st2 {
fill: #3c3c3c;
}
#cardback .st3 {
fill: #F2F2F2;
}
#cardback .st4 {
fill: #D8D2DB;
}
#cardback .st5 {
fill: #C4C4C4;
}
#cardback .st6 {
font-family: 'Source Code Pro', monospace;
font-weight: 400;
}
#cardback .st7 {
font-size: 27px;
}
#cardback .st8 {
opacity: 0.6;
}
#cardback .st9 {
fill: #FFFFFF;
}
#cardback .st10 {
font-size: 24px;
}
#cardback .st11 {
fill: #EAEAEA;
}
#cardback .st12 {
font-family: 'Rock Salt', cursive;
}
#cardback .st13 {
font-size: 37.769px;
}
/* FLIP ANIMATION */
.payment-card .container {
perspective: 1000px;
}
.creditcard {
width: 100%;
max-width: 400px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: -webkit-transform 0.6s;
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
transition: transform 0.6s, -webkit-transform 0.6s;
cursor: pointer;
}
.creditcard .front,
.creditcard .back {
position: absolute;
width: 100%;
max-width: 400px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
color: #47525d;
}
.creditcard .back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.creditcard.flipped {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.payment-form{
margin-top: 15px;
}
.checkout-tabs ::placeholder{
font-size: 19px;
line-height: 1;
}
.order-summary-card{
padding: 0 15px;
border-radius: 15px;
background: #efefef;
max-width: 400px;
}
.order-summary-card .title {
text-align: center;
font-size: 24px;
font-family: var(--kanit-regular);
color: #191919;
font-weight: 600;
}
.order-summary-card .summary-group{
border-bottom: 1px solid #191919;
padding: 15px 0;
}
.order-summary-card .summary-group:last-of-type{
border-bottom: none;
}
.order-summary-card .summary-group ul{
list-style-type: none;
}
.order-summary-card .summary-group ul li{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.order-summary-card .summary-group ul li span{
font-size: 16px;
font-weight: 500;
}
.order-summary-card .summary-group .total{
font-weight: 600;
}
.order-summary-card a.cart-next{
width: 100%;
height: 40px;
outline: none;
border: none;
text-align: center;
font-size: 18px;
text-transform: uppercase;
border-radius: 25px;
margin: 10px auto 0 auto;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.25s;
color: #fff;
background: #191919;
}
.order-summary-card .black-button{
width: 100%;
margin-top: 20px;
border-radius: 10px;
font-size: 18px;
}
.order-summary-card .black-button i{
padding-left: 10px;
}
.order-summary-card .gen-btn{
width: 100%;
}
.cart-list-item {
  border-bottom: 1px solid #ddd;
  padding: 25px 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
.cart-list-item:last-of-type{
border-bottom: none;
}
.cart-list-item:first-of-type{
border-bottom: 1px solid #ddd;
}
.cart-list-item .product-img{
width: 100px;
max-height: 120px;
}
.cart-list-item .product-img img{
height: 100%;
}
.cart-list-item .product-name{
width: calc(40% - 6px);
padding-left: 10px;
display: flex;
flex-direction: column;
justify-content: center;
}
.cart-list-item .product-name p.name{
font-size: 21px;
font-weight: 500;
line-height: 1.2;
color: #282828;
}
.cart-list-item .product-name1 p.name{
font-size: 21px;
font-weight: 500;
line-height: 1.2;
color: #282828;
}
.cart-list-item .product-name p.code{
font-size: 13px;
padding: 5px 0;
}
.cart-list-item .product-name p.code span:nth-of-type(1){
font-weight: 600;
color: #054a55;
}
.cart-list-item .product-name p.code span:nth-of-type(2){
font-weight: 500;
}
.cart-list-item .product-name p.price{
font-size: 15px;
font-weight: 600;
color: #282828;
}
.cart-list-item .product-name1 p.price{
font-size: 15px;
font-weight: 600;
color: #282828;
}
.cart-list-item .product-quantity-wrap {
width: 200px;
}
.cart-list-item .product-quantity-wrap .quaitity-box{
margin: 0;
}
.cart-list-item .product-action-price{
width: calc(35% - 100px);
justify-content: space-between;
padding-left: 15px;
}
.cart-list-item .product-action-price p{
color: #282828; 
font-size: 18px;
font-weight: 600;
}
.cart-list-item .product-action-price .remove-cart-item{
color: #000; 
}
.cart-list-item .product-action-price .add-cart-item{
color: #1eac01;
margin-right: 1.5rem;
}
.cart-list-item .product-action-price .remove-cart-item i,
.cart-list-item .product-action-price .add-cart-icon i, 
.cart-list-item .product-action-price .add-cart-item i{
font-size: 20px;
}
.cart-list-item .product-action-price .add-cart-icon{
color: #282828;
margin-right: 10px;
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}
/*****CHECKOUT PAGE START END'S*****/
/*CART SIDEBAR START'S*/
.cart-sidebar{
background-color: #000;
z-index: 999999;
padding: 5px 25px;
}
.cart-sidebar .offcanvas-header{
display: block;
}
.cart-sidebar .top {
text-align: center;
padding: 10px 0;
border-bottom: 1px solid #3a3a3a;
}
.cart-sidebar .top p {
font-family: var(--kanit-regular);
font-size: 28px;
color: #ffffff;
font-weight: 500;
}
.cart-sidebar .cart-item {
display: flex;
flex-wrap: wrap;
padding: 15px 0;
border-bottom: 1px solid #3a3a3a;
align-items: center;
}
.cart-sidebar .cart-item .cart-img {
width: 70px;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
}
.cart-sidebar .cart-item .cart-img img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.cart-sidebar .cart-item .cart-desc {
width: calc(100% - 70px);
padding: 0 20px 0 15px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
.cart-sidebar .cart-item .cart-desc .name {
font-size: 16px;
font-weight: 500;
color: #ffffff;
}
.cart-sidebar .cart-item .cart-desc .price {
font-size: 14px;
font-weight: 500;
color: #ffffff;
}
.cart-sidebar .quaitity-box {
  border-color: #959292;
  margin-top: 5px;
  margin-right: 0;
  padding: 8px 12px;
  width: 160px;
  background: transparent;
}
.cart-sidebar .quaitity-box .plus-minus {
padding-left: 70px;
}
.cart-sidebar .quaitity-box .plus-minus span, .cart-sidebar .quaitity-box .plus-minus label {
color: #ffffff;
font-size: 11px;
}
.cart-sidebar .quaitity-box .plus-minus label {
font-size: 12px;
top: 1px;
font-weight: 600;
padding-top: 0;
}
.cart-sidebar .quaitity-box .plus-minus input {
font-size: 12px;
width: 23px;
border-radius: 4px;
background: #ffffff !important;
border-color: #ffffff;
}
.cart-sidebar .cart-item .cart-desc .delete {
position: absolute;
top: 0;
right: 5px;
color: #000;
background: #fff;
width: 19px;
height: 19px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
font-size: 12px;
text-decoration: none;
}
.cart-sidebar .bottom .amount {
padding: 15px 0;
border-bottom: 1px solid #3a3a3a;
}
.cart-sidebar .bottom .cart-button {
padding: 15px 0 5px 0;
}
.cart-sidebar .bottom .amount p {
display: flex;
align-items: center;
justify-content: space-between;
}
.cart-sidebar .bottom .amount p span:first-of-type {
font-weight: 600;
}
.cart-sidebar .bottom .amount p span {
font-size: 20px;
color: #ffffff;
}
.cart-sidebar .bottom .cart-button button {
margin-bottom: 10px;
color: #fff;
text-align: center;
border: 1px solid #fff;
padding: 10px;
transition: all 0.3s;
font-weight: 600;
border-radius: 2px;
text-decoration: none;
display: flex;
width: 100%;
background-color: transparent;
justify-content: center;
align-items: center;
}
/*CART SIDEBAR END'S*/
/*PRODUCT QUANTITY INPUT*/
.quaitity-box {
margin-top: 15px;
margin-right: 15px;
display: inline-block;
padding: 8px 12px;
border: 1px solid #161616;
border-radius: 5px;
width: 100%;
background: #fff;
}
.quaitity-box .plus-minus {
position: relative;
padding-left: 90px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.quaitity-box .plus-minus label {
position: absolute;
left: 0;
font-size: 15px;
padding-top: 3px;
margin: 0;
}
.quaitity-box .qty .count {
color: #000;
display: inline-block;
vertical-align: top;
font-size: 25px;
font-weight: 700;
line-height: 30px;
padding: 0 2px;
min-width: 35px;
text-align: center
}
.quaitity-box .qty .plus {
cursor: pointer;
display: inline-block;
vertical-align: top;
color: #fff;
width: 30px;
height: 30px;
font: 30px/1 Arial, sans-serif;
text-align: center;
border-radius: 50%;
color: #282828;
cursor: pointer;
}
.quaitity-box .qty .minus {
cursor: pointer;
display: inline-block;
vertical-align: top;
color: #fff;
width: 30px;
height: 30px;
font: 30px/1 Arial, sans-serif;
text-align: center;
border-radius: 50%;
background-clip: padding-box;
color: #282828;
cursor: pointer;
}
.quaitity-box .plus-minus span {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
cursor: pointer;
font-size: 18px;
font-weight: 700;
}
.quaitity-box .plus-minus .minus{
font-size: 13px;
}
.quaitity-box .plus-minus input {
border: 0;
width: 2%;
background: #fff !important;
font-size: 17px;
color: #191919;
font-weight: 600;
border-radius: 8px;
border: 1px solid #c2c2c2;
text-align: center;
width: 27px;
margin: 0 7px;
outline: none;
}
.quaitity-box .plus-minus input::-webkit-inner-spin-button,
.quaitity-box .plus-minus input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.quaitity-box .plus-minus input:disabled {
background-color: #fff
}
.index-fourth-wrap-box-hov-img img {
width: 100%;
}
/*PRODUCT QUANTITY INPUT*/
/*INNER PAGES CSS END*/

/* ANIMATIONS */
@keyframes bgscale {
0%{
  background-size: 100%;
}
50%{
  background-size: 110%;
}
100%{
  background-size: 100%;
}
}
/* ANIMATIONS */
.s_heading {
font-size: 20px;
font-family: var(--kanit-light);
color: var(--black);
padding-bottom: 20px;
}
.search_group {
width: 100%;
height: 60px;
margin: 0 auto;
border-radius: 60px;
overflow: hidden;
position: relative;
background: #eee;
}
.search_input {
font-size: 18px;
color: #000;
width: 100%;
height: 100%;
border: none;
padding: 20px 25px;
outline: none;
border-radius: 60px;
position: absolute;
top: 0;
right: 0;
transition: 1s;
background-color: transparent;
}
.search_popup .modal-dialog {
max-width: 700px;
}
.search_popup .modal-content {
border-radius: 20px;
}
.search_popup .modal-body {
padding: 20px;
}
.search-results {
width: 100%;
max-height: 400px;
overflow-y: auto;
margin-top: 5px;
}
.search-results::-webkit-scrollbar {
width: 5px;
}
.search-results::-webkit-scrollbar-track {
background: #fff;
}
.search-results::-webkit-scrollbar-thumb {
background: #ccc;
}
.search-results a {
font-family: var(--kanit-regular);
font-size: 16px;
color: #000;
display: block;
padding: 5px 10px;
}
.product-details-sec-2 {
    padding: 70px 0px;
}

.service_card img {
    max-width: 35px;
}
.service_card.type1 img {
    max-width: 42px;
}
.service_card .title {
    font-family: var(--kanit-regular);
    font-size: 20px;
    color: var(--black);
    margin: 0px 0px 5px 0px;
}
.service_card .desc {
    font-size: 14px;
    font-family: var(--kanit-regular);
    color: #7F7F7F;
    max-width: 370px;
    margin: 0 auto;
}

.gen_checkboxs {
    display: flex;
    align-items: center;
    gap: 15px;
}

.gen_checkboxs .form-check-input:checked {
    background-color: #000;
    border-color: #000;
}


.non_hover_img_wrap .index-fourth-wrap-box:hover .index-fourth-wrap-box-img img{
visibility: visible;
opacity: 1;
}
.non_hover_img_wrap .index-fourth-wrap-box.type1:hover .index-fourth-wrap-box-img img{
visibility: visible;
opacity: 1;
} 
.cs_heading {
    font-size: 132px;
    font-family: var(--kanit-regular);
    color: var(--black);
    text-align: center;
}