html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
}

*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    font-weight: 400;
    color: #858585;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #858585;
    font-family: "Playfair Display", serif;
    font-weight: 400;
    line-height: 1.2;
}

.container {
    max-width: 1198px !important;
}

.img-responsive {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.navbar {
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
}

.navbar .navbar-brand img {
    padding: 5px;
    object-fit: contain;
}
.navbar li {
    padding-left: 10px;
    padding-right: 10px;
}
.navbar a {
    color: #000 !important;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    text-transform: capitalize;
}

.navbar a.active {
    font-weight: 800;
}
.navbar a:hover {
    color: #79a51a !important;
}
.navbar .dropdown-menu {
    background-attachment: fixed;
    background-size: cover;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:hover {
    color: #79a51a !important;
    text-decoration: none;
    background-color: transparent;
}
.navbar .dropdown-item.active,
.navbar .dropdown-item:active {
    color: black !important;
    text-decoration: none;
    background-color: #79a51a;
}


/* Slogan */

.slogan {
    background-color: #7f9e01;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.slogan h1 {
    color: #ffffff;
    font-size: 30px;
    font-family: "Playfair Display", serif;
    text-align: center;
}

.categories-title {
    font-family: "Playfair Display", serif !important;
}


/* categories */

.categories {
    background-color: #6d9a16;
    /* padding-top: 15px; */
    padding-bottom: 15px;
}

.categories .container {
    background-color: #689517;
}

.categories .categories-title,
.products-title {
    text-align: center;
    font-size: 36px;
    padding-top: 3rem;
    /* padding-bottom: 3rem; */
    color: #f3e0bd;
    font-weight: 500;
    text-transform: uppercase;
}

.category-box {
    position: relative;
    height: 369px;
    width: 369px;
}

.categories-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(565px, 1fr));
    justify-items: center;
    grid-gap: 2rem;
    margin: 0 auto;
}

.category-box:hover .image {
    opacity: 0.4;
    transition: all 0.8s ease 0s;
}

.products-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(365px, 1fr));
    justify-items: center;
    grid-gap: 2rem;
    margin: 0 auto;
    max-width: 1198px;
}

.category-box .image {
    width: 369px;
    height: 369px;
}

@media screen and (max-width: 370px) {
    .category-box .image {
        width: 269px;
        height: 269px;
    }
}

.category-box .overlay {
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5); /* Black see-through */
    color: #f1f1f1;
    width: 100%;
    transition: 0.5s ease;
    opacity: 0;
    color: white;
    font-size: 20px;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    z-index: 5;
}

.category-box:before {
    background: #da1313 none repeat scroll 0 0;
    content: "";
    height: 0%;
    position: absolute;
    width: 100%;
    z-index: 999;
    opacity: 0;
    transition: all 0.8s ease 0s;
    top: 0;
    left: 0;
}

.category-box::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 0%;
    position: absolute;
    width: 100%;
    z-index: 999;
    opacity: 0;
    transition: all 0.8s ease 0s;
    top: 0;
    left: 0;
}
.category-box:hover:before {
    opacity: 0.4;
    transition: all 0.8s ease 0s;
    height: 100%;
    overflow: hidden;
    display: block;
}

.category-box:hover .image {
    opacity: 0.4;
    transition: all 0.8s ease 0s;
}

.category-box .overlay {
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    opacity: 1;
    transition: all 0.8s ease 0s;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding-top: 25px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 25px;
    text-decoration: none;
}

.category-box:hover .overlay {
    opacity: 1;
}

.category-box:hover .overlay {
    opacity: 1;
    transition: all 0.8s ease 0s;
    bottom: 0%;
    background: rgba(255, 215, 0, 0.6);
}

figcaption.overlay {
    text-transform: uppercase;
}

/* services */

.single_service img {
    height: 400px;
    width: 569px;
}

.single_service {
    position: relative;
    margin-bottom: 15px;
    padding: 0.9375rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    box-shadow: -7px -7px 30px rgba(0, 0, 0, 0.5);
}

.single_service h5 {
    -webkit-filter: brightness(1);
    filter: brightness(1);
}

.view_more {
    background: #0e224a;
    display: inline-block;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    text-decoration: none !important;
    position: relative;
    text-decoration: none;
    margin-top: -4px;
}

