@font-face {
    font-family: 'Yu Gothic Bold';
    src: url('./font/Yu Gothic Medium.ttf') format('truetype');
}
body{
    font-family: 'Yu Gothic Bold' !important;
}
.body{
    width: 82% !important;
    float: right;
    position: relative;
}
.header{
    width: 18% !important;
    float: left;
    position: relative;
}
.tablet-display-block{
    display: none !important;
}
.content{
    position: relative;
}
.text-green{
    color: #00A063;;
}
.text-gray{
    color: gray;
}
.br-gray-1{
    background: #EBEBEB;;
}
.br-gray-2{
    background: #929295;
}
.br-gray-3{
    background: #D5D5D5;
}
.br-green{
    background: #00A063;
}
.fs-52r{
    font-size: 5.2rem;
}
.fs-5r{
    font-size: 5rem !important;
}
.fs-33r{
    font-size: 3.3rem;
}
.fs-28r{
    font-size: 2.8rem;
}
.fs-27r{
    font-size: 2.7rem;
}
.fs-26r{
    font-size: 2.6rem;
}
.fs-215r{
    font-size: 2.15rem;
}
.fs-2r{
    font-size: 2rem;
}
.fs-17r{
    font-size: 1.7rem;
}
.fs-16r{
    font-size: 1.6rem;
}
.fs-15r{
    font-size: 1.5rem;
}
.fs-12r{
    font-size: 1.2rem;
}
.fs-11r{
    font-size: 1.1rem;
}
.fs-08r{
    font-size: 0.8rem;
}
.aligncenter{
    text-align: center;
}
.wp-block-image img{
    max-width: 100%;
    height: auto;
}
/* Home Page BANNER */
.hp-banner{
    width: 100%;
    filter: brightness(50%);
}
.hp-banner-text {
    position: absolute;
    top: 41.5%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    text-align: center;
    color: #FFFFFF;
}
.hp-br-1{
    background: #00A063;
    padding: 50px 0px;
}
/* Home Page NEWS */
.hp-news-br-2{
    background: #00A063;
}
.hp-news{
    background: #EBEBEB;
}
.hp-news-mini{
    margin: 0 auto;
}
.hp-news-mini-child{
    justify-content: center;
    max-width: 100%;
    min-width: 1280px;
}
.hp-news-img {
    min-height: 250px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.hp-news-img-text-1{
    text-align: center;
    left: 4%;
    top: 6%;
    width: 90px;
    position: absolute;
    padding: 4px 8px;
    background:#CDE48B;
    color:#00A063;
}
.hp-news-img-text-2{
    text-align: center;
    left: 4%;
    top: 6%;
    width: 90px;
    position: absolute;
    padding: 4px 8px;
    background:white;
    color:#00A063;
}
.hp-news-body{
    height: 200px;
    background: white;
}
.hp-news-day{
    color: #929295;
}
.hp-button a{
    border: #00A063 1px solid;
    border-radius: 40px;
    padding: 16px 60px;
    color: #000;
    text-decoration: none;
}
#divHpNewsButton a:hover{
    background: #00A063;
    color: white;
}
.hp-img-arrow{
    margin-left: 10px;
    width: 34px;
}
/* Home Page ABOUT */
.hp-detail-div-img-1{
    max-width: 180px;
    min-width: 150px;
    height: auto;
}
.hp-detail-div-img-1 img{
    width: 100%;
    height: auto;
}
#divHpAboutButton1 a:hover{
    background: #00A063;
    color: white;
}
/* Home Page WORK */
.hp-detail-div-img-2{
    max-width: 600px;
    min-width: 450px;
    height: auto;
}
.hp-detail-div-img-2 img{
    width: 100%;
    height: auto;
}
#divHpWorkButton a:hover{
    background: #00A063;
    color: white;
}
/* Home Page EQUIPMENT */
#divHpEquipButton1 a:hover{
    background: #00A063;
    color: white;
}
/* Home Page PROTOTYPE */
.hp-prototype{
    background: black;
    color: white;
}
.hp-prototype .hp-prototype-content{
    width: 360px;
    padding: 0px;
}
.hp-prototype-block-1 img{
    right:0;
    left:0;
    position:absolute;
}
.hp-prototype-border-text-1{
    top: 3%;
    right: 24rem;
    position: absolute;
    width: 258px;
    text-align: center;
}
.hp-prototype-border-text-1 span{
    width: 100%;
    top: 0;
    left: 0;
    padding: 28px 30px;
    position: absolute;
}
.hp-prototype-border-text-2{
    top: 33%;
    right: 32rem;
    position: absolute;
    width: 182px;
    text-align: center;
}
.hp-prototype-border-text-2 span{
    width: 100%;
    top: 0;
    left: 0;
    padding: 20px 24px;
    position: absolute;
}
.hp-prototype-border-text-3{
    top: 66%;
    right: 26rem;
    position: absolute;
    width: 258px;
    text-align: center;
}
.hp-prototype-border-text-3 span{
    width: 100%;
    top: 0;
    left: 0;
    padding: 28px 20px;
    position: absolute;
}
.hp-prototype-border-text-4{
    top: 3%;
    left: 30rem;
    position: absolute;
    width: 220px;
    text-align: center;
}
.hp-prototype-border-text-4 span{
    width: 100%;
    top: 0;
    left: 0;
    padding: 25px 14px;
    position: absolute;
}
.hp-prototype-border-text-5{
    top: 40%;
    left: 27rem;
    position: absolute;
    width: 205px;
    text-align: center;
}
.hp-prototype-border-text-5 span{
    width: 100%;
    top: 0;
    left: 0;
    padding: 23px 12px;
    position: absolute;
}
.hp-prototype-border-text-6{
    top: 66%;
    left: 27rem;
    position: absolute;
    width: 250px;
    text-align: center;
}
.hp-prototype-border-text-6 span{
    width: 100%;
    top: 0;
    left: 0;
    padding: 28px 14px;
    position: absolute;
}
.hp-prototype-text-1{
    font-weight: bold;
    color: #00A063;
    text-align: center;
}
.hp-prototype-text-2{
    text-align: center;
}
.hp-prototype-text-2 span{
    padding: 0px 4px;
    font-weight: bold;
    color: #000;
    background: #00A063;
}
.hp-prototype-text-3{
    color: #00A063;
    text-align: center;
}
.hp-prototype-img img{
    width: 100%;
    height: auto;
}
.hp-pro-button a{
    border: #00A063 1px solid;
    border-radius: 40px;
    padding: 16px 60px;
    font-size: 1.2rem;
    color: white;
    background: #00A063;
    text-decoration: none;
}
#divHpProButton a:hover{
    background: white;
    color: #000;
    /* filter: brightness(50%); */
}
/* Home Page RECRUIT */
.hp-rec-icon{
    align-self: center;
    padding: 23px !important;
    border-radius: 50%;
    background: #D7E268;
}
.hp-rec-icon img{
    width: 43px;
}
/* Home Page Footer */
.hp-footer{
    background: #000;
}
.hp-footer-detail{
    justify-items: center;
}
.hp-footer-text-1{
    width: 400px;
    border: #000 1px solid;
    color: white;
    border-radius: 10px;
    background: #00A063;
    padding-top: 20px;
    padding-bottom: 20px;
}
.hp-footer-text-2{
    width: 400px;
    border: #000 1px solid;
    border-radius: 10px;
    background: white;
    padding-top: 10px;
    padding-bottom: 10px;
}
.hp-footer-text-3 div:nth-child(2){
    font-weight: 400;
}
.hp-footer-links a{
    color: white;
    text-decoration: none;
    padding: 10px 20px;
}
.hp-footer-links a:hover{
    color: white;
    background: #00A063;
    border-radius: 10px;
}
.hp-footer-opacity:hover{
    opacity: 0.6;
}
/* PAGE ABOUT - #ABOUT */
.about-title-banner{
    background: #00A063;
    padding: 30px 30px;
}
.about-title-banner .about-title-banner-span-sec{
    padding: 0px 10px;
}
.about-info{
    background: #EBEBEB;
}
.about-info-title div:nth-child(1), .about-info-title div:nth-child(2){
    padding-left: 40px;
}
.about-info-title div:nth-child(3) span{
    line-height: 64px;
}
/* PAGE ABOUT - #MESSAGE */
.about-title-message{
    margin: 20px 0px;
    border-bottom: #00A063 4px solid;
}
.about-message-text-1{
    font-size: 2rem;
}
.about-message-text-2{
    font-size: 0.8rem;
}
/* PAGE ABOUT - #COMPANY PROFILE */
.about-company-table{
    width: 100%;
}
.about-company-table td:nth-child(1){
    background: #00A063;
    color: white;
}
.about-company-map{
    width: 75%;
    margin: auto;
}
.about-company-map iframe{
    width: 100%;
}
.about-company-img-1{
    width: 50%;
}
.about-company-img-2{
    width: 51%;
}
/* PAGE ABOUT - #HISTORY */
.about-history-table td:nth-child(1){
    color: #00A063;
    border-bottom: 1px solid #00A063 !important;
    text-align: center;
}
.about-history-table td:nth-child(3){
    border-bottom: 1px solid #000 !important;
}
/* PAGE ABOUT - FOOTER */
.about-footer-block-1, .about-footer-block-2, .about-footer-block-3, .about-footer-block-4{
    width: 50%;
}
.about-footer-block-1 div:nth-child(1){
    background: #00A063;
    color: white;
}
.about-footer-block-2 div:nth-child(1){
    background: #606060;
    color: white;
}
.about-footer-block-3 div:nth-child(1){
    background: #606060;
    color: white;
}
.about-footer-block-4 div:nth-child(1){
    background: #00A063;
    color: white;
}
/* PAGE TRYIT */
.tryit-image-text{
    filter: brightness(40%);
}
.tryit-border-text-1 {
    top: 20%;
    left: 7%;
    position: absolute;
    width: 400px;
}
.tryit-border-text-1 img, .tryit-border-text-2 img, .tryit-border-text-3 img,
.tryit-border-text-4 img, .tryit-border-text-5 img{
    right:0;
    left:0;
    position:absolute;
    /* background: rgba(0, 0, 0, 60%); */
}
.tryit-border-text-1 span{
    width: 100%;
    top: 0;
    left: 0;
    padding: 50px 40px;
    position: absolute;
}
.tryit-border-text-2 {
    top: 6%;
    right: 29%;
    position: absolute;
    width: 320px;
}
.tryit-border-text-2 span{
    width: 100%;
    left: 0;
    padding: 20px 36px;
    position: absolute;
}
.tryit-border-text-3 {
    width: 410px;
    top: 38%;
    right: 6%;
    position: absolute;
}
.tryit-border-text-3 span{
    left: 0;
    padding: 28px 30px;
    position: absolute;
}
.tryit-border-text-4 {
    width: 565px;
    top: 56%;
    left: 14%;
    position: absolute;
}
.tryit-border-text-4 span{
    width: 100%;
    left: 0;
    padding: 28px 30px;
    position: absolute;
}
.tryit-border-text-5 {
    top: 74%;
    right: 15%;
    position: absolute;
    width: 330px;
}
.tryit-border-text-5 span{
    width: 100%;
    left: 0;
    padding: 20px 30px;
    position: absolute;
}
.tryit-text-1{
    width: 75%;
    margin: auto;
    border-bottom: 1px #000 solid;
}
.tryit-workflow{
    background: #E3EBE7;
}
.tryit-workflow-line{
    margin: auto;
    border-bottom: 5px #00A063 solid;
    width: 70px;
}
.tryit-workflow-text{
    background: white;
}
.tryit-text-2{
    width: 75%;
    margin: auto;
}
#divTryItButton a:hover{
    background: #00A063;
    color: white;
}
/* PAGE WORK */
.work-block{
    background: #EBEBEB;
    min-height: 200px;
}

