body {
    font-family: calibri, "DM Sans", sans-serif;
    color: #687469;
    font-size: 18px;
    line-height: 34px;
    font-weight: 400
}

body.locked {
    overflow: hidden
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0
}

p {
    margin: 0
}

h1, h2, h3, h4, h5, h6 {
    color: #5b5f37;
    font-weight: 700;
    font-family: calibri, "Averia Sans Libre", cursive;
    margin: 0
}

a, a:hover, a:focus, a:visited {
    text-decoration: none
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden
}

.main-header {
    position: relative;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease
}

.main-header-wrapper {
    position: relative;
    display: block
}

.main-header-top {
    position: relative;
    display: block;
    background: #f6f4ec
}

.main-header-top .auto-container {
    position: static;
    max-width: 1755px;
    width: 100%;
    padding: 0 50px;
    margin: 0 auto
}

.main-header-top-left {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left
}

.main-header-top-left .text {
    position: relative;
    display: block
}

.main-header-top-left .text p {
    color: #6e7673;
    font-size: 12px;
    line-height: 22px;
    font-weight: 500
}

.main-header-top-left .social-link {
    position: relative;
    display: block;
    background: #eceae0;
    padding: 5px 40px 4px;
    margin-left: 40px
}

.main-header-top-left .social-link ul {
    position: relative;
    display: block;
    overflow: hidden
}

.main-header-top-left .social-link ul li {
    position: relative;
    float: left;
    margin-left: 25px
}

.main-header-top-left .social-link ul li:first-child {
    margin-left: 0
}

.main-header-top-left .social-link ul li a {
    position: relative;
    display: inline-block;
    color: #6e7673;
    font-size: 15px;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.main-header-top-left .social-link ul li a:hover {
    color: #f1cf69
}

.main-header-top-right {
    position: relative;
    display: block;
    float: right;
    padding-top: 5px
}

.main-header-top-right ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-header-top-right ul li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-header-top-right ul li + li {
    margin-left: 30px
}

.main-header-top-right ul li .icon {
    position: relative;
    display: block
}

.main-header-top-right ul li .icon i::before {
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #5b5f37
}

.main-header-top-right ul li .text {
    position: relative;
    display: block;
    padding-left: 10px
}

.main-header-top-right ul li .text p {
    font-size: 12px;
    line-height: 22px;
    font-weight: 500
}

.main-header-top-right ul li .text p a {
    color: #6e7673;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.main-header-top-right ul li .text p a:hover {
    color: #f1cf69
}

.main-header-bottom {
    position: relative;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px
}

.main-header-bottom .auto-container {
    position: static;
    max-width: 1755px;
    width: 100%;
    padding: 0 50px;
    margin: 0 auto;
    background-color: #fff;
    height: 85px
}

.main-header-bottom-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main-header-bottom .main-menu {
    position: relative;
    display: block
}

.main-menu-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap
}

.main-header-bottom-left {
    position: relative;
   /* display: block; */
    float: left
}

.mobile-contact-box {
    line-height: 20px;
    display: block;
    font-size: 13px
}

.main-menu .main-menu-list, .main-menu .main-menu-list ul, .sticky-header .main-menu-list, .sticky-header .main-menu-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none
}

.main-menu .main-menu-list > li, .sticky-header .main-menu-list > li {
    position: relative
}

.main-menu .main-menu-list > li + li, .sticky-header .main-menu-list > li + li {
    margin-left: 60px
}

.main-menu .main-menu-list > li > a, .sticky-header .main-menu-list > li > a {
    position: relative;
    display: inline-block;
    color: #687469;
    font-size: 20px;
    font-weight: 500;
    text-transform: none;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-family: calibri, "DM Sans", sans-serif;
    padding-top: 38px;
    padding-bottom: 38px;
    z-index: 1
}

.main-menu .main-menu-list > li > a::before {
    content: '';
    position: absolute;
    bottom: 44px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #f1cf69;
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    z-index: -1
}

