/* /////// Set Variable Start  ///////  */

:root {
--primary-font-family: "Poppins", sans-serif;
--page-center: 1200px;

--sec-grey-bg: #f8f8f8;
--sec-white-bg: #ffffff;

--primary-btn-color: #ffffff;
--primary-btn-bg: #000000;

--primary-color: #000000;
--tertiary-color: #7d5231;
--secondry-color: #ffffff;
}

/* ///////  Set Variable End  ///////  */

* {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
font-family: var(--primary-font-family);
}
img {
max-width: 100%;
}
ul {
margin: 0;
padding: 0;
}
li {
list-style: none;
font-family: var(--primary-font-family);
}
a {
text-decoration: none;
display: block;
transition: 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
font-family: var(--primary-font-family);
}
h1,
.h1 {
font-size: 58px;
font-weight: 700;
color: var(--primary-color);
}
h2,
.h2 {
font-size: 48px;
font-weight: 700;
color: var(--primary-color);
line-height: 1;
}
h3,
.h3 {
font-size: 38px;
font-weight: 700;
color: var(--primary-color);
}
h4,
.h4 {
font-size: 28px;
font-weight: 600;
color: var(--primary-color);
}
h5,
.h5 {
font-size: 20px;
font-weight: 600;
color: var(--primary-color);
}
h6,
.h6 {
font-size: 18px;
font-weight: 600;
color: var(--primary-color);
}
p {
font-size: 16px;
font-weight: 400;
color: var(--primary-color);
}
.page-center {
max-width: var(--page-center);
margin: 0 auto;
padding: 0 15px;
}

.underline:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 0;
height: 1px;
background: var(--tertiary-color);
transition: 0.3s;
}
.underline:hover:before {
width: 100%;
}
.underline {
position: relative;
display: inline-block;
}

body .slick-slide {
height: auto;
}

::-webkit-scrollbar {
width: 4px;
}
/* Track */
::-webkit-scrollbar-track {
background: transparent;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: var(--primary-color);
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: var(--tertiary-color);
}

/* ////////// Primary Button Style START ///////// */

.primary_btn {
min-width: 96px;
text-align: center;
background: var(--primary-btn-bg);
color: var(--primary-btn-color);
font-size: 14px;
padding: 10px 20px;
position: relative;
overflow: hidden;
outline: 0;
border: 0;
cursor: pointer;
margin-left: 0;
}
.primary_btn:before {
position: absolute;
content: "";
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: rgba(225, 225, 225, 0.5);
transition: 0.3s;
z-index: 0;
}
.primary_btn:hover:before {
left: 100%;
}
.add-to-cart:hover {
background: var(--primary-btn-bg);
}

/* ////////// Primary Button Style END ///////// */

/* ////////// Secondary Button Style START ///////// */

.secondary_btn {
display: inline-block;
font-size: 14px;
color: var(--secondry-color);
padding: 7px 15px;
border: 1px solid var(--secondry-color);
}
.secondary_btn:hover {
background: var(--primary-color);
color: var(--secondry-color);
border-color: var(--primary-color) 0;
}

/* ////////// Secondary Button Style END ///////// */

/* ///////// SIMPLE BUTTON STYLE START ///////// */

.simple_btn {
color: var(--primary-color);
font-size: 14px;
font-weight: 600;
width: max-content;
position: relative;
}
.simple_btn:before {
position: absolute;
content: "";
bottom: 0px;
height: 2px;
transition: 0.3s;
left: 0;
background: var(--primary-color);
width: 100%;
}
.simple_btn:hover:before {
left: 5px;
}

/* ///////// SIMPLE BUTTON STYLE END ///////// */

/* ///////// SLICK SLIDER DOTTED STYLE START ///////// */

body .slick-dots li button {
background: #bfbfbf;
border-radius: 10px;
height: 5px;
padding: 0;
transition: 0.3s;
width: 15px;
}
body .slick-dots li.slick-active button {
background: var(--tertiary-color);
width: 20px;
}
body.slick-dots li button::before {
display: none;
}
body .slick-dots li {
height: auto;
margin: 0 5px !important;
}
body .slick-dots {
display: flex;
align-items: center;
justify-content: center;
position: relative;
bottom: 0;
gap: 0 !important;
}
body .slick-dots li button:before {
display: none;
}
body .slick-dots {
margin: 15px 0;
}

/* ///////// SLICK SLIDER DOTTED STYLE END ///////// */

.sc-shipping-address textarea,
.sc-shipping-address input[type="text"],
.sc-shipping-address option {
padding: 10.5px 15px !important;
}

/* ----------------------------------------------------------------------------------------------------------------------------- */

/* /////// Header Section START /////// */

header.header_section {
position: sticky;
z-index: 9;
}
@media (min-width: 992px) {
header.header_section.is-sticky {
position: sticky;
top: 0;
animation: slideDown 0.6s ease-out;
transition: 0.6s;
}
@keyframes slideDown {
from {
top: -140px;
}
to {
top: 0px;
}
}
}

.header_top {
background: var(--primary-color);
padding: 12px 0;
}
.header_top_flex {
display: flex;
display: -webkit-flex;
display: -moz-flex;
align-items: center;
justify-content: space-between;
}
.header_top_left p {
color: var(--secondry-color);
font-size: 14px;
}
.header_top_right ul {
display: flex;
align-items: center;
}
.header_top_right ul li {
margin-left: 15px;
}
.header_top_right ul li a {
display: flex;
}
.header_top_right ul li a:hover {
transform: translateY(-3px);
}
.header_top_right ul li a svg {
width: 16px;
height: 16px;
}
.header_main_sec {
background: var(--sec-white-bg);
box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.05);
border-bottom: 1px solid #d2d2d2;
}
.header_main_flex {
display: flex;
display: -webkit-flex;
display: -moz-flex;
justify-content: space-between;
}
.header_main_logo {
flex: 0 0 160px;
max-width: 160px;
display: flex;
}
.header_main_logo a {
display: flex;
}
.header_main_menu ul {
display: flex;
align-items: center;
justify-content: center;
}
.header_main_menu ul li {
margin: 0 15px;
padding: 25px 0;
position: relative;
}
.header_main_menu ul li a {
color: var(--primary-color);
font-size: 14px;
position: relative;
}
.header_main_menu ul li a:hover {
color: var(--tertiary-color);
}
.header_main_menu ul li a:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 0;
height: 1px;
background: var(--tertiary-color);
transition: 0.3s;
}
.header_main_menu ul li a:hover:before {
width: 100%;
}
.header_main_right {
display: flex;
align-items: center;
justify-content: flex-end;
}
.header_main_right ul {
display: flex;
display: -webkit-flex;
display: -moz-flex;
justify-content: flex-end;
}
.header_main_right ul li {
margin-left: 25px;
position: relative;
}
.header_main_right ul li:first-child {
margin-left: 0;
}
.header_main_right ul li a {
display: flex;
}
.header_main_right ul li a img {
width: 19px;
height: 19px;
object-fit: contain;
}
.header_main_right ul li a:hover {
transform: translateY(-3px);
}
.header_sec_inners {
display:block !important;
position: fixed;
top: 50%;
left: 50%;
width: 700px;
padding: 30px;
padding: 30px;
background: var(--secondry-color);
display: flex;
z-index: -1;
transform: translate(-50%, -50%) scale(0);
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
div#close_search_btn {
position: absolute;
right: 0;
top: 0;
width: 25px;
height: 25px;
background: var(--tertiary-color);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
cursor: pointer;
}
div#close_search_btn span {
    transform: rotate(45deg);
}
.search_show {
    overflow: hidden;
    position: relative;
}
.search_show:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.8);
    z-index: 11;
}
.search_show .header_sec_inners {
    z-index: 99;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    visibility: visible;
}

.search_show .header_search {
    position: relative;
}
.header_search .page-center {
position: relative;
}
.header_sec_inners form#searchbox {
width: 100%;
}
.header_main_menu ul li ul {
position: absolute;
top: 70%;
left: 0;
flex-wrap: wrap;
width: 200px;
background: var(--secondry-color);
opacity: 0;
visibility: hidden;
transition: 0.3s;
box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.3);
}
.header_main_menu ul li ul li {
padding: 0;
margin: 0;
flex: 0 0 100%;
}
.header_main_menu ul li ul li a {
padding: 8px 15px;
border-bottom: 1px solid #c7c7c7;
}
.header_main_menu ul li ul li:last-child a {
border-bottom: 0;
}
.header_main_menu ul li:hover ul {
top: 100%;
opacity: 1;
visibility: visible;
}
.mobile_trigger {
display: none;
}

