/*
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>
*/
/*********************about****************/
.center_about{
  padding-top:40px;
  padding-bottom:70px;
  background:#f4f4f4;
  }

.about_page_1l ul{
  border:none;
  }
.about_page_1l ul li{
margin-bottom:10px; 
display:block;
width:100%;
 border:none; 
  }
.about_page_1l ul li a:hover, 
.turmeric-sidebar ul li a:hover {
    background: #f1d68f !important;
    color: #000 !important;
}  
.about_page_1l ul li a{
 display:block;
 background:#000;
 color:#fff;
 text-align:center;
 padding-top:8px;
 padding-bottom:8px;
 border-radius:0; 
 border:none; 
  }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
background: #f1d68f; 
color:#000;
 border:none; 
  }

.about_page_1{
 margin-top:30px; 
  }
/*********************about_end****************/

/*********************timeline****************/

.timeline_m{
  padding-top:40px;
  padding-bottom:40px;
  }
.about_h1ll h4{
 color:#f1d68f;
  }
.about_h1ll p{
 color:#fff; 
  }
.about_h1lr span i{
 background:#fff;
 color:#000;
 width:60px;
 height:60px;
 text-align:center;
 line-height:60px; 
 border-radius:50%;
 font-size:24px;
 margin-top:30px;
  }
.about_h1lr span i:hover{
  background:#f1d68f;
  }
.about_h1{
  margin-top:20px;
  }
.time_col{
background:#000;
padding:20px 10px; 
 }
.time_col_1{
padding:20px 10px; 
background:#999;
 }
/*********************timeline_end****************/

@media screen and (max-width : 767px){
.about_page_1l ul li{
display:inline-block;
width:auto; 
 }
#timeline{
text-align:center; 
 }
.time_col_1{
 margin-top:10px;
 margin-bottom:10px;  
  }
.about_h1lr span i{
margin-bottom:15px; 
 }
.timeline_m{
padding-bottom:0;  
  }
}

@media (min-width:768px) and (max-width:991px) {
.about_h1lr span i{
 width:40px;
 height:40px;
 line-height:40px;
 font-size:18px; 
  }
 }
 @media (min-width:992px) and (max-width:1200px) {

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

 }

    .space_all {
    margin-bottom: 20px; /* Adjust the pixel value as needed */
}


#about_page .row {
    max-width: 1400px;
    margin: 0 auto;
}

/* Product Introduction Section */
.product-intro {
    display: flex;
    align-items: stretch;
    margin: 40px 0;
    gap: 0;
}

    .product-intro > div {
        display: flex;
        flex-direction: column;
    }

    .product-intro p {
        font-size: 16px;
        line-height: 1.9;
        text-align: justify;
        margin-bottom: 18px;
        color: #333;
    }

/* Right Column */
.legacy-box {
    width: 100%;
    height: 100%;
    padding-left: 0;
}

    .legacy-box h3 {
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 30px;
        font-weight: 700;
        color: #222;
        line-height: 1.2;
    }

    .legacy-box p {
        font-size: 16px;
        line-height: 1.9;
        text-align: justify;
        margin-bottom: 18px;
        color: #333;
    }

/* Responsive */
@media (max-width: 991px) {
    .product-intro {
        display: block;
    }

    .legacy-box {
        padding-left: 0;
        margin-top: 30px;
    }

        .legacy-box h3 {
            font-size: 28px;
        }
}

.product-intro .col-md-6:first-child {
    border-right: 1px solid #e8e8e8;
    padding-right: 35px;
}

.product-intro .col-md-6:last-child {
    padding-left: 35px;
}

/* =====================================
   WHY CHOOSE US SECTION
===================================== */

#why_choose_us {
    padding: 60px 0;
    background: #ffffff;
}

    #why_choose_us .why-heading {
        margin-bottom: 45px;
    }

        #why_choose_us .why-heading h3 {
            margin: 0;
            color: #111111;
            font-size: 30px;
            font-weight: 700;
            text-transform: uppercase;
        }

        #why_choose_us .why-heading hr {
            width: 130px;
            margin: 18px auto 0;
            border: 0;
            border-top: 3px solid #e8a900;
        }

    /* Main two-column layout */

    #why_choose_us .why-main-row {
        display: flex;
        align-items: stretch;
    }

    /* LEFT SIDE */

    #why_choose_us .why-left {
        height: 100%;
        padding: 20px;
        background: #f7f5ee;
        border: 1px solid #e5dfcf;
    }

    #why_choose_us .why-image-box {
        width: 100%;
        height: 360px;
        overflow: hidden;
        background: #eeeeee;
    }

        #why_choose_us .why-image-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

    #why_choose_us .why-left-content {
        padding: 25px 10px 10px;
    }

        #why_choose_us .why-left-content h3 {
            margin: 0 0 14px;
            color: #173f27;
            font-size: 25px;
            font-weight: 700;
        }

        #why_choose_us .why-left-content p {
            margin: 0;
            color: #444444;
            font-size: 15px;
            line-height: 1.8;
        }

    /* RIGHT SIDE */

    #why_choose_us .why-right {
        height: 100%;
        padding-left: 20px;
    }

    #why_choose_us .why-item {
        display: flex;
        align-items: flex-start;
        padding: 18px 20px;
        margin-bottom: 15px;
        background: #ffffff;
        border: 1px solid #e3dfd2;
        border-left: 4px solid #173f27;
        transition: all 0.3s ease;
    }

        #why_choose_us .why-item:last-child {
            margin-bottom: 0;
        }

        #why_choose_us .why-item:hover {
            border-left-color: #e8a900;
            transform: translateX(5px);
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
        }

    #why_choose_us .why-icon {
        width: 55px;
        height: 55px;
        min-width: 55px;
        margin-right: 18px;
        border-radius: 50%;
        background: #173f27;
        color: #ffffff;
        text-align: center;
        line-height: 55px;
        font-size: 22px;
    }

    #why_choose_us .why-item-content {
        flex: 1;
    }

        #why_choose_us .why-item-content h4 {
            margin: 0 0 7px;
            color: #173f27;
            font-size: 19px;
            font-weight: 700;
        }

        #why_choose_us .why-item-content p {
            margin: 0;
            color: #555555;
            font-size: 14px;
            line-height: 1.65;
        }

/* Responsive */

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

    #why_choose_us .why-main-row {
        display: block;
    }

    #why_choose_us .why-left {
        margin-bottom: 30px;
    }

    #why_choose_us .why-right {
        padding-left: 0;
    }
}

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

    #why_choose_us {
        padding: 45px 0;
    }

        #why_choose_us .why-heading {
            margin-bottom: 30px;
        }

            #why_choose_us .why-heading h3 {
                font-size: 26px;
            }

        #why_choose_us .why-image-box {
            height: 280px;
        }

        #why_choose_us .why-item {
            padding: 15px;
        }

        #why_choose_us .why-icon {
            width: 48px;
            height: 48px;
            min-width: 48px;
            line-height: 48px;
            margin-right: 13px;
            font-size: 19px;
        }

        #why_choose_us .why-item-content h4 {
            font-size: 17px;
        }
}

#why_choose_us .container {
    width: 96%;
    max-width: 1500px;
}