@import url('https://fonts.googleapis.com/css2?family=Cedarville+Cursive&family=Dancing+Script:wght@400..700&family=Playwrite+TZ+Guides&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

h1,h2,h3,h4,h5{   font-family: "Lora", serif; }

ul{padding: 0; margin-bottom: 0}
li{ list-style:none }
.main {
    width: 100%;
    height: auto;
    background: #f4efe8;
    position: relative;
}
header {
    width: 100%;
    background-color: #ffffff;
    height: auto;
    padding: 0px 0;
}
header .logo {
    width: 170px;
    height: auto;
}
header .logo a {
   display: inline-block;
}
header .logo a img{
    width: 100%;
}

/* .logo img {
  filter: grayscale(100%) brightness(0.6);
} */


.main_menu > ul > li a {
    color: #fff;
    font-size: 18px;
}
.main_menu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0 0px;
}
.main_menu > ul > li {
  position: relative;
  list-style-type: none;
  padding: 0 25px;
}

.main_menu ul li a {
    font-size: 18px;
    color: #757575;
    padding: 20px 0px !important;
    display: block;
    font-weight: 400;
    position: relative;
    text-decoration: none;
    margin: 0 0px;
}
.main_menu ul {
    margin: 0;
}
.main_menu ul li .main_menu  ul li a{
    color: #000;
}

.main_menu ul li ul {
  width: 200px;
  background: #fff;
/*  transition: 0.5s;*/
  /* box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, 0.75); */
}

.main_menu ul li ul li a {
    padding: 10px 25px;
    font-size: 14px;
    color: #000;
}
ul.sub_menu li {
    list-style: none;
}
.main_menu ul li ul li ul {
    left: 100%;
    top: 0;
}
.mega_menu_dropdown {
    position: static !important;
}
.mega_menu {
    left: 0;right: 0;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    transition: 0.5s;
    box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, 0.75);
    width: 1400px;
    left: 50%;
    transform: translateX(-50%);
}
.mega_menu_item {
    width: 25%;
    padding: 30px 20px;
}
.main_menu ul li .mega_menu_item a {
    padding: 10px 0;
    color: #000;
}
.mega_menu_item h3 {
    margin-bottom: 15px;
}
.mega_menu_item img {
    width: 100%;
}
.mega_menu_demo_2 .mega_menu {
    left: 50%;
    transform: translateX(-50%);
    width: 1400px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .mega_menu_demo_2 .mega_menu {
    width: 940px;
}
  .main_menu ul li ul {
    width: 150px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .mega_menu_demo_2 .mega_menu {
    width: 700px;
}
  .main_menu ul li a {
    font-size: 15px;
    padding: 20px 16px;
}
  .main_menu ul li ul {
    width: 150px;
}
}
@media (min-width: 768px) {
  /* .main_menu ul li ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    margin-top: 50px;padding: 0;
  } */
  .main_menu ul li .mega_menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    margin-top: 50px;
  }
    .main_menu ul li:hover > ul {
        visibility: visible;
        opacity: 1;
        margin-top: 0px;
        z-index: 99;
/*        border-top: 3px solid #df582a;*/
        top: 67px;
    }
  .main_menu ul li:hover > .mega_menu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    z-index: 99;
  }
}

@media (max-width: 767.98px) {
  .mega_menu_demo_2 .mega_menu,
  .container {
    width: 100%;
  }

  nav {
    padding: 15px;
  }
  .mobile_btn {
    cursor: pointer;
    display: block;
  }

  .main_menu {
    display: none;
    width: 100%;
  }

  .main_menu ul li {
    display: block;
  }
  .main_menu ul li a i {
    float: right;
  }
  .main_menu ul li a {
    border-bottom: 1px solid #ddd; 
    text-decoration: none;
  }
  .main_menu ul li ul {
    width: 100%;
  }
  .main_menu ul li ul li ul {
    left: 0;
    top: auto;
  }

  .mega_menu .mega_menu_item {
    width: 50%;
  }
  .main_menu ul li ul {
    display: none;
    transition: none;
  }
  .main_menu ul li .mega_menu {
    display: none;
    transition: none;
  }

  .mega_menu_demo_2 .mega_menu {
    transform: translateX(0);
  }
}

.main_menu ul li a svg {
    fill: #fff;
    width: 14px;
    height: auto;
    position: absolute;
    top: 56%;
    transform: translate(0, -50%);
    right: 5px;
}



header .right-icon ul li form label img {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0, -50%);
    width: 20px;
}
header .right-icon ul li form label {
    width: 300px;
    height: auto;
    display: inline-block;
    padding-right: 15px;
    position: relative;
}
header .right-icon ul li form label input{
    width: 100%;
    padding: 10px; 
    font-size: 18px;
    background-color: #fff; 
    border-radius: 50px;
    border: 1px solid #fff;
    border:1px solid #fff;
}
header .right-icon ul li img {
    width: 30px;
}
header .right-icon ul{
    display: flex;
    align-items: center; 
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: 0px;
}
header .right-icon ul li{
    padding-right: 8px;
    padding-left: 8px;
    list-style-type: none;
}

/*
header .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

header .search-box {
  width: 330px;
  height: 100px;
  position: relative;
}

header .search-box .input {
    position: absolute;
    top: 50%;
    right: 75px;
    box-sizing: border-box;
    width: 0px;
    height: 40px;
    padding: 0 20px;
    outline: none;
    font-size: 18px;
    border-radius: 10px;
    color: #29313a;
    border: 3px solid #fff;
    transition: all 0.8s ease;
    transform: translate(0, -50%);
}

::-webkit-input-placeholder {

  color: #62d474;
}
::-moz-placeholder {

  color: #62d474;
}
:-ms-input-placeholder {

  color: #62d474;
}
:-moz-placeholder {

  color: #62d474;
}


header .search-box .btn {
    position: absolute;
    width: 50px;
    height: 40px;
    background: #fff;
    border-radius: 0px 10px 10px 0px;
    right: 75px;
    top: 50%;
    cursor: pointer;
    text-align: center;
    line-height: 80px;
    font-size: 20px;
    color: #fff;
    transition: all 0.8s ease;
    transform: translate(0, -50%);
}

header .search-box .input.active {
  width: 300px;
  right: 100px;
}
header .right-icon ul li img {
    width: 25px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
}
*/




.right-icon input {
    box-sizing: border-box;
    font-size: 13px;
    vertical-align: top;
}
.right-icon .wrapper {
    position: relative;
    width: 240px;
    text-align: right;
}

.right-icon .search {
    padding: 0px;
    font-size: 18px;
    width: 0%;
    max-width: 437px;
    height: 46px;
    border-radius: 20px 0 0 20px;
    border: 0px;
    outline: none;
/*    border-right: 1px solid #ddd;*/
    position: absolute;
    right: 50px;
      
}
.right-icon .search.active {
        padding: 0 20px;
    width: 80%;
    border-right: 1px solid #ddd;


}


/*.right-icon .submit {
    cursor: pointer;
    border: none;
    background: url(../img/search.png) no-repeat center center, #ffffff;
    background-size: 30px 30px;
    border-radius: 0 20px 20px 0;
    padding: 15px 25px;
    display: inline-block;
    width: 50px;
    height: 46px;
}
*/

.right-icon .submit {
    cursor: pointer;
    border: none;
    background: url(../img/search.png) no-repeat center center, #ffffff;
    background-size: 25px 25px;
       border-radius: 0 20px 20px 0;
    padding: 15px 25px;
    display: inline-block;
    width: 50px;
    height: 46px;
    background-color: transparent;
    filter: brightness(0) invert(1);
}

.right-icon .submit.active {
    background-color: #fff;
    filter: none;
}


.padding-top-100{
    padding-top: 100px !important;
}
.padding-bottom-100{
    padding-bottom: 100px !important;
}
.margin-top-100{
    margin-top: 100px !important;
}

li.countrySwitcher {
    margin: 0 8px;
    top: 4px;
    background: #ffffff;
    color: #000000;
    width: 3.7rem;
    height: 32px;
    border-radius: 30px;
    padding: 0 10px;
    border: 3px solid #000000;
    font-size: 1.4rem;
    font-weight: 700;
    position: relative;
}
li.countrySwitcher span {
    white-space: normal;
    padding: 0;
    position: relative;
    margin: 0;
    top: -6px;
    left: 0;
}
li.countrySwitcher::after {
    content: "";
    background-color: #f0535c;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    position: absolute;
    right: 2px;
    top: 2px;
}
.sec1 .photos-wrap ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-left: -10px;
    margin-right: -10px;
}
.sec1{
    width: 100%;
    position: relative;
}
.sec1 .photos-wrap ul li {
    width: 11%;
    padding: 0 10px;
    cursor: pointer;
}
.sec1 .photos-wrap ul li p {
    text-align: center;
    margin-top: 10px;
}
.sec1 .photos-wrap ul li p a {
    color: #000;
    font-size: 18px;
}
.sec1 .photos-wrap ul li p a:hover{
    color: #3e8cc4;
}

section.sec2 {
    width: 100%;
    padding-bottom: 0;
    position: relative;
    background: #c2a09e;
    margin: 100px 0 120px;
}
section.sec2 h2 {
    margin-bottom: 0px;
}
section.sec2 p.head-wrap {
    text-align: center;
    font-size: 18px;
}
section.sec2 .left-wrap {
    width: 100%;
    height: 100%;
    margin: -66px 0 -80px;
}
section.sec2 .row {
    align-items: center;
}
section.sec2 .right-content {
    text-align: center;
    padding: 0 80px;
}
section.sec2 .right-content h2 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 20px;
}
section.sec2 .right-content p {
    color: #fff;
    letter-spacing: 1px;
}


.sec3{
    width: 100%; 
    padding-bottom: 30px;
}
.sec3 .dressed-slider {
    margin-left: -15px;
    margin-right: -15px;
}
.dressed-slider button.slick-prev {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 35%;
    font-size: 0;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
}
.dressed-slider button.slick-prev::before {
    content: "";
    position: absolute;
    top: 0;left: 0;
    height: 20px;
    width: 20px;
    border-style: solid;
    border-color: #000;
    border-width: 0px 4px 4px 0px;
    transform: rotate(135deg);
    z-index: 2;
}
.dressed-slider button.slick-next {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 35%;
    font-size: 0;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
}
.dressed-slider button.slick-next::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-style: solid;
    border-color: #000;
    border-width: 0px 4px 4px 0px;
    transform: rotate(-45deg);
    z-index: 2;
}
.dressed-slider  ul.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 40px;
}
.dressed-slider ul.slick-dots li{
    padding: 0 15px;
}
.dressed-slider ul.slick-dots li button {
    cursor: pointer; 
    border-radius: 50%;
    border: 2px solid #000;
    background: #000;
    color: transparent;
    width: 18px;
    height: 18px;
    padding: 0px;
}
.dressed-slider ul.slick-dots li.slick-active button {
    background: transparent;
}
.sec3 .dressed-slider .dressed-itam{
    padding: 0 15px;
    position: relative;
}
.sec3 .bottom-content {
    padding: 5px 35px 8px 15px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    background: #fff;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.sec3 .bottom-content h3, 
.sec3 .bottom-content p{
    color: #3d3c3c;
    font-weight: bold;
}
.sec4{
    width: 100%;
    margin-bottom: 30px;
}
.blog-slider button.slick-prev {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 25%;
    font-size: 0;
    width: 35px;
    height: 35px;
    border: none;
    background: #fff;
    top: 50%;
    left: 2%;
    transform: translate(10px, -50%);
    z-index: 2;
    border-radius: 100%;
    border: 1px solid #fff;
}
.blog-slider button.slick-prev:hover{
    background-color: #fff; 
    border-color: red;
}
.blog-slider button.slick-prev::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 12px;
    height: 15px;
    width: 15px;
    border-style: solid;
    border-color: #000;
    border-width: 0px 2px 2px 0px;
    transform: rotate(135deg);
    z-index: 2;
}
.blog-slider button.slick-next {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 25%;
    font-size: 0;
    width: 35px;
    height: 35px;
    border: none;
    background: #fff; 
    top: 50%;
    right: 3%;
    transform: translate(10px, -50%);
    z-index: 2;
    border-radius: 100%;
    border: 1px solid #fff;
}
.blog-slider button.slick-next:hover{
    background-color: #fff; 
    border-color: red;
}
.blog-slider button.slick-next::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 7px;
    height: 15px;
    width: 15px;
    border-style: solid;
    border-color: #000;
    border-width: 0px 2px 2px 0px;
    transform: rotate(-45deg);
    z-index: 2;
}
.blog-slider button.slick-next:hover::before, 
.blog-slider button.slick-prev:hover::before{
    border-color: red;
}
.blog-slider{
    margin-left: -15px;
    margin-right: -15px;
}
.blog-slider-itam {
    padding: 0 15px;
}
.blog-slider .content-text {
    background: #fff;
    padding: 10px 20px  1px;
    border: 1px solid #000;
    border-top-color: transparent;
    border-radius: 0px 0px 10px 10px;
}
.blog-slider .content-text h3{
    font-weight: bold;
}
.sec4 h2, 
.sec3 h2  {
    padding-bottom: 20px;
}
section.sec5 {
    width: 100%;
    padding: 50px 0;
    position: relative;
}
.offer-box {
    padding: 50px;
    position: relative;
    background-image: url("../img/banner-03.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed; 
}
.offer-box::before {
    --background-overlay: '';
    background-color: transparent;
    background-image: linear-gradient(100deg, #0084D6 0%, #00000000 100%)content: "";
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
}
.sec5 .offer-content h3 {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 25px;
}
.sec5 .offer-content h2 {
    color: #fff;
    font-weight: bold;
    font-size: 45px;
    text-align: left;
}
.sec5 .offer-content p {
    color: #fff;
    font-weight: normal;
    text-align: left;
}
.sec5 .offer-content h4 {
    color: #fff;
    font-weight: normal;
    text-align: left;
    font-size: 20px;
}
.offer-content {
    width: 50%;
    position: relative;
    z-index: 2;
}
/*button {cursor: pointer; padding: 10px;width: 130px;color: #000;background: #fff;font-size: 16px;font-weight: bold;border-radius: 0px;border: 1px solid #000;text-transform: uppercase;}
.offer-content button{margin-top: 20px;}*/
/* button:hover{background-color: #000;color: #fff;}*/
section.sec6 {
    width: 100%;
    position: relative;
    
}




.sec6 .viewBox figure img {
        width: 60px;
    height: 60px;
    padding: 15px;
    background-color: #ec6d86;
    border-radius: 50px;
}

.banner-slider button.slick-prev {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 25%;
    font-size: 0;
    width: 35px;
    height: 35px;
    border: none;
    background: #fff;
    top: 50%;
    left: 10%;
    transform: translate(10px, -50%);
    z-index: 2;
    border-radius: 100%;
    border: 1px solid #fff;
}
.banner-slider button.slick-prev:hover{
    background-color: #fff; 
    border-color: red;
}
.banner-slider button.slick-prev::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 12px;
    height: 15px;
    width: 15px;
    border-style: solid;
    border-color: #000;
    border-width: 0px 2px 2px 0px;
    transform: rotate(135deg);
    z-index: 2;
}
.banner-slider button.slick-next {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 25%;
    font-size: 0;
    width: 35px;
    height: 35px;
    border: none;
    background: #fff; 
    top: 50%;
    right: 10%;
    transform: translate(10px, -50%);
    z-index: 2;
    border-radius: 100%;
    border: 1px solid #fff;
}
.banner-slider button.slick-next:hover{
    background-color: #fff; 
    border-color: red;
}
.banner-slider button.slick-next::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 7px;
    height: 15px;
    width: 15px;
    border-style: solid;
    border-color: #000;
    border-width: 0px 2px 2px 0px;
    transform: rotate(-45deg);
    z-index: 2;
}
.banner-slider button.slick-next:hover::before, 
.banner-slider button.slick-prev:hover::before{
    border-color: red;
}
section.subscribe-sec {
    width: 100%;
    padding: 10px 0 40px;
    position: relative;
    background-image: url("../img/newletter.jpg");
   
    padding: 100px 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
section.subscribe-sec .sub-box {
    background: transparent;
/*    padding: 185px 50px 0;*/
}
.subscribe-sec .sub-box figure {
    width: 70%;
    border-radius: 100%;
    height: 100%;
}
.subscribe-sec .sub-box figure img{
    border-radius: 100%; 
    object-fit: cover;
}
.subscribe-sec .sub-right-box h2 {
    text-align: left;
    margin-bottom: 25px;
}
.subscribe-sec .sub-right-box  p {
    letter-spacing: 1px;
    margin-bottom: 25px;
}
.subscribe-sec .sub-right-box form input.wpforms {
    width: 92%;
    padding: 11px;
    border: 2px solid #fff;
    color: #000;
    height: 62px;
    font-size: 19px;
    background: transparent;
}
.subscribe-sec .sub-right-box form .sub-btn{
    margin-top: 35px;
}
.subscribe-sec .sub-right-box {
    margin-top: 20px;
}
.accodion-sec .accodion-wrap ul {
    list-style: none;
    padding: 0;
}
.accodion-sec .accodion-wrap ul .inner {
    padding-left: 1em;
    overflow: hidden;
    display: none;
}
.accodion-sec .accodion-wrap ul li {
    margin: 0.5em 0;
    position: relative;
}
.accodion-sec .accodion-wrap ul li a.toggle {
    width: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.78);
    color: #fefefe;
    padding: 0.75em;
    border-radius: 0.15em;
    transition: background 0.3s ease;
}
.accodion-sec .accodion-wrap ul li a.toggle:hover {
    background: rgba(0, 0, 0, 0.9);
}
section.accodion-sec {
    width: 100%;
    padding: 10px 0 40px;
}
.accodion-sec figure {
    margin: 0 auto;
    text-align: center;
}
.accodion-sec figure img{
    width: 80%;
}
.insta-slider .slick-slide {
    transform: scale(0.9);
    transition: all 0.4s ease-in-out;
    padding: 0px 5px;
}
.insta-slider .slick-slide img {
    max-width: 100%;
    transition: all 0.4s ease-in-out;
}
.insta-slider .slick-center {
    transform: scale(1.1);
}
.insta-slider button.slick-prev {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 25%;
    font-size: 0;
    width: 35px;
    height: 35px;
    border: none;
    background: #fff;
    top: 50%;
    left: 10%;
    transform: translate(10px, -50%);
    z-index: 2;
    border-radius: 100%;
    border: 1px solid #fff;
}
.insta-slider button.slick-prev:hover{
    background-color: #fff; 
    border-color: red;
}
.insta-slider button.slick-prev::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 12px;
    height: 15px;
    width: 15px;
    border-style: solid;
    border-color: #000;
    border-width: 0px 2px 2px 0px;
    transform: rotate(135deg);
    z-index: 2;
}
.insta-slider button.slick-next {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 25%;
    font-size: 0;
    width: 35px;
    height: 35px;
    border: none;
    background: #fff; 
    top: 50%;
    right: 10%;
    transform: translate(10px, -50%);
    z-index: 2;
    border-radius: 100%;
    border: 1px solid #fff;
}
.insta-slider button.slick-next:hover{
    background-color: #fff; 
    border-color: red;
}
.insta-slider button.slick-next::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 7px;
    height: 15px;
    width: 15px;
    border-style: solid;
    border-color: #000;
    border-width: 0px 2px 2px 0px;
    transform: rotate(-45deg);
    z-index: 2}
.insta-slider button.slick-next:hover::before, 
.insta-slider button.slick-prev:hover::before{
    border-color: red;
}
.section-text-headung{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
        margin-bottom: 35px;
        position: relative;
    padding-top: 35px;
}
.section-text-headung .main-heading {
    position: relative;
    text-align: center;
    margin-bottom: 0px;
    display: inline-block;
}
.section-text-headung .section-text-headung-line-before{
    width: 60px;
    height: 3px;
    background-color: #000;
    display: inline-block;
    margin-right: 10px;
}
.section-text-headung .section-text-headung-line-after{
    width: 60px;
    height: 3px;
    background-color: #000;
    display: inline-block;
    margin-left: 10px;
}
.section-text-headung .heading-flower-image{
       position: absolute;
    top: 0px;
}