.header_main_right .menu-dropdown {
position: absolute;
top: 45px;
box-shadow: none;
padding: 0;
border-radius: 0 !important;
border: 0;
width: 100px;
left: -35px;
box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.3);
background-color:#fff;
}
.header_main_right .menu-dropdown .content {
padding: 0;
}
.header_main_right .menu-dropdown ul {
justify-content: flex-start;
flex-wrap: wrap;
}
.header_main_right .menu-dropdown .content > ul > li {
flex: 0 0 100%;
max-width: 100%;
margin: 0;
}
.header_main_right .menu-dropdown ul li a {
padding: 8px 14px;
color: var(--primary-color);
border-bottom: 1px solid #c7c7c7;
position: relative;
transition: 0.3s;
font-size: 14px;
}
.header_main_right .menu-dropdown ul li a:hover {
transform: none;
}
.header_main_right .menu-dropdown ul li:last-child a {
border-bottom: 0;
}
.header_main_right .menu-dropdown ul li a:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 0;
height: 1px;
background: var(--tertiary-color);
transition: 0.3s;
}
.header_main_right .menu-dropdown ul li:hover a:before {
width: 100%;
}
.header_main_right .menu-dropdown ul li:hover a {
color: var(--tertiary-color);
}
.header_main_right .menu-button > img {
height: 19px;
width: 19px;
margin: 0;
border-radius: 0;
transition: 0.3s;
}
.header_main_right .menu-button > img:hover {
transform: translateY(-3px);
}
.header_main_right .menu-button > .title {
position: absolute;
top: -12px;
right: -12px;
background: var(--tertiary-color);
color: var(--secondry-color);
width: 19px;
height: 19px;
border-radius: 100px;
font-size: 10px;
text-transform: uppercase;
text-align: center;
line-height: 20px;
}
.cart-qty {
background: var(--tertiary-color);
color: var(--secondry-color);
width: 20px;
height: 20px;
line-height: 20px;
right: -12px;
}
.header_main_right .menu-button {
padding: 0;
height: auto;
}


@media (max-width: 991px) {
.mobile_trigger {
display: block;
}
.mobile_trigger a {
flex-wrap: wrap;
width: 22px;
height: 100%;
}
.mobile_trigger a span {
display: block;
width: 100%;
height: 3px;
background: var(--primary-color);
margin: 1.5px 0;
transition: 0.3s;
}
.header_main_menu {
position: fixed;
top: 98px;
left: 100%;
width: 100%;
background: var(--secondry-color);
height: calc(100vh - 50px);
overflow-y: auto;
overflow-x: hidden;
transition: 0.3s;
}
.header_main_menu ul {
flex-wrap: wrap;
}
.header_main_menu ul li {
margin: 0;
flex: 0 0 100%;
padding: 0;
}
.header_main_menu ul li a {
padding: 12px 15px;
border-bottom: 1px solid #c7c7c7;
font-size: 12px;
}
.header_main_menu ul li a:before {
display: none;
}
.header_main_menu ul li:last-child a {
border-bottom: 0;
}
.header_main_menu.header_mobile_menu_show {
left: 0;
}
.header_main_sec {
padding: 20px 0;
}
.header_top_left p {
font-size: 12px;
}
.header_main_right ul li {
margin-left: 15px;
}
.header_main_right ul li a img {
width: 15px;
height: 15px;
}
.header_main_logo {
flex: 0 0 140px;
max-width: 140px;
}
/* .mobile_trigger a span:first-child {margin-top: 0;} */
.mobile_trigger a span:last-child {
margin-bottom: 0;
}
.header_main_menu ul li ul {
position: static;
width: 100%;
opacity: 1;
visibility: visible;
display: none;
}
.header_main_menu ul li ul li a {
padding: 12px 30px;
}
.header_main_menu ul li ul li:last-child a {
border-bottom: 1px solid #c7c7c7;
}
.mobile_trigger.mobile_trigger_cross span:first-child {
transform: rotate(45deg);
left: 2px;
position: relative;
top: 6px;
}
.mobile_trigger.mobile_trigger_cross span:last-child {
transform: rotate(-45deg);
left: 2px;
position: relative;
top: -6px;
}
.mobile_trigger.mobile_trigger_cross span:nth-of-type(2) {
opacity: 0;
}

.sub_menu_header {
position: relative;
}
.sub_menu_header_arrow:before {
content: "";
height: 8px;
width: 8px;
position: absolute;
border-top: black solid 2px;
border-left: black solid 2px;
transform: rotate(225deg);
right: 15px;
top: 14px;
}
span.sub_menu_header_arrow {
width: 40px;
height: 42px;
display: inline-block;
position: absolute;
right: 0;
top: 0;
transition: 0.3s;
}
span.sub_menu_header_arrow.header_arrow_active {
transform: rotate(180deg);
}
.header_main_right .menu-button > img {
height: 15px;
width: 15px;
}
.header_main_right .menu-button > .title {
right: -8px;
width: 16px;
height: 16px;
font-size: 8px;
line-height: 18px;
}
.cart-qty {
width: 16px;
height: 16px;
line-height: 18px;
right: -8px;
}
.header_main_right .menu-dropdown {
top: 37px;
left: -40px;
}
.header_main_right .menu-dropdown ul li a {
font-size: 12px;
}
}

@media (max-width: 767px){
    .header_sec_inners{
        width: calc(100vw - 40px);
    }
}

/* ///////  Header Section END /////// */

/* ////// Banner Section Start ////// */

ol.carousel-indicators {
margin: 0;
}
section#slider {
padding: 0;
}
.banner_sec {
padding: 80px 0;
background: var(--sec-grey-bg);
position: relative;
}
span.brown_bg {
background: var(--tertiary-color);
padding: 0 15px;
color: var(--secondry-color);
}
.banner_heading_content h1 {
margin-bottom: 20px;
margin-top: 20px;
}
.banner_btn {
margin-top: 20px;
display: flex;
align-items: center;
gap: 20px;
}
.banner_flex {
display: flex;
display: -webkit-flex;
display: -moz-flex;
align-items: center;
}
.banner_content {
flex: 0 0 50%;
max-width: 50%;
padding-right: 15px;
}
.banner_image {
flex: 0 0 50%;
max-width: 50%;
text-align: center;
padding-left: 15px;
}
/*.banner_content {*/
/*  transform: translatex(-100%);*/
/*  transition: 0.6s;*/
/*}*/
/*.banner_image {*/
/*  transform: translatex(100%);*/
/*  transition: 0.6s;*/
/*}*/
.slick-active .banner_content {
transform: translatex(0%);
}
.slick-active .banner_image {
transform: translatex(0%);
}
.slider_animation_left.show,
.slider_animation_right.show {
opacity: 1;
transform: translateX(0);
}
.banner_slider.slick-slider,
.slick-slider {
position: static;
}
.banner_slider .slick-arrow,
.slick-arrow {
font-size: 0;
line-height: 0;
position: absolute;
top: 0;
bottom: 0;
width: 60px;
height: 60px;
margin: auto;
background-color: transparent;
border-radius: 60px;
border: 2px solid var(--tertiary-color);
cursor: pointer;
outline: none;
z-index: 2;
}
.banner_slider .slick-arrow.slick-prev,
.slick-arrow.slick-prev {
left: 35px;
}
.banner_slider .slick-arrow.slick-next,
.slick-arrow.slick-next {
right: 15px;
}
.banner_slider .slick-arrow:before,
.slick-arrow:before {
content: "";
width: 10px;
height: 10px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
border-top: 2px solid var(--tertiary-color);
border-left: 2px solid var(--tertiary-color);
}
.banner_slider .slick-arrow.slick-prev:before,
.slick-arrow.slick-prev:before {
transform: rotate(-45deg) translate(2px, 2px);
}
.banner_slider .slick-arrow.slick-next:before,
.slick-arrow.slick-next:before {
transform: rotate(135deg) translate(2px, 2px);
}
.slider-progress {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 5px;
}
.slider-progress span {
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 0px;
height: 100%;
background-color: rgb(125 82 50);
transition: all 0s linear;
}
.slider-progress span.active {
width: 100%;
}
.banner_image img {
margin: 0 auto;
}

/* ////// Banner Section Start ////// */

/* ////////// SERVICES SECTION STYLE START /////////// */

