* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Open Sans', sans-serif;
}

hr {
      border: none;
      height: 2px;
      background: #00afe3;
      margin: 20px 0; /* Add margin as needed */
    }

.greyblock {background-color: #F4F4F4;}
.greyblock .lang-select img {width: 20px;}
.greyblock small {font-size: 0.65rem;}


.breadcrumbs {font-size: 0.65rem; color: #666;}
.breadcrumbs a {font-size: 0.65rem; color: #666;}

.h1-machine {color: #333333; font-weight: bold; font-size: 1.85rem;}
h2 {font-weight: bold; color: #333333; font-size: 1.85rem;}
.h4-grey {color: #BABABA}

p {margin: 1.5rem 0rem;}

/* BTNS */

.btn-primary {background-color: #00afe3; border:0px!important;}
a {color: #00afe3;}

/* EO BTNS */


/* NAV */


#nav-full {
    list-style: none;
    padding: 0;
    margin: 0;
}

#nav-full li {
    display: block;
    position: relative;
}

#nav-full a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
}

#nav-full ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
    padding-inline-start: 0px;
}

#nav-full li:hover ul {
    display: block;
}

#nav-full ul li {
    display: block;
}

#nav-full ul a {
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
}

#nav-full ul a:hover {
    background-color: #f0f0f0;
}

#nav-full li {white-space: nowrap; text-align: left;}
#nav-full li:hover ul ul {display:none;}
#nav-full ul li:hover ul {display:none;}
#nav-full ul ul {display:none;}
/* EO NAV */


.card {border-radius: 15px; overflow:hidden; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);}
.card ul {list-style-type: none; padding: 0px;}
.card ul li {padding-left: 0px; margin-left: 0px; text-indent: 0px;}
.card ul li:before {
      content: "\f00c"; /* Unicode character for Font Awesome icon */
      font-family: 'Font Awesome 6 Free'; /* Font Awesome font-family */
      margin-right: 10px; /* Adjust the spacing as needed */
      color: #00afe3;
      font-weight: 900;
    }


/* HEADER */

.banner {
	position: relative;
      width: 100%;
      background-color: #00afe3;
         }


 .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to right, rgba(0, 175, 227, 0), rgba(0, 175, 227, 1)); /* #00afe3 */
      z-index: 100;
    }

.banner .container {position: relative; z-index: 999;}

.banner h1 {font-weight: bold; color: #fff;}
.banner h2 {font-weight: normal; color: #fff;}
.banner p {font-weight: normal; color: #fff;}

/* EO HEADER */

/* IMAGE */

    .category-img {
      width: 400px;
      height: 300px;
      object-fit: cover;
      /* You can use "contain" instead of "cover" if you want to ensure the whole image is visible */
    }

    .landscape-img {
      width: 800px;
      height: 300px;
      object-fit: cover;
      /* You can use "contain" instead of "cover" if you want to ensure the whole image is visible */
    }



    /* Optional: Add some styling to the figure for borders or other effects */
    figure {
      margin: 0;
      padding: 0;
      border: 1px solid #ddd;
      overflow: hidden;
    }




/* EO IMAGE */

/* PRODUCt */

.sold {position: absolute; background-color: #b51818; color: #fff ; padding: 10px; margin-left: 10px; margin-top: 10px;}

/* EO PRODUCT */

/* FOOTER */

footer {background-color: #333333; color: #fff;}
footer a {color: #fff;}
footer ul {list-style-type: none; padding: 0px;}
footer ul li {padding-left: 0px; margin-left: 0px;}

/* EO FOOTER */