@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');


/*----------  Genral CSS  ----------*/
* {
    padding: 0;
    margin: 0;
    border: none;
    vertical-align: baseline;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 1rem;
    scroll-behavior: smooth !important;
}

body {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #000;
    background-color: #fff;
    position: relative;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

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

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

em,
i {
    font-style: italic;
}

u {
    text-decoration: underline;
}

p {
    margin-bottom: 20px;
}

p:last-child {
    margin-bottom: 0;
}

b,
strong {
    font-weight: 700 !important;
}

a {
    text-decoration: none;
    color: #000;
    transition: color 0.4s ease-in-out;
    -webkit-transition: color 0.4s ease-in-out;
    -moz-transition: color 0.4s ease-in-out;
    -ms-transition: color 0.4s ease-in-out;
    -o-transition: color 0.4s ease-in-out;
}

a:hover {
    color: #af622a;
    text-decoration: none;
    outline: none !important;
}

a:focus {
    text-decoration: none;
    outline: none !important;
}

*:focus {
    outline: none;
}

p {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    line-height: 1.4;
    display: block;
}

img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.hidden {
    width: 0;
    height: 0;
    display: none
}

.back-to-top {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: fixed;
    bottom: -50px;
    right: 20px;
    width: 2.75rem;
    height: 2.75rem;
    background: #af622a;
    border-radius: 4.375rem;
    text-align: center;
    border: 2px solid #fff;
    opacity: 0;
    overflow: hidden;
    color: #fff
}

.back-to-top.active {
    bottom: 85px;
    opacity: 1;
    z-index: 9
}

.back-to-top>div {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: all .3s ease-in-out
}

.back-to-top>.arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center
}

.back-to-top>.arrow svg {
    fill: #fff;
    height: 20px;
    width: 100%
}

.back-to-top>.text {
    font-size: .5rem;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(50%) translateX(-50%);
    opacity: 0;
    margin-top: 1px
}

.back-to-top:hover {
    transform: scale(1.1);
    bottom: 85px;
    cursor: pointer
}

.back-to-top:hover>.arrow {
    transform: translateY(-150%) translateX(-50%);
    opacity: 0
}

.back-to-top:hover>.text {
    transform: translateY(-50%) translateX(-50%);
    opacity: 1
}

/*----------  Common CSS  ----------*/
.wrapper {
    display: block;
    overflow: hidden;
    min-height: 100vh;
    position: relative;
}

.body-fixed {
    overflow: hidden;
}

.container {
    max-width: 1460px;
    padding: 0 30px;
}

.container-lg {
    max-width: 1840px;
    padding: 0 30px;
}

.container-fluid {
    --bs-gutter-x: 0;
}

.btn {
    font-family: "Rajdhani", sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 700;
    padding: 12px 30px;
    position: relative;
    overflow: hidden;
    letter-spacing: 0;
    min-width: 170px;
    line-height: 1.2;
    border: 0;
    z-index: 2;
    transition: all .4s ease-in-out;
}

.btn.btn-half {
    background-color: #fff;
    color: #000;
    border-radius: 0px 80px 80px 0px;
    min-width: 275px;
}

.btn.btn-white {
    background-color: #fff;
    color: #000;
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 91% 100%, 0% 100%);
    min-width: 274px;
    border-radius: 0;
    line-height: 1;
    padding: 15px 13px;
}

.btn.btn-half-green {
    background-color: #2C571B;
    color: #fff;
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 100%, 10% 100%);
    min-width: 274px;
    border-radius: 0;
    line-height: 1;
    padding: 15px 13px;
}

.btn-green {
    background-color: #2C571B;
    border: 1px solid #2C571B;
    color: #fff;
    padding: 15px;
    border-radius: 0;
    min-width: 215px;
}

.btn-green:hover {
    border: 1px solid #2C571B;
    color: #2C571B;
}

.form-group {
    display: block;
    margin-bottom: 20px;
}

.common-sec {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
}

.sec-head {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.sec-title {
    font-size: 80px;
    font-weight: 500;
    line-height: 1;
    color: #000;
}

:is(h1, h2, h3, h4, h5, h6),
.sec-title,
.hero-title {
    font-family: "Rajdhani", sans-serif;
}

.icon-facebook {
    mask-image: url(../img/svg/facebook.svg);
}

.icon.icon-twitter {
    mask-image: url(../img/svg/twitter.svg);
}

.icon-instagram {
    mask-image: url(../img/svg/instagram.svg);
}

.icon-youtube {
    mask-image: url(../img/svg/youtube.svg);
}

.icon-notification {
    mask-image: url(../img/svg/notification.svg);
}

.icon-cart {
    mask-image: url(../img/svg/cart.svg);
}

.icon-shop {
    mask-image: url(../img/svg/shop.svg);
}

.icon-account {
    mask-image: url(../img/svg/account.svg);
}

.icon-mail {
    mask-image: url(../img/svg/mail.svg);
}

.icon-all-list {
    mask-image: url(../img/svg/all-list.svg);
}

.icon-single-list {
    mask-image: url(../img/svg/single-list.svg);
}

.icon-search {
    mask-image: url(../img/svg/search.svg);
}

.icon-filter {
    mask-image: url(../img/svg/filter.svg);
}

.icon-edit {
    mask-image: url(../img/svg/edit.svg);
}

.header {
    position: absolute;
    padding: 23px 60px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    height: fit-content;
}

.header.has-sticky {
    position: fixed;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0 0 10px rgb(0 0 0 / 25%);
    background: #000;
    backdrop-filter: blur(50px);
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 999;
    padding: 15px 30px;
}

.header.has-sticky .site-logo {
    width: 200px;
}

.header.has-sticky::before {
    content: unset;
}

.sidebar-overlay {
    visibility: hidden;
    min-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 998;
    background-color: #000;
}

.body-fixed .sidebar-overlay,
.product-filter .sidebar-overlay {
    opacity: .7;
    visibility: visible;
    left: 0;
    transition: all .6s ease-in-out;
}

.home .header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 12px;
    height: 150px;
    width: 7px;
    background-color: rgba(255, 255, 255, 0.5);
}

.header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg, #000000 3.04%, rgba(0, 0, 0, 0) 87.45%);
    z-index: -1;
}

.menu-icon {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    position: relative;
    padding: 0;
    margin-top: 0;
    color: #D9D9D9;
    cursor: pointer;
}

.menu-icon span {
    display: block;
    width: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 3px;
    background: #D9D9D9;
    margin: auto;
    border-radius: 5px;
}

.menu-icon span:before {
    content: "";
    width: 32px;
    border-radius: 5px;
    position: absolute;
    top: -8px;
    right: 0;
    height: 3px;
    background: currentColor
}

.menu-icon span:after {
    content: "";
    width: 32px;
    position: absolute;
    bottom: -8px;
    right: 0;
    height: 3px;
    border-radius: 5px;
    background: currentColor
}

.header-icon {
    display: inline-block;
    vertical-align: middle;
}

.header-icon .icon {
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    width: 20px;
    min-width: 20px;
    aspect-ratio: 1/1;
    display: block;
    position: relative;
    background-color: #939393;
    transition: all .4s ease-in-out;
}

.header-icon a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 18px;
}

.header-icon a:hover .icon {
    background-color: #dfab16;
}

.site-logo {
    display: inline-block;
    vertical-align: middle;
    width: 228px;
}

.site-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header-menu {
    display: inline-block;
    vertical-align: middle;
    margin-left: 75px;
}

.header-menu ul {
    display: flex;
    align-items: center;
}

.header-menu ul li {
    position: relative;
    padding-right: 22px;
    margin-right: 22px;
}

.header-menu ul li::before {
    content: '';
    position: absolute;
    top: 2px;
    right: 0;
    width: 2px;
    height: 20px;
    background-color: #fff;
    border-radius: 100%;
}

.header-menu ul li:last-child::before {
    content: unset;
}

.header-menu ul li a {
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    color: #fff;
    transition: all .4s ease-in-out;
}

.header-menu ul li a:hover,
.header-menu ul li.current-menu-item a {
    color: #dfab16;
}

.navigation-bar {
    background-color: rgba(217, 217, 217, 0.9);
    position: fixed;
    width: 485px;
    min-height: 100vh;
    top: 0;
    bottom: 0;
    right: -485px;
    transition: all .6s ease-in-out;
    margin: 0;
    z-index: 9999;
    height: 100vh;
    padding: 0 42px;
}

.navigation-bar.slide-menu {
    right: 0;
}

.navigation-bar-top {
    padding-top: 34px;
}

.menu-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
}

.menu-link {
    display: inline-block;
    vertical-align: middle;
    padding-left: 45px;
}

.menu-link a {
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    border-right: 2px solid #000;
    padding-right: 15px;
    margin-right: 15px;
    transition: all .4s ease-in-out;
}

.menu-link a:hover {
    color: #dfab16;
}

.menu-link a:last-child {
    margin-right: 0;
    border: none;
}

.close-menu {
    width: 25px;
    height: 25px;
    padding: 4px;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    right: 20px;
    top: 25px;
    cursor: pointer;
}

.close-menu::before {
    content: '';
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto;
    bottom: 0;
}

.close-menu::after {
    content: '';
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: auto;
    bottom: 0;
}

.navbar-menu {
    height: calc(var(--app-height) - 390px);
    overflow-y: auto;
    width: 100%;
    margin-top: 150px;
    margin-bottom: 50px;
}

.navbar-menu ul li {
    display: block;
    margin-bottom: 20px;
}

.navbar-menu ul li a {
    color: #000;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    display: inline-block;
    transition: all .4s ease-in-out;
}

.navbar-menu ul li.current-menu-item a {
    color: #dfab16;
}

.navbar-menu::-webkit-scrollbar-track {
    background-color: #fff;
}

.navbar-menu::-webkit-scrollbar {
    width: 5px;
    background-color: #fff;
}

.navbar-menu::-webkit-scrollbar-thumb {
    background-color: #000000;
}

.hero-banner {
    height: auto;
    position: relative;
}

.hero-slider-main {
    height: 100vh;
}

.hero-banner-wrap {
    position: relative;
}

.hero-slider,
.hero-slider .slick-list,
.hero-slider .slick-track,
.hero-slider .slick-slide,
.hero-slider .slick-slide>div,
.hero-slider .hero-slider-col {
    height: 100%;
    position: relative;
}