.services_sec {
padding: 65px 0;
}
.services_img img {
height: 50px;
}
.services_flex {
display: flex;
display: -webkit-flex;
display: -moz-flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.services_card {
flex: 0 0 23.7%;
max-width: 23.7%;
margin: 15px 0;
text-align: center;
}

/* ////////// SERVICES SECTION STYLE END /////////// */

/* ////////// FEASHION SECTION START ///////////// */

.fashion_sec {
padding-bottom: 80px;
}
.fashion_flex {
display: flex;
display: -webkit-flex;
display: -moz-flex;
align-items: center;
}
.fashion_left {
flex: 0 0 65%;
max-width: 65%;
display: flex;
align-items: center;
gap: 20px;
padding-right: 15px;
}
.fashion_right {
flex: 0 0 35%;
max-width: 35%;
padding-left: 15px;
}
.fashion_right p {
margin: 15px 0;
}

/* ////////// FEASHION SECTION END ///////////// */

/* ////////// LATEST PRODUCT STYLING START /////////// */

.latest_product_sec {
padding: 80px 0 60px;
background: var(--sec-grey-bg);
}
.product_detail_related_products h2 {
margin-bottom: 30px;
}
.latest_product_heading_content {
text-align: center;
}
.latest_tab_sec {
display: flex;
display: -webkit-flex;
display: -moz-flex;
justify-content: center;
align-items: center;
gap: 20px;
margin: 20px 0;
}
.latest_tab_text span {
color: var(--primary-color);
font-size: 14px;
transition: 0.3s;
position: relative;
cursor: pointer;
}
.latest_tab_text span:hover {
color: var(--tertiary-color);
}
.latest_tab_text span:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 0;
height: 1px;
background: var(--tertiary-color);
transition: 0.3s;
}
.latest_tab_text span:hover:before {
width: 100%;
}
.latest_product_flex {
display: flex;
display: -webkit-flex;
display: -moz-flex;
gap: 30px;
}
.latest_product_image {
min-height: 260px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
padding: 0px;
border: 1px solid #dfdfdf;
margin-bottom: 15px;
}
.latest_product_image a {
width: 100%;
}
.latest_product_image .image_link {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.latest_prodcut_btn {
position: absolute;
bottom: -42px;
transition: 0.3s;
}
.latest_product_image .image_link:hover img:first-child {
opacity: 0;
}
.latest_product_image .image_link:hover img:nth-child(2) {
opacity: 1;
}
.latest_product_list:hover .latest_prodcut_btn {
bottom: 20px;
}
.latest_product_name h6 {
font-size: 14px;
font-weight: 400;
}
.latest_product_name {
text-align: center;
}
.latest_product_name p {
margin-top: 8px;
}
.latest_product_list {
margin: 0 15px;
}
.latest_product_flex .slick-list.draggable {
margin: 0 -15px;
}
.filter-search {
display: flex;
}
.tab-link svg path {
fill: var(--tertiary-color);
}
.latest_product_image a img {
height: 260px;
width: 100%;
object-fit: cover;
max-width: 100%;
transition: 0.3s;
}
.latest_product_image .add-to-cart {
width: max-content;
margin: 0;
}
/* ////////// LATEST PRODUCT STYLING END /////////// */

/* ///////// PARALLAX SECTION START ///////// */

.parallax_sec {
padding: 200px 0;
background-image: url("../image/pexels.png");
background-attachment: fixed;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.parallax_sec:before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
}
.parallax_content h3,
.parallax_content p {
color: var(--secondry-color);
}
.parallax_content {
text-align: center;
margin: 0 auto;
max-width: 570px;
position: relative;
}
.parallax_content p {
font-size: 14px;
margin: 15px 0;
}
.parallax_content a.secondary_btn {
margin-top: 15px;
}

/* ///////// PARALLAX SECTION END ///////// */

/* /////////.GALLERY SECTION START ///////// */

.gallery_sec_grid {
overflow: hidden;
}
.gallery_sec_grid .gallery_sec_inner {
display: flex;
margin: 0 -5px;
}
.gallery_sec_grid .gallery_box_sec {
overflow: hidden;
}
.gallery_sec_grid .gallery_center .gallery_box_sec img {
height: 333px;
}
.gallery_sec_grid .gallery_left .gallery_box_sec img,
.gallery_sec_grid .gallery_right .gallery_box_sec img {
height: 675px;
}
.gallery_sec_grid .gallery_box_sec img {
width: 100%;
object-fit: cover;
object-position: center;
height: 100%;
transition: all 0.5s ease-in-out;
}
.gallery_sec_grid .gallery_box_sec:hover img {
transform: scale(1.05);
}
.gallery_sec_grid .gallery_box.gallery_center {
row-gap: 10px;
display: flex;
flex-direction: column;
}
.gallery_sec_grid .gallery_box {
flex: 0 0 33.33%;
max-width: 33.33%;
padding: 0 5px;
}

@media (max-width: 1024px) {
.gallery_sec_grid .gallery_center .gallery_box_sec img {
height: 220px;
}
.gallery_sec_grid .gallery_left .gallery_box_sec img,
.gallery_sec_grid .gallery_right .gallery_box_sec img {
height: 450px;
}
}

@media (max-width: 991px) {
.gallery_sec_grid .gallery_box.gallery_left,
.gallery_sec_grid .gallery_box.gallery_right {
flex: 0 0 50%;
max-width: 50%;
}
.gallery_sec_grid .gallery_box.gallery_center {
flex: 0 0 100%;
max-width: 100%;
order: 3;
}
.gallery_sec_grid .gallery_sec_inner {
flex-wrap: wrap;
}
.gallery_sec_grid .gallery_center .gallery_box_sec img {
height: auto;
}
.gallery_sec_grid .gallery_left .gallery_box_sec img,
.gallery_sec_grid .gallery_right .gallery_box_sec img {
height: auto;
}
}

/* /////////.GALLERY SECTION END ///////// */

/* ///////// Image SECTION START ///////// */

.image_section_inner {
display: flex;
}
.image-left {
flex: 0 0 50%;
max-width: 50%;
padding-right: 15px;
}
.image-right {
flex: 0 0 50%;
max-width: 50%;
padding-left: 15px;
}
.image-right p {
margin: 20px 0;
}
.image-right .primary_btn {
max-width: max-content;
}
.image_section.image_section_second {
background: var(--secondry-color);
}
.image_section_second .image_section_inner {
display: flex;
flex-direction: row-reverse;
}
.image_section_second .image-left {
padding-right: 0;
padding-left: 15px;
}
.image_section_second .image-right {
padding-left: 0;
padding-right: 15px;
}

@media (max-width: 767px) {
.image_section_second .image_section_inner,
.image_section_inner {
flex-wrap: wrap;
}
.image-left {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
}
.image-right {
flex: 0 0 100%;
max-width: 100%;
padding-left: 0;
text-align: center;
}
.image-right .primary_btn {
margin: 0 auto;
}
}

/* ///////// Image SECTION END ///////// */

/* ///////// LEFT RIGHT CONTENT SECTION START ///////// */

.image_section {
padding: 80px 0;
background: var(--sec-grey-bg);
}
.left_right_content_sec {
padding: 80px 0;
}
.left-right_flex {
display: flex;
align-items: center;
gap: 20px;
justify-content: space-between;
}
.left_right_left_side {
flex: 0 0 40%;
max-width: 40%;
}
.left_right_right_side {
flex: 0 0 60%;
max-width: 60%;
padding-left: 10px;
border-left: 1px solid;
}

/* ///////// LEFT RIGHT CONTENT SECTION END ///////// */

/* ///////// BLACK AND WHITE SECTION START ///////// */

.black_white_inner {
display: flex;
gap: 5px;
}
.black_white img {
transition: 0.3s;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
display: block;
width: 100%;
}
.black_white img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/* .black_white_inner .slick-list.draggable {margin: 0 -5px;} */
.black_white {
margin: 0 5px;
}

/* ///////// BLACK AND WHITE SECTION END ///////// */

/* ///////// LEFT IMAGE WITH RIGHT CONTENT SECTION START /////////  */

.left_img_right_cont_sec {
padding: 80px 0;
}
.left_img_right_cont_flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.left_img {
flex: 0 0 50%;
max-width: 50%;
padding-right: 15px;
}
.right_content {
flex: 0 0 50%;
max-width: 50%;
padding-left: 15px;
}
.right_content p {
margin: 20px 0;
}
.right_content a {
display: inline-block;
}
@media (max-width: 767px) {
.left_img_right_cont_sec {
padding: 60px 0;
}
.left_img_right_cont_flex {
flex-wrap: wrap;
}
.left_img {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
}
.right_content {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
padding-left: 0;
margin-top: 30px;
}
.left_img img {
width: 100%;
}
}

/* ///////// LEFT IMAGE WITH RIGHT CONTENT SECTION END /////////  */

/* ///////// NEWSLETTER SECTION START ///////// */

.newsletter_sec {
background: var(--sec-grey-bg);
padding: 80px 0;
}
.newletter_content {
text-align: center;
max-width: 500px;
margin: 0 auto;
}
.newletter_content h3 {
margin-bottom: 10px;
}
.newsletter_form {
max-width: 525px;
margin: 20px auto 0;
}
.newsletter_form form {
display: flex;
align-items: center;
}
.form_input {
border: 1px solid #c7c7c7;
padding: 10.5px 15px;
font-family: var(--primary-font-family);
width: 100%;
outline: none;
background-color: var(--secondry-color);
font-size: 14px;
}
.form_input_group {
flex: 1 0 0;
max-width: 100%;
}
.form_input::placeholder {
color: #888888;
}
.form_input:focus {
border-color: var(--tertiary-color);
}
.form_btn input {
font-family: var(--primary-font-family);
border: 1px solid var(--primary-color);
cursor: pointer;
transition: 0.3s;
}
.form_btn input:hover {
color: var(--secondry-color);
border-color: var(--tertiary-color);
background: var(--tertiary-color);
}

/* ///////// NEWSLETTER SECTION END ///////// */

/* //////// INSTAGRAM SECTION START //////// */

.inst_sec {
background: var(--sec-grey-bg);
padding: 80px 0 65px;
}
.inst_icon_head {
display: flex;
align-items: center;
}
.inst_icon img {
display: block;
margin-right: 10px;
}
.inst_inner {
display: flex;
align-items: center;
justify-content: space-between;
margin: 15px 0 30px;
}
.inst_flex ul {
display: flex;
justify-content: center;
margin: 15px 0;
flex-wrap: wrap;
}
.inst_flex ul img {
display: block;
width: 100%;
}
.inst_flex ul li {
margin: 0 10px;
}

/* .inst_flex ul .slick-list.draggable {margin: 0 -10px;} */

/* //////// INSTAGRAM SECTION END //////// */

/* HOME BLOG SECTION START */

.blog_sec {
padding: 80px 0 60px;
}
.blog_heading_content {
text-align: center;
margin-bottom: 20px;
}
.blog_heading_content h2 {
margin-bottom: 20px;
}
.blog_flex {
display: flex;
display: -webkit-flex;
display: -moz-flex;
gap: 3%;
}
.blog_flex_box:hover {
box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.1);
transform: translateY(-5px);
}
.blog_flex_box:hover .blog_img img {
transform: scale(1.05);
}
.blog_flex_box {
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
transition: 0.3s;
position: relative;
margin: 0 15px;
}
.blog_flex .slick-list.draggable {
margin: 0 -15px;
padding: 20px 0;
}
.blog_flex_box > a {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.blog_inner_box {
padding: 15px;
background: var(--secondry-color);
}
.blog_tag h6 {
font-size: 12px;
background: rgba(125, 82, 49, 20%);
max-width: max-content;
padding: 2px 5px;
color: #656565;
font-weight: 400;
}
.blog_img {
overflow: hidden;
}
.blog_img img {
width: 100%;
height: 250px;
object-fit: cover;
object-position: center;
transition: 0.3s;
display: block;
}
.blog_content h5 {
margin-bottom: 10px;
}
.blog_content p {
font-size: 14px;
}
.blog_content {
margin: 15px 0;
}
.blog_link .simple_btn {
font-weight: 400;
font-size: 12px;
}
.blog_link .simple_btn:before {
height: 1px;
}
.read-more a b {
font-weight: 600;
}
.left-listing h6 {
margin-top: 20px;
margin-bottom: 20px;
}

/* HOME BLOG SECTION END */

/* /////// CART SECTION START ///// */

.table-bordered {
width: 100%;
}
.table-bordered thead tr th {
font-weight: 600;
font-size: 14px;
padding: 10px;
}
.table-bordered tbody td {
text-align: center;
}
.product_items_flex {
display: flex;
align-items: center;
}
.product_items_image {
flex: 0 0 100px;
max-width: 100px;
}
.product_items_name {
flex: 1 0 0;
max-width: 100%;
text-align: left;
padding-left: 16px;
}
.product_items_name a {
color: var(--primary-color);
}
.product_items_flex a {
display: flex;
font-weight: 500;
font-size: 16px;
}
.table-bordered tbody .price_text span,
.table-bordered tbody .price_text {
color: var(--primary-color);
padding: 0;
font-size: 14px;
font-weight: 500;
}
.itme_remove a {
width: 30px;
height: 30px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
background: var(--tertiary-color);
transform: rotate(45deg);
font-size: 20px;
color: var(--secondry-color);
transition: 0.3s;
}
.itme_remove a:hover {
background: var(--primary-color);
transform: rotate(135deg);
}
.pull_left_right {
display: inline-block;
width: 100%;
margin-top: 50px;
margin-bottom: 50px;
padding-bottom: 80px;
border-bottom: 1px solid var(--primary-color);
}

.payment_form_inner {
display: flex;
justify-content: space-between;
}
.pay_form_input {
flex: 0 0 49%;
max-width: 49%;
}
.pay_form_input_full {
flex: 0 0 100%;
}
.pay_form_input,
.pay_form_input_full {
margin-bottom: 20px;
position: relative;
}
.pay_form_input label,
.pay_form_input_full label {
display: inline-block;
margin-bottom: 6px;
font-size: 14px;
}
.form_payment .help-block {
position: absolute;
left: 0;
top: 100%;
font-size: 12px;
color: red;
}

.form_payment_flex {
display: flex;
display: -webkit-flex;
display: -moz-flex;
align-items: flex-start;
}
.form_payment_left {
flex: 0 0 64%;
max-width: 64%;
padding-right: 40px;
}
.form_payment_right {
flex: 0 0 36%;
max-width: 36%;
padding-left: 40px;
border-left: 1px solid #ccc;
}
.shipping_pay_inner .control-label {
font-size: 22px;
}
.shipping_pay_inner label {
display: flex;
position: relative;
margin: 15px 0;
}
.shipping_pay_inner label input {
width: max-content;
}
.shipping_pay_inner input {
opacity: 0;
margin-right: 10px;
}
.shipping_pay_inner input + span {
position: absolute;
width: 20px;
height: 20px;
border: 1px solid black;
border-radius: 2px;
top: 2px;
cursor: pointer;
}
.shipping_pay_inner input:checked + span {
background: var(--tertiary-color);
border-color: var(--tertiary-color);
}
.shipping_pay_inner input:checked + span:before {
content: "✔";
position: absolute;
top: 0px;
left: 4px;
color: var(--secondry-color);
font-size: 12px;
}
.shipping_pay_sec {
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
padding-bottom: 15px;
}
.pay_total_title {
display: flex;
justify-content: space-between;
padding: 15px;
}
.shipping_pay_sec.margin_bottom_zero {
margin-bottom: 0;
}
.checkout_btn_sec_main button.btn-success {
margin-top: 25px;
}
.shipping_pay_inner.form-group.has-error {
position: relative;
}

@media (max-width: 1023px) {
.shipping_pay_inner .control-label {
font-size: 18px;
}
.form_payment_left {
padding-right: 20px;
}
.form_payment_right {
padding-left: 20px;
}
}

@media (max-width: 767px) {
.form_payment_flex {
flex-wrap: wrap;
}
.form_payment_left {
padding-right: 0px;
flex: 0 0 100%;
max-width: 100%;
}
.form_payment_right {
padding-left: 0px;
flex: 0 0 100%;
max-width: 100%;
border: 0;
margin-bottom: 50px;
}
.checkout_btn_sec_main .pull-right {
float: left;
}
}

/* ///////// CART SECTION END ///// */

/* ///// DETAIL PAGE START ///// */
.listing-banner-sec {
padding: 100px 0;
position: relative;
background-color: var(--tertiary-color);
}
.listing-banner-sec:before {
position: absolute;
content: "";
width: 50%;
height: 100%;
top: 0;
right: 0;
background-image: url("../image/pexels.png");
clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0 100%);
}
.banner-content {
max-width: 500px;
position: relative;
padding: 0 15px;
}
.blog-post-content ul.detail-banner-list {
background: var(--tertiary-color);
}
ul.detail-banner-list {
max-width: max-content;
background: var(--primary-color);
padding: 10px;
margin-bottom: 16px;
}
ul.detail-banner-list li a,
.about-author ul li a,
.about-author ul {
color: var(--secondry-color);
font-size: 14px;
}
.about-author ul li {
display: inline-block;
color: var(--secondry-color);
}
.listing-title > * {
color: var(--secondry-color);
line-height: 1.2;
margin: 20px 0;
}