/* Announcement Bar */
.announcement-bar {
  background-color: #903233;
  color: #ffffff;
  text-align: center;
  overflow: hidden;
  padding: 8px 0px;
}

.announcement-slider {
  display: flex;
  animation: slide 15s infinite;
}

.announcement-slider p {
  margin: 0;
  flex: 0 0 100%;
}

@keyframes slide {
  0% {
    transform: translateX(0%);
  }
  33% {
    transform: translateX(-100%);
  }
  66% {
    transform: translateX(-200%);
  }
  100% {
    transform: translateX(0%);
  }
}

/* button */

  .btn {
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    transition: background-color 0.3s ease;
    cursor: pointer;
    border: none;
  }

  .btn-all {
    background-color: #fc2424;
    color: white;
  }

  .btn-all:hover {
    background-color: #fc2424;
    color: white;
  }

  .btn-other {
    background-color: #000000;
    color: rgb(255, 255, 255);
  }

  .btn-other:hover {
    background-color: #d1d5db;
    color: black;
  }

  .button-group {
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
  }

  /*!--new section add  --! */

.section3{
    position: relative;
    width: 100% !important;
    overflow-x: hidden;
    overflow-y: hidden;
    display:flex;
    transition: all 0.2s;
    transform: scale(0.98);
    will-change: transform;
    user-select: none;
    cursor: pointer;
    overflow-y:hidden;
    scrollbar-width:none;
    scroll-behavior: smooth;
    transition:0.5s;
}

.section3.activate {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}


.collection__item {
text-align: center;
padding: 20px;
}

.collection__item p {
  margin: 0px 0;
  line-height: 1.5;
  color: #000000;
  font-size: 14px;
}

.collection__item strong {
  color: #000000;
  font-weight: 600;
}

.collection__item p:last-child {
  font-weight: 600;
  color: #fc2424;
}


.scroll_cards{
    box-shadow:0px 6px 16px -6px rgba(1,1,1,0.5);
    position:relative;
    display:inline-block;
    margin:10px 15px;
}


@media (max-width:620px){
  .section3{
    overflow-x:auto;
  }
}


.sec1 .inner-frem figure {
    transition: transform .64s ease;
    will-change: transform;
}
.sec1 .inner-frem figure:hover {
    transform: translate3d(0, 0, 0) scale(1.06) !important;
}
.sec1 .inner-frem {
    width: 100%;
    height: auto;
    position: relative;
        margin-bottom: 20px;
}
.sec1 .inner-frem figure {
    transition: transform .64s ease;
    will-change: transform;
    height: 100%;
    width: 100%;
    margin-bottom: 0px;
}
.sec1 .inner-frem figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sec1 .inner-frem figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 6px solid #f2eca2;
    border-radius: 50px;
}
/*----- button 6 -----*/

.collection__item {
  position: relative;
  border: 1px solid #ccc;
  overflow: hidden;
}

/* Outer lines (top & bottom) */
.collection__item::before,
.collection__item::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  background: #000;
  transition: width 0.4s;
  transition-delay: 0s;
}

.collection__item::before {
  left: 50%;
  top: 0;
}
.collection__item::after {
  left: 50%;
  bottom: 0;
}

/* Inner lines (left & right of each <p>) */

.collection__item ::before,
.collection__item ::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 0;
  background: #fc2424;
  transition: height 0.4s;
  transition-delay: 0.2s;
}

.collection__item ::before {
  left: 0;
  top: 50%;
}
.collection__item ::after {
  right: 0;
  top: 50%;
}

/* On hover – animate borders outward */
.collection__item:hover::before,
.collection__item:hover::after {
  left: 0;
  width: 100%;
  transition-delay: 0.2s;
}

.collection__item:hover p::before,
.collection__item:hover p::after {
  top: 0;
  height: 100%;
  transition-delay: 0s;
}

/*  */
 
.sec1 .inner-frem button.frem-btn {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 10px);
    width: max-content;
    font-size: 18px;
    background: #fc2424;
    color: #fff;
    opacity: 1;
    transition: all 2s;
    border: 0;
    padding: 10px 35px;
    border-radius: 6px;
}

.women-seller-slider .seller-itam{
    padding: 0 10px;
}
.women-seller-slider button.slick-prev {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 25%;
    font-size: 0;
    width: 35px;
    height: 35px;
    border: none;
    background: #fff;
    top: 34%;
    left: 1%;
    transform: translate(10px, -50%);
    z-index: 2;
    border-radius: 100%;
    border: 1px solid #fff;
}
.women-seller-slider button.slick-prev:hover{
    background-color: #fff; 
    border-color: red;
}
.women-seller-slider button.slick-prev::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 12px;
    height: 15px;
    width: 15px;
    border-style: solid;
    border-color: #000;
    border-width: 0px 2px 2px 0px;
    transform: rotate(135deg);
    z-index: 2;
}
.women-seller-slider button.slick-next {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 25%;
    font-size: 0;
    width: 35px;
    height: 35px;
    border: none;
    background: #fff; 
    top: 34%;
    right: 3%;
    transform: translate(10px, -50%);
    z-index: 2;
    border-radius: 100%;
    border: 1px solid #fff;
}
.women-seller-slider button.slick-next:hover{
    background-color: #fff; 
    border-color: red;
}
.women-seller-slider button.slick-next::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 7px;
    height: 15px;
    width: 15px;
    border-style: solid;
    border-color: #000;
    border-width: 0px 2px 2px 0px;
    transform: rotate(-45deg);
    z-index: 2;
}
.women-seller-slider button.slick-next:hover::before, 
.women-seller-slider button.slick-prev:hover::before{
    border-color: red;
}
.women-seller h2.main-heading::before{
    left: 28%;
}
.women-seller h2.main-heading::after {
    right: 28%;
}
.seller-left-wrap {
    text-align: center;
}
.seller-left-wrap h2 {
    font-size: 35px;
    margin-top: 0px;
}
.women-seller .row {
    align-items: center;
}
.women-seller-slider .bottom-content ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0px; 
    padding: 0px;
}
.women-seller-slider .bottom-content ul li {
    font-size: 14px;
    padding: 0 5px;
    position: relative; 
    list-style-type: none;
    color: #000;
}
.women-seller-slider .bottom-content ul li.price {
    padding-left: 0;
    font-weight: bold;
}
.women-seller-slider .bottom-content ul li.full-price::before {
    content: "";
    width: 40px;
    height: 1px;
    top: 8px;
    transform: rotate(-9deg);
    position: absolute;
    background: #6a5b5b;
}
.women-seller-slider .bottom-content .Discount {
    color: red;
    font-weight: bold;
}
.women-seller-slider .bottom-content p.size {
    font-size: 14px;
}
.women-seller-slider .bottom-content > p {
    font-size: 15px;
    margin-bottom: 10px;
   
}
.women-seller-slider  figure {
    position: relative;
}
.women-seller-slider figure span.icon-top {
        top: 10px;
    position: absolute;
    right: 10px;
    cursor: pointer;
    background: #fff;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    line-height: 10px;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.women-seller-slider figure span.icon-top svg {
    margin: 3px 0px 0px 0px;
}
.women-seller-slider figure span.icon-top svg:hover {
    fill: red;
}
.women-seller-slider figure span.icon-bottom {
    position: absolute;
    bottom: 2px;
    right: 9px;
    cursor: pointer;
}
.women-seller-slider figure span.icon-bottom svg {
    width: 25px;
}

section.mens-coll {
    background: #f2eca2;
    padding: 70px 0px 70px 0px;
    width: 100%;
    position: relative;
}
section.mens-coll .border-1 {
    background: #fff;
    border: 1px solid #000;
    border-radius: 40px;
    width: 100%;
}
section.mens-coll .border-2 {
    background: #fff;
    border: 1px solid #000;
    border-radius: 36px;
    margin: 8px -8px -8px 8px;
    width: 100%;
}
section.mens-coll .feature_image {
    background: #fff;
    width: 100%;
    border: 1px solid #000;

    border-radius: 32px;
    padding: 0;
    overflow: hidden;
    position: relative;
    margin: 8px -8px -8px 8px;
    aspect-ratio: 1.5/2;
}
section.mens-coll .feature_image img {
    border-radius: 32px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
section.mens-coll  .top-space:nth-child(2), 
section.mens-coll  .top-space:nth-child(4) {
    margin-top: 60px;
}
section.mens-coll .border-2:hover .top-space span{transform: translateY(0);}
section.mens-coll .top-space span {
    padding: 17px 0;
    font-size: 18px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    display: block;
    width: 100%;
    text-transform: capitalize;
    background: #ffff;
    color: #fc2424;
    transition: all .2s;
    /* transform: translateY(100%); */
    font-weight: 500;
    box-shadow: 3px 28px 21px 31px hsl(0deg 97.3% 56.47% / 47.84%);
}
.women-seller-slider figure img {
    width: 100%;
}
section.shop-cat h2.main-heading::before {
    left: 27%;
}
section.shop-cat h2.main-heading::after {
    right: 27%;
}
.shop-cat .cat-col-inner {
    height: 100%;
    padding: 20px;
    position: relative;
}
.shop-cat .cat-col-inner figure{
    width: 100%;
    height: 100%;
}
.shop-cat .cat-col-inner figure img {
    width: 100%;
    height: 100%;
    border-radius: 400px 400px 0 0px;
    aspect-ratio: 6/8;
}
.shop-cat .row {
    margin-right: -35px;
    margin-left: -35px; 
}
.shop-cat .row .col-4{
    padding-left: 35px;
    padding-right: 35px;
}

.shop-cat .cat-col-inner .bottom-btn {
    cursor: pointer;
    padding:5px 10px;
    width: 150px;
    color: #000;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 0px;
    border: 1px solid #000;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%, 10px);
    transition: all 2s;opacity: 0;
}
.shop-cat .col-4:hover .cat-col-inner .bottom-btn {
    opacity: 1;bottom: 50px;
}
.shop-cat .cat-col-inner .bottom-btn p{
    padding: 0;
    margin: 0;
}
.shop-cat .cat-col-inner .bottom-btn span {
    display: block;
    margin: 0px 5px 0 0;
    width: 10px;
    height: 10px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    transform: rotate(135deg);
}
.shop-cat .cat-col-inner h3.cat-text-wrap {
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translate(-50%, 10px);
    font-size: 40px;
    color: #fff;
    background: #0000007a;
    padding: 0;
    line-height: 40px;
    font-family: 'Playfair Display';
    font-style: italic;
}
.cat-col-inner .bottom-btn:hover {
    background: #000;
}
.cat-col-inner .bottom-btn:hover > p{
    color: #fff;
}
.cat-col-inner .bottom-btn:hover > span{
    border-color: #fff;
}

marquee {
    color: #000;
    position: absolute;
    top: 45px;
    z-index: 7;
    right: 126px;
    font-size: 14px;
    left: -45px;
    line-height: 10px;
}
.testimonial h2.main-heading::before {
    left: 19%;
}
.testimonial h2.main-heading::after {
    right: 19%;
}
.testimonial .card {
    height: 100%;
}
.testi-silder{
    margin-left: -15px;
    margin-right: -15px;
}
.testi-silder .testi-silder-itam{
    padding: 0 15px;
}
.testi-silder  ul.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 40px;
}
.testi-silder ul.slick-dots li{
    padding: 0 15px;
}
.testi-silder ul.slick-dots li button {
    cursor: pointer; 
    border-radius: 50%;
    border: 2px solid #000;
    background: #000;
    color: transparent;
    width: 10px;
    height: 10px;
    padding: 0px;
}
.testi-silder ul.slick-dots li.slick-active button {
    background: transparent;
}
.sec6 .viewBox h3 {
    font-size: 21px;
}
.footer-section {
  background: #151414db;;
  position: relative;
}

.footer-widget-heading h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
  position: relative;
}
.footer-widget-heading h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  height: 2px;
  width: 50px;
  background: #ff5e14;
}

.footer-widget ul {
    margin: 0;
    padding: 0;
}

.footer-widget ul li {
    padding: 4px 0;
}
.footer-widget ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
}
.footer-widget ul li a:hover{text-decoration: underline;}
.footer-widget ul.adress-wrap li {
    color: #fff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 20px;
}
.footer-widget ul.adress-wrap li svg {
    padding-right: 10px;
    width: 20px;
}
.footer-widget ul.adress-wrap li span {
    width: calc(100% - 30px);
}
.last-child p {
    color: #fff;
    font-size: 18px;margin-bottom:40px;
}
.last-child h2{
    color: #fff;
    text-align: left;
}
ul.icon-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 15px;
}
ul.icon-wrap li {
    padding: 0 8px;
}
ul.icon-wrap li:first-child {
    padding-left: 0;
}
.whatsapp-wrap figure {
    height: auto;
    width: 50px;cursor: pointer;
}
.whatsapp-wrap {
    position: fixed;
    bottom: 40px;
    right: 40px;
}
.subscribe-sec .sub-right-box form  svg {
    position: absolute;
    right: 130px;
    top: 43px;
    font-size: 18px;
    cursor: pointer;
    color: #5e271e;
    transition: all 1s;
}
.subscribe-sec .sub-right-box form  svg:hover{
    right: 125px;
}
.subscribe-sec .sub-right-box form input::-webkit-input-placeholder {
  color: #5a291f;
}
.subscribe-sec .sub-right-box form input ::-moz-placeholder {
  color: #5a291f;
}
.subscribe-sec .sub-right-box form input:-ms-input-placeholder {
  color: #5a291f;
}
.subscribe-sec .sub-right-box form input:-moz-placeholder {
  color:#5a291f;
}
.blog-slider .blog-content figure {
    margin: 0;
    height: 100%;
}
/* .border-2:hover .mens-coll-bottom-btn span {
    transform: translateY(0);transition: all 1s;
} */

.banner-itam.slick-active > figure img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}
@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}
.insta-slider .slick-slide img:hover {
    opacity: 0.5;
    transform: scale(0.9);
}

section.mens-coll .feature_image img:hover {
    opacity: 0.8;
    transform: translateY(10px);
    transition: all 1s;
}
.banner-slider ul.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
}
.banner-slider ul.slick-dots li {
    padding: 0 5px;
}
.banner-slider ul.slick-dots li button {
    font-size: 0;
    height: 3px;
    padding: 0;
    width: 32px;
    cursor: pointer;
    background: #000;
}

.modal-open.first-time.active {
    display: none;
}
header .right-icon ul li svg {
    stroke: #757575;
    transition: all 0.3s ease-in-out;
}
header .right-icon ul li:hover svg {
    transform: scale(1.1);
        stroke: #903233;
}
header .right-icon ul li:hover:first-child svg path {
    fill: #903233;
}
header .right-icon ul li.icon-ran{
    position: relative;
}

header .right-icon ul li .center-main {
    bottom: 4px;
    position: absolute;
    left: 21px;
    color: #757575;
    line-height: 1.25rem;
    min-width: 1.25rem;
    font-size: 0.8125rem;
}

.shop-cat .cat-col-inner figure {
  position: relative;
  margin-bottom: 0px;
}
.shop-cat .cat-col-inner figure::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255,255,255,.2);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.shop-cat .cat-col-inner figure:hover::before {
  -webkit-animation: circle .75s;
  animation: circle .75s;
}
@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}

.modal-open.first-time .modal-dialog {
    max-width: 750px;
    background-image: url("../img/Pop-up_beforesignup.png");
    background-color: transparent;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: max-content;margin-top: 100px;
}
.modal-open.first-time .modal-dialog .modal-content {
    background: transparent;
}
.modal-content-inner {
    max-width: 50%;
    padding: 20px;
}
.modal-content-inner .modal-heading h3 {
    color: red;
    font-style: italic;
}
.madal-logo {
    width: 130px;
}
.first-time .modal-header button.close {
    width: 30px;
    border-radius: 50%;
    padding: 9px;
    height: 30px;
}
.first-time .modal-header {
    position: absolute;
    right: -30px;
    top: -30px;
}
.modal-content-inner .modal-heading p {
    font-size: 12px;
    letter-spacing: 1px;
}
.modal-content-inner .modal-heading p span {
    color: red;
}
.modal-content-inner form .g-form {
    width: 100%;
    margin-bottom:15px;
    margin-top: 15px;
    text-align: center;
}
.modal-content-inner form .g-form input {
    width: 100%;
    padding: 10px;
    border-radius: 50px;
    text-align: center;
}
.modal-content-inner form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #5a291f;
}
.modal-content-inner form input ::-moz-placeholder {
  /* Firefox 19+ */
  color: #5a291f;
}
.modal-content-inner form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #5a291f;
}
.modal-content-inner form input:-moz-placeholder {
  /* Firefox 18- */
  color:#5a291f;
}
.modal-content-inner form .g-form .phone-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: #e1e1e1;
    padding: 2px;
}
.modal-content-inner form .g-form .phone-wrap > span {
    width: 100px;
    font-size: 18px;
    padding-left: 10px;
}
.modal-content-inner .inner-form{width: 75%;} 
.modal-content-inner .inner-form input {
    border-radius: 2px !important;
    border: none;
}  
.modal-content-inner form .g-form input.submit-btn {
    cursor: pointer;
    padding: 7px 25px;
    width: max-content;
    color: #000;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 0px;
    border: 1px solid #000;
    text-transform: uppercase;
    margin-top: 0px;
}
.modal-content-inner ul.icon-wrap {
    justify-content: center;
}
.modal-content-inner ul.icon-wrap li svg {
    fill: #000;
    color: #000;
    font-size: 20px;
}
.modal-content-inner figure {
    margin-top: 28px;
    margin-bottom: 10px;
}


.modal-content-inner form .g-form input.submit-btn:hover{
    background-color: #000; 
    color: #fff;
}

.slick-slider{
    position:relative;
    display:block;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent;
}
.slick-list{
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;padding:0;
}
.slick-list:focus{
    outline:none;
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand;
}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block;
    /* margin-left:auto;margin-right:auto; */
}
.slick-track:before,
.slick-track:after{
    display:table;
    content:'';
}
.slick-track:after{
    clear:both;
}
.slick-loading .slick-track{
    visibility:hidden;
}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px;
}
[dir='rtl'] .slick-slide{
    float:right;
}
.slick-slide img{
    display:block;
}
.slick-slide.slick-loading img{
    display:none;
}
.slick-slide.dragging img{
    pointer-events:none;
}
.slick-initialized .slick-slide{
    display:block;
}
.slick-loading .slick-slide{
    visibility:hidden;
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent;
}
.slick-arrow.slick-hidden{
    display:none;
}














.dropdown-mobile{
    position: inherit !important;
}
/* .dropdown-mobile .sub-menu {
    position: fixed;
    
    left: -15px;
    font-size: 14px;
    line-height: 1;
    padding: 22px 30px;
    background: #ffffff;
    box-shadow: 0 2px 10px #00000026;
    list-style: none;
    margin: 0;
    text-align: left;
    white-space: nowrap;
    line-height: 1.1;
    min-width: 190px;
    opacity: 0;
    visibility: hidden;
        transition: none;
        z-index: 99;
}
.dropdown-mobile:hover .sub-menu {
    visibility: visible;
    opacity: 1;
} */
.dropdown-mobile .sub-menu li a {
    color: #000000;
    font-size: 15px;
    padding-right: 15px;
    position: relative;
    display: inline-block;
    padding: 6px 15px ! IMPORTANT;
    transition: color .2s ease-in-out;
}
.dropdown-mobile li.menu-item-has-children>a svg {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -3px;
}
.dropdown-mobile .sub-menu ul {
    line-height: inherit;
}
.dropdown-mobile .sub-menu .sub-menu {
    border-top: 0px;
    top: -22px;
    left: calc(100% + 35px);
}
.navbar-nav > li > a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    will-change: transform;
    height: 3px;
    transform: scaleX(0);
    transform-origin: left center;
    background: #df5729;
    transition: all .25s cubic-bezier(.104,.204,.492,1);
    bottom: 0px;
}
.navbar-nav  li a:hover:after, 
.navbar-nav  li a:focus:after {
    transform: scale(1);
}
.dropdown-mobile .sub-menu a:not(.text-button):after {
    top: calc(100% - 3px);
}

