*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}



.bg--grey {
    background-color: #bbe0e4;
    margin-top: 120px;
}

.about_machines{
    /* height: 87vh; */
    align-content: center;
    /* padding: 110px 0px; */
}
.machine_1{
    /* margin-top: 100px; */
    display: grid;
    grid-template-columns: 32% 32%;
    justify-content: center;
    align-items: center;
    grid-gap: 97px;
}

.machine_1 .img_cont {
    height: 500px;
    width: 690px;
}

.machine_1 .img_cont img{
    width: 90%;
    height: auto;
    border-radius: 40px;
    /* filter: drop-shadow(5px 5px 3px grey); */
    margin-top: 59px;
    margin-left: 52px;

}


.machine_content h1{
    font-size: 60px;
    font-family: "freeman",sans-serif;
}
.machine_content p {
    font-size: 21px;
}

  .des-title {
    font-size: 45px;
    font-family: "freeman",sans-serif;
    /* font-weight: bold; */
    margin-bottom: 1rem;
  }

  .description {
    display: flex;
    /* justify-content: space-around; */
    /* flex-wrap: wrap; */
    gap: 20px;
    /* margin-bottom: 1.5rem; */
    margin-left: 428px;
    margin-top: 75px;
  }

  .description_cont{
      width: 50%;
  }

  .description p {
    font-size: 45px;
    line-height: 1.5;
    margin: 0;
    flex: 1 1 calc(33.33% - 20px);
    font-family: "freeman",sans-serif;
  }


  /* .main-card {
    padding: 75px 0;
} */



.card-main{
    display: grid;
    /* flex-direction: row; */
    /* gap: 5px; */
    grid-template-columns: 30% 30%;
    justify-content: center;
    
}

.card {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 20px;
    overflow: hidden;
    box-lines: 0 0 64px rgba(58, 67, 89, 0.42);
    height: 500px;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    width: 500px;
    margin-top: 40px;
}


.card-img-top {
    width: 450px;
    height: 87%;
    transition: transform 0.3s ease;
    margin: 0 auto;
    display: block;
    padding-top: 55px;
    object-fit: fill;
}

.card-body {
    padding: 30px;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between;  */
    height: 100%;
    transition: all 0.3s ease;
    margin-bottom: 10px;
}

 /* Section Heading */
 .key_features{
    margin-top: 75px;
 }
.key_features .heading_box {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 40px;
}

/* Adjusted Carousel Container */
.owl-carousel {
    width: 70%; /* Reduced overall width of the carousel */
    margin: 0 auto; /* Center the carousel */
    padding: 10px 0; /* Add padding for spacing */
    
}



/* Carousel Items */
.owl-carousel .item-tp {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    box-lines: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    /* width: 90%; */
    width: 400px;
    height: 310px;
}

/* Adjust Image Size */
.owl-carousel .item img {
    width: 100%;
    height: auto;
    display: block;
}

/* Overlay Text */
.owl-carousel .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #46a9b6;
    color: rgb(255, 255, 255);
    padding: 8px; /* Adjust padding for a cleaner look */
    text-align: center;
    font-size: 13px; /* Slightly smaller text */
    opacity: 0.8;
}



.owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    z-index: 10;
}

.owl-nav button {
    background-color: white;
    border: none;
    border-radius: 50%;
    width: 45px; /* Slightly smaller button */
    height: 45px;
    font-size: 22px;
    color: #46a9b6;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: transform 0.3s, background-color 0.3s;
}

.owl-nav button.owl-prev {
    left: -15px; /* Adjusted position */
}

.owl-nav button.owl-next {
    right: -15px; /* Adjusted position */
}

.owl-theme .owl-nav {
    margin-top: -30px;
}

.owl-nav button:hover {
    transform: scale(1.1);
    background-color: #f0f0f0;
    /* color: #005f6b; */
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #46a9b6;
    color: #FFF;
    text-decoration: none;
}

.owl-dots{
    margin-top: 25px;
}

.item-tp{
    width:400px ;
    height: 310px; 
    border: 1px solid black
}

.item-tp img{
    height: 100%;
    width: 100%;
}



.specification{
    margin-top: 50px;
}