.listing-contain {
display: flex;
padding: 80px 0 80px;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.left-listing {
flex: 0 0 67%;
max-width: 67%;
}
.left-listing p {
margin-bottom: 26px;
}
.left-listing p:last-child {
margin-bottom: 0;
}
.right-listing {
flex: 0 0 30%;
max-width: 30%;
}
.right-listing > div:not(:last-child) {
margin-bottom: 20px;
}
.card--popular__title p {
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 20px;
}
.card-popular-item {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #d9d9d9;
transition: 0.5s ease;
}
.card-popular-item-image img {
width: 70px;
height: 70px;
object-fit: cover;
border-radius: 4px;
}
.card-popular-item-image {
flex: 0 0 auto;
}
.card-popular-item-content {
flex: 1 0 0;
padding: 0 0 0 20px;
color: var(--primary-color);
font-size: 14px;
}
.card-popular > a.card-popular-item:hover {
transform: translate(10px);
border-color: var(--tertiary-color);
}
.author-link {
color: var(--tertiary-color);
}
ul.reqData > li {
display: inline-block;
margin: 0 5px 10px 0;
}
ul.reqData > li > a {
padding: 12px 15px;
border: 1px solid #dedede;
border-radius: 4px;
line-height: 1;
display: block;
color: var(--primary-color);
font-size: 14px;
}
ul.reqData > li > a:hover {
background: var(--tertiary-color);
color: var(--secondry-color);
border-color: transparent;
}
ul.listing-icons li {
display: inline-block;
width: 40px;
height: 40px;
background: initial;
line-height: 40px;
text-align: center;
border-radius: 100%;
transition: 0.5s ease;
color: #7d838c;
}
ul.listing-icons li:hover {
background: var(--tertiary-color);
border-color: transparent;
}
ul.listing-icons li:hover a i {
color: var(--secondry-color);
}
ul.listing-icons li a i {
color: #656565;
}
ul.listing-icons li a {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
}

.post-pagination {
display: flex;
justify-content: center;
align-items: center;
}
.prev-post {
flex: 1 0 0%;
text-align: right;
padding-right: 30px;
}
.home-blog {
padding: 30px;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
flex: 0 0 200px;
text-align: center;
}
.next-post {
flex: 1 0 0%;
text-align: left;
padding-left: 30px;
}
.text-inr a,
.nav-text a {
color: var(--primary-color);
transition: 0.3s;
}
.text-inr a:hover,
.nav-text a:hover {
color: var(--tertiary-color);
}
.about_author ul li:first-child .about-author-inr {
color: var(--tertiary-color);
}
.about-author-inr {
font-size: 14px;
}
ul.listing-icons li a svg path {
fill: var(--tertiary-color);
}
ul.listing-icons li:hover a svg path {
fill: white;
}
a.button svg path {
fill: white;
}
/* RESPONSIVE */
@media (max-width: 1024px) {
.left-listing,
.right-listing {
flex: 0 0 100%;
max-width: 100%;
}
.right-listing {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.listing-banner {
padding: 50px 0 !important;
}
.listing-banner-sec:before {
width: 100%;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0 100%);
}
.banner-content {
z-index: 1;
}
.listing-banner-sec:after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(34, 33, 96, 0.5);
z-index: 0;
}
.text-inr {
display: none;
}
.listing-contain {
padding: 50px 0;
}
.home-blog {
padding: 0 20px;
flex: 0 0 70px;
}
}