.hovereff-:hover {
    background: #000;
    width: auto;
}
.hovereff::after {
    border-bottom: 40px solid transparent;
}
.view_more:hover,
.view_more:focus {
    color: #fff;
    opacity: 1;
    background: #0e224a;
}

.view_more::after {
    content: "";
    position: absolute;
    border-left: 30px solid #0e224a;
    right: -30px;
    border-bottom: 47px solid transparent;
    top: 0;
}

.title {
    z-index: 99;
    margin-top: -48px !important;
    color: #fff;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 32px;
    font-weight: 500;
    padding: 5px 0px 5px 13px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

/* Oper */

/* Operational Excelence */

.operational-excellence {
    text-align: center;
    background-color: #000;
    padding-bottom: 3rem;
}

.operational-excellence img {
    width: 50%;
}

.operational-excellence .operational-excellence-title {
    text-align: center;
    font-size: 3.25rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
    color: #b2f4fb;
    font-weight: 500;
    text-transform: uppercase;
}

.operational-excellence p {
    color: #b2f4fb;
    font-size: 1.25rem;
    padding-bottom: 3rem;

}

/* footer */


.footer {
  padding: 1rem;
  background-color: #578c02e8;
  padding-top: 2rem;
}

.footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer ul li {
  padding: 5px;
  font-size: 15px;
  margin: 0;
  line-height: 1.2;
  color: #fff;
}

.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  flex-wrap: wrap;
  padding-left: 2rem;
  padding-right: 2rem;
}
.footer i {
  color: #fff !important;
  margin-right: 2px;
}

.uit-footer-title {
  text-transform: uppercase;
  font-size: 1.125rem;
  letter-spacing: 0.5px;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  color: #fff;
}
.footer-subtitle {
  color: #fff;
  font-weight: 700;
}

.footer-bottom {
    margin: 0;
    padding: 10px;
    text-align: center;
    background-color: #306f01;
}
.footer-bottom p {
    margin: 0;
    padding: 15px;
    text-align: center;
    padding-right: 2rem;
    color: #fff;
}

.footer-bottom a {
    text-decoration: none;
    color: #858585;
}
.footer-bottom hr {
    color: #f8f4f4;
    margin: 0;
    padding: 0;
}

.view_more:hover::after {
    content: "";
    position: absolute;
    border-left: 30px solid #0a8465;
    right: -30px;
    border-bottom: 47px solid transparent;
    top: 0;
}
.view_more:hover {
    background: #0a8465;
    color: #fff;
}

/* Image Overlay */

.products {
    background-color: #6d9a16;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 100vh;
}

.products-home {
    background-color:#6d9a16;
}
.products .container {
    background-color: #689517;
}
.products-title {
    font-weight: 500;
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.products-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(295px, 1fr));
    justify-items: center;
    align-items: center;
    grid-gap: 4rem;
}

.overlay-container {
    position: relative;
    height: 282px;
    width: 340px;
    margin: 0;
    padding: 1rem !important;
    box-shadow: -7px -7px 30px rgba(0, 0, 0, 0.5);
}

.overlay {
    position: absolute;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5); /* Black see-through */
    width: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    opacity: 1;
    color: white;
    font-size: 18px;
    text-align: center;
    bottom: 0px;
}

.overlay-image {
    position: relative;
}
.overlay-image img {
    width: 345px;
    height: 250px;
}

.overlay-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.overlay-container .overlay-image:hover::after {
    opacity: 0.8;
}

.overlay-container:hover .overlay {
    opacity: 1;
    background: rgba(255, 215, 0, 0.3); /* Black see-through */
    z-index: 99;
}

/* image overlay */

/* news */

.news-and-events {
    background-color: #000;
}
.news-and-events .container {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: #191919;
}
.news-and-events-title {
    margin-bottom: 3rem;
    color: #fff !important;
}

.news-and-events-items {
    font-family: "Playfair Display", serif;
    display: grid;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(345px, 1fr));
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
}

.news-and-events-content {
    border: 1px solid #cecece;
    background-color: #fcfcfc;
    padding-top: 15px;
}

.news-and-events-description {
    text-align: left;
    padding-bottom: 1rem;
}

