* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'HK-Grotesk-Bold';
    src: url("../fonts/HKGrotesk-Bold.ttf");
}
@font-face {
    font-family: 'HK-Grotesk-Medium';
    src: url("../fonts/HKGrotesk-Medium.ttf");
}
@font-face {
    font-family: 'HK-Grotesk-Regular';
    src: url("../fonts/HKGrotesk-Regular.ttf");
}
@font-face {

    font-family: 'HK-Grotesk-SemiBold';
    src: url("../fonts/HKGrotesk-SemiBold.ttf");
}
.text-purple{color: #6665FF;}
body {
    font-family: 'HK-Grotesk-Regular !important';
    background-color: white;
}
h1,h2{font-family: 'HK-Grotesk-Bold';}
.fw-600{font-weight: 600;}
.bg-1{
    background-image: url("../img/bg-1.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.fashion .head1{line-height: 36px; border-bottom: 3px solid #EDEDED;}
.fashion .head1 .b2b{text-decoration: 2px solid #6665FF underline; color: #212844; text-underline-offset: 11px; font-size: 1.15rem;}
.fashion .view-all{text-decoration: none; color: #212844; font-size: 1.15rem;}
.fashion span{color: #6665FF;}
.alliance p{font-size: 1.3rem; font-weight: 700;}

.listing .head2{line-height: 36px; border-bottom: 3px solid #EDEDED;}
.listing .head2 .b2b{text-decoration: 2px solid #6665FF underline; color: #212844; text-underline-offset: 12px; font-size: 1.15rem;}
.listing .view-all{text-decoration: none; color: #212844; font-size: 1.15rem;}
.listing span{color: #6665FF;}

.box-shadow{box-shadow: 4px 4px 64px rgba(0, 0, 0, 0.07); background-color: white;}
.btn-purple{background-color: #E8E8FF; color: #6665FF; border-radius: 20px; padding-left: 23px; padding-right: 23px;font-size: 8px;}
.btn-purple:hover, .btn-purple:active{background-color: #6665FF !important; color: #E8E8FF !important; border-radius: 20px; padding-left: 23px; padding-right: 23px;}
.btn-grey{background-color: #E9E9E9; color: #222222; border-radius: 20px; padding-left: 23px; padding-right: 23px;}
.btn-grey:hover, .btn-purple:active{background-color: #222222 !important; color: #E9E9E9 !important; border-radius: 20px; padding-left: 23px; padding-right: 23px;}






.btn-gold{background-color: #ffffff; color: #c6a546; border-radius: 20px; padding-left: 23px; padding-right: 23px;font-size: 8px;}
.btn-gold:hover, .btn-gold:active{background-color: #c6a546 !important; color: #ffffff !important; border-radius: 20px; padding-left: 23px; padding-right: 23px;}





.details .btn-purple{background-color: #6665FF; color: #E8E8FF; padding: 15px 35px !important; border-radius: 50px; font-weight: 700;}
.details .btn-purple:hover, .details .btn-purple:active{background-color: #E8E8FF !important; color: #6665FF !important; padding: 15px 35px; border-radius: 50px; font-weight: 700;}
.details .btn-grey{background-color: #F3F3F3; color: #3A4980; padding: 15px 35px !important; border-radius: 50px; font-weight: 700;}
.details .btn-grey:hover, .details .btn-grey:active{background-color: #3A4980 !important; color: #F3F3F3 !important; padding: 15px 35px; border-radius: 50px; font-weight: 700;}

.sort{padding: 8px 13px !important;}
.sort i{transform: rotate(90deg); font-size: 1.25rem;}

.text-success{color: #529906 !important;}
.text-secondary{color: #747474 !important;}

.card {border-radius: 18px; border: 1px solid #EDEDED; position: relative; width: 100% !important; height: 100%; overflow: hidden;}
.card hr{margin: 13px 0px;}

.heart{background-color: #D75951; color: white; border-radius: 50px; padding: 10px; font-size: large;}
.heart-box{position: absolute; top: 10px; right: 10px; cursor: pointer;}
.detail-heart{background-color: #FFF0F0; color: #D46F77; padding: 10px 15px; font-weight: 600; border-radius: 12px; margin-left: 10px; margin-right: 5px;}
.detail-heart:active, .detail-heart:focus, .detail-heart:hover{background-color: #D46F77; color: #FFF0F0; padding: 10px 15px; font-weight: 600; border-radius: 12px; margin-left: 10px; margin-right: 5px;}
.detail-bookmark{background-color: #E8E8FF; color: #6665FF; padding: 10px 15px; font-weight: 600; border-radius: 12px; margin-left: 5px; margin-right: 10px;}
.detail-bookmark:active, .detail-bookmark:focus, .detail-bookmark:hover {background-color: #6665FF; color: #E8E8FF; padding: 10px 15px; font-weight: 600; border-radius: 12px; margin-left: 5px; margin-right: 10px;}
.detail-share{background-color: #E8E8FF; color: #6665FF; padding: 10px 15px; font-weight: 600; border-radius: 12px;}
.detail-share:active, .detail-share:focus, .detail-share:hover {background-color: #6665FF; color: #E8E8FF; padding: 10px 15px; font-weight: 600; border-radius: 12px;}

#myTabContent{border: 1px solid #A0A0A0; border-top: 0px;}
.nav-tabs .nav-link{background: #EAEAEA; border: 1px solid #A0A0A0 !important; border-radius: 0px; color: black; font-weight: 600;}
.nav-tabs .nav-link.active{background-color: white; color: black; border: 1px solid #A0A0A0; border-bottom: 1px solid transparent !important;}
#all-details > div{background-color: #F2F2F2; color: black;  padding: 10px 20px; margin: 7px; border-radius: 10px; display: inline-block;}

@media only screen and (max-width:490.98px) {
    .nav-link, .nav-item{width: 100%;}
    .nav-tabs .nav-link{text-align: start;}
    .nav-tabs .nav-link, .nav-tabs .nav-link.active{border: 1px solid #A0A0A0 !important;}
}

@media only screen and (min-width:992px) {
    .watch img{width: 35%;}
    .product_listing img{width: 50%;}
}

@media (min-width:768px) and (max-width:991.98px) {
    .watch img{width: 50%;}
    .product_listing img{width: 74%;}
    .product_listing > div > div:first-child{padding: 5px 0px;}
}

@media (min-width:1200px) and (max-width:1399.98px) {
    .btn-purple{padding-left: 15px !important; padding-right: 15px !important;}
    /* .details .btn-purple{padding-left: 15px !important; padding-right: 15px !important;} */
}

@media (min-width:992px) and (max-width:1199.98px) {
    .btn-purple{padding-left: 8px !important; padding-right: 8px !important; white-space: nowrap;}
    .btn-grey{padding-left: 8px !important; padding-right: 8px !important; white-space: nowrap;}
}

@media (min-width:576px) and (max-width:767.98px) {
    .watch img{width: 75%;}
    .product_listing img{width: 80%;}
    .product_listing > div > div:first-child{padding-top: 25px;}
    .product_listing p, .product_listing h5, .product_listing h1{text-align: center;}
    .details .btn-purple {padding: 10px 20px !important;}
    .details .btn-grey {padding: 10px 20px !important;}
}

@media only screen and (max-width:575.98px) {
    .watch img{width: 80%;}
    .watch p, .watch h5, .watch h1{text-align: center;}
    .watch h5{padding-bottom: 15px;}
    .product_listing img{width: 100%;}
    .product_listing > div > div:first-child{padding-top: 25px;}
    .product_listing p, .product_listing h5, .product_listing h1{text-align: center;}
    .details .btn-purple {padding: 10px 20px !important;}
    .details .btn-grey {padding: 10px 20px !important;}
    .detail-heart, .detail-heart:hover{margin-left: 0 !important;}
}












/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*
.show {
    width: 100%;
  }
  #show-img{box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.14); border-radius: 15px;}

  .small-img {
    height: 100px;
    margin-top: 10px;
    position: relative;
  }

  .small-img .icon-left, .small-img .icon-right {
    width: 12px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }

  .small-img .icon-left { transform: rotate(180deg) }

  .small-img .icon-right { right: 0; }

  .small-img .icon-left:hover, .small-img .icon-right:hover { opacity: .5; }

  .small-container {
    width: 90%;
    height: 100px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .small-container div {
    width: 800%;
    position: relative;
  }

  .small-container .show-small-img {
    width: 100px;
    height: 100px;
    margin-right: 6px;
    cursor: pointer;
    float: left;
  }

  .small-container .show-small-img:last-of-type { margin-right: 0; }
  @media only screen and (max-width:991.98px) {
    .show > div{display: none !important;}
  } */