/* /////// RELATED POSTS  //////// */
.related-posts {
padding: 80px 0;
margin-top: 80px;
background: var(--sec-grey-bg);
}
.related-posts .post-heading {
margin-bottom: 30px;
}
.post-heading h3 {
text-align: center;
}
.related_blog_post {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.posts {
flex: 0 0 31.33%;
max-width: 31.33%;
margin: 15px 0 15px 0;
transition: all 0.3s;
box-shadow: 0 0 17px rgb(0 0 0 / 9%);
border-radius: 8px;
overflow: hidden;
border: 1px solid #d9d9d9;
background-color: var(--secondry-color);
}
.posts:hover {
box-shadow: 0px 4px 8px rgb(0 0 0/20%);
transform: scale(1.01);
transition: 0.3s;
}
.blog-post-content {
padding: 15px 25px;
}
.about_author ul li {
display: inline-block;
color: #000000;
}
.about_author ul li .about-author-inr {
color: #000000;
}
.about_author ul {
color: #000000;
}
.blog-post__body p {
font-size: 14px;
}
.about_author {
margin: 10px 0;
}
a.rp-link {
position: relative;
transition: 0.3s;
display: inline-block;
margin-top: 15px;
font-size: 14px;
color: var(--primary-color);
}
.read-more a:hover,
a.rp-link:hover {
color: var(--tertiary-color);
}
a.rp-link:before {
position: absolute;
content: "\f061";
font-family: "fontawesome";
right: -25px;
color: inherit;
top: 3px;
}
.text-inr a span {
display: inline-block;
width: 100%;
font-weight: 400;
font-size: 16px;
}
.post-card img {
display: block;
height: 250px;
width: 100%;
object-fit: cover;
object-position: center;
}
.related_blog_post {
justify-content: start;
column-gap: 20px;
}
/* RESPONSIVE */
@media (max-width: 767px) {
.posts {
flex: 0 0 100%;
max-width: 100%;
}
.related-posts {
padding: 60px 0;
margin-top: 60px;
}
.blog-post-content {
padding: 15px 15px;
}
.post-card img {
height: 200px;
}
}

/* /////// LISTING PAGE START  /////// */
.blog-listing-page {
padding: 80px 0 45px;
}
.author-inr li > *,
.author-inr li {
font-size: 14px;
}
.listing-banner {
padding: 80px 0;
position: relative;
background-color: #7d5231;
}
.listing-banner:before {
position: absolute;
content: "";
width: 50%;
height: 100%;
top: 0;
right: 0;
background: #986742;
clip-path: polygon(300px 0, 100% 0%, 100% 100%, 0% 100%);
}
.list-banner-content > * {
color: var(--secondry-color);
max-width: 530px;
}
.list-banner-content {
position: relative;
}
.listing-container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.left-area {
flex: 0 0 67%;
max-width: 67%;
display: flex;
flex-wrap: wrap;
}
a.blog-index__post-image-inr {
height: 100%;
}
a.blog-index__post-image-inr > img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-right: 1px solid #eee;
}
.blog-index__post {
display: flex;
transition: 0.3s;
flex-wrap: wrap;
overflow: hidden;
box-shadow: 0 1px 11px 0px hsl(0deg 0% 54% / 18%);
border-radius: 20px;
width: 100%;
position: relative;
}
.post-image {
flex: 1;
position: relative;
}
.post-content {
flex: 2;
padding: 20px;
margin: 0;
}
.post-content h5 a {
color: var(--primary-color);
}
.post-body-content {
position: relative;
margin-bottom: 20px;
padding-bottom: 20px;
margin-top: 15px;
}
.post-body-content p {
font-size: 14px;
}
.post-body-content:after {
content: "";
max-width: 100%;
width: 100%;
height: 1px;
background: #eee;
position: absolute;
bottom: 0;
left: 0;
}
ul.author-inr li {
position: relative;
display: inline-block;
margin-right: 10px;
padding: 0;
}
ul.author-inr li a {
display: inline;
}
ul.author-inr > li:not(:first-child)::after {
content: "";
width: 5px;
height: 5px;
position: absolute;
background: #7d5231;
top: 50%;
transform: translateY(-50%);
border-radius: 5px;
left: -2px;
}
ul.author-inr > li:not(:first-child) {
margin-left: 0px;
padding-left: 8px;
}
.author-blog-content > a {
display: flex !important;
justify-content: center;
align-items: center;
position: absolute;
width: 30px;
height: 30px;
text-align: center;
display: inline-block;
line-height: 40px;
border-radius: 4px;
color: var(--secondry-color);
right: 20px;
border: 1px solid #d4d4d4;
transition: 0.5s;
bottom: 3px;
transform: translateY(-50%);
background: #7d5231;
}
.card-popular-item-image img {
display: block;
}
.blog-index__post:hover {
box-shadow: 0px 4px 8px rgb(0 0 0/20%);
transform: scale(1.01);
}
.blog-index__post:not(:last-child) {
margin-bottom: 35px;
}
.blog-index__post:last-child {
margin-bottom: 0;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
.left-area {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 767px) {
.post-image,
.post-content {
flex: 0 0 100%;
max-width: 100%;
}
/* .author-blog-content>a{top:94%} */
.author-blog-content > a {
width: 30px;
height: 30px;
right: 20px;
}
a.blog-index__post-image-inr > img {
height: 200px;
}
}

/* //////// AUTHOR PAGE ///////// */
.author-banner {
padding: 100px 0;
background-color: #7d5231;
}
.content-author > * {
color: var(--secondry-color);
}
/* RESPONSIVE */
@media (max-width: 767px) {
.author-banner {
padding: 50px 0;
}
.blog-listing-page {
padding: 50px 0;
}
}

@media (max-width: 767px) {
.cart-home-btn img {
max-width: 100%;
}
.image-cart-img {
padding-right: 15px;
}
}
@media (max-width: 639px) {
.cart-sec-inner > div {
flex: 0 0 100%;
max-width: 100%;
}
.image-cart > div {
width: 100%;
}
.cart-home-btn img {
max-width: 100px;
}
.cart-product-detail {
margin-top: 20px;
}
.image-cart-data {
text-align: right;
}
.image-cart-data .cart__remove {
margin: 6px 0 0 auto;
}
}

/* /////// CART SECTION END ///// */

/* /////// PRODUCT SECCTION START ///// */

.product-section {
padding: 80px 0;
}
.product-section-inr {
display: flex;
justify-content: space-between;
}
.tabbed-image {
flex: 0 0 62.5%;
max-width: 62.5%;
}
.fieldset-btns {
flex: 0 0 37.5%;
max-width: 37.5%;
}
.small-tab-img {
display: flex;
}
.sc-new-price {
padding-left: 0;
padding-right: 0;
}
.small-tab-img img {
max-width: 60px;
max-height: 60px;
margin-right: 10px;
cursor: pointer;
}
.fieldset-btns {
padding-left: 30px;
}
.small-tab-img.slider-nav {
margin-top: 15px;
}
fieldset.radio__fieldset {
border: none;
padding: 0;
margin: 0 -2.5px;
}
.product__headline {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
flex-direction: column;
align-items: flex-start;
}
.radio__button input,
.swatch__button input {
opacity: 0;
width: 0;
height: 0;
margin: 0;
display: none;
}
.radio__button {
display: inline-block;
padding: 0;
margin-bottom: 15px;
}
.radio__fieldset .radio__button input:checked ~ label {
color: var(--secondry-color);
background-color: black;
border: 1px solid hsla(0, 0%, 100%, 0);
}
.radio__button label {
padding: 5px 10px 5px;
border: 1px solid #c7c7c7;
display: inline-block;
margin: 5px 2.5px;
font-size: 14px;
cursor: pointer;
transition: 0.3s;
border-radius: 4px;
}
legend.radio__legend {
padding: 0;
margin: 0 2.5px 4px;
}
.radio__button label:hover {
background: #f7f7f7;
}
.radio__legend span:last-child {
display: inline-block;
margin-left: 10px;
padding-left: 13px;
border-left: 1px solid #c7c7c7;
}
.radio__legend span {
font-size: 14px;
}
.selector-wrapper-second {
margin-top: 20px;
}
.quantity-selector {
position: relative;
margin: 20px 0;
max-width: 103px;
min-width: 75px;
overflow: visible;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.js-qty__adjust {
cursor: pointer;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
padding: 0 12px;
top: 0;
bottom: 0;
border: 0;
background: none;
text-align: center;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
transition: all 0.2s ease-out;
}
.js-qty__adjust--minus {
left: 0;
}
.js-qty__adjust--plus {
right: 0;
}
.quantity.js-qty__num {
display: block;
background: none;
text-align: center;
width: 100%;
padding: 10px 30px;
margin: 0;
outline: none;
}
.add_and_buy a {
margin: 15px 0;
}
.intro_sec p {
margin: 15px 0;
font-size: 14px;
}
.intro_sec p:last-child {
margin-bottom: 0;
}
.sc-new-price {
color: var(--tertiary-color);
}

@media (max-width: 991px) {
.radio__button label {
font-size: 12px;
}
}
@media (max-width: 767px) {
.product-section {
padding: 60px 0;
}
.product-section-inr {
flex-wrap: wrap;
}
.tabbed-image {
flex: 0 0 100%;
max-width: 100%;
}
.fieldset-btns {
flex: 0 0 100%;
max-width: 100%;
padding-left: 0;
margin-top: 30px;
}
}

/* /////// PRODUCT SECCTION END ///// */

/* OUR TEAM SECTION START */

.our_team_sec {
padding: 80px 0 65px;
}
.our_team_heading_content {
text-align: center;
margin-bottom: 20px;
}
.our_team_flex {
display: flex;
display: -webkit-flex;
display: -moz-flex;
flex-wrap: wrap;
gap: 3%;
}
.our_team_box {
flex: 0 0 22.75%;
max-width: 22.75%;
position: relative;
margin: 15px 0;
cursor: pointer;
}
.our_team_image img {
width: 100%;
object-fit: cover;
object-position: top;
height: 250px;
display: block;
transition: 0.3s;
}
.our_team_social ul li a svg path {
fill: var(--secondry-color);
}
.our_team_image {
position: relative;
overflow: hidden;
}
.our_team_social {
position: absolute;
bottom: -60px;
left: 0;
width: 100%;
padding: 60px 0 15px;
background: linear-gradient(transparent, rgb(0 0 0 / 92%));
opacity: 0;
visibility: hidden;
z-index: -1;
transition: 0.3s;
}
.our_team_social ul {
display: flex;
align-items: center;
justify-content: center;
padding: 0px 15px;
gap: 15px;
}
.our_team_social li:hover {
transform: translateY(-5px);
}
.our_team_name {
text-align: center;
margin-top: 8px;
}
.our_team_destination p {
font-size: 12px;
text-align: center;
}
.our_team_box_list:hover .our_team_social {
opacity: 1;
visibility: visible;
z-index: 0;
bottom: 0;
}
.our_team_social li {
transition: 0.3s;
}
.our_team_box_list:hover .our_team_image img {
transform: scale(1.05);
}
.our_team_box_popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
width: calc(880px - 15px);
padding: 15px;
max-height: calc(100vh - 100px);
margin: 0 auto;
overflow-y: auto;
z-index: 1;
background: var(--secondry-color);
overflow-x: hidden;
transition: 0.3s;
}
.our_team_box_popup_inner {
padding: 15px;
}
.our_team_box_popup_flex {
display: flex;
display: -webkit-flex;
display: -moz-flex;
gap: 30px;
}
.our_team_box_popup_flex_left {
flex: 0 0 35%;
max-width: 35%;
}
.our_team_box_popup_img img {
display: block;
width: 100%;
height: 250px;
object-fit: cover;
object-position: top;
}
.our_team_box_popup_social ul {
display: flex;
align-items: center;
gap: 15px;
justify-content: center;
margin-top: 10px;
}
.our_team_box_popup_social ul li a svg path {
fill: var(--primary-color);
}
.our_team_box_popup_social ul li a:hover {
transform: translateY(-3px);
}
.our_team_box_popup_bio p {
font-size: 14px;
margin: 15px 0;
}
.our_team_box_popup_bio p:last-child {
margin-bottom: 0;
}
.our_team_box_popup_name p {
font-size: 12px;
background: rgba(125, 82, 49, 20%);
max-width: max-content;
padding: 2px 5px;
color: #656565;
}
.our_team_box_popup_close {
position: absolute;
right: 10px;
top: 10px;
width: 30px;
height: 30px;
background: var(--primary-color);
display: flex;
align-items: center;
justify-content: center;
color: var(--secondry-color);
border-radius: 100%;
transform: rotate(45deg);
font-size: 20px;
cursor: pointer;
transition: 0.3s;
}
.our_team_box_popup_close:hover {
background: var(--tertiary-color);
transform: rotate(-135deg);
}
.our_team_box_popup.our_team_popup_show {
transform: translate(-50%, -50%) scale(1);
z-index: 2;
}
.overlay {
position: relative;
overflow: hidden;
}
.overlay:before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 2;
}
@media (max-width: 991px) {
.our_team_box {
flex: 0 0 31.33%;
max-width: 31.33%;
}
.our_team_box_popup {
width: calc(100vw - 30px);
}
}
@media (max-width: 767px) {
.our_team_image img {
height: 200px;
}
}
@media (max-width: 639px) {
.our_team_box_popup_flex {
flex-wrap: wrap;
gap: 0;
}
.our_team_box {
flex: 0 0 48.5%;
max-width: 48.5%;
}
.our_team_box_popup_flex_left {
flex: 0 0 320px;
max-width: 320px;
margin: 0 auto;
}
.our_team_box_popup_flex_right {
text-align: center;
}
.our_team_box_popup_name p {
margin: 5px auto 0;
}
}
@media (max-width: 479px) {
.our_team_box {
flex: 0 0 100%;
max-width: 100%;
margin: 15px auto;
}
.our_team_image img {
height: 240px;
}
}