/* -------PAGE EQUIPMENT----- */
/* Container for the entire slider section including the title and slider itself */
.background {
    width: 100%; /* Sets the width to fill the available space */
    height: 100%; /* Sets the height to fill the available space */
    position: relative; /* Allows for absolute positioning of child elements */
    display: flex; /* Enables flexbox layout */
    flex-direction: column; /* Aligns items in a column (vertical stack) */
    justify-content: center; /* Centers content vertically */
    align-items: center; /* Centers content horizontally */
}

/* Styling for the title above the slider */
.slider-title {
    font-size: 4rem; /* Large font size for the title */
    margin-bottom: 20px; /* Space below the title */
    font-weight: 600; /* Semi-bold font weight */
}

/* Main container for the slider - this holds the images and navigation buttons */
.slider-container {
    position: relative; /* Allows for absolute positioning of navigation buttons */
    width: 60%; /* Sets the slider width to 60% of the parent container */
    max-width: 800px; /* Maximum width for larger screens */
    overflow: hidden; /* Hides the overflow content (only one image is visible at a time) */
    border-radius: 0px; /* Rounds the corners of the slider */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow for depth */
}

/* Flexbox container that holds all the slides */
.slider {
    display: flex; /* Enables flexbox layout to line up slides horizontally */
    transition: transform 0.4s ease-in-out; /* Smooth transition when sliding between images */
}