.news-and-events-box-content {
    border: 1px solid #333;
    background-color: #fcfcfc;
    box-shadow: -7px -7px 30px rgba(0, 0, 0, 0.5);
}
.news-and-events-box-content-title {
    margin-top: -2rem;
    font-size: 1.3rem;
    line-height: 1.875rem;
    text-align: left;
    padding-left: 2rem;
}

.news-and-events-box-content img {
    text-align: center;
    object-fit: contain;
    height: 312px;
    width: 100%;
}

.news-and-events-box-content p {
    font-family: "Open Sans", sans-serif;
    font-size: 0.8125rem;
    line-height: 1.5rem;
    text-align: left;
    padding-left: 1rem;
    margin-top: 1rem;
}
.news-and-events-box-content-description {
    margin-top: -1rem !important;
    padding-top: 0;
}

.news-and-events-box-content a {
    font-size: 0.8125rem;
    line-height: 1.5rem;
    font-weight: 800;
    padding-left: 2rem;
    text-align: left;
    color: #c19b76;
    font-family: "Open Sans", sans-serif;
}

.news-and-events-publish-info {
    color: #b1b1b1;
}
.news-and-events-publish-info a {
    color: #ae745a;
    padding-left: 0 !important;
}
.news-btn-footer {
    margin-top: 3rem;
}
.news-btn {
    font-family: "Open Sans", sans-serif;
    font-size: 0.9rem;
    line-height: 1.2rem;
    padding-left: 1.7rem;
    padding-right: 1.7rem;
    padding-top: 0.58rem;
    padding-bottom: 0.6rem;
    border-color: #858585;
    background-color: #858585;
    color: #fff;
    text-transform: uppercase;
}
.news-btn:hover {
    border: 1px solid #858585;
    background-color: #fff;
    color: #858585;
    text-transform: uppercase;
}

/* single */

/* single news */
.single-news {
    font-family: "Open Sans", sans-serif;
    font-size: 0.8125rem;
    line-height: 1.55;
    text-transform: uppercase;
    color: #b1b1b1;
    letter-spacing: 1.3px;
    background-color: #000;
}

.single-news .container {
    padding: 2rem;
    background-color: #333;
}
.single-news-title {
    font-size: 3.25rem;
    color: #fff;
}