@media screen and (min-width: 768px) {
    /* .dropdown-mobile:hover ul.sub-menu, 
    .dropdown-mobile:hover ul.sub-menu {
        width: 100%;
        max-width: 93% !important;
        margin: 0 auto;
        max-width: 100%;
        display: flex;
        position: absolute;
        left: 0;
        right: 0;
    } */
        /* .dropdown-mobile:hover ul.sub-menu {
        background: #fff url(../img/submenuimg.jpg) no-repeat right top;
        background-size: 300px;
    } */
        .dropdown-mobile:hover ul.sub-menu li.menu-item-has-children {
        flex: 0 0 23%;
        position: static;
        z-index: 5;
        width: 23%;
    }
        .dropdown-mobile:hover ul.sub-menu li.menu-item-has-children>a {
        margin-bottom: 10px;
        font-size: 15px;
        cursor: not-allowed;
       font-weight: 500;
    }
        /* .dropdown-mobile:hover ul.sub-menu, 
        .dropdown-mobile:hover ul.sub-menu {
        width: 100%;
        max-width: 93% !important;
        margin: 0 auto;
        max-width: 100%;
        display: flex;
        position: absolute;
        left: 0;
        right: 0;
        position: fixed;
        top: 116px;
    }
    .sticky .dropdown-mobile:hover ul.sub-menu, .sticky .dropdown-mobile:hover ul.sub-menu {
     top: 78px;
} */
        .dropdown-mobile:hover ul.sub-menu li.menu-item-has-children ul.sub-menu {
        visibility: visible;
        opacity: 1;
        position: inherit;
        left: 0;
        box-shadow: none;
        padding: 0;
        white-space: inherit;
        display: block;
        background: #fff;
    }
        .dropdown-mobile:hover ul.sub-menu li{
        display: block;
        width: 100%;
        clear: both;
    }
        .dropdown-mobile:hover ul.sub-menu li a {
        font-size: 12px;
        line-height: 15px;
    }

    .sticky .dropdown-mobile:hover .sub-menu-thimb {
     top: 66px;
}
.sub-menu-thimb ul.sub-menu {
    width: 82%;
}
.sticky .th_image {
    top: 91px;
}
}

#banner-slider .owl-nav {
    display: none !important;
}
#banner-slider .owl-dots{
        position: absolute;
    bottom: 30px;
    right: 20px;
}
#banner-slider .owl-dots .owl-dot span {
    background: #d6d6d600;
    border: 2px solid #fff;
}
#banner-slider .owl-dots .owl-dot.active span, 
#banner-slider .owl-dots .owl-dot:hover span {
    background: #ffffff;
}
#banner-slider .owl-item.active img{
    -webkit-animation: zoom 25s;
  animation: zoom 25s;
}
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

.women-seller .owl-dots{
    display: none;
}
.women-seller .owl-nav{
        position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 2px 20px;
    margin-top: 0px;
}
.women-seller .owl-nav .owl-prev{
    /*position: absolute;
    left: 30px;*/
    width: 2.5rem;
    height: 2.5rem;
    background-color: #fff !important;
    border-radius: 64px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791 !important;
    color: #FFF;
    text-decoration: none;
}
.women-seller .owl-nav .owl-next{
        /*position: absolute;
    right: 30px;*/
    width: 2.5rem;
    height: 2.5rem;
    background-color: #fff !important;
    border-radius: 64px;
}
.women-seller .owl-nav .owl-prev span,
.women-seller .owl-nav .owl-next span{
        font-size: 38px;
    line-height: 20px;
}


       .women-seller .product-card {
            position: relative;
            border-radius: 10px;
            overflow: hidden;
           
            background-color: #fff;
            transition: transform 0.3s ease-in-out;
        }
        .women-seller .product-card img {
            width: 100%;
            height: 350px;
            object-fit: cover;
            object-position: top;
            transition: opacity 0.5s ease, transform 0.5s ease;
           
        }
        .women-seller .product-card img.hover-image {
            z-index: 0;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
        }
        .women-seller .product-card:hover img.default-image {
            opacity: 0;
        }
        .women-seller .product-card:hover img.hover-image {
            opacity: 1;
        }
        
    .product-color{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Product Color */
.product-color {
  margin-bottom: 0px;
}

.color-choose div {
  display: inline-block;
}

.color-choose input[type="radio"] {
  display: none;
}

.color-choose input[type="radio"] + label span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
}

.color-choose input[type="radio"] + label span {
  border: 2px solid #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
}

.color-choose input[type="radio"]#red + label span {
  background-color: #C91524;
}
.color-choose input[type="radio"]#blue + label span {
  background-color: #314780;
}
.color-choose input[type="radio"]#black + label span {
  background-color: #323232;
}

.color-choose input[type="radio"]:checked + label span {
  background-image: url(images/check-icn.svg);
  background-repeat: no-repeat;
  background-position: center;
}

/* Cable Configuration */
.cable-choose {
  margin-bottom: 20px;
}

.cable-choose button {
  border: 2px solid #E1E8EE;
  border-radius: 6px;
  padding: 13px 20px;
  font-size: 14px;
  color: #5E6977;
  background-color: #fff;
  cursor: pointer;
  transition: all .5s;
}

.cable-choose button:hover,
.cable-choose button:active,
.cable-choose button:focus {
  border: 2px solid #86939E;
  outline: none;
}

.cable-config {
  border-bottom: 1px solid #E1E8EE;
  margin-bottom: 20px;
}

.cable-config a {
  color: #358ED7;
  text-decoration: none;
  font-size: 12px;
  position: relative;
  margin: 10px 0;
  display: inline-block;
}
.cable-config a:before {
  content: "?";
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 2px solid rgba(53, 142, 215, 0.5);
  display: inline-block;
  text-align: center;
  line-height: 16px;
  opacity: 0.5;
  margin-right: 5px;
}

.boost-pfs-quickview-cart-btn {
    padding: 5px 18px;
    border: 0px;
    color: #000;
    border: 1px solid #000;
    text-transform: uppercase;
    font-size: 12px;
    width: auto;
    background: #fff;
    font-weight: 500;
    border-radius: 22px;
}


.women-seller-slider .item {
    border: 1px solid hsl(0deg 0% 86.67% / 42%);
    border-radius: 10px;
}
.women-seller-slider .bottom-content p.size {
    font-size: 16px;
    margin-bottom: 0px;
}
.testimonials-box{
        padding: 15px;
    background-color: #fff;
    box-shadow: 0 0 10px hsl(0deg 0% 0% / 41.96%);
    margin: 20px;
}
.testimonials-box img{
    width: 100%;
}
.testimonials-box p{
    margin-top: 10px;
    margin-bottom: 0px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}
.cat-col-inner img{
        border-radius: 400px 400px 0 0px;
}
/*.categories-text{
position: absolute;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 15px;
    background-color: #f7f6d3;
    border-radius: 10px;
    width: 85%;
    text-align: center;
    overflow: hidden;
}*/
.categories-text h2 {
    margin-bottom: 0px;
    background-color: #f7f6d3;
    padding: 8px 35px;
    position: relative;
    z-index: 9;
    display: inline-block;
}

.categories-text:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 44px solid #f7f6d3;
    border-right: 28px solid transparent;
}

.indo-western-main {
    background: #e1c6c6;
}
.indo-western-left-img {
    position: relative;
    padding: 53%;
    z-index: 1;
    margin-top: -270px;
}
.indo-western-left-img img{
    width: 100%;
}
.indo-western-left-img .indo-western-layer-img1{
        position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   
}
.indo-western-left-img .indo-western-layer-img {
    position: absolute;
    top: -104px;
    right: -128px;
    width: 350px;
}
.indo-western-main .right-content p{
font-size: 18px;
   
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
}
.indo-western-main .right-content h3{
    font-size: 32px;
    font-weight: 600;
   
    color: #000;
    margin-bottom: 20px;
}
.indo-western-main .right-content .rte p{
font-size: 18px;
    font-weight: 400;
    color: #000;
}
.indo-western-main .right-content .button,
.indo-western-main .right-content input[type=submit] {
    display: inline-flex
;
    cursor: pointer;
    padding: 7px 30px;
    align-items: center;
    justify-content: center;
    height: 48px;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: var(--button-letter-spacing, .02em);
    border: 1px solid #fc2424;
    background: #fc2424;
    color: #ffffff;
    border-radius: var(--button-border-radius, 0px);
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: color .25s cubic-bezier(.104,.204,.492,1), background-color .25s cubic-bezier(.104,.204,.492,1), border-color .25s cubic-bezier(.104,.204,.492,1);
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 6px;
}
.header.header-fixd{
    position: fixed;
    top: 0px;
    width: 100%;
    left: 0px;
    z-index: 9;
}
.blog-box .blog-box-img{
    overflow: hidden;
        border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.blog-box .blog-box-img img{
    width: 100%;
    transition: transform 0.5s ease, opacity 0.5s ease;
        border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.blog-box:hover .blog-box-img img{
        transform: scale(1.1);
}
.blog-box .blog-box-text .post-meta {
    font-size: .75rem;
    text-transform: uppercase;
    color: #000000;
    opacity: .6;
    letter-spacing: .1em;
    margin-bottom: 12px;
}
.blog-box .blog-box-text .post-meta-heding {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    line-height: 28px;
    margin-bottom: 15px;
    margin-top: 15px;
    text-decoration: none;
}
.blog-box .blog-box-text p {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    text-align: justify;
}
.blog-box .blog-box-text .blog-read-more {
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: #000;
}
.blog-box:hover .blog-box-text .blog-read-more {
    text-decoration: underline;
}
.shop-product-sec .shop-product-sec-img img{
    width: 100%;
}



.wedding-invite {
    position: relative;
    padding: 80px 0;
    background: #f1f0ea;
    border-bottom: 1px solid #090510;
}
.wedding-invite .feature-row__item {
    width: 100%;
    padding-right: 100px;
    padding-left: 50px;
    padding-bottom: 50px;
}
.img-card .img-border, .wedding-invite .feature-row__item .img-border {
    transform: rotate(-6deg);
    display: inline-block;
    margin-top: 50px;
    width: 100%;
}
.img-card .img-border .border-1, .wedding-invite .feature-row__item .img-border .border-1 {
    background: #ffcbe1;
    border: 1px solid #090510;
    border-radius: 8px;
    width: 100%;
}
.img-card .img-border .border-2, .wedding-invite .feature-row__item .img-border .border-2 {
    background: #ffcbe1;
    border: 1px solid #090510;
    border-radius: 8px;
    margin: -14px -14px 14px 14px;
    width: 100%;
}
.img-card .img-border .img, .wedding-invite .feature-row__item .img-border .img {
    background: #ffffff;
    width: 100%;
    border: 1px solid #090510;
    border-radius: 8px;
    padding: 14px;
    aspect-ratio: 1 / 1.1;
    margin: -14px -14px 14px 14px;
}
.img-card .img-border .img .feature-row__image, .wedding-invite .feature-row__item .img-border .img .feature-row__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.blog-box-text .post-meta{
    display: block;
    font-size: 22px;
    font-weight: 500;
    color: #646464;
}
.blog-box-text .post-meta-heding{
    display: block;
    font-size: 32px;
    font-weight: 600;
    color: #212529;
    text-decoration: none;
    line-height: 40px;
    margin-bottom: 20px;
}
.feature-row p{
    font-size: 18px;
    color: #090510;
    font-weight: 400;
    line-height: 26px;
}
.blog-box-text .blog-read-more{
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: #000;
}

.wedding-invite .feature-row .icon-head {
    float: right;
    text-align: right;
    margin-top: -30px;
    margin-bottom: -25px;
}
.wedding-invite .feature-row .text_link {
 font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    color: #00916e;
    display: flex
;
    align-items: center;
    text-decoration: none;
    display: inline-flex
;
    padding: 13px 18px;
    border: 0px;
    color: #fff;
    background-color: #fc2424;
    font-size: 14px;
        margin-top: 20px;
        border-radius: 6px;
}
.wedding-invite .feature-row .text_link svg {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    fill: #fff;
}
.wedding-invite .feature-row h2 {
    font-size: 55px;
    font-style: normal;
    font-weight: 400;
    line-height: 65px;
    color: #090510;
    margin-bottom: 24px;
    text-align: left;
    letter-spacing: normal;
}
.wedding-invite .owl-nav{
    display: none;
}
.sub-right-box-bottom{
    position: relative;
   /* border: 1px solid #c41f25;
    overflow: hidden;
        border-radius: 8px;*/
}
.sub-right-box-bottom form input {
    width: 100%;
    background-color: #fff;
    height: 62px;
    padding: 20px 80px 20px 20px;
    border-radius: 42px;
    outline: none;
    border: 1px solid #fc2424;
    color: #000;
}
.sub-right-box-bottom form input::placeholder{
    color: #000;
}
.sub-right-box-bottom form .arrow-btn {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 62px;
    z-index: 0;
    cursor: pointer;
    color: #fff;
    transition: all .2s;
    width: 64px;
    background: #000;
    font-size: 19px;
    /* border-top-right-radius: 32px; */
    /* border-bottom-right-radius: 32px; */
    border: 0;
    bottom: 0;
    transition: 0.4s;
    border-radius: 50%;
}
.sub-right-box-bottom form .arrow-btn:hover {
    background: #fc2424;
    transition: 0.4s;
}
.sub-right-box-bottom form .arrow-btn  i{transition: 0.4s;}

.sub-right-box-bottom form .arrow-btn:hover i {
    padding-left: 14px;
    transition: 0.4s;
}
.sub-right-box-bottom:hover form i{
    right: 15px;
    transition: all .1s;
}
.newsletter-heading {
    margin-bottom: 60px;
}
.newsletter-heading h2 {
    font-size: 42px;
    font-weight: 700;
    text-align: center;
    color: #000;
}
.newsletter-heading p{
    font-size: 20px;
    text-align: center;
  
    color: #000;
}

.cat-col-inner:hover .categories-text {
    display: block;
    left: 29px;
    opacity: 1;
}

.categories-text {
    position: absolute;
    transition: 0.6s;
    bottom: 30px;
    left: -214px;
    opacity: 0;
}



.categories-text .categories-text-line{    top: 17px;}

.categories-text h2 {
    font-size: 24px;
    font-family: var(--bs-font-sans-serif);
    font-weight: 400;
}

ul.social-link li i {
    font-size: 20px;
    color: #000;
        transition: 0.3s;
}
ul.social-link li {
    list-style: none;
    padding: 0 5px;
}
ul.social-link {
    padding: 0;
    margin-top: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.social-link li a {
    display: flex
;
    width: 40px;
    height: 40px;
    background: #000;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 50%;
}

ul.social-link li a i{ color:#fff }
ul.social-link {
    position: relative;
}

ul.social-link li span {
    position: absolute;
    left: 110px;
    color: #000;
    transition: 0.3s;
    opacity: 0;
    font-style: italic;
    bottom: 0;
}
ul.social-link li a:hover span {
    opacity: 1;
    left: 115px;
}

/*ul.social-link li a:hover .fb-text { color:#1773ea } 

ul.social-link li a:hover .twi-text { color:#1da1f2} */

ul.social-link li a:hover i {
    transform: scale(1.1);
    transition: 0.3s;
}

footer {
    background-color: #000;
    padding: 60px 0px 30px;
}

.footer-menu li a {
    color: hsl(0deg 0% 100% / 78%) !important;
}
.footer-menu h3 {
    font-size: 26px;
    color: #FDAf44;
    font-weight: 400;
}

.footer-menu ul {
    padding-left: 0;
}

.footer-menu ul li {
    list-style: none;
    display: flex
;
    align-items: center;
}



.footer-menu h3 {
    padding-bottom: 20px;
    font-weight: 500;
    color: #fff;
    font-family: "Lora", serif;
}
ul.footer-info li {
    color: hsl(0deg 0% 100% / 78%);
    padding-bottom: 8px;
}
ul.footer-info li {
    color: hsl(0deg 0% 100% / 78%);
    font-size: 15px;
}
ul.footer-info li i {
    font-size: 15px;
}
ul.footer-info li span {
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    display: flex
;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    border-radius: 50%;
    margin-right: 14px;
    background: hsl(0deg 0% 100% / 14%);
}
ul.footer-menu li {
    position: relative;

    margin-bottom: 8px;
    font-size: 15px;
}


ul.footer-menu li a {
    position: relative;
    cursor: pointer;
     transition: 0.7s;
}

ul.footer-menu li a:hover {
    padding-left: 3px;
    transition: 0.7s;
    opacity: 0.8;
}

ul.footer-info li a {
    text-decoration: none;
}

ul.footer-info li:hover i {
    color: #000;
    font-size: 18px;
    
}

ul.footer-info li:hover span {
    background: #fff;
}

ul.footer-menu li:hover:after {
    color: #fff;
}

.box-content {
    justify-content: center;
    text-align: center;
}
.viewBox {
    box-shadow: 0 3px 14px hsl(0deg 0% 0% / 17%);
    padding: 10px 10px;
    position: relative;
    background: #fff;
}

.box-content figure {
    margin-bottom: 0;
}


.view-box-r p {
    font-size: 14px;
     margin-bottom: 0;
}

.sec6 .viewBox h3 {
    font-size: 21px;
    margin-bottom: 3px;
}

.view-box-r {
    padding-left: 16px;
}

.shopping-info .row:after {
    width: 90px;
    height: 90px;
    background: hsl(55.5deg 75.47% 79.22% / 65%);
    position: absolute;
    left: -20px;
    content: "";
    border-radius: 50%;
    top: -35px;
    z-index: -1;
}

.shopping-info .row:before {
    height: 90px;
    width: 90px;
    background: hsl(55.5deg 75.47% 79.22% / 65%);
    position: absolute;
    right: -20px;
    content: "";
    border-radius: 50%;
    bottom: -35px;
    z-index: -1;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.box-content:hover svg{
animation: shake 0.5s;
  animation-iteration-count: infinite;}

.testimonials-box-content {
    text-align: center;
}

.testimonials-box-content h3 {
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 0;
    font-family: "Dancing Script", cursive;
    font-weight: 900;
}
ul.rating-rewiew {
    padding: 0;
    display: flex
;
    align-items: center;
    justify-content: center;
}

ul.rating-rewiew li {
    list-style: none;
    padding: 0 2px;
    
}

ul.rating-rewiew li i{color: #ffc107;}

.indo-western-left-img:after {
    background: #f2eca2;
    position: absolute;
    left: -14px;
    right: 0;
    top: -14px;
    bottom: 0;
    width: 45%;
    height: 45%;
    content: "";
     box-shadow: 0 1px 10px hsl(0deg 0% 0% / 22%);
}

.indo-western-left-img:before {
    background: #f2eca2;
    position: absolute;
    right: -14px;
    bottom: -14px;
    width: 45%;
    height: 45%;
    content: "";
    box-shadow: 0 1px 10px hsl(0deg 0% 0% / 22%);
}

.indo-western-left-img .indo-western-layer-img1{    z-index: 11;}

.indo-western-main {
    margin-top: 210px ! IMPORTANT;
}

.indo-western-left-img .indo-western-layer-img{    z-index: 999;}

.indo-western-main {
    padding-bottom: 60px ! IMPORTANT;
}

.main_menu ul li a svg {
    display: none;
}

nav.navbar.navbar-expand-lg {
    padding: 0;
}

.header.header-fixd{padding: 0;}



.sec1 .inner-frem:hover figure:after {
    background: #0000003b;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    border-radius: 50px;
    transition: 0.7s;
}

.sec1 .inner-frem figure{ transition: 0.7s;}

.color-choose {
    position: absolute;
    bottom: 28px;
    right: 10px;
}

.bottom-content {
    padding: 0 10px 20px;
}

.women-seller-slider .bottom-content .Discount {
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    background: #fc2424;
    padding: 2px 11px;
    border-radius: 14px;
    position: absolute;
    top: 12px;
}


.indo-western-layer-img {
  -webkit-animation: rotate 16s normal linear infinite;
  animation: rotate 16s normal linear infinite;
}
.price-btn-sec {
    align-items: center;
}
.boost-pfs-quickview-cart-btn:hover {
    background: #000;
    color: #fff;
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  25% {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg);
  }
  75% {
    -webkit-transform: rotate3d(0, 0, 1, 270deg);
    transform: rotate3d(0, 0, 1, 270deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}




.boost-pfs-quickview-cart-btn {
    position: relative;
    overflow: hidden;
}

.boost-pfs-quickview-cart-btn:after {
    -webkit-animation: shine 3s infinite ease-in-out;
    animation: shine 3s infinite ease-in-out;
    content: "";
    position: absolute;
    top: 0;
    left: -70px;
    width: 50px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.30);
    transition: 0.2s;
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
}


@-webkit-keyframes shine {
    0% {
        left: -40px;
    }

    25% {
        left: 230px;
    }

    100% {
        left: 230px;
    }
}

@keyframes shine {
    0% {
        left: -40px;
    }

    25% {
        left: 230px;
    }

    100% {
        left: 230px;
    }
}


ul.social-link li.fb-box a:hover {
    background: #1778f2;
}

ul.social-link li.tweeter-box a:hover{ background: #1da1f2;}


ul.social-link li.youtube-box a:hover{ background: #ec0000;}


ul.social-link li.linkedin-box a:hover{  background: #0073ae; }


footer{position: relative;}

footer:after {
    width: 15%;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    height: 3px;
    background: #fc2424;
}

footer:before{
    width: 15%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 3px;
    background: #fc2424;

}

@-webkit-keyframes float_up_down {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }

    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes float_up_down {
    0% {
        transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }

    50% {
        transform: translateY(30px);
        transform: translateY(30px);
        opacity: 1;
    }

    100% {
        transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
}
.icon-head svg{
 animation-name: float_up_down;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_up_down;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_up_down;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_up_down;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;}

@-webkit-keyframes zoom-fade {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.5)
    }
}

@keyframes zoom-fade {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}
    img.feature-row__image{

        animation-name: zoom-fade;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: zoom-fade;
-webkit-animation-duration: 8s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: zoom-fade;
-moz-animation-duration: 8s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: zoom-fade;
-ms-animation-duration: 8s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: zoom-fade;
-o-animation-duration: 8s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear
    }

    .right-icon .wrapper {
    position: absolute;
    right: 165px;
    top: 11px;
}
.box-content figure path {
    fill: #fc2424;
}

.shopping-info .row {
    position: relative;
}

.address-sec-bg {
    padding: 20px 20px;
    border-radius: 11px;
    background: linear-gradient(to bottom, rgba(244, 212, 156, 0.6) 0%, rgba(243, 238, 174, 0.6) 100%);
    height: 100%;
}

.address-head h4 {
    font-size: 22px;
    margin-bottom: 3px;
    font-weight: 600;
    color: #000;
}


/*shop page**/
.banner-section {
    position: relative;
    background: linear-gradient(to bottom, #f4d49c 0%, #f3eeae 100%);
}
.page-banner-wrapper .lineanm {
    position: absolute;
    bottom: 25px;
    left: 0;
    height: 340px;
    width: 100%;
    z-index: -1;
}

.shape1 {
    position: absolute;
    bottom: 0;
    left: 87px;
}

 .shape2 {
    position: absolute;
    bottom: 0;
    left: 67px;
}

 .shape4 {
    position: absolute;
    top: 0;
    right: 97px;
}

 .shape3 {
    position: absolute;
    top: 0;
    right: 58px;
}

.banner-text {
    text-align: center;
    font-size: 26px;
}

.banner-text h1 {
    font-size: 40px;
}

.banner-inner {
    padding: 75px 0px;
}

svg.page-svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 85px;
}
.banner-inner {
    padding: 75px 0px 70px;
}
ol.breadcrumb {
    text-align: center;
    justify-content: center;
    font-size: 15px;
}

li.breadcrumb-item a {
    color: #000;
    font-weight: 500;
    text-decoration: none;
}


.shape-four {
    top: 12%;
    right: 30%;
    position: absolute;
}

.filters-select {
    display: flex
;
}


.show-text p {
    margin-bottom: 0;
}

select.form-select {
   

    border: 1px solid #000;
}

.filters-box-r {
    display: flex
;
    align-items: center;
    justify-content: space-between;
  
       
    border-radius: 10px;
}

.list-view-filter a {
    width: 42px;
    height: 42px;
    border: 1px solid;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #000;
    margin-left: 3px;
    color: transparent;
}

.list-view-filter a i {
    font-size: 18px;
    color: #fff;
}

.page-link {
    border: 1px solid #ddd;
    padding: 10px 18px;
    color: hsl(0deg 0% 0% / 67%);
    width: 40px;
    height: 40px;
    display: flex
;
    align-items: center;
    justify-content: center;
    margin: 0 12px;
    border-radius: 4px;
    font-size: 17px;
}

.page-item.active .page-link,.page-link:hover,.page-link:focus {
    z-index: 3;
    color: #fff;
    background-color: #fc2424;
    border-color: #fc2424;
    box-shadow: none;
}

.pagignation-box.mt-5 {
    display: flex
;
    align-items: center;
    justify-content: center;
}

/*.side-filter-box {
    background-color: #000;
    height: 100vh;
    padding-top: 110px;
    position: fixed;
    left: -227px;
    top: 0;
    transition: .3s;
    width: 227px;
    z-index: 9;
}

.side-filter-box.filter-box-show{

      margin-left: 0;
    left: 0;
    transition: .5s;
}*/

.filter-modal .modal-dialog {
    height: 100%;
    margin: unset;
}

.filter-modal .modal-content{

        height: 100vh;
    border-radius: 0;
        border: 0;
}


.filter-modal.modal .modal-body {
    padding: 0;
}


.filter-modal.modal .modal-dialog {
       left: -500px;
    transition: 0.5s;transform: none;}

   .filter-modal.modal.show  .modal-dialog {
    left: 0;
    transition: 0.5s;
            max-width: 450px;
}

.sortby-list {
    padding: 0;
}

.sortby-list li {
    list-style: none;
    margin-bottom: 15px;
}

.btn-filter {
    background: #fff;
    border: 1px solid #000;
    padding: 9px 18px;
    border-radius: 27px;
    display: flex;
        font-size: 14px;

    align-items: center;
    height: 37px;
    text-transform: uppercase;
}
.btn-filter svg {
    margin-left: 7px;
}
/*.button-filter{
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    border: 1px solid #000;
    padding: 8px 20px 8px 8px;
    height: 48px;
    border-radius: 6px;
}
*/

button.sortby-btn.button-filter svg {
    margin-left: 8px;
}

.nav-tabs-filter {
    display: flex
;
}

.nav-tabs-filter-left {
    width: 30%;
    overflow: auto;
}
.nav-tabs-filter-right {
    flex: 1;
    overflow: auto;
}

.nav-tabs-filter-left .nav-item{ width:100% }
.nav-tabs-filter-left .nav-tabs .nav-link {
    margin-bottom: 0;
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
    text-align: left;
    padding: 11px 10px;
    background: #f3eeae;
    border-bottom: 1px solid #ddd;
    color: #000;
}

.coustom-check label.form-check-label {
    font-size: 16px;
}

.coustom-check li {
    padding: 11px 15px;
}

.coustom-check .form-check {
    min-height: auto;
    padding-right: 0;
    margin-bottom: 0;
}

ul.sortby-list {
    padding: 20px 20px;
}

.modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #Fff;
}

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

.list-view-filter {
    display: flex
;
}

.modal-footer-l {
    flex: 1;
    text-align: center;
      margin: 0;
}

.modal-footer-r {
    flex: 1;
    text-align: center;
    margin: 0;
}
.view-result-btn {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex
;
    padding: 13px 25px;
    border: 0px;
    color: #fff;
    background-color: #fc2424;
    height: 45px;
    transition: 0.3s;
}
.resrt-btn {
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
}

.nav-tabs-filter {
    height: calc(100vh - 134px);
   
}

.nav-tabs-filter-left .nav-tabs .nav-item:last-child .nav-link {
    border-bottom: 0;
}

.nav-tabs-filter-left .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}

.form-check .form-check-input:focus {
   
    box-shadow: none;
}

.nav-tabs-filter-left .nav-tabs .nav-link.active {
    background: #fff;
    font-weight: 500;
}

.view-result-btn:hover {
    background: #000;
    color: #fff;
    cursor: pointer;
    transition: 0.3s;
}

.product-sec .product-card {
    margin-bottom: 35px;
}

.detail-grid-img a img {
    width: 100%;
    height: 350px;
    object-fit: contain;
    border-radius: 6px;
}

.space-sec-inner {
    padding-top: 80px;
    padding-bottom: 80px;
}

.detail-grid-img {
    margin-bottom: 8px;
    padding: 0 4px;
}

#sync1 {
    .item {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        text-align: center;
        height: 600px;
    }
}

#sync2 {
  .item {
   

  }
  .current .item{
   
  }
}





#sync1.owl-theme {
  position: relative;
  .owl-next, .owl-prev {
    width: 22px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
  }
  .owl-prev {
    left: 10px;
  }
  .owl-next {
    right: 10px;
  }
}


div#sync2 .item img {
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
}
.modal-light .modal-body {
    padding: 0;
}

   .modal-light .modal-dialog {
        max-width: 600px;}


#sync2 {
    padding: 6px 100px;
    background: #000;
}


div#sync2 .owl-carousel.owl-drag .owl-item img {
    border-radius: 4px;
}