.hero-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.hero-banner .hero-img video {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.hero-slider-col .container-lg {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 3;
    padding-left: 60px;
}

.hero-img::before {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-title {
    color: #fff;
    font-size: 110px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 15px;
    display: block;
}

.hero-slider-col .cms-con {
    max-width: 740px;
    margin-bottom: 22px;
}

.hero-slider-col .cms-con p {
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
}

.hero-banner-bottom {
    position: absolute;
    left: 0;
    bottom: 36px;
    z-index: 1;
    width: 100%;
}

.hero-banner-bottom::before {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, #000000 -13.28%, rgba(0, 0, 0, 0) 87.45%);
    bottom: -40px;
    left: 0;
    height: 200px;
    z-index: 1;
    width: 100%;
    transform: rotate(-180deg);
}

.hero-banner-list {
    display: flex;
    align-items: center;
    padding-left: 70px;
    position: relative;
    z-index: 9;
}

.hero-banner-list .hero-banner-item {
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 60px;
    margin-right: 60px;
    border-right: 2px solid #595959;
}

.hero-banner-list .hero-banner-item:last-child {
    border-right: none;
    margin-right: 0;
}

.hero-banner-item .img-box {
    width: 46px;
    flex: 0 0 46px;
    margin-right: 20px;
}

.hero-banner-item .img-box img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
}

.hero-banner-bottom-title {
    color: #fff;
    font-size: 12px;
    line-height: 1.1;
    font-weight: 500;
    display: block;
}

.sticky_social {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
    background-color: #fff;
    border-radius: 30px 0 0 30px;
    padding: 20px 10px 20px 17px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.sticky_social a {
    display: block;
    margin-bottom: 18px;
}

.sticky_social a:last-child {
    margin-bottom: 0;
}

.sticky_social .icon {
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    width: 20px;
    min-width: 20px;
    aspect-ratio: 1/1;
    display: block;
    position: relative;
    background-color: #E31E24;
    transition: all .4s ease-in-out;
}

.fb:hover .icon.icon-facebook {
    background-color: #4267B2;
}

.twitter:hover .icon.icon-twitter {
    background-color: #1DA1F2;
}

.instagram:hover .icon.icon-instagram {
    background-color: #C13584;
}

.youtube:hover .icon.icon-youtube {
    background-color: #FF0000;
}

.hero-slider .slick-dots {
    position: absolute;
    bottom: 45px;
    z-index: 2;
    right: 70px;
}

.slick-dots {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.slick-dots li {
    font-size: 0;
    background-color: #474747;
    border-radius: 50%;
    width: 16px;
    aspect-ratio: 1/1;
    transition: all .4s ease-in-out;
}

.slick-list li:hover {
    background-color: #fff;
}

.slick-dots li.slick-active {
    background-color: #fff;
}

.hero-slider .slick-arrow {
    position: absolute;
    right: 180px;
    top: 46%;
    transform: translateX(-50%);
}

.slick-arrow.slick-next,
.slick-arrow.slick-prev {
    background-color: transparent;
    font-size: 0;
    background-image: url(../img/svg/left-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
    transition: all .4s ease-in-out;
}

.slick-arrow:hover {
    opacity: 0.8;
}

.slick-arrow.slick-prev {
    right: 250px !important;
    z-index: 1;
    transform: translateX(-50%) rotate(-180deg) !important;
}

.hero-slider .slick-arrow.slick-prev {
    display: none !important;
}

.whatapp-btn a {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    align-items: center;
    transition: all .4s ease-in-out;
}

.whatapp-img {
    background-color: #E31E24;
    width: 42px;
    aspect-ratio: 1/1;
    border-radius: 30px;
    margin-right: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease-in-out;
}

.whatapp-img img {
    width: 24px;
    aspect-ratio: 1/1;
    object-fit: contain;
}

.whatapp-btn a:hover .whatapp-img {
    background-color: #25D366;
}

.hero-banner-left {
    position: fixed;
    left: 0;
    top: inherit;
    bottom: 40px;
    z-index: 9;
    display: flex;
    flex-direction: column;
    width: 45px;
    padding-left: 8px;
}

.hero-banner-left-con {
    color: rgba(255, 255, 255, 0.5);
    font-size: 10px;
    font-weight: 300;
    line-height: 1.3;
    display: block;
    writing-mode: vertical-rl;
    height: 200px;
    transform: rotate(180deg);
}

.hero-banner-left span {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.3;
    display: block;
    writing-mode: vertical-rl;
    height: auto;
    padding-bottom: 25px;
    transform: rotate(180deg);
}

.hero-banner-left .line {
    background-color: rgba(255, 255, 255, 0.5);
    width: 7px;
    height: 56px;
    margin-top: 23px;
    margin-left: 3px;
}

.hero-banner-left p,
.hero-banner-left p a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.3;
    writing-mode: vertical-rl;
    display: inline;
    padding-bottom: 30px;
    transform: rotate(180deg);
    transition: all .4s ease-in-out;
}

.hero-banner-left p a:hover {
    color: #dfab16;
}

.inner-banner-sec {
    height: 100vh;
    min-height: auto;
    position: relative;
}

.inner-banner-sec::before {
    content: '';
    position: absolute;
    top: inherit;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 350px;
    background: linear-gradient(180deg, rgba(18, 28, 14, 0) 0%, #2C571B 100%);
    z-index: 1;
}

.inner-banner-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.inner-banner-img video,
.inner-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.inner-banner-sec .container-lg {
    display: flex;
    align-items: center;
    height: 100vh;
    position: relative;
}

.inner-banner-title {
    font-family: "Rajdhani", sans-serif;
    font-size: 120px;
    font-weight: 700;
    line-height: 0.9;
    display: block;
    margin-bottom: 30px;
    color: #fff;
}

.down-sec-arrow {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    z-index: 2;
    animation: slide-down 2s infinite linear;
}

@keyframes slide-down {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(10px);
    }
}

/* ------- Banner Bottom Sec ------- */

.banner-bottom-con-sec {
    padding: 77px 0 100px;
    background: #2C571B;
}

.banner-bottom-title,
.page-description h2,
.banner-bottom-con .cms-con h2 {
    font-size: 44px;
    font-weight: 700;
    line-height: 0.68;
    text-align: center;
    color: #fff;
    margin: 0 0 39px;
}

.banner-bottom-con .cms-con p {
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
    color: #fff;
}

/* -------- Our Resources Sec ------- */

.our-resource-sec.common-sec {
    background: #57401B;
    padding: 120px 0 0;
    position: relative;
}

.our-resource-sec .sec-head {
    margin-bottom: 71px;
}

.our-resource-sec .sec-title {
    color: #fff;
    text-transform: capitalize;
    text-align: center;
}

.our-resource-sec .sec-title span {
    font-weight: 700;
}

.resource-card-wrapper {
    position: relative;
    bottom: -316px;
    z-index: 1;
    margin-top: -316px;
}

.resource-card-wrapper::before {
    content: "";
    width: 210px;
    height: 174px;
    display: block;
    background: url(../img/leaf-2.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: -104px;
    bottom: -78px;
    z-index: -1;
}

.resource-card {
    background: #F8F8F8;
    border-radius: 40px;
    padding: 107px 74px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    transition: transform .3s ease-in-out;
}

.resource-card:hover {
    transform: translateY(-10px);
}

.resource-card .img-box {
    margin-bottom: 27px;
    width: 94px;
    height: 94px;
}

.resource-card .img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.resource-card-title {
    font-family: "Rajdhani", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 2;
    text-align: center;
    color: #2C571B;
}

.resource-card .cms-con p {
    font-size: 16px;
    line-height: 1.87;
    font-weight: 300;
    color: #2C571B;
}

.our-resource-sec::before {
    content: "";
    width: 145px;
    height: 352px;
    display: block;
    background: url(../img/leaf-1.png) no-repeat;
    position: absolute;
    left: 0;
    bottom: -105px;
    z-index: 1;
}

/* ------- How It Works Sec --------- */

.how-it-works-sec.common-sec {
    padding: 486px 0 620px;
    background: url(../img/how-work-bg.png) center;
    position: relative;
}

.how-it-works-sec::before {
    content: "";
    display: block;
    width: 380px;
    height: 374px;
    position: absolute;
    left: 20px;
    bottom: -145px;
    background: url(../img/leaf-how-works.png) no-repeat;
    background-size: contain;
}

.how-it-works-sec .sec-title {
    text-align: right;
    color: #2C571B;
}

.how-it-works-sec .sec-title span {
    font-weight: 700;
}

.how-it-works-box-wrapper .img-box {
    background: #EEEEEE;
    padding: 98px 115px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px 0 0 30px;
}

.how-it-works-box-con {
    background: #2C571B;
    padding: 111px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.how-it-works-box-con .cms-con p {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    color: #fff;
    margin: 0;
}

.how-it-works-box-wrapper .row {
    --bs-gutter-x: 0;
}

.how-it-works-sec .container-lg>.row {
    --bs-gutter-x: 74px;
}

/* --------- about-video-sec ----------- */

.about-video-sec.common-sec {
    padding: 0 0 150px 0;
    background: #2C571B;
}

.about-video-sec .row {
    --bs-gutter-x: 73px;
}

.video-con-wrapper {
    position: relative;
    top: -450px;
    margin-bottom: -450px;
}

.video-box-wrapper {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    height: 800px;
    cursor: pointer;
}

.video-box-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play-btn {
    width: 144px;
    height: 144px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 91px 0px #000000CC;
    cursor: pointer;
    visibility: visible;
    opacity: 1;
    transition: all .2s ease-in-out;
}

.play-btn::before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 54px;
    background: url(../img/play-btn.png) no-repeat;
    background-size: contain;
    margin-left: 10px;
}

.video-box-wrapper.playing .play-btn {
    visibility: hidden;
    opacity: 0;
}

.video-con .sec-head {
    margin-bottom: 73px;
}

.video-con .sec-title {
    color: #2C571B;
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    min-height: 240px;
}

.video-con .cms-con p {
    color: #fff;
    line-height: 2;
}

.video-con .cms-con {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    min-height: 288px;
}

.benefits-con-wrapper {
    margin: 150px 0 0;
}

.benefits-con-wrapper .sec-head {
    margin-bottom: 63px;
}

.benefits-con-wrapper .sec-title {
    font-family: "Rajdhani", sans-serif;
    font-size: 60px;
    font-weight: 500;
    line-height: 1.1;
    text-align: center;
    color: #fff;
}

.benefits-con-wrapper .sec-title span {
    font-weight: 700;
}

.benefits-box-wrapper .row {
    --bs-gutter-x: 69px;
    margin: 0 -69px;
}

.benefits-box-wrapper .benefits-box-con {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.benefits-box {
    width: 100%;
    aspect-ratio: 1/1;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.benefits-box .img-box {
    margin-bottom: 26px;
    height: 111px;
    display: flex;
    justify-content: center;
}

.benefits-box .img-box img {
    height: 100%;
    object-fit: contain;
}

.benefits-box-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    min-height: 60px;
}

/* ---------- Old-sec ---------- */

.old-sec.common-sec {
    padding: 150px 0;
    background: url(../img/how-work-bg.png) center;
    position: relative;
}

.old-sec.common-sec::before {
    content: "";
    display: inline-block;
    width: 160px;
    height: 280px;
    background: url(../img/tomato.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: -140px;
}

.old-sec.common-sec::after {
    content: "";
    display: inline-block;
    width: 264px;
    height: 310px;
    background: url(../img/old-sec-leaf-icon.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    bottom: -140px;
    z-index: 1;
}

.old-con-wrapper {
    display: flex;
    align-items: center;
}

.old-sec .img-box {
    box-shadow: 0px 0px 10.9px 0px #00000066;
    border-radius: 40px;
    overflow: hidden;
    width: 60%;
}

.old-sec .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.old-con-box {
    background: #2C571B;
    padding: 70px 44px 70px 57px;
    width: calc(40% + 144px);
    margin-left: -144px;
    position: relative;
    z-index: 1;
}

.old-con-title {
    font-family: "Rajdhani", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
    color: #fff;
    margin-bottom: 10px;
}

.old-con-des {
    font-family: "Rajdhani", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.6;
    text-align: left;
    color: #fff;
    margin: 0;
}

/* ------ our-farm-product-sec -------- */

.our-farm-product-sec.common-sec {
    padding: 135px 0 100px;
    background: url(../img/how-work-bg.png) center;
    position: relative;
}

.our-farm-product-sec::before {
    content: "";
    width: 100%;
    height: 616px;
    background: #2C571B;
    position: absolute;
    top: 0;
    left: 0;
}

.our-farm-product-sec .container-lg {
    position: relative;
}

.our-farm-product-sec .sec-head {
    margin-bottom: 100px;
}

.our-farm-product-sec .sec-title {
    font-family: "Rajdhani", sans-serif;
    font-size: 60px;
    font-weight: 500;
    line-height: 1.1;
    text-align: center;
    color: #fff;
}

.our-farm-product-sec .sec-title span {
    font-weight: 700;
}

.our-farm-product-sec .row {
    --bs-gutter-x: 35px;
}

.our-farm-product-box {
    position: relative;
    width: 100%;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    overflow: hidden;
}

.our-farm-product-box::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #112F0699;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.our-farm-product-box .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s ease-in-out;
}

.our-farm-product-box:hover .img-box img {
    transform: scale(1.05);
}

.our-farm-product-box .img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.our-farm-product-box .our-farm-product-title {
    position: relative;
    margin: 0;
    z-index: 3;
    font-family: "Rajdhani", sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    color: #fff;
}

/* footer */

.footer-main {
    background-color: #000;
    padding-top: 80px;
    padding-bottom: 80px;
}

.footer-main .container-fluid,
.woocommerce-order-received .woocommerce,
.content-page .container-fluid,
.gallery-sec .container-fluid {
    padding-left: 85px;
    padding-right: 85px;
}

.woocommerce-order-received,
.woocommerce-order-received .woocommerce-order p {
    padding-top: 50px;
}

.woocommerce-order-received ul.order_details {
    margin: 50px 0 0;
}

.foot-about-title {
    font-family: "Rajdhani", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    display: block;
    margin-bottom: 25px;
}

.foot-box .cms-con {
    padding-right: 110px;
    margin-bottom: 30px;
}

.foot-box .cms-con p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: #fff;
    margin-bottom: 0;
}

.foot-social-media a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.foot-social-media a.instagram {
    margin-right: 20px;
}

.foot-social-media .icon {
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    width: 20px;
    min-width: 20px;
    aspect-ratio: 1/1;
    display: block;
    position: relative;
    background-color: #fff;
    transition: all .4s ease-in-out;
}

.mail:hover .icon.icon-mail {
    background-color: #EA4335;
}

.foot-contact-us {
    border: 2px solid #fff;
    width: 100%;
    padding: 48px 32px;
}

.foot-title {
    font-family: "Rajdhani", sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
    color: #fff;
    margin-bottom: 30px;
}

.foot-contact-form form {
    margin-bottom: 0;
    display: flex;
    column-gap: 20px;
}

.foot-contact-form .form-group {
    margin-bottom: 0;
    width: 270px;
    flex: 0 0 270px;
}

.foot-contact-us .form-control {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    border-radius: 0;
    padding: 15px 16px;
    transition: inherit;
}

.foot-contact-us .form-control::placeholder {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.foot-contact-us .form-control:focus {
    background-color: transparent;
    box-shadow: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    display: none;
}

.foot-submit-btn {
    display: inline-block;
    vertical-align: middle;
}

.foot-submit-btn .btn.btn-white {
    clip-path: none;
    min-width: 100%;
    color: #000;
    background-color: #fff;
    border: 1px solid #fff;
    margin-top: 0;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 16px;
}

.foot-submit-btn .btn.btn-white:hover {
    background-color: transparent;
    color: #fff;
}

.foot-copy-right {
    background-color: #313131;
    padding: 22px 150px;
}

.foot-copy-right p {
    color: #9F9F9F;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}

.foot-copy-right p a {
    color: #9f9f9f;
    transition: all .4s ease-in-out;
}

.foot-copy-right p a:hover,
.foot-link ul li a:hover,
.foot-link ul li.current-menu-item a {
    color: #dfab16;
}

.foot-link ul {
    display: flex;
    align-items: center;
}

.foot-link ul li {
    position: relative;
    padding-right: 20px;
    margin-right: 20px;
}

.foot-link ul li:last-child {
    padding-right: 0;
    margin-right: 0;
}

.foot-link ul li::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 20px;
    background-color: #9f9f9f;
}

.foot-link ul li:last-child::before {
    content: unset;
}

.foot-link ul li a {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #9f9f9f;
    transition: all .4s ease-in-out;
}

.foot-contact-form {
    position: relative;
}

.footer .wpcf7-response-output {
    position: absolute;
    bottom: -30px;
    width: 100%;
    left: 0;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 10px !important;
    border-color: #dfab16 !important;
}



/* footer */


/* qr code */
.inner-banner-sec::after {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) -13.57%, rgba(67, 48, 34, 0) 91.28%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.inner-banner-con {
    position: relative;
    z-index: 1;
}

.inner-banner-con .cms-con {
    max-width: 815px;
    margin-bottom: 25px;
}

.inner-banner-con .cms-con p {
    font-size: 18px;
    color: #fff;
}

.qr-code-details-head .sec-head {
    margin-bottom: 80px;
}

.qr-code-head-title {
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
    color: #000;
    margin-bottom: 5px;
}

.serving-size {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: #000;
}

.serving-size span {
    display: block;
    margin-bottom: 8px;
}

.qr-code-details-sec .row {
    --bs-gutter-x: 60px;
    --bs-gutter-y: 55px;
}

.qr-code-details-sec .container-lg {
    max-width: 1660px;
}

.qr-code-details-box .img-box {
    background-color: #D9D9D9;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.qr-code-details-box .img-box img {
    width: 108px;
    aspect-ratio: 1/1;
    object-fit: contain;
}

.qr-code-details-title {
    color: #2C571B;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 10px;
}

.qr-code-details-box .content-box p {
    color: #6B6B6B;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    display: block;
    max-width: 230px;
    margin: auto;
}

.ingredients-details-sec.common-sec {
    padding-bottom: 65px;
}

.ingredients-details-sec .container-fluid {
    padding-left: 85px;
    padding-right: 85px;
}

.ingredients-details-sec .sec-head {
    margin-bottom: 60px;
    position: relative;
}

.ingredients-details-head-arrow {
    background-image: url(../img/head-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 16px;
    height: 86px;
    margin: 0 auto 30px;
}

.ingredients-details-sec .sec-title {
    font-family: "Poppins", sans-serif;
    color: #2C571B;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    display: block;
}

.ingredients-con {
    padding-top: 244px;
    padding-left: 54px;
}

.ingredients-con-title {
    color: #2C571B;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.4;
    text-align: right;
    margin-bottom: 40px;
    padding-right: 65px;
}

.ingredients-con .cms-con {
    margin-bottom: 30px;
}

.ingredients-con .cms-con p {
    color: #939393;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    text-align: right;
}

.ingredients-table {
    background-color: #EFEFEF;
}

.ingredients-table-top {
    padding-top: 95px;
    padding-left: 60px;
    padding-bottom: 36px;
}

.ingredients-table-top .qr-code-head-title {
    color: #2C571B;
    font-family: "Poppins", sans-serif;
}

.ingredients-table-top .serving-size {
    text-align: left;
}

.ingredients-details-sec .row {
    --bs-gutter-x: 62px;
}

.calories-con {
    background-color: #2C571B;
    width: 100%;
    padding: 30px 60px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.calories-con::before {
    content: '';
    position: absolute;
    background-image: url(../img/calories-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 78px;
    height: 100%;
    left: -78px;
    top: 0;
}

.calories-con-title {
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
}

.calories-details {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}

.calories-details span {
    font-size: 44px;
    padding-right: 5px;
}

.ingredients-con-btn {
    text-align: right;
}

.calories-main ul .calories-main-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #fff;
    padding: 18px 60px;
}

.calories-main ul li .calories-main-title {
    font-size: 22px;
    font-weight: 400;
    padding-left: 20px;
    color: #000;
    line-height: 1;
}

.calories-main ul li .calories-main-title b {
    font-weight: 700;
    padding-left: 0;
}

.calories-main ul li .calories-main-top:first-child .calories-main-title {
    padding-left: 0;
}

.calories-main ul li .calories-main-top .calories-main-con {
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    color: #000;
}

.ingredients-table .cms-con {
    padding: 53px 60px 25px;
}

.ingredients-table .cms-con p {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 2;
}

/* qr code */

.product-list-banner-con .cms-con {
    max-width: 67%;
    margin: auto;
}

.product-list-sec.common-sec {
    padding-top: 60px;
}

.product-list-sec .row {
    --bs-gutter-x: 60px;
}

.product-list-sidebar {
    background-color: #F1F1F1;
    border-radius: 10px;
    padding: 30px 45px 30px 27px;
}

.product-sidebar-title {
    color: #6F6F6F;
    font-family: "Poppins", sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
    margin-bottom: 18px;
}

.product-search {
    margin-bottom: 30px;
}

.product-search .form-control {
    background-color: #fff;
    border: 1px solid #BCBCBC;
    box-shadow: none;
    padding: 13px 15px;
    border-radius: 15px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
}

.product-search .form-control::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: #838383;
}

.product-search .form-control:focus {
    background-color: #fff;
}

.product-list-top {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-bottom: 30px;
}

.product-list-top button~button {
    margin-left: 15px;
}

.product-list-top button {
    background-color: transparent;
    border: 1px solid #E2E2E2;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    transition: all .4s ease-in-out;
}

.product-list-top .icon {
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    width: 20px;
    min-width: 20px;
    aspect-ratio: 1/1;
    display: block;
    position: relative;
    background-color: #747474;
    transition: all .4s ease-in-out;
}

.product-list-top button:hover,
.product-list-top button.active {
    border-color: #2C571B;
}

.product-list-top button:hover .icon,
.product-list-top button.active .icon {
    background-color: #2C571B;
}

.product-container .row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 60px;
}

.storefront-sorting {
    border-top: 2px solid #D3D3D3;
    margin-top: 70px;
    margin-bottom: 0;
}

.product-container .row-cols-12 .product-item {
    display: flex;
    align-items: center;
}

.product-item .img-box {
    width: 100%;
    display: block;
    overflow: hidden;
    border-radius: 30px;
    margin-bottom: 15px;
    height: 380px;
}

.product-container .row-cols-12 .product-item .img-box {
    width: 33%;
    height: 390px;
    margin-bottom: 0;
}

.product-item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .4s ease-in-out;
}

.product-item .img-box:hover img {
    transform: scale(1.03);
}

.product-container .row-cols-12 .product-item .product-content-box {
    margin-left: 60px;
    width: 60%;
}

.product-container .row-cols-12 .product-item .product-con-top {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.product-title {
    color: #2C571B;
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
    margin-bottom: 15px;
    transition: all .4s ease-in-out;
}

.product-title:hover {
    color: #dfab16;
}

.product-container .row-cols-12 .product-item .product-title {
    margin-right: 16px;
    margin-bottom: 0;
    font-size: 44px;
}

.product-rateing-review .icon {
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    width: 15px;
    min-width: 15px;
    aspect-ratio: 1/1;
    display: block;
    position: relative;
    background-color: #D4D4D8;
}

.product-rateing-review .icon.fill {
    background-color: #FECE23;
}

.icon-star {
    mask-image: url(../img/svg/star.svg);
}

.product-rateing-review {
    display: flex;
    align-items: center;
}

.product-rateing-review .star {
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.total-review {
    color: #52525B;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    display: block;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
}

.single-product div.product form.cart {
    margin-bottom: 0;
}

.star-rating {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    line-height: 1;
}

.product-price-box {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    margin-top: 15px;
}

.product-container .row-cols-12 .product-item .product-price-box {
    margin-top: 0;
}

.product-price {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.woocommerce-Price-amount {
    color: #18181B;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}

.product-container .row-cols-12 .product-item .woocommerce-Price-amount {
    font-size: 40px;
}

.product-price del .woocommerce-Price-amount {
    color: rgba(113, 113, 122, 80%);
    font-size: 20px;
    margin-left: 8px;
    text-decoration: line-through;
    text-decoration-color: rgba(113, 113, 122, 1);
    text-decoration-thickness: 3px;
    display: flex;
}

.product-container .row-cols-12 .product-item .product-price del .woocommerce-Price-amount {
    font-size: 30px;
}

.product-price ins {
    display: flex;
}

.product-price-kg {
    color: #18181B;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    display: block;
    margin-left: 15px;
}

.offer-price-text {
    color: #71717A;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 25px;
    display: block;
}

.icon-save {
    mask-image: url(../img/svg/save.svg);
}

.offer-price-text .icon {
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    width: 13px;
    min-width: 13px;
    aspect-ratio: 1/1;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-color: #A1A1AA;
    margin-right: 4px;
}

.product-container .product-item .btn {
    font-size: 20px;
    min-width: 180px;
}

.product-container .row-cols-12 .product-item .btn {
    font-size: 26px;
    min-width: 215px;
}

.product-list-top .sort-button {
    display: flex;
    align-items: center;
}

.Search-bar .search-submit {
    border: none;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    padding: 0;
}

.product-details-sec {
    position: relative;
}

.product-details-sec::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #2C571B;
    height: var(--product-title-height);
    z-index: -1;
}

.product-details-sec .row {
    --bs-gutter-x: 58px;
}

.product-details-img-silder {
    position: relative;
    overflow: hidden;
}

.product-details-img-silder .slick-dots {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    justify-content: center;
}

.product-details-img-silder .slick-dots li {
    background-color: #9e9494;
}

.product-details-img-silder .slick-dots li.slick-active {
    background-color: #fff;
}

.product-details-img-silder .slick-arrow {
    position: absolute;
    left: 25px;
    top: 50%;
    background-color: #2C571B;
    border-radius: 10px;
    background-size: 8px;
    width: 40px;
    height: 40px;
    opacity: 0;
    transition: all .4s ease-in-out;
}

.product-details-img-silder:hover .slick-arrow {
    opacity: 1;
    transform: translateX(0) !important;
}

.product-details-img-silder:hover .slick-arrow.slick-prev {
    transform: translateX(0) rotate(-180deg) !important;
}

.product-details-img-silder .slick-arrow:hover {
    background-color: #dfab16;
    opacity: 1;
}

.product-details-img-silder .slick-arrow.slick-prev {
    right: inherit !important;
    transform: translateX(-100px) rotate(-180deg) !important;
}

.product-details-img-silder .slick-arrow.slick-next {
    left: inherit;
    right: 25px;
    transform: translateX(100px);
}

.product-details-img {
    border-radius: 50px;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    display: block;
    position: relative;
}

.product-details-img::before {
    content: '';
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 17%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    left: 0;
    height: 100px;
    width: 100%;
}

.product-details-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.product-details-con .sec-head {
    max-width: 560px;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.product-details-con .sec-title {
    font-family: "Poppins", sans-serif;
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.3;
    display: block;
    margin-bottom: 15px;
}

.product-details-con .sec-head p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}


.star-rating {
    letter-spacing: 3px;
    width: 7.25em;
}

.product-details-con .product-price-box {
    margin-top: 24px;
    margin-bottom: 18px;
}

.product-details-con .product-price {
    font-size: 40px;
}

.product-details-con .offer-price {
    font-size: 30px;
}

.product-details-con .offer-price-text {
    margin-bottom: 24px;
}

.product-qty-update {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.product-details-con .product-qty-update span {
    display: block;
    color: #18181B;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    padding-right: 20px;
}

.qty-group-btn {
    display: flex;
    align-items: center;
}

.qty-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #D9D9D9;
    border-radius: 5px;
    width: 32px;
    height: 30px;
    padding: 0;
    transition: all .4s ease-in-out;
}

.qty-btn:hover {
    background-color: #dfab16;
}

.qty-btn:hover .icon {
    background-color: #fff;
}

.qty-btn .icon {
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    width: 13px;
    min-width: 13px;
    aspect-ratio: 1/1;
    background-color: #000;
    display: block;
    transition: all .4s ease-in-out;
}

.icon-minus {
    mask-image: url(../img/svg/minus-icon.svg);
}

.icon-plus {
    mask-image: url(../img/svg/plus-icon.svg);
}


.input-qty-text {
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 5px !important;
    width: 45px !important;
    text-align: center;
    font-size: 16px;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #52525B !important;
}

.input-qty-text:focus {
    border: none !important;
    outline: none !important;
}

.feature-title {
    color: #18181B;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}

.product-details-feature .cms-con ul li {
    font-weight: 500;
    color: #52525B;
    font-size: 16px;
}

.product-details-feature .cms-con ul li::before {
    top: 7px;
    background-color: #52525B;
}

.product-details-btn {
    margin: 32px 0;
}

.product-details-btn .btn~.btn {
    margin-left: 25px;
}

.product-details-list-item {
    color: #52525B;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.product-details-list-item:last-child {
    margin-bottom: 0;
}

.product-details-list-item img {
    width: 20px;
    aspect-ratio: 1/1;
    flex: 0 0 20px;
    object-fit: contain;
    margin-right: 10px;
}

.releated-product-sec .sec-head {
    margin-bottom: 60px;
}

.product-tab-list .nav-tabs {
    border: none;
    column-gap: 48px;
    width: max-content;
    position: relative;
}

.product-tab-list .nav-tabs::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid #E4E4E7;
}

.product-tab-list .nav-item {
    padding: 0;
}

.product-tab-list .nav-link {
    font-family: "Plus Jakarta Sans", serif;
    color: #71717A;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    border: none;
    box-shadow: none;
    padding: 0;
    padding-bottom: 24px;
    position: relative;
    transition: all .4s ease-in-out;
}

.product-tab-list .nav-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    border-bottom: 2px solid #18181B;
    transition: all .4s ease-in-out;
}

.product-tab-list .nav-link.active::before {
    width: 100%;
}

.product-tab-list .nav-link.active {
    color: #18181B;
    background-color: transparent;
    border: none;
}

.product-tab-list .nav-tabs .nav-link:focus,
.product-tab-list .nav-tabs .nav-link:hover {
    border: none;
    background-color: transparent;
}

.product-tab-details {
    background-color: #E6E6E6;
    padding: 55px 0;
}

.product-tab-details .row {
    --bs-gutter-x: 200px;
    --bs-gutter-y: 30px;
}

.product-tab-details .tab-content {
    max-width: 90%;
}

.product-tab-details .cms-con p {
    font-size: 16px;
    margin-bottom: 10px;
}

.product-tab-details .cms-con ul li {
    font-size: 16px;
    color: #000;
}

.product-tab-details .review-item {
    display: flex;
    align-items: start;
}

.product-tab-details .review-item .img-box {
    width: 43px;
    flex: 0 0 43px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 22px;
}

.product-tab-details .review-item .img-box img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center;
}

.product-tab-details .product-rateing-review {
    margin-bottom: 20px;
}

.product-tab-details .client-name,
.woocommerce-review__author {
    color: #18181B;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
    margin-bottom: 8px;
}

.woocommerce-review__dash {
    display: none !important;
}

.product-tab-details span,
.woocommerce-review__published-date {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #71717A;
}


.product-tab-details .review-item {
    padding-top: 30px;
    border-top: 2px solid #F4F4F5;
}

.product-tab-details .row .review-item-col:nth-child(1) .review-item,
.product-tab-details .row .review-item-col:nth-child(2) .review-item {
    border-top: none;
    padding-top: 0;
}

.product-tab-list .nav-link .count {
    background-color: #A1A1AA;
    padding: 4px 10px;
    color: #FAFAFA;
    font-size: 14px;
    font-weight: 700;
    border-radius: 24px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.review-item .product-rateing-review .icon.fill {
    background-color: #F59E0B;
}

.category-item.active a {
    color: #dfab16;
}

.onsale {
    display: none;
}

.woocommerce-pagination {
    padding-top: 45px;
    float: inherit;
    width: 100%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.woocommerce-pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
}

.pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers {
    width: 30px;
    height: 30px;
    background-color: #F1F1F1;
    color: #888888;
    font-size: 16px !important;
    font-weight: 700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease-in-out;
}

.pagination .page-numbers li .page-numbers:hover,
.woocommerce-pagination .page-numbers li .page-numbers:hover {
    background-color: #2C571B !important;
    color: #fff;
}

.woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: #2C571B;
    color: #fff;
}

.woocommerce-pagination .page-numbers li .page-numbers.next,
.woocommerce-pagination .page-numbers li .page-numbers.prev {
    background-color: #2C571B;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    margin-left: 14px;
    transition: all .4s ease-in-out;
}

.woocommerce-pagination .page-numbers li .page-numbers.prev {
    margin-left: 0;
    margin-right: 14px;
}

.woocommerce-pagination .page-numbers li .page-numbers.next:hover,
.woocommerce-pagination .page-numbers li .page-numbers.prev:hover {
    background-color: #dfab16 !important;
}

.woocommerce-pagination .next::after,
.woocommerce-pagination .prev::after {
    content: '';
    background-image: url(../img/next-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
}

.woocommerce-pagination .prev::after {
    transform: translateX(-50%) translateY(-50%) rotate(-175deg) !important;
}

#customer_login .u-column2 {
    display: none;
}

.my-account-banner-sec {
    min-height: auto;
    position: relative;
    height: 460px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-account-banner-sec::before {
    content: '';
    position: absolute;
    top: inherit;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(18, 28, 14, 0) 0%, #2C571B 100%);
}

.inner-banner-title {
    position: relative;
}

.my-account-banner-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.my-account-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.comment-respond {
    background-color: transparent !important;
}

.comment-notes,
.required-field-message {
    display: flex !important;
    align-items: center;
}

.star-rating span:before {
    color: #F59E0B;
    font-size: 15px;
}

.star-rating {
    font-size: 15px;
}

.comment-notes {
    column-gap: 5px;
}

#email-notes,
.required-field-message {
    color: #18181B !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2;
}

.product-tab-details .required {
    color: #E01020;
}

#reviews .comment-form-rating label {
    display: flex;
    align-items: center;
}

#reviews .comment-form-rating {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-bottom: 15px;
}

.comment-form-comment label,
.comment-form-author label,
.comment-form-email label,
.wp-comment-cookies-consent {
    color: #18181B;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.comment-form-comment textarea {
    resize: none;
    height: 150px;
    background: #fff;
    border: 1px solid #999696;
    border-radius: 6px;
}

#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input {
    background: #fff;
    border: 1px solid #999696;
    border-radius: 6px;
}

textarea:focus,
input:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid !important;
    border-color: #dfab16 !important;
}

#review_form .comment-respond {
    max-width: 70%;
    padding: 0;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 80px;
}

.single-product input[type=checkbox] {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.single-product input[type=checkbox]:checked {
    background-color: #dfab16;
}

.single-product input[type=checkbox]+label {
    color: #18181B;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}

.single-product input[type=submit] {
    background-color: #2C571B;
    border: 1px solid #2C571B;
    color: #fff;
    padding: 13px;
    border-radius: 0;
    min-width: 165px;
    font-size: 18px;
    margin-top: 20px;
    transition: all .4s ease-in-out;
}

.single-product input[type=submit]:hover {
    background-color: transparent;
    color: #2C571B;
}

.login-signup-sec {
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
}

.page-template-login header {
    display: none;
}

.page-template-login footer {
    display: none;
}

.login-signup-row {
    display: flex;
}

.login-signup-col:first-child {
    width: 37%;
}

.login-signup-col:last-child {
    width: 63%;
}

.login-signup-details {
    background-color: #000;
    width: 100%;
    height: 100%;
    padding: 25px 60px;
}

.login-signup-details .header-menu {
    margin-left: 0;
}

.login-signup-details .header-menu ul li:last-child {
    padding-right: 0;
    margin-right: 0;
}

.gallery-wrap-inner {
    display: flex;
    position: relative;
    column-gap: 40px;
}

.gallery-col {
    width: 33.33%;
    overflow: hidden;
}

.marquee-main {
    overflow: hidden;
    height: 100vh;
    min-height: 850px;
}

.marquee-animate {
    height: 100%;
    margin-top: 0;
    animation: 10s linear infinite myMarquee;
}

@keyframes myMarquee {
    100% {
        margin-top: 0;
    }
}

.marquee-reverse .marquee-animate {
    animation-direction: reverse;
}

.marquee-animate,
.marquee-row {
    display: flex;
    flex-direction: column;
    row-gap: 34px;
}

.gallery-img {
    border-radius: 30px;
    height: 450px;
    overflow: hidden;
}

.gallery-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.gallery-wrap {
    padding: 0 90px;
}

.login-signup-col .whatapp-btn a {
    color: #fff;
}

.login-signup-form {
    height: calc(var(--app-height) - 180px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 370px;
    min-height: 700px;
}

.login-signup-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    display: block;
    font-family: "Poppins", sans-serif;
    margin-bottom: 20px;
}

.login-signup-form .cms-con {
    margin-bottom: 40px;
}

.login-signup-form .cms-con p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

.login-signup-form .form-group {
    display: block;
    margin-bottom: 20px;
    position: relative;
}

.login-signup-form .form-control {
    background-color: #fff !important;
    border-radius: 9px !important;
    color: #184941 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    padding: 12px 20px !important;
}

.login-signup-form .form-control::placeholder {
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #184941 !important;
}

.login-signup-form input[type=text]:focus {
    background-color: #fff !important;
    box-shadow: none !important;
}

.login-signup-form input[type=checkbox] {
    background-color: #D9D9D9;
    width: 14px;
    height: 14px;
    box-shadow: 4px 4px 1.9px -1px #00000040 inset;
    border: none;
    border-radius: 3px;
}

.login-signup-form .form-check-input:checked[type=checkbox] {
    background-color: #dfab16;
    box-shadow: none;
}

.login-signup-form .form-check-label {
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    line-height: 1;
    margin: 0;
}

.lost_password a {
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    line-height: 1;
    transition: all .4s ease-in-out;
}

.woocommerce-ResetPassword {
    margin: 0 !important;
}

.hentry {
    margin: 0 !important;
}

.lost_password a:hover {
    color: #dfab16;
}

.remember-forgot-box {
    margin-top: 0;
    margin-bottom: 20px;
}

.login-signup-form .btn-green {
    width: 100%;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.2px;
    border-radius: 9px;
}

.login-signup-form .btn-green:hover {
    background-color: #dfab16;
    color: #fff;
}

.login-signup-form .btn~.btn {
    margin-top: 20px;
}

.login-signup-note {
    margin-top: 20px;
}

.login-signup-note p {
    color: #fff;
    font-size: 10px;
    font-weight: 300;
    line-height: 1.6;
}

.added_to_cart {
    background-color: transparent !important;
    color: #000 !important;
    transition: all .4s ease-in-out;
}

.added_to_cart:hover {
    color: #dfab16 !important;
}

/* my-account */
.woocommerce-cart .entry-header,
.woocommerce-checkout .entry-header {
    display: none !important;
}

.woocommerce-cart .hentry,
.woocommerce-checkout .hentry {
    margin: 0 !important;
}

.woocommerce-cart .wc-block-components-sidebar-layout.wc-block-cart,
.woocommerce-checkout .wc-block-components-sidebar-layout.wc-block-checkout {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 85px;
    padding-right: 85px;
    margin-bottom: 0;
}

.woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-badge,
.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__total .wc-block-components-product-badge {
    display: none;
}

.woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items td {
    vertical-align: middle;
}

.woocommerce-cart .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart-items .wc-block-cart-item__image {
    padding-left: 30px;
}

.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row {
    position: relative;
}

.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
    font-size: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link::before {
    content: "×";
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
}

.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 30px;
}

.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap>div,
.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap>a {
    flex: 1;
    max-width: unset;
    margin-bottom: 0;
}

.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-components-quantity-selector {
    margin-bottom: 0;
}

.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-metadata {
    display: none;
}

.woocommerce-cart .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus,
.woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus {
    box-shadow: none;
}

.woocommerce-cart table.wc-block-cart-items,
.woocommerce-cart .is-large.wc-block-cart .wc-block-components-sidebar {
    font-size: 17px;
}

.wc-block-components-button {
    background-color: #2C571B !important;
    color: #fff !important;
    box-shadow: none !important;
    transition: all .3s ease-in-out !important;
}

.wc-block-components-button:hover {
    background-color: rgba(254, 127, 45, 0.75) !important;
}

.wc-block-components-button:not(.is-link).outlined:not(:focus) {
    box-shadow: none !important;
}

.wc-block-components-button:focus {
    box-shadow: none !important;
    outline: none !important;
}

.wc-block-components-totals-coupon__button:disabled {
    opacity: 0.6;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
    background: #dfab16 !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
    border: 1px solid #dfab16 !important;
}

.woocommerce-cart .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link {
    text-decoration: none;
    font-size: 16px;
    transition: all .3s ease-in-out;
}

.woocommerce-cart .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link:hover {
    color: #dfab16;
}

.wc-block-components-product-price {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: start;
    align-items: center;
    column-gap: 8px;
}

.wc-block-components-product-price__regular {
    color: rgba(113, 113, 122, 80%);
    font-size: 14px;
}

.wc-block-components-totals-coupon__form .wc-block-components-text-input {
    margin-top: 0 !important;
}

.woocommerce-cart .wc-block-cart table.wc-block-cart-items {
    margin: 0;
}

.woocommerce-cart .wc-block-components-product-price__value.is-discounted {
    margin-left: 0;
}

.wp-block-woocommerce-empty-cart-block {
    padding: 100px 0;
}

.woocommerce-cart .wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
    background-color: #dfab16;
    margin-bottom: 30px;
}

.woocommerce-cart .wc-block-cart__empty-cart__title {
    font-size: 22px;
}

.woocommerce-cart .hentry .entry-content a {
    text-decoration: none !important;
}

.wc-block-components-button:hover {
    background-color: #dfab16 !important;
}

.wc-block-cart__submit {
    margin: 15px 0 0 !important;
}

.wc-block-components-form .wc-block-components-text-input input,
.wc-blocks-components-select .wc-blocks-components-select__select {
    border: 1px solid #9F9F9F !important;
    border-radius: 8px !important;
    padding: 20px 15px 10px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em !important;
    color: #184941 !important;
    width: 100%;
    height: auto !important;
    transition: all .2s ease-in-out;
}

.wc-block-components-form .wc-block-components-text-input input::placeholder {
    color: #184941 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em !important;
}

.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-text-input label,
.wc-blocks-components-select .wc-blocks-components-select__label {
    left: 15px !important;
}

.wc-block-components-validation-error,
.wpcf7-not-valid-tip {
    position: absolute;
    top: -20px !important;
    right: 0;
    background: #e00b0b;
    color: #fff !important;
    font-size: 12px !important;
    border-radius: 4px;
    padding: .3125rem .3125rem .25rem !important;
}

.wc-block-components-validation-error::after,
.wpcf7-not-valid-tip::after {
    border-color: #e00b0b transparent transparent;
    -o-border-image: none;
    border-image: none;
    border-right: .375rem solid transparent;
    border-style: solid;
    border-width: .375rem;
    content: "";
    height: 0;
    left: .3125rem;
    position: absolute;
    bottom: -.75rem;
    width: 0;
    transform: rotate(360deg);
    display: inline-block
}

.wc-block-components-validation-error svg {
    display: none !important;
}

.wc-block-components-validation-error span {
    color: #fff !important;
    font-size: 12px;
}

.wc-block-components-form .wc-block-components-text-input.has-error label,
.wc-block-components-text-input.has-error label {
    color: var(--grey) !important;
}

.wc-blocks-components-select .wc-blocks-components-select__label,
.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-text-input label {
    color: var(--grey) !important;
}

.wc-block-components-address-form__address_2-toggle {
    text-decoration: none !important;
    font-size: 16px !important;
    transition: all .4s ease-in-out;
}

.wc-block-components-address-form__address_2-toggle:hover {
    color: var(--orange);
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus {
    outline: none !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked {
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__mark {
    fill: #fff !important;
}

.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
    width: 30% !important;
}

.wc-block-components-checkout-return-to-cart-button {
    padding-right: 20px;
}

.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row {
    justify-content: end !important;
}


.image-upload-wrap .image-upload-img {
    position: relative;
    background-color: #fff;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    box-shadow: 0 10px 10px 10px #00000000;
    margin-bottom: 30px;
}

.image-upload-wrap img {
    object-fit: cover;
    object-position: top center;
    margin: auto;
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.upload-button {
    position: absolute;
    right: -5px;
    bottom: 20px;
    padding: 15px;
    font-size: 22px;
    background-color: #2C571B;
    color: #fff;
    border-radius: 50%;
    border: 4px solid rgb(255 255 255 / 50%);
    cursor: pointer;
}

.file-upload {
    display: none;
}

.woocommerce-form {
    margin: 0 !important;
}

.page-template-sign-up .login-signup-form {
    max-width: 500px;
}

.remember-forgot-box .form-check {
    display: flex;
    align-items: center;
}

.remember-forgot-box .form-check .form-check-label {
    padding-left: 8px;
    padding-top: 5px;
}

.show-password-input {
    top: 19px;
    right: 18px;
    padding: 0;
    line-height: 1;
}

input[type=password] {
    padding: 12px 40px 12px 20px !important;
}

.woocommerce-page .inner-banner-title,
.page-template-cms-page .inner-banner-title,
.page-template-our-gallery .inner-banner-title,
.blog .inner-banner-title,
.category .inner-banner-title,
.search .inner-banner-title {
    font-size: 60px;
    padding-top: 50px;
}

:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus,
:-webkit-autofill:active,
input[type=password]:-webkit-autofill {
    -webkit-text-fill-color: #000 !important;
    transition: background-color 5000000s ease-in-out 0s !important;
}

.woocommerce-form-register .login-signup-details .form-row-wide.first-name-box,
.woocommerce-form-register .login-signup-details .form-row-wide.last-name-box {
    width: 50% !important;
}

.full-name-box {
    display: flex;
    align-items: center;
    column-gap: 15px;
}

.page-template-sign-up label {
    position: absolute;
    top: -20px !important;
    right: 0;
    background: #e00b0b;
    color: #fff !important;
    font-size: 12px !important;
    border-radius: 4px;
    padding: .3125rem .3125rem .25rem !important;
}

.page-template-sign-up .form-check {
    position: relative !important;
    background-color: transparent !important;
    left: 0;
    top: 0 !important;
    padding: 0 0 0 1.5em !important;
}

.page-template-sign-up .form-check::after {
    content: unset !important;
}

.page-template-sign-up label::after {
    border-color: #e00b0b transparent transparent;
    -o-border-image: none;
    border-image: none;
    border-right: .375rem solid transparent;
    border-style: solid;
    border-width: .375rem;
    content: "";
    height: 0;
    left: .3125rem;
    position: absolute;
    bottom: -.75rem;
    width: 0;
    transform: rotate(360deg);
    display: inline-block;
}

.page-template-sign-up #terms-error {
    bottom: 0px;
    background: transparent;
    color: #e00b0b !important;
    top: inherit !important;
    width: 100%;
    position: absolute;
    margin: 0;
    left: 240px;
}

.page-template-sign-up #terms-error::after {
    content: unset;
}

.wc-block-components-checkout-step__description,
.wp-block-woocommerce-checkout .wc-block-checkout__guest-checkout-notice,
.wc-block-components-checkout-order-summary__title-text {
    color: #000 !important;
}

.woocommerce-checkout .wc-block-components-product-metadata__description {
    display: none;
}

.woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked {
    background: #dfab16 !important;
    border-color: #dfab16 !important;
}

.wc-block-checkout__login-prompt {
    transition: all .4s ease-in-out;
}

.wc-block-checkout__login-prompt:hover {
    color: #dfab16 !important;
}

.wc-block-components-radio-control-accordion-option {
    box-shadow: none !important;
    border: 1px solid #9F9F9F !important;
}

.wc-block-components-form .wc-block-components-checkout-step {
    margin: 0 0 30px !important;
}

.wp-block-woocommerce-checkout {
    padding-top: 0 !important;
}

/* mini-cart */
.widget {
    margin: 0 !important;
}

.woocommerce.widget_shopping_cart .matsya-cart-top-counter {
    position: relative;
    display: inline-block;
}

.woocommerce.widget_shopping_cart .matsya-top-cart-wrapper .matsya-mini-cart-counter {
    position: absolute;
    top: -5px;
    right: -11px;
    font-weight: 500;
    background-color: #dfab16;
    width: 17px;
    height: 16px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    line-height: 1;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.matsya-mini-cart-slide-sidebar {
    position: fixed;
    display: block !important;
    top: 0;
    right: -400px;
    z-index: 99991;
    height: 100vh !important;
    width: 400px !important;
    padding: 80px 0 30px 0 !important;
    margin: 0 !important;
    background-color: #fff;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    overflow: hidden;
}

header .woocommerce.widget_shopping_cart.active .matsya-mini-cart-slide-sidebar {
    right: 0;
}

.widget_shopping_cart .matsya-mini-cart-slide-overlay {
    opacity: 0;
    left: 0;
    visibility: hidden;
}

.mini-cart .widget_shopping_cart .matsya-mini-cart-slide-overlay {
    display: block;
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgb(0 0 0 / 0.8);
    right: 0;
    top: 0;
    z-index: 9999;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    opacity: 1;
    visibility: visible;
}

.matsya-mini-cart-slide-sidebar .mini-cart-slide-sidebar-scroll {
    display: table;
    width: 100%;
    height: 100%;
}

.matsya-mini-cart-slide-sidebar .mini-cart-slide-sidebar-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ebebeb;
    padding: 20px;
    position: absolute;
    z-index: 999;
    width: 100%;
    left: 0;
    top: 0;
    height: auto;
    text-align: left;
    line-height: normal;
}

.matsya-mini-cart-slide-sidebar .mini-cart-slide-sidebar-heading span {
    width: 50%;
    display: inline-block;
    color: #000;
    font-size: 13px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 500;
}

.matsya-mini-cart-slide-sidebar .mini-cart-slide-sidebar-heading span {
    width: 50%;
    display: inline-block;
    color: #000;
    font-size: 16px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 500;
}

.matsya-mini-cart-slide-sidebar .mini-cart-slide-sidebar-heading span:last-child {
    text-align: right;
}

.matsya-mini-cart-slide-sidebar .mini-cart-slide-sidebar-heading span:last-child a {
    color: #000;
    padding: 5px 10px;
    transition: all .4s ease-in-out;
}

.matsya-mini-cart-slide-sidebar .mini-cart-slide-sidebar-heading span:last-child a:hover {
    color: red;
}

.matsya-close-mini-cart-slide {
    position: relative;
}

.matsya-close-mini-cart-slide::before {
    content: '';
    width: 13px;
    position: absolute;
    top: 0;
    left: inherit;
    right: -10px;
    height: 2px;
    background: #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto;
    bottom: 0;
    transition: all .4s ease-in-out;
}

.matsya-close-mini-cart-slide::after {
    content: '';
    width: 13px;
    position: absolute;
    top: 0;
    left: inherit;
    right: -10px;
    height: 2px;
    background: #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: auto;
    bottom: 0;
    transition: all .4s ease-in-out;
}

.matsya-close-mini-cart-slide:hover::before,
.matsya-close-mini-cart-slide:hover::after {
    background: red;
}


.matsya-mini-cart-slide-sidebar .matsya-mini-cart-content-inner {
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
    min-height: 1px;
}

header .woocommerce.widget_shopping_cart .woocommerce-mini-cart__empty-message {
    padding: 25px;
    margin: 0;
    color: #8d8d8d;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

header .woocommerce.widget_shopping_cart .matsya-mini-cart-slide-sidebar .woocommerce-mini-cart__empty-message {
    padding: 0 30px;
}

.woocommerce-mini-cart__empty-message .icon {
    margin: 0 auto 10px;
    background-color: #000 !important;
}

header .woocommerce.widget_shopping_cart ul.cart_list {
    line-height: normal;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    height: calc(100svh - 240px);
    overflow: auto;
}


header .woocommerce.widget_shopping_cart ul.cart_list::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

header .woocommerce.widget_shopping_cart ul.cart_list::-webkit-scrollbar-track {
    background: #0000;
    background: 0 0;
    border-radius: 50px
}


header .woocommerce.widget_shopping_cart ul.cart_list::-webkit-scrollbar-thumb {
    background: #dfab16;
    background: 0 0;
    border-radius: 50px
}

header .woocommerce.widget_shopping_cart .matsya-mini-cart-slide-sidebar .cart_list li,
header .woocommerce.widget_shopping_cart .matsya-mini-cart-slide-sidebar .cart_list li:last-child {
    padding-left: 100px !important;
    padding-right: 52px !important;
    position: relative;
}

header .woocommerce.widget_shopping_cart .matsya-mini-cart-slide-sidebar .cart_list li {
    border-bottom: 1px solid #ebebeb !important;
    padding-bottom: 20px !important;
}

header .woocommerce.widget_shopping_cart .matsya-mini-cart-slide-sidebar ul.cart_list li img {
    margin-left: -70px;
}

header .woocommerce.widget_shopping_cart .cart_list li,
header .woocommerce.widget_shopping_cart .cart_list li:last-child {
    padding: 20px 32px 0 90px !important;
    margin: 0 !important;
    border-bottom: none !important;
}

header .woocommerce.widget_shopping_cart .cart_list li:last-child {
    border-bottom: 0;
}

header .woocommerce.widget_shopping_cart .quantity {
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

header .woocommerce.widget_shopping_cart .cart_list li a.remove {
    top: 21px !important;
    right: 25px !important;
    width: 30px !important;
    margin: 0;
    left: inherit;
    font-weight: 400;
    padding: 0;
    font-size: 24px;
    line-height: 15px;
    color: #8d8d8d !important;
    width: auto;
    position: absolute;
    transition: all .4s ease-in-out;
}

header .woocommerce.widget_shopping_cart .cart_list li a.remove::before {
    content: '' !important;
    width: 13px !important;
    position: absolute !important;
    top: 0 !important;
    left: inherit !important;
    right: 0 !important;
    height: 2px !important;
    background: #000 !important;
    -webkit-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
    margin: auto !important;
    bottom: 0 !important;
    transition: all .4s ease-in-out;
}

header .woocommerce.widget_shopping_cart .cart_list li a.remove::after {
    content: '' !important;
    width: 13px !important;
    position: absolute !important;
    top: 0 !important;
    left: inherit !important;
    right: 0 !important;
    height: 2px !important;
    background: #000 !important;
    -webkit-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
    margin: auto !important;
    bottom: 0 !important;
    transition: all .4s ease-in-out;
}


header .woocommerce.widget_shopping_cart ul.cart_list li a {
    font-size: 16px;
    line-height: 18px;
    color: #000;
    font-weight: 500;
    margin-bottom: 5px;
    position: initial;
    margin-left: 0;
    width: 100%;
    white-space: normal;
    transition: all .4s ease-in-out;
}

header .woocommerce.widget_shopping_cart ul.cart_list li a:hover {
    color: #dfab16;
}

header .woocommerce.widget_shopping_cart ul.cart_list li img {
    margin: 0 0 0 -70px;
    float: left;
    width: 60px;
    height: 60px;
    object-fit: cover;
    max-width: 3.617924em !important;
}

header .woocommerce.widget_shopping_cart ul.cart_list li .quantity .woocommerce-Price-amount {
    font-size: 14px !important;
    color: #000;
}

header .woocommerce.widget_shopping_cart .total {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 17px 0 0 0;
    background-color: rgba(255, 255, 255, 0);
    padding: 15px 20px;
    text-align: right;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #000;
    line-height: normal;
}

header .woocommerce.widget_shopping_cart .matsya-mini-cart-slide-sidebar .total {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    color: #232323;
    padding-left: 30px;
    padding-right: 30px;
}

header .woocommerce.widget_shopping_cart .matsya-mini-cart-slide-sidebar .total strong {
    color: #808080;
}

header .woocommerce.widget_shopping_cart .matsya-mini-cart-slide-sidebar .woocommerce-mini-cart__buttons .button {
    border: 1px solid #2C571B;
    width: 100%;
    text-align: center;
    background-color: transparent;
    transition: all .4s ease-in-out;
}

header .woocommerce.widget_shopping_cart .matsya-mini-cart-slide-sidebar .woocommerce-mini-cart__buttons {
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    align-items: center;
    column-gap: 15px;
}

header .woocommerce.widget_shopping_cart .matsya-mini-cart-slide-sidebar .woocommerce-mini-cart__buttons .checkout {
    background-color: #2C571B;
    border-color: #2C571B;
    color: #fff;
}

header .woocommerce.widget_shopping_cart .matsya-mini-cart-slide-sidebar .woocommerce-mini-cart__buttons .button:hover {
    background-color: #dfab16;
    border-color: #dfab16;
    color: #000;
}

.woocommerce-mini-cart__total .woocommerce-Price-amount {
    font-size: 20px !important;
}

header .woocommerce.widget_shopping_cart .matsya-mini-cart-slide-sidebar .matsya-mini-cart-info {
    color: #808080;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.woocommerce .matsya-mini-cart-slide-sidebar ul.cart_list li dl dt,
.woocommerce .matsya-mini-cart-slide-sidebar ul.product_list_widget li dl dt {
    color: #808080;
}

.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a {
    margin-bottom: 0;
    margin-right: 0;
}

.my-account {
    display: inline-block;
}

.my-account .dropdown-menu {
    display: block;
    position: absolute;
    top: 100%;
    right: 20px;
    margin-top: 0;
    width: 220px;
    box-shadow: 0 0 6px rgb(0 0 0 / 20%);
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease-in-out;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    z-index: 99;
    padding: 0 0;
    padding-top: 0;
    border: 0;
    background: rgba(217, 217, 217, 0.9);
}

.my-account:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.my-account .dropdown-menu a {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 14px 20px;
    margin-right: 0;
    border-bottom: 1px solid #c1bcbc;
    transition: all .4s ease-in-out;
}

.my-account .dropdown-menu a:last-child {
    border-bottom: none;
}

.my-account .dropdown-menu a:hover {
    background-color: transparent;
    color: #dfab16;
}

.footer {
    display: inline-block;
}

.foot-contact-us .form-control:-webkit-autofill,
.foot-contact-us .form-control:-webkit-autofill:hover,
.foot-contact-us .form-control:-webkit-autofill:focus,
.foot-contact-us .form-control:-webkit-autofill:active {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000000s ease-in-out 0s !important;
}

.page-template-thank-you .inner-banner-title {
    display: none;
}


.thank-you-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 0;
    text-align: center;
    flex-direction: column;
}

.thank-you-wrapper .sec-title {
    font-size: clamp(2.875rem, 1.395rem + 6.316vw, 6.25rem);
}

.error-wrapper .sec-title {
    margin-bottom: clamp(1.25rem, 0.702rem + 2.339vw, 1.5rem);
}

.thank-you-message {
    font-size: clamp(1rem, 0.89rem + 0.468vw, 1.25rem);
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: clamp(1.25rem, 0.702rem + 2.339vw, 2.5rem);
}

.thank-you-wrapper svg {
    height: clamp(6.25rem, 4.879rem + 5.848vw, 9.375rem);
    width: clamp(6.25rem, 4.879rem + 5.848vw, 9.375rem);
    margin-bottom: clamp(1.563rem, 0.877rem + 2.924vw, 2.125rem);
}

.error-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 0;
    text-align: center;
    flex-direction: column;
}

.error-title {
    font-size: clamp(4.375rem, 2.182rem + 9.357vw, 9.375rem);
    font-weight: 700;
    line-height: 0.5;
    color: #FFBB05;
    margin-bottom: clamp(0.938rem, 0.526rem + 1.754vw, 1.25rem);
}

.error-message {
    font-size: clamp(14px, 0.89rem + 0.468vw, 1rem);
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: clamp(1.25rem, 0.702rem + 2.339vw, 2.5rem);
}

.my-account-profile {
    background-color: #2C571B;
    height: 260px;
}

.my-account-sec .container-fluid,
.my-account-profile .container-fluid {
    padding-left: 85px;
    padding-right: 85px;
}

.my-account-profile-img {
    background-color: #D8D8D8;
    width: 260px;
    height: 260px;
    border-radius: 200px 200px 0 0;
}

.my-account-profile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 200px;
}

.my-account-profile-info .account-info {
    padding-left: 60px;
}

.my-account-profile-info .account-info h1 {
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
    font-family: "Poppins", sans-serif;
    display: block;
    margin-bottom: 10px;
}

.my-account-profile-info .account-info .user-id {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    font-family: "Poppins", sans-serif;
    display: block;
}

.my-account-nav .woocommerce-MyAccount-navigation {
    background-color: #D8D8D8;
    border-bottom: 8px solid #2C571B;
    width: 260px;
    padding-top: 42px;
    padding-bottom: 30px;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
}

.my-account-nav .woocommerce-MyAccount-navigation ul li a::before {
    display: none !important;
}

.my-account-nav .woocommerce-MyAccount-navigation ul li a {
    width: 100%;
    border-bottom: 1px solid #C1C1C1;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
    color: #424242;
    display: block;
    padding: 10px 4px;
    transition: all .4s ease-in-out;
}

.my-account-nav .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #B40D0D !important;
    font-weight: 300 !important;
}

.my-account-nav .woocommerce-MyAccount-navigation ul li:last-child a {
    border-bottom: none;
}

.my-account-nav .woocommerce-MyAccount-navigation ul li.is-active a,
.my-account-nav .woocommerce-MyAccount-navigation ul li a:hover {
    color: #2C571B;
    font-weight: 800;
}

.my-account-sec {
    position: relative;
}

.my-account-sec::before {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) -13.57%, rgba(67, 48, 34, 0) 91.28%);
    width: 100%;
    height: 300px;
    top: 0;
    z-index: -1;
}

