/* Products Pages */

/* Product Banner */
.product-section {
    text-align: center !important;
    padding-top: 80px !important;
}


.banner-content {
    width: 100vw !important;
    height: 800px !important;
}

/* Product Container */
.product-container {
    width: 100vw !important;
    display: flex !important;
    flex-direction:column !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    background: #ffffff !important;
    padding: 0px !important;
    gap: 0px !important;
}

/* Product Image */
.product-image{
     width: 300px !important;
     height:300px !important;
}
.product-image img {
    width: 100% !important;
    height: 300px !important;
    object-fit: fill !important;
    border-radius: 10px !important;
}

/* Product Details */
.product-details {
    text-align: center !important;
}

.product-title {
    font-size: 22px !important;
    font-weight: bold !important;
    background: #f1f1f1 !important;
    display: inline-block !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
}

/* Features Section */
.spec-table {
    display: flex !important;
    justify-content: center !important;
}

.spec-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    justify-content: center !important;
    width: 100% !important;
}

.feature_boxx1 {
    width: 100px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 10px 0px !important;
}

.feature_boxx1 img {
    width: 50px !important;
    height: 50px !important;
}

.feature_boxx1 p {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

/* Specifications Table */
.table-container {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    background: #ffffff !important;
    padding: 10px 0 !important;
}

table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: white !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    text-align:left !important;
}

td {
    padding: 8px !important;
    color:#000000 !important;
    border: 1px solid #ddd !important;
    font-size: 14px !important;
}
td strong {
    color:#025ebd !important;
    font-size: 16px !important;
}
td:first-child,
td:nth-child(3) {
    font-weight: bold !important;
    background: #f1f1f1 !important;
}

/* Button */
.learn-more {
    display: inline-block !important;
    background: #2d4d92 !important;
    color: white !important;
    font-size: 16px !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    margin-top: 20px !important;
    transition: all 0.3s ease !important;
}

.learn-more:hover {
    background: #1b3669 !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .product-container {
        flex-direction: column !important;
        align-items: center !important;
    }

    .product-image img {
        max-width: 300px !important;
    }


    .feature_boxx1 {
        
    }

    table {
        font-size: 12px !important;
        width: 100% !important;
    }

    td {
        padding: 8px !important;
        font-size: 12px !important;
    }
    td strong {
         font-size: 12px !important;
    }
}





  .specs-table {
            width: 100% ;
            border-collapse: collapse;
            margin-top: 20px;
        }
        .specs-table th, .specs-table td {
            border: 1px solid #ddd;
            padding: 10px;
            text-align: left;
            font-size: 14px;
        }
        .specs-table th {
            background-color: #2d4d92;
            color: white;
            font-weight: bold;
        }
        .specs-table td:first-child {
            font-weight: bold;
            background-color: #f1f1f1;
        }





/* Item Section */
.item-section {
    text-align: center !important;
    padding: 50px 0 !important;
}

.product-background{
    background-color: #f3f2f94a !important;
}

/* Item Container */
.item-container {
    display: flex !important;
    flex-direction:column !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: auto !important;
    /*background: #ffffff !important;*/
    padding: 0px !important;
    border-radius: 10px !important;
}

/* Item Image */
.item-image {
    width: 300px !important;
    height:300px !important;
}
.item-image img {
    width: 100% !important;
    height: 300px !important;
    border-radius: 8px !important;
}

/* Item Details */
.item-details {
    width: 80% !important;
    text-align: center !important;
    padding: 20px !important;
}

/* Title */
.item-title {
    font-size: 22px !important;
    font-weight: bold !important;
    background: #f1f1f1 !important;
    display: inline-block !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
}

/* Feature Table */
.feature-table {
    display: flex !important;
    justify-content: center !important;
}

.feature-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    justify-content: center !important;
    width: 100% !important;
}

.feature-box {
    width: 100px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 10px 0px !important;
}

.feature-box img {
    width: 50px !important;
    height: 50px !important;
}

.feature-box p {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

/* Info Table */
.info-table {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    background: #ffffff !important;
    padding: 10px 0 !important;
}

.info-table table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: white !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    text-align:left !important;
}

.info-table td {
    padding: 8px !important;
    border: 1px solid #ddd !important;
    font-size: 14px !important;
}

.info-table td:first-child,
.info-table td:nth-child(3) {
    font-weight: bold !important;
    background: #f1f1f1 !important;
}

/* Button */
.explore-more {
    display: inline-block !important;
    background: #2d4d92 !important;
    color: white !important;
    font-size: 16px !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    border: none !important;
    text-decoration: none !important;
    margin-top: 20px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.explore-more:hover {
    background: #1b3669 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .item-container {
        flex-direction: column !important;
        align-items: center !important;
    }

    .item-image {
        width: 80% !important;
    }
   .item-details{
        width:100% !important;
    }

    .feature-box {
        /*width: 100% !important;*/
        /*padding: 10px !important;*/
    }

    .info-table table {
        font-size: 12px !important;
        width: 100% !important;
    }

    .info-table td {
        padding: 8px !important;
    }
}








.featuress {
    width:100vw !important;
    padding: 100px 20px !important;
    background: #f5f5f5 !important;
}

.containerrrr {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px !important;
    max-width: 900px !important;
    margin: auto !important;
}

.feature-boxx {
    background: #fff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    text-align: center !important;
    padding: 20px !important;
    transition: 0.3s ease-in-out !important;
}

.feature-boxx:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;
}

.feature-boxx img {
    width: 100% !important;
    height: 300px !important;
    border-radius: 12px !important;
}

.feature-boxx h3 {
    margin: 15px 0 10px !important;
    font-size: 20px !important;
    color: #002b5b !important;
}

.feature-boxx p {
    color: #666 !important;
    font-size: 14px !important;
    text-align:left !important;
    padding:10px !important;
}

/* Responsive */
@media (max-width: 768px) {
    .containerrrr {
        grid-template-columns: 1fr;
    }
}