/* Each individual slide - takes up full width of the container */
.slide {
    min-width: 100%; /* Each slide takes up 100% of the slider container's width */
    height: 450px; /* Fixed height for each slide */
    transition: transform 0.5s ease-in-out; /* Smooth transition when slides are changed */
}

/* Ensures that images fill the slide area while maintaining aspect ratio */
.slide img {
    width: 100%; /* Image width matches the slide width */
    height: 100%; /* Image height matches the slide height */
    object-fit: cover; /* Images are scaled to cover the entire slide, cropping if necessary */
    border-radius: 0px; /* Rounds the corners of the images to match the slider */
}

/* Common styling for both previous and next navigation buttons */
.equipment-slide .prev, .equipment-slide .next {
    position: absolute; /* Absolute positioning within the slider container */
    top: 50%; /* Centers the button vertically */
    transform: translateY(-50%); /* Offsets the button position by half its height */
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
    color: white; /* White color for the arrow icons */
    border: none; /* Removes default button borders */
    width: 40px; /* Fixed width for the buttons */
    height: 40px; /* Fixed height for the buttons */
    cursor: pointer; /* Changes the cursor to pointer on hover */
    z-index: 10; /* Ensures buttons appear above the slider content */
    border-radius: 50%; /* Makes the buttons round */
    transition: background-color 0.3s ease; /* Smooth transition for background color on hover */
    display: flex; /* Enables flexbox for centering the arrow inside the button */
    justify-content: center; /* Centers arrow horizontally */
    align-items: center; /* Centers arrow vertically */
    padding: 0; /* Removes any default padding */
}