.my-account-main {
    display: flex;
}

.my-account-main .woocommerce-MyAccount-content {
    width: 100%;
    padding-top: 60px;
    padding-left: 60px;
}

.personal-info-box-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.my-account-content-title,
.woocommerce-account .addresses .woocommerce-Address-title h2,
.woocommerce-edit-address .woocommerce-MyAccount-content h2,
.woocommerce-order-details__title,
.woocommerce-customer-details .woocommerce-column__title {
    color: #666666;
    font-family: "Poppins", sans-serif;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.2;
    display: block;
    margin-bottom: 0;
}

.woocommerce-order-details__title,
.woocommerce-customer-details .woocommerce-column__title {
    margin-bottom: 20px;
}

.edit-button {
    color: #666666;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    display: inline-block;
    transition: all .4s ease-in-out;
}

.edit-button:hover {
    color: #2C571B;
}

.edit-button:hover .icon {
    background-color: #2C571B;
}

.edit-button .icon {
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    width: 18px;
    min-width: 18px;
    aspect-ratio: 1 / 1;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    background-color: #666666;
    margin-left: 4px;
    transition: all .4s ease-in-out;
}

.personal-info-details {
    border-bottom: 1px solid #D3D3D3;
    padding-bottom: 70px;
    margin-bottom: 48px;
}