.specification h1{
    text-align: center;
    margin-top: 50px;
}
table {
    width: 44%;
    border-collapse: collapse;
    border: 1px solid #000;
    text-align: left;
    margin:0 auto;
    margin-top: 40px;
}

thead th {
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #000;
    padding: 8px;
    /* background-color: #f2f2f2; */
}

tbody td {
    padding: 8px;
    border: 1px solid #000;
    font-size: 18px;
}




tbody tr:nth-child(odd) {
    background-color: #eeeeee; 
}

/* tbody tr:nth-child(even) {
    background-color: #fff; 
} */


.packaging{
    display: flex;
    justify-content: center;
    margin-top: 75px;
    background-color: #80c5cd;
}
.packaging .packaging_left{
    /* border-right: 2px solid #00000079; */
    padding: 50px;
    background-color: #80c5cd;
    margin-left: 128px;
}
.packaging .packaging_left p{
    font-size: 20px;
}


.img-main-cont {
    display: grid;
    grid-template-columns: 31% 31% 31%;
    grid-column-gap: 3%;
    grid-row-gap: 55px;
}




.machine_layout{
    margin-top: 75px;
    margin-bottom: 30px;
}
.machine_layout .heading_box{
    text-align: center;
}
.layout-img_cont {
    margin: 0 auto;
    max-width: 80%;
    margin-top:50px;

}

.layout-img_cont img {
    width: 100%;
}


.utilities{
    display: flex;
    justify-content: center;
    margin-top: 75px;
    background-color: #46a9b6;
    margin-bottom: 75px;
}
.utilities .packaging_right{
    padding: 50px;
}

.utilities .packaging_right h1{
    color: white;
}

.utilities .packaging_right p, strong{
    color: white;
    font-size: 20px;
}

/* Responsive */
@media(max-width:1250px){
    .content_features {
        display: grid;
        grid-template-columns: 40% 40% ;
    }
}
@media(max-width:1200px){
    .machine_1{
        grid-template-columns: 54% 40%;
    }
    .packaging {
        padding: 20px;
    }
    .packaging .packaging_left {
        padding-right:0px ;
    }
    .packaging .packaging_right{
        padding: 20px;

    }
   
}
@media(max-width:1070px){
    .machine_1{
        grid-template-columns: 58% 38%;
    }
}
@media(max-width:991px){
    .machine_1 .img_cont img {
        width: 500px;
    }
    .machine_content ul {
        font-size: 18px;
    }
    .content_features {
        display: grid;
        grid-template-columns: 45% 45% ;
    }
    .packaging .packaging_left{
        padding-right: 0px;
    }
    .packaging .packaging_right{
        padding-left: 20px;
    }
    .img-main-cont {
        display: grid;
        grid-template-columns: 45% 45%;
    }
   
}
@media(max-width:810px){
    .machine_1{
        grid-template-columns: 57% 37%;
    }
    .machine_1 .img_cont img {
        width: 450px;
    }
    .machine_content ul {
        font-size: 18px;
    }
   
}

@media (max-width:768px){
    .machine_1{
        grid-template-columns: 100%;
        justify-content: center;
    }
    .machine_1 .img_cont{
        margin: 0 auto;
    }
    .machine_1 .img_cont img {
        width: 350px;
    }
    .machine_content ul {
        font-size: 15px;
    }
  
    .content_features{
        grid-template-columns: 100%;
        justify-content: center;
        grid-gap: 20px;
    }
    .card{
        margin: 0 auto;
    }
    .card-title{
        font-size: 18px;
    }
    .card-text{
        font-size: 13px;
    }
    .specification table {
        width: max-content;
    }
    .packaging{
        flex-direction: column;
    }
    .packaging_left{
        padding: 20px;
    }
    .packaging .packaging_left{
        border-right: none;
    }
    .packaging_left h1{
        font-size: 25px;
    }
    .packaging_left p{
        font-size: 13px;
    }
    .packaging_right{
        padding: 20px;
    }
    .packaging_right h1{
        font-size: 25px;
    }
    .packaging_right p{
        font-size: 13px;
    }
    .machine_layout .img-main-cont{
        grid-template-columns: 100%;
    }

}
@media (max-width:450px){
    .card{
        width: 16rem;
    }
    .specification table {
        width: 90%;
    }


}
html, body {
    overflow-x: hidden;
}