/*----------------------------------[Table of contents]----------------------------------
# newsletter-modal css
# home-slider css
# banner-area css
# product-tab css
# collection-product-list css
# testimonial css
---------------------------------------------------------------------------------------*/

/************************************* newsletter-modal css start *************************************/
/*====================================
    newsletter-modal css
====================================*/
@media (min-width: 768px) {
    .newsletter-modal .newsletter-info .newsletter-content .newsletter-form .news-wrap input {
        border-radius: var(--border-radius) 0px 0px var(--border-radius);
    }
    .newsletter-modal .newsletter-info .newsletter-content .newsletter-form .news-wrap button {
        border-radius: 0px var(--border-radius) var(--border-radius) 0px;
    }
}
/************************************* newsletter-modal css end *************************************/

/************************************* home-slider css start *************************************/
/*====================================
    home-slider swiper css
====================================*/
.slider-content .home-slider.swiper:not(.swiper-initialized) .swiper-slide:not([style]) {
    width: 100%;
}

/*====================================
    slider-content css
====================================*/
.slider-content .home-slider .slider-image h2 {
    line-height: 1.21;
}

/*====================================
    slider-content transition css
====================================*/
.slider-content .home-slider.swiper .swiper-slide .slider-image h2,
.slider-content .home-slider.swiper .swiper-slide .slider-image p,
.slider-content .home-slider.swiper .swiper-slide .slider-image .slider-btn {
    opacity: 0;
}
.slider-content .home-slider.swiper .swiper-slide.swiper-slide-active .slider-image h2,
.slider-content .home-slider.swiper .swiper-slide.swiper-slide-active .slider-image p,
.slider-content .home-slider.swiper .swiper-slide.swiper-slide-active .slider-image .slider-btn {
    opacity: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.slider-content .home-slider.swiper .swiper-slide.swiper-slide-active .slider-image h2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}
.slider-content .home-slider.swiper .swiper-slide.swiper-slide-active .slider-image p {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}
.slider-content .home-slider.swiper .swiper-slide.swiper-slide-active .slider-image .slider-btn {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
}

/*====================================
    slider-navigation css
====================================*/
.slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button.swiper-prev {
    left: 5px;
}
.slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button.swiper-next {
    right: 5px;
}
@media (min-width: 1400px) {
    .slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button.swiper-prev {
        left: 10px;
    }
    .slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button.swiper-next {
        right: 10px;
    }
}
@media (min-width: 1600px) {
    .slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button.swiper-prev {
        left: 30px;
    }
    .slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button.swiper-next {
        right: 30px;
    }
}

/*====================================
    slider-dot css
====================================*/
@media (min-width: 768px) {
    .slider-content .home-slider.swiper .swiper-dots {
        left: 50%;
        transform: translateX(-50%);
    }
}
.slider-content .home-slider.swiper .swiper-dots .swiper-pagination {
    width: unset;
    position: unset;
    margin: -5px 0px 0px -5px;
}
.slider-content .home-slider.swiper .swiper-dots .swiper-pagination span.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: var(--primary-font-color);
    margin: 5px 0px 0px 5px;
    opacity: 0.5;
    border: 1px solid var(--primary-font-color);
}
.slider-content .home-slider.swiper .swiper-dots .swiper-pagination span.swiper-pagination-bullet:hover,
.slider-content .home-slider.swiper .swiper-dots .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}
/************************************* home-slider css end *************************************/