.form-label,
.woocommerce-EditAccountForm label,
.woocommerce-address-fields__field-wrapper label {
    color: #666666 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    display: block !important;
    margin-bottom: 10px !important;
}

.form-label {
    margin-bottom: 4px !important;
}

.form-content,
.form-content a {
    font-family: "Poppins", sans-serif;
    color: #666666;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    display: block;
    transition: all .4s ease-in-out;
}

.form-content a:hover {
    color: #dfab16;
}

.personal-info-box .row {
    --bs-gutter-y: 35px;
}

.woocommerce-MyAccount-content .form-row-last,
.woocommerce-MyAccount-content .form-row-first {
    width: 49% !important;
    clear: inherit !important;
    margin-right: 0 !important;
}

.woocommerce-form-row em {
    color: #000;
    padding-top: 6px;
    font-size: 12px;
    display: block;
}

.profile-btn {
    text-align: center;
}

.woocommerce-form-row {
    margin-bottom: 30px !important;
}

.woocommerce-Input,
.woocommerce-edit-address .woocommerce-input-wrapper input,
.woocommerce-edit-address .select2-container .select2-selection--single .select2-selection__rendered {
    background-color: #fff !important;
    box-shadow: none !important;
    border: 1px solid #bebebe !important;
    color: #184941 !important;
    border-radius: 4px;
    padding: 12px 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: inherit !important;
}