.modal-light .modal-content {
    border: 0;
    background: transparent;
    border-radius: 6px;
    overflow: hidden;
}

.modal-light .btn-close {
    position: absolute;
    right: 15px;
    top: 10px;
}

.modal-light .btn-close {
    position: absolute;
    right: 20px;
    top: 5px;
    background: none;
    color: #fff;
    opacity: 1;
    font-size: 28px;
    padding: 0;
    width: auto;
    height: auto;
}
button.owl-prev {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

button.owl-next{

      position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

button.owl-prev  svg,button.owl-next  svg{ width:30px }

.owl-theme .owl-nav {
    margin-top: 0;
}

button.owl-prev svg, button.owl-next svg {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 6px;
    padding: 9px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: none ! IMPORTANT;
}



div#sync2 .owl-item.active.current {
    opacity: 0.6;
}

.detail-head span.sub-title {
    font-size: 14px;
    color: hsl(0deg 0% 0% / 51%);
    margin-bottom: 2px;
    display: block;
}
.price-text {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
}

.price-text del {
    font-size: 16px;
    font-weight: 500;
    color: hsl(0deg 0% 0% / 51%);
    padding-left: 5px;
}

.price-text del {
    font-size: 16px;
    font-weight: 400;
    color: hsl(0deg 0% 0% / 51%);
    padding-left: 5px;
}

.price-box {
    display: flex
;
    align-items: center;
}

.product-detail-sec .col-md-5 {
    padding-left: 40px;
 
}

.detail-head {
    line-height: 1.3;
}

.detail-head small {
    font-size: 13px;
    color: hsl(0deg 0% 0% / 51%);
}

span.off-tag {
    padding: 4px 10px;
    background-color: green;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    border-radius: 6px;
    margin-left: 10px;
}

.deal-off-day {
    background-color: rgba(232, 196, 99, 0.25);
    padding: 12px 10px;
    display: inline-flex
;
    border-radius: 6px;
    margin-bottom: 20px;
    min-width: 300px;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

span.offer-img {
    position: absolute;
    left: 0;
}

span.offer-img img {
    width: 56px;
}

.deal-off-day svg {
    vertical-align: top;
    transform: rotate(-93deg);
}

.deal-off-day span {
    font-size: 14px;
    font-weight: 400;
}

.color-box h5 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

ul.size-list li span {
    padding: 5px 15px;
    border-radius: 22px;
    width: fit-content;
    font-size: 12px;
    color: #000;
    border: 1px solid #000;
}
ul.size-list {
    display: flex
;
    align-items: center;
}

ul.size-list li {
    margin-right: 5px;
}

.select-box {
    margin-bottom: 25px;
}

.detail-cart-btn {
    display: inline-flex
;
    padding: 10px 29px;
    border: 0px;
    color: #fff;
    background-color: #fc2424;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    min-width: auto;
    text-align: center;
    justify-content: center;
    border-radius: 33px;
}


.btn-action {
    display: flex
;
    align-items: center;
}

.item-single .color-choose{bottom: 15px;}

select.form-select.short-by {
    border: 1px solid #000;
    border-radius: 27px;
    display: flex
;
    font-size: 14px;
    align-items: center;
    text-transform: uppercase;
    padding: 8px 34px 6px 18px;
    background-size: 15px;
    color: #000;
   
}

.detail-head h4.title {
    font-size: 32px;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-weight: 500;
}

.select-box h5 {
    font-size: 16px;
    margin-bottom: 11px;
}

.add-to-cart-fixed .btn-action {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.add-to-cart-fixed {
    position: fixed;
    right: -1px;
    top: 45%;
}

.picture-show img {
    width: 70px;
    height: 70px;
}

.shop-icon {
    display: inline-flex
;
    border: 1px solid;
    padding: 10px 10px;
    border-radius: 6px;
    height: 47px;
    align-items: center;
    width: 47px;
    justify-content: center;
    background: #fc2424;
    color: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.add-to-cart-fixed .wish-icon {
    display: inline-flex
;
    border: 1px solid;
    padding: 10px 10px;
    border-radius: 6px;
    height: 47px;
    align-items: center;
    width: 47px;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: #000;
    color: #fff;
}


.detail-grid-img a:hover img {
    transform: scale(1.1);
    transition: 0.3s;
    box-shadow: 0 3px 3px hsl(0deg 0% 0% / 51%);
}

    .detail-grid-img  a img{transition: all .3s ease-in-out;}

    ul.color-list {
    display: flex
    flex-direction: column;
;
}

ul.color-list li img {
    border-radius: 50%;
    box-shadow: 0px 1px 2px hsl(0deg 0% 0% / 63%);
}

ul.color-list li {
    margin-right: 10px;
}

.order-qoutes a {
    display: inline-block;
    clear: both;
    padding: 6px 16px 9px;
    font-size: 12px;
    border-radius: 6px;
    margin-top: 10px;
    background: #000;
    color: #fff ! IMPORTANT;
    border: 0;
}


.order-qoutes h4 {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 600;
}
.order-qoutes span{    font-size: 14px;
    width: 100%;
    display: block;}

    .order-qoutes {
    border: 2px dashed #000;
    padding: 10px 16px;
    margin-top: 25px;
    border-radius: 8px;
    background: #f4d49c;
    position: relative;
}


.order-qoutes i.fa-solid.fa-boxes-packing {
    font-size: 50px;
    margin-left: 6px;
    color: #fc2424e8;
    text-align: revert;
    position: absolute;
    right: 12px;
    bottom: 10px;
}


.sm-box {
    display: inline-flex
;
    border: 1px solid;
    padding: 10px 10px;
    border-radius: 50%;
    height: 50px;
    align-items: center;
    width: 50px;
    justify-content: center;
    margin-right: 4px;
    background: #000;
    color: #fff;
}



ul.rating-review li i {
    color: rgb(232, 196, 99);
}

ul.rating-review {
    display: flex
;
    align-items: center;
}

ul.rating-review li {
    margin-right: 6px;
}

a.write-btn-review {
    border: 1px solid #000;
    color: #000;
    padding: 6px 35px;
    text-decoration: none;
    margin-top: 20px;
    display: inline-flex
;
    border-radius: 22px;
}

.recent-product-sec h3 {
    margin-bottom: 25px;
}



.faq-inner .accordion-button {
  background-color: #f1f0ea;
  font-size: 16px;
  padding: 21px 20px;
  font-weight: 700;
  color: #292d32;
}

.faq-inner .accordion-button:not(.collapsed) {
  padding-bottom: 0;
  color: #fc2424;
  background-color: transparent;
  box-shadow: none;
  border-radius: 6px !important;
}

.faq-inner .accordion-item {
    margin-bottom: 2px;
    border-radius: 6px !important;
    overflow: hidden;
    border: 0 solid;
    background: hsl(51.43deg 20% 93.14% / 48%);
}

.faq-inner .accordion-item:not(:first-of-type) {
  border-top: 0 solid var(--body-color);
}

.faq-inner .accordion-item .accordion-button::after {
  background-image: url(../img/plus.png);
  background-position: center;
}

.faq-inner .accordion-button:not(.collapsed)::after {
  background-image: url(../img/minus.png);
  transform: none;
  filter: black(0) invert(1);
}

.faq-inner .accordion-button:focus {
  outline: 0;
  box-shadow: none;
}

.faq-inner .nav-tabs .nav-link {
  margin-bottom: 0;
  background: 0 0;
  border: 0;
  border-top-left-radius: initial;
  border-top-right-radius: inherit;
  display: flex;
  align-items: center;
  color: rgb(78 85 93 / 59%) !important;
  font-size: 20px;
  color: rgb(78 85 93 / 59%) !important;
  font-weight: 700;
}

.faq-inner .nav-link.chef-active.active {
  color: #8d126e !important;
  margin-bottom: 0;
}


.faq-inner .nav-link.active span img {
  -webkit-filter: brightness(0) invert(1);
}

.faq-inner .nav-item .nav-link {
  border-right: 1px solid #b2b2b2;
}

.faq-inner .nav-item:last-child .nav-link {
  border-right: 0px solid #b2b2b2;
}

.faq-inner .nav-tabs .nav-link:focus,
.faq-inner .nav-tabs .nav-link:hover {
  border-color: #b2b2b2;
  isolation: isolate;
  border-radius: initial;
}

.faq-inner .nav-tabs {
  border-bottom: 0;
}

.faq-inner .nav-link.customer-active.active {
  color: #fd207a !important;
  margin-bottom: 0;
}

.accordion-body {
    font-size: 14px;
}

.detail-grid {
    padding: 0 10px;
}



.Policy-return {
    align-items: center;
    font-weight: 600;
    background: #fff;
    display: inline-flex
;
    padding: 3px 17px;
    font-size: 16px;
}

.Policy-return svg {
    margin-right: 13px;
}

ul.Policy-return-list li {
    margin-bottom: 4px;
    list-style: disc;
    list-style-type: disclosure-closed;
    margin-left: 20px;
}

ul.Policy-return-list {
    margin-top: 12px;
}

a.write-btn-review:hover {
    background: #000;
    color: #fff;
    cursor: pointer;
    transition: 0.3s;
}

ul.size-list li .disable-size {
    background: #ddd;
}

li.size-chart {
    cursor: pointer;
}

li.size-chart {
    padding-left: 12px;
    text-decoration: underline;
    font-size: 14px;
    color: #000;
}
button.buy-now-btn {
    display: inline-flex
;
    padding: 10px 29px;
    color: #000;
    border: 1px solid #000;
    font-size: 12px;
    border-radius: 22px;
    text-transform: uppercase;
    font-weight: 500;
    min-width: auto;
    text-align: center;
    justify-content: center;
    background: #fff;
}


.header-fixd .dropdown-mobile:hover .sub-menu-thimb {
    top: 67px;
}



.write-review {
    margin-top: 25px;
    background: hsl(0deg 0% 99.41% / 85.1%);
    padding: 25px 25px;
    border-radius: 6px;
    box-shadow: 0 0px 3px hsl(0deg 0% 0% / 18.82%);
}
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
      border: 1px solid #ced4da;
    border-radius: 6px;
    padding: 10px 10px;
}


.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.write-review h5 {
    font-size: 14px;
}

.review-box .form-group {
    margin-bottom: 20px;
}
.review-box label {
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 5px;
}
.review-box {
    padding-top: 15px;
}

.border-fill {
    background: #fc2424;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 15px;
    border-radius: 20px;
      font-size: 14px;
}

.border-btn {
    color: #000;
    text-transform: uppercase;
    padding: 6px 15px;
    border-radius: 20px;
    border: 1px solid #000;
    background: #fff;
    font-size: 14px;
}
.bottom-text a {
    color: #000;
}

.bottom-text {
    font-size: 15px;
    padding: 13px 0;
}

.review-box input.form-control {
    font-size: 14px;
    height: 45px;
}

.review-box textarea.form-control {
    font-size: 14px;
    height: 90px;
    resize: none;
}

.flip-modal.modal .modal-dialog {
    right: -560px;
    transition: 0.5s;
    transform: none;

     transform: none;
   
     margin-left: auto;

}
.flip-modal.modal.show .modal-dialog {
    right: 0;
  
    max-width: 550px;
   
}

.flip-modal.modal{ left:auto; right:0; }


.flip-modal .modal-content {
    height: 100vh;
    border-radius: 0;
  
    border: 0;
    
        
}

.login-sign-modal .modal-content{padding: 80px 80px;overflow: auto;  border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;}

.flip-modal .modal-dialog {
    height: 100%;
    margin: unset;
}

.flip-modal .modal-head button.btn-close {
    background: transparent;
    font-size: 20px;
    height: auto;
    width: auto;
    border-radius: 0;
    position: absolute;
    right: 20px;
    top: 8px;
}

.flip-modal .modal-head button.btn-close i {
    font-size: 26px;
}

.form-head {
    text-align: center;
    margin-bottom: 50px;
}

.form-head h1 {
    font-size: 34px;
    margin-bottom: 5px;
    font-weight: 600;
}

.form-head p {
    font-size: 16px;
    color: hsl(0deg 0% 0% / 78%);
    margin-bottom: 0;
}

button.btn.form-btn {
    padding: 7px 30px;
    align-items: center;
    justify-content: center;
    height: 48px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: var(--button-letter-spacing, .02em);
    border: 0;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    border-radius: 6px;
}

.divider:after {
    border-bottom: 2px solid #ddd;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 31px;
    height: 2px;
    width: 100%;

}
.divider {
    text-align: center;
    padding: 20px;
    position: relative;
}

.divider span {
    background: #fff;
    padding: 0 20px;
    z-index: 1;
    position: relative;
      color: hsl(0deg 0% 0% / 54%); }
.link-sign {
    border: 1px solid #ddd;
    width: 100%;
    display: flex
;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    margin-bottom: 12px;
    text-decoration: none;
    padding-left: 15px;
    background: #ddd;
}


.link-sign span {
    color: #000;
    font-size: 14px;
}

.form-bottm-text {
    text-align: center;
    display: block;
    padding-top: 40px;
    font-size: 18px;
    font-weight: 500;
}

.signup-in-sec.intro {
    display: block !important;
}

.sign-in-sec.hide-sign{ display:none }


.form-floating>label{    top: -5px;    font-size: 15px;}


.form-floating input#floatingInput {
    height: 50px;
}

.flip-modal .modal-body {
    padding: 0 20px;
}

.with-icon .eye-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    border-left: 1px solid #ddd;
    display: flex
;
    align-items: center;
    justify-content: center;
    background: #Ddd;
}
.with-icon .eye-icon i {
    color: hsl(0deg 0% 0% / 34%);
}

.with-icon input.form-control {
    padding-right: 40px !important;
}

input#floatingInput:focus {
    box-shadow: none;
    border-color: #ced4da;
}

