.sop-fullwidth .column.main {
                max-width: 100% !important;
                width: 100% !important;
            }
            .sop-fullwidth {
                padding: 0 !important;
            }
        .header-menu-content.d-none.d-md-block {
    display: none !important;
}
.mb-navigation.vertical-menu.d-none.d-md-block {
    display: none !important;
}
            /* Seller Hub Menu */
   .seller-hub-menu {
  background-color: #e6d6bf; /* Beige background */
  padding: 5px 0;
}

.seller-hub-menu ul {
  list-style: none; /* Removes bullets */
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center; /* Centers menu items */
  gap: 20px; /* Adds space between items */
}

.seller-hub-menu ul li {
  display: inline; /* Ensures horizontal layout */
}

.seller-hub-menu ul li a {
  text-decoration: none; /* Removes underlines */
  font-weight: 600;
  color: #0d3326;
  text-transform: uppercase;
  font-size: 14px;
  padding: 8px 15px; /* Adds spacing */
  display: inline-block;
}

.seller-hub-menu ul li a:hover {
  color: #064e3b; /* Darker green on hover */
}
/* SOP Hero Section */
        .sop {
            background-color: #faf5e4;
        }
        .sop h1 {
            font-weight: bold;
            color: #083d2c;
        }
        .sop p {
            font-size: 18px;
            color: #333;
        }
        .sop .btn-custom {
            background-color: #0c5d40;
            color: #fff;
            padding: 12px 25px;
            border-radius: 5px;
            font-weight: 600;
        }
        .sop .btn-custom:hover {
            background-color: #064e3b;
            color: #fff;
        }

        /* Introduction & Purpose Section */
        .intro-and-purpose h2 {
            font-weight: bold;
            text-align: center;
            margin-bottom: 30px;
            padding-top: 15px;
            color: #083d2c;
        }
        .intro-and-purpose .card {
            border: none;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease-in-out;
            text-align: center;
        }
        .intro-and-purpose .card:hover {
            transform: translateY(-5px);
        }
        .intro-and-purpose .card-body {
            background-color: #fff;
            padding: 20px;
            border-radius: 0 0 10px 10px;
            min-height:200px;
        }
        .intro-and-purpose .icon-container {
            background-color: #083d2c;
            color: white;
            padding: 25px;
            border-radius: 10px 10px 0 0;
            font-size: 40px;
        }
        .intro-and-purpose-center{
            margin-top: 10px;
        }
        .intro-and-purpose .centered-row {
            display: flex;
            justify-content: center;
            gap: 20px;
        }
        .general-guidelines-and-principal-center{
             margin-top: 10px;
        }
        .general-guidelines-and-principal-center .guidelines-centered-row{
            display: flex;
            justify-content: center;
            gap: 20px;
        }
        ul li{
            list-style: none;
        }
        
        /* Seamless Order Management */
        .seamless-order {
            background-color: #faebd7;
            padding: 40px 0;
        }
        .seamless-order h2 {
            font-weight: bold;
            text-align: center;
            margin-bottom: 30px;
            color: #083d2c;
        }
        .seamless-card {
            background-color: #083d2c;
            color: white;
            padding: 25px;
            border-radius: 10px;
            margin: 10px;
            transition: all 0.3s ease-in-out;
        }
        .seamless-card:hover {
            transform: translateY(-5px);
        }
        .intro-and-purpose {
         padding: 40px 0;
        }

        /* Commodities Centric Division */
        .centric-division h2 {
            font-weight: bold;
            text-align: center;
            margin-bottom: 30px;
            color: #083d2c;
        }
        .centric-card {
            border: none;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
            text-align: center;
            transition: all 0.3s ease-in-out;
        }
        .centric-card:hover {
            transform: translateY(-5px);
        }
        .centric-card .icon-container {
            background-color: #083d2c;
            color: white;
            padding: 30px;
            font-size: 40px;
            border-radius: 10px 10px 0 0;
        }
        .centric-card .card-body {
            background-color: #fff;
            border-radius: 0 0 10px 10px;
        }

        /* General Guidelines */
       /* .general-guidelines {
            background-color: #fffde9;
            padding: 60px 0;
        }*/
        .general-guidelines-and-principal{
            background: #fffde9;
        }
         .general-guidelines-and-principal{
            padding: 40px 0px;
         }
        
        .general-guidelines-and-principal h2 {
            font-weight: bold;
            text-align: center;
            margin-bottom: 30px;
        }
        .general-guidelines-and-principal .guidelines-card {
            border: none;
            overflow: hidden;
            transition: all 0.3s ease-in-out;
            border-radius: 10px;
        }
        .general-guidelines-and-principal .guidelines-card:hover {
            transform: translateY(-5px);
        }
        .general-guidelines-and-principal .guidelines-card img {
            width: 100%;
            object-fit: cover;
        }
        .general-guidelines-and-principal .guidelines-card .card-body {
            background-color: #083d2c;
            color: white;
            padding: 20px;
            min-height: 220px;
        }

        /* Demand Division */
        .demand-division {
            background-color: #ffffff;
            padding: 40px 0;
            text-align: center;
        }
        .demand-division h2 {
            font-weight: bold;
            margin-bottom: 30px;
            color: #083d2c;
        }
        .demand-division p{
            min-height: 130px;
        }
        .demand-card {
            background-color: #083d2c;
            color: white;
            padding: 30px;
            margin: 10px;
            border-radius: 10px;
            transition: all 0.3s ease-in-out;
        }
        .demand-card:hover {
            transform: translateY(-5px);
        }

        /* Across Division */
        .across-division h2 {
            font-weight: bold;
            text-align: left;
            margin-bottom: 20px;
            color: #083d2c;
        }

        /* Centric Division */
        .centric-division {
            padding: 40px 0;
            text-align: center;
            background: #fff;
        }
        .centric-division h2 {
            font-weight: bold;
            margin-bottom: 30px;
            color: #083d2c;
        }
        .centric-division p{
            font-size: 14px;
            padding: 10px;
            min-height: 155px;
        }
        .centric-card {
            border: none;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
            text-align: center;
            transition: all 0.3s ease-in-out;
        }
        .centric-card:hover {
            transform: translateY(-5px);
        }
        .centric-card .icon-container {
            background-color: #083d2c;
            color: white;
            padding: 30px;
            font-size: 40px;
            border-radius: 10px 10px 0 0;
        }
        .centric-card .card-body {
            background-color: #fff;
            border-radius: 0 0 10px 10px;
            min-height: 290px;
             margin-bottom: 20PX;
        }
        .centric-card .card-body h3{
            margin-top: 10px;
        }
        /* Management Tools */
        .management-tools {
            background-color: #fffde9;
            padding: 40px 0;
            text-align: center;
        }
        .management-tools h2 {
            font-weight: bold;
            margin-bottom: 30px;
            color: #083d2c;
        }
        .management-tools p{
            font-size: 14px;
            padding: 10px;
        }
        .management-card {
            border: none;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
            text-align: center;
            transition: all 0.3s ease-in-out;
            border-radius: 10px;
        }
        .management-card:hover {
            transform: translateY(-5px);
        }
        .management-card img {
            border-radius: 10px 10px 0 0;
        }
        .management-card .card-body {
            background-color: white;
            border-radius: 0 0 10px 10px;
              min-height: 170px;
        }   

        /* Platform Management */
        .plateform-management h2 {
            font-weight: bold;
            text-align: left;
            margin-bottom: 20px;
            color: #083d2c;
        }

        /* Performance Monitoring */
        .performance-monitoring {
            background-color: #fffde9;
            padding: 60px 0;
            text-align: center;
        }
        .performance-monitoring h2 {
            font-weight: bold;
            margin-bottom: 30px;
            color: #083d2c;
            padding: 10px;
        }
        .performance-monitoring p{
             font-size: 14px;
            padding: 10px;
        }
        .performance-card {
            border: none;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
            text-align: center;
            transition: all 0.3s ease-in-out;
            border-radius: 10px;
        }
        .performance-card:hover {
            transform: translateY(-5px);
        }
        .performance-card .icon-container {
            background-color: #083d2c;
            color: white;
            padding: 30px;
            font-size: 40px;
            border-radius: 10px 10px 0 0;
        }
        .performance-card .card-body {
            background-color: #fff;
            border-radius: 0 0 10px 10px;
            min-height: 240px;
            padding: 10px;
        }
        /* Risk Management */
        .risk-management-and-planning h2 {
            font-weight: bold;
            margin-bottom: 30px;
            color: #083d2c;
        }

        /* Customer Service */
        .customer-service-and-support {
            background-color: #fffde9;
        }
        .customer-service-and-support h2 {
            font-weight: bold;
            margin-bottom: 30px;
            color: #083d2c;
        }

        /* Human Resources */
        .human-resources {
            padding: 40px 0;
            text-align: center;
        }
        .human-resources h2 {
            font-weight: bold;
            margin-bottom: 30px;
            color: #083d2c;
        }
        .human-resources p{
            font-size: 14px;
            padding: 10px;
            min-height: 160px;
        }
        .hr-card {
            border: none;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
            text-align: center;
            transition: all 0.3s ease-in-out;
            border-radius: 10px;
        }
        .hr-card:hover {
            transform: translateY(-5px);
        }
        .hr-card .icon-container {
            background-color: #083d2c;
            color: white;
            padding: 30px;
            font-size: 40px;
            border-radius: 10px 10px 0 0;
        }
        .hr-card .card-body {
            background-color: #fff;
            border-radius: 0 0 10px 10px;
            min-height: 240px;
            padding: 5px;
        }

        /* Overview of Gaiabay */
        .overview-of-gaiabay {
            background: url('sop/overview-bg.png') no-repeat center center/cover;
            color: white;
            text-align: center;
            padding: 80px 20px;
            background: #083d2c;
        }
        .overview-of-gaiabay h2 {
            font-weight: bold;
            margin-bottom: 20px;
        }

        /* Contingency Planning */
        .contingency-planning {
            background-color: #fffde9;
             padding: 40px 0px;
        }
        .contingency-planning h2 {
            font-weight: bold;
            color: #083d2c;
        }

        /* Scope and Application */
        .scope-and-application {
            background-color: #f8f8f2;
            padding: 40px 0px;
        }
        .scope-and-application h2 {
            font-weight: bold;
            color: #083d2c;
        }

        /* Organizational Structure */
        .organizational-structure {
            background-color: #fffde9;
            padding: 40px 0px;
        }
        .organizational-structure h2 {
            font-weight: bold;
            color: #083d2c;
        }

        /* SOP Review and Update Policy */
        .update-policy {
            background-color: white;
            padding: 40px 0px;
        }
        .update-policy h2 {
            font-weight: bold;
            color: #083d2c;
        }
        /* General Guidelines */
        .general-guidelines {
            background: url('guidelines-bg.jpg') no-repeat center center/cover;
            color: white;
            text-align: center;
            padding: 80px 20px;
            background: #083d2c;
        }

        .general-guidelines h2 {
            font-weight: bold;
            margin-bottom: 20px;
            color:#fff;
        }

        /* Vision and Core Values */
        .vision-and-core-value {
            background-color: #fffde9;
            padding: 40px 0px;
        }

        /* Code of Conduct */
        .code-of-conduct {
            background-color: white;
            padding: 40px 0px;
        }

        /* Compliance with Legal */
        .compliance-with-legal {
            background-color: #fffde9;
            padding: 40px 0px;
        }

        /* Confidentiality and Data Protection */
        .confidentiality-and-data {
            background-color: white;
            padding: 40px 0px;
        }

        /* Health and Safety */
        .health-safety {
            background-color: #fffde9;
            padding: 40px 0px;
        }

        /* Product Sourcing */
        .product-sourcing {
            background-color: white;
            padding: 40px 0px;
        }

        /* Button */
        .product-sourcing .btn-primary {
            background-color: #f4a261;
            border-color: #f4a261;
            padding: 12px 25px;
            border-radius: 5px;
            font-weight: 600;
        }
        .general-guidelines .btn-primary{
            background-color: #f4a261;
            border-color: #f4a261;
            padding: 12px 25px;
            border-radius: 5px;
            font-weight: 600;
            width: 200px;
        }

        /* Inventory Management */
        .inventory-management {
            background-color: #fffde9;
            padding: 40px 0px;
        }

        /* Storage and Handling */
        .storage-and-handling {
            background-color: white;
             padding: 40px 0px;
        }

        /* Pricing and Margins */
        .pricing-and-margins {
            background-color: #fffde9;
        }

        /* Quality Control */
        .quality-control {
            background-color: white;
             padding: 40px 0px;
        }

        /* Button */
        .quality-control .btn-primary {
            background-color: #f4a261;
            border-color: #f4a261;
        }
        /* Order Processing */
        .order-processing {
            background-color: #fffde9;
            padding: 40px 0px;
        }

        /* Service Protocols */
        .service-protocols {
            background-color: white;
             padding: 40px 0px;
        }

        /* Luxe Product Division */
        .luxe-product {
            background: url('luxe-product.jpg') center/cover no-repeat;
            color: white;
            text-align: center;
            padding: 100px 0;
            background: #083d2c;
        }
        
        .luxe-product .btn {
            background-color: #f4a261;
            border: none;
        }

        /* Vendor Selection */
        .vendor-selection {
            background-color: fffde9;
             padding: 40px 0px;
        }

        /* Product Authentication */
        .product-authentication {
            background-color: #fff;
             padding: 40px 0px;
        }
        /* Inventory and Storage */
        .inventory-and-storage {
            background-color: #fffde9;
             padding: 40px 0px;
        }

        /* Handling and Storage */
        .handling-and-storage {
            background-color: white;
             padding: 40px 0px;
        }

        /* Sales and Marketing */
        .sales-and-marketing {
            background-color: #fffde9;
             padding: 40px 0px;
        }

        /* Logistics and Distribution */
        .logistics-and-distribution {
            background-color: #fff;
             padding: 40px 0px;
        }

        /* VIP Customer Support */
        .vip-customer-support {
            background-color: #fffde9;
        }

        /* Handling Returns */
        .handling-returns {
            background-color: #f9f9f9;
             padding: 40px 0px;
        }
        .sales-marketing img{
            height: 450px;
            display: flex;
            justify-self: end;
        }