/************************************* banner-area css start *************************************/
/*====================================
    banner-area css
====================================*/
@media (min-width: 768px) {
        .banner-area .banner-block img {
        object-fit: contain !important;
        object-position: center;
        height: 100% !important;
    }
}
.banner-content span.d-block.mst-1 {
    color: #fff;
}
.breadcrumb-area .extra-color{
    color: #333;
}
.menu-sublink.ptb-3.plr-30 {
    font-size: 15px;
    padding-left: 20px;
    padding-right: 20px;
}
.blog-post-content h6 a:hover {
    color: #b76434;
}
.blog-post-content h6 a {
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
/************************************* banner-area css end *************************************/

/************************************* product-tab css start *************************************/
/*====================================
    product-tab css
====================================*/
.product-tab-area ul.nav-tabs {
    margin-top: -8px;
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.product-tab-area ul.nav-tabs>* {
    margin-top: 8px;
    padding-left: 7.5px;
    padding-right: 7.5px;
}
@media (min-width: 992px) {
    .product-tab-area ul.nav-tabs {
        margin-left: -15px;
        margin-right: -15px;
    }
    .product-tab-area ul.nav-tabs>* {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*====================================
    product-tab title css
====================================*/
.product-tab-area ul.nav-tabs li a {
    color: var(--body-font-color);
    border-bottom: 1px solid transparent;
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
.product-tab-area ul.nav-tabs li a:hover {
    color: var(--primary-font-color);    
}
.product-tab-area ul.nav-tabs li a.active {
    color: var(--primary-font-color);
    border-color: var(--primary-font-color);
}
/************************************* product-tab css end *************************************/

/************************************* collection-product-list css start *************************************/
/*========================================
    collection-product-list swiper css
========================================*/
.collection-product-list .collection-slider.swiper:not(.swiper-initialized) .swiper-slide:not([style]) {
    width: 100%;
}
@media (min-width: 768px) {
    .collection-product-list .collection-slider.swiper:not(.swiper-initialized) .swiper-slide:not([style]) {
        width: 50%;
    }
}
@media (min-width: 992px) {
    .collection-product-list .collection-slider.swiper:not(.swiper-initialized) .swiper-slide:not([style]) {
        width: 100%;
    }
}
/************************************* collection-product-list css end *************************************/

/************************************* testimonial css start *************************************/
/*====================================
    testimonial slider-swiper css
====================================*/
.testimonial .testi-slider.swiper:not(.swiper-initialized) .swiper-slide:not([style]) {
    width: 100%;
}
@media (min-width: 992px) {
    .testimonial .testi-slider.swiper:not(.swiper-initialized) .swiper-slide:not([style]) {
        width: 50%;
    }
}
/************************************* testimonial css end *************************************/
/* /////////////// */
.header-bottom-area .row .menu-ul{
    justify-content: flex-end;
}
.main-header .header-bottom-area::before ,.main-header .header-bottom-area.header-border::after{
    display: none;
}
header#header,.header-bottom-area,.header-top-first  {
    transform: none !important;
    background: white;
}
.ribon{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 25px;
    padding: 15px 0;
    background: white;
}
.ribon ul{
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.ribon ul li{
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.ribon ul li + li:after{
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 2px;
    height: 100%;
    background: #80808026;
}
.header-top-first{
    border-top: 1px solid #80808026;
}
header#header.sticky {
    transform: translateY(-57px) !important;
}
.icns {
    margin-bottom: 10px;
}
.info_bx,.about-future-content{
    padding: 15px 15px 30px;
    border: 1px solid #80808026;
    height: 100%;
}
.banner-content .catgr_link{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f9f5f2;
}
.icns img {
    min-width: 100px;
    min-height: 100px;
    object-fit: cover;
}
.banner-content .catgr_link::after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.35);
}
.banner-content h2,.banner-content .link-btn{
    color: white;
}
.breadcrumb-area{
    position: relative;
    background: #f9f5f2;
}
.banner-hover,.abt_img,.single-product .single-product-wrap .product-image-col .product-image,.product-item-img {
    background: #f9f5f2;
}
.product-item-img {
    padding: 10px;
}
.blog-news .banner-hover{
    background: white;
}
.single-product .single-product-wrap .product-image-col .product-image {
    padding: 10px;
}
.breadcrumb-area::after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.breadcrumb-area>img{
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.breadcrumb-area .container{
    position: relative;
    z-index: 2;
}
.banner-content a img{
    width: 100%;
}
li.menudrop-li.bst {
    text-transform: uppercase;
}
.banner-content {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 400px;
    padding: 25px 30px;
}
.ul-ft>*{
    margin-top: 7px;
}
.banner-content h2,.banner-content span{
    position: relative;
    z-index: 1;
}
.banner-content>img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}
.social_icons{
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-top: 20px;
}
.social_icons a{
    min-width: 30px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.social_icons a:hover{
    color: #b76434;
}
.footer-theme-logo {
    max-width: 220px;
}
.alter_texts ul{
    margin: 0;
    padding: 0;
    margin-top: 20px;
}
.alter_texts ul li + li{
    margin-top: 15px;
}
.alter_texts ul li em{
    font-style: normal;
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}
.alter_sec .container .row{
    align-items: center;
}
.alter_sec .container .row>*{
    margin-bottom: 25px;
}
.alter_sec .container .row + .row{
    margin-top: 50px;
}
.alter_sec .container .row:nth-child(even){
    flex-direction: row-reverse;
}
.thnk_holder {
    text-align: center;
    padding: 50px 25px;
    background: #b76434;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 18px;
    color: white;
}
.thnk_holder i{
    color: white !important;
}
.thnk_holder h4 {
    line-height: 125%;
    font-size: 30px;
    color: white !important;
}
.thnk_holder button {
    background: #333333;
    color: white;
    border: 1px solid transparent;
    transition: all 0.3s ease-in-out;
}
.thnk_holder button:hover{
    background: #80808026;
    color: white;
    border: 1px solid white;
}
.products_lists,.product-description-info ul {
    margin-top: 20px;
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 25px;
}
.product-description-info ul{
    margin: 0;
}
div#pro-specifications-tab p:not(:has(strong)) {
    margin-bottom: 10px;
}
div#pro-specifications-tab p:has(strong) {
    margin-bottom: 3px;
    display: block;
}

/* ///////// */
.default_content h2,.default_content h3,.default_content h4,.default_content h5,.default_content h6{
	margin-bottom: 13px;
}
.default_content a{
	display: inline-block;
	color: black;
	font-weight: 600;
	transition: all 0.3s ease-in-out;
}
.default_content a:hover{
	color: #b76434;
}
.default_content ul, .default_content ol {
	padding-left: 24px;
	list-style: disc;
	margin-bottom: 15px;
}
.default_content ul li{
	list-style: disc;
}
.default_content ol li{
	list-style: decimal;
}
.default_content ul li + li,.default_content ol li + li{
	margin-top: 8px;
}
.default_content p{
    margin-bottom: 20px;
}
/* ///// */
.shop_page_listing .single-product-sec .row>*{
    margin-bottom: 40px;
}


@media (max-width:3500px){
   #home-slider .slide-img {
    width: 100%;
}
}
@media (max-width:2000px){
   #home-slider .slide-img {
    width: unset;
}
}
@media (max-width:991px){
.header-theme-logo a img {
    width: 100%;
}
.footer-theme-logo {
    max-width: 200px;
    margin: 0 auto;
}
.alter_sec .container .row ,.alter_sec .container .row:nth-child(even){
    flex-direction: column-reverse;
}
.alter_sec .container .row + .row {
    margin-top: 27px;
}
.abt_text {
    text-align: center;
}
.header-theme-logo a {
    max-width: 200px;
}
.ribon ul li {
    font-size: 15px;
}
.ribon p {
    font-size: 16px;
}
    .ribon {
        gap: 10px;
        justify-content: center;
    }
    header#header.sticky {
    transform: translateY(-90px) !important;
}
.menu-btn .plr-15 {
    padding-left: 20px;
}
.menudrop-li a,.menu-btn a{
    transition: all 0.3s ease-in-out;
}
.menudrop-li a:hover,.menu-btn a:hover{
    color:#b76434 !important;
}
}
@media (max-width:767px){
    div#home-slider .slide-img img {
        object-position: right;
        height: 100% !important;
        margin-left: -22%;
        position: relative;
    }
}
@media (max-width:575px){
    .table_wrapper table {
    white-space: nowrap;
}
.table_wrapper {
    overflow-x: scroll;
}
.ribon ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-direction: column;
}
.font-32 {
    font-size: 27px;
}
    .ribon p {
        font-size: 15px;
    }
.ribon{
    text-align: center;
}
.ribon ul li + li:after{
    display: none;
}
    header#header.sticky {
        transform: translateY(-123px) !important;
    }
}