@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
img {
    transition: all 0.8s ease-out 0s;
    max-width: 100%;
    height: auto;
}
body {
	margin:0;
	padding:0;
	font-size:15px;
	font-family: 'open_sansregular';
	font-optical-sizing: auto;
	font-weight: weight;
	font-style: normal;
	font-variation-settings:"HEXP" 0;
	color:#383838;
	font-weight:400;
}
* {
	box-sizing:border-box;
}
ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
a {
	text-decoration:none;
}
textarea:focus, input:focus, button:focus, select:focus {
	outline:none;
}
input::-webkit-input-placeholder {
 	color:#555 !important;
}
textarea::-webkit-input-placeholder {
}
h1,h2,h3,h4,h5,h6{
	float: left;
	width: 100%;
}
:root {
  --primary:#ea4878;
  --contrast: #ffd600;
  --secondary:#ba7d8f ;
}
.field-error {
	float: left;
	color: #F00;
	width: 100%;
}
.container {
	width: 96%;
	max-width: 1150px;
	margin: 0 auto;
	position: relative;
}
.button_area {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.btn {
    border-width: 1px;
    color: #000;
    cursor: pointer;
    justify-content: center;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    text-align: center;
    white-space: nowrap;
    background: var(--contrast);
    font-size: 14px;
    border-radius: 30px;
    letter-spacing: 0.5px;
    /* text-transform: uppercase; */
    border: 0;
    box-shadow: 1px 2px 3px #ccc;
}
.btn:hover{
	background: var(--primary);
    color: #fff;
    
}
.section {
    float: left;
    width: 100%;
    padding: 40px 0;
    position: relative;
}
h3 {
    font-size: 34px;
    color: var(--primary);
    float: left;
    width: 100%;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1;
}
p {
    font-size: 14px;
    margin-bottom: 16px;
    line-height: 1.6;
}

/*topbar*/
.top_bar {
    float: left;
    width: 100%;
    background: #00abff30;
    padding: 10px 0;
}
.top_bar_left {
    float: left;
    width: 100%;
}
.top_bar_right {
    float: right;
    width: auto;
}
.top_bar ul li {
    float: left;
    display: inline;
    padding-right: 16px;
    color: #4d4b4b;
    width: 33.33%;
    font-size: 13px;
    text-align: center;
}
.top_bar ul li:last-child {
    text-align: right;
    padding-right: 0;
}
.top_bar ul li:first-child {
    text-align: left;
}
.top_bar ul li a {
    color: #fff;
    float: left;
    width: 100%;
}
.currency_wrap {
    float: left;
    width: 100%;
    color: #fff;
    /* padding-right: 6px; */
}
.currency_wrap select {
    background: transparent;
    color: #fff;
    border: 0;
    font-family: 'open_sansregular';
}
.currency_wrap label {
    color: #fff;
}
/*header*/
.navbar {
    float: left;
    width: 100%;
    left: 0;
    position: relative;
    right: 0;
    z-index: 450;
    top: 0;
    padding: 5px 0;
}
.left_nav {
    float: left;
    width: 48%;
    padding-top: 30px;
}
.navbar_logo {
    float: left;
}
.navbar_logo img.logo{
    width: 80px;
}
.navbar_menu {
    float: left;
    width: auto;
}
.navbar_item {
    float: left;
    width: auto;
    color: #7e7e7e;
    font-size: 14px;
    padding: 14px 0px;
    border-bottom: 2px solid transparent;
    /* font-weight: bold; */
}
.navbar_menu ul li {
    float: left;
    width: auto;
    padding: 0 18px 0 0;
}
.navbar_right_wrap {
    float: right;
    width: auto;
    padding-top: 18px;
}
.navbar_right_wrap ul li {
    float: left;
    width: auto;
    padding-left: 10px;
    font-size: 17px;
    position: relative;
    cursor: pointer;
    padding-top: 12px;
}
.navbar_right_wrap ul li.search_btn{
    display: none;
}
.search_dropdown {
    background: #fff;
    padding: 15px;
    box-shadow: 1px 2px 3px #7a7a7a;
    position: absolute;
    top: 32px;
    right: -83px;
    border-radius: 5px;
    display: none;
}
.navbar_right_wrap ul li.search_btn:hover .search_dropdown {
    display: block;
}
.navbar_right_wrap ul li:first-child {
    padding-top: 0;
}
.navbar_right_wrap ul li a {
    color: #404040;
    position: relative;
}
.dropdown_box ul li {
    width: 100%;
    padding-left: 0;
}
.dropdown_box {
    position: absolute;
    display: none;
    background: #fff;
    padding: 10px;
    left: -160px;
    width: 200px;
    box-shadow: 1px 2px 3px #6a6a6a;
    border-radius: 5px;
    top: 24px;
}
.dropdown_box span.product_name {
    float: left;
    width: auto;
    font-size: 12px;
    font-weight: bold;
    padding-right: 12px;
}
.dropdown_box .product_qnt {
    float: right;
    width: auto;
    font-size: 12px;
    font-weight: bold;
    color: var(--primary);
}
.dropdown_box ul li .btn {
    font-size: 10px;
    padding: 9px;
    width: auto !important;
}
.dropdown_box ul li .product_img {
    width: 25px;
    float: left;
    border-radius: 5px;
    margin-right: 10px;
}
.navbar_right_wrap ul li:hover .dropdown_box{
    display: block;
}
.navbar_menu ul li a {
    float: left;
    width: auto;
    color: #4a4747;
    font-size: 15px;
    /* padding: 16px 0px 0; */
    border-bottom: 2px solid transparent;
}
.navbar_menu ul li.current-menu-item > a, .navbar_menu ul li:hover > a {
    /* border-bottom: 2px solid var(--secondary); */
    transition: all 0.1s ease-out;
    color: var(--primary);
    border-color: var(--primary);
}
.navbar_menu ul li:last-child{
	border:0;
}
.search_wrap {
    float: right;
    width: auto;
    padding: 8px 0px;
    position: relative;
}
.search-container {
    float: left;
    width: 200px;
    padding: 7px;
    border: 1px solid #aba7a7;
    border-radius: 30px;
    position: absolute;
    transition: 1s ease-out;
    display: none;
    background: #fff;
    left: 18px;
}
.bag_count {
    position: absolute;
    top: -6px;
    font-size: 9px;
    background: var(--contrast);
    padding: 1px 4px;
    border-radius: 50%;
    color: #222020;
    right: -6px;
}
.navbar_logo.mobile {
    display: none;
}
.navbar_right_wrap ul li:hover .search-container{
	display:block;
}
.search-container input {
    border: 0;
    float: left;
    padding-left: 18px;
}
.search-container button {
    position: absolute;
    left: 0;
    border: 0;
    background: no-repeat;
    color: var(--secondary);
}
li.mobile_menu_username {
    /* display: block; */
    text-align: center;
    padding-bottom: 30px;
    /* background: var(--primary); */
    /* color: #fff; */
    margin: 0 auto !important;
    border: 0 !important;
    width: 200px !important;
    float: none !important;
    display: none;
}
li.mobile_menu_username img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid var(--primary);
    margin-right: 10px;
    float: left;
}
li.mobile_menu_username a {
    /* float: left; */
    text-align: left;
    font-weight: bold;
    line-height: 50px;
    width: auto !important;
}
.navbar_right_wrap ul li .far.fa-heart {
        color: var(--primary);
    }