.input-number {
  width: 33px;
  padding: 0 12px;
  vertical-align: top;
  text-align: center;
  outline: none;
  font-size: 14px;
}

.input-number,
.input-number-decrement,
.input-number-increment {
  border: 1px solid #ccc;
  height: 26px;
  user-select: none;
}

.input-number-decrement,
.input-number-increment {
  display: inline-block;
  width: 29px;
  line-height: 22px;
  background: #f1f1f1;
  color: #444;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}
.input-number-decrement:active,
.input-number-increment:active {
  background: #ddd;
}

.input-number-decrement {
  border-right: none;
  border-radius: 4px 0 0 4px;
}

.input-number-increment {
  border-left: none;
  border-radius: 0 4px 4px 0;
}

.cart-head {
    font-size: 16px;
    padding: 10px 0px 20px;
    font-weight: 500;
}

.sale-info p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
}
.sale-info {
    border: 2px dashed #000;
    padding: 10px 16px;
    border-radius: 8px;
    background: #f4d49c;
    position: relative;
    margin-bottom: 23px;
}

.cart-head a i {
    margin-right: 11px;
}

.ac-l-left figure {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 0;
}

.add-cart-list {
    display: flex
;
    justify-content: space-between;
    margin-bottom: 4px;
    background: #f1f0ea;
    padding: 10px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    position: relative;
}

.offer-tag {
    background: rgb(241, 234, 237);
    font-size: 13px;
    border-radius: 10px;
    padding: 2px 10px;
    color: rgb(119, 43, 77);
    margin-bottom: 5px;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
}
.offer-tag i {
    margin-right: 5px;
    position: relative;
    top: 1px;
}
.ac-l-right  h4 {
    font-size: 14px;
    margin-bottom: 3px;
}

.ac-l-right {
    padding-left: 18px;
}


.ac-l {
    display: flex;

    width: 64%;
}
.return-tag {
    font-size: 12px;
}

.ac-r {
    text-align: right;
    flex: 1;
}

.trash-icon {
    color: #b73030;
    font-size: 12px;
    justify-content: center;
    margin-top: 3px;
    margin-right: 5px;
    display: block;
}

.price-tag span {
    color: rgb(10, 10, 10);
    font-weight: 700;
    margin-right: 7px;
}

.price-tag {
    padding-bottom: 8px;
}

.input-increment {
    margin-top: 12px;
}

.ac-l-left {
    text-align: center;
}

.ac-l-right p {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
}



   .flip-modal   button.btn-close {
    background: none;
    font-size: 21px;
    height: auto;
}

.add-cart-footer .btn {
    background: #000;
    color: #Fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 9px 20px;
}

.add-cart-footer {
    position: absolute;
    left: 0;
    right: 0;
    padding: 14px 10px;
    text-align: center;
    border-top: 1px solid #ddd;
    background: #fff;
    bottom: -69px;
    transition: all 1s;
    background: #f3eeae;
}
.modal.show .add-cart-footer {
    bottom: 0;
}
.add-cart-sec {
    overflow: auto;
    height: calc(100vh - 270px);
    padding-right: 10px;
}

.link-sign img {
    width: 55px;
    background: #fff;
    padding: 9px 15px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    position: relative;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.section-space {
    padding-top: 70px;
    padding-bottom: 100px;
}

.my-cart-inner .add-cart-list{background: #fff;}


.add-cart-list{    margin-bottom: 20px;}



.special-gift span {
    font-size: 14px;
    padding-left: 8px;
}
.special-gift figure {
    margin-bottom: 0;
}

.arrow-gift i {
    margin-left: 5px;
}
.arrow-gift {
    font-size: 14px;
    color: #fc2424;
    padding-top: 3px;
}

.special-gift {
    padding: 7px 10px;
    border-radius: 6px;
    display: flex
;
    justify-content: space-between;
    background: #ddd;
     box-shadow: 0px 1px 6px #fc24242b;
}

.flate-off {
    padding: 10px 10px;
    margin-top: 16px;
    border-radius: 6px;
    box-shadow: 0px 1px 6px #fc24242b;
}

.flate-off-l {
    display: flex
;
}
.flate-off-l figcaption h4 {
    margin-bottom: 0;
    display: flex
;
    justify-content: space-between;
    font-size: 16px;
}


.flate-off-l figcaption h4 {
    margin-bottom: 0;
}

figcaption h4 span {
    font-size: 13px;
    border: 1px solid #fc2424;
    padding: 2px 7px;
    margin-left: 10px;
    border-radius: 4px;
    color: #fc2424;
}

.flate-off figcaption {
    margin-left: 10px;
    flex: 1;
}

.flate-off h4 {
    font-size: 18px;
}

.flate-off-l figcaption p {
    margin-bottom: 0;
    font-size: 14px;
    color: hsl(0deg 0% 0% / 58%);
}

.apply-btn {
    background: #000;
    color: #fff;
    text-decoration: none;
    padding: 6px 15px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.2;
}

.view-more-link a {
    font-size: 13px;
    text-decoration: underline !important;
}

.flate-off-bottom {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 15px;
}

.use-wallet {
    padding: 10px 10px;
    margin-top: 16px;
    border-radius: 6px;
    box-shadow: 0px 1px 6px #fc24242b;
}

.use-wallet-l h4 {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 600;
}

.use-wallet-l p {
    font-size: 14px;
    color: rgb(0 0 0 / 60%);
    margin-bottom: 0;
}


.login-link {
    border: 1px solid #000;
    color: #000;
    text-decoration: none;
    padding: 6px 15px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.2;
    display: flex
;
    margin-top: 15px;
    justify-content: flex-end;
    width: 70px;
    margin-left: auto;
}

.total-list li {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    width: 100%;
      margin-bottom: 10px;
}

.total-list li p {
    margin-bottom: 0;
}

.total-bill-sec h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}



.total-list li  hr{ width:100% }

.total-show {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    background: #f3eeae;
    margin: 20px 0px;
    border-radius: 6px;
    color: #000;
    padding: 10px 21px;
    border: 1px solid;
}
.total-show p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
}

.total-show span {
    font-weight: 500;
}

.text-green {
    color: #008000;
    font-weight: 500;
}

.text-green del {
    color: hsl(0deg 0% 0% / 35%);
}

.total-list li hr {
    width: 100%;
    margin: 5px 0;
}

.total-cart {
    padding: 25px 20px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.ac-l-right .s-text {
    font-size: 12px;
    font-weight: 400;}

.apply-btn:hover {
    opacity: 0.8;
    color: #fff;
    cursor: pointer;
}

.login-link:hover {
    color: #000;
    cursor: pointer;
    opacity: 0.6;
}

.locate-form .btn {
    position: absolute;
    right: 0;
    top: 0;
    background: #000;
    color: #fff;
    padding: 0px 17px;
    bottom: 0;
}
.locate-form .btn svg {
    margin-right: 10px;
}

.locate-form {
    position: relative;
    width: 80%;
}
.locate-form input {
    height: 48px;
    margin-bottom: 9px;
    padding-right: 125px;
}

.locate-sec.select-box p b {
    font-weight: 500;
}
.locate-sec.select-box p {
    font-size: 13px;
}

.delevery-step li span {
    font-size: 14px;
}
.delevery-step {
    display: inline-flex
;
    margin-bottom: 22px;
    background: #f8f8f5;
    border: 1px solid hsl(0deg 0% 0% / 12.94%);
    border-radius: 6px;
}


.delevery-step li figure {
    margin-bottom: 0;
    height: 47px;
    text-align: center;
    display: flex
;
    align-items: center;
    justify-content: center;
}

.delevery-step li {
    align-items: center;
    margin: 0 5px;
    padding: 10px 17px;
    border-radius: 7px;
}

.modal.add-cart-modal .modal-content{

    overflow: hidden;
}

.arrow-gift:hover {
    color: #000;
    cursor: pointer;
}

.modal-header h1 {
    font-size: 18px;
    margin-bottom: 0;
}

.search-key ul {
    display: flex
;
}



.serch-box-modal .serch-btn {
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    color: #fff;
    padding: 0 20px;
    border-radius: 50%;
    width: 46px;
    display: flex
;
    align-items: center;
    justify-content: center;
}

.serch-box {
    position: relative;
}

.serch-box-modal input.form-control {
    height: 46px;
    border-radius: 33px;
}

.serch-box-modal {
    position: relative;
    z-index: 3;
}
.serch-box-modal .form-select {
    border: 1px solid #000;
    font-size: 14px;
    height: 45px;
}

.search-key {
    display: flex
;
    align-items: center;
    padding-top: 10px;
    font-size: 14px;
}

ul.quick-serch-list {
    padding-left: 10px;
}

ul.quick-serch-list li {
    padding-right: 4px;
}

.popular-choice h3 {
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 15px;
    text-align: left;
}
.popular-choice-list li {
    border: 1px solid #000;
    border-radius: 10px;
    padding: 4px 10px;
    margin-right: 10px;
    margin-bottom: 8px;
    font-size: 13px;
    background: #f2eca2;
}

ul.popular-choice-list {
    display: flex
;
    flex-wrap: wrap;
}


.search-modal .modal-body {
    padding: 0;
}

.select-categories {
    background: #f2eca2;
    padding: 25px 15px 25px;
}

.modal-inner-space{ padding: 0 15px }


.serch-product-box figure {
    width: 80px;
    height: 80px;
    margin-bottom: 0;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}
.serch-product-box figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.serch-product-box figcaption h4 {
    font-size: 16px;
}

.serch-product-box figcaption{ padding-left:10px }

.serch-product-box {
    display: flex
;
}

.search-result .search-title {
    padding: 15px 20px;
    margin-top: 15px;
    box-shadow: 0px 1px 6px #fc24242b;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 20px;
}

.serch-product-box figcaption h4 {
    font-size: 14px;
    margin-bottom: 9px;
    display: block;
}

del.price-cut {
    color: hsl(0deg 0% 0% / 48%);
}
span.price {
    color: red;
}
.price-sec {
    font-size: 14px;
}
.serch-product-box {
    display: flex
;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.search-modal.modal.show .modal-dialog {
    right: 0;
    max-width: 750px;
}

.serch-bottom a {
    color: #000;
    text-decoration: none;
}
.serch-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 20px;
    box-shadow: 0px 1px 6px #fc24242b;
    font-weight: 500;
    border-top: 1px solid #ddd;
    background: #fff;
    text-align: center;
}

.serch-bottom a{ border:1px solid #000; padding:5px 20px; border-radius:22px; font-size:14px }

.serch-bottom i{ margin-left:10px }

.search-result-list {
    overflow: auto;
    height: calc(100vh - 410px);
}

.serch-product-box figcaption {
    padding-right: 10px;
    flex: 1;
}
.serch-product-box .off-tag {
   
    font-size: 12px;
   
    margin-left: 5px;
}

.search-max {
    width: 750px;
    margin: auto;
    position: relative;
}
.search-max .serch-box-modal input.form-control {
    border-radius: 22px;
    padding: 0 80px 0 20px;
}
.search-max .serch-box-modal .serch-btn {

    border-top-right-radius: 26px;
    border-bottom-right-radius: 26px;
    font-size: 20px;
        padding: 0 25px;
}

/*.result-show-box {
    background: #fff;
    margin-top: -23px;
    padding: 25px 14px 24px;
    position: absolute;
    border-top-left-radius: 10px;
    box-shadow: 0 0px 1px hsl(0deg 0% 0% / 22%);
    border: 1px solid #ced4da;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    z-index: 1;
}*/

.form-control:focus {
   
    border-color: #ced4da;
    outline: 0;
    box-shadow: none;
}

.Search-suggestions {
    display: flex
;
}

.Search-suggestions-l {
    width: 25%;
}

.Search-suggestions-r {
    flex: 1;
    padding-left: 20px;
    padding-top: 15px;
    position: relative;
}

.Search-suggestions-r h3 {
    font-size: 16px;
    text-align: left;
    margin-bottom: 15px;
}
ul.search-suggestions-list li {
    font-size: 14px;
    padding: 3px 3px;
}

.Search-suggestions-l h4 {
    font-size: 15px;
    border-bottom: 1px solid hsl(0deg 0% 0% / 27%);
    padding-bottom: 8px;
}

.Search-suggestions-r .item-single {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 8px;
    height: 180px;
}


.Search-suggestions-r .women-seller-slider .bottom-content > p {
    font-size: 13px;
    margin-bottom: 10px;
    text-align: left;
}

.Search-suggestions-r .women-seller .col-md-4 {
    margin-bottom: 15px;
}

.Search-suggestions-r .women-seller.women-seller-slider {
    overflow: auto;
    height: calc(100vh - 320px);
    overflow-x: hidden;
    padding-bottom: 80px;
}


.Search-suggestions-r .women-seller.women-seller-slider .bottom-content {
    padding: 7px 1px 0;
}

.Search-suggestions-l {
    background: hsl(0deg 0% 86.67% / 36.08%);
    padding: 10px 10px;
    text-align: left;
    overflow: auto;
    position: sticky;
}

.offer-head {
    display: flex
;
    align-items: center;
    justify-content: space-between;
}

.offer-head h3 {
    margin-bottom: 0;
    font-size: 20px;
}

.offer-for-you {
    border: 2px dashed #000;
    padding: 10px 16px;
    border-radius: 8px;
    background: #f4d49c;
    position: relative;
    margin-bottom: 20px;
}


.offer-head {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #0000006b;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.offer-for-you p svg {
    margin-right: 10px;
}
.offer-for-you p {
    display: flex
;
    font-size: 14px;
}

.offer-head a {
    text-decoration: underline !important;
    color: #f54e41 !important;
}

.gift-sec {
    padding: 15px 15px;
    margin-top: 16px;
    border-radius: 6px;
    box-shadow: 0px 1px 6px #fc24242b;
    display: flex
;
    align-items: center;
    justify-content: space-between;
}

.gift-sec h4 {
    margin-bottom: 0;
    font-size: 16px;
}


.search-modal .modal-header {
    display: none;
}

.serch-space {
    padding: 10px 15px 10px;
    border-bottom: 1px solid #ddd;
}

.apply-field input {
    height: 45px;
    font-size: 15px;
    padding-right: 80px;
    border-radius: 22px;
    padding-left: 20px;
}
.field-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.apply-field {
    position: relative;
}

.field-btn {
    background: #000;
    border: 0;
    padding: 0 25px;
    font-weight: 500;
    color: #fff;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
}

.tag-off {
    padding: 7px 10px;
    display: block;
    background: #ffc844;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}

.coupan-box-inner {
    display: flex
;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.coupan-box-space {
    padding: 15px 15px 0;
}

.coupan-box {
    border: 2px dashed #ffc844;
    border-radius: 10px;
    overflow: hidden;
    background: hsl(0deg 0% 86.67% / 38%);
    margin-bottom: 15px;
}
.coupan-box-space p {
    font-size: 14px;
    color: hsl(0deg 0% 0% / 58%);
}

.cb-left h5 {
    font-size: 18px;
    margin-bottom: 4px;
}

.flip-modal.view-coupon.show .modal-dialog {
    right: 0;
    max-width: 450px;
}

.cb-left span {
    font-size: 14px;
}


.address-head p {
    font-size: 14px;
    color: #000;
    margin-bottom: 0;
}
.address-head {
    padding-bottom: 10px;
}

.address-sec-bg.guest-user .address-head {
    margin-bottom: 23px;
}

.dont-have a {
    text-decoration: underline !important;
    color: #fc2424 ! IMPORTANT;
}

button.w-100.full-btn {
    background: #000;
    border: 0;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 10px;
    border-radius: 6px;
    margin-top: 30px;
    color: #fff;
}

.address-bottom {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 18px;
}

.text-link {
    color: #000;
    text-decoration: none;
    font-size: 15px;
}

.form-check label.form-check-label {
    font-size: 15px;
}

.text-link {
    text-decoration: underline !important;
    color: #000 !important;
    font-size: 14px;
}
.address-sec-bg.order-summary {
    border: 3px solid #f4c08e;
    background: linear-gradient(135deg, rgba(244, 212, 156, 1) 0%, rgba(243, 238, 174, 1) 100%);
}

.cp-list-l {
    display: flex
;
    position: relative;
}
.check-product-list li {
    display: flex
;
    align-items: center;
}
.cp-list-r span {
    font-size: 14px;
    color: #fc2424;
    font-weight: 500;
}
.no-product {
    width: 20px;
    height: 20px;
    display: flex;

    background: #f3e1a5;
    align-items: center;
    justify-content: center;
    color: #000;
    border-radius: 50%;
    font-size: 11px;
    position: absolute;
    right: -6px;
    top: -5px;
    font-weight: 500;
}

.cp-list-l figure {
    margin-bottom: 0;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
}
.cp-list-r h4 {
    margin-bottom: 3px;
    font-size: 16px;
    font-weight: 500;
}
.cp-list-l figure img {
    width: 100%;
}
.cp-list-r {
    padding-left: 18px;
}

.cp-list-r p {
    margin-bottom: 0;
    font-size: 14px;
}
.check-product-list li {
    margin-bottom: 20px;
}

.form-group input.form-control {
    height: 48px;
}

select.selectcommon {
    height: 48px;
    border: 1px solid #ced4da;
    color: hsl(0deg 0% 0% / 61%);
}
.checksection-box-head h4 {
    font-size: 22px;
    margin-bottom: 0;
}
.checksection-box-head {
    padding-bottom: 10px;
}


.show-toggle-check.show,.show-toggle-check-news.show {
    display: block  !important;
}
.show-toggle-check-news p {
    font-size: 13px;
    padding-top: 9px;
    color: hsl(0deg 0% 0% / 51%);
}

.checkout-page {
    background: linear-gradient(to bottom, rgba(244, 212, 156, 0.6) 0%, rgba(243, 238, 174, 0.6) 100%);
    padding-top: 80px;
    padding-bottom: 100px;
}
.checkout-right {
    padding-left: 40px;
}

.payment-info {
    display: flex
;
    align-items: center;
    width: 40%;
    justify-content: flex-end;
}
.payment-info li { margin-left:4px }

.accordian-radio .accordion-button {
    padding: 15px 15px;
    display: flex
;
    justify-content: space-between;
}


.accordian-radio .accordion-button::after{ display:none }

.accordian-radio label.form-check-label {
    color: #000;
    font-size: 14px !important;
}
.accordian-radio .accordion-button:focus {
   
    box-shadow: none;
}
.accordian-radio .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #f2eca2;
    box-shadow: 0px 0px 0px 1px #000000;
}


.select-delivery-box-inner .form-check {
    border: 1px solid #000;
    background: #f3eeae;
    padding: 14px 20px 15px;
    padding-left: 35px;
    border-radius: 8px;
    margin-bottom: 9px;
    position: relative;
}
.select-content p {
    margin-bottom: 0;
}

.select-content h6 {
    margin-bottom: 0;
    font-size: 16px;
}
.tagcheck {
    font-size: 14px;
    border: 1px solid #000;
    padding: 0px 6px;
    display: inline-flex
;
    border-radius: 4px;
    margin-bottom: 5px;
    background: #f9e9c6;
}

.btn.btn-primary {
    background: #000;
    color: #fff;
    border-radius: 22px;
    border: 1px solid #000;
    padding: 7px 20px;
    font-size: 14px;
}
.select-delivery-box-inner {
    background: #fff;
    padding: 18px 18px 20px;
    border-radius: 6px;
}
.select-delivery-box-inner h5 {
    font-size: 20px;
    padding-bottom: 8px;
}
.wrap-count
{    display: block;
    font-size: 12px;
}

.flip-modal.over-hidden .modal-content {
   
    overflow: hidden;
}
.select-payment-mode-sec {
    background: #fff;
    padding: 18px 18px 20px;
    border-radius: 6px;
}

.select-payment-mode-sec h4 {
    font-size: 20px;
    padding-bottom: 8px;
}

.payment-mode-list li .form-check {
    border: 1px solid #000;
    background: #f3eeae;
    padding: 14px 20px 15px;
    border-radius: 8px;
    padding-left: 35px;
    position: relative;
    margin-bottom: 0;
}
.sp-content p {
    margin-bottom: 0;
    font-size: 12px;
}
.sp-content h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
}
.payment-mode-list .form-check label.form-check-label {

    width: 100%;
}
.payment-mode-list li {
    margin-bottom: 12px;
}
.tag-label {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: -4px;
    bottom: 0;
    display: flex
;
    align-items: center;
}
.payment-mode-list li:last-child{ margin-bottom:0 }

.payment-mode-sec {
    background: #fff;
    padding: 18px 18px 20px;
    border-radius: 6px;
}

.payment-mode-head h4 {
    font-size: 20px;
    padding-bottom: 0;
    margin-bottom: 0;
}
.Payment-mode-list > li {
    border: 1px solid #000;
    background: #f3eeae;
    padding: 14px 20px 15px;
    border-radius: 8px;
    display: flex
;
    align-items: center;
    justify-content: space-between;
}
.Payment-mode-list li h4 {
    font-size: 14px;
    margin-bottom: 0;
}
.Payment-mode-list > li {
    margin-bottom: 12px;
}

.Payment-mode-list li:last-child{ margin-bottom:0 }

.checkout-left {
    position: sticky;
    top: 100px;
}

.registerd-link {
    text-decoration: underline !important;
    color: #fc2424 ! important;
    font-size: 14px;
    padding-bottom: 2px;
}

.payment-mode-head span {
    font-size: 14px;
}

.onload-modal .modal-dialog {
    max-width: 800px;}

    .onload-modal .modal-body {
    padding: 0;
}
.onload-sec {
    display: flex
;
}
.onload-left figure {
    margin-bottom: 0;
}

.onload-left {
    width: 410px;
}
.onload-right {
    flex: 1;
    padding: 50px 20px 20px;
}

.onload-right h4 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 31px;
    font-weight: 700;
}
.onload-bottom-text {
    font-size: 11px;
    text-align: center;
    padding: 13px 10px;
    margin-bottom: 0;
}

.social-follow h5 {
    margin-bottom: 0;
}
.social-follow {
    display: flex
;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
}

.social-modal-link li i {
    font-size: 15px;
    color: #000;
    padding: 0 10px;
}
.social-modal-link {
    display: flex
;
    align-items: center;
}
.social-follow h5 {
    font-size: 16px;
   
}
.onload-right button.btn-close {
    background-position: right;
    position: absolute;
    top: 11px;
    right: 18px;
    padding: 0;
    background: #000;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    opacity: 1;
}

.onload-right button.btn-close i {
    color: #fff;
}

.social-modal-link li a:hover i {
    color: #fc2424;
}
button.btn:hover {
    opacity: 0.8;
}
.onload-right .btn-close:focus {
   
    box-shadow: none;
    
}

.onload-right .form-group input.form-control {
    height: 45px;
    font-size: 14px;
}
.intl-tel-input, .iti {
    width: 100%;
}
.iti--separate-dial-code .iti__selected-dial-code {
  
    font-size: 14px;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
 
    box-shadow: none;
}

.onload-modal .modal-content {
    border: 0;
    border-radius: 16px;
    overflow: hidden;
}

.order-place-l {
    display: flex
;
}
.order-place-sec {
    display: flex
;
    align-items: center;
    justify-content: space-between;
}

.order-place-sec {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    padding: 25px 20px 15px;
    border-radius: 6px;
    border: 3px solid #f4c08e;
    background: linear-gradient(135deg, rgba(244, 212, 156, 1) 0%, rgba(243, 238, 174, 1) 100%);
}


.order-place-l figure {
    margin-bottom: 0;
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 150px;
    border-right: 1px solid #ebad72;
    margin-right: 30px;
    position: relative;
}
.order-place-l figure svg {
    z-index: 1;
    position: relative;
}

.order-place-l figure:after {
    background: hsl(0deg 0% 100% / 45.1%);
    position: absolute;
    width: 120px;
    height: 120px;
    content: "";
    border-radius: 50%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}

.order-place-l figcaption h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}
.order-place-l figcaption h5 {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--bs-font-sans-serif);
    margin-bottom: 5px;
}

