/*== Used Fonts ==*/
/*== font-family: "Rubik", sans-serif; == Complete Body Part
font-family: "Jost", sans-serif; == All Heading Titles*/


@import "root-style.css"; 
body{margin:0;padding:0;font-family: "Rubik", sans-serif;background:#ffffff;font-size:1.4rem; line-height: normal; color: #161c2d; overflow-x: hidden; overflow-y: auto;letter-spacing: 0.16px;}
ul, ol, p, form, input, textarea, select, pre, em, sub, sup, canvas, section, article, aside, img, a, li, iframe, table, nav, header, footer, body, menu, button{margin:0;padding:0;font-family: "Rubik", sans-serif;vertical-align:baseline;box-sizing:border-box;-webkit-box-sizing:border-box;list-style:none;text-decoration:none;outline:none;border:0;border-spacing:0;border-collapse:collapse;line-height: 1.5;}
*, after, before{box-sizing:border-box;-webkit-box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{margin:0;padding:0;}
body{ line-height: 1; }
a {color: #2586f1; text-decoration: none; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; outline: 0;}
a:hover {text-decoration: none; color:#1c6dc7;}
a, a:hover, a:focus {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

html, body{overflow-x: hidden; overflow-y: auto; scroll-behavior: smooth; -webkit-scroll-behavior: smooth;}
::selection {
  background: var(--PColor);
  color: var(--TWhite);
}
p{font-weight: 300;}
:focus {
    outline: 1px dotted;
    outline-offset: -4px;
}

img.lazy {
  opacity: 0;
  transition: opacity 0.3s ease-in;
}
img.loaded {
  opacity: 1;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin: 0 0 0px 0; color: var(--TColor);}


.onnlink{position: absolute; top: 0; left: 0; bottom: 0;right: 0; cursor: pointer;opacity: 0;}
img{ max-width: 100%; }
img {height: auto; vertical-align: middle;}

@media (min-width: 1200px){
.container {max-width: 1314px;}
}
@media (min-width: 1750px){
.container {max-width: 1720px;}
}


.section-repeat{padding: 50px 0px; position: relative;}
.border-radius-none{border-radius: 0px !important;}
.section_BGC{background: var(--BGColor);}

.main_BTN{display: inline-block; max-width: 210px; min-width: 120px; color: var(--PColor); box-shadow: none; outline: none; font-size: var(--font11); background: transparent; padding: 9px 15px; text-transform: uppercase; position: relative;}
.main_BTN span:nth-of-type(1)::after{content: ''; position: absolute; top: 0 ;right: -10px; width: 115%; height: 3px; background: url(../../assets/images/button-lineH.svg) no-repeat; background-size: cover; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.main_BTN span:nth-of-type(1)::before{content: ''; position: absolute; bottom: 0 ;left: -10px; width: 115%; height: 3px; background: url(../../assets/images/button-lineH.svg) no-repeat; background-size: cover; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.main_BTN span:nth-of-type(2)::after{content: ''; position: absolute; top: -5px ;left: 0; width: 3px; height: 55px; background: url(../../assets/images/button-lineV.svg) no-repeat; background-size: cover; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.main_BTN span:nth-of-type(2)::before{content: ''; position: absolute; bottom: -5px ;right: 0; width: 3px; height: 55px; background: url(../../assets/images/button-lineV.svg) no-repeat; background-size: cover; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}

.main_BTN:hover{background: var(--SColor); color: var(--TWhite);}
.main_BTN:hover span:nth-of-type(1):after, .main_BTN:hover span:nth-of-type(1):before{width: 0px;}
.main_BTN:hover span:nth-of-type(2):after, .main_BTN:hover span:nth-of-type(2):before{height: 0px;}

.mainFull_BTN{max-width: 100%;}



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: #ffffff;}
header{ padding: 0px 0px;}
#header {
  padding: 0px 0;
 /* position: relative;
  left: 0;
  top: 0;
  right: 0;
  transition: all 0.5s;
  z-index: 997;
  background: #006cca;
    background-image: -owg(linear-gradient(90deg,#006cca 0%,#16d5ff 100%));
    background-image: -webkit(linear-gradient(90deg,#006cca 0%,#16d5ff 100%));
    background-image: -moz(linear-gradient(90deg,#006cca 0%,#16d5ff 100%));
    background-image: -o(linear-gradient(90deg,#006cca 0%,#16d5ff 100%));
    background-image: linear-gradient(90deg,#006cca 0%,#16d5ff 100%);*/

     transition: all 0.5s;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Nav Menu Essentials */
.nav-menu, .nav-menu * {margin: 0; padding: 0; list-style: none; }
.nav-menu ul {position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.nav-menu li {position: relative; white-space: nowrap; }

.nav-menu > li {float: left; margin-left: 2px;}
.nav-menu ul ul {top: 0; left: 100%; }
.nav-menu ul li {min-width: 180px; }

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {padding-right: 30px; }
.sf-arrows .sf-with-ul:after {content: "\f107"; position: absolute; right: 15px; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: bold; }
.sf-arrows ul .sf-with-ul:after {content: "\f105"; }



/* Nav Meu Styling */
.nav-menu a {padding: 3.5rem 1.5rem; text-decoration: none; display: inline-block; color: var(--TWhite); font-weight: 400; outline: none; cursor: pointer; background: transparent; font-size: 12px; text-transform: uppercase;}
.nav-menu a.active, .nav-menu a:hover {color: var(--SColor) !important; }

.nav-menu > li {align-self: center; }
.nav-menu > li > a:before {content: ""; position: absolute; width: 0px; height: 2px; top: 35px; left: 10px; background-color: var(--PColor); visibility: hidden; transition: all 0.3s ease-in-out 0s; z-index: 9;}
.nav-menu a:hover:before, .nav-menu li:hover > a:before, .nav-menu .menu-active > a:before {visibility: visible; width:40px; }
.nav-menu li.buy-tickets:hover a:before, .nav-menu li.buy-tickets.menu-active a:before {visibility: hidden; }
.nav-menu ul {margin: 4px 0 0 0; padding: 10px; box-shadow: 0px 0px 30px rgb(127 137 161 / 25%); background: #fff; border-radius: 3px; padding: 0px; border: 0px; border-radius: 0px; top: auto; margin-top: -5px; left: 0; }
.nav-menu ul li {transition: 0.3s; }
.nav-menu ul li a {padding: 7px 25px; color: #060c22; transition: 0.3s; display: block; font-size: 14px; text-transform: none; border-radius: 0px; font-weight: 400; text-transform: uppercase;}
#nav-menu-container .nav-item.dropdown .dropdown-toggle::after {content: '\f078' !important; font-weight: bold !important; border: 0px; margin: 0px; padding: 0px; display: block; position: absolute; top: 20px; right: 1px; font-family: "Font Awesome 5 Free"; line-height: 34px;}
#nav-menu-container .dropdown-menu .dropdown-submenu .dropdown-toggle::after {content: '\f078' !important; font-weight: bold !important; border: 0px; margin: 0px; padding: 0px; display: block; position: absolute; top: 0px; right: 12px; font-family: "Font Awesome 5 Free"; line-height: 34px;}
#nav-menu-container  li.nav-item.dropdown {margin-right: 10px; }
.nav-menu ul li:hover > a {background: transparent; color: var(--PColor);}
.nav-menu ul ul {margin: 0; }
.Jcustomnav{padding: 0px 0px 10px 0px; display: block;position: relative;}

.nav-menu li.nav-item .nav-link{padding: 26px 20px; font-size: var(--font10); color: var(--PColor);}
.footersideS.header-social-icons li i{color: #ffffff;}
.header_logobar{padding-top: 30px; background: var(--BGColor);}

/* Mobile Nav Toggle */
#mobile-nav-toggle {position: fixed; right: 0; top: 0; z-index: 999; margin: 15px 15px 0 0; border: 0; background: none; font-size: 24px; display: none; transition: all 0.4s; outline: none; cursor: pointer; }
#mobile-nav-toggle i {color: #fff; }

/* Mobile Nav Styling */
#mobile-nav {position: fixed; top: 0; padding-top: 18px; bottom: 0; z-index: 998; background: rgba(6, 12, 34, 0.9); left: -260px; width: 260px; overflow-y: auto; transition: 0.4s; }
#mobile-nav ul {padding: 0; margin: 0; list-style: none; }
#mobile-nav ul li {position: relative; }
#mobile-nav ul li a {color: #fff; font-size: 17px; overflow: hidden; padding: 10px 22px 10px 15px; position: relative; text-decoration: none; width: 100%; display: block; outline: none; }
#mobile-nav ul li a:hover {color: #16d5ff; }
#mobile-nav ul li li {padding-left: 30px; }
#mobile-nav ul .menu-has-children i {position: absolute; right: 0; z-index: 99; padding: 15px; cursor: pointer; color: #fff; }
#mobile-nav ul .menu-has-children i.fa-chevron-up {color: #16d5ff; }
#mobile-nav ul .menu-item-active {color: #16d5ff; }
#mobile-body-overly {width: 100%; height: 100%; z-index: 997; top: 0; left: 0; position: fixed; background: rgba(6, 12, 34, 0.8); display: none; }
/* Mobile Nav body classes */
body.mobile-nav-active {overflow: hidden; }
body.mobile-nav-active #mobile-nav {left: 0; }
body.mobile-nav-active #mobile-nav-toggle {color: #fff;}

/*--Extra CSS--*/
.pull-left {float: left; }

span.mobileside_toggle {display: none; }

#main-menu-toggle,
#close-main-menu,
.black-layer{display: none;}
.coll.align-self-center {
    display: inline;
}


/*--Header Top Bar --*/

/*== TOPBAR side text ==*/
/*.scroll {position: relative; max-width: 270px; height: 22px; min-height: 20px;  overflow: hidden; z-index: 1; margin: 0; padding: 0; line-height: 20px;}
.m-scroll {overflow_ hidden; height: 100%; white-space: nowrap; animation: scrollText 10s linear infinite; margin: 0; font-size: 0; display: inline-block;}
.m-scroll span {font-size: var(--font9); display: inline-block; margin: 0; padding: 0px 15px; color: var(--TWhite);}

@keyframes scrollText {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}*/
.topofferbar {background: var(--SColor); padding: 5px 0px;}
.topofferbar .scroll{margin: auto;}
.scroll {position: relative; max-width: 520px; overflow: hidden; z-index: 1; margin: 0; padding: 0; line-height: 20px;}
.m-scroll {overflow_ hidden; height: 100%; white-space: nowrap; animation: scrollText 20s linear infinite; margin: 0; font-size: 0; display: inline-block;}
.m-scroll span {font-size: var(--font9); display: inline-block; margin: 0; padding: 0px 15px; color: var(--TWhite); font-weight: 400;}

@keyframes scrollText {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
/*== END TOPBAR side text ==*/

.top_bar{background: var(--PColor); padding: 9px 0px;}
.topbar_left_BX p{ font-size: var(--font9);}
.topbar_ord_ship li{display: flex;}
.topbar_ord_ship li:nth-of-type(2){margin-left: 50px;}
.topbar_ord_ship li a{position: relative;}
.topbar_ord_ship li a::before{content: '\f3c5'; position: absolute; top: -0px; left: -20px; font-family: "Font Awesome 5 Free"; color: var(--TWhite); font-size: var(--font9); font-weight: bold;}
.topbar_ord_ship li:nth-of-type(2) a::before{content: '\f48b'; position: absolute; top: -0px; left: -26px; font-family: "Font Awesome 5 Free"; color: var(--TWhite); font-size: var(--font9); font-weight: bold;}
.topbar_ord_ship li a{ font-size: var(--font9);}
.topbar_ord_ship li a:hover, 
.bag_signin_list li a:hover, 
.bag_signin_list li a:hover:before, 
.headmailBX a:hover{color: var(--SColor) !important;}
.headmailBX a{color: var(--PColor); font-size: var(--font9);}
.bag_signin_list{display: flex; position: relative;}
.bag_signin_list li{ padding-left: 28px;}
.bag_signin_list li a{font-size: var(--font9); color: var(--PColor); position: relative;}
.bag_signin_list li a::before{ -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.bag_signin_list li a.header_search{position: relative;}
.bag_signin_list li a.header_search::before{content: '\f002'; position: absolute; top: -2px; left: -20px; font-family: "Font Awesome 5 Free"; color: var(--PColor); font-size: var(--font9); font-weight: bold;width: 40px;}
.bag_signin_list li:nth-of-type(4) a::before{content: '\f290'; position: absolute; top: -4px; left: -20px; font-family: "Font Awesome 5 Free"; color: var(--PColor); font-size: var(--font9); font-weight: bold;width: 40px;}
.bag_signin_list li:nth-of-type(4){padding-left: 48px;}
.Jcustomnav::after {content: ''; position: absolute; height: 20px; width: 100%; background: url(../../assets/images/header-border.svg) repeat-x; bottom: 0; left: 0; background-size: contain; animation: animatedBackgroundhead 600s linear infinite;}
.Hactive_link{color: var(--SColor) !important;}
.Hoffers_arrow::after {content: ''; position: absolute; top: 31px; right: -44px; height: 14px; width: 54px; background: url(../../assets/images/header-arrow.svg) no-repeat; background-size: contain; }
.new-linkH_Billing{animation: Linkcolorchange 4s infinite;}
.header_NS .container { max-width: 1476px;}
.numbers_BX{position: relative;}
.num_total_BX {position: absolute; top: -15px; right: -10px; background: var(--SColor); width: 20px; height: 20px; font-size: var(--font8); color: var(--TWhite); border-radius: 100px; text-align: center; line-height: 19px; display: inline-block;}
a.nav-link.new-linkH_Billing { font-weight: 500 !important;}
.currency_dropdown{background: var(--TWhite); color: var(--PColor); height: 24px; min-width: 80px; font-size: var(--font9); font-weight: 400;}
.topbar_ord_ship li:nth-of-type(3){margin-left: 30px;}
.contentt {position: absolute; top: 32px; right: 100%; margin-right: -100px; background: #ffffff; padding: 6px 10px; box-shadow: 0px 6px 16px rgb(0 0 0 / 16%); width: 340px; z-index: 2;}
#head_search{cursor: pointer;}
[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.5s 0.5s ease; 
  opacity: 0;
}
.search_icn {position: absolute !important; top: 6px; right: 6px; font-size: var(--font11) !important; color: var(--TWhite) !important; background: var(--PColor); height: 40px; width: 40px; text-align: center; line-height: 39px;}
.search_icn:hover{background: var(--SColor);}
.search_icn:hover i{color: var(--TWhite);}
.contentt .form-control{padding-right: 45px;}

@keyframes animatedBackgroundhead {
  from {
    background-position: -10000px 0;
  }
  to {
    background-position:  0 0;
  }
}
file:///E:/jeet/Projects/The%20Block%20Art/HTML/HTML1.14/index.html#

@keyframes Linkcolorchange {
  0% { color: blue; }
  50% { color: red; }
  75% { color: green; }
  100% { color: var(--PColor); }
}
@-webkit-keyframes Linkcolorchange {
  0% { color: blue; }
  50% { color: red; }
  75% { color: green; }
  100% { color: var(--PColor); }
}
@-moz-keyframes Linkcolorchange {
  0% { color: blue; }
  50% { color: red; }
  75% { color: green; }
  100% { color: var(--PColor); }
}
@-ms-keyframes Linkcolorchange {
  0% { color: blue; }
  50% { color: red; }
  75% { color: green; }
  100% { color: var(--PColor); }
}

@-0-keyframes Linkcolorchange {
  0% { color: blue; }
  50% { color: red; }
  75% { color: green; }
  100% { color: var(--PColor); }
}


/*== Header Images Category ==*/
.Header_category_perent .container{max-width: 1236px;}
.Header_category_perent{ position: relative;}
.Header_category_perent::after {content: ''; position: absolute; bottom: 30px; left: -14px; width: 207px; height: 302px; background: url(../../assets/images/header_lafe-shape.svg) no-repeat; background-size: contain; filter: brightness(0); opacity: 0.1; background-position: top center; rotate: 30deg;}
.head_cat_RBX{position: relative;}
.Head_cat_IMGBX{position: relative; width: 120px; height: 120px; border-radius: 100%;  background: var(--TWhite); z-index: 1;}
.Head_cat_IMGBX::after {content: ''; position: absolute; top: -16px; left: -16px; width: 152px; height: 152px; background: url(../../assets/images/category-frame.svg) no-repeat; background-size: contain; background-position: center center; z-index: -1;}
.Head_cat_IMGBX::before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 5px solid #ffffff; border-radius: 100px;}

.Head_cat_IMGBX img{scale: 1; -webkit-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s;}
.img_HCT{display: flex; font-size: var(--font9); margin-top: 30px; color: var(--PColor);  justify-content: center; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.head_cate_perent{display: flex; flex-wrap: wrap; padding: 45px 0 20px 0px;}
.head_cat_RBX:hover .img_HCT{color: var(--SColor);}
.head_cat_RBX .onnlink{z-index: 2;}
.head_cat_RBX:hover .Head_cat_IMGBX img{scale: 1.06; -webkit-scale: 1.06;}

.head_cat_RBX:hover :after { -webkit-animation:spincateFrame 10s linear infinite;
    -moz-animation:spincateFrame 10s linear infinite;
    animation:spincateFrame 10s linear infinite;
}

@-moz-keyframes spincateFrame { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spincateFrame { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}



.Hoffers_arrow::after {
    animation: bounce2 2s linear infinite;
}
@-webkit-keyframes bounce2{
    30% {
        transform: translateX(-5%);
    }

    50% {
        transform: translateX(20%);
    }
    70% {
        transform: translateX(0%);
    }
    80% {
        transform: translateX(10%);
    }
    90% {
        transform: translateX(0%);
    }
    99% {
        transform: translateX(5%);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes bounce2{
    30% {
        transform: translateX(-5%);
    }

    50% {
        transform: translateX(20%);
    }
    70% {
        transform: translateX(0%);
    }
    80% {
        transform: translateX(10%);
    }
    90% {
        transform: translateX(0%);
    }
    99% {
        transform: translateX(5%);
    }
    100% {
        transform: translateX(0);
    }
}


/*== Hero Rotate Category ==*/
.Hero_rotate_category{background: var(--PColor); position: relative;}
.Hero_rotate_category::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 20px; background: url(../../assets/images/rotation-category-border.svg) repeat-x; background-size: contain; animation: animatedBackgroundONE 100s linear infinite;}
.Hero_rotate_category::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: url(../../assets/images/rotation-category-border.svg) repeat-x; background-size: contain; animation: animatedBackground 100s linear infinite;}
.hero_rotate_inner{display: flex; justify-content: space-between;}
.hero_rotate_RBX a{color: var(--TWhite); font-size: var(--font11); position: relative;-webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.hero_rotate_RBX a::after {content: ''; position: absolute; top: 5px; left: -15px; width: 9px; height: 9px; border-radius: 100px; background: var(--TWhite);-webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.hero_rotate_RBX a:hover{color: var(--SColor); }
.hero_rotate_RBX a:hover:after{background: var(--SColor);}


@keyframes animatedBackgroundONE {
  from {
    background-position: -10000px 0;
  }
/*use negative width if you want it to flow right to left else and positive for left to right*/
  to {
    background-position:  0 0;
  }
}


@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
/*use negative width if you want it to flow right to left else and positive for left to right*/
  to {
    background-position: -10000px 0;
  }
}





.hero_rotate_RBX{position: relative;padding: 0px 30px;}
.hero_rotate_RBX img {height: 64px; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.7;transition: all 0.2s ease-in-out; scale: 1;}
.hero_rotate_RBX:hover img{filter: grayscale(0%); opacity: 1;  scale: 1.1;}
.hero_rotate_inner {--speed: 90s; --gap: 0em; display: flex; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none; gap: var(--gap); -webkit-mask-image: linear-gradient(to right, hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0)); mask-image: linear-gradient(to right, hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0)); white-space: nowrap; justify-content: right;}
.hero_rotate_perent_RBX {flex-shrink: 0; display: flex; align-items: center; justify-content: space-around;  min-width: 100%; animation: slidecate var(--speed) linear infinite; padding: 0px 0px;}

@media (prefers-reduced-motion: reduce) {
  .hero_rotate_perent_RBX {
    animation-play-state: paused;
  }
}
@keyframes slidecate {
  from {
     transform: translateX(calc(+50% - var(--gap, 0px)));
  }
  to {
    transform: translateX(0);
  }
}



.hero_imageBX img{width: 100%;}

/*== Hero section ==*/
.hero_banner_section{position: relative;}
.herobanner_IN{display: flex; flex-wrap: wrap;}
.hero_BRBX{width: 20%; overflow: hidden; position: relative; border: 6px solid #ffffff; border-bottom: 0px;padding-top: 30px;}
.hero_BRBX + .hero_BRBX{ border-left: 0px;}
/*.hero_BRBX::before{content: '';position: absolute; top: 0; left: 0; width: 100%; right: 0; bottom: 0;  z-index: 1;}*/
/*.hero_BRBX::after {content: ''; position: absolute; top: 0; right: -98px; width: 115px; height: 100%; background: url(../../assets/images/hero-banner-joint.svg) no-repeat; background-size: contain; z-index: 1;filter: brightness(0) invert(100); opacity: 0.4;}*/
.onhero_title{position: absolute; bottom: 20px; left: 10px; padding: 20px 10px; color: var(--TWhite); font-size: var(--font16); font-style: italic; font-weight: 400; text-shadow: 0px 4px 16px #000000; opacity: 0; visibility: hidden; transition: all 0.5s;z-index: 2;}
.hero_BRBX:hover .onhero_title{opacity: 1; visibility: visible;}
.herobanner_IN .hero_BRBX:nth-of-type(odd){background: #f8a092;}
.herobanner_IN .hero_BRBX:nth-of-type(odd)::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; background: url(../../assets/images/hero-banner-BG-shape01.svg) no-repeat; background-size: contain; background-position: top center; z-index: 0; bottom: 0; margin: auto; text-align: center;}
.herobanner_IN .hero_BRBX:nth-of-type(even){background: #f4ce90;}
.herobanner_IN .hero_BRBX:nth-of-type(even)::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; background: url(../../assets/images/hero-banner-BG-shape02.svg) no-repeat; background-size: contain; background-position: top center; z-index: 0; bottom: 0; margin: auto; text-align: center;}
.hero_BRBX a {display: flex; justify-content: center; height: 100%;position: relative; z-index: 1;}
.hero_BRBX a img {align-self: flex-end;}

.onbanner_logo_content{position: absolute; bottom: 100px; left: 0; width: 100%; text-align: center; z-index: 2;    pointer-events: none;}
.onbanner_logo_content h2{color: var(--TWhite); font-size: 70px; text-shadow: 0px 6px 16px rgb(0 0 0 / 98%); font-weight: 400;}

/*==  watch and shop  ==*/
.hindi_title{color: var(--PColor); font-size: var(--font18); display: inline-block;}
.section_heading span{color: var(--PColor); font-size: var(--font24); display: inline-block;}
.section_sub_heading{color: var(--PColor); font-size: var(--font12); font-weight: 400;}
.heading_shape span{position: relative;}
.heading_shape span::after{content: ''; position: absolute; top: 9px; right: -50px; width: 33px; height: 28px; background: url(../../assets/images/section-title-shape.svg) no-repeat; background-size: contain;}
.heading_shape span::before{content: ''; position: absolute; top: 9px; left: -50px; width: 33px; height: 28px; background: url(../../assets/images/section-title-shape.svg) no-repeat; background-size: contain;}
.section_tit_shap_Inner{max-width: 218px; overflow: hidden; margin: auto;}

.Srepeat_shape_leftt, .Srepeat_shape_right{position: relative;}
.Srepeat_shape_leftt::after {content: ''; position: absolute; top: 30px; left: 0; width: 175px; height: 200px; background: url(../../assets/images/section-leaf-shape-repeat.svg) no-repeat; background-size: contain; opacity: 0.2; rotate: 18deg;}
.best_blockcart.Srepeat_shape_right::after {content: ''; position: absolute; bottom: 35px; right: 0; width: 175px; height: 200px; background: url(../../assets/images/section-leaf-shape-repeat.svg) no-repeat; background-size: contain; opacity: 0.2; rotate: -20deg; transform: scale(-1, 1); -webkit-transform: scale(-1, 1);}
.section_saprater::before {content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: 20px; background: url(../../assets/images/section-shaprater-repeat-gray.svg) repeat-x; background-size: contain;}

/*.Srepeat_shape_right{position: relative;}
.Srepeat_shape_right::after {content: ''; position: absolute; bottom: 30px; right: 0; width: 175px; height: 200px; background: url(../../assets/images/section-leaf-shape-repeat.svg) no-repeat; background-size: contain; opacity: 0.2; rotate: 18deg;}*/


.sec_PBX_img{width: 100%; background: var(--TWhite); border-radius: 0px; border: 8px solid var(--TWhite);position: relative; overflow: hidden; height: 350px;}
.sec_PBX_img img{width: 100%; scale: 1; -webkit-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s;    height: 100%; object-fit: cover; object-position: top center;}
.section_PRPBX:hover .sec_PBX_img img { scale: 1.1;}
.section_PBX{position: relative; box-shadow: 0px 3px 16px rgb(0 0 0 / 23%); -webkit-box-shadow: 0px 3px 16px rgb(0 0 0 / 23%);}
.section_PBX span:nth-of-type(1)::after{content: ''; position: absolute; top: -4px; left: -4px; width: 47px; height: 45px; background: url(../../assets/images/product_frame.png) no-repeat; background-size: contain;}
.section_PBX span:nth-of-type(1)::before{content: ''; position: absolute; bottom: -4px; left: -4px; width: 47px; height: 45px; background: url(../../assets/images/product_frame.png) no-repeat; background-size: contain;webkit-transform: scaleY(-1); transform: scaleY(-1);}
.section_PBX span:nth-of-type(2)::after{content: ''; position: absolute; top: -4px; right: -4px; width: 47px; height: 45px; background: url(../../assets/images/product_frame.png) no-repeat; background-size: contain;webkit-transform: scaleX(-1); transform: scaleX(-1);}
.section_PBX span:nth-of-type(2)::before{content: ''; position: absolute; bottom: -4px; right: -4px; width: 47px; height: 45px; background: url(../../assets/images/product_frame.png) no-repeat; background-size: contain;webkit-transform: scaleX(-1);transform: scaleX(-1);rotate: 90deg;}
.watchand_shop .sec_PBX_img iframe{width: 100%; height: 100%; object-fit: cover; background-position: center center;scale: 1.3;}

.label_PBX{ font-size: var(--font9); font-weight: 400; padding: 1px 4px;}
.label_zindex{z-index:100;font-size: var(--font20);}
.white_Plab{background: var(--TWhite);color: var(--PColor);}
.label_PBX{position: absolute; top: 15px; left: 15px;}
.red_Plab{background: red; color: var(--TWhite);}
.green_Plab{background: green; color: var(--TWhite);}
.orange_Plab{background: orange; color: var(--TWhite);}

.art_shape_section_top {position: absolute; top: 20px; right: 55px; z-index: 9; width: 80px;}
.art_shape_section_top img{opacity: 0.1;}

.fixed_offers {height: 52px; width: 52px; min-width: inherit; line-height: 18px; padding-top: 8px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; right: 10px; top: 10px;padding-left: 5px;
    padding-right: 5px; text-align: center;position: absolute;}
.off_offers {background: #ffeeee; color: #282828; font-size: 15px;}
.ready_TW { background: #dafaf7 ; font-size: 11px;}
.fixed_offers.off_offers {left: 10px;}


/*== repeat_products_section ==*/
.repeat_products_section::after{content: ''; position: absolute; top: 0; left: 0; background: url(../../assets/images/repet_bx_topBG.png) repeat-x; background-size: contain; width: 100%; height: 214px;}
.repeat_products_section .sec_PBX_img, .product_page_AP .sec_PBX_img{border-color: var(--PBBColor);}
.repeat_products_section .sec_PBX_img, .product_page_AP .sec_PBX_img{background: var(--PBBGColor);}
.repeat_products_section .section_heading {position: relative; z-index: 1;}
.RS_taps{position: relative;}
.RS_taps::after {content: ''; position: absolute; top: -30px; left: -32px; width: 126px; height: 71px; background: url(../../assets/images/tap-left.png) no-repeat; background-size: contain; z-index: 1;}
.RS_taps::before {content: ''; position: absolute; top: -30px; right: -32px; width: 126px; height: 71px; background: url(../../assets/images/tap-left.png) no-repeat; background-size: contain; rotate: 40deg; z-index: 2;}
.jaiShreeRam::after {content: ''; position: absolute; top: -60px; right: 11%; width: 154px; height: 140px; background: url(../../assets/images/ram-arrow.svg) no-repeat; background-size: contain; webkit-transform: scale(-1); transform: scale(-1);}

/*== content_repeat_section ==*/
.content_repeat_section{background: var(--PColor);}
.content_repeat_section .section_heading span, .content_repeat_section .section_sub_heading{color: var(--BGColor);}
.SF_ethnic_wear_contentS p{color: var(--BGColor); font-size: var(--font11);}
.content_repeat_section .container{max-width: 1450px;}
.content_repeat_section::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../assets/images/repated-content-bg.svg) repeat; background-size: contain; opacity: 0.1; background-size: 24%;}
.content_repeat_section p + p{margin-top: 20px;}
.content_repeat_section p a{color: var(--SColor);}

.common_repeat_ct_sec p{color: var(--BGColor); font-size: var(--font11);}
.common_repeat_ct_sec p strong{font-weight: 700;}
.common_repeat_ct_sec p a, .common_repeat_ct_sec a{color: var(--SColor); font-size: var(--font11);}
.common_repeat_ct_sec ul{padding-left: 15px; margin-bottom: 10px;}
.common_repeat_ct_sec ul li ul{padding-left: 20px; margin-bottom: 10px;}
.common_repeat_ct_sec ul li ul li{list-style: lower-alpha;}
.common_repeat_ct_sec ul li{list-style: disc; margin-top: 2px; color: var(--BGColor); font-size: var(--font11); font-weight: 300;}
.common_repeat_ct_sec ul li span{display: block; margin-bottom: 5px;color: var(--BGColor);}


.common_repeat_ct_sec h1{font-size: var(--font20); font-weight: 500;color: var(--BGColor); text-transform: initial;}
.common_repeat_ct_sec h2, .common_repeat_ct_sec h3, .common_repeat_ct_sec h4, .common_repeat_ct_sec h5, .common_repeat_ct_sec h6{color: var(--BGColor); font-size: var(--font16); display: inline-block; font-weight: 400; margin-bottom: 5px; margin-top: 10px;}

.bothCS_sapratet{position: relative; }

.topCSS::after{content: '';position: absolute;top: -49px; left: 0; width: 100%; height: 20px; background: url(../../assets/images/cs-saprator.svg) repeat-x; background-size: contain;}
.bottomCSS::after{content: '';position: absolute; bottom: -49px; left: 0; width: 100%; height: 20px; background: url(../../assets/images/cs-saprator.svg) repeat-x; background-size: contain;}



/*== add_sale_section_one ==*/
.add_sale_section_one .container {max-width: 887px; padding: 23px 0px;}
.ad_sale_content { max-width: 386px;}
.add_sale_section_one{background: url(../../assets/images/sale-banner03-bg.jpg) no-repeat; height: 449px; background-position: left top;border-top: 10px solid #ee825e; border-bottom: 10px solid #ee825e; width: 100%; background-size: cover;}
.sumsale_text{font-size: 39px; color: var(--PColor); font-weight: 500;}
.big_sale_content{position: relative;left: 34px;}
.big_sale_content h3{font-size: 119px; color: var(--PColor); position: relative;line-height: 0.8;}
.big_sale_content h3::after{content: 'BIG';font-size: 52px; color: var(--PColor); position: absolute; top: 27px; left: -60px; rotate: -90deg;}
/*.big_sale_content span{font-size: 52px; color: var(--PColor);}*/
.add_sale_off span{font-size: 52px; color: var(--TWhite); background: var(--PColor); padding: 6px 4px;font-weight: 500;}
.ad_sale_on span {font-size: 29px; color: var(--TWhite); background: var(--PColor); padding: 1px 15px; margin-top: 20px; display: inline-block; border-radius: 4px; font-weight: 500;}
.ad_sale_on h6 {font-size: 29px; color: var(--PColor); margin-top: 20px;}
.ad_sale_on { text-align: center;}





/*== New Summer ==*/
.new_summer .section_heading span::after{content: ''; position: absolute; top: 9px; right: -50px; width: 33px; height: 28px; background: url(../../assets/images/btn-shape.svg) no-repeat; background-size: contain;}
.new_summer .section_heading span::before{content: ''; position: absolute; top: 9px; left: -50px; width: 33px; height: 28px; background: url(../../assets/images/btn-shape.svg) no-repeat; background-size: contain;}

.new_summer_graphic{position: absolute; top: -60px; right: 150px; width: 191px; height: 195px;}
.NS_Inn_BX{position: relative; z-index: 1;}
.NS_IN_img_BX{box-shadow: 0px 6px 16px rgb(0 0 0 / 23%); overflow: hidden;}
.NS_IN_img_BX img {width: 100%;}
.ns_btn_BX{position: absolute; bottom: 20px; left: 0;width: 100%; text-align: center;z-index: 2;}
.ns_btn_BX .ns_BTN {position: relative; width: 100%; display: block; max-width: 170px; margin: auto; color: var(--PColor); font-size: var(--font10); z-index: 2; line-height: 30px;    font-weight: 500;}
.ns_btn_BX span::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; background: var(--TWhite); height: 32px; z-index: -1;rotate: -5deg;}
.ns_btn_BX span::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; background: var(--PColor); height: 32px; z-index: -1;}
.NS_IN_img_BX .onnlink{z-index: 2;}
.new_sline_img{position: absolute; bottom: 0; right: 0; max-width: 504px; z-index: 0;}



.NS_IN_img_BX:after, .NS_IN_img_BX:before {content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; z-index: 1;}
.NS_IN_img_BX::before {content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; z-index: 1;}
.NS_IN_img_BX::after {content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;    z-index: 1;}
.NS_IN_img_BX:hover::after, .NS_IN_img_BX:focus-within::after { top: 50%; bottom: 50%; background-color: rgba(255, 255, 255, 0.5);}
.NS_IN_img_BX img{webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.NS_IN_img_BX:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);}


 .NS_Inn_BX .ns_BTN{ position: relative;}
 .NS_Inn_BX:hover .ns_btn_BX, .summer_sale_section:hover .summer_cont_LBX h2, .add_sale_section_one:hover .big_sale_content h3, .cartP_listing_RBTN a:hover img{  animation: hover-360 1s !important; }
@keyframes hover-360{
 0% {
    transform: rotateX(0);
}

100% {
    transform: rotateX(360deg);
}

}



.new_summer.section_saprater::before, .bloglist_BX.section_saprater::before{background: url(../../assets/images/border-best-blockart.svg) repeat-x; height: 8px; opacity: 0.3; animation: animatedBestblock 300s linear infinite;}


@keyframes animatedBestblock {
  from {
    background-position: -10000px 0;
  }
/*use negative width if you want it to flow right to left else and positive for left to right*/
  to {
    background-position:  0 0;
  }
}



.best_blockcart .section_heading span::after{content: ''; position: absolute; top: 9px; right: -50px; width: 33px; height: 28px; background: url(../../assets/images/best-heart.png) no-repeat; background-size: contain;}
.best_blockcart .section_heading span::before{content: ''; position: absolute; top: 9px; left: -50px; width: 33px; height: 28px; background: url(../../assets/images/best-heart.png) no-repeat; background-size: contain;}
.best_blockcart .NS_Inn_BX p{font-size: var(--font9); color: var(--PColor); text-align: center; font-weight: 400; margin-top: 10px;}
.best_blockcart.section_saprater::before {background: url(../../assets/images/section_title_shaprater01.svg) repeat; top: 0; bottom: 0; width: 100%; height: 100%; background-size: 10%; opacity: 0.1;}
.best_blockcart {border-bottom: 4px solid var(--DBGColor);}

.shop_till_drop .heading_title{flex-direction: column;text-align: right;}

.shop_till_drop{position: relative;}
.shop_till_drop::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../assets/images/till-drop-bg.svg) no-repeat; background-size: cover; background-position: top left;}
.shop_till_drop .container{position: relative; z-index: 1;}
.till_drop_content{text-align: right;}
.till_drop_content p{font-size: var(--font10);}
.till_drop_content a{color: var(--SColor); font-weight: 400;}



.tilldrop_img_BX img, .jaiShreeRam::after, .about_founder_image img {
    -webkit-animation: jumpping 5s infinite linear;
    animation: jumpping 5s infinite linear;
}
 @keyframes jumpping {
        0%   { transform: translateY(0); }
        50%  { transform: translateY(-30px); }
        100% { transform: translateY(0); }
    }



/*== BLOG ==*/
.blog_inn_sect{display: flex; position: relative;padding: 80px 0px;}
.blog_section .col-sm-6:nth-of-type(1) .blog_inn_sect::after {content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 26%; background: var(--SColor); z-index: -1; opacity: 0.3;}
.blog_section .col-sm-6:nth-of-type(2) .blog_inn_sect::after {content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 26%; background: var(--SColor); z-index: -1; opacity: 0.3;}
.bloginn_img{width: 40%;}
.bloginn_content {width: 60%; align-self: center; padding: 20px 30px;}
.bloginn_content h3{font-size: var(--font16); color: var(--PColor);}
.bloginn_content h4{font-size: var(--font12); color: var(--PColor); font-weight: 400;}
.bloginn_content p{font-size: var(--font12); color: var(--PColor); font-weight: 400; margin-top: 20px; text-align: center;}
.blog_section .col-sm-6:nth-of-type(1){padding-right: 1px;}
.blog_section .col-sm-6:nth-of-type(2){padding-left: 1px;}
.blog_section .col-sm-6:nth-of-type(1) .blog_inn_sect .bloginn_img{padding-right: 20px;}
.blog_section .col-sm-6:nth-of-type(2) .blog_inn_sect .bloginn_img{padding-left: 20px;}


/*== ABOUT FOUNDER ==*/
.aboutfounder .container{max-width: 1532px;}
.aboutfounder{background: var(--DBGColor);}
.aboutfounder .section_heading span{position: relative;}
.aboutfounder .section_heading span::after {content: ''; position: absolute; top: 9px; right: -50px; width: 33px; height: 28px; background: url(../../assets/images/founder-daimond.svg) no-repeat; background-size: contain;}
.aboutfounder .section_heading span::before {content: ''; position: absolute; top: 9px; left: -50px; width: 33px; height: 28px; background: url(../../assets/images/founder-daimond.svg) no-repeat; background-size: contain;}

.about_founder_main{background: url(../../assets/images/founder-bg.svg) no-repeat; background-size: contain; width: 100%; min-height: 646px;}
.socials_list li{display: inline-block; margin-right: 6px;}
.socials_list li a{display: inline-block; width: 34px; height: 34px; background: #ec8369; color: var(--TWhite); font-size: var(--font10); text-align: center; border-radius: 100px; }
.socials_list li a i{line-height: 34px;}
.socials_list li a:hover{background: var(--TWhite); color: #ec8369;}
.founder_title{font-size: var(--font46); color: var(--BGColor); font-weight: 500; font-style: italic;}
.ab_founder_desc h6{font-size: var(--font20); color: var(--BGColor); font-weight: 300;}
.ab_founder_desc p{font-size: var(--font10); color: var(--BGColor);}
.aboutfounder .container .col-sm-6{align-self: center;}
.about_founder_main .row{max-width: 1224px; margin: auto;padding-top: 40px;}
.aboutfounder, .aboutfounder_leaf_bootm, .aboutfounder_inner {position: relative;}
.aboutfounder::after{content: ''; position: absolute; width: 852px; height: 280px; bottom: 0; right: 0; background: url(../../assets/images/founder-border.svg) no-repeat; background-size: contain;z-index: 1;}
.aboutfounder::before {content: ''; position: absolute; width: 484px; height: 357px; top: 0; left: 0; background: url(../../assets/images/founder-border02.svg) no-repeat; background-size: contain;}

.aboutfounder_inner::after{content: ''; position: absolute; top: -60px; left: 10px; width: 149px; height: 143px; background: url(../../assets/images/founder_leafs.png) no-repeat; background-size: contain;-webkit-transform: scaleX(-1); transform: scaleX(-1);}
.aboutfounder_inner::before{content: ''; position: absolute; top: -58px; right: 10px; width: 149px; height: 143px; background: url(../../assets/images/founder_leafs.png) no-repeat; background-size: contain;}
.aboutfounder_leaf_bootm::before {content: ''; position: absolute; bottom: -48px; right: 10px; width: 149px; height: 143px; background: url(../../assets/images/founder_leafs.png) no-repeat; background-size: contain; -webkit-transform: scaleY(-1); transform: scaleY(-1);}
.aboutfounder_leaf_bootm::after{content: ''; position: absolute; bottom: -48px; left: 10px; width: 149px; height: 143px; background: url(../../assets/images/founder_leafs.png) no-repeat; background-size: contain; -o-transform: scaleX(-1) scaleY(-1); -webkit-transform: scaleX(-1) scaleY(-1); transform: scaleX(-1) scaleY(-1); filter: FlipH FlipV; -ms-filter: "FlipH FlipV";}

.aboutfounder .section_heading span::before {
    animation: rotateY-anim 2s linear infinite;
}
 .aboutfounder .section_heading span::after{ animation: rotateY-animm 4s linear infinite;}

@keyframes rotateY-anim {
    0% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}
@keyframes rotateY-animm {
    0% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}


/*====  FOOTER  ====*/
footer{position: relative; background: url(../../assets/images/footer-bg.png) repeat;}
footer::after {content: ''; position: absolute; height: 20px; width: 100%; background: url(../../assets/images/header-border.svg) repeat-x; top: -20px; left: 0; background-size: contain; animation: animatedBackgroundfoot 600s linear infinite;}
@keyframes animatedBackgroundfoot {
  from {
    background-position: -10000px 0;
  }
/*use negative width if you want it to flow right to left else and positive for left to right*/
  to {
    background-position:  0 0;
  }
}
.footer_links_MRBX{display: flex; justify-content: center;}
.foot_links_list{padding-left: 30px;}
.footlinks_ttileBX span{color: var(--SColor); font-size: var(--font10); font-weight: 500; text-transform: uppercase; position: relative;white-space: nowrap;}
.foot_links_list li{display: inline-block; position: relative; margin-right: 16px;}
.footlinks_ttileBX span::after{content: '';position: absolute; top: 8px; right: -24px; width: 18px; height: 2px; background: var(--SColor);}
.foot_links_list li a{color: var(--PColor); font-size: var(--font10); font-weight: 400; text-transform: uppercase; position: relative;}
.icon_Flinks li::before {content: ''; position: absolute; top: 12px; left: -13px; width: 12px; height: 12px; background: url(../../assets/images/footer-links-icon.svg) no-repeat; background-size: contain;}
.mediaFlinks.icon_Flinks li::before {content: '\f292'; position: absolute; top: 8px; left: -13px; color: var(--SColor); background: none; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: var(--font9);}
.icon_Flinks.foot_links_list li a:hover{color: var(--SColor);}
.footlinks_LLBX { padding-left: 30px;}
.firsh_seprater_foot{border-top: 2px solid #d7d7d7;}

.footer_links_lining .foot_links_list li::after {content: ''; position: absolute; top: 14px; right: -13px; width: 2px; height: 10px; background: var(--PColor);}
.footer_links_lining .foot_links_list li a::after {content: ''; position: absolute; top: 7px; left: -5px; width: 0px; height: 2px; background: var(--SColor); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
.footer_links_lining .foot_links_list li a:hover{color: #b3a2ab;}
.footer_links_lining .foot_links_list li a:hover:after{width: 26px; }
.footer_web_links .foot_links_list li a{font-size: var(--font8);}
.footer_web_links .footer_links_MRBX { justify-content: flex-start;}
.footer_links_lining .foot_links_list li:last-child:after{display: none;}
.footer_links_PSocial .foot_links_list li{margin-right: 36px;}

.manu_and_whole_links a{font-size: var(--font11); color: var(--SColor); font-weight: 700; position: relative;}
.manu_and_whole_links a:hover{color: var(--PColor);text-decoration: underline;}
.manu_and_whole_links::before{content: ''; position: absolute; top: 8px; left: 0; width: 100%; height: 30px; background: url(../../assets/images/wholesale-store-banner.svg) repeat-x; background-size: contain;}

.zigzagS{position: relative;border: 0px;}
.zigzagS::after{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; background: url(../../assets/images/footer-border-wine.svg) repeat-x; height: 10px; background-size: contain;}
.blockart_FLast h6{font-size: var(--font11); color: var(--PColor); font-weight: 500; position: relative; text-uppercase;}
.blockart_FLast p{color: var(--PColor); font-size: var(--font9); margin-top: 10px; font-weight: 400;}
.bootombar{background: #d7d7d7; padding:  20px 15px;}
.bootombar p{font-size: var(--font9); color: var(--PColor); font-weight: 400;}
.wholesale_store_main{position: relative; display: flex; padding-left: 150px; flex-direction: column; max-width: 615px; margin: auto; padding-top: 90px;}
.wholesale_store_main::after{content: '';position: absolute; top: 65px; left: 0; width: 130px; height: 130px; background-position: center center; background: url(../../assets/images/wholesale-store.svg) no-repeat; background-size: contain;}
.wholesale_store_main h4 {font-size: var(--font18); color: var(--PColor); font-weight: 500; text-transform: uppercase; letter-spacing: 7px; border-bottom: 1px dashed #000000; margin-bottom: 10px;}
.wholesale_store_main a{}


/*==  END FOOTER  ==*/


.SF_top_content_section p{font-size: var(--font12);font-weight: 300; color: var(--PColor);}




.slidr_item_space .owl-stage-outer{border-right: 8px solid var(--TWhite);}
.slidr_item_space02 .owl-stage-outer{border-right: 8px solid rgb(134 95 95 / 88%);}
.common-product-sliders.owl-carousel .owl-dots.disabled, .common-product-sliders.owl-carousel .owl-nav.disabled{display: block;}

/*== Slider ==*/
.common-product-sliders .owl-nav {position: absolute; top: 0; height: 100%; width: 100%; pointer-events: none; }
.common-product-sliders .owl-nav .owl-prev {position: absolute; height: 40px; width: 40px; text-align: center;  color: var(--PColor); background: #ffffff; pointer-events: initial; border-radius: 0px; box-shadow: 0px 3px 6px rgb(255 255 255 / 0%); top: 50%; margin-top: -30px; box-shadow: 0 0 50px rgba(0, 0, 0, .07); border-radius: 100px;}
.common-product-sliders .owl-nav .owl-next {position: absolute;  height: 40px; width: 40px; text-align: center;  color: var(--PColor); background: #ffffff;  pointer-events: initial; border-radius: 0px; box-shadow: 0px 3px 6px rgb(255 255 255 / 0%); top: 50%; margin-top: -30px; box-shadow: 0 0 50px rgba(0, 0, 0, .07); border-radius: 100px;}
.common-product-sliders .owl-nav i{color: var(--TBlack); font-size: 18px;font-weight: bold; line-height: 34px;}
.common-product-sliders  .owl-stage-outer { height: 100%;}
.common-product-sliders .owl-stage {height: 100%;}

.common-product-sliders .owl-nav .owl-prev {left: -28px;}
.common-product-sliders .owl-nav .owl-next {right: -28px;}
.common-product-sliders .owl-nav .owl-prev:hover, .common-product-sliders .owl-nav .owl-next:hover {background-color: var(--PColor);}
.common-product-sliders .owl-nav .owl-prev:focus, .common-product-sliders .owl-nav .owl-next:focus {background-color: var(--PColor);}
.common-product-sliders .owl-nav .owl-prev:hover i, .common-product-sliders .owl-nav .owl-next:hover i {color: var(--TWhite);}
.common-product-sliders .owl-nav .owl-prev:focus i, .common-product-sliders .owl-nav .owl-next:focus i {color: var(--TWhite);}




/*== Summer SALE ==*/
.summer_sale_section{background: url(../../assets/images/summer-sale-bg.jpg) no-repeat; background-size: cover; min-height: 449px; background-position: right center; display: flex;}
.summer_sale_section .container {align-self: end; max-width: 1340px;}
.summer_sale_mainBX{display: flex; position: relative; z-index: 0;}
.summer_sale_mainBX::after {content: ''; position: absolute; top: 112px; left: -14px; width: 100%; height: 178px; border: 1px solid #ffffff; z-index: -1;}
.summer_cont_LBX {width: 40%; align-self: center;}
.summer_cont_RBX{width: 60%;}
.summer_cont_LBX_inn{max-width: 362px; text-align: center;}
.summer_cont_LBX h4 {font-size: 24px; color: #e8e077; font-weight: 400; text-transform: uppercase; letter-spacing: 1.5px; text-shadow: 0px 6px 16px #f88c8a;}
.summer_cont_LBX h3 {font-size: 58px; color: #fef0f0; font-weight: 400; letter-spacing: 1.8px; text-transform: uppercase; text-shadow: 0px 6px 16px #f88c8a;}
.summer_cont_LBX h2 {font-size: 145px; color: #fef0f0; font-weight: 500; font-family: serif; text-transform: uppercase; line-height: 0.7; text-shadow: 0px 6px 16px #f88c8a;}
.summer_cont_LBX h5 {font-size: 48px; color: #e8e077; text-transform: uppercase; font-weight: 400; position: relative; top: 10px; text-shadow: 0px 6px 16px #f88c8a;}

/*== END Summer SALE ==*/


/*== Product LIsting Page ==*/

.product_section_heading a{font-size: var(--font14); color: var(--PColor); text-align: center; font-weight: 500; margin-top: 10px;}
.product_section_heading a:hover{text-decoration: underline;}
.product_section_heading p{font-size: var(--font9); color: var(--PColor); text-align: center; font-weight: 400; display: block; text-align: left;}

/*== Bredcrumb ==*/
.blockart_bredcrumb{background: var(--TWhite);padding: 4px 0px 9px 0px;}
.custom_breadC li{display: inline-block; padding-right: 12px; margin-right: 12px; position: relative;}
.custom_breadC li::after {content: '\f054'; position: absolute; top: 11px; right: -9px; font-size: var(--font8); color: var(--PColor); font-family: "Font Awesome 5 Free"; font-weight: bold;}
.custom_breadC li:last-child:after{display: none;}
.custom_breadC li:last-child a{cursor: initial; pointer-events: none; color: var(--SColor);}
.custom_breadC li a{color: var(--PColor); font-size: var(--font9);}
.custom_breadC li a:hover{color: var(--SColor); font-size: var(--font9);}


/*== Filter ==*/
.PPfilters{background: var(--PColor); padding: 8px 0px;}
.PP_Ptitle{font-size: var(--font18); color: var(--PColor); align-self: center; font-weight: 500;}
.filter_BX{position: relative; margin-left: 30px; display: flex;}
.filter_select{background: var(--TWhite); width: 194px; height: 30px; padding: 0px 15px; border: 1px slid transparent; box-shadow: none; border-radius: 0px; outline: none; appearance: none; -webkit-appearance: none; font-size: var(--font9); color: var(--PScolor); cursor: pointer;font-weight: 500;}
.select_iconBX{position: absolute; top: 0px; right: 0; pointer-events: none;}
.select_iconBX span{display: flex; background: var(--SColor); width: 30px; height: 30px; color: var(--TWhite); position: relative; font-size: var(--font10); justify-content: center;}
.select_iconBX span i{align-self: center;}
.select_iconBX span::after {content: ''; position: absolute; top: 6px; left: -9px; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 9px solid var(--SColor);}
.filter_FBX{display: flex; justify-content: flex-end;}
.PPfilters .col-sm-6{align-self: center;}
a.PPcollaps{position: relative;}
a.PPcollaps[aria-expanded="false"]:after{content: '\f055'; position: absolute; right: -30px; top: -7px; font-size: var(--font14); color: var(--PColor); font-family: "Font Awesome 5 Free"; font-weight: bold;}
a.PPcollaps[aria-expanded="true"]:after{content: '\f056'; position: absolute; right: -30px; top: -7px; font-size: var(--font14); color: var(--PColor); font-family: "Font Awesome 5 Free"; font-weight: bold;}
a.PPcollaps:hover:after{color: var(--SColor);}
.header_search{position: relative;}

/*==  Filter buttons  ==*/
.radio_BTN_PS{position: relative;}
.radio_BTN_PS::after{content: ''; position: absolute; bottom: 0; left: 0; background: url(../../assets/images/border-best-blockart.svg) repeat-x; width: 100%;  height: 8px; opacity: 0.3; animation: animatedBestblock 300s linear infinite;}
.size_button_filter p{font-size: var(--font10); font-weight: 400;}

.filter_labels li{display: inline-block;}
.filter_labels li span {position: relative; display: inline-block; font-weight: 400; font-size: var(--font12); padding: 7px 15px; margin: 0 8px 0px 0; background-color: var(--TWhite); background-color: var(--BGColor); border: 1px solid var(--PColor); overflow: hidden; border-radius: 5px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; cursor: pointer;}
.filter_labels li span:hover, .filter_labels li span.active{background: var(--PColor); color: var(--TWhite);}
.filter_labels li span::after {content: ''; position: absolute; top: 3px; left: 3px; width: calc(100% - 6px); height: calc(100% - 6px); background: transparent; border-radius: 0px; border: 1px dashed var(--TWhite); border-color: transparent;}
.filter_labels li span:hover:after, .filter_labels li span.active:after{border-color: var(--TWhite);}


/*== Text Category ==*/
.text_button_filter ul{display: flex; flex-wrap: wrap;}
.text_button_filter ul li {display: inline-block; width: 20%; text-align: center; padding: 5px 5px;}
.text_button_filter ul li a{text-decoration: underline; font-size: var(--font10); color: var(--PColor);}
.linking_category .section_heading span{font-size: var(--font16);font-weight: 400;text-decoration: underline;}
.linking_category .heading_shape span::before {top: 6px; left: -38px; width: 22px; height: 22px;}
.linking_category .heading_shape span::after {content: ''; position: absolute; top: 6px; right: -38px; width: 22px; height: 22px;}
.text_button_filter ul li a:hover{color: var(--SColor);}



/*== Product page _listing of products ==*/
.page_product_desc p{text-align: center; font-size: var(--font11); font-weight: 400; color: var(--PColor); margin-bottom: 15px;}
.page_product_desc p a{color: var(--PColor); font-weight: 500;}
.product_LPPD{padding: 20px 15px;}
.product_LPPD > p {font-size: var(--font9); color: var(--PColor); text-align: center; font-weight: 400; }
.listingpage_allproducts {position: relative;}
.listingpage_allproducts::after {content: ''; position: absolute; top: 0; left: 50px; height: 100%; width: 20px; background: url(../../assets/images/product-repeat-arrow.svg) repeat-y; background-size: contain; opacity: 0.3;z-index: -1;}
.listingpage_allproducts::before {content: ''; position: absolute; top: 0; right: 50px; height: 100%; width: 20px; background: url(../../assets/images/product-repeat-arrow02.svg) repeat-y; background-size: contain; opacity: 0.3; z-index: -1;}
.product_LPPD a {font-size: var(--font9); color: var(--PColor); text-align: center; font-weight: 400; display: block;}
.product_LPPD a:hover{color: var(--SColor);}
.product_LPPD p{font-size: var(--font14); color: var(--PColor); text-align: center; font-weight: 500; margin-top: 10px;}
 

/*== Product Detail Page ==*/

.pro_detail_PT{font-size: var(--font16); color: var(--PColor); font-weight: 500;}
.ProDetail_BX{display: flex;}
.rate_etc_RBX{position: relative; padding-right: 10px; margin-right: 10px;}
.rate_etc_RBX::after{content: '';position: absolute; top: 12px; right: 0; width: 2px; height: 12px; background: var(--PColor);}
.rate_etc_RBX .rate_points {font-size: var(--font8); font-weight: 400; color: var(--BGColor); background: var(--PColor); display: inline-block; border-radius: 20px; padding: 1px 8px; }
span.rate_points i {font-size: 10px;}
.rate_etc_RBX .itemcode{font-size: var(--font10); font-weight: 400; color: var(--PColor);}
.rate_etc_RBX .itemcode strong, .stock_avail strong{font-weight: 500;}
.stock_avail strong{color: #009900; text-transform: uppercase; font-size: var(--font10);}
.rate_etc_RBX .add_reviewL{font-size: var(--font10); font-weight: 400; color: var(--PColor); text-decoration: underline;}
.rate_etc_RBX .add_reviewL:hover{color: var(--SColor);}
.ProDetail_BX .rate_etc_RBX:last-child:after {display: none;}
.size_product_Rfilter {border-top: 1px solid rgb(193 193 193 / 53%);}

.prodc_price strong{color: var(--PColor); font-size: var(--font16); font-weight: bold;}
.was_price{text-decoration: line-through; color: gray; font-weight: 400; display: inline-block; margin-right: 10px;}
.label_RS { margin-top: 30px;}
.lable_sizeT{font-size: var(--font9); color: var(--PColor);}
.size_guide_BX a{font-size: var(--font9); color: var(--SColor); margin-left: 20px; text-decoration: underline; font-weight: 500; cursor: pointer;}
.size_guide_BX a:hover{color: var(--PColor);}

.QTBX{display: flex; flex-wrap: wrap;}
.valuF_BX{width: 100px;}
.inc_BX, .dec_BX, .valuF_BX{display: flex;}
.dec_BX a, .inc_BX a{display: inline-block; background: #f2f2f2; width: 40px;height: 40px; font-size: 16px; color: var(--PColor); text-align: center; line-height: 40px;}
.inp_QTBX{width: 100%; height: 40px; background: var(--TWhte); font-size: 16px; color: var(--PColor); border: 1px solid #f2f2f2; align-self: center; text-align: center; padding: 0px 10px; margin: 0px 5px;}
.dec_BX a:hover, .inc_BX a:hover{background: var(--PColor); color: var(--TWhite);}
span.slQT_title { font-size: var(--font12);}
.select_QT{    border-top: 1px solid rgb(193 193 193 / 53%);}



.addones_label{font-size: var(--font11); color: var(--PColor); background: #f2f2f2; padding: 6px 15px;}
.optional_twoP{display: flex; background: #fafafa; padding: 10px;}
.inoptional_BX p{font-size: var(--font11); color: var(--PColor); font-weight: 500; text-transform: uppercase;}
.inoptional_BX{width: 50%; padding-left: 98px; position: relative;}
.inoptional_BX::after{content: '';position: absolute; top: 0; left: 0; width: 80px; height: 78px;  background-size: contain;}
.inskirt_BX::after{background: url(../../assets/images/Inskirt-Petticoat.svg) no-repeat;}
.fall_edging::after{background: url(../../assets/images/fall-and-edging.svg) no-repeat;}
.in_fall_BTN{padding: 3px 19px; border-radius: 100px; color: var(--TWhite); font-size: var(--font12); font-weight: 400; text-transform: uppercase; background: var(--PColor); text-align: center; line-height: 30px; margin-top: 10px;}
.in_fall_BTN:hover{background: var(--SColor);}

.optional_twoP .inskirt_BX:nth-of-type(1){padding-right: 30px;}
 
.cart_buttons{display: flex;}
.cart_BTN_LEFT{margin-right: 24px;}
.cartS_BTN{font-size: var(--font12); background: var(--PColor); font-weight: 400; color: var(--BGColor); display: inline-block; padding: 10px 15px; min-width: 211px; text-align: center; box-shadow: none; outline: none; border: 0px; text-transform: uppercase;}
.cartS_BTN:hover{background: var(--SColor); color: var(--TWhite);}

.cartS_Pink_BTN{font-size: var(--font12); background: var(--SColor); font-weight: 400; color: var(--TWhite); display: inline-block; padding: 10px 15px; min-width: 211px; text-align: center; box-shadow: none; outline: none; border: 0px; text-transform: uppercase;}
.cartS_Pink_BTN:hover{background: var(--PColor); color: var(--BGColor);}


.cart_page_according{border-top: 1px solid rgb(193 193 193 / 53%); }
.cart_page_according .accordion-body{border: 1px solid #f2f2f2;}
.cart_page_according .accordion-body p{font-size: var(--font10); color: var(--PColor);}
.cart_page_according .accordion-body span{font-size: var(--font12); color: var(--PColor);}
.cart_page_according .accordion-body ul li{font-size: var(--font10); color: var(--PColor);list-style-type: circle;margin-left: 25px;}
.cart_page_according .accordion-button {background: #f2f2f2; color: var(--PColor); text-transform: uppercase; font-size: var(--font10); font-weight: 400; padding: 10px 15px; border: 0px; margin-bottom: 6px;box-shadow: none;}
.cart_page_according  .accordion-flush .accordion-item{border: 0px;}
.cart_page_according .accordion-button:not(.collapsed)::after {  filter: brightness(0) invert(0);}


/*== Product detail page Slider ==*/
.similarPSLider { max-width: 614px;}
.similar_style .owl-nav {position: absolute; top: 0; height: 100%; width: 100%; pointer-events: none; }
.similar_style .owl-nav .owl-prev {position: absolute; height: 22px; width: 26px; text-align: center;  color: var(--PColor); background: #ffffff; pointer-events: initial; border-radius: 0px; box-shadow: 0px 3px 6px rgb(255 255 255 / 0%); top: 0%; margin-top: -30px; box-shadow: 0 0 50px rgba(0, 0, 0, .07); border-radius: 0px; border: 1px solid rgb(160 160 160 / 60%) !important;}
.similar_style .owl-nav .owl-next {position: absolute; height: 22px; width: 26px; text-align: center; color: var(--PColor); background: #ffffff; pointer-events: initial; border-radius: 0px; box-shadow: 0px 3px 6px rgb(255 255 255 / 0%); top: 0%; margin-top: -30px; box-shadow: 0 0 50px rgba(0, 0, 0, .07); border-radius: 0px; border: 1px solid rgb(160 160 160 / 60%) !important;}
.similar_style .owl-nav i {color: #a0a0a0; font-size: 12px; font-weight: bold; line-height: 10px; position: relative; top: -9px;}
.similar_style  .owl-stage-outer { height: 100%;}
.similar_style .owl-stage {height: 100%;}
.similar_style .owl-nav .owl-prev {left: auto; right: 30px;}
.similar_style .owl-nav .owl-next {right: 0px;}
.similar_style .owl-nav .owl-prev:hover, .similar_style .owl-nav .owl-next:hover {background-color: var(--PColor);}
.similar_style .owl-nav .owl-prev:focus, .similar_style .owl-nav .owl-next:focus {background-color: var(--PColor);}
.similar_style .owl-nav .owl-prev:hover i, .similar_style .owl-nav .owl-next:hover i {color: var(--TWhite);}
.similar_style .owl-nav .owl-prev:focus i, .similar_style .owl-nav .owl-next:focus i {color: var(--TWhite);}
.similar_style.owl-carousel .owl-nav.disabled{display: block;}

.similar_stT span{color: var(--PColor); font-size: var(--font11); font-weight: 400; display: inline-block; margin-bottom: 4px;}
.also_like_main .owl-carousel .owl-stage-outer {padding: 30px 0px;}
.morecollet_sect .section_heading span { font-size: var(--font16);}
.morecollet_sect .heading_shape span::before{content: '\f004'; font-size: var(--font10); top: 5px; left: -44px; color: var(--PColor); font-family: "Font Awesome 5 Free"; font-weight: bold; background: none;}
.morecollet_sect .heading_shape span::after{content: '\f004'; font-size: var(--font10); top: 5px; right: -44px; color: var(--PColor); font-family: "Font Awesome 5 Free"; font-weight: bold; background: none;}

/*== Product details page Customer Review ==*/
.write_rewiew_MBX{position: relative; background: var(--TWhite); box-shadow: 4px 0px 16px rgb(0 0 0 / 25%); padding: 20px 20px; overflow: hidden;}
.write_rewiew_MBX::after {content: ''; position: absolute; top: -8px; left: -3px; width: 52%; height: 57px; background: url(../../assets/images/review-form-shape01.svg) no-repeat; background-size: cover;}
.write_rewiew_MBX::before {content: ''; position: absolute; top: 20%; left: -23px; width: 98px; height: 100%; background: url(../../assets/images/review-form-shape02.svg) no-repeat; background-size: contain;}
.write_rewiew_InnBX{border: 1px solid #e2dee0; position: relative; z-index: 1;}
.thanks_CS_BX{background: var(--PColor); color: var(--TWhite); font-size: var(--font8); text-transform: uppercase; text-align: center; padding: 5px 15px; width: 100%;}
.write_rewiew_Inner_main{padding: 25px 18px;}
.write_rtitle h3 {color: var(--PColor); font-size: var(--font32); font-style: italic; font-weight: 300;}
.write_rtitle h6 {color: var(--PColor); font-size: var(--font14); font-style: italic; font-weight: 300; letter-spacing: 0.6px;}

.writea_review_BTN_BX h3{color: var(--PColor); font-size: var(--font20); font-style: italic; font-weight: 300;}
.review_stars i{color: #ffa900;}
.rates_and_stars{display: flex; justify-content: center;}
.outof_rates {color: var(--PColor); font-size: var(--font10); font-style: italic; align-self: center; margin-left: 15px;}
.rates_only{align-self: center;}
.based_on_reviews{color: var(--PColor); font-size: var(--font12); }
.customere_Mtitle{font-size: var(--font22); color: var(--PColor); font-weight: 400; font-style: italic;}
.CS_IMG{width: 52px; height: 46px; border-radius: 30px; overflow: hidden; border: 0px;}
.CS_IMG img{object-fit: cover; width: 100%; height: 100%;}
.CS_comment p{font-size: var(--font11); color: var(--PColor); font-weight: 300; font-style: italic;}
.CS_Name h6{font-size: var(--font14); color: #2e2e2e; font-style: italic; text-transform: capitalize; font-weight: 400;}
.CS_Name span{font-size: var(--font8); color: #2e2e2e; font-style: italic; text-transform: capitalize; opacity: 0.47; display: flex; justify-content: center;}
.customer_review_slider_main{position: relative; background: var(--TWhite); box-shadow: 4px 0px 16px rgb(0 0 0 / 25%); padding: 20px 20px; overflow: hidden;}
.customer_review_slider {border: 1px solid #e2dee0; position: relative; z-index: 1; padding: 25px 20px;}
.customer_review_slider::after {content: '\f10d'; position: absolute; top: 3px; left: 23px; font-size: var(--font28); color: var(--PColor); font-family: "Font Awesome 5 Free"; font-weight: bold; opacity: 0.13;}
.customer_review_slider::before {content: '\f10e'; position: absolute; bottom: 3px; right: 23px; font-size: var(--font28); color: var(--PColor); font-family: "Font Awesome 5 Free"; font-weight: bold; opacity: 0.13;}
.CS_IMG{margin: auto;}
.CSR_maxwidth{max-width: 860px; margin: auto;}
#CS_review_slider .item {padding: 20px 30px;}
.Creview_section .col-sm-6.col-md-6.col-lg-6 {max-width: 860px; width: 100%;}


/*==== About us page   ====*/

.inner_about_parner_pages .col-sm-4.col-md-4.col-lg-4{width: 290px;}
.inner_about_parner_pages .col-sm-8.col-md-8.col-lg-8{flex: 1; border-left: 1px dashed var(--PColor);}
.INP_tabs li{display: block;}
.INP_tabs li + li{margin-top: 1px;}
.INP_tabs li a{display: block; background: var(--PColor); color: var(--BGColor); font-size: var(--font10); padding: 8px 15px;}
.INP_tabs li a:hover, .INP_tabs li.active a{background: var(--SColor); color: var(--BGColor);}


.innerP_Heading{font-size: var(--font20); color: var(--PColor); font-weight: 500; }
.about_page_IC_first p, .about_page_IC p, .cart_empty{font-size: var(--font10); color: var(--content); font-weight: 400; margin-bottom: 10px; text-align: center;}

.know_somthingnow{background:var(--BGColor); padding: 50px 80px;}
.know_somthingnow h3{font-size: var(--font20); color: var(--PColor); font-weight: 500; text-align: center;}

.know_somthingnow {position: relative; overflow: hidden; margin-top: 30px; margin-bottom: 30px;}
.know_somthingnow_icons{display: flex; position: relative;flex-wrap: wrap;}
.know_somthingnow::after{content: ''; position: absolute; top: 0; left: -58px; width: 108px; height: 113px; background: url(../../assets/images/know_icon-shape.png) no-repeat; background-size: contain;}
.know_somting_RBX h4{color: var(--PColor); font-size: var(--font12); text-align: center; margin-top: 5px;}
.know_somting_RBX h6{color: var(--PColor); font-size: var(--font10); text-align: center;}
.know_somting_RBX img{height: 93px;}
.know_somthingnow_icons {max-width: 1120px; margin: auto; justify-content: space-around;margin-top: 30px;}
.know_somthingnow_icons::before{content: ''; position: absolute; bottom: -116px; right: 0; width: 108px; height: 108px;background: url(../../assets/images/know_icon-shape.png) no-repeat; background-size: contain;}
.know_somting_RBX {text-align: center;}
.about_page_IC_first img { margin-bottom: 30px;}


/*==  Empty Cart  ==*/
.cart_empty h2{color: var(--PColor); font-size: var(--font16); font-weight: 500;}
.cart_empty h3{color: var(--SColor); font-size: var(--font12); font-weight: 500;}
.yourCEmpty h4{color: var(--PColor); font-size: var(--font20); font-weight: 500;}
.yourCEmpty p{font-size: var(--font10); color: var(--content); font-weight: 400; margin-bottom: 10px; text-align: center;}

.shop_By_Cat_ECpage{display: flex; flex-wrap: wrap; justify-content: space-between;}
.BTN_RBX_For_Cat{padding-left: 15px; padding-right: 15px; align-self: center;}
.yc_OR span{background: var(--SColor); display: inline-block; padding: 12px 13px; border-radius: 0px 20px 0px 20px; color: var(--TWhite); font-size: var(--font12); font-weight: 500;}
.empty_cart_BC p + p{margin-top: 15px;}
.cart_empty .container{max-width: 1365px;}
.shop_bycate .morecollet_sect .heading_shape span::before, .shop_bycate .morecollet_sect .heading_shape span::after{content: '\f07a';}
.shop_bycate .morecollet_sect .heading_shape span::before{ transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1);}


/*== Contact Us Page==*/
.inner_about_parner_pages {padding-bottom: 100px;}
.contactus_PTS p {font-size: var(--font10); color: var(--content); font-weight: 400; margin-bottom: 10px;}
.contact_form_main{display: flex;}
.contact_form_left, .contact_details_RBX{display: flex; position: relative;}
.contact_details_RBX{background: var(--BGColor); overflow: hidden; padding: 10px 15px;}
.cd_RBX_Icon{width: 70px; text-align: center; align-self: center;}
.cd_RBX_Details{flex: 1; padding-left: 10px;}
.cd_RBX_Details p{font-weight: 400; color: var(--content); font-size: var(--font10);}
.cd_RBX_Details p strong{font-weight: 500; color: var(--content); font-size: var(--font10);}
.tradesales_bottom_line p{font-weight: 600; color: var(--content); font-size: var(--font10); max-width: 400px;}
.contact_details_RBX::after {content: ''; position: absolute; top: 50%; right: -35px; width: 100px; height: 60px; background: url(../../assets/images/cd-shape.png) no-repeat; background-size: contain; background-position: center right; margin-top: -30px;}
.contact_form_left{max-width: 570px; flex-direction: column; width: 100%;}
.contact_form_right{flex: 1; padding-left: 50px;}
.form-label{font-size: var(--font9); color: var(--content);min-height: 21px;}
.contact_form_right h3{font-size: var(--font12); color: var(--content); font-weight: 500;}
.form-control{width: 100%; height: 40px; border: 1px solid #d4d0d0; font-size: var(--font10); font-weight: 500; color: var(--content); box-shadow: none; outline: none; padding: 0px 15px; appearance: none; -webkit-appearance: none; border-radius: 0px;}
.form-control:hover, .form-control:focus{border-color: var(--TBlack); box-shadow: none;}
textarea.form-control{min-height: 150px;}
.CF_fuild_BX{position: relative;}




/*== Cart Page ==*/
.CCS_THB_BX{display: flex; justify-content: flex-end;}
.ccs_BTN_RBX{margin-left: 40px;}
.cart_continue_shop_THB{position: relative;}
.cart_continue_shop_THB::after{content: ''; position: absolute; top: 0; left: 0; height: 8px; width: 100%; background: url(../../assets/images/border-best-blockart.svg) repeat-x; background-size: contain; opacity: 0.3;}

.prod_heading h4{font-size: var(--font14); color: var(--PColor); font-weight: 400;}
.prod_heading h4 span{font-weight: 500;}

.prod_headingTTA h5{font-size: var(--font14); color: var(--PColor); font-weight: 400;}
.prod_headingTTA h5 span{position: relative; font-weight: 500; padding-left: 20px;}
.prod_headingTTA h5 span::after{content: '\f156'; position: absolute; top: 0; left: 0; width: 20px; height: 20px; font-size: var(--font10); color: var(--SColor); font-family: "Font Awosome 5 Free"; font-weight: bold;}

.cartP_listingPBX, .prd_lis_CPHeading {position: relative;}
.cartP_listingPBX_in{display: flex; position: relative;justify-content: space-between; width: 100%;}
.cartP_listingPBX_left{display: flex; }
.cartP_listingPBX::after, .prd_lis_CPHeading:after{content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background-repeat: repeat-x; background: url(../../assets/images/button-lineH.svg);}
.cartP_listingPBX_IMG{width: 163px; height: 163px; overflow: hidden; position: relative;}
.cartP_listingPBX_img_desc{padding-left: 24px;}
.prod_name, .prod_size{font-size: var(--font12); color: var(--PColor); font-weight: 400;}
.prod_size span{font-size: var(--font13); color: var(--PColor); font-weight: 600;}
.extra_adding{font-size: var(--font10); color: gray; font-weight: 400;}
.cartP_listing_RBTN a img{width: 30px; max-height: 29px; display: inline-block; vertical-align: baseline;}
.cartP_listing_RBTN a{font-size: var(--font13); font-weight: 500; color: var(--PColor);}
.cartP_listing_RBTN a:hover{color: var(--SColor);}

.first_PRBX{font-size: var(--font13); color: #c1bcbe; text-decoration: line-through;}
.second_PRBX{font-size: var(--font16); color: var(--PColor); font-weight: 500;}
.cartP_listingPBX_left{flex: 1; justify-content: flex-start; padding-right: 30px;}
.cartP_listingPBX_right_inner{position: relative;}
.cartP_listingPBX_right {width: 220px; display: flex; justify-content: center; position: relative;}
.cartP_listingPBX_right_inner::after{content: ''; position: absolute; top: 10%; left: -42px; height: 80%; width: 2px; background-repeat: repeat-Y; background: url(../../assets/images/button-lineV.svg);}
.cartP_listingPBX_img_desc .select_QT{border-top: 0px;}


.cart_right_main{padding-left: 50px;}
.coupon_title{font-size: var(--font13); font-weight: 500; color: var(--PColor);}
.coupon_FBX{display: flex;}
.left_CFBX{flex: 1; padding-right: 11px;}
.coupon_ABTN{width: 106px;}
.cpon_fuild{width: 100%; height: 37px; background: var(--BGColor); padding: 0px 10px; font-size: var(--font10); font-weight: 400; color: var(--PColor); border: 0px; border-radius: 0px; box-shadow: 0px; outline: 0; appearance: none; -webkit- appearance: none; cursor: pointer;} 
.coupon_FBX{padding: 11px 11px; background: var(--PColor);}
.apply_BTNIP{font-size: var(--font10); background: var(--SColor); font-weight: 500; color: var(--TWhite); display: inline-block; padding: 6px 15px; text-align: center; box-shadow: none; outline: none; border: 0px; text-transform: uppercase; width: 100%;}
.apply_BTNIP:hover{background: var(--TWhite); color: var(--SColor);}


.price_details{background: var(--PColor); padding: 11px 11px;}
.PD_title_CP{color: var(--BGColor); font-size: var(--font12); font-weight: 600; text-transform: uppercase; padding-bottom: 5px;}
.PD_title_CP_TBX{padding: 15px 0px; background: #5d4553;}
.Pprice_table {display: flex; flex-wrap: wrap; border-bottom: 1px dashed #ffffff; justify-content: space-between; padding: 0 15px; margin-bottom: 15px; padding-bottom: 10px;}
.Pprice_table li{width: 50%; font-size: var(--font10); color: var(--TWhite); font-weight: 400; align-self: flex-start;padding-bottom: 10px;}
.GT_PTable li{font-weight: 600; padding-bottom: 10px; font-size: var(--font12);}
.Pprice_table li:nth-of-type(even){text-align: right;}
.cpon_fuild{appearance: auto; -webkit- appearance: auto;}
.shipping_select, .place_order_PBTN{padding: 0px 15px;}

.safe_payment_BX p{position: relative; max-width: 330px; margin: auto; font-size: var(--font10); color: var(--PColor); padding-left: 10px; left: 40px; font-weight: 400;}
.safe_payment_BX p::after{content: '';position: absolute; top: 0; left: -50px; width: 42px; height: 50px; background: url(../../assets/images/safe-payment-icon.svg) no-repeat; background-size: contain;}

.bottom_sise_cart_CS_BTN .ccs_BTN_RBX{margin-left: 0px;}
.cart_page_main_Gprent{position: relative;}
.cart_page_main_Gprent::after{content: '';position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background: url(../../assets/images/cart-page-bg.svg)no-repeat; background-size: cover;z-index: -1; opacity: 0.06;}

/*== Checkout Page ==*/

.add_new_SStory .container{max-width: 1320px;}
.checkout_cd_top{background: var(--PColor); padding: 4px 0px;}
.check_cdt_list{}
.check_cdt_list li{display: inline-block; padding-left: 40px;}
.check_cdt_list li a{position: relative; font-size: var(--font9); color: var(--TWhite); font-weight: 400;}
.check_cdt_list li a::after {content: '\f879'; position: absolute; top: -5px; left: -38px; width: 28px; height: 28px; font-size: var(--font9); color: var(--TWhite); font-family: "Font Awesome 5 Free"; font-weight: bold;}
.check_cdt_list li a::before {content: ''; position: absolute; top: -8px; left: -32px; width: 28px; height: 28px; background: var(--SColor);  border-radius: 100px;}
.check_cdt_list li:nth-of-type(2) a::after {content: '\f0e0';}

.checkout_left_form .form-label sup{color: var(--SColor); position: relative; top: 0px; font-size: var(--font08);}
.checkout_PT{font-size: var(--font12); font-weight: 500; color: var(--PColor); position: relative;}
.checkout_PT::after{content: '';position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: url(../../assets/images/button-lineH.svg) repeat-x; background-size: contain;}
.checkout_left_form .form-label span {font-size: 8px; color: var(--PColor);}
.checkout_left_form .form-label span a{font-size: 8px; color: var(--SColor);}
.checkout_left_form .form-label span a:hover{color: var(--PColor);}

.checkout_LIMG{width: 70px; height: 70px; overflow: hidden;}
.prod_name{font-size: var(--font8);}
.QT_amount_both{font-size: var(--font8); color: var(--PColor); font-weight: 400;}
.check_outL_List_EBTN .edticon {background: var(--PColor); font-size: var(--font8); color: var(--TWhite); padding: 3px 4px; display: inline-block; border-radius: 4px; margin-right: 9px; vertical-align: middle; position: relative; overflow: hidden;}
span.edticon i {position: relative; z-index: 2;}

.edticon::after {content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: var(--SColor); transition-duration: 700ms; transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.check_outL_List_EBTN a:hover .edticon::after { bottom: -50%;}
.check_outL_List_EBTN a:hover .edt_text{color: var(--SColor);}
.check_outL_List_EBTN a:hover .edticon i {filter: brightness(0) invert(1); animation: shake 1s infinite linear;}

@keyframes shake{
    0% {
        transform: translate(1px, 1px) rotate(0);
    }
    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px) rotate(1deg);
    }
    30% {
        transform: translate(3px, 2px) rotate(0);
    }
    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }
    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }
    60% {
        transform: translate(-3px, 1px) rotate(0);
    }
    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }
    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }
    90% {
        transform: translate(1px, 2px) rotate(0);
    }
    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}



.edt_text {font-size: var(--font9); color: var(--PColor); font-weight: 500;}
.checkoutP_listRBX {display: flex; position: relative;}
.checkoutP_listRBX::after{content: '';position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: url(../../assets/images/button-lineH.svg) repeat-x; background-size: contain;}
.checkP_listingPBXc{flex: 1; padding-left: 10px;}

.checkout_form_rightsec_Gperent .col-sm-7.LFM_formS{flex: 1;}
.checkout_form_rightsec_Gperent .col-sm-5.RFM_PLS{width: 574px;}

.qtnumbrs strong, .qtamount strong{font-weight: bold;}


/*== Checkout Pay Page ==*/
.checkoutpage_form_buttons{max-width: 510px; margin: auto;}

.shipind_ad_title {font-size: var(--font12); color: var(--TWhite); font-weight: 500; border-bottom: 1px solid #ffffff; padding: 0px 17px; padding-bottom: 10px;}
.shiping_add_details_RBX{display: flex;}
.SAD_left{width: 30px;    align-self: self-start;}
.SAD_left span{display: inline-block; background: var(--SColor); color: var(--TWhite); padding: 2px 11px; border-radius: 0px 20px 20px 20px; font-size: var(--font8);}
.SAD_right{color: var(--TWhite); font-size: var(--font9); font-weight: 400; padding-left: 15px; align-self: center;}
.shping_address_BX{background: #3c2331; padding: 15px 0px 20px 0px; position: relative;}
.shping_address_BX::after{content: '';position: absolute; top: 0; right: 0; width: 90px; height: 100%; background: url(../../assets/images/checkoutpay_address.png) no-repeat; background-size: contain;background-position: right center;opacity: 0.3;}
.shiping_add_details .shiping_add_details_RBX:first-child .SAD_right{font-weight: 500; font-size: var(--font10);}

.checkout_pay_page_Gprent{position: relative;}
.checkout_pay_page_Gprent::after{content: '';position: absolute; bottom: 0; left: 0; width: 356px; height: 370px; background: url(../../assets/images/checkout-pay-page-bootom-img.svg) no-repeat; background-size: contain; background-position: bottom left; z-index: -1;}
.shiping_add_details {padding-right: 10px;}


/*== Login Page ==*/
.logand_refister_etc_common{max-width: 618px; margin: auto; background: var(--TWhite); box-shadow: 0px 1px 20px rgb(0 0 0 / 23%);}
.userlog_TBX{background: var(--SColor); padding: 40px 50px; padding-bottom: 25px;}

.userlog_TBX h2{font-size: var(--font16); font-weight: bold;}
.userlog_TBX p{font-size: var(--font10);}
.userloginform_BX{ padding: 40px 50px; padding-bottom: 60px;}
.form_title_UL{font-size: var(--font16); font-weight: bold; color: var(--PColor);}

.userloginform_BX .form-control{border-radius: 100px; background: #ffcadf; border-color: transparent; font-weight: 400;}
.forgot_pass a{color: var(--PColor); font-size: var(--font10); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s;}
.forgot_pass a:hover{color: var(--SColor); text-decoration: underline;}
.form-control.logforms_SBTN{background: var(--PColor); font-size: var(--font10);transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s;}
.form-control.logforms_SBTN:hover{background: var(--SColor);}
.createnew_account_or_signin{font-size: var(--font10); color: var(--PColor);}
.createnew_account_or_signin a{font-weight: bold; color: var(--PColor); text-transform: uppercase;transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s;}
.createnew_account_or_signin a:hover{color: var(--SColor); text-decoration: underline;}

.logand_refister_etc_common{position: relative;}
.logand_refister_etc_common::after {content: ''; position: absolute; bottom: -82px; right: -200px; width: 260px; height: 488px; background: url(../../assets/images/login-page-form-leaf.svg) no-repeat; background-size: 100%; z-index: -1; transform: rotate(-10deg);}
.logand_refister_etc_common::before {content: ''; position: absolute; bottom: -80px; left: -200px; width: 260px; height: 488px; background: url(../../assets/images/login-page-form-leaf.svg) no-repeat; background-size: 100%; -webkit-transform: scaleX(-1); transform: scaleX(-1); z-index: -1;}

.userloginform_BX .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--PColor);
}
.userloginform_BX .form-control::-moz-placeholder { /* Firefox 19+ */
  color: var(--PColor);
}
.userloginform_BX .form-control:-ms-input-placeholder { /* IE 10+ */
  color: var(--PColor);
}
.userloginform_BX .form-control:-moz-placeholder { /* Firefox 18- */
  color: var(--PColor);
}

.rember_checkbox .form-check-label {color: var(--PColor); font-size: var(--font10); cursor: pointer; position: relative; top: -6px; left: -10px;}
.form-check-input{border-radius: 0px !important; height: 14px; width: 14px; border: 2px solid var(--PColor);}
.rember_checkbox .form-check-input:checked {background-color: var(--PColor); border-color: var(--PColor); }
.rember_checkbox .form-check-input:focus {border-color: var(--PColor); outline: 0; box-shadow: 0 0 0 0.25rem rgb(113 83 100 / 25%);}

.log_screens_CHeading h1{font-size: var(--font18); color: var(--PColor);}
.log_screens_CHeading p{font-size: var(--font10); color: var(--PColor); margin-top: 10px;}

.loginpage_FS{position: relative;}
.loginpage_FS::after{content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background: url(../../assets/images/login-pages-bg.svg) no-repeat; background-size: cover; z-index: -1; opacity: 0.80; background-position: right top;}
.loginpage_FS::before{content: ''; position: absolute; bottom: 150px; left: 0; width: 226px; height: 222px; background: url(../../assets/images/login-flower-image.svg) no-repeat; background-size: contain; z-index: -1; opacity: 0.80; background-position: right top; }

/*== Register Page ==*/
.hide_show_eye {position: absolute; top: 0; right: 0; height: 40px; width: 30px;}
.hide_show_eye i {font-size: var(--font10); line-height: 40px;}


/*== Size chart Section ==*/

.size_chart_mainBX {background: #ffffff; position: fixed; right: -400px; top: 0px; height: 100vh; z-index: 99; width: 400px; transition: all 0.5s ease; overflow: auto; }
.show_charguide .size_chart_mainBX{right: 0;}
.tabs-sizechart { padding: 10px 20px;}
.size_chart_mainBX .chart_main_head {border-bottom: 1px solid #d8d8d8; padding: 10px 0px; text-transform: uppercase; margin-bottom: 10px; font-size: var(--font12); color: var(--SColor);}
.size_chart_mainBX .chart_main_head.active { color: var(--SColor);}

.size_chart_mainBX .chart_main_head .arrow-down {position: absolute; right: 0;}
.tabs-sizechart .tabs_nav_BX{display: flex; justify-content: center; margin-bottom: 15px;}
.tabs-sizechart .tabs_nav_BX ul{display: flex; margin: 0px; list-style: none; border: 1px solid #d1d1d1; border-radius: 100px; padding: 2px;}
.tabs-sizechart .tabs_nav_BX ul li a{margin-bottom: 0;}
.tabs-sizechart .tabs_nav_BX ul li a.active, .tabs-sizechart .tabs_nav_BX ul li a.active a:hover{background: var(--BGColor); color: var(--SColor);}
.tabs-sizechart .tabs_nav_BX ul li:nth-of-type(1) a.active{border-radius: 100px 20px 20px 100px;}

.tabs-sizechart .tabs_nav_BX ul li:nth-of-type(2) a.active{border-radius: 20px 100px 100px 20px;}

.text-link, a {color: var(--TBlack); text-decoration: none; background: transparent;}
.tabs-sizechart .tabs_nav_BX ul li a {display: block; padding: 5px 30px; font-size: var(--font8);}
.size_chart_mainBX h3 {color: var(--SColor); font-size: var(--font10); font-weight: bold; margin-bottom: 12px;}
table {width: 100%; border-spacing: 1px; position: relative; border: 0 none; background: #c1c1c1; background: transparent;}
.size_chart_mainBX table {border-spacing: 0;}
.size_chart_mainBX table {border-spacing: 0;}
.size_chart_mainBX th {background: var(--PColor); color: var(--TWhite); font-size: var(--font8); border-left: 1px solid var(--TWhite); padding: 7px 10px; text-align: center; font-weight: 500;}
.size_chart_mainBX td {font-size: var(--font8); text-align: center; border: 0px !important; padding: 7px 10px;}
.size_chart_mainBX table tr {border-top: 1px solid #e8e8e8;}
.size_chart_mainBX .sub-heading {background: var(--SColor); color: var(--TWhite); text-transform: uppercase; font-size: var(--font10); padding: 5px 10px; display: block; margin: 25px 0 15px 0;}
.size-chart-overlay {background: var(--TBlack); opacity: 0.4; height: 100vh; width: 100%; position: fixed; top: 0; left: 0px; z-index: 99; display: none;}
.show_charguide .size-chart-overlay { display: block;}
.measurements_clothes p{font-size: var(--font8); color: var(--PColor);}
.measurements_clothes p strong{font-size: var(--font10); font-weight: 500;}
.size_chart_mainBX table tr:nth-of-type(odd) {background: rgb(232 232 232 / 21%);}
.size_chart_mainBX table tr:nth-of-type(even) {background: rgb(252 231 225 / 15%);}
.size-chart_image img{max-width: 260px;}

/*== END Size chart Section ==*/

/*== Social Icons Fix on Home page Desktop ==*/



.height450{height:450px;}

.badge-info {background-color: rgba(23, 160, 184, 0.17); color: #17a2b8;}

.section-title .badge {margin: 0 0 8px;}
.badge {border-radius: 100px; font-size: 12px; font-stretch: normal; font-style: normal; font-weight: 500; letter-spacing: 1px; line-height: normal; padding: 4px 14px; text-transform: uppercase;}


.social-overlap {width: 70px; position: fixed; bottom: 10%; left: 0;    z-index: 2;}

.justify-content-center {-ms-flex-pack: center!important; justify-content: center!important;}
.justify-content-center {-webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important;}

.social-bar {display: flex; border-radius: 100px; background: transparent; width: 70px;}
.iconpad {padding: 12px 0; width: 100%;}
.mb-3, .my-3 { margin-bottom: 1rem!important;}

.process-scetion .slider-nav-item {position: relative; flex-grow: 0; flex-shrink: 0; border-radius: 50%; text-align: center; background: #fff; cursor: pointer; transition: all .4s ease;}
.social-icons a {border-radius: 50px; color: #3f345f; display: inline-block; line-height: 52px; height: 50px; width: 50px; box-shadow: 0 5px 25px rgba(93, 70, 232, 0.15); margin: 5px 5px; font-size: 22px;}
.slider-nav-item:before {position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(132, 132, 164, 0.35); animation: 1.5s linear 0s normal none infinite focuse;}

.facebook_ica:hover a{background: #1876ee; color: #ffffff;}
.pint_ica:hover a{background: #e00220; color: #ffffff;}
.insta_ica:hover a{background: #f52c7e; color: #ffffff;}
.yout_ica:hover a{background: #fa0200; color: #ffffff;}
.whats_ica:hover a{background: #25cc44; color: #ffffff;}

/*socil*/
.slider-nav{display: flex;}

.process-scetion .slider-nav-item {position: relative; flex-grow: 0; flex-shrink: 0; border-radius: 50%; text-align: center; background: #fff; cursor: pointer; transition: all .4s ease;}
.slider-nav-item:before{position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgb(255 113 168 / 64%); animation: 1.5s linear 0s normal none infinite focuse;}
.process-scetion .slider-nav-item:nth-child(2) {color: #40beff; }
.process-scetion .slider-nav-item:nth-child(3) {color: #311f9b; }
.process-scetion .slider-nav-item:nth-child(4) {color: #ff9259; }
.process-scetion .slider-nav-item:nth-child(5) {color: #38385f; }
.process-scetion .slider-nav-item:after {position: absolute; left: 50%; top: 100%; height: 100%; content: ''; width: 2px; background: url(../../assets/images/line.png) repeat 0 0; z-index: 0; animation: slide 1s linear infinite; }
.process-scetion .slider-nav-item:last-child:after {display: none; }
.process-scetion .slider-nav-item .ikon {font-size: 50px; line-height: 80px; }   
.process-scetion .slider-nav-item.active:before {position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(132, 132, 164, 0.35); animation: 1.5s linear 0s normal none infinite focuse; }

@keyframes focuse {
  0% {
    transform: scale(0.8);
    opacity: 1; }
  75% {
    transform: scale(1.2);
    opacity: 0; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@keyframes slide {
  from {
    background-position: 0 0; }
  to {
    background-position: 40px 0; } 
}

.shadow-img1{background-image:url("../../assets/images/shadow.png"); background-repeat:no-repeat; background-position:bottom;}
.shadow-img2{background-position: bottom; background-image: url("../../assets/images/shadow2.png"); background-size: 100%; background-repeat: no-repeat;}
.slider-nav-item:after {position: absolute; left: 50%; top: 100%; width: 2px; content: ''; height: 100%; background: url(../../assets/images/line.png) repeat 0 0; z-index: 0; animation: slide 1s linear infinite;}





@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}


.jello-horizontal { -webkit-animation: jello-horizontal 0.9s both; animation: jello-horizontal 0.9s both;}
.social-bar a:hover i{-webkit-animation: jello-horizontal 0.9s both; animation: jello-horizontal 0.9s both;}

/*.social_icons_FIXED{position: fixed; left: 20px; bottom: 20%; z-index: 2;}*/

/*==  https://codepen.io/uiswarup/pen/XWrOzzo  ==*/









ul.dropdown-menu > .dropdown-submenu > ul.dropdown-menu{display: none; opacity: 0; visibility: hidden;transition: all 0.3s ease-in-out 0s}
ul.dropdown-menu > .dropdown-submenu:hover ul.dropdown-menu{display: inline-block; opacity: 1; visibility: visible;}




.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
    transition: all 0.3s ease-in-out 0s
}
.dropdown-submenu > .dropdown-menu {
    top: 24px !important;
    left: 100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
    top: -10px;
    right: 10px;
    position: relative;
} 
.dropdown-menu > li > a::after{top: -10px; position: absolute;}



/*== Trackorder Page ==*/
.trackorder_error{width: 100%; background: var(--SColor); color: var(--TWhite); font-size: var(--font10); font-weight: 400; padding: 5px 15px;}
.trackorder_page_MBX {max-width: 730px; margin: auto; }
.pink_text_link{color: var(--SColor); font-weight: 500; text-decoration: underline;}
.pink_text_link:hover{color: var(--PColor); font-weight: 500; text-decoration: underline;}

.order_num_head{font-size: var(--font12); color: var(--TWhite); font-weight: 500; padding: 5px 15px; background: var(--PColor);}
.order_num_head span{font-size: var(--font12); color: var(--TWhite); font-weight: 400;}
.order_details_CTB tr td, .order_details_CTB tr th{font-size: var(--font9); color: var(--PColor); text-align: left; padding: 7px 15px; border: 1px solid #ffffff;}
.order_details_CTB tr th{font-weight: 600;}
.order_details_CTB tr:nth-of-type(odd), .shipping_ch_table tr:nth-of-type(odd){background: var(--BGColor);}
.order_details_CTB tr:nth-of-type(even), .shipping_ch_table tr:nth-of-type(even){background: #fef5f2;}
.td-right-none tr td{border-right: 0px;}
.th-left-none tr th{border-left: 0px;}
.currnet_ord_title{color: var(--PColor); font-size: var(--font12); font-weight: 500; border-top: 1px solid #e5e2e4;}
.qtamount strong i{color: var(--SColor);}
.total_am_CO{font-size: var(--font8); color: var(--PColor); font-weight: 400; margin-top: 5px;}
.total_am_CO .qtamount strong{font-weight: bold; display: inline-block; vertical-align: baseline;}

.CO_PBX_flex {display: flex; flex-direction: row;}
.CO_PBX_flex {display: flex; flex-wrap: nowrap; overflow: hidden;overflow: auto;}
.CO_PBX_flex .checkoutP_listRBX {width: 100%; min-width: 100%;}

.OS_list {max-width: 215px; margin: auto; margin-top: 30px; padding-left: 34px;}
.OS_list li .shipping_TC{display: inline-block; width: 27px; height: 27px; border-radius: 100px; background: #dbdbdb; border: 4px solid #ffffff; box-shadow: 3px 0px 7px rgb(0 0 0 / 35%);    vertical-align: top; position: relative; z-index: 1;}
.OS_list li{position: relative; display: flex; padding-bottom: 60px;}
.OS_list li::after{content: ''; position: absolute; top: 0; left: 12px; width: 3px; background: #dbdbdb; height: 100%;}
.right_content{font-size: var(--font8); color: #dbdbdb; font-weight: 500; padding-left: 20px;}
.right_content span{font-size: var(--font8); color: #dbdbdb; font-weight: 400; display: block;}
.OS_list li:last-child::after{display: none;}
.OS_list li.active .right_content span, .OS_list li.active .right_content{color: var(--PColor);}
.OS_list li.active::after, .OS_list li.active .shipping_TC{background: var(--SColor);}
.OS_list li.active.tillshiping::after{background: #dbdbdb;}

/*==  ==*/
.trackorder_page_MBX select.form-control{appearance: auto; -webkit-appearance: auto;}
.shipping_ch_table tr th{font-size: var(--font10); color: var(--BGColor); text-align: center; background: var(--PColor); padding: 7px 15px; border: 1px solid #ffffff;border: 1px solid #ffffff; padding: 7px 15px; font-weight: 500;}
.shipping_ch_table tr th span{font-weight: 400; font-size: var(--font9);}
.shipping_ch_table tr td{font-size: var(--font9); text-align: center;border: 1px solid #ffffff; padding: 7px 15px;}
.shipping_ch_table tr td strong{color: var(--PColor);}

.trackorder_only .currnet_ord_title{border-top: 0px;}

/*== Change Shipping Address ==*/
.change_shippingaddress .checkout_form_rightsec_Gperent, .update_profile_page .checkout_form_rightsec_Gperent{max-width: 900px; margin: auto;}

/*==  FAQ Page  ==*/
.FAX_BX_flex{display: flex; flex-direction: column;}
.FAX_BX_flex li{padding-left: 50px; margin-bottom: 30px;}
.FAX_BX_flex li span{position: relative; background: var(--PColor); color: var(--TWhite); font-size: var(--font11); font-weight: 500; display: block; padding: 8px 15px; padding-left: 30px;}
.FAX_BX_flex li span::after{content: '';position: absolute; top: 0; left: -31px; width: 47px; height: 46px; background: url(../../assets/images/faq-icon.png) no-repeat; background-size: contain;}
.FAX_BX_flex li .faq_details{position: relative;  padding: 15px 15px; margin-top: 10px; background: #fef5f2;left: 3px;}
.FAX_BX_flex li .faq_details p, .FAX_BX_flex li .faq_details ol li{color: var(--PColor); font-size: var(--font9);}
.FAX_BX_flex li .faq_details p + p{margin-top: 10px;}
.FAX_BX_flex li p::after{content: '';position: absolute; top: 0; left: -17px; width: 17px; height: 17px; background: var(--TWhite); border: 3px solid var(--PColor); }

.FAX_BX_flex li .faq_details ol li {list-style: circle; padding-left: 0px;margin-bottom: 10px;}
.FAX_BX_flex li .faq_details ol{padding-left: 50px;}


/*==  All static Common pages  ==*/

.all_inner_pages_IC{padding-left: 20px;}
.common_static_page h2{color: var(--PColor); font-size: var(--font12); font-weight: 500; margin-top: 20px; margin-bottom: 5px;}
.common_static_page h3{color: var(--PColor); font-size: var(--font10); font-weight: 500; margin-top: 20px; margin-bottom: 5px;}
.common_static_page h4, .common_static_page h5, .common_static_page h6{color: var(--PColor); font-size: var(--font9); font-weight: 500; margin-top: 20px; margin-bottom: 5px;}
.list1{padding-left: 20px;}
.common_static_page .list1 li, .common_static_page .list1 li span, .common_static_page .list2 li, .common_static_page .list2 li span{color: var(--PColor); font-size: var(--font10); font-weight: 400; margin-bottom: 10px;} 
.common_static_page .list1 ul, .common_static_page .list1 ol{padding-left: 25px;}
.common_static_page .list1 ul li, .common_static_page .list1 ol li{margin-bottom: 5px; font-size: var(--font9);}
.common_static_page .list1 ol{padding-left: 20px;}
.common_static_page .list1 ol li{list-style: circle;}
.list2{padding-left: 20px;}
.common_static_page strong{font-weight: 500;}
.common_static_page a{color: var(--SColor); font-weight: 400; text-decoration: underline;}
ul.list2 li {list-style: upper-alpha; margin-left: 20px; padding-left: 6px;}
.common_static_page p, .common_static_page span {display: block; font-size: var(--font10); color: var(--content); font-weight: 400; margin-bottom: 10px;}
.common_static_page span{margin-bottom: 0px !important;}


.order_hostiory_accordion .accordion-button{background: var(--PColor); padding: 7px 15px;}
.order_hostiory_accordion .order_num_head{padding: 0px 0px; background: transparent;}
.order_hostiory_accordion .order_num_head span {font-size: var(--font11);}
.order_hostiory_accordion .accordion-button::after{background-image: none; content: '\f078'; font-family: "Font Awesome 5 Free"; font-weight: bold; color: #ffffff;}
.current_ord_BTNs .row {max-width: 670px; margin: auto;}
.order_hostiory_accordion .accordion-button:hover, .accordion-button[aria-expanded="true"]{background: var(--SColor);}
.order_hostiory_accordion .accordion{border-bottom: 1px dashed var(--PColor); padding-bottom: 10px;}
.order_hostiory_accordion .accordion:last-child{border-bottom: 0px dashed #ff71a8;}


.order_history_PSec .contactus_PTS{margin-top: 0px;}
.FAX_BX_flex li { padding-left: 28px;}

.CPG{display: flex;     justify-content: center;}
.CPG li a{width: 34px; height: 34px; border-radius: 100px; display: inline-block; background: var(--PColor); color: var(--TWhite); text-align: center; line-height: 33px; font-size: var(--font9); font-weight: 400; border: 2px solid var(--PColor); margin: 5px 5px;}
.CPG li a:hover, .CPG li.active a{background: var(--TWhite); color: var(--PColor);}

.shippind_add_adress .cartS_Pink_BTN, .shippind_add_adress{display: block; width: 100%;}
.shippind_add_adress{padding: 0px 15px; padding-right: 5px; margin-top: 10px;position: relative; z-index: 1;}




/*====  Product slider product detail page  ====*/

.product_detail_slider {padding-right: 100px;}
.item-slick.slick-slide.slick-current.slick-active {outline: none !important;}

.slider-for {margin-bottom: 15px;}
.slider-for img {width: 100%; min-height: 100%;}
.slider-nav {margin: auto;}
.slider-nav .item-slick {max-width: 134px; margin-right: 15px; outline: none !important; cursor: pointer;}
.slider-nav .item-slick img {max-width: 100%; background-size: cover; background-position: center;}
.slick-arrow {position: absolute; top: 50%; z-index: 50; margin-top: -12px;}
.slick-prev {left: 0;}
.slick-next {right: 0;}
#lg-download{display: none; visibility: hidden; opacity: 0;}
.slick-slider{touch-action: auto!important;}

/*====  END Product slider product detail page  ====*/

.alertLabel {display: block; border: 0px dashed #dd2c2c; color: #dd2c2c; margin-top: 10px; background: rgb(221 44 44 / 10%); font-size: var(--font10); line-height: 140%; border-left: 5px solid #dd2c2c; padding: 15px 20px; position: relative; padding-right: 70px; letter-spacing: 1.1px;}
.alertLabel b:nth-of-type(1){font-size: var(--font14); margin-bottom: 5px; display: block;font-weight: 600;}
.alertLabel::after {content: ''; position: absolute; top: 50%; right: 20px; width: 30px; height: 30px; background: url(../../assets/images/alert.svg) no-repeat; background-size: contain; margin-top: -15px;}

.order_failerpage .innerP_Heading span, .order_successful .innerP_Heading span{font-size: var(--font12); font-weight: 400; display: block;}
.order_failerpage .section_buttontext-center{margin-left: 15px;}

.suessful_title h3{color: green; font-weight: 400; font-style: italic; font-size: var(--font24);}
.suessful_title img{max-height: 250px;}
.ord_suess_TM{max-width: 450px; margin: auto; margin-top: 50px;}

.order_successful_tabletthree h3 span{font-size: var(--font14); font-style: italic;}
.thanksfor_order{font-style: italic; font-size: var(--font12);}



.signinC{position: relative;}
#login-button{cursor: pointer;}
#user_login {padding: 20px 15px; border-radius: 4px; box-shadow: 0 4px 10px rgb(0 0 0 / 16%); background: #ffffff; max-width: 188px; border-radius: 9px;}

  @keyframes slidedd {
  0% {
    opacity: 0;
    transform:translateY(35px);
  }
  100% {
    opacity: 1;
    transform:translateY(0px);
  }
}

.open {animation: slidedd 0.5s; display: block !important; position: absolute; top: 35px; right: 0; z-index: 2;}
#user_login li{padding-left: 0px; text-align: left;}
#user_login::after{content: ''; position: absolute; top: -10px; left: 20px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; display: inline-block; height: 0; opacity: 1; vertical-align: top; width: 0;}


/*== Woman Clothing ==*/
.common_clothin{position: relative; overflow: hidden;width: 100%; height: 100%; background: url(../../assets/images/clothing-bg.jpg) repeat; background-size: contain; padding-top: 174px; padding-bottom: 300px;}
.common_clothin::before {content: ''; position: absolute; top: -118px; left: 0; width: 100%; height: 380px; background: url(../../assets/images/flowers-img.png) repeat-x; background-size: contain; background-position: bottom left;}
.common_clothin::after {content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: 230px; background: url(../../assets/images/woman-clothing-clouds.svg) repeat-x; background-size: contain; background-position: bottom left; opacity: 0.2;}
/*.common_clothin::after{content: '';position: absolute; top: 0; left: 0; }*/

.repeat_rope_BX{position: relative;z-index: 2;}
.repeat_rope_BX::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 230px; background: url(../../assets/images/rope.svg) no-repeat; background-size: contain;z-index: -1;}

.frame_In_BX {width: 320px; height: 322px; overflow: hidden; position: relative; padding: 15px 15px;}
.frame_In_BX{background-size: cover; background: url(../../assets/images/photo-fream01.png) no-repeat; }
.skblue_bordr .frame_In_BX{background: url(../../assets/images/photo-fream02.png) no-repeat; }
.yellow_bordr .frame_In_BX{background: url(../../assets/images/photo-fream03.png) no-repeat; }
.pink_bordr .frame_In_BX{background: url(../../assets/images/photo-fream04.png) no-repeat; }

.skblue_bordr .clothing_title{-webkit-text-stroke: 1px #8fceec;}
.yellow_bordr .clothing_title{-webkit-text-stroke: 1px #ece28f;}
.pink_bordr .clothing_title{-webkit-text-stroke: 1px #ec8fbd;}


.clothing_title {position: absolute; width: 80%; padding: 15px 15px; bottom: -11px; left: 31px; color: var(--TBlack); font-size: var(--font12); margin: auto; text-align: center; line-height: 18px; padding-top: 0px; text-shadow: 2px 0px 0px #000000; font-weight: 900; -webkit-text-stroke: 1px #9beaa1; text-transform: uppercase;}
.frame_In_BX img {padding: 10px;}

.jeet_row{display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1450px; margin: auto;}
.frame_BX_one {transform: rotate(23deg); top: 74px; position: relative;}
.cloth{position: absolute; top: 0 ;left: 0;}
.frame_repeat_BX{position: relative;}
.cloth-pin {position: absolute; top: 0; left: 0; z-index: 2;}
.frame_BX_one .cloth-pin { top: -46px;}

.frame_BX_two {transform: rotate(-23deg); top: 120px; position: relative;}
.frame_BX_two .cloth-pin {top: -34px; right: 0; left: auto;}


.frame_BX_three {transform: rotate(16deg); top: 120px; position: relative;}
.frame_BX_three .cloth-pin {top: -34px; right: auto; left: 0;}

.frame_BX_four {transform: rotate(2deg); top: 66px; position: relative;}
.frame_BX_four .cloth-pin {top: -55px; right: auto; left: -10px;}

.woman_clothing_heading {position: relative; z-index: 1;}



/*== Falling leave ==*/
.set{position:absolute ; width:100%; height:100%; top:0; left:0; pointer-events:none; z-index: 3;}
.set div{position:absolute ; display:block ;}
.set div:nth-child(1){left:20%; animation:animate 15s linear infinite ; animation-delay:-7s;}
.set div:nth-child(2){left:50%; animation:animate 20s linear infinite ; animation-delay:-5s; }
.set div:nth-child(3){left:70%; animation:animate 20s linear infinite ; animation-delay:0s;}
.set div:nth-child(4){left:0%; animation:animate 15s linear infinite ; animation-delay:-5s;}
.set div:nth-child(5){left:85%; animation:animate 18s linear infinite ; animation-delay:-10s;}
.set div:nth-child(6){left:20%; animation:animate 15s linear infinite ; animation-delay:-7s;}
.set div:nth-child(7){left:0%; animation:animate 12s linear infinite ; }
.set div:nth-child(8){left:60%; animation:animate 15s linear infinite ;}
@keyframes animate{
    0%{
        opacity:0;
        top: -10%;
        transform:translateX(20px) rotate(0deg);
    }
    10%{
        opacity:1;
    }
    20%{
        transform:translateX(-20px) rotate(45deg);
    }
    40%{
        transform:translateX(-20px) rotate(90deg);
    }
    60%{
        transform:translateX(20px) rotate(180deg);
    }
    80%{
        transform:translateX(-20px) rotate(180deg);
    }
    100%{
        top: 110%;
        transform:translateX(-20px) rotate(225deg);
    }
    
}
.set2{
    transform:scale(2) rotateY(180deg);
    filter:blur(2px);
}
.set3{
    transform:scale(0.8) rotateX(180deg);
    filter:blur(4px);
}


/*== Ofline Store ==*/
.stores_heading_content p {font-size: var(--font10); color: var(--content); font-weight: 400; margin-bottom: 10px; text-align: center;}
.contact_details{display: flex;}
.repeat_store_contact{width: 33.333%; display: flex; flex-direction: column;}
.store_Cicon{align-self: center;}
.store_Citext{ align-self: center; padding-left: 10px;}
.store_Citext{font-size: var(--font11); color: var(--PColor); font-weight: 400;}
.OFf_store_contact_add{position: relative;}
.off_Saddres {background: var(--BGColor); padding: 30px 30px; border-radius: 40px 0px 40px 0px; border-top: 5px solid var(--PColor);}
.ofstore_icon {margin: auto; width: 100px; text-align: center; color: var(--SColor); background: var(--PColor); padding: 15px; font-size: 30px; border-radius: 15px 15px 0px 0px;}
.offline_store_head_inn img { max-height: 200px;}


/*== Blog page ==*/
.bloglist_BX{position: relative;}
.bloglist_BX.section_saprater::last-child{background: red;}
.bloglist_BX .container{max-width: 1170px;}
.blogpage p{font-size: var(--font11);}
.blog_img_SBX img{width: 100%;}
.blog_BX_title{color: var(--PColor); font-size: var(--font16); font-weight: 500;}
.posted_dat{color: var(--PColor); font-size: var(--font11); font-weight: 400;}
.posted_dat span{display: inline-block; margin-right: 10px; vertical-align: middle;}
.blog_coont_side p{color: var(--PColor); font-size: var(--font11); font-weight: 400; line-height: 1.6; margin-top: 10px;}

/*== Blog Detail page ==*/
.blog_detail_page .container, .user_comments .container, .nex-preves_blogs .container{max-width: 970px;}
.blogDetail_all_desc h1, .blogDetail_all_desc h2, .blogDetail_all_desc h3, .blogDetail_all_desc h4, .blogDetail_all_desc h5, .blogDetail_all_desc h6{font-size: var(--font14); color: var(--PColor); margin-top: 20px; margin-bottom: 0px;}
.blogDetail_all_desc p{font-size: var(--font11); color: var(--PColor); font-weight: 400; margin-top: 10px;    line-height: 1.6;}
.blogDetail_all_desc ul{padding-left: 30px; margin-top: 20px;}
.blogDetail_all_desc ul li{font-size: var(--font11); color: var(--PColor); font-weight: 400; margin-top: 10px;    line-height: 1.6; list-style: circle;}
.blogDetail_all_desc p a{color: var(--SColor); }
.blogDetail_all_desc p a:hover{text-decoration: underline;}
.sub_HDP{font-size: var(--font14); color: var(--PColor); font-weight: 400;}
.blog_detail_page .blog_page_heading img{width: 100%;}
.blog_detail_page .blog_page_heading .posted_dat  span img{width: 25px; height: 25px;}
.blog_page_heading .innerP_Heading{font-size: var(--font30); text-decoration: underline; text-transform: initial;}
.blogDetail_all_desc img{margin: auto; display: flex; margin-top: 5px;}

.user_cmt_main{display: flex;}
.user_cmt_main + .user_cmt_main{margin-top: 15px;}
.user_cmt_img{width: 120px;}
.user_cmt_imgBX {width: 120px; height: 120px; border-radius: 100px; overflow: hidden; border: 5px solid rgb(81 58 71 / 22%);}
.user_cmt_imgBX img{width: 100%; height: 100%; object-fit: cover;object-position: top center;}
.user_cmt_details{flex: 1; padding-left: 30px;}
.user_cmt_details h3{font-size: var(--font14);color: var(--PColor); margin-top: 20px; margin-bottom: 0px;}
.user_cmt_details p{font-size: var(--font11); color: var(--PColor); font-weight: 400; margin-top: 5px;line-height: 1.3;}
.user_cmt_main {display: flex; border: 1px solid rgb(227 213 209); border-radius: 12px; padding: 15px 30px; background: rgb(252 231 225 / 33%);}

.blog-next > ul{display: flex; justify-content: space-between;}
.blog-next > ul > li {width: 48%; display: flex; min-height: 100%; background: var(--PColor); position: relative;}
.blog-next > ul > li:hover{background: var(--SColor);}
.blog-next > ul > li:first-child{padding-left: 30px; text-align: left; border-radius: 100px 0px 0px 100px;}
.blog-next > ul > li:last-child{padding-right: 30px; text-align: right; border-radius: 0px 100px 100px 0px;}
.blog-next > ul > li:first-child::after {content: '\f053'; position: absolute; top: 50%; left: 20px; color: var(--TWhite); font-size: var(--font16); font-family: "Font Awesome 5 Free"; font-weight: bold; transform: translate(0%, -50%);}
.blog-next > ul > li:last-child::after {content: '\f054'; position: absolute; top: 50%; right: 20px; color: var(--TWhite); font-size: var(--font16); font-family: "Font Awesome 5 Free"; font-weight: bold; transform: translate(0%, -50%);}
.blog-next > ul > li > a {position: relative; font-size: var(--font10); color: var(--TWhite); display: inline-block; padding: 10px 30px; align-self: center;}


.blog-list{display: flex; flex-direction: column; border: 1px solid #000000; border-radius: 22px; overflow: hidden; padding: 5px 5px;}
.blog-list > a > img{width: 100%; border-radius: 22px 22px 0px 0px; filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.blog-list > .text > a {padding: 5px 10px; display: block; position: relative;}
.blog-list > .text > a > strong {color: var(--PColor); text-align: center; display: block; line-height: 1.3; font-size: var(--font12); font-weight: 300; font-style: italic;}

.blog-list > .text > a::after {content: '\f0de'; position: absolute; top: -56px; left: 50%; color: var(--TWhite); font-size: 88px; font-family: "Font Awesome 5 Free"; font-weight: bold; transform: translate(-50%, 0%);}
.blog-list > a:hover img{filter: grayscale(0%); -webkit-filter: grayscale(0%);}


#install-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  color: #fff;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1000;
  font-size: 14px;
}
.install-message {
  display: flex;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
#install-now, #dismiss-banner {
  background: #fff;
  color: #000;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: bold;
  cursor: pointer;
}
#dismiss-banner {
  background: transparent;
  color: #fff;
  font-size: 18px;
}


.jaipur_store_css{
        position: relative;
        z-index: 1;
      }
      .jaipur_store_css::before{
     position: absolute;
    left: 10px;
    content: "";
    height: 33px;
    width: 30px;
    background: url(/assets/jaipura_shap1.svg);
    
    bottom: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
   
      }
        .jaipur_store_css::after{
     position: absolute;
    right: 16px;
    content: "";
    height: 33px;
    width: 48px;
    background: url(/assets/jaipura_shap2.svg);
    background-position: center;
    top: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
     animation: bounce1_v 7s 
linear infinite;
      }

      @keyframes bounce1_v {
        0% {
    transform: translateY(0%);
}

50% {
    transform: translateY(-10%);
}
 
100% {
    transform: translateY(0);
}
      }
         @media screen and (max-width: 1200px) {
 .jaipur_store_css::before {
left: -2px;
 }
}
      @media screen and (max-width: 1024px) {
.jaipur_store_css::before{
      background: url(/assets/jaipura_shap3.svg);
       background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
               left: 32%;
        bottom: 14px;
}
.jaipur_store_css::after{
        right: 37%;
        top: 0;
}.main-menu-bx{
  width: 450px !important;
}
      }
           @media screen and (max-width: 992) {
.jaipur_store_css::before{
      background: url(/assets/jaipura_shap3.svg);
       background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
            left: 32%;
        bottom: 14px;
}
.main-menu-bx{
  width: 450px !important;
}
.jaipur_store_css::after{
        right: 37%;
        top: 0;
}
      }


              @media screen and (max-width: 450px) {
.jaipur_store_css::before{
      background: url(/assets/jaipura_shap3.svg);
       background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
            left:25%;
        bottom: 14px;
}
.main-menu-bx{
  width: 250px !important;
}
.jaipur_store_css::after{
        right: 37%;
        top: 0;
}
      }