.sellerhubpage-sop-index img-fluid{
    width: 100% !important;
    height: auto;
 } 
 .sellerhubpage-sop-index .sop p{
        margin-bottom: 20px;
    }    
@media (max-width: 767px){
.sellerhubpage-sop-index .demand-card{
    margin-bottom: 10px 0px;
 }         
.sellerhubpage-sop-index .container.intro-and-purpose-center {
    padding: 0px;
} 
.sellerhubpage-sop-index .general-guidelines-and-principal-center{
    padding: 0px;
}
.sellerhubpage-sop-index .plateform-management {
    padding: 20px 0px;
}      
.sellerhubpage-sop-index .plateform-management {
    padding: 20px 0px;
}
.sellerhubpage-sop-index .sop img{
    margin-top: 10px;
 }   
 .centric-card .card-body{
    min-height: 185px;
 }   
.sellerhubpage-sop-index .intro-and-purpose .centered-row {
      flex-wrap: wrap;
    }       
.sellerhubpage-sop-index .user-topbar i.mbi.mbi-user {
        display: block;
    }      
 .sellerhubpage-sop-index .card.hr-card {
    margin: 10px 0px;
}
 .sellerhubpage-sop-index .performance-card{
    margin: 10px 0px;
} 
.sellerhubpage-sop-index .management-card{
        margin: 10px 0px;
    }
.sellerhubpage-sop-index .card.guidelines-card {
    margin: 10px 0px;
}
.sellerhubpage-sop-index .intro-and-purpose .card{
    border: none;
    margin: 10px 0px;
}
.sellerhubpage-sop-index .d-flex.justify-content-center.gap-3 {
    flex-wrap: wrap;
    }
.sellerhubpage-sop-index .seller-hub-menu ul{
    display: flex;
     flex-wrap: wrap;
      } 
.sellerhubpage-sop-index .management-card img {
    border-radius: 10px 10px 0 0;
    width: 100%;
}
.sellerhubpage-sop-index .seamless-card {
  min-height: 100px !important; 
}
.sellerhubpage-sop-index .inventory-management {
    padding: 0px;
    margin: 10px;
}
.sellerhubpage-sop-index .vendor-selection {
    padding: 0;
    margin: 10px;
}
.sellerhubpage-sop-index .col-lg-6.sop {
    margin-top: 10px;
}
.sellerhubpage-sop-index .seamless-card{
    margin: 10px 0px;
} 
.sellerhubpage-sop-index .demand-card{
    margin: 10px 0px;
}
.sellerhubpage-sop-index .sales-marketing img{
    width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1023px) { 
 .inventory-management{
    padding: 0px;
 }   
.pricing-margins{
    padding: 0px;
}    
.sellerhubpage-sop-index .vendor-selection{
    padding: 0px;
}    
.sellerhubpage-sop-index .seamless-card {
    margin: 10px 0px;
}    
.sellerhubpage-sop-index .intro-and-purpose .centered-row{
    gap: 0px;
}    
.sellerhubpage-sop-index .general-guidelines-and-principal-center{
    padding: 0px;
}    
.sellerhubpage-sop-index .container.intro-and-purpose-center {
    padding: 0px;
}    
.sellerhubpage-sop-index .col-lg-6.sop {
    margin-top: 10px;
}
.sellerhubpage-sop-index .col-lg-6.sop img{
    margin-top: 10px;
}
.sellerhubpage-sop-index  .division p {
    min-height: 164px;
} 
.sellerhubpage-sop-index    .centric-division p {
    font-size: 14px;
    padding: 10px;
    min-height: 165px;
}    
.sellerhubpage-sop-index .hr-card .card-body {
        height: 485px;
    }
.sellerhubpage-sop-index .card.performance-card {
    min-height: 470px;
    background: #ffff;
}   
.sellerhubpage-sop-index .card.management-card {
    min-height: 400px;
    background: #ffff;
}
.sellerhubpage-sop-index .centric-card .card-body{
    min-height: 290px !important;
}
.sellerhubpage-sop-index .demand-card {
    height: 335px;
    padding: 27px;
}
 .sellerhubpage-sop-index .seamless-card {
    min-height: 220px !important;
  }  
 .sellerhubpage-sop-index .card.centric-card {
    margin-bottom: 35px;
}  
.sellerhubpage-sop-index .general-guidelines-and-principal .guidelines-card .card-body{
        min-height: 380px !important;
    } 
  
.sellerhubpage-sop-index .intro-and-purpose .card {
    margin:26px 6px;
 }   
.sellerhubpage-sop-index img.img-fluid.rounded {
    width: 100%;
}   
.sellerhubpage-sop-index .icon-container img{
    width: 90px !important;
    height: 90px !important;
    margin-top: 0px !important;
}
}
@media ( max-width: 1024px) and (min-width: 600px){ 
.sellerhubpage-sop-index .intro-and-purpose .card-body{
    min-height: 240px !important;
}   
.sellerhubpage-sop-index .general-guidelines-and-principal .guidelines-card .card-body{
    min-height: 238px;
}

.sellerhubpage-sop-index .centric-card .card-body{
    min-height: 222px !important;
}
.sellerhubpage-sop-index .seamless-card{
    min-height: 204px;
}
.sellerhubpage-sop-index .management-card .card-body{
    min-height: 195px;
}
.sellerhubpage-sop-index .hr-card .card-body{
    min-height: 330px;
}
.sellerhubpage-sop-index .demand-card{
    padding-right: 26px;
    min-height: 275px;
}
}      
@media(min-width:1025px){
.sellerhubpage-sop-index .sop {
    padding: 0px;
}
 .sellerhubpage-sop-index .sales-and-marketing {
    padding: 0px;
}   
 .sellerhubpage-sop-index .handling-and-storage {
    padding: 0px;
}      
.sellerhubpage-sop-index .centric-card .card-body{
        min-height: 185px;
    }
.sellerhubpage-sop-index .seamless-card{
        min-height: 157px;
    }
.sellerhubpage-sop-index .sop img {
    height: 450px;
    display: flex;
    justify-self: end;

} 
.sellerhubpage-sop-index .marketing-sales{
    padding: 0px;
} 
.sellerhubpage-sop-index .marketing-sales img {
    height: 560px;
} 
.sellerhubpage-sop-index .technology-platform {
    padding: 0px;
}
.sellerhubpage-sop-index .technology-platform img{
 height: 500px;
 display: flex;
 justify-self: end;
}
.sellerhubpage-sop-index .customer-service{
    padding: 0px;
}
 .sellerhubpage-sop-index .customer-service img{
 height: 500px;
}
.sellerhubpage-sop-index .risk-management{
    padding: 0px;
}
.sellerhubpage-sop-index .risk-management img{
 height: 500px;
 display: flex;
 justify-self: end;
}
.sellerhubpage-sop-index .inventory-management{
    padding: 0px;
}
.sellerhubpage-sop-index .inventory-management img{
  height: 450px;
 display: flex;
 justify-self: end; 
 margin: 0px; 
}
.sellerhubpage-sop-index .pricing-margins{
    padding: 0px;
}
.sellerhubpage-sop-index .pricing-margins img{
    height: 450px;
}
.sellerhubpage-sop-index .vendor-selection{
    padding: 0px;
}
.sellerhubpage-sop-index .vendor-selection img{
    height: 530px;
     display: flex;
 justify-self: end;  
}
.sellerhubpage-sop-index .handling-storage{
    padding: 0px;
}
.sellerhubpage-sop-index .handling-storage img{
    height: 450px;
}
.sellerhubpage-sop-index .vip-customer{
    padding: 0px;
}
.sellerhubpage-sop-index .vip-customer img{
    height: 450px;
}
.sellerhubpage-sop-index .sales-marketin{
    padding: 0px;
}
.sellerhubpage-sop-index .sales-marketin img{
    height: 450px;
    display: flex;
 justify-self: end;  
}
}