.order-place-l figcaption p {
    margin-bottom: 5px;
    font-size: 14px;
}

.border-box {
    padding: 20px 20px;
    border: 1px solid #ddd;
    border-radius: 6px;
    position: relative;
}

.order-detail-list p{ margin-bottom: 0;}

.border-box .box-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.order-detail-list li b {
    font-weight: 500;
    color: hsl(0deg 0% 0% / 43%);
    font-size: 14px;
}

.order-detail-list li p{ font-size: 14px;}

ul.delivery-mode-list li {
    display: flex
;
}

.delivery-mode-content span {
    font-size: 15px;
    font-weight: 500;
}

.delivery-mode-content {
    padding-left: 14px;
}


.delivery-mode-content p {
    font-size: 14px;
    margin-bottom: 0;
}
.delivery-mode-list li i {
   
    font-size: 16px;
    width: 30px;
    display: flex
;
    height: 30px;
    border: 1px solid #000;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}
.delivery-mode-list li {
    display: flex
;
    margin-bottom: 11px;
}
.delivery-mode-list li:last-child {
    margin-bottom: 0;
}

.product-detail-content figure img {
    width: 100px;
    height: 150px;
    object-fit: cover;
}
.product-detail-content figure {
    width: 100px;
    margin-bottom: 0;
}

.product-detail-content {
    display: flex
;
}

.product-detail-content p {
    margin-bottom: 0;
    font-size: 14px;
}

.product-detail-content figcaption {
    flex: 1;
    padding-left: 20px;
}
.product-detail-content figcaption h4 {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 500;
    color: #000;
}
.product-detail-content figcaption > span {
    font-size: 14px;
    color: hsl(0deg 0% 0% / 43%);
}
.product-detail-content .product-cs p {
    padding-right: 10px;
    
}
.product-detail-content .product-cs {
    display: flex
;
    align-items: center;
    padding: 8px 0 2px;
}
.product-detail-content .QTY {
    color: hsl(0deg 0% 0% / 43%);
    padding: 5px 0;
    font-weight: 500;
}
.price-tag del {
    color: hsl(0deg 0% 0% / 43%);
}

.product-detail-content .off-tag {
    color: #fff;
    font-size: 13px;
}
.common-btn {
    padding: 7px 30px;
    align-items: center;
    justify-content: center;
    height: 45px;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: var(--button-letter-spacing, .02em);
    border: 1px solid #fc2424;
    background: #fc2424;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-flex
;
    border-radius: 6px;
}

.Shopping-rating .rating-review li i {
 
    font-size: 20px;
}

span.product-item {
    font-size: 14px;
    font-weight: 400;
}


.nav-tabs.coustom-tabs li .nav-link.active img {
    transform: rotate(-90deg);
    right: 23px;
    transition: 0.3s;
    opacity: 0.5;
   
}
.nav-tabs.coustom-tabs li {
    width: 100%;
    border-radius: 0;
    margin-bottom: 10px;
    position: sticky;
    top: 75px;
}
.nav-tabs.coustom-tabs li .nav-link img{
transition: 0.3s;}
.nav-tabs.coustom-tabs li .nav-link.active {
    background: linear-gradient(135deg, rgba(244, 212, 156, 1) 0%, rgba(243, 238, 174, 1) 100%);
}
/*.nav-tabs.coustom-tabs {
    border-bottom: 0;
} */
/* 1px solid hsl(29.41deg 82.26% 75.69%) */

 .tab-title:after {
    border-bottom: 3px solid #f4dca2;
    position: absolute;
    width: 115%;
    height: 3px;
    content: "";
    bottom: 0;
    left: 0;
}
.detail-grid-img video {
    border-radius: 6px;
}
.tab-title:before {
    border-bottom: 3px solid #ff9a00;
    position: absolute;
    width: 69px;
    height: 3px;
    content: "";
    bottom: 0;
    left: 0;
    z-index: 9;
}

.top-box {
    margin-bottom: 40px;
    text-align: center;
}

.top-box h1 {
    font-size: 30px;
    margin-bottom: 5px;
}
.top-box span {
    font-size: 20px;
    color: #fc2424;
}
img.arrow-indi {
    position: absolute;
    right: 23px;
}

/* .nav-tabs.coustom-tabs li:hover .nav-link img {
    animation-name: bounce2;
    -moz-animation-name: bounce2;
}
.nav-tabs.coustom-tabs li .nav-link img {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}



@keyframes bounce2 {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    40% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    60% {
        -webkit-transform: translateX(-11px);
        -ms-transform: translateX(-11px);
        transform: translateX(-11px)
    }
} */

 .tab-title {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 12px;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}

.nav-tabs.coustom-tabs {
    border-bottom: 0;
    width: 325px;
    height: 100%;
    border-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}
.nav-tabs.coustom-tabs li .nav-link {
    width: 100%;
    padding: 8px 9px;
    color: #000;
    text-align: left;
    display: flex
;
    align-items: center;
    border-radius: 7px;
    font-size: 18px;
    font-weight: 500;
  
    box-shadow: 0px 1px 6px hsl(0deg 97.3% 56.47% / 16.86%);
    background: #fff;
    border: 0;
    margin-bottom: 0;
         background: #f1f0ea;
}
.my-account-tabs {
    display: flex
;
}


.nav-tabs.coustom-tabs li .nav-link i {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: hsl(0deg 0% 100% / 69.02%);
    padding: 10px 10px;
    margin-right: 15px;
    border: 1px solid #f4ce99;
    border-radius: 50%;
}

.nav-tabs.coustom-tabs li:last-child .nav-link {
    border-bottom: 0;
}
.my-account-tabs > .tab-content {
    flex: 1;
    padding: 20px 40px;
    margin-left: 35px;
    box-shadow: 0px 1px 6px hsl(0deg 97.3% 56.47% / 16.86%);
    border-radius: 6px;
}

.profile-form .form-group label {
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 8px;
}

.form-link {
    position: absolute;
    right: 0;
}

.form-link {
    position: absolute;
    top: 8px;
    right: 18px;
    font-size: 14px;
    color: #fc2424;
}

.profile-form .form-group {
    margin-bottom: 20px;
    position: relative;
}

.search-box {
    position: relative;
}
.search-box .btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

input.form-control {
    height: 48px;
}

.order-product-detail figure img {
    width: 100%;
}

.order-product-detail figure {
    width: 85px;
    margin-bottom: 0;
}

.order-product-detail {
    display: flex
;
}
.order-product-detail figcaption h4 {
    font-size: 18px;
    margin-bottom: 5px;
}


.order-on span {
    font-size: 14px;
    padding-bottom: 6px;
    display: block;
    color: hsl(0deg 0% 0% / 43%);
}

.orderid{  font-size: 14px;
    padding-bottom: 10px;}
.order-product-detail figcaption {
    padding-left: 20px;
}

span.product-items {
    font-weight: 400;
    border-left: 1px solid #000;
    padding-left: 10px;
}

ul.process-step-list li p {
    margin-bottom: 0;
}
ul.process-step-list {
    display: flex
;
}

ul.process-step-list span {
    width: 35px;
    height: 35px;
    background: #828282;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin: auto;
    font-size: 14px;
}

.process-list-box {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    right: 0;
    bottom: 5px;
}


ul.process-step-list li.active p {
    color: #008000;
    font-weight: 500;
}

ul.process-step-list li {
    padding: 0 18px;
    position: relative;
  
    text-align: center;}

ul.process-step-list li p {
    font-size: 12px;
}
.arrow-redirect {
    position: absolute;
    right: 12px;
    top: 12px;
    margin: auto;
}
/* ul.process-step-list  li:before {
    content: counter(step);
    counter-increment: step;
    width: 40px;
    height: 40px;
    border: 1px solid #2979FF;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: #FF9100;
    line-height: 39px;
} */

ul.order-product-list > li {
    margin-bottom: 16px;
}
ul.process-step-list li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: orange;
    top: 20px;
    left: -50%;
    z-index: -1;
}

ul.process-step-list li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #ddd;
    top: 20px;
    left: 50px;
    z-index: -1;
}
ul.process-step-list li.active:after {
    background: #008000;
}

ul.process-step-list li.active span {

    background: #008000;
}
ul.process-step-list li:last-child:after {
    background: none;
}

.nav-tabs.tabs-coustom .nav-link {
    margin-bottom: 0;
    background: transparent;
    border: 1px solid #000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #000;
    font-weight: 400;
    padding: 10px 20px;
    font-size: 15px;
    margin-right: 8px;
    border-bottom: 0;
}

.nav-tabs.tabs-coustom .nav-link.active {
    background: #f3eeae;
    color: #000;
    font-weight: 500;
}

.nav-tabs.tabs-coustom {
    border-bottom: 1px solid #000;
}

.common-modal .modal-dialog {
    max-width: 700px;}

    .common-modal .modal-body {
        padding: 35px 35px;
    }

    .common-modal  .modal-content {
        border: 0;
    }
    .blog-contain a{ text-decoration: none;}
    .blog-contain a h3 {
        font-size: 18px;
        color: #000;
        font-weight: 600;
        line-height: 1.5;
        text-transform: capitalize;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        margin: 0;
        margin-bottom: 8px;
    }

    .blog-label {
        padding-bottom: 10px;
    }

 span.time {
    color: #222;
    font-size: 14px;
}
.blog-contain {
    line-height: 1.4;
}
.blog-contain p {
    margin-bottom: 10px;
}