.news-and-events-box-content p {
    font-family: "Open Sans", sans-serif;
    font-size: 0.8125rem;
    line-height: 1.5rem;
    text-align: left;
    padding-left: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.news-and-events-box-content a {
    font-size: 0.8125rem;
    line-height: 1.5rem;
    font-weight: 800;
    padding-left: 2rem;
    text-align: left;
    color: #c19b76;
    font-family: "Open Sans", sans-serif;
}

.single-news-publish-info {
    color: #b1b1b1;
    margin-bottom: 2rem;
    margin-top: 1rem;
}
.single-news-publish-info a {
    color: #ae745a;
    padding-left: 0;
}
.single-news-description {
    color: #858585;
    font-size: 1rem;
    text-transform: none;
}
.single-news-description p {
    padding-top: 1.6rem;
    padding-right: 2.375rem;
    padding-bottom: 1.55rem;
    padding-left: 2.375rem;
    color: #fff;
}

.single-news-img-wrapper {
    float: left;
    padding: 1.6rem;
}

/* about us */
.about-us {
    color: #fff;
    background-color: #6d9a16;
}
.about-us .container {
    background-color: #689517;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
    font-size: 20px;
    color: #c7c2c2;
    line-height: 30px;
}

.about-us h1,
.about-us h2,
.about-us h3 {
    color: #fff;
    font-family: "Open Sans", sans-serif;
}

.about-us p {
    font-size: 21px;
    text-align: justify;
    font-family: "Open Sans", sans-serif;
    color: #c7c1c1;
    line-height: 30px;
}
.about-us-title {
    font-size: 3.25rem;
    color: #fff;
    padding-top: 2rem;
}

.about-us ul {
    list-style: none;
    font-size: 1.3rem;
}

.about-us ul li {
    font-size: 1.3rem;
}

.about-us ul li:before {
    content: "✓";
}

.product-details-container {
    background-color: #333;
}

.product-description p {
    text-align: left;
}
.contact-container {
    background-color: #000;
}
.contact-container.container {
    background-color: #689517;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: grid;
    grid-template-columns: 1fr 0.5fr;
    grid-gap: 10px;
    padding-top: 2rem;
}

.contact-wrapper{
    border: 1px solid #423d3d;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.contact-form {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    border: 1px solid #423d3d;
}

.contact-container.container label {
    color: #fff !important;
}

.contact-form .form-control {
    background-color: #111111 !important;
    color: #fff;
    border: 1px solid #423d3d !important;
}
.contact-form .form-control:focus {
    background-color: #111111 !important;
    color: #fff;
    border: 1px solid #111111 !important;
    box-shadow: none;
}

.contact-address ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.contact-address {
    border: 1px solid #423d3d;
    padding-left: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.address-title {
    text-align: center;
    color: #fff;
}

.location {
    background-color: #689517;
}

.location-wrapper{
    border: 1px solid #423d3d;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.location h2,
.contact-page-title {
    color: #fff;
    background-color: #689517;
}

.contact-page-title {
    color: #fff;
    background-color: #689517;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
}
.contact-page-title h1{
    color: #fff;
}
.contact-address ul li {
    padding: 5px;
    font-size: 15px;
    margin: 0;
    line-height: 1.2;
    color: #fff;
}

.contact-address .contact-subtitle,
.contact-footer-title {
    color: #fff;
    font-weight: 500;
}

.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}
.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.contact-form .form-row {
    margin-bottom: 1rem;
}

fieldset.scheduler-border {
    color: #fff;
    border: 1px solid #423d3d !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}

.about-us-wrapper {
    display: flex;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 15px;
    justify-content: space-between;
    align-items: start;
}

.about-us-wrapper .about-img {
    justify-self: center;
    text-align: center;
}

.latest-products {
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 15px;
}

.latest-products-title {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 10px;
}

.movingText {
    display: inline-block;
    white-space: nowrap;
    animation: moveText 90s infinite linear;
    padding-left: 100%; /*Initial offset*/
}

.movingText:hover {
    animation-play-state: paused;
}

@keyframes moveText {
    to {
        transform: translateX(-100%);
    }
}

.latestImages img {
    height: 200px;
    width: 200px;
    object-fit: cover;
    margin-right: 20px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.dropdown-menu a{
    text-decoration:none;
}

.form-control:focus {
    background-color: #e5e5e5 !important;
    color: #000;
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
    .overlay-container {
        position: relative;
        /* height: 232px; */
        width: 290px;
        margin: 0;
        padding: 1rem !important;
        box-shadow: -7px -7px 30px rgba(0, 0, 0, 0.5);
    }
    .uit-figure {
        margin-top: 15px;
    }
    .col-md-6{
        padding: 0 !important;
    }
    .about-us-home {
        display: block;
        text-align: justify;
        padding: 0;
        padding-left: 0 !important;
        color: #fff;
    }

    .categories .categories-title, .products-title {
        text-align: center;
        font-size: 30px;
        padding-top: 15px;
        color: #f3e0bd;
        font-weight: 500;
        text-transform: uppercase;
    }

    .single_service img {
        width: 269px;
        height: 150px;
    }

    .title {
        z-index: 99;
        margin-top: -31px !important;
        color: #fff;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 18px;
        font-weight: 500;
        padding: 5px 0px 5px 13px;
        margin-bottom: 5px;
        text-transform: uppercase;
        overflow: hidden;
    }

    .categories-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        justify-items: center;
        grid-gap: 2rem;
        margin: 0 auto;
        max-width: 1198px;
    }

    .slogan {
        display: grid;
        grid-template-columns: 1fr;
        justify-items: center;
        align-items: center;
        background-attachment: fixed;
        background-size: cover;
        text-align: center;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 10px;
        padding-right: 10px;
    }

    .slogan h1 {
        color: #f3e0bd;
        font-size: 1.5rem;
        text-align: center;
        /* font-weight: 700; */
        font-family: "Open Sans", sans-serif;
    }

    .operational-excellence .operational-excellence-title {
        font-size: 2.25rem;
    }
    .operational-excellence img {
        width: 80%;
    }

    .news-and-events-box-content img {
        /* margin-top: 1rem; */
        text-align: center;
        object-fit: cover;
        height: 312px;
        width: 100%;
    }

    .contact-container.container {
        background-color: #191919;
        padding-top: 2rem;
        padding-bottom: 2rem;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 10px;
        padding-top: 2rem;
    }

    .footer {
        display: flex;
        -ms-flex-pack: distribute;
        flex-direction: column;
        justify-content: space-around;
        flex-wrap: wrap;
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* about us */

.about-us-home {
    display: block;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
}

.uit-description-wrapper {
    text-align: justify;
}

.uit-about-right {
    margin-right: 2rem;
}

.about-us-home.uit-figure {
    padding: 2rem;
    border: 1px solid #cfcfcf;
}

.about-us-home .uit-about-subtitle {
    color: #c19b76;
    margin-bottom: 0.6rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.42;
    letter-spacing: 4.2px;
    text-transform: uppercase;
}
.about-us-home .uit-about-title {
    font-size: 35px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-family: "Playfair Display", serif;
}
.uit-description-wrapper {
    margin-bottom: 1.5rem;
}
.uit-description-wrapper p {
    font-size: 0.9rem;
    margin-bottom: 5px;
    font-family: "Open Sans", sans-serif;
}
.uit-description-wrapper .uit-des-icon {
    margin-right: 0.5rem;
}
.about-us-home {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.66667;
}
.about-us-home.uit-sign {
    padding-top: 3rem;
}
.about-us-home.uit-sign p {
    margin-left: 1.5rem;
}
/* end of about us */

/* Advantages */

.advantages-container {
    margin-top: 0;
    padding: 20px;
    padding-top: 60px;
}
.advantages {
    background-image: url("/images/advantages.jpg");
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    z-index: 2;
    position: relative;
    margin: 0;
    padding: 0;
    padding-top: 5.9rem;
    padding-bottom: 5.9rem;
}

.advantages:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(28, 28, 28, 0.7);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    z-index: 3;
}

.advantages * {
    padding: 0;
    margin: 0;
}
.advantages i {
    color: #c19b76;
}

.advantage-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    color: #fff;
}

.advantages-list-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.5rem;
}

.advantages-box-content {
    padding-left: 1rem;
}

.advantages-box-content p {
    font-size: 0.875rem !important;
    line-height: 1.50063rem;
}

.advantages h2,
.advantages h1,
.advantages p {
    position: relative;
    color: #fff;
    z-index: 4;
}

.advantages p,
.advantages i {
    position: relative;
    color: #c19b76;
    z-index: 4;
}

.uit-section-subtitle {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.42;
    letter-spacing: 4.2px;
    text-transform: uppercase;
    position: relative;
    color: #c19b76;
    z-index: 4;
}

.uit-icon-box-title {
    font-size: 1.2rem;
    line-height: 1.875rem;
    letter-spacing: 0.25px;
    margin-bottom: 0.8rem;
}

.advantages-title {
    font-family: "Playfair Display", serif;
}

.contact-location-wrapper {
    background-color:#6d9a16;
}
/* end Advantages */

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 400px) {
    #wowslider-container1 .ws_images {
        margin-right: 0 !important;
    }
}
@media screen and (max-width: 820px) {
    .footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        flex-wrap: wrap;
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer .footer-img {
        justify-self: center;
    }

    .footer .horizontal-line {
        text-align: center;
        font-size: 1.2rem;
        justify-self: center;
        font-family: "Righteous", cursive !important;
    }
    .footer .horizontal-line:before {
        background-color: #ccc;
        content: "";
        display: inline-block;
        height: 1px;
        position: relative;
        vertical-align: middle;
        width: 100px;
    }
    .footer .horizontal-line:before {
        right: 0.5em;
        /* margin-left: -50%; */
    }

    .about-us-wrapper {
        display: flex;
        grid-template-columns: 1fr;
        grid-column-gap: 10px;
        justify-content: center;
        align-items: start;
    }

    .about-us-wrapper .about-img {
        justify-self: center;
        text-align: center;
    }
}

.img-slide {
    width: 100%;
    height: 480px;
    object-fit: cover;
}
/* certificate */
.certificate-section .products-title {
    color: #79a51a;
    font-weight: 600;
    font-family: sans-serif;
}
.modal-body .img_size{
    max-width: 750px;
}

@media screen and (max-width: 767px) {
    .modal-body .img_size {
        max-width: 300px;
    }
}