.woocommerce-edit-address .select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: none !important;
    height: auto !important;
}

.woocommerce-edit-address .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url(../img/down-arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;

}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none !important;
}

.show-password-input::after {
    color: #000;
}

.woocommerce-password {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fieldset-password {
    width: 100%;
}

abbr[title] {
    text-decoration: none !important;
}

.form-row-new-password,
.form-row-confirm-password,
.form-row-current-password {
    width: 32.33%;
}

.woocommerce-Button,
.woocommerce-edit-address button {
    background-color: #2C571B;
    border: 1px solid #2C571B;
    color: #fff;
    padding: 15px;
    border-radius: 0;
    min-width: 215px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.2px;
    border-radius: 9px;
    transition: all .4s ease-in-out;
}

.woocommerce-Button:hover,
.woocommerce-edit-address button:hover {
    background-color: #dfab16;
}

.woocommerce-account .addresses .woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.woocommerce-Address-title::before,
.woocommerce-Address-title::after {
    display: none !important;
}

.addresses .woocommerce-Address,
.woocommerce-customer-details {
    padding: 18px;
    line-height: 1.8;
    border-radius: 10px;
    background-color: #fff;
    border: 0;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.woocommerce-edit-address .woocommerce-MyAccount-content h2 {
    margin-bottom: 20px;
}

.woocommerce-address-fields__field-wrapper p {
    margin-bottom: 30px !important;
}

.woocommerce-edit-address .form-row-wide#billing_city_field,
.woocommerce-edit-address .form-row-wide#billing_phone_field {
    width: 49% !important;
    float: left;
    clear: none !important;
}

.woocommerce-edit-address .form-row-wide#billing_state_field,
.woocommerce-edit-address .form-row-wide#billing_email_field {
    width: 49% !important;
    clear: none !important;
    float: right !important;
}