.menu_trigger {
    float: left;
    color: #ffffff;
    width: auto;
    /* height: 15px; */
    text-decoration: none;
    display: none;
    text-align: center;
    margin: 0px auto 0;
    font-size: 16px;
    background: var(--primary);
    padding: 8px 9px;
    border-radius: 50%;
    margin-top: 4px;
}
.mob_menu {
    position: absolute;
    top: 0;
    padding: 20px 20px 20px 20px;
    z-index: 10;
    left: -100%;
    height: 100vh;
    overflow: auto;
    background: #fff;
    z-index: 999;
    max-width: 100%;
    border-right: 3px solid var(--primary);
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.5s 
ease;
    width: 300px;
}
.mob_menu ul {
    padding: 0;
    list-style: none;
    width: 100%;
    margin: 0 auto 20px;
}
.mob_menu ul li {
    float: left;
    width: 100%;
    padding: 12px 12px;
    border-bottom: 1px solid #ccc;
}
.mob_menu ul li a {
    text-decoration: none;
    color: #262626;
    font-size: 13px;
    padding: 0;
    width: 100%;
    float: left;
}
.mob_menu.open{
    left: -20px;
}
.mob_menu ul li.dropdown {
    border-bottom: 0;
}
.close_menu {
    /* float: right; */
    width: auto;
    font-weight: bold;
    background: var(--contrast);
    padding: 6px 8px;
    font-size: 12px;
    /* letter-spacing: 1px; */
    position: absolute;
    right: 15px;
    text-align: center;
    /* font-family: 'roboto_slabbold'; */
    top: 0;
    color: #000000;
}
/*banner*/
.banner_product_image {
    position: relative;
    float: left;
    width: 100%;
    /* padding: 8px 0; */
    z-index: 9;
}
.banner_product_image img {
    transition: none;
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.section.banner {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
}
/*sevice*/
.section.service ul li {
    float: left;
    width: 25%;
}
.section.service ul li .service_img {
    float: left;
    width: auto;
    padding-right: 6px;
    /* background: #ff1d601f; */
    padding: 16px;
    border-radius: 50%;
    margin-right: 6px;
    position: relative;
}
.section.service ul li .service_img img {
    width: 40px;
    z-index: 99;
    position: relative;
}
.service-title {
    font-size: 16px;
    font-weight: bold;
    color: #fbfbfb;
}
.section.service ul li .service-text {
    float: left;
    width: auto;
    padding: 22px 0;
}
.section.service {
    padding: 20px 0;
    background: #eb6c91;
    /* box-shadow: inset 1px 2px 14px 4px #e9e9e9; */
}
.woocommerce ul.products li.product a img {
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    margin-bottom: 0 !important;
}
.woocommerce ul.products li.product a img:hover{
    transform: scale(0.9);
}
.woocommerce a.added_to_cart {
    background: #ffd600;
    color: #18151a;
    padding: 5px 15px 7px !important;
    border-radius: 3px;
    margin-top: 2px; 
}
.woocommerce span.onsale {
    line-height: 3 !important;
    background-color: var(--contrast) !important;
    color: #000000 !important;
}
/*about*/
.section.abt_wrap {
    background: #f8f2f4;
    padding: 50px 0;
}
.about_img {
    float: left;
    background-size: cover;
    background-position: top center;
    margin-right: 24px;
    width: 45%;
}
.about_content {
    float: right;
    width: 50%;
}
.about_content p {
    font-size: 14px;
    margin-bottom: 16px;
    line-height: 25px;
}
.about_content h2 {
    margin-top: 0;
    color: #3e3e3e;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1.1px;
}
/*categorie*/
.section.featured_product h2, .section.new_arrival h2 {
    font-size: 24px;
    margin-bottom: 13px;
    margin-top: 0;
    color: #343333;
}
h2.woocommerce-loop-product__title {
    height: 55px;
}
.woocommerce ul.products li.product .price {
    font-size: 15px !important;
    color: #5a5227 !important;
    font-weight: bold;
}
.woocommerce .woocommerce-ordering select {
    vertical-align: top;
    border: none;
    padding: 6px;
    border-radius: 2px;
    background: var(--primary);
    color: #fff;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 1% 2% 0 !important;
    width: 23.5% !important;
    padding: 0px 12px 15px !important;
    background: #fff !important;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 1px 20px 2px #efefef8c;
}
.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button-over-image {
    margin: 0px !important;
    padding: 0 !important;
}
.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button) svg.yith-wcwl-add-to-wishlist-button-icon {
    color: #ffffff !important;
    background: var(--primary) !important;
    border-radius: 50%;
    padding: 6px;
}
.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button-over-image--top-left {
    left: -3px !important;
    top: 8px !important;
}
.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--icon-button:is(button) svg.yith-wcwl-add-to-wishlist-button-icon {
    width: 33px !important;
    height: 33px !important;
}
@keyframes heroMorph{
    0%, 100% {
        transform: translate3d(0px, 0px, 0px) rotateZ(0.01deg);
        border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    }
    34% {
        transform: translate3d(0px, 5px, 0px) rotateZ(0.01deg);
        border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
    }
    50% {
        transform: translate3d(0px, 0px, 0px) rotateZ(0.01deg);
    }
    67% {
        transform: translate3d(0px, -3px, 0px) rotateZ(0.01deg);
        border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
    }
}
.section.service ul li .service_img::after {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /* opacity: 0.1; */
    will-change: border-radius, transform, opacity;
    display: block;
    z-index: 0;
    background: #fffffffa;
    border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;
    animation: 5s 
linear 0s infinite normal none running heroMorph;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
    color: #ffffff !important;
    background-color: var(--primary) !important;
}
.woocommerce ul.products li.product .button {
    margin-top: 3px !important;
}
.section.categories_product ul{
	margin-right:-2%;	
}
.section.categories_product ul li {
	float: left;
    width: 23%;
    margin-right: 2%;
    position: relative;
    margin-bottom: 2%;
}
.section.categories_product ul li a {
    width: 100%;
    float: left;
}
.section.categories_product ul li img {
    position: relative;
}
.categorie_name {
    background: var(--primary);
    color: #fff;
    font-size: 13px;
    padding: 12px 12px;
    bottom: 12px;
    position: absolute;
    width: auto;
    left: 12px;
    border-radius: 4px;
}
/* featured_product*/
h2 {
    color: #3a3a3a;
    text-transform: capitalize;
    /* font-weight: normal; */
    text-align: center;
    margin-top: 0;
    font-size: 26px;
}
.section.categories_product .woocommerce ul.products li.product a img {
    margin-bottom:0 !important ;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title mark.count {
    background: var(--primary);
    padding: 4px;
    border-radius: 6px;
    color: #fff;
    font-weight: normal;
    font-size: 11px;
}
.section.categories_product .woocommerce ul.products li.product {
    width: 24% !important;
    background: #fff;
    box-shadow: 1px 2px 13px 4px #e9e4e4;
    padding: 6px;
}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first{
    clear: none !important;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title{
    background: var(--primary);
    color: #ffffff;
    /* font-size: 13px; */
    padding: 8px 8px !important;
    bottom: 12px;
    position: absolute;
    width: auto;
    left: 13px;
    border-radius: 4px;
    font-weight: normal;
    font-size: 13px !important;
}
.section.categories_product .woocommerce ul.products li.product a img:hover {
    transform: scale(1);
}
.featured_product ul {
    margin-right: -2%;
}
.featured_product ul li {
    float: left;
    width: 23%;
    margin-right: 2%;
    position: relative;
    margin-bottom: 2%;
}
.featured_product ul li img {
    width: 100%;
    float: left;
    margin-bottom: 8px;
}
.product_content {
    float: left;
    width: 100%;
}
.product_content .saree_name {
    float: left;
    width: 100%;
    color: #787676;
    font-size: 14px;
    margin: 8px 0;
}
.product_content .price {
    float: left;
    width: 100%;
    color: var(--contrast);
    font-size: 14px;
    margin: 4px 0;
}
.price .linetrough {
    text-decoration: line-through;
    color: #b5b1b1;
    font-size: 13px;
}
.buy_btn {
    float: right;
    width: 25%;
    text-align: right;
    margin-top: 8px;
}
.buy_btn .btn {
    background: var(--primary);
    color: #fff;
    font-weight: normal;
    padding: 6px 9px;
    font-size: 12px;
    letter-spacing: 0;
}
.offer {
    position: absolute;
    top: 5px;
    background: #fef4ee;
    left: 6px;
    padding: 5px 7px;
    border-radius: 20px;
    color: #a90475;
    font-size: 12px;
}
/*new-arrival*/
.new_arrival ul {
    margin-right: -2%;
}
.new_arrival ul li, .section.featured_product ul li {
    float: left;
    width: 23%;
    margin-right: 2%;
    position: relative;
    margin-bottom: 2%;
    padding: 0px 12px 15px !important;
    background: #fff !important;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 1px 20px 2px #efefef8c;
}
.section.featured_product h2, .section.new_arrival h2 {
    font-size: 24px;
    margin-bottom: 13px;
    margin-top: 0;
    color: #343333;
    text-align: center !important;
}
/*testimonial*/
.testi_wrap {
    float: left;
    width: 100%;
}
.testi_wrap ul li {
    float: left;
    width: 31%;
    margin-right: 2%;
    padding: 30px 40px;
    background: #f5f5f5;
    border-radius: 4px;
    border-bottom: 5px solid var(--contrast);
    min-height: 300px;
}
.testi_wrap ul li .text_wrap {
    float: left;
    width: 100%;
}
.testi_wrap ul li .avatar_meta {
    float: left;
    width: auto;
}
.testi_wrap ul li .text_wrap .icon_wrap {
    font-size: 32px;
    margin-bottom: 20px;
}
p.note_meta {
    min-height: 75px;
    color: #585858;
}
.testi_wrap ul li .text_wrap .icon_wrap i {
    font-size: 20px;
    background: var(--primary);
    color: #fff;
    padding: 12px;
    border-radius: 50%;
    /* border: 6px solid #fff; */
}
.testi_wrap ul li .avatar_meta h5 {
    float: left;
    width: 100%;
    font-size: 16px;
    margin: 0 0 7px 0;
    color: #464646;
    font-weight: 600;
}
.avatar_address
 {
    font-size: 13px;
}
/*service*/
.section.service_sec {
    background: #fff;
}
.section.service_sec .subheading {
    text-align: center;
}
.section.service_sec h3 {
    text-align: center;
}
.service_sec ul{
    margin-right: -20px;
}
.service_sec ul li {
    float: left;
    width: 23%;
    margin-right: 20px;
    margin-top: 10px;
    position: relative;
    /* margin-bottom: 100px; */
    border: 2px solid var(--primary);
    padding: 30px 6px;
    border-radius: 10px;
}
.services {
    float: left;
    width: 100%;
    text-align: center;
    /* box-shadow: 1px 2px 19px 0px #ededed; */
    border-radius: 3px;
    /* min-height: 500px; */
}
.service_icon {
    /* float: left; */
    /* width: 100%; */
    font-size: 20px;
    color: var(--primary);
}
.services h2 {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #e2e2e7;
    font-weight: bold;
    min-height: 36px;
    margin-bottom: 0;
    margin-top: 2px;
}
.services p {
    /* line-height: 13px; */
    margin-top: 0px;
    float: left;
    text-align: center;
    width: 100%;
    color: #666363;
    margin-bottom: 0;
}
/*two sec*/
.section.two_sec {
    background: #dddddd0f;
    text-align: center;
}
.section.two_sec h2 {
    font-size: 24px;
    margin-bottom: 10px;
}
.instragram_image_wrap {
    float: left;
    width: 100%;
    margin: 30px 0;
}
.instragram_image_wrap ul {
    margin-right: -2%;
}
.instragram_image_wrap ul li {
    float: left;
    width: 18%;
    margin-right: 2%;
    margin-bottom: 2%;
}
.instragram_image_wrap ul li img:hover {
    border: 8px solid var(--primary);
}
.view_btn {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}
.section.new_arrival, .section.featured_product {
    background: #dddddd0f;
}
.woocommerce ul.products li.product .price {
    margin-bottom: 0 !important;
}
/*footer*/
.section.footer {
    background: #151a18;
    padding-bottom: 0;
}
.footer_about_us {
    width: 100%;
    text-align: center;
}
.address_wrap ul li {
    float: left;
    width: 100%;
    margin-bottom: 2%;
}
.add_content a {
    color: #fff;
    float: left;
    width: 100%;
}
.footer_bottom {
    float: left;
    width: 100%;
    border-top: 1px solid #fff;
    padding: 10px 0;
}
.copyright_text, .company_name {
    float: left;
    width: auto;
    font-size: 11px;
    color: #fff;
    padding: 0px 0px 0px;
    text-align: center;
}
.company_name{
    float: right;
}
.company_name a {
    color: var(--contrast);
}
.company_name a:hover {
    color: #fff;
}
.cards {
    float: left;
    width: auto;
    margin-top: 16px;
}
.footer_upper {
    float: left;
    width: 100%;
    padding: 0 0 40px;
}
.footer_section {
    width: 20%;
    float: left;
}
.footer_section.about {
    width: 30%;
    margin-right: 6%;
}
.footer_section p{
    color: #979797;
}
.social_media {
    float: left;
    width: 100%;
}
.footer_section.about p {
    width: 100%;
    float: left;
}
.footer_section .social_media ul li {
    float: left;
    width: auto;
    margin-right: 13px;
}
.footer_section .social_media ul li a {
    color: var(--contrast);
    /* background: #fff; */
    padding: 6px;
    border-radius: 3px;
    font-size: 17px;
    border: 0;
}
.footer_logo {
    float: left;
    width: 100px;
    margin-bottom: 27px;
    color: #fff;
    font-size: 40px;
    margin-bottom: 2%;
}
.footer_section h4 {
    float: left;
    width: 100%;
    font-size: 18px;
    margin: 0 0 15px 0;
    color: #f3f3f3;
    /* text-transform: uppercase; */
    /* letter-spacing: 0px; */
    font-weight: normal;
}
.footer_section ul li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.footer_section ul li a {
    float: left;
    width: auto;
    color: #918c8c;
    transition: .2s ease;
    font-size: 15px;
    /* margin-bottom: 12px; */
    padding-bottom: 1px;
    border-bottom: 2px solid transparent;
}
.footer_section ul li a:hover {
    color: var(--contrast);
    border-bottom: 2px solid var(--contrast);
}
.left_address_sec {
    float: left;
    width: 38%;
}
.right_form_sec {
    float: right;
    width: 58%;
}
.address_wrap {
    float: left;
    width: 100%;
    padding-bottom: 30px;
    /* border-bottom: 1px solid #434343; */
    /* margin-bottom: 30px; */
}
.add_icon {
    float: left;
    color: #fff;
    width: 42px;
    height: 42px;
    font-size: 17px;
    /* height: 25px; */
    margin-bottom: 20px;
    background: var(--primary);
    padding: 10px 0px;
    border-radius: 50%;
    /* display: table; */
    /* margin: 0 auto 14px; */
}
.add_content {
    float: right;
    color: #646464;
    width: 87%;
    font-size: 14px;
    text-align: left;
}
.footer_section .input_field {
    float: left;
    width: 100%;
    margin-bottom: 9px;
}
.footer_section .input_field .enter {
    float: left;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
    color: #fff;
}
.footer_section .social_media ul li a:hover {
    border: 0;
	color:var(--primary);
}
.footer_section .btn {
    border-width: 1px;
    color: #ffffff;
    cursor: pointer;
    justify-content: center;
    /* padding-bottom: 9px; */
    /* padding-left: 30px; */
    /* padding-right: 38px; */
    /* padding-top: 9px; */
    text-align: center;
    white-space: nowrap;
    background: #000000;
    font-size: 12px;
    /* border-radius: 3px; */
    /* letter-spacing: 0.5px; */
    font-weight: normal;
    border: 0;
    box-shadow: none;
    text-transform: uppercase;
}
.footer_upper .cta {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    padding-bottom: 18px;
    border-bottom: 1px solid #4e4e4e;
}
.footer_upper .cta h4 {
    font-size: 38px;
    color: #d9d9d9;
    margin-bottom: 5px;
    /* font-weight: normal; */
    margin-top: 10px;
}
.cta p {
    font-size: 21px;
    color: #b7b7b7;
    margin-top: 0;
}
/*about page*/
.inner_banner, .page_heading {
    background: url(../images/saree-bg.png) no-repeat left 90%;
    padding: 70px 0 !important;
    text-align: center;
    float: left;
    width: 100%;
    background-size: cover;
    position: relative;
}

.inner_banner h2 {
    margin: 0;
    font-size: 30px;
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    z-index: 99;
    position: relative;
}
.section.about_wrap h2 {
    text-align: left;
    font-size: 26px;
    font-weight: bold;
}
/*contact*/
.cont_wrap {
    width: 28%;
    float: left;
    margin-right: 0;
    background: var(--primary);
    padding: 40px 30px;
    border-radius: 10px;
}
.cont_wrap ul li {
    float: left;
    width: 100%;
    margin-bottom: 16px;
}
.add_wrap {
    float: left;
    width: 100%;
}
.cont_wrap ul li h5 {
    float: left;
    width: 100%;
    font-size: 17px;
    margin: 0 0 10px;
    color: #ffffff;
}
.add_wrap a {
    float: left;
    width: 100%;
    color: #ffffff;
}
.cont_wrap ul li p {
    color: #fbfbfb;
}
.right_form_wrap {
    float: right;
    width: 68%;
}
.right_form_wrap h2 {
    text-align: left;
    color: #000;
    font-weight: bold;
}
.right_form_wrap ul li {
   float: left;
    width: 47%;
    margin: 0px 8px 10px;
}
.right_form_wrap ul li.form_msg {
    width: 97%;
}
.right_form_wrap ul li .enter {
    float: left;
    width: 100%;
    padding: 18px;
    border: 1px solid #ccc;
    border-radius: 12px;
}
.right_form_wrap ul li textarea.enter {
    resize: none;
    height: 110px;
}
.right_form_wrap ul li .view_btn {
    text-align: left;
}
/* Container: The card look */
.newsletter-card {
    /* background-color: #ffffff; */
    padding: 0;
    border-radius: 12px;
    max-width: 400px;
    margin: 0rem auto;
    /* border: 1px solid #e0e0e0; */
}

/* Typography */
.newsletter-content h2 {
    margin: 0 0 0.5rem 0;
    color: #333;
    font-size: 1.5rem;
}

.newsletter-content p {
    margin: 0 0 1.5rem 0;
    color: #666;
    line-height: 1.5;
    font-size: 0.95rem;
}

/* Form Layout */
.newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 1rem; /* Space between input and button */
}

/* Screen Reader Only (Accessibility) */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* Input Styling */
.newsletter-form input[type="email"] {
    width: 100%;
    padding: 0.8rem;
    border: 1px solid #ccc;
    border-radius: 30px;
    font-size: 1rem;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
    text-align: center;
}

.newsletter-form input[type="email"]:focus {
    border-color: #ba7d8f;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

/* Button Styling */
.newsletter-form button {
    background-color: var(--primary);
    color: white;
    border: none;
    padding: 0.9rem;
    border-radius: 30px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s 
ease, transform 0.1s 
ease;
}

.newsletter-form button:hover {
    background-color: #ea4878;
}

.newsletter-form button:active {
    transform: scale(0.98); /* Slight click effect */
}

/* Privacy Note styling */
.privacy-note {
    font-size: 0.75rem !important;
    color: #b1afaf !important;
    margin-top: 0.5rem !important;
    text-align: center;
}
.bx-wrapper {
    position: relative;
    margin-bottom: 0 !important;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 0 !important;
    background: none !important;
}
.woocommerce-info {
    border-top-color: var(--primary) !important;
}
.woocommerce-info::before {
    color: var(--primary) !important;
}
/* 1. Force the response box (Red/Green box) to sit at the bottom */
.right_form_wrap .wpcf7-response-output {
    position: static !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin: 20px 0 0 0 !important;
    box-sizing: border-box;
    outline: none !important; /* Removes blue border */
}

/* 2. Remove the blue focus outline from the form container */
.right_form_wrap .wpcf7-form {
    outline: none !important;
    box-shadow: none !important;
}

/* 3. Remove blue border from inputs on focus (Optional) */
.right_form_wrap input:focus,
.right_form_wrap textarea:focus,
.right_form_wrap select:focus {
    outline: none !important;
    border-color: #ccc !important; /* Change this to your theme color */
    box-shadow: none !important;
}

/* 4. Ensure the form container clears floats */
.right_form_wrap .wpcf7-form::after {
    content: "";
    display: table;
    clear: both;
}
/* =========================================
   SHOP PAGE LAYOUT & SIDEBAR STYLING
   ========================================= */

/* 1. The Grid Layout (Sidebar Left, Content Right) */
.shop_layout_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: flex-start; /* Prevents sidebar from stretching full height */
    width: 100%;
}

.shop_sidebar_col {
    width: 25%; /* Sidebar width */
    min-width: 260px;
    position: relative;
}

.shop_content_col {
    width: calc(75% - 30px); /* Remaining width minus gap */
    flex: 1;
}

/* 2. SIDEBAR WIDGET STYLING */

/* Container style - Matching your .contact_form / .box-item look */
.shop_sidebar_col .widget, 
.shop_sidebar_col .wp-block-search,
.shop_sidebar_col .wc-block-product-filters {
    background: #fff;
    padding: 25px;
    margin-bottom: 25px;
    border-radius: 20px;
    box-shadow: 1px 2px 14px 4px #f5f5f5; /* Consistent with your theme */
    border: 1px solid #f0f0f0;
}

/* 3. OVERWRITE GLOBAL HEADINGS (Fixes the "Breaking" issue) */
/* Resetting the global 'float: left' that breaks widgets */
.shop_sidebar_col h1, 
.shop_sidebar_col h3, 
.shop_sidebar_col h4, 
.shop_sidebar_col h5, 
.shop_sidebar_col h6,
.widget-title {
    float: none !important; 
    width: auto !important;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--secondary); /* Green underline */
    color: var(--primary); /* Blue text */
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
    display: block;
    line-height: 1.4;
    text-align: left; /* Ensure left alignment */
}
.shop_sidebar_col h2 {
    font-size: 25px;
    color: var(--primary);
}