.blog-inner {
    padding: 25px 20px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.blog-inner figure img {
    width: 100%;
}

.blog-inner {
    padding: 15px 15px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.blog-inner figure img {
    width: 100%;
    height: 235px;
    object-fit: cover;
}
    span.super i {
        padding-right: 10px;
        font-size: 14px;
    }

    span.super {
        margin-left: 10px;
        padding-left: 10px;
        border-left: 1px solid #eee;
    }
    span.time i {
        padding-right: 9px;
        font-size: 14px;
    }

    .blog-button i {
        transform: rotate(45deg);
    }
    .blog-button {
        font-weight: 500;
        color: #fc2424;
        font-size: 16px;
    }

    section.blog-page .col-md-4 {
        margin-bottom: 25px;
    }
    .blog-inner figure{overflow: hidden;}
    .blog-inner figure img {
        width: 100%;
      
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: opacity 0.5s, -webkit-transform 1.25s cubic-bezier(0, 0, 0.44, 1.18);
        transition: opacity 0.5s, -webkit-transform 1.25s cubic-bezier(0, 0, 0.44, 1.18);
        transition: opacity 0.5s, transform 1.25s cubic-bezier(0, 0, 0.44, 1.18);
        transition: opacity 0.5s, transform 1.25s cubic-bezier(0, 0, 0.44, 1.18), -}

        .blog-inner:hover figure img {
            -webkit-transform: scale(1.12);
            transform: scale(1.12);
            
        }


        figure.banner-img img {
            width: 100%;
            height: 700px;
            object-fit: cover;
            border-radius: 6px;
        }

        .blog-detail-content h3 {
            font-size: 30px;
            padding-bottom: 5px;
        }

        .post-social {
            padding-bottom: 10px;
        }
        
        .post-social li {
            padding-bottom: 5px;
            font-size: 16px;
            color: hsl(0deg 0% 0% / 54.12%);
        }
        .single-blog-box {
            background-color: #f1f0ea;
            border-left: 5px solid #000;
            border-radius: 4px;
            padding: 15px 15px 5px;
            margin-bottom: 15px;
        }

        .post-share-icon {
            border-bottom: 1px dashed #e0e0e0;
            padding: 0 0 20px;
            width: 100%;
            margin-top: 20px;
            margin-bottom: 30px;
            display: flex
        ;
           
          
            flex-wrap: wrap;
        }
        .share-icon a {
            background-color: #010101;
            color: #fff;
            font-size: 16px;
            height: 30px;
            width: 30px;
            border-radius: 100%;
            margin: 0 5px 5px 0;
            display: inline-flex
        ;
            justify-content: center;
            align-items: center;
            text-decoration: none;
        }
        .share-title {
            width: 100%;
    
            margin-bottom: 10px;
            font-weight: 600;
        }

        .cureent-balance-box {
            max-width: 400px;
            display: flex
        ;
            align-items: center;
            justify-content: space-between;
            background: #f3eeae;
            border-radius: 6px;
            color: #000;
            padding: 16px 21px;
            border: 1px solid;
        }

        .cb-left i {
            padding-right: 6px;
            font-size: 20px;
            vertical-align: text-bottom;
            color: #fc2424;
        }

        .productreturn-list figure {
            width: 85px;
            margin-bottom: 0;
        }

        .productreturn-list figure img {
            width: 100%;
        }
    

        ul.productreturn-list li figure p {
            margin-bottom: 0;
            text-align: center;
            font-size: 12px;
            border: 1px solid #ddd;
            padding: 0px 1px 4px;
        }
        ul.productreturn-list figcaption {
            padding-left: 15px;
            flex: 1;
        }

        .productreturn-list  .orderid {
            font-size: 14px;
            padding-bottom: 5px;
        }
        ul.productreturn-list figcaption h4 {
            font-size: 16px;
            margin-bottom: 8px;
        }
        p.s-text {
            margin-bottom: 0;
            font-size: 12px;
        }

        ul.productreturn-list li {
            display: flex
        ;
            padding: 10px 12px;
            border: 1px solid #000;
            border-radius: 6px;
            position: relative;
            background: #f3eeae;
        }

        select.form-select.common-select {
            height: 45px;
            border: 1px solid #ced4da;
            font-size: 15px;
            color: hsl(210deg 10.81% 14.51% / 64%);
        }

        .comments-sec   textarea.form-control {
            height: 105px;
            resize: none;
        }
        .form-select-box label,.comments-sec label {
            font-size: 14px;
            font-weight: 500;
            padding-bottom: 8px;
        }

        .content-box-inner h3 {
            font-size: 20px;
            font-weight: 500;
            padding-bottom: 10px;
        }
        .content-box-inner ul li {
            list-style-type: disc;
            list-style-position: inside;
        }

        .content-page-main {
            padding: 40px 40px;
            margin-left: 35px;
            box-shadow: 0px 1px 6px hsl(0deg 97.3% 56.47% / 16.86%);
            border-radius: 6px;
        }

        .contact-info-list li {
            border-radius: 6px;
            margin: 0 15px;
            padding: 40px 50px 20px;
            text-align: center;
            width: 50%;
            border: 0;
            margin-bottom: 0;
            background: linear-gradient(to bottom, rgba(244, 212, 156, 0.6) 0%, rgba(243, 238, 174, 0.6) 100%);
        }
        .contact-info-list li figure {
            align-items: center;
            background: hsl(0deg 97.3% 56.47% / 07%);
            border-radius: 50%;
            color: #fc2424;
            display: flex
        ;
            font-size: 26px;
            height: 68px;
            justify-content: center;
            margin: auto auto 20px;
            width: 68px;
        }
        .contact-info-list figcaption h4 {
            color: #292d32;
            font-size: 21px;
            font-weight: 900;
            padding-bottom: 15px;
            text-transform: uppercase;
        }

        .contact-info-list figcaption a {
            font-size: 16px;
            font-weight: 600;
        }

        ul.contact-info-list {
            display: flex
        ;
            margin-left: -15px;
            margin-right: -15px;
            margin-bottom: 100px;
        }
        .contact-info-list li:hover figcaption a {
            color: #fc2424;
        }
        .contact-info-list figcaption a, .contact-info-list figcaption p {
            color: #000;
            font-size: 16px;
            font-weight: 600;
            text-decoration: none;
        }

        .contact-us-img img {
            border-radius: 15px;
            width: 100%;
            margin-top: 50px;
        }

       .contact-us-row-left {
            padding-right: 60px;
        }

        .contact-us-row-left .form-group input.form-control {
            height: 60px;
        }

        .contact-us-row-left textarea.form-control {
            height: 200px;
            resize: none;
        }
        button.btn.submit-btn {
            background: #000;
            color: #fff;
            max-width: 200px;
            margin-top: 20px;
            padding: 15px 25px;
            text-transform: uppercase;
        }
        .contact-us-form-head h3 {
            font-size: 26px;
            font-weight: 600;
            margin-bottom: 2px;
        }
        .contact-us-form-head p {
            color: hsl(0deg 0% 0% / 45%);
            font-size: 14px;
        }

        .map-box {
            margin-bottom: -6px;
        }

        .contact-us-row {
          
            margin-bottom: 85px;
            padding: 40px 40px;
            box-shadow: 0px 1px 6px hsl(0deg 97.3% 56.47% / 16.86%);
            border-radius: 6px;
        }
        .about-img-right img {
            height: 100%;
            width: 100%;
            object-fit: cover;
            object-position: top;
        }
    
        
        .about-img-left {
            width: 50%;
        }

        .about-img-right {
            width: 50%;
            padding-left: 20px;
        }
        .about-img-sec figure {
            margin-bottom: 0;
        }
        .about-img-left figure img {
            width: 100%;
            height: 500px;
            object-fit: cover;
        }

        .about-us-right span {
            color: #777;
            font-size: 18px;
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 10px;
            display: block;
        }
        .testimonial_section {
            display: block;
            overflow: hidden;
            margin-top: 100px;
        }
          .testimonial_section:after {
            display: block;
            clear: both;
            content: "";
          }
          .testimonial_section .about_content {
            background-color: #000;
            padding-top: 77px;
            padding-right: 210px;
            padding-bottom: 62px;
            position: relative;
          }
          .testimonial_section .about_content .background_layer {
            background-color: #000;
            width: auto;
            margin-left: -100%;
            right: 0;
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
          }
          .testimonial_section .about_content .layer_content {
            position: relative;
            z-index: 9;
            height: 100%;
          }
          .testimonial_section .about_content .layer_content .section_title {
            margin-bottom: 24px;
            position: relative;
          }
          .testimonial_section .about_content .layer_content .section_title:after {
            display: block;
            clear: both;
            content: "";
          }
          .testimonial_section .about_content .layer_content .section_title h5 {
            color: #fff;
            font-family: "Open Sans";
            font-weight: 400;
            font-size: 15px;
            line-height: 28px;
            color: #818a8f;
            margin-top: -5px;
            margin-bottom: 6px;
          }
          .testimonial_section .about_content .layer_content .section_title h2 {
            font-family: "Titillium Web";
            font-weight: 300;
            font-size: 45px;
            line-height: 50px;
            padding-bottom: 51px;
            margin-bottom: 0px;
            color: #fff;
          }
          .testimonial_section .about_content .layer_content .section_title h2 strong {
            font-weight: 600 !important;
            width: 100%;
            display: block;
          }
          .testimonial_section .about_content .layer_content .section_title .heading_line {
            position: relative;
          }
          .testimonial_section .about_content .layer_content .section_title .heading_line span {
            transition: all 0.5s ease-in-out 0s;
            position: relative;
          }
          .testimonial_section .about_content .layer_content .section_title .heading_line span:after {
            content: "";
            right: auto;
            left: 69px;
            position: absolute;
            bottom: 28px;
            width: 17px;
            margin-left: 0;
            border-bottom-width: 3px;
            border-bottom-color: #cacaca;
            border-bottom-style: solid;
          }
          .testimonial_section .about_content .layer_content .section_title .heading_line:after {
            content: "";
            left: 1%;
            margin-left: 0;
            position: absolute;
            bottom: 28px;
            width: 59px;
            border-bottom-width: 3px;
            border-bottom-style: solid;
            border-bottom-color: #ff5e14;
          }
          .testimonial_section .about_content .layer_content .section_title p {
            color: #fff;
            margin: 0 0 15px;
          }
          .testimonial_section .about_content .layer_content a {
            color: #fff;
            text-transform: capitalize;
            font-size: 15px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s;
          }
          .testimonial_section .about_content .layer_content a i {
            font-size: 18px;
            vertical-align: middle;
          }
          .testimonial_section .about_content .layer_content a:hover {
            color: #ff5e14;
          }
          .testimonial_section .testimonial_box {
            margin-top: 60px !important;
            position: relative;
          }
          .testimonial_section .testimonial_box .testimonial_container {
            background-color: #ff5e14;
            margin-left: -170px !important;
            position: relative;
          }
          .testimonial_section .testimonial_box .testimonial_container .background_layer {
            width: auto;
            margin-right: -100%;
            right: 0;
            background-image: url(../images/map.png);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            position: absolute;
            height: 100%;
            top: 0;
            left: 0;
            background: linear-gradient(to bottom, #f4d49c 0%, #f3eeae 100%);
        }
          .testimonial_section .testimonial_box .testimonial_container .layer_content {
            position: relative;
            z-index: 9;
            height: 100%;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel {
            display: block;
            position: relative;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials {
            margin: 10px 0 10px 0;
            padding: 62px 0px 72px 50px;
            position: relative;
            text-align: center;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content {
            box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.13);
            margin-left: 150px;
            margin-top: 69px;
            padding: 45px 40px 45px 40px;
            z-index: 1;
            position: relative;
            background-color: #fff;
            transition: all 0.5s ease-in-out 0s;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption {
            margin-bottom: 15px;
            position: relative;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption:after {
            content: "";
            width: 30px;
            display: block;
            height: 2px;
            text-align: center;
            left: 46%;
            margin-top: 6px;
            background-color: #ff5e14;
            position: absolute;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption h6 {
            padding-top: 0;
            margin-bottom: -5px;
            font-size: 19px;
            font-weight: 600;
            line-height: 24px;
            color: #000;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption span {
            font-size: 12px;
            color: #9f9f9f;
            margin: 0;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content p {
            padding: 0;
            margin: 0;
            padding-top: 10px;
            font-size: 16px;
            line-height: 28px;
            font-weight: 400;
            color: #5d6576;
            font-style: italic;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .images_box .testimonial_img {
            border: none;
            position: absolute;
            top: 0;
            left: 55px;
            top: 80px;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .images_box .testimonial_img img {
            border: 5px solid #fff;
            box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
            width: 224px;
            height: 224px;
          }
          .testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev {
            position: absolute;
            top: 165px;
            right: 42px;
            border-radius: 0;
            background: #ff5e14;
            display: block;
            outline: 0;
            width: 34px;
            line-height: 34px;
            height: 34px;
            color: #fff;
            font-size: 23px;
            margin-top: -20px;
            transition: all 0.3s ease-in-out;
          }
          .testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev:hover {
            background: #020d26;
          }
          .testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next {
            position: absolute;
            top: 165px;
            right: 5px;
            border-radius: 0;
            display: block;
            background: #ff5e14;
            outline: 0;
            width: 34px;
            text-align: center;
            line-height: 34px;
            height: 34px;
            color: #fff;
            font-size: 23px;
            margin-top: -20px;
            transition: all 0.3s ease-in-out;
          }
          .testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next:hover {
            background: #020d26;
          }
          .featured-card {
            padding: 35px 30px;
            background: #fff;
            text-align: center;
            box-shadow: 0px 1px 6px hsl(0deg 97.3% 56.47% / 16.86%);
            border-radius: 6px;
        }
        .featured-card img {
            margin-bottom: 30px;
            width: 70px;
        }
        a, button, img, input, span, h4 {
            transition: all 0.3s ease 0s;
        }
        .featured-card h4 {
            font-size: 24px;
            color: #253D4E;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 18px;
        }

        .featured-card p {
            font-size: 17px;
            margin-bottom: 20px;
            color: #7E7E7E;
        }

        .featured-card a {
            font-size: 16px;
            color: #fff;
            text-decoration: none;
            padding: 10px 19px;
            background: #000;
            border-radius: 6px;
            margin-top: 6px;
            display: inline-block;
        }

        .featured-card img {
            filter: brightness(0) saturate(100%) invert(38%) sepia(95%) saturate(5461%) hue-rotate(349deg) brightness(102%) contrast(98%);
        }
        figure.gi-team-img img {
            height: 305px;
            width: 100%;
            border-radius: 8px;
            object-fit: cover;
        }
        
        figure.gi-team-img {
            margin-bottom: 0;
        }
        .gi-team-info {
            text-align: center;
            padding-top: 14px;
        }

        .gi-team-info h5 {
            margin-bottom: 4px;
            font-size: 20px;
            font-weight: 600;
        }
        .gi-team-info p {
            font-size: 14px;
        }

        .about-img-sec {
            height: 500px;
        }
        .about-img-left figure {
            height: 100%;
        }

        .about-img-right figure {
            height: 238px;
        }
        .testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next span, .testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev span {
            position: relative;
            top: -4px;
            font-size: 32px;
        }

    
    .refer-box-head {
        background: #f2eca2;
        text-align: center;
        padding: 45px 20px 30px;
        border: 2px dashed;
        position: relative;
    }

        .refer-code {
            position: absolute;
            top: -24px;
            background: #000;
            left: 0;
            right: 0;
            display: inline-flex
        ;
            color: #fff;
            width: 99px;
            justify-content: center;
            border-radius: 22px;
            padding: 6px 10px;
            font-size: 20px;
            margin: auto;
            border: 2px dashed #fff;
        }

        .refer-btn {
            color: #fff;
            border: 2px solid;
            padding: 10px 16px;
            text-decoration: none;
            margin-top: 10px;
            display: inline-block;
            text-transform: uppercase;
            font-weight: 500;
            background: #fc2424;
        }

        .refer-benifit-list {
            padding-top: 30px;
        }

        ul.refer-benifit-list li {
            position: relative;
            padding-left: 29px;
            margin-bottom: 12px;
        }
        ul.refer-benifit-list li:after {
            font-family: 'Font Awesome 5 Free';
            content: "\f00c";
            position: absolute;
            left: 0;
            top: 2px;
            font-weight: 900;
            color: green;
        }

        .refer-btn:hover {
            background: #fc2424;
            color: #fff;
            opacity: 0.8;
            cursor: pointer;
        }
        button.close-modal {
            position: absolute;
            right: -16px;
            top: -16px;
            background: #000;
            opacity: 1;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            z-index: 1;
            display: flex
        ;
            align-items: center;
            justify-content: center;
        }
        button.close-modal i {
            color: #fff;
            font-size: 18px;
        }
       .xs-modal .modal-body {
            padding: 50px 30px;
            text-align: center;
        }

        .xs-modal .modal-body p {
            font-size: 20px;
            margin-bottom: 20px;
        }

        .btn-box button.btn {
            color: #fff;
            border: 2px solid;
            padding: 10px 20px;
            text-decoration: none;
            display: inline-block;
            text-transform: uppercase;
            font-weight: 500;
            background: #fc2424;
            border-radius: 6px;
        }

        button.btn.cancel-btn {
            background: #000;
        }

        .xs-modal .modal-content {
            border: 0;
        }

        .common-modal .modal-header {
            background: #000;
            text-align: center;
            color: #fff;
            justify-content: center;
            font-size: 24px;
        }

        .order-details {
            padding-top: 20px;
        }
        .back-to-order {
            font-size: 16px;
            color: #000;
            text-decoration: none;
        }
        .order-detail-head h3 {
            font-size: 22px;
            padding-bottom: 0px;
        }
        .order-detail-head {
          
            padding-top: 25px;
            padding-bottom: 20px;
        }
        .order-detail-head span {
            display: block;
            font-size: 14px;
        }

        .order-details hr {
            margin: 0;
        }

        .estimate-process {
            padding: 20px 0;
            text-align: center;
        }

       .estimate-process  ul.process-step-list {
        
            justify-content: center;
            margin-top: 20px;
            margin-bottom: 10px;
        }
        .total-bill-sec.ordersummary h3 {
            font-size: 22px;
            margin-bottom: 20px;
        }

        .address-box {
            display: flex
        ;
            margin-top: 30px;
            padding-bottom: 30px;
        }
        .address-box h2 {
            font-size: 20px;
            font-weight: 600;
        }
        
        .address-box h6 {
            font-size: 14px;
            color: hsl(0deg 0% 0% / 28%);
        }

        .shipping-address, .billing-address {
            flex: 1;
        }
        .address-box p {
            margin-bottom: 0;
        }
    
        .pm-left,.pm-right {
            width: 50%;
        }
        .payment-method-box {
            display: flex;
            padding-top: 20px;
        }
        .payment-method-box span {
            font-size: 14px;
            color: hsl(0deg 0% 0% / 28%);
            font-weight: 500;
        }
        .payment-method-box p {
            font-size: 16px;
            font-weight: 600;
        }

        header.sticky {
        
            left: 0;
            position: fixed;
            right: 0;
            z-index: 9;
            top: 0;
        }

/* --button view all-- */

.button-view-all {
    display: inline-flex;
    cursor: pointer;
    padding: 7px 30px;
    align-items: center;
    justify-content: center;
    height: 48px;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: var(--button-letter-spacing, .02em);
    border: 1px solid #fc2424;
    background: #fc2424;
    color: #ffffff;
    border-radius: var(--button-border-radius, 0px);
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: color .25s cubic-bezier(.104,.204,.492,1), background-color .25s cubic-bezier(.104,.204,.492,1), border-color .25s cubic-bezier(.104,.204,.492,1);
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 6px;
}

.button-view-all:hover{
    color: white;
}
        
/* copyright-page-css */
.copyright p {
    margin: 18px 0;
    color: white;
}

.copyright p a {
    color: white;
}

/*image animation  */

@keyframes floatZoom {
  0% {
    transform: translateY(0px) scale(1);
  }
  50% {
    transform: translateY(-10px) scale(1.05);
  }
  100% {
    transform: translateY(0px) scale(1);
  }
}

.floating-flower {
  animation: floatZoom 3s ease-in-out infinite;
  transition: transform 0.3s ease;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

/* circle */
@keyframes circleFloatGlow {
  0% {
    transform: translateY(0) scale(1);
    box-shadow: 0 0 10px hsl(55.5deg 75.47% 79.22% / 40%);
  }
  50% {
    transform: translateY(-8px) scale(1.05);
    box-shadow: 0 0 25px hsl(55.5deg 75.47% 79.22% / 60%);
  }
  100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 0 10px hsl(55.5deg 75.47% 79.22% / 40%);
  }
}

.shopping-info .row::after {
    width: 90px;
    height: 90px;
    background: hsl(55.5deg 75.47% 79.22% / 65%);
    position: absolute;
    left: -20px;
    content: "";
    border-radius: 50%;
    top: -35px;
    z-index: -1;
    animation: circleFloatGlow 3.5s ease-in-out infinite;
    transition: transform 0.3s ease;
}

@keyframes circleBeforeFloatGlow {
  0% {
    transform: translateY(0) scale(1) rotate(0deg);
    box-shadow: 0 0 10px hsl(55.5deg 75.47% 79.22% / 35%);
  }
  50% {
    transform: translateY(8px) scale(1.05) rotate(3deg);
    box-shadow: 0 0 25px hsl(55.5deg 75.47% 79.22% / 60%);
  }
  100% {
    transform: translateY(0) scale(1) rotate(0deg);
    box-shadow: 0 0 10px hsl(55.5deg 75.47% 79.22% / 35%);
  }
}

.shopping-info .row::before {
    width: 90px;
    height: 90px;
    background: hsl(55.5deg 75.47% 79.22% / 55%);
    position: absolute;
    right: -25px;
    content: "";
    border-radius: 50%;
    z-index: -1;
    animation: circleBeforeFloatGlow 4s ease-in-out infinite;
    transition: transform 0.3s ease;
}
/* */

    .footer-icon {
      width: 100%;
      margin: 0 4px 10px 0;
      height: 65px;
    }
    .footer-country {
      display: flex;
      align-items: center;
      gap: 5px;
    }
    .footer-country img {
      width: 20px;
    }

/*  */

.img-card {
  border: 1px solid #ddd;
  padding: 10px;
  margin: 10px 0;
  text-align: center;
}

.img-card img {
  width: 100%;
  height: 320px;
  display: block;
  margin-bottom: 10px;
}

.collection__item p {
  margin: 0;
  padding: 2px 0;
  font-size: 14px;
}

/*  */

.img-card img {
  border: 2px solid transparent;
  border-radius: 8px;
  transition: all 0.4s ease;
}

.img-card:hover img {
  border-color: #fc2424;
  box-shadow: 0 0 15px #fc2424;
}


@keyframes animateIconInline {
    0% {
      opacity: 1;
      transform: translateX(0%);
    }
  
    50% {
      opacity: 0;
      transform: translateX(100%);
    }
  
    51% {
      opacity: 0;
      transform: translateX(-100%);
    }
  
    100% {
      opacity: 1;
      transform: translateX(0%);
    }
  }
  
  @keyframes animateIconBlock {
    0% {
      opacity: 1;
      transform: translateY(0%);
    }
  
    50% {
      opacity: 0;
      transform: translateY(100%);
    }
  
    51% {
      opacity: 0;
      transform: translateY(-100%);
    }
  
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }

  .main_menu ul.sub_menu li a {
    margin: 0;
    padding: 6px 15px ! important;

}

.main_menu ul.sub_menu li{    transition: color .2s ease-in-out;
    opacity: 0;
    transform: translateY(-10px);}

.navbar-nav li:hover .sub_menu li:nth-child(1) {
    animation-delay: 0.1s;
}
.navbar-nav li.has_dropdown:hover .sub_menu li {
    animation: fadeIn 0.4s forwards ease-in-out;
}

/* Show dropdown on hover */
.header__primary-nav-item:hover .header__dropdown-menu {
    display: block;
}



.navbar-nav li:hover .sub_menu li:nth-child(1) {
    animation-delay: 0.1s;
}

.navbar-nav li:hover .sub_menu li:nth-child(2) {
    animation-delay: 0.2s;
}

.navbar-nav li:hover .sub_menu li:nth-child(3) {
    animation-delay: 0.3s;
}

.navbar-nav li:hover .sub_menu li:nth-child(4) {
    animation-delay: 0.4s;
}

.navbar-nav li:hover .sub_menu li:nth-child(5) {
    animation-delay: 0.5s;
}

.navbar-nav li:hover .sub_menu li:nth-child(6) {
    animation-delay: 0.6s;
}

.navbar-nav li:hover .sub_menu li:nth-child(7) {
    animation-delay: 0.7s;
}

/* Keyframes for fade-in effect */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.icon-color{
    color: #fc2424;
}


/* Base styles */
.header {
   background: #fff;
   padding: 10px 20px;
   position: sticky;
   top: 0;
   z-index: 1000;
   box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.navbar-toggler {
   display: none;
   background: none;
   border: none;
   font-size: 24px;
   cursor: pointer;
}

.navbar-toggler .icon-close {
   display: none;
}

.navbar-collapse {
   display: flex !important;
}

.main_menu ul {
   display: flex;
   gap: 20px;
   list-style: none;
}

.main_menu ul li a {
   text-decoration: none;
   color: #000;
   font-weight: 500;
   padding: 10px;
}

.sub_menu, .sub-menu {
   display: none;
   position: absolute;
   background: #fff;
   /* box-shadow: 0 2px 10px rgba(0,0,0,0.1); */
}

.has_dropdown:hover > .sub_menu,
.menu-item-has-children:hover > .sub-menu {
   display: block;
}


.right-icon ul {
   display: flex;
   list-style: none;
}

.right-icon svg {
   cursor: pointer;
}

.ac-l-left figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.women-seller .owl-nav .owl-next:hover {background-color: #fff !important;color: #222 !important;}
.women-seller .owl-nav .owl-prev:hover {background-color: #fff !important;color: #222 !important;}

footer .col-md-3:last-child ul li {
    color: hsl(0deg 0% 100% / 78%);
    font-size: 15px;
    position: relative;
    padding-left: 55px;
    min-height: 50px;
}
footer .col-md-3:last-child ul li:first-child:before {
    content: "\f0e0";
    font-family: "Font Awesome 6 Free";
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    border-radius: 50%;
    margin-right: 14px;
    background: hsl(0deg 0% 100% / 14%);
    position: absolute;
    left: 0px;
    top: 5px;
}
footer .col-md-3:last-child ul li:nth-child(2):before {
    content: "\f095";
    font-family: 'FontAwesome';
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    border-radius: 50%;
    margin-right: 14px;
    background: hsl(0deg 0% 100% / 14%);
    position: absolute;
    left: 0px;
    top: 5px;
}
footer .col-md-3:last-child ul li:nth-child(3):before {
    content: "\f232";
    font-family: 'FontAwesome';
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    border-radius: 50%;
    margin-right: 14px;
    background: hsl(0deg 0% 100% / 14%);
    position: absolute;
    left: 0px;
    top: 5px;
}
footer .col-md-3:last-child ul li:nth-child(4):before {
    content: "\f0ac";
    font-family: 'FontAwesome';
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    border-radius: 50%;
    margin-right: 14px;
    background: hsl(0deg 0% 100% / 14%);
    position: absolute;
    left: 0px;
    top: 5px;
}
footer .col-md-3:last-child ul li:nth-child(5):before {
    content: "\f017";
    font-family: "Font Awesome 6 Free";
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    border-radius: 50%;
    margin-right: 14px;
    background: hsl(0deg 0% 100% / 14%);
    position: absolute;
    left: 0px;
    top: 5px;
}
footer .col-md-3:last-child ul li:nth-child(6):before {
    content: "\f2b9";
    font-family: "Font Awesome 6 Free";
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    border-radius: 50%;
    margin-right: 14px;
    background: hsl(0deg 0% 100% / 14%);
    position: absolute;
    left: 0px;
    top: 5px;
}
footer .col-md-3:last-child ul li:hover:first-child:before {
    background: #fff;
    color: #000;
}
footer .col-md-3:last-child ul li:hover:nth-child(2):before {
    background: #fff;
    color: #000;
}
footer .col-md-3:last-child ul li:hover:nth-child(3):before {
    background: #fff;
    color: #000;
}
footer .col-md-3:last-child ul li:hover:nth-child(4):before {
    background: #fff;
    color: #000;
}
footer .col-md-3:last-child ul li:hover:nth-child(5):before {
    background: #fff;
    color: #000;
}
footer .col-md-3:last-child ul li:hover:nth-child(6):before {
    background: #fff;
    color: #000;
}

.th_image {
    display: none;
    position: fixed;
    right: 100px;
    z-index: 999;
    top: 140px;
}
.th_image img {
    width: 240px;
}
.dropdown-mobile:hover .th_image {
    display: block;
}
.dropdown-mobile:hover .sub-menu-thimb {
    display: flex;
    width: 100%;
    max-width: 93% !important;
    margin: 0 auto;
    max-width: 100%;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    position: fixed;
    top: 116px;
}
.dropdown-mobile:hover .sub-menu-thimb {
    visibility: visible;
    opacity: 1;
}
.dropdown-mobile .sub-menu-thimb {
    position: fixed;
    left: -15px;
    font-size: 14px;
    line-height: 1;
    padding: 22px 30px;
    background: #ffffff;
    box-shadow: 0 2px 10px #00000026;
    list-style: none;
    margin: 0;
    text-align: left;
    white-space: nowrap;
    line-height: 1.1;
    min-width: 190px;
    opacity: 0;
    visibility: hidden;
    transition: none;
    z-index: 99;
    min-height: 350px;
}

@media (max-width: 767px) {
.onload-sec {display: block;}
.onload-left img {height: 380px;width: 100%;object-fit: cover;}
.onload-right {padding: 25px 20px 20px;}
.header .container-fluid {padding-left: 0px;padding-right: 0px;}
.section-text-headung .main-heading {font-size: 16px !important;margin-top: 0px;}
.section-text-headung {padding-top: 60px;}
section.mens-coll {width: 100% !important;}
.mens-coll .section-text-headung {padding-bottom: 28px;}
section.mens-coll  .top-space:nth-child(2), section.mens-coll  .top-space:nth-child(4) {margin-top: 20px;}
section.mens-coll {padding: 50px 0px 60px 0px !important;}
section.shop-product-sec.padding-top-100 {padding-top: 60px !important;}
.indo-western-main .right-content .rte p {font-size: 16px;line-height: 1.5;}
section.women-seller.wedding-invite.margin-top-100 {margin-top: 60px !important;padding-top: 50px;}
.wedding-invite .feature-row__item {padding-right: 50px;}
.wedding-invite .feature-row h2 {font-size: 25px !important;line-height: 35px !important;}
.women-seller .row {flex-direction: column;}
.feature-row p {font-size: 16px;line-height: 24px;}
section.sec6.shopping-info.padding-top-100.padding-bottom-100 {padding-top: 25px !important;}
.viewBox {margin-bottom: 35px;}
.subscribe-sec .col-md-6 {width: 100% !important;}
.newsletter-heading h2 {font-size: 30px;}
.newsletter-heading p {font-size: 18px;}
.newsletter-heading {margin-bottom: 30px;}
.footer-menu h3 {padding-bottom: 15px;}
.footer-menu {padding-bottom: 10px;}
footer .container-fluid.px-5 {padding-left: 15px !important;padding-right: 15px !important;}
footer .container-fluid.px-5 .col-md-6.mb-2.text-white.text-center.d-flex {display: block !important;}
.footer-country {justify-content: center;}
.img-card img {height: 300px;object-fit: cover;}
section.mens-coll .border-2 {margin: 0px 0px 0px 0px;}
section.mens-coll .feature_image {margin: 0px 0px 0px 0px;}
section.mens-coll .row {margin-left: 0px;margin-right: 0px;}
section.mens-coll .top-space {padding-left: 5px;padding-right: 5px;}
.Search-suggestions {display: block;}
.Search-suggestions-l {width: 100%;}
.Search-suggestions-r {padding-left: 15px;padding-right: 15px;padding-bottom: 20px;}
.Search-suggestions-r .women-seller.women-seller-slider {padding-top: 10px ! IMPORTANT;}
.login-sign-modal .modal-content {padding: 50px 10px;border-radius: 20px;}
.form-head h1 {font-size: 28px;}
.form-head p {font-size: 15px;}
.form-bottm-text {font-size: 16px;}
.offer-tag {font-size: 10px;padding: 2px 0px;}
.ac-l-right  h4 {font-size: 13px;}
.about-us-right {padding-left: 15px !important;padding-top: 40px;}
.about-process-sec {padding-top: 50px !important;}
.about-process-sec .col-md-4 {margin-bottom: 22px;}
.testimonial_section {margin-top: 60px;}
.testimonial_section .about_content {padding-right: 0px;}
.testimonial_section .about_content .background_layer {width: auto;margin-right: -100%;}
.testimonial_section .about_content .layer_content .section_title h2 {font-size: 35px;line-height: 42px;}
.testimonial_section .testimonial_box .testimonial_container {margin-left: 0px !important;}
.testimonial_section .testimonial_box .testimonial_container .background_layer {margin-left: -100%;}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content {margin-left: 0px;margin-top: 70px;padding: 50px 40px 45px 40px;}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials {padding: 62px 0px 72px 0px;}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .images_box .testimonial_img {left: 50%;top: 20px;margin-left: -75px;z-index: 1;}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .images_box .testimonial_img img {width: 150px;height: 150px;}
.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev {top: 50%;}
.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next {top: 50%;}
.out-meet .owl-nav {display: none;}
footer .row .col-md-4:first-child, footer .row .col-md-4:nth-child(2n) {width: 50%;}
.about-img-left figure img {height: 400px;}
.about-img-right figure {height: 188px;}
.about-img-sec {height: 400px;}
.featured-card p {font-size: 15px;}
.featured-card h4 {font-size: 22px;}
.banner-inner {padding: 50px 0px 15px;}
.banner-text h1 {font-size: 35px;}
.post-social {display: flex;gap: 10px;}
.section-space {padding-bottom: 70px;}
ul.contact-info-list {display: block;margin-left: 0px;margin-right: 0px;margin-bottom: 70px;}
.contact-info-list li {margin: 0px 0px 20px !important;padding: 25px 50px 25px;width: 100%;}
.contact-us-row {margin-bottom: 70px;padding: 20px;}
.contact-info-list figcaption p {margin-bottom: 0px;}
.contact-us-row-left {padding-right: 10px;}
.map-box iframe {height: 350px;}
.my-account-tabs {display: block;}
.nav-tabs.coustom-tabs {width: 100%;margin-bottom: 25px;}
.my-account-tabs > .tab-content {padding: 20px 15px;margin-left: 0px;}
.nav-tabs.tabs-coustom .nav-link {padding: 7px 10px;font-size: 10px;}
.border-box {padding: 20px 15px;}
.order-product-detail figcaption h4 {font-size: 13px;}
.order-on span {font-size: 13px;}
.order-product-detail figcaption {padding-left: 15px;}
ul.process-step-list li {padding: 0 7px;}
ul.process-step-list span {width: 28px;height: 28px;font-size: 12px;}
ul.process-step-list li p {font-size: 9px;}
.process-list-box {position: inherit;left: 0px;bottom: 0px;}
ul.process-step-list li:after {top: 14px;left: 30px;}
.arrow-redirect {top: auto;bottom: 10px;}
.order-product-detail {margin-top: 15px;}
.product-detail-content figcaption {padding-left: 15px;}
.product-detail-content figcaption h4 {font-size: 14px;}
.order-details .text-green {font-size: 14px;}
ul.order-product-list .product-detail-content .pdc-left:last-child {position: absolute;bottom: 6px;right: 15px;}
.product-detail-content .off-tag {font-size: 7px;margin-right: 0px;}
ul.order-product-list li .product-info {padding-bottom: 50px;}
ul.order-product-list .product-detail-content .pdc-left:last-child a.btn.btn-primary {font-size: 11px;}
.address-box h2 {font-size: 16px;}
.refer-box-head h3 {font-size: 20px;}
.refer-box-head p {font-size: 14px;line-height: 18px;margin-bottom: 5px;}
ul.refer-benifit-list li {font-size: 15px;}
.address-sec-bg.guest-user {margin-top: 25px;}
.address-sec-bg.order-summary {margin-top: 50px;}
.checkout-page {padding-top: 60px;padding-bottom: 60px;}
.checkout-right {padding-left: 0px;padding-top: 30px;}
.offer-for-you {margin-bottom: 30px;}
.gift-sec {margin-bottom: 25px;}
.order-place-l {flex-direction: column;}
.order-place-sec {flex-direction: column;gap: 15px;}
.order-place-l figure {border-right: medium none;margin: 0px auto 20px;}
.order-place-l figcaption {text-align: center;}
.border-box.Shopping-rating {margin-bottom: 25px;}
.content-page-main {padding: 30px 15px;margin-left: 0px;}
.product-detail-sec .col-md-5 {padding-left: 12px;padding-top: 30px;}
.detail-head h4.title {font-size: 24px;}
ul.size-list li span {padding: 3px 12px;}
.delevery-step li {padding: 10px 10px;text-align: center;}
.delevery-step li span {font-size: 12px;}
.delevery-step {display: inline-flex;width: 100%;justify-content: space-evenly;}
}

@media (min-width: 768px) and (max-width: 991px) {
.onload-right {padding: 40px 20px 20px;}
.section-text-headung .main-heading {font-size: 28px !important;margin-top: 0px !important;}
.section-text-headung {padding-top: 60px;}
section.mens-coll .section-text-headung {padding-bottom: 40px;}
section.mens-coll {width: 100% !important;}
.indo-western-main .right-content .rte p {font-size: 16px;line-height: 1.5;}
.wedding-invite .feature-row__item {padding-right: 60px;}
.wedding-invite .feature-row h2 {font-size: 28px !important;line-height: 40px !important;}
.feature-row p {font-size: 16px;line-height: 24px;}
.img-card img {height: 240px;object-fit: cover;}
section.sec6.shopping-info.padding-top-100.padding-bottom-100 {padding-top: 20px !important;margin-bottom: 40px;}
.viewBox {margin-bottom: 30px;}
.newsletter-heading h2 {font-size: 34px;}
.newsletter-heading {margin-bottom: 30px;}
.footer-menu h3 {font-size: 22px;}
ul.footer-info li {font-size: 13px;}
.container-fluid.px-5 .col-md-6.mb-2.text-white.text-center.d-flex > div {font-size: 13px;}
footer .container-fluid.px-5 {padding-left: 20px !important;padding-right: 20px !important;}
.footer-country {display: flex !important;font-size: 14px;}
.shopping-info .col-3 {width: 50%;}
.footer-icon {height: 50px;}
.about-process-sec .col-lg-4 {flex: 0 0 auto;width: 33.33333333%;}
.testimonial_section .testimonial_box .testimonial_container {margin-left: 0px !important;}
.testimonial_section .testimonial_box .testimonial_container .background_layer {margin-left: -100%;}
.testimonial_section .about_content .background_layer {width: auto;margin-right: -100%;}
.blog-contain a h3 {-webkit-line-clamp: 3;}
span.super {margin-left: 5px;padding-left: 5px;}
.blog-label {display: flex;}
.contact-info-list li {padding: 40px 20px 20px;}
.contact-us-row-left {padding-right: 30px;}
.contact-us-row {padding: 40px 20px;}
.navbar-collapse {left: 70px !important;width: 740px !important;}
.dropdown-mobile:hover ul.sub-menu, .dropdown-mobile:hover ul.sub-menu {max-width: 100% !important;display: grid;grid-template-columns: 1fr 1fr;}
.dropdown-mobile:hover ul.sub-menu li.menu-item-has-children {flex: 0 0 95%;width: 95%;}
.dropdown-mobile:hover ul.sub-menu {background-size: 220px;padding-bottom: 200px;background-position: bottom right;}
.nav-tabs.coustom-tabs li .nav-link {font-size: 14px;}
.nav-tabs.coustom-tabs li .nav-link i {width: 35px;height: 35px;margin-right: 10px;}
.nav-tabs.coustom-tabs {width: 220px;height: 100%;}
.my-account-tabs > .tab-content {padding: 15px 15px;margin-left: 25px;}
.form-group input.form-control {height: 40px;}
.nav-tabs.tabs-coustom .nav-link {font-size: 12px;}
.order-product-detail figcaption h4 {font-size: 16px;}
ul.process-step-list li {padding: 0 9px;}
.border-box {padding: 20px 20px 55px;}
ul.process-step-list span {width: 30px;height: 30px;font-size: 12px;}
ul.process-step-list li p {font-size: 10px;}
ul.process-step-list li:after {top: 16px;left: 30px;}
.product-detail-content .btn.btn-primary {font-size: 12px;}
.product-detail-content .off-tag {font-size: 10px;margin-right: 0px;}
.women-seller.women-seller-slider .col-md-4 {flex: 0 0 auto;width: 50%;}
.address-sec-bg {padding: 20px 15px;}
.flate-off-l figcaption h4 {flex-direction: column;}
.flate-off-l figcaption h4 span {font-size: 11px;margin-left: 0px;margin-top: 3px;}
.view-more-link a {line-height: 16px;display: block;text-align: right;}
.content-page-main {margin-left: 0px;}
.detail-grid-img a img {height: 230px;}
.detail-grid-img video {height: 230px;}
.product-detail-sec .col-md-5 {padding-left: 10px;}
.detail-head h4.title {font-size: 25px;}
ul.size-list li span {padding: 2px 8px;}
ul.size-list li {margin-right: 3px;}
li.size-chart {padding-left: 8px;}
.detail-cart-btn {padding: 8px 13px;}
button.buy-now-btn {padding: 8px 13px;}
.product-custome-sec h5 {font-size: 18px;}
.delevery-step li {padding: 10px 10px;text-align: center;}
}

@media (max-width: 991px) {
.navbar-toggler {display: block;}
.navbar-collapse {flex-direction: column;display: none !important;background: #fff;padding: 20px;position: absolute;top: 40px;left: 59px;transform: translateX(-50%);/* width: 90%; */ width: 350px;z-index: 999;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.navbar-toggler:focus {outline: none;box-shadow: none;}
.navbar-collapse.show {display: flex !important;}
.main_menu ul {flex-direction: column;gap: 10px;}
.has_dropdown:hover > .sub_menu, .menu-item-has-children:hover > .sub-menu {position: relative;display: block;}
.navbar-toggler .icon-close {display: none;}
.navbar-toggler.active .icon-menu {display: none;}
.navbar-toggler.active .icon-close {display: inline;}
.main_menu ul li:hover > ul {top: 0px !important;}
}

@media (min-width: 992px) and (max-width: 1199px) {
.shopping-info {padding-top: 30px !important;margin-bottom: 60px;}
.container-fluid.px-5 .col-md-6.mb-2.text-white.text-center.d-flex > div {font-size: 13px;}
.dropdown-mobile:hover ul.sub-menu, .dropdown-mobile:hover ul.sub-menu {top: 115px !important;max-width: 100% !important;}
.dropdown-mobile:hover ul.sub-menu {background-size: 220px !important;}
.dropdown-mobile .sub-menu {padding: 22px 20px !important;}
.dropdown-mobile .sub-menu li .sub-menu {padding: 0px !important;}
.navbar-nav li {margin-left: 0px !important;margin-right: 0px !important;}
.border-box {padding: 20px 20px 65px;}
ul.process-step-list li {padding: 0 10px;}
.product-detail-content .btn.btn-primary {padding: 5px 10px;}
.women-seller.women-seller-slider .col-md-4 {flex: 0 0 auto;width: 50%;}
.flate-off-l figcaption h4 span {font-size: 12px;margin-left: 8px;}
.content-page-main {margin-left: 0px;}
ul.size-list li span {padding: 5px 13px;}
.delevery-step li {padding: 10px 5px;}
}