.addresses header.title a::before {
    content: '' !important;
    background-image: url(../img/svg/edit.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    display: block;
}

.addresses header.title a {
    height: 15px;
    width: 15px;
    margin-top: 0;
    padding: 0;
    font-size: 0;
}

body.woocommerce-account .woocommerce-MyAccount-content mark {
    color: var(--black);
    font-weight: 700 !important;
    background-color: transparent !important;
}

.woocommerce-order-details table thead th {
    background-color: #e7e5e5 !important;
}

.woocommerce-customer-details--phone {
    margin-bottom: 0;
}

.woocommerce-order-details .order_details {
    border: 1px solid rgba(0, 0, 0, .1);
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 5px;
    background-color: #fff !important;
}

.woocommerce-table__product-name a {
    font-weight: 400;
    text-decoration: underline;
    transition: all .4s ease-in-out;
}

.woocommerce-table__product-name a:hover {
    color: #dfab16;
}

.woocommerce-table__product-total .woocommerce-Price-amount {
    font-size: 18px;
    font-weight: 500;
}

.order_details tfoot .woocommerce-Price-amount {
    font-size: 20px;
    font-weight: 700;
}

table:not(.has-background) th {
    background-color: transparent !important;
}

.woocommerce-account .woocommerce table.shop_table th,
.woocommerce-account .woocommerce table.shop_table td {
    padding: 15px;
    line-height: 1;
    font-weight: 700;
    vertical-align: middle;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

form {
    margin-bottom: 0 !important;
}

.login-link {
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.login-link a {
    color: #fff;
    transition: all .4s ease-in-out;
}

.login-link a:hover {
    color: #dfab16;
}

.page-template-sign-up .login-signup-form {
    height: 900px;
}

.page-template-sign-up .marquee-main {
    height: 100%;
    max-height: 1048px;
}

.userBtn {
    display: flex;
    align-items: center;
    width: auto;
    font-size: 17px;
    color: #fff;
    position: relative;
    padding-right: 3px;
    cursor: pointer;
    line-height: 1.4;
}

.userBtn img {
    border-radius: 50%;
    margin-right: 10px;
    width: 40px !important;
    height: 40px;
    object-fit: cover;
}

.userBtn span {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 15px;
    color: #fff;
}

.user-names p {
    font-size: 10px;
    vertical-align: text-top;
    margin: 0;
    color: #fff;
}

.myAccount .dropdown-toggle:after,
.myAccount .userBtn:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border: none;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: -14px;
    top: -6px;
    bottom: 0;
    margin: auto;
    transition: border 0.4s ease-in-out;
    padding-right: 0px;
}

.user_sl {
    padding: 0 20px 0 10px;
}

.woocommerce-orders-table.shop_table thead th {
    border-bottom: none !important;
}

.woocommerce-orders-table.shop_table tbody th,
.woocommerce-orders-table.shop_table tbody td {
    border-right: 4px solid #fff;
    background-color: #D9D9D9 !important;
    border-bottom: 4px solid #fff !important;
    vertical-align: middle !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.woocommerce-orders-table tbody tr:last-child th,
.woocommerce-orders-table tbody tr:last-child td {
    border-bottom: none !important;
}

.woocommerce-orders-table.shop_table tbody td.woocommerce-orders-table__cell-order-actions {
    background-color: transparent !important;
    border-right: none !important;
    padding: 0;
    width: 120px;
}

.woocommerce-orders-table.shop_table tbody th a,
.woocommerce-orders-table.shop_table tbody td a {
    color: #2C571B !important;
    transition: all .4s ease-in-out;
}

.woocommerce-orders-table.shop_table tbody th a:hover,
.woocommerce-orders-table.shop_table tbody td a:hover {
    color: #dfab16 !important;
}

.woocommerce-orders-table.shop_table tbody td.woocommerce-orders-table__cell-order-date {
    padding-left: 50px;
    background-image: url(../img/svg/calender.svg);
    background-repeat: no-repeat;
    background-position: center left 20px;
    background-size: 20px;
}

.woocommerce-orders-table.shop_table tbody td.woocommerce-orders-table__cell-order-date,
.woocommerce-orders-table__cell-order-status {
    color: #666666 !important;
}

.woocommerce-orders-table__cell-order-total .woocommerce-Price-amount {
    font-size: 22px !important;
    color: #666 !important;
}

.woocommerce-orders-table__cell-order-total {
    font-size: 16px !important;
    color: #666;
    font-weight: 400;
}

.woocommerce-orders-table .woocommerce-button.view,
.woocommerce-orders-table .woocommerce-button.invoice {
    font-size: 0 !important;
    background-color: #2C571B;
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transition: all .4s ease-in-out;
}

.woocommerce-orders-table .woocommerce-button.view:hover,
.woocommerce-orders-table .woocommerce-button.invoice:hover {
    background-color: #dfab16;
}

.woocommerce-orders-table .woocommerce-button.view::before {
    content: '';
    background-image: url(../img/next-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.woocommerce-orders-table .woocommerce-button.invoice::before {
    content: '';
    background-image: url(../img/svg/download.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.order-actions-button {
    display: flex;
    justify-content: start;
    flex-direction: row-reverse;
    column-gap: 5px;
}

.my-order-section.product-container .row-cols-12 .product-item .img-box {
    width: 26%;
    height: 350px;
}

.my-order-title {
    color: #2C571B;
    font-size: 44px !important;
    font-weight: 700 !important;
    line-height: 1.2;
    display: block;
    font-family: "Poppins", sans-serif;
    margin-bottom: 40px;
}

.my-order-section .btn {
    margin-top: 10px;
}

.personal-info-box {
    max-width: 90%;
}

/* contact us */
.contact-us-banner.inner-banner-sec::before {
    background: #2C571B;
    top: 0;
    height: 100%;
    opacity: 0.8;
}

.contact-us-banner.inner-banner-sec::after {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) -13.57%, rgba(67, 48, 34, 0) 91.28%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.contact-us-banner.inner-banner-sec .container-lg {
    z-index: 2;
}

.contact-banner-bottom-sec {
    background: transparent;
    position: relative;
}

.contact-banner-bottom-sec::before {
    content: '';
    position: absolute;
    background: url(../img/banner-bottom-image.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: -385px;
    height: 680px;
    width: 100%;
}

.contact-banner-bottom-sec .container-lg {
    position: relative;
}

.contact-info-sec .container-fluid,
.contact-form-sec .container-fluid,
.our-client-say-sec .container-fluid {
    padding-left: 85px;
    padding-right: 85px;
}

.contact-address-boxes {
    padding-left: 69px;
    padding-right: 69px;
}

.contact-address-boxes .row {
    --bs-gutter-x: 100px;
}

.contact-address-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contact-address-details {
    display: flex;
    align-items: center;
}

.contact-address-box .img-box {
    width: 192px;
    flex: 0 0 192px;
    height: 192px;
    background-color: #E7E7E7;
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 40px;
}

.contact-address-box .img-box img {
    object-fit: contain;
}

.contact-address-title {
    color: #52525B;
    font-size: 30px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    line-height: 1.2;
    display: block;
    margin-bottom: 5px;
}

.contact-addres-content p {
    color: #52525B;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    display: block;
    max-width: 290px;
}

.address-qr-code {
    width: 120px;
    height: 120px;
}

.address-qr-code img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.contact-form-main {
    background-color: #EAEAEA;
    border-radius: 40px;
}

.contact-form-info {
    background: linear-gradient(180deg, #2C571B 0%, #479628 100%);
    border-radius: 40px;
    padding: 50px;
    height: 100%;
}

.contact-info-title {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
    margin-bottom: 25px;
}

.contact-info-box {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #939393;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.contact-info-box:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.contact-info-box .img-box {
    width: 50px;
    flex: 0 0 50px;
    height: 50px;
    margin-right: 20px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-info-box .img-box img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.contact-info-details span {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    display: block;
    margin-bottom: 8px;
}

.contact-info-details a {
    color: #B4D4A7;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    display: block;
    transition: all .4s ease-in-out;
}

.contact-info-details a:hover {
    color: #fff;
}

.contact-form-box {
    padding: 82px 48px 82px 18px;
}

.contact-form-title {
    color: #52525B;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    display: block;
    margin-bottom: 35px;
}

.contact-form-box .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

.contact-form-box .form-group {
    margin-bottom: 0;
}

.contact-form-box .form-control {
    background-color: #fff !important;
    border-radius: 9px;
    color: #184941;
    font-size: 16px;
    font-weight: 500;
    line-height: unset;
    padding: 12px 20px;
    border: 1px solid #fff;
    box-shadow: none;
}

select:has(option:checked:first-child) {
    color: #184941;
    font-size: 16px;
    font-weight: 300;
}

.contact-form-box .form-control::placeholder {
    color: #184941;
    font-size: 16px;
    font-weight: 300;
}

.contact-form-box textarea {
    height: 100px;
    resize: none;
}

.contact-form-box .btn-green {
    margin-top: 25px;
    border-radius: 9px;
    font-size: 16px;
    font-weight: 600;
    min-width: 190px;
}

.contact-form-box .cms-con {
    margin-top: 30px;
    margin-bottom: 0;
}

.contact-form-box .cms-con p {
    color: #52525B;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    display: block;
    margin-bottom: 0;
}

.our-client-say-main {
    border-top: 1px solid #959595;
}

.our-client-say-slider {
    margin: 0 -25px;
}

.our-client-say-slide {
    padding: 0 25px;
}

.our-client-say-slider .slick-list {
    padding-top: 60px;
}

.our-client-say-main .sec-head {
    padding-top: 80px;
    margin: 0 auto 40px;
    text-align: center;
    max-width: 1215px;
}

.our-client-say-main .sec-title {
    color: #2C571B;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
    font-family: "Poppins", sans-serif;
    margin-bottom: 15px;
}

.our-client-say-main .sec-head p {
    color: #52525B;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
}

.our-client-content {
    background-color: #EAEAEA;
    border-radius: 50px;
    padding: 82px 35px 55px 35px;
    position: relative;
}

.our-client-content .cms-con p {
    color: #52525B;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    display: block;
    margin-bottom: 12px;
}

.our-client-content .client-name {
    color: #3F3F3F;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    display: block;
}

.quote-img {
    width: 120px;
    position: absolute;
    top: -62px;
}

.quote-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.our-client-say-slider .slick-dots {
    justify-content: center;
    margin-top: 30px;
}

.our-client-say-slider .slick-dots li.slick-active {
    background-color: #2C571B;
}

.our-client-say-slider .slick-dots li {
    width: 12px;
    background-color: #dddbdb;
}

.order-summary {
    display: flex;
    align-items: center;
    margin-top: 80px;
    column-gap: 50px;
}

.order-summary .order-summary-col {
    width: 42%;
    background-color: #D9D9D9;
    margin-bottom: 0;
    padding: 26px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-summary-col-title {
    color: #2C571B;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    display: block;
}

.order-summary-col span,
.order-summary-col a {
    color: #2C571B;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    position: relative;
    padding-right: 60px;
    transition: all .4s ease-in-out;
}

.order-summary-col span::before,
.order-summary-col a::before {
    content: '';
    position: absolute;
    background-color: #2C571B;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.order-summary-col span::after,
.order-summary-col a::after {
    content: '';
    position: absolute;
    background-image: url(../img/next-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
}

.order-summary-col a:hover {
    color: #dfab16;
}

.woocommerce-view-order .woocommerce-customer-details {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}

.woocommerce-view-order .woocommerce-MyAccount-content h3 {
    color: #2C571B;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
}

.woocommerce-view-order .order-details h6,
.woocommerce-view-order .woocommerce-customer-details .woocommerce-column__title,
.woocommerce-view-order .woocommerce-column__title {
    color: #666666;
    font-family: "Poppins", sans-serif;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2;
    display: block;
    margin-bottom: 10px;
}

.woocommerce-view-order .order-details,
.blli-ship-address,
.woocommerce-view-order .woocommerce-column--shipping-address {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    width: 32%;
}

.woocommerce-view-order.woocommerce-account .woocommerce table.shop_table tfoot th {
    text-align: end;
}

.woocommerce-view-order .product-image {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.woocommerce-view-order .woocommerce-order-details .woocommerce-Price-amount {
    font-size: 24px;
}

.page-template-cms-page .inner-banner-title {
    z-index: 2;
}

.mini-cart.page-template-cms-page .inner-banner-title,
.body-fixed.page-template-cms-page .inner-banner-title {
    z-index: 1;
}

.page-template-contact-us .header {
    z-index: 3;
}

/* our-gallery */

.gallery-img-wrap {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none
}

.gallery-img-inner {
    width: calc(100% / 4 - 30px);
    margin: 0 15px;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 0
}

.gallery-img-box {
    position: relative;
    display: block;
    width: 100%;
    height: 520px
}

.gallery-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.gallery-img-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0/ 70%);
    z-index: 1;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.gallery-img-box:hover::before {
    opacity: 1;
    visibility: visible
}

.gallery-img-box::after {
    content: "";
    width: 77px;
    height: 77px;
    background: url(../img/galleryicon.svg) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 12;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    filter: brightness(0) invert(100)
}

.gallery-img-box:hover::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.gallery-img-box.video-box::before {
    opacity: 1;
    visibility: visible;
    background: rgb(0 0 0/ 50%)
}

.gallery-img-box.video-box::after {
    content: unset
}

.gallery-img-box.video-box .video-icon {
    content: "";
    width: 77px;
    height: 77px;
    background: url(../img/playicon.svg) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    transform: scale(1);
    transition: all 0.4s ease-in-out;
    opacity: 1;
    visibility: visible
}

.gallery-img-box.video-box .video-icon::before {
    content: "";
    position: absolute;
    left: -5px;
    top: -5px;
    right: -5px;
    bottom: -5px;
    background-color: #c3c3c380;
    opacity: .2;
    border-radius: 50%;
    animation: callBlink 3s infinite ease-in-out
}

@keyframes callBlink {
    from {
        transform: scale(.5);
        opacity: .9
    }

    to {
        transform: scale(1.6);
        opacity: 0
    }
}

.blog-listing-wrap .row>* {
    margin-bottom: 25px;
}

.blog-list-box {
    border-radius: 10px;
    overflow: hidden;
    transition: all .4s ease-in-out;
    padding: 0 5px;
}

.blog-list-box-inner {
    border-radius: 10px;
    overflow: hidden;
}

.blog-list-box .blog-list-img {
    padding-bottom: 240px;
    overflow: hidden;
}

.blog-list-box .blog-list-img img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    transition: all .4s ease-in-out;
}

.latest-blog-date {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #2C571B;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    padding: 15px;
    transition: all .4s ease-in-out;
}

.blog-list-con {
    background-color: #f5f5f5;
    padding: 30px 20px;
    transition: all .4s ease-in-out;
}

.latest-blog-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    color: #2C571B;
    font-family: "Poppins", sans-serif;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all .4s ease-in-out;
}

.blog-list-con .cms-con p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    transition: all .4s ease-in-out;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.read-more {
    color: #2C571B;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    margin-top: 15px;
    display: inline-block;
}

.read-more img {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 12px;
    object-fit: contain;
    margin-left: 5px;
    transition: all .4s ease-in-out;
}

.blog-list-box-inner:hover .blog-list-img img {
    transform: scale(1.03);
}

.blog-list-box-inner:hover .latest-blog-title {
    color: #dfab16;
}

.blog-list-box-inner:hover .read-more {
    color: #dfab16;
}

.blog-list-box-inner:hover .read-more img {
    filter: brightness(0) saturate(100%) invert(76%) sepia(76%) saturate(1653%) hue-rotate(356deg) brightness(93%) contrast(86%);
}

.sidebar-search-box {
    background-color: #F1F1F1;
    padding: 30px;
    border-radius: 10px;
}

.side-bar .category-main,
.side-bar .recommended-sec {
    background-color: #F1F1F1;
    padding: 30px;
    border-radius: 10px;
    margin-top: 20px;
}

.side-bar .related-title {
    color: #6F6F6F;
    font-family: "Poppins", sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
    margin-bottom: 18px;
}

.search-form {
    position: relative;
}

.sidebar-search-box button {
    color: #343233;
    background-color: transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 6px;
    height: 100%;
    border: none;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-search-box button img {
    width: 18px;
    max-width: 18px;
    height: 18px;
    object-fit: contain;
}

.side-bar .recommended-blog-item {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    margin-bottom: 20px;
}

.side-bar .latest-posts-box {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

.side-bar .latest-posts-box .img-box {
    flex: 0 0 105px;
    border-radius: 10px;
    overflow: hidden;
    height: 70px;
    display: block;
}

.side-bar .latest-posts-box .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.side-bar .recommended-blog-item .latest-posts-box .desc-box {
    padding-top: 0;
    padding-left: 15px;
}

.side-bar .latest-blog-date {
    position: relative;
    background-color: transparent;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    padding: 0;
    margin-bottom: 6px;
    display: block;
    transition: all .4s ease-in-out;
}

.side-bar .post-title {
    color: #2C571B;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all .4s ease-in-out;
}

.latest-posts-box:hover .post-title {
    color: #dfab16;
}

.side-bar .recommended-blog-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.pagination {
    border: none;
}

.nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    width: 100%;
}

.nav-links .page-numbers {
    width: 30px;
    height: 30px;
    background-color: #F1F1F1;
    color: #888888;
    font-size: 16px !important;
    font-weight: 700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease-in-out;
}

.nav-links .page-numbers:hover {
    background-color: #2C571B;
    color: #fff;
}

.page-numbers.current {
    background-color: #2C571B;
    color: #fff;
}

.page-numbers.next,
.page-numbers.prev {
    background-color: #2C571B;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    margin-left: 10px;
    font-size: 0 !important;
    transition: all .4s ease-in-out;
}

.page-numbers.prev {
    margin-left: 0;
    margin-right: 10px;
}

.page-numbers.next::after,
.page-numbers.prev::after {
    content: '';
    background-image: url(../img/next-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
}

.page-numbers.prev::after {
    transform: rotate(180deg);
}

.page-numbers.next:hover,
.page-numbers.prev:hover {
    background-color: #dfab16;
}

.blog-details-img-wrap {
    min-height: 800px;
    height: 100vh;
    position: relative;
}

.blog-details-img-wrap::before {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) -13.57%, rgba(67, 48, 34, 0) 91.28%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.blog-details-img-wrap .container-lg {
    display: flex;
    align-items: center;
    height: 100vh;
    position: relative;
}

.blog-details-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}


.blog-details-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.blog-details-title {
    color: #fff;
    font-size: 46px;
    font-weight: 600;
    line-height: 1.2;
    font-family: "Poppins", sans-serif;
    max-width: 720px;
}

.view-more {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.more-btn {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .04em;
}

.more-btn:hover {
    color: #dfab16;
}

.more-btn img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    width: 10px;
    height: 12px;
    transition: all .4s ease-in-out;
}

.more-btn:hover img {
    filter: brightness(0) saturate(100%) invert(76%) sepia(76%) saturate(1653%) hue-rotate(356deg) brightness(93%) contrast(86%);
}

.news-row .blog-list-box {
    padding: 0;
}

.news-row{
    margin: 0 -12px;
}

.news-col {
    padding: 0 12px;
}

.news-inner .sec-head {
    margin-bottom: 50px;
}

.news-inner .sec-title {
    font-size: 50px;
    font-weight: 600;
    color: #121212;
    font-family: "Poppins", sans-serif;

}

.news-row .slick-dots{
    margin-top: 30px;
    justify-content: center;
}

.news-row .slick-dots li.slick-active{
    background-color: #2C571B;
}

.news-row .slick-dots li{
    background-color: #eee;
}

.a2a_kit.a2a_kit_size_32 span {
    background-color: transparent !important
}

.a2a_kit a {
    padding: .625rem 0 0;
    display: inline-block
}

.a2a_kit svg {
    width: 2rem !important;
    height: 2rem !important;
    fill: #9e9d9d;
    transition: .5s ease-in-out all;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

.a2a_kit svg path {
    fill: #a7a7a7 !important
}

.a2a_button_facebook:hover svg path {
    fill: #3b5998 !important
}

.a2a_button_x:hover svg path {
    fill: #000 !important
}

.a2a_button_linkedin:hover svg path {
    fill: #0077b5 !important
}

.a2a_button_pinterest:hover svg path {
    fill: #e60023 !important
}

.a2a_dd:hover svg path {
    fill: #2C571B !important
}

.addtoany_list a:hover span {
    opacity: 1 !important;
}