/* 4. GENERIC LIST STYLING (For Categories/Filters) */
.shop_sidebar_col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.shop_sidebar_col ul li {
    padding: 8px 0;
    border-bottom: 1px dashed #eee;
    color: #555;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shop_sidebar_col ul li:last-child {
    border-bottom: none;
}

.shop_sidebar_col ul li a {
    color: #474747;
    transition: 0.2s;
    text-decoration: none;
}

.shop_sidebar_col ul li a:hover {
    color: var(--secondary);
    padding-left: 5px; /* Slight movement effect */
}

/* 5. PRICE FILTER WIDGET STYLING */
.widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #eee;
    height: 6px;
    border-radius: 10px;
}

.widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--secondary); /* Green bar */
}

.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: var(--primary); /* Blue handle */
    width: 14px;
    height: 14px;
    top: -4px;
    border-radius: 50%;
}

.widget_price_filter .price_label {
    font-size: 13px;
    color: #666;
    font-weight: bold;
}

.widget_price_filter .button {
    background: var(--primary) !important;
    color: #fff !important;
    font-size: 12px !important;
    padding: 8px 15px !important;
    border-radius: 15px !important;
    float: right;
}

/* 6. ACTIVE FILTERS (Layered Nav) */
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before {
    content: "\f00d"; /* FontAwesome X */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: red;
    margin-right: 5px;
}
/* =========================================
   REMOVE SIDEBAR MARKERS / BULLETS
   ========================================= */