/* Positioning the previous button to the left */
.equipment-slide .prev {
    left: 10px; /* Positions the button 10px from the left edge */
}

/* Positioning the next button to the right */
.equipment-slide .next {
    right: 10px; /* Positions the button 10px from the right edge */
}

/* Hover effect for navigation buttons */
.equipment-slide .prev:hover, .equipment-slide .next:hover {
    background-color: rgba(0, 0, 0, 0.8); /* Darkens the button background on hover */
}

/* Container for the dot indicators below the slider */
.dots-container {
    margin-top: 20px; /* Space above the dots */
    display: flex; /* Enables flexbox layout for horizontal alignment */
    justify-content: center; /* Centers the dots horizontally */
    align-items: center; /* Centers the dots vertically */
}

/* Common styling for each individual dot */
.dot {
    height: 15px; /* Fixed height for the dots */
    width: 15px; /* Fixed width for the dots */
    margin: 0 5px; /* Spacing between the dots */
    background-color: rgba(255, 255, 255, 0.5); /* Semi-transparent white background */
    border-radius: 50%; /* Makes the dots round */
    border: 1px solid #000;
    display: inline-block; /* Ensures dots are inline */
    cursor: pointer; /* Changes cursor to pointer on hover */
    transition: background-color 0.3s ease; /* Smooth transition for background color on hover */
}

