/*
Template Name:Seller
File: Layout CSS
Author: Templates On Web
Author URI: http://templateonweb.com/
Licence: <a href="http://www.templateonweb.com/terms.php?v=content&contentid=152">Website Template Licence</a>
*/
/*********************product****************/
.center_about{
  padding-top:40px;
  padding-bottom:70px;
  background:#f4f4f4;
  }

.cat_1i img{
 height:300px; 
  }
.cat_1im{
 position:relative; 
  }
.cat_1i1 {
 background:#0000009e; 
 padding:20px 15px;
 position:absolute;
 top:0;
 height:100%;
 padding-top:16%;
 display:none;
  }
.cat_1i1 span i{
  color:#f1d68f;
  font-size:40px;
  }
.cat_1i1 h3{
  color:#fff;
  }
.cat_1i1 p{
  color:#f4f4f4;
  }
.cat_1im:hover  .cat_1i1{
display:block;
cursor:pointer; 
 }
.rmg{
 margin-top:40px; 
  }
.about_page_t{
 margin-bottom:40px; 
  }
#about_page{
 padding-bottom:40px;
 }
/*********************product_end****************/



@media screen and (max-width : 767px){
.cat_1im {
 margin-top:10px; 
  }
#about_page{
 padding-bottom:0; 
  }
}

@media (min-width:768px) and (max-width:991px) {

 }
 @media (min-width:992px) and (max-width:1200px) {

 }
@media (min-width:1201px) and (max-width:1310px) {

 }

/* ===========================
   Product Horizontal Tabs
=========================== */

.product-tabs-wrapper {
    width: 100%;
    margin: 25px 0 40px;
}

.product-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    white-space: nowrap;
    list-style: none;
    padding: 0;
    margin: 0;
    border: none;
    scrollbar-width: none;
}

    .product-tabs::-webkit-scrollbar {
        display: none;
    }

    .product-tabs li {
        flex: 0 0 auto;
    }

        .product-tabs li a {
            display: block;
            padding: 12px 28px;
            background: #fff8e6;
            color: #222 !important;
            border: 2px solid #d4a017;
            border-radius: 50px;
            font-weight: 600;
            text-decoration: none;
            transition: .35s ease;
        }

            /* Hover */

            .product-tabs li a:hover {
                background: #d4a017;
                color: #fff !important;
                transform: translateY(-2px);
                box-shadow: 0 8px 20px rgba(212,160,23,.25);
            }

        /* Active */

        .product-tabs li.active a {
            background: linear-gradient(135deg,#d4a017 0%, #f6c94c 50%, #e0a800 100%);
            color: #fff !important;
            border: 2px solid #d4a017;
            box-shadow: 0 6px 15px rgba(212,160,23,.25);
        }

/* ==================================
   Product Page Spacing Fix
================================== */

#about_page {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

    #about_page .about_page_t {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

        #about_page .about_page_t p:last-child {
            margin-bottom: 0 !important;
        }

.about_page_1 {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ==================================
   Product Image and Caption Layout
================================== */

.product-intro {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 30px;
    margin-bottom: 25px;
}

    .product-intro > .product-left {
        flex: 55;
        max-width: none;
    }

    .product-intro > .product-right {
        flex: 45;
        max-width: none;
    }

.product-image-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.product-main-image {
    width: 100%;
    height: 430px;
    object-fit: cover;
    margin: 0;
}

.product-caption {
    min-height: 430px;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background: transparent;
    border: none;
}

    .product-caption p {
        margin: 0;
        font-size: 17px;
        line-height: 1.7;
        color: #333;
    }

.product-details-row {
    margin-top: 10px;
}

.product-side-heading {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    color: #111;
}

@media screen and (max-width: 767px) {

    .product-intro {
        display: block;
    }

        .product-intro > .product-left,
        .product-intro > .product-right {
            width: 100%;
            max-width: 100%;
            float: none;
        }

    .product-main-image {
        width: 100%;
        height: auto;
    }

    .product-caption {
        min-height: auto;
        padding: 25px 0 0;
    }

    .product-side-heading {
        font-size: 24px;
    }
}