/* 1. Force remove list styles on all lists inside sidebar */
.shop_sidebar_col ul, 
.shop_sidebar_col ol, 
.shop_sidebar_col li {
    list-style: none !important; 
    list-style-type: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* 2. Hide the specific '::marker' pseudo-element (Modern Browsers) */
.shop_sidebar_col li::marker {
    content: "" !important;
    display: none !important;
}

/* 3. Remove any theme-specific ::before dots/arrows if they exist */
.shop_sidebar_col .widget_layered_nav li::before,
.shop_sidebar_col .widget_product_categories li::before,
.shop_sidebar_col .wc-block-product-filters li::before {
    display: none !important; 
    content: none !important;
}
/* =========================================
   STICKY / GLIDING SIDEBAR
   ========================================= */

.shop_sidebar_col {
    /* Layout sizing (from previous step) */
    width: 25%;
    min-width: 260px;
    
    /* THE GLIDING MAGIC */
    position: -webkit-sticky; /* For Safari support */
    position: sticky;
    top: 20px; /* Stops 20px from the top of the browser window */
    
    /* Technical Requirements for Sticky to work */
    height: fit-content; /* Ensures the column isn't artificially tall */
    align-self: flex-start; /* Ensures it doesn't stretch to match content height */
    z-index: 9; /* Ensures it stays above other simple elements */
}