/* Styling for the active dot - indicates the current slide */
.dot.active {
    background-color: #00A063 ;/* Solid white background for the active dot */
    border: 1px solid #00A063;
}
.equipment-table .equipment-table-title{
    background: #929295;
    color: white;
}
.equipment-table td{
    padding: 1rem !important;
}
.equipment-table .equipment-table-content{
    background: #EBEBEB;
}
/* PAGE RECRUIT */
.recruit-button a{
    border: #000 1px solid;
    border-radius: 40px;
    padding: 16px 60px;
    background: #000;
    color: white;
    text-decoration: none;
}
.recruit-button a:hover{
    opacity: 0.6;
}
/* PAGE NEWS */
.news-title{
    border-left: 5px solid #00A063;
}
.news-content{
    background: white;
    min-height: 200px;
}
.news-img{
    min-height: 250px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.news-br-default{
    background: #00A063;
}
.news-content a{
    text-decoration: none;
}
.news-more{
    right: 4%;
    bottom: 6%;
    width: 80px;
    position: absolute;
}
.news-more img{
    width: 23px;
}
.news-more a:hover{
    opacity: 0.6;
}
.news-search a{
    text-decoration: none;
    border: 1px solid #00A063;
}
.news-search a:hover, .news-search a.active{
    background: #00A063;
    color: white;
}
.news-single{
    background: white;
}
.news-cate-text{
    width: 80px;
    background: #EBEBEB;
    color: #00A063;
}
#divNewsSingleButton a:hover{
    background: #00A063;
    color: white;
}
.news-pagination .next-page, .news-pagination .preious-page{
    display: inline;
}
.news-pagination a{
    text-decoration: none;
    color: #000;
}
.news-pagination a:hover{
    border-bottom: 3px #00A063 solid;
}
.news-pagination .current{
    color: white;
    background: #00A063;
    padding: 4px 12px !important;
    border-radius: 20px;
}
.news-pagination .page-numbers{
    padding: 0.5rem;
    margin: 0 10px;
}
/* CONTACT-FORM */
.contact-form-note{
    padding: 0px 8px;
    height: 25px;
    margin-right: 10px;
    white-space: nowrap;
}
.contact-form-row{
    border-bottom: 1px solid #929295;
}
.contact-form-row input{
    height: 40px;
}
.contact-form-button button{
    border-radius: 40px;
    padding: 16px 60px;
    color: white;
    background: #606060;
    border: 1px solid #606060;
}
.contact-form-button button:hover{
    opacity: 0.6;
}
.contact-form-button a{
    border-radius: 40px;
    padding: 16px 60px;
    color: white;
    background: #606060;
    border: 1px solid #606060;
}
.contact-form-button a:hover{
    opacity: 0.6;
}
.contact-confirm-button button{
    border: 1px solid #000;
    border-radius: 40px;
    padding: 16px 60px;
    color: #000;
}
.contact-confirm-button button:hover{
    opacity: 0.6;
}
.contact-form-links-hover:hover{
    opacity: 0.6;
}
/* PRIVACY-POLICY */
.privacy-policy-row{
    border-bottom: 1px solid #929295;
}
@media only screen and (max-width: 1650px) {
    /* Home Page News */
    .hp-news-mini{
        overflow-x: scroll;
    }
    .news-img{
        min-height: 200px;
    }
    /* Home Page PROTOTYPE */
}
@media only screen and (max-width: 1500px) {
    .header{
        width: 25% !important;
    }
    .body{
        width: 75% !important;
    }
    .tryit-border-text-1 {
        top: 20%;
        left: 4%;
    }
    .tryit-border-text-2 {
        top: 6%;
        right: 18%;
    }
    .tryit-border-text-3 {
        top: 39%;
        right: 5%;
    }
    .tryit-border-text-4 {
        top: 60%;
        left: 8%;
    }
    .tryit-border-text-5 {
        bottom: 10%;
        right: 8%;
    }
}
@media only screen and (max-width: 991px) {
    
    .body{
        width: 100% !important;
        float: left;
    }
    .header{
        width: 100% !important;
    }
    .tablet-display-none{
        display: none !important;
    }
    .tablet-display-block{
        display: block !important;
    }
    .aligncenter img{
        width: 100%;
        height: auto;
    }
    /* Home Page BANNER */

    /* Home Page ABOUT */
    .about-title-banner .about-title-banner-span-sec{
        padding: 0px 0px;
    }
    #divHpAboutButton2 a:hover{
        background: #00A063;
        color: white;
    }
    .hp-about div:nth-child(1){
        width: 100% !important;
    }
    .hp-about div:nth-child(2){
        width: 100% !important;
    }
    /* Home Page WORK */
    .hp-work div:nth-child(1){
        width: 100% !important;
    }
    .hp-work div:nth-child(2){
        width: 100% !important;
    }
    /* Home Page EQUIPMENT */
    .hp-equip div:nth-child(1){
        width: 100% !important;
    }
    .hp-equip div:nth-child(2){
        width: 100% !important;
    }
    #divHpEquipButton2 a:hover{
        background: #00A063;
        color: white;
    }
    /* Home Page PROTOTYPE */
    .hp-prototype .hp-prototype-content{
        width: 450px;
    }
    .hp-prototype-block-1{
        position: relative !important;
        height: 160px;
    }
    .hp-prototype-block-2{
        position: relative !important;
        height: 450px;
    }
    .hp-prototype-text-4{
        font-size: 1.2rem;
    }
    .hp-prototype-border-text-1 {
        right: 0rem;
        width: 236px;
    }
    .hp-prototype-border-text-1 span{
        padding: 20px 24px;
    }
    .hp-prototype-border-text-2 {
        right: auto;
    }
    .hp-prototype-border-text-3 {
        top: 10%;
        right: -2rem;
        width: 240px;
    }
    .hp-prototype-border-text-3 span{
        padding: 25px 14px;
    }
    .hp-prototype-border-text-4 {
        top: 13%;
        left: -2rem;
        width: 200px;
    }
    .hp-prototype-border-text-4 span{
        padding: 25px 6px;
    }
    .hp-prototype-border-text-5 {
        top: auto;
        bottom: 20%;
        left: auto;
        right: -1rem;
    }
    .hp-prototype-border-text-6 {
        top: auto;
        bottom: 22%;
        left: 0;
        right: 8rem;
        width: 220px;
    }
    .hp-prototype-border-text-6 span{
        padding: 28px 14px;
        font-size: 1.2rem;
    }
    /* Home Page Footer */
    .hp-footer-links-tablet{
        width: 100% !important;
    }
    .hp-footer-links-tablet a{
        font-size: 1.5rem;
        color: white;
        text-decoration: none;
        padding: 10px 20px;
        display: inline-block;
        width: 100%;
    }
    .hp-footer-links-tablet div:nth-child(1){
        border-top: 2px solid #00A063;
    }
    .hp-footer-links-tablet div{
        width: 100%;
        border-bottom: 2px solid #00A063;
    }
    .hp-footer-links-tablet a:hover{
        color: white;
        background: #00A063;
    }
    .hp-footer-text-3{
        text-align: center;
        line-height: 40px;
        margin-bottom: 40px;
    }
    /* PAGE ABOUT - #ABOUT */
    .about-info div{
        width: 100% !important;
    }
    .about-info-title{
        text-align: center;
    }
    /* PAGE ABOUT - #MESSAGE */
    .about-message-content div:nth-child(2){
        width: 100% !important;
    }
    /* PAGE ABOUT - #COMPANY PROFILE */
    .about-company-map{
        width: 100%;
    }
    .about-company-map iframe{
        width: 100%;
    }
    .about-company-img-1{
        width: 100%;
    }
    .about-company-img-2{
        width: 100%;
    }
    .about-company-img-2 input{
        display: none;
    }
    .about-company-img-2 span{
        font-size: 1.5rem;
    }
    /* PAGE ABOUT - FOOTER */
    .about-footer-block-1, .about-footer-block-2, .about-footer-block-3, .about-footer-block-4{
        width: 100%;
    }
    /* PAGE TRYIT */
    .tryit-text-1{
        width: 100%;
    }
    .tryit-text-2{
        width: 100%;
    }
    .tryit-border-text-1 {
        top: 6%;
        left: 10%;
    }
    .tryit-border-text-2 {
        top: 30%;
        right: 10%;
        width: 360px;
    }
    .tryit-border-text-3 {
        top: 48%;
        right: auto;
        left: 10%;
    }
    .tryit-border-text-4 {
        width: 450px;
        top: 67%;
        right: 10%;
        left: auto;
    }
    .tryit-border-text-4 span{
        font-size: 1.3rem !important;
    }
    .tryit-border-text-5 {
        top: auto;
        bottom: 18%;
        right: auto;
        left: 10%;
        width: 360px;
    }
    .tryit-border-text-5 span{
        font-size: 1.7rem !important;
    }
    /* PAGE EQUIPMENT */
    .slider-container {
        width: 100%; /* Sets the slider width to 60% of the parent container */
        max-width: unset; /* Maximum width for larger screens */
    }
    
    /* Each individual slide - takes up full width of the container */
    .slide {
        height: auto; /* Fixed height for each slide */
    }
    /* PAGE NEWS */
    .news-content{
        height: auto;
    }
    .news-img{
        height: auto;
    }
}
@media only screen and (max-width: 600px) {
    /* Home Page Footer */
    .hp-footer-detail{
        width: 80%;
    }
    .hp-links-contact{
        display: flex;
        width: 100%;
    }
    .hp-footer-text-1{
        width: 100%;
    }
    .hp-footer-text-2{
        width: 100%;
    }
    /* PAGE ABOUT - #COMPANY PROFILE */
    .about-company-table{
        width: 600px !important;
    }
    /* PAGE EQUIPMENT */
    .equipment-table{
        width: 600px !important;
    }
}