.sticky-header {
    position: fixed;
    z-index: 991;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    visibility: hidden;
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
    -webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease;
    transition: visibility 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, visibility 500ms ease;
    transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
    -webkit-box-shadow: 0 10px 60px 0 rgb(0 0 0 / .05);
    box-shadow: 0 10px 60px 0 rgb(0 0 0 / .05)
}

.sticky-header.main-menu {
    padding: 0 0
}

.sticky-header.sticky-fixed {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    padding-bottom: 10px;
    padding-top: 10px
}

.sticky-header .main-menu-list > li > a::before {
    content: '';
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #f1cf69;
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    z-index: -1
}

.main-menu .main-menu-list > li.current > a, .main-menu .main-menu-list > li:hover > a, .sticky-header .main-menu-list > li.current > a, .sticky-header .main-menu-list > li:hover > a {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.main-menu .main-menu-list > li.current > a, .main-menu .main-menu-list > li:hover > a, .sticky-header .main-menu-list > li.current > a, .sticky-header .main-menu-list > li:hover > a {
    color: #5b5f37
}

.main-menu .main-menu-list > li.dropdown a, .sticky-header .main-menu-list > li.dropdown a {
    padding-right: 0
}

.main-menu .main-menu-list > li.current > a::before, .main-menu .main-menu-list > li:hover > a::before, .sticky-header .main-menu-list > li.current > a::before, .sticky-header .main-menu-list > li:hover > a::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.main-menu .main-menu-list li ul, .sticky-header .main-menu-list li ul {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background-color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 500ms ease;
    transition: 500ms ease;
    z-index: 99;
    -webkit-box-shadow: 0 0 65px 0 #000;
    box-shadow: 0 0 65px 0 #000;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.main-header-bottom-right {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-header-bottom-right .contact-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 40px;
    line-height: 0
}

.main-header-bottom-right .contact-box::before {
    position: absolute;
    top: 9px;
    left: 0;
    bottom: 9px;
    width: 1px;
    background: #eceae0;
    content: ""
}

.main-header-bottom-right .contact-box .icon {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #5b5f37;
    text-align: center;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.main-header-bottom-right .contact-box .icon:hover {
    background-color: #f1cf69
}

.main-header-bottom-right .contact-box .icon span::before {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 25px;
    line-height: 50px;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.main-header-bottom-right .contact-box .icon:hover span::before {
    color: #5b5f37
}

.main-header-bottom-right .contact-box .text {
    position: relative;
    display: block;
    padding-left: 20px
}

.main-header-bottom-right .contact-box .text p {
    color: #687469;
    font-size: 13px;
    line-height: 22px
}

.main-header-bottom-right .contact-box .text a {
    color: #5b5f37;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.page-header {
    position: relative;
    display: block;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0 330px;
    overflow: hidden
}

.page-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: -1
}

.page-header-inner {
    position: relative;
    display: block
}

.about {
    position: relative;
    display: block;
    background: #fff;
    padding: 120px 0 120px;
    z-index: 1;
    overflow: hidden
}

.about-left {
    position: relative;
    display: block;
    max-width: 600px;
    width: 100%
}

.about-left::before {
    content: '';
    width: 10000px;
    height: 100%;
    position: absolute;
    right: 50%;
    top: -140px;
    background-color: #f6f4ec
}

.about-left-img {
    position: relative;
    display: block
}

.about-left-img::after {
    content: '';
    width: 28px;
    height: 110px;
    background-color: #5b5f37;
    position: absolute;
    left: -88px;
    bottom: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.about-left-img::before {
    position: absolute;
    left: -30px;
    bottom: 0;
    width: 30px;
    height: 330px;
    background: #f1cf69;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    content: ""
}

.about-left-img-inner {
    position: relative;
    display: block;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.about-left-img-inner::before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#fff0), to(#ffffff));
    background: linear-gradient(to right, #fff0 0%, #ffffff 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    z-index: 2
}

.about-left:hover .about-left-img-inner::before {
    -webkit-animation: shine 1.3s;
    animation: shine 1.3s
}

.about-left-img-inner img {
    width: 100%
}

.about-content {
    position: relative;
    display: block;
    max-width: 485px;
    width: 100%;
    margin-left: 70px
}

.main-header-bottom-right .contact-box .text a:hover {
    color: #f1cf69
}

.sec-title {
    position: relative;
    display: block;
    margin-top: -7px;
    margin-bottom: 50px
}

.sec-title .icon {
    position: relative;
    display: block;
    margin-bottom: 2px
}

.sec-title-title {
    font-size: 50px;
    line-height: 1em;
    font-weight: 700;
    text-transform: none;
    letter-spacing: -.04em
}

.sec-title-tagline {
    position: relative;
    display: inline-block;
    color: #687469;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1em
}

.services {
    position: relative;
    display: block;
    background: #fff;
    padding: 120px 0 90px;
    overflow: hidden;
    z-index: 1
}

.services-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #f6f4ec;
    z-index: -1;
    background-repeat: repeat-x;
    background-position: bottom center
}

.services .sec-title {
    margin-bottom: 54px
}

.services-single {
    position: relative;
    display: block;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 10px 60px 0 rgb(0 0 0 / .05);
    box-shadow: 0 10px 60px 0 rgb(0 0 0 / .05);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #fff0
}

.services-single:hover {
    border-color: #eceae0
}

.services-single-img {
    position: relative;
    display: block;
    padding-bottom: 55px;
    background: #fff;
    z-index: 1
}

.services-img-inner {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1
}

.services-single-img-inner img {
    width: 100%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.services-single-img-icon {
    position: absolute;
    bottom: 100%;
    left: calc(50% - 55px);
    margin: 0 auto;
    width: 110px;
    height: 110px;
    line-height: 110px;
    background: #fff;
    color: var(--agriox-base, #f1cf69);
    font-size: 60px;
    border-radius: 50%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 10px 60px 0 rgb(0 0 0 / .5);
    box-shadow: 0 10px 60px 0 rgb(0 0 0 / .5);
    z-index: 5;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.services-single-content {
    position: relative;
    display: block;
    padding: 13px 40px 40px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 1;
    background-color: #fff
}

.services-single-content h3 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 15px
}

.parts {
    position: relative;
    display: block;
    background: #5b5f37;
    z-index: 1;
    overflow: hidden
}

.parts-bg {
    position: absolute;
    bottom: -225px;
    right: 0;
    opacity: .07;
    z-index: -1
}

.parts-shape::before {
    content: '';
    width: 150px;
    height: 171px;
    background-color: var(--agriox-primary, #5b5f37);
    position: absolute;
    top: -20px;
    right: 57px;
    border-radius: 10px;
    opacity: .1;
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation: float-bob-y 10s linear 0s infinite;
    animation: float-bob-y 10s linear 0s infinite
}

.parts-shape::after {
    content: '';
    width: 60px;
    height: 60px;
    background-color: #fff;
    opacity: .1;
    position: absolute;
    top: 120px;
    right: 177px;
    border-radius: 10px;
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.parts .container-fullwidth {
    position: relative;
    display: block;
    padding-left: 15px;
    padding-right: 15px
}

.parts-image-block {
    position: relative
}

.parts-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top
}

.parts-img img {
    width: 100%
}

.parts-image-block img {
    max-width: 100%;
    float: none
}

.parts-content-box {
    position: relative;
    display: block;
    max-width: 570px;
    padding-top: 120px;
    padding-left: 70px;
    height: 100%
}

.parts-content-box .sec-title {
    margin-bottom: 44px
}

.parts .sec-title-title {
    color: #fff
}

.parts .text {
    position: relative;
    display: block;
    padding-left: 20px;
    padding-bottom: 25px
}

.parts .text p {
    color: #dbe6d2
}

.cfts {
    width: 100%;
    z-index: -1
}

.footer {
    position: relative;
    display: block;
    z-index: 1
}

.footer-top {
    position: relative;
    display: block;
    background: #5b5f37;
    padding: 135px 0 110px
}

.footer-top-wrapper {
    position: relative;
    display: block;
    z-index: 1
}

.footer-bg {
    position: absolute;
    left: -25px;
    bottom: -110px;
    opacity: .02;
    z-index: -1
}

.contact-page-left {
    position: relative;
    display: block;
    max-width: 300px;
    width: 100%
}

.contact-page-left .sec-title {
    margin-bottom: 42px
}

.footer-widget-about-text {
    position: relative;
    display: block;
    color: #b3c5b5;
    font-size: 20px;
    padding-bottom: 0
}

.footer-widget-title {
    position: relative;
    display: block;
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -.02em;
    margin-bottom: 20px
}

.footer-bottom {
    position: relative;
    display: block;
    background: #6d8c54;
    padding: 29px 0 27px
}

.footer-bottom-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-bottom-text {
    position: relative;
    display: block
}

.footer-bottom-text p {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.footer-bottom-text p a {
    color: #fff;
    font-size: 16px;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.footer-bottom-text p a:hover {
    color: #f1cf69
}

.footer-bottom-social-links {
    position: relative;
    display: block;
    overflow: hidden
}

.footer-bottom-social-links ul {
    position: relative;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-bottom-social-links ul li {
    position: relative;
    float: left;
    margin-left: 30px
}

.footer-bottom-social-links ul li:first-child {
    margin-right: 0
}

.footer-bottom-social-links ul li a {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 15px;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.footer-bottom-social-links ul li a:hover {
    color: #f1cf69
}

.main-menu .mobile-nav-toggler {
    font-size: 30px;
    color: #f1cf69;
    cursor: pointer;
    -webkit-transition: 500ms;
    transition: 500ms;
    margin-right: 0;
    position: absolute;
    right: 0
}

.main-menu .mobile-nav-toggler:hover {
    color: #000
}

.mobile-nav-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: opacity 500ms linear, visibility 500ms ease-in, -webkit-transform 500ms ease-in;
    transition: opacity 500ms linear, visibility 500ms ease-in, -webkit-transform 500ms ease-in;
    transition: transform 500ms ease-in, opacity 500ms linear, visibility 500ms ease-in;
    transition: transform 500ms ease-in, opacity 500ms linear, visibility 500ms ease-in, -webkit-transform 500ms ease-in;
    z-index: 999;
    visibility: hidden
}

.mobile-nav-wrapper .container {
    padding-left: 0;
    padding-right: 0
}

.mobile-nav-wrapper.expanded {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    visibility: visible
}

.mobile-nav-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5;
    cursor: pointer
}

.mobile-nav-content {
    width: 350px;
    background: var(--agriox-primary, #5b5f37);
    z-index: 10;
    position: relative;
    height: 100%;
    overflow-y: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px
}

.mobile-nav-content .thm-btn {
    padding: 8px 0;
    width: 100%;
    text-align: center
}

.mobile-nav-content .logo-box {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mobile-nav-close {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 18px;
    color: #fff;
    cursor: pointer
}

.mobile-nav-content .main-menu-list, .mobile-nav-content .main-menu-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.mobile-nav-content .main-menu-list ul {
    display: none;
    border-top: 1px solid rgb(255 255 255 / .1)
}

.mobile-nav-content .main-menu-list li:not(:last-child) {
    border-bottom: 1px solid rgb(255 255 255 / .1)
}

.mobile-nav-content .main-menu-list li ul {
    padding-left: 10px
}

.mobile-nav-content .main-menu-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    font-family: clibri, "DM Sans", sans-serif;
    font-weight: 400;
    height: 46px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 500ms;
    transition: 500ms
}

.mobile-nav-content .main-menu-list li a:hover {
    color: #f1cf69
}

.mobile-nav-content .main-menu-list li a.expanded {
    color: #f1cf69
}

.mobile-nav-contact {
    margin-bottom: 0;
    margin-top: 20px;
    margin-bottom: 20px
}

.mobile-nav-contact li {
    color: #f1cf69;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: .07em
}

.mobile-nav-contact li + li {
    margin-top: 15px
}

.mobile-nav-contact li a {
    color: #fff;
    -webkit-transition: 500ms;
    transition: 500ms
}

.mobile-nav-contact li a:hover {
    color: #f1cf69
}

.mobile-nav-contact li > i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f1cf69;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    margin-right: 10px;
    color: #fff
}

.mobile-nav-container {
    border-top: 1px solid rgb(255 255 255 / .1);
    border-bottom: 1px solid rgb(255 255 255 / .1)
}

.mobile-nav-container .main-logo, .mobile-nav-container .topbar-buttons, .mobile-nav-container .main-menu-language, .mobile-nav-container .main-menu-login {
    display: none
}

.comment-form-input-box input[type="text"], .comment-form-input-box input[type="email"] {
    height: 70px;
    width: 100%;
    border: none;
    background: #f6f4ec;
    padding: 0 30px;
    margin-bottom: 20px;
    border-radius: 10px;
    outline: none;
    font-size: 14px;
    color: #727d73;
    font-weight: 400;
    text-transform: capitalize;
    font-family: calibri, "DM Sans", sans-serif
}

.comment-form-input-box textarea {
    font-size: 14px;
    color: #727d73;
    height: 190px;
    width: 100%;
    background: #f6f4ec;
    padding: 18px 30px 30px;
    border: none;
    border-radius: 10px;
    outline: none;
    margin-bottom: 10px;
    font-weight: 400;
    text-transform: capitalize
}

.cta-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cta-right {
    position: relative;
    display: block
}

.cta-right-btn {
    position: relative;
    display: block
}

.cta-right-btn .thm-btn::before {
    background: #5b5f37
}

.cta-right-btn .thm-btn:hover::before {
    background: #fff
}

.cta-right-btn .thm-btn:hover {
    color: #000
}

.thm-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    border: none;
    outline: none !important;
    background-color: #f1cf69;
    color: #5b5f37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 18px 50px 18px;
    border-radius: 10px;
    letter-spacing: .1em;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    overflow: hidden;
    z-index: 1
}

.thm-btn:hover {
    color: #fff
}

.thm-btn::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background: rgb(51 75 53 / .15);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    content: "";
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 700ms ease;
    transition: 700ms ease;
    z-index: -1
}

.thm-btn:hover:before {
    width: 100%;
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    border-radius: 0;
    background: #5b5f37
}

.scroll-to-top {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 70px;
    background: var(--agriox-base, #f1cf69);
    position: fixed;
    bottom: 91px;
    right: 20px;
    z-index: 99;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: none;
    transition: all 0.4s ease;
    overflow: hidden;
    opacity: 0
}

.scroll-to-top::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    background: rgba(var(--agriox-primary-rgb, 51, 75, 53), .15);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    content: "";
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 700ms ease;
    transition: 700ms ease;
    z-index: -1
}

.scroll-to-top:hover:before {
    height: 100%;
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    border-radius: 0;
    background: var(--agriox-primary, #5b5f37)
}

.scroll-to-top i {
    position: relative;
    display: inline-block;
    color: var(--agriox-primary, #5b5f37);
    font-size: 18px;
    line-height: 70px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.scroll-to-top:hover {
    background-color: var(--agriox-primary, #5b5f37)
}

.scroll-to-top:hover i {
    color: #fff
}

@media (min-width: 1200px) {
    .main-menu .main-menu-list, .main-menu .main-menu-list ul, .sticky-header .main-menu-list, .sticky-header .main-menu-list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .container {
        max-width: 1200px
    }

    .mobile-nav__buttons {
        display: none
    }

    .mobile-contact-box {
        line-height: 15px;
        display: none
    }

    .main-menu .mobile-nav-toggler {
        display: none
    }

    .parts .container-fullwidth {
        padding-left: 0;
        padding-right: 0
    }

    .parts-content-box {
        padding-left: 80px
    }

    .contact-form .comment-form-input-box ::-webkit-input-placeholder {
        color: #727d73
    }

    .contact-form .comment-form-input-box :-ms-input-placeholder {
        color: #727d73
    }

    .contact-form .comment-form-input-box ::-ms-input-placeholder {
        color: #727d73
    }

    .contact-form .comment-form-input-box ::placeholder {
        color: #727d73
    }

    .contact-form .comment-form-input-box input[type="text"], .contact-form .comment-form-input-box textarea, .contact-form .comment-form-input-box input[type="email"] {
        margin-bottom: 20px;
        color: #727d73;
        background-color: #fff;
        display: block
    }
}

@media (max-width: 1199px) {
    .sticky-header {
        display: none !important
    }

    .parts .container-fullwidth {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-header-top {
        display: none
    }

    .main-header-bottom-right {
        display: none
    }

    .main-header-bottom-inner {
        min-height: 55px
    }

    .main-header-bottom-middle {
        top: 0%;
        left: 0%;
        -webkit-transform: none;
        transform: none;
        position: absolute
    }

    .main-header-bottom .main-menu {
        position: absolute;
        right: 0;
        top: 12px;
        bottom: 0;
        width: 100%;
        height: 40px
    }

    .about-content {
        margin-top: 100px;
        max-width: none;
        width: 100%;
        margin-left: 0
    }

    .parts .container-fullwidth {
        padding-left: 0;
        padding-right: 0
    }

    .parts-image-block img {
        float: left;
        max-width: none
    }

    .cta-wrapper {
        display: block
    }

    .cta-right {
        margin-top: 45px;
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-header-top {
        display: none
    }

    .main-header-bottom-right {
        display: none
    }

    .main-header-bottom {
        position: fixed;
        padding: 0;
        width: 100%
    }

    .main-header-bottom-inner {
        min-height: 55px
    }

    .main-header-bottom-middel {
        top: 0%;
        left: 0%;
        -webkit-transform: none;
        transform: none;
        position: absolute
    }

    .main-header-bottom .main-menu {
        position: absolute;
        right: 0;
        top: 12px;
        bottom: 0;
        width: 100%;
        height: 40px
    }

    .about-content {
        margin-top: 100px;
        max-width: none;
        width: 100%;
        margin-left: 0
    }

    .services-single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px
    }

    .contact-page-left {
        max-width: none;
        margin-bottom: 50px
    }

    .cta-wrapper {
        display: block
    }

    .cta-right {
        margin-top: 45px;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .main-header-top {
        display: none
    }

    .main-header-bottom-right {
        display: none
    }

    .main-header-bottom .auto-container {
        padding: 0 20px
    }

    .main-header-bottom-inner {
        min-height: 55px
    }

    .main-header-bottom-middle {
        top: 0%;
        left: 0%;
        -webkit-transform: none;
        transform: none;
        position: absolute
    }

    .main-header-bottom .main-menu {
        position: absolute;
        top: 12px;
        bottom: 0;
        height: 40px;
        width: 100%
    }

    .about-content {
        margin-top: 100px;
        max-width: none;
        width: 100%;
        margin-left: 0
    }

    .sec-title-title {
        font-size: 42px
    }

    .services-single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px
    }

    .parts-content-box {
        padding-left: 0
    }

    .contact-page-left {
        max-width: none;
        margin-bottom: 50px
    }

    .cta-wrapper {
        display: block
    }

    .cta-right {
        margin-top: 45px;
        text-align: center
    }
}