/* //////// CONTACT US BANNER SECTION START //////// */

.banner-section {
background-image: url("../image/contact-banner.jpg");
padding: 100px 0;
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.banner-section:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
right: 0;
left: 0;
background: var(--primary-color);
opacity: 0.5;
}
.banner-section > div {
position: relative;
}
.banner-title > * {
color: var(--secondry-color);
}

/* /////// CONTACT US BANNER SECTION END  /////// */

.contact-info-section {
padding: 100px 0;
}
.contact-bio > h4 {
margin-bottom: 20px;
}
.form-title {
margin-bottom: 40px;
}
.contact-row-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.contact-bio {
flex: 0 0 40%;
max-width: 38%;
}
.contact-form {
flex: 1;
max-width: 58%;
padding: 30px;
background: var(--secondry-color);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.contact-items {
position: relative;
display: flex;
flex-wrap: wrap;
}
.cont-icon {
flex: 0 0 20px;
padding-right: 10px;
}
.cont-content {
flex: 1;
}
.contact-bio-iner > div + div {
margin-top: 16px;
}
.contact-follow-up {
margin-top: 40px;
}
.row-social-icon {
display: flex;
flex-wrap: wrap;
}
.row-social-icon > li > a {
display: flex;
}
.row-social-icon > li > a:hover {
transform: translateY(-3px);
}
.row-social-icon > li > a > svg {
width: 16px;
height: 16px;
}
.row-social-icon > li + li {
margin-left: 10px;
}
.row-social-icon > li {
margin-top: 10px;
}
.contact-form > form > fieldset {
border: oldlace;
padding: 0;
margin: 0;
}
.column-two {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.input_field {
display: flex;
flex-wrap: wrap;
margin-bottom: 16px;
}
.input_field > * {
flex: 0 0 100%;
}
.column-two > .input_field {
flex: 0 0 calc(50%);
max-width: 48%;
}
label {
margin-bottom: 10px;
}
.cont-content a {
color: currentColor;
}

/* /////// TWO COLUMN SECTION START ///// */

.section-two-column {
padding: 100px 0;
}
.row-heading {
text-align: center;
margin-bottom: 100px;
}
.row-heading > * + * {
margin-top: 20px;
}
.row-wrap > div + div {
margin-top: 100px;
}
.row-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.row-wrapper > div {
flex: 0 0 calc(100% / 2);
max-width: 48%;
}
.col-image > img {
height: 100%;
width: 100%;
object-fit: cover;
}
.col-content {
padding: 20px 0;
}
.col-content > * + * {
margin-top: 20px;
}

/* /////// TWO COLUMN SECTION END ///// */

/* /////// TESTIMONIAL SECTION START /////// */

.card-reviews {
text-align: center;
max-width: 790px;
margin: 0 auto;
}
.profile-image > img {
width: 120px;
height: 120px;
object-fit: cover;
border-radius: 100px;
box-shadow: 0 12px 22px 0 rgba(0, 0, 0, 0.3);
}
.section-testimonial {
padding: 100px 0;
}
.card-reviews > div + div {
margin-top: 30px;
}
.profile-image {
display: flex;
justify-content: center;
}

/* /////// TESTIMONIAL SECTION END /////// */

/* /////// Terms Condition SECTION START /////// */

.normal_content_sec {
padding: 80px 0;
display: block;
}
.normal_content_sec h2 {
margin-bottom: 30px;
}
.normal_content_sec p {
margin: 15px 0;
}
.normal_content_sec ul li {
margin: 10px 0;
position: relative;
list-style: disc;
}
.normal_content_sec ul {
padding-left: 30px;
}
.normal_content_sec p,
.normal_content_sec ul li {
font-size: 14px;
}
.normal_content_sec a {
display: inline-block;
color: #7d5231;
text-decoration: underline;
}
@media (max-width: 767px) {
.normal_content_sec {
padding: 60px 0;
}
}

/* /////// Terms Condition SECTION END /////// */

/* /////// CATEGORY SECTION START /////// */

.category_sec .latest_product_flex {
gap: 3%;
flex-wrap: wrap;
}
.latest_product_list.category-list {
flex: 0 0 31.33%;
max-width: 31.33%;
margin: 15px 0;
}
.latest_product_name del {
color: #a3a3a3;
margin-left: 10px;
}
.price del {
color: #a3a3a3;
}
.one-col-set.tab-content {
margin-top: 30px;
}
.category-icons {
margin: 0 0px;
display: flex;
gap: 12px;
}
.category-tabbed-sec {
border-bottom: 1px solid rgb(227, 220, 220);
display: flex;
margin-bottom: 30px;
padding-bottom: 20px;
justify-content: space-between;
align-items: center;
}
.category-icons a {
width: 34px;
height: 34px;
transition: 0.3s;
border: 1px solid var(--primary-color);
padding: 8px;
color: var(--primary-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.category-icons a.current {
background: var(--tertiary-color);
border-color: var(--tertiary-color);
}
.category-icons a.current i {
color: var(--secondry-color);
}
.category-icons a:hover,
.category-icons a.current {
color: var(--secondry-color);
border-color: var(--tertiary-color);
background: var(--tertiary-color);
}
.category-icons a:hover i,
.category-icons a.current i,
.category-icons a:hover svg g,
.category-icons a.current svg g,
.category-icons a:hover svg path,
.category-icons a.current svg path {
fill: var(--secondry-color);
}
.one-col-cat {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 20px;
align-items: center;
border-bottom: 1px solid #c7c7c7;
padding-bottom: 30px;
}
.image-set {
flex: 0 0 30%;
max-width: 30%;
}
.content-set {
flex: 0 0 70%;
max-width: 70%;
padding: 20px;
}
.content-set p {
font-size: 14px;
}
p.price {
color: #7d5231;
margin-bottom: 15px;
margin-top: 8px;
}
.tab-content {
display: none;
}
.tab-content.current {
display: block;
}
.one-col-cat:last-child {
margin-bottom: 0;
}
.cat-btn {
max-width: max-content;
margin-top: 15px;
}
.pagination {
margin-top: 40px;
}
ul.category-pagination li {
display: inline-block;
margin-right: 30px;
border: 1px solid var(--primary-color);
padding: 5px 10px;
color: var(--primary-color);
}
ul.category-pagination {
text-align: right;
}
.toolbar-shorter {
display: flex;
align-items: center;
flex: 0 0 50%;
max-width: 50%;
justify-content: flex-end;
}
.filter {
flex: 0 0 50%;
max-width: 50%;
position: relative;
padding-right: 15px;
}
.search_filter {
flex: 0 0 50%;
max-width: 50%;
padding-left: 15px;
}
.filter_text {
font-size: 14px;
padding: 10px 15px;
border: 1px solid #c7c7c7;
background: var(--sec-white-bg);
cursor: pointer;
}
.filter_dropdown {
position: absolute;
top: 100%;
left: 0;
width: calc(100% - 15px);
background: var(--sec-white-bg);
border: 1px solid #c7c7c7;
border-top: 0;
transition: 0.3s;
max-height: 0px;
overflow: hidden;
transform: translateY(-10px);
z-index: -1;
}
.filter_dropdown.filter_dropdown_showing {
max-height: 9999px;
transform: translateY(0px);
z-index: 1;
}
.filter_dropdown ul li a {
color: var(--primary-color);
font-size: 14px;
padding: 6px 15px;
}
.filter_dropdown ul li a:hover {
background: #e9e9e9;
}
.filter_result {
margin-bottom: 10px;
}


/*LOADING STYLE START*/

.loading_payment {
height: 600px;
position: relative;
}
#loading-bar-spinner.spinner {
left: 50%;
margin-left: -20px;
top: 50%;
margin-top: -20px;
position: absolute;
z-index: 19;
animation: loading-bar-spinner 400ms linear infinite;
}
#loading-bar-spinner.spinner .spinner-icon {
width: 40px;
height: 40px;
border:  solid 4px transparent;
border-top-color:  #7d5232;
border-left-color: #7d5232;
border-radius: 50%;
}
@keyframes loading-bar-spinner {
0%   { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.loading_payment_text {
position: absolute;
content: '';
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
}

@media(max-width:767px){
  .loading_payment {
    height: 300px;
  }
  .loading_payment_text {top: 60%;}
}

/*LOADING STYLE END*/


/* RESPONSIVE */
@media (max-width: 991px) {
.toolbar-shorter {
display: flex;
align-items: center;
flex: 0 0 70%;
max-width: 70%;
}
}
@media (max-width: 767px) {
.latest_product_list.category-list {
flex: 0 0 48.5%;
max-width: 48.5%;
}
.image-set,
.content-set {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
a.primary_btn.cat-btn {
margin: 15px auto 0;
}
}

@media (max-width: 639px) {
/*.latest_product_list.category-list{flex: 0 0 100%; max-width:100%;}*/
/*.latest_product_list.category-list .latest_product_image {min-height: 200px;}*/
.latest_product_image a img {
height: 220px;
}
.latest_product_image {
min-height: 220px;
}
.category-tabbed-sec {
flex-wrap: wrap;
}
.category-icons {
margin: 0 0px 15px;
}
.toolbar-shorter {
flex: 0 0 100%;
max-width: 100%;
flex-wrap: wrap;
}
.filter {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0px;
}
.search_filter {
flex: 0 0 100%;
max-width: 100%;
padding-left: 0px;
margin-top: 15px;
}
.filter-search {
flex-wrap: wrap;
}
.toolbar-shorter form,
.toolbar-shorter form .pull-right {
width: 100%;
}
.filter-search select {
flex: 0 0 100%;
max-width: 100%;
height: 44px;
}
}
@media (max-width: 479px) {
.latest_product_image a img {
height: 150px;
}
.latest_product_image {
min-height: 150px;
margin-bottom: 10px;
}
}

/* /////// CATEGORY SECTION END /////// */

/* //////// FOOTER SECTION START //////// */

.footer_sec {
border-top: 1px solid #d2d2d2;
padding: 60px 0 0;
}
.footer_flex {
display: flex;
display: -webkit-flex;
display: -moz-flex;
flex-wrap: wrap;
}
.footer_col {
flex: 0 0 22.75%;
max-width: 22.75%;
margin: 15px 3% 15px 0;
}
.footer_col:nth-child(4n) {
margin-right: 0;
}
.footer_content {
margin: 15px 0;
}
.footer_logo img {
display: block;
}
.footer_logo a {
width: max-content;
}
.footer_social ul {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 15px;
}
.footer_social ul img {
display: block;
}
.footer_menu ul li a {
display: block;
color: var(--primary-color);
font-size: 14px;
margin: 10px 0;
position: relative;
max-width: max-content;
}
.footer_menu ul li a:before {
position: absolute;
content: "";
bottom: -1px;
left: 0;
width: 0;
height: 1px;
background: var(--tertiary-color);
transition: 0.3s;
}
.footer_menu ul li a:hover:before {
width: 100%;
}
.footer_menu ul li a:hover {
color: var(--tertiary-color);
}
.footer_col h6 {
position: relative;
margin-bottom: 20px;
padding-bottom: 20px;
}
.footer_col h6:before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 40px;
height: 1px;
background: var(--primary-color);
}
.copyright_sec {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 40px;
border-top: 1px solid #d2d2d2;
margin-top: 40px;
}
.copyright_text p {
font-size: 14px;
}
.copyright_payment_img img {
display: block;
width: 100%;
height: 100%;
max-width: 120px;
}

/* //////// FOOTER SECTION END //////// */

@media (max-width: 991px) {
h1 {
font-size: 40px;
}
h2 {
font-size: 34px;
}
h3 {
font-size: 30px;
}
p {
font-size: 14px;
}
.inst_flex ul {
gap: 10px;
}
.parallax_sec {
padding: 80px 0;
}
.services_card {
flex: 0 0 33.33%;
max-width: 33.33%;
}

.footer_col.footer_logo_with_content {
flex: 0 0 100%;
max-width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.footer_col {
flex: 0 0 31.33%;
max-width: 31.33%;
}

.copyright_sec {
padding: 20px 15px;
}
}

@media (max-width: 767px) {
h1 {
font-size: 40px;
}
h2 {
font-size: 34px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 16px;
}
p {
font-size: 14px;
}

.banner_sec {
padding: 60px 0;
}
.banner_flex {
flex-wrap: wrap;
flex-direction: column-reverse;
}
.banner_content {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
text-align: center;
}
.banner_image {
flex: 0 0 100%;
max-width: 100%;
padding: 0;
margin-bottom: 30px;
}
.banner_image img {
max-width: 250px;
}
.banner_logo img {
margin: 20px auto 20px;
}
.banner_btn {
justify-content: center;
}

.fashion_sec {
padding-bottom: 60px;
}
.fashion_flex {
flex-wrap: wrap;
}
.fashion_left {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
margin-bottom: 20px;
}
.fashion_right {
flex: 0 0 100%;
max-width: 100%;
padding-left: 0;
text-align: center;
}
.fashion_right .simple_btn {
margin: 0 auto;
}

.latest_product_sec {
padding: 60px 0;
}

.black_white img {
width: 100%;
}

.left_right_content_sec {
padding: 60px 0;
}
.left_right_left_side {
flex: 0 0 100%;
max-width: 100%;
}
.left-right_flex {
flex-wrap: wrap;
text-align: center;
gap: 10px;
}
.left_right_right_side {
flex: 0 0 100%;
max-width: 100%;
border-left: 0;
padding-left: 0;
}

.newsletter_sec {
background: var(--sec-grey-bg);
padding: 60px 0;
}

.services_sec {
padding: 45px 0;
}
.services_card {
flex: 0 0 47%;
max-width: 47%;
}

.footer_flex {
text-align: center;
}
.footer_logo a {
margin: 0 auto;
}
.footer_social ul {
justify-content: center;
}
.footer_col h6:before {
left: 50%;
transform: translateX(-50%);
}
.footer_col {
flex: 0 0 100%;
max-width: 100%;
}
.footer_menu ul li a {
margin: 8px auto;
}
.copyright_sec {
flex-direction: column-reverse;
}
.copyright_payment_img {
margin: 0 0 15px;
}
.copyright_text p {
text-align: center;
}
}

/* Blog--STyle */
.list-banner-image img {
border-radius: 50%;
width: 270px;
height: 270px;
}
.list-banner-image {
flex: 0 0 auto;
}
.list-banner {
display: flex;
flex-wrap: wrap;
align-items: center;
}

.list-banner-content {
flex: 1 0 0;
padding-left: 50px;
}

.banner-icon-list > * {
color: white;
}

.banner-icon-list .listing-icons li a svg path {
fill: white;
}

.banner-icon-list {
margin-top: 16px;
}

.banner-icon-list ul.listing-icons li a {
align-items: center;
justify-content: flex-start;
}
.banner-icon-list ul.listing-icons {
margin-left: 5px;
}

/* YOUR ORDER PAGE START */

.order-title {
margin-bottom: 30px;
}
.order-title {
margin-bottom: 30px;
}
.col-order-list .table-bordered {
border-color: black;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border-color: #000;
font-size: 12px;
padding: 16px 10px;
}
.col-order-list .table-bordered thead tr th {
background: #000000;
color: #fff;
border-color: #000;
text-align: center;
}
.col-order-list .table-bordered tr td a[data-toggle="modal"] {color: #7d5231;text-decoration: underline;}
.col-profile-details .tabbing li {width: 100%;display:inline-block;}
.col-profile-details .tabbing li.active a {background: var(--tertiary-color);color: #fff;display:inline-block;width:100%;padding:15px 15px;}
.col-profile-details .tabbing li a {text-decoration:none;}

/* YOUR ORDER PAGE END */



.forget_section .page-center {
    max-width: 500px;
}

.forget_section {
    padding: 120px 0;
}

.forget_section .title {
    margin-bottom: 30px;
    text-align: center;
}

.forget_section .alert.alert-success {
    text-align: center;
    margin-bottom: 25px;
}

.forget_form_button_bottom {
    margin-top: 30px;
    text-align: center;
}



.panel-body .form-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.panel-body .form-row .form-group {flex: 0 0 48%;max-width: 48%;margin-bottom: 16px;}

.panel-body .form-row .form-group .control-label {width: 100%;display: inline-block;}

.panel-body .form-row .form-group .form-control {
border: 1px solid #c7c7c7;
padding: 10.5px 15px;
font-family: var(--primary-font-family);
width: 100%;
outline: none;
background-color: var(--secondry-color);
font-size: 14px;
}
.panel-body .form-row .form-group .status_message {
font-size: 14px;
color: red;
display: inline-block;
line-height: 20px;
width: 100%;
margin-top: 5px;
} 
.payment_method_sec {
padding: 100px 0;
max-width: 800px;
margin: 0 auto;
}
.payment_method_sec .credit-card-box {
max-width: 100%;
padding: 30px;
background: var(--secondry-color);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.panel-body .form-row.button_full_width {
flex: 0 0 100%;
max-width: 100%;
margin-top: 10px;
}
.panel-body .form-row.button_full_width button {
min-width: 100%;
width: 100%;
padding: 12px 20px;
}
.panel-body .form-row.button_full_width 
.col-xs-12 {
width: 100%;
}



/* RESPONSIVE */
@media (max-width: 767px) {
.list-banner > div {
flex: 0 0 100%;
padding-left: 0;
text-align: center;
}
.list-banner-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.banner-icon-list ul.listing-icons li a {
align-items: center;
justify-content: center;
}
.panel-body .form-row .form-group {flex: 0 0 100%;max-width: 100%;margin-bottom: 16px;}
.payment_method_sec {padding: 60px 0;}
}
