@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap");

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Instrument Sans", sans-serif;
    scroll-behavior: smooth;
    font-variation-settings: "wdth" 100;
}

:root {
    --green: #007848;
    --yellow: #FECE1F;
    --mustard-yellow: #F1C34A;
    --sunglow: #FFF9EA;
    --dark: #1A1A1A;
    --light-yellow: #FBF6E9;
    --gr: linear-gradient(273.92deg, #3930D8 23.21%, #847EE7 96.42%);
}

li {
    list-style: none !important;
}

a,
a:hover {
    text-decoration: none !important;
    color: var(--green);
}

ul {
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.questrial {
    font-family: "Questrial", sans-serif;
}

body {
    background: var(--light-bg);
}

.sec {
    padding: 5em 0px;
    position: relative;
}

.sec.xl-spacing {
    padding: 9em 0px;
}

.btn-flex {
    display: flex;
    align-items: center;
    gap: 12px;
}

.main-btn {
    display: inline-block;
    border: none;
    outline: none;
    box-shadow: none;
    background: var(--green) !important;
    border-radius: 100px;
    padding: 12px 1.5em;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: -moz-max-content;
    max-width: max-content;
    transition: 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    position: relative;
    overflow: hidden;
    color: white !important;
}

.main-btn.link-btn {
    background: transparent;
    outline: none;
    border: none;
    box-shadow: none;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: -moz-max-content;
    max-width: max-content;
}

.main-btn.link-btn span {
    color: var(--green) !important;
}

.main-btn.with-arrow {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 2.2em;
}

.main-btn.with-arrow span,
.button.main-btn.with-arrow {
    position: relative;
    display: inline-block;
    padding-right: 35px;
}

.main-btn.with-arrow span:after,
.button.main-btn.with-arrow::after {
    content: "";
    position: absolute;
    display: inline-block;
    margin-left: 8px;
    width: 20px;
    vertical-align: middle;
    height: 20px;
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.button.main-btn.with-arrow::after {
    background: url("https://zabihat.co.ke/wp-content/themes/storefront/assets/images/frontend/yellow-arrow.svg") center/contain no-repeat;
}

.main-btn:hover {
    background: #025030 !important;
    box-shadow: 0px 0px 0px 8px rgba(0, 120, 72, 0.25);
}

.main-btn.black-border {
    border: 1px solid #1A1A1A;
    background: transparent;
}

.main-btn.black span {
    color: #1A1A1A !important;
}

.main-btn.link-btn {
    background: transparent !important;
    border: none !important;
}

.main-btn.link-btn:after,
.main-btn.link-btn:before {
    display: none !important;
}

.main-btn.link-btn span {
    color: #CD6E12;
}

.main-btn:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.main-btn.center {
    margin: 0 auto;
}

.main-btn.black-btn {
    position: relative;
    background: #1A1A1A;
}

.main-btn.black-btn:hover span {
    color: #1a1a1a;
}

.main-btn.black-btn span {
    color: var(--yellow);
}

.main-btn.border-btn {
    border: 1px solid #1A1A1A;
    background: transparent;
}

.main-btn.border-btn span {
    color: #1A1A1A;
}

.main-btn img {
    transition: 0.2s ease-in-out;
}

.main-btn.with-icon {
    padding-left: 20px;
}

.main-btn.with-icon img {
    width: 28px;
    position: relative;
    z-index: 2;
}

.main-btn span {
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    position: relative;
    z-index: 3;
}

.main-btn.full-width {
    width: 100%;
    max-width: 100%;
    justify-content: center;
}

.main-btn.max-btn {
    max-width: 350px !important;
}

.main-btn:hover {
    color: white;
}

.main-btn.secondary-btn {
    display: flex;
    align-items: center;
    max-width: -moz-max-content;
    max-width: max-content;
    background: transparent;
    gap: 8px;
}

.main-btn.secondary-btn:hover span {
    color: var(--red);
}

.main-btn.secondary-btn:hover img {
    transform: translateX(5px);
}

.main-btn.secondary-btn:before,
.main-btn.secondary-btn:after {
    display: none;
}

.main-btn.secondary-btn span {
    color: black;
}

.main-btn.block-btn {
    width: 100%;
    max-width: 100%;
    justify-content: center;
    text-align: center;
}

.main-btn.sq {
    border-radius: 5px;
}

.main-btn.sq:after,
.main-btn.sq:before {
    border-radius: 5px !important;
}

.form-group {
    position: relative;
    margin-bottom: 15px;
}

.form-group .input-grp {
    position: relative;
    width: 100%;
}

.form-group .input-grp input,
.form-group .input-grp textarea {
    padding: 8px 15px;
    border-radius: 5px;
    background: white;
    width: 100%;
    outline: none;
    border: none;
    transition: 0.2s ease-in-out;
    border: 1px solid transparent;
}

.form-group .input-grp input:focus,
.form-group .input-grp textarea:focus {
    border: 1px solid var(--red);
}

.label-text {
    margin-bottom: 5px;
    color: #202020;
    font-size: 16px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
}

.head-title {
    position: relative;
    max-width: -moz-max-content;
    max-width: max-content;
}

.head-title .bee-anim {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(110%) translateY(-60%);
    width: 160px;
}

.head-title.center {
    margin: 0 auto;
}

.head-title.center .sec-head {
    text-align: center;
}

.head-title.left-bee .bee-anim {
    left: 0;
    transform: translateX(-110%) translateY(-60%) scaleX(-1);
    right: unset;
}

.sec-head {
    position: relative;
    font-size: 40px;
    font-weight: 700;
    color: #111111;
}

.sec-head.sm {
    font-size: 32px;
}

.tp-ar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bg-sunglow {
    position: relative;
    background: var(--sunglow);
}

.bg-light-yellow {
    position: relative;
    background: var(--light-yellow);
}

.yellow-bg {
    background: var(--mustard-yellow);
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-110 {
    margin-bottom: 110px;
}

.mt-120 {
    margin-bottom: 120px;
}

.mt-130 {
    margin-bottom: 130px;
}

.mt-140 {
    margin-bottom: 140px;
}

.mt-150 {
    margin-bottom: 150px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-110 {
    margin-bottom: 110px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb-130 {
    margin-bottom: 130px;
}

.mb-140 {
    margin-bottom: 140px;
}

.mb-150 {
    margin-bottom: 150px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-110 {
    padding-bottom: 110px;
}

.pt-120 {
    padding-bottom: 120px;
}

.pt-130 {
    padding-bottom: 130px;
}

.pt-140 {
    padding-bottom: 140px;
}

.pt-150 {
    padding-bottom: 150px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pb-130 {
    padding-bottom: 130px;
}

.pb-140 {
    padding-bottom: 140px;
}

.pb-150 {
    padding-bottom: 150px;
}

.burger {
    display: block;
    width: 28px;
    height: 21px;
    cursor: pointer;
}

.burger span:after,
.burger span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
}

.burger span:after {
    top: 18px;
    width: 70% !important;
}

.burger span {
    position: relative;
    display: block;
}

.burger span,
.burger span:after,
.burger span:before {
    width: 100%;
    height: 2.5px;
    background-color: var(--text);
    transition: all 0.3s;
    backface-visibility: hidden;
    border-radius: 2px;
}

.burger.--open span {
    background-color: transparent;
}

.burger.--open span:before {
    transform: rotate(45deg) translate(-1px, 0px);
}

.burger.--open span:after {
    transform: rotate(-45deg) translate(6px, -7px);
    width: 100% !important;
}

.main-nav-wrapper {
    position: fixed;
    top: 0px;
    width: 100%;
    padding: 0em 0em;
    z-index: 999;
    background: white;
    box-shadow: 6px 0px 6px 0px rgba(17, 17, 17, 0.06);
}

.main-nav-wrapper.sticky {
    background: white;
    background: white;
    box-shadow: 6px 0px 6px 0px rgba(17, 17, 17, 0.06);
}

.main-nav-wrapper.sticky .menu-open img {
    filter: invert(100%);
}

.main-nav-wrapper.desk-header:not(.sticky) {
    background: transparent;
    box-shadow: none;
}

.main-nav-wrapper.desk-header:not(.sticky) .main-nav .head-logo img {
    filter: invert(100%) brightness(10000%);
}

.main-nav-wrapper.desk-header:not(.sticky) .main-nav .nav-list li a {
    color: white;
}

.main-nav-wrapper.desk-header:not(.sticky) .main-nav .at-list li a {
    background: rgba(0, 0, 0, 0.2);
}

.main-nav-wrapper.desk-header:not(.sticky) .main-nav .at-list li a img {
    filter: invert(100%) brightness(10000%);
}

.main-nav-wrapper.desk-header:not(.sticky) .main-nav .at-list li a svg path {
    fill: #fff;
}

.main-nav-wrapper.desk-header:not(.sticky) .main-nav .at-list li a:hover {
    background: white !important;
}

.main-nav-wrapper.desk-header:not(.sticky) .main-nav .at-list li a:hover svg path {
    fill: var(--green);
}

.main-nav-wrapper .main-nav {
    padding: 1.2em 0em;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    grid-template-columns: 200px 1fr 200px;
    justify-content: space-between;
    align-items: center;
}

.main-nav-wrapper .main-nav .head-logo {
    width: 148px;
    display: inline-block;
}

.main-nav-wrapper .main-nav .head-logo img {
    width: 100%;
}

.main-nav-wrapper .main-nav .menu-btn {
    cursor: pointer;
    display: none;
}

.main-nav-wrapper .main-nav .r-part {
    display: flex;
    align-items: center;
    gap: 40px;
}

.main-nav-wrapper .main-nav .l-part {
    display: flex;
    align-items: center;
    gap: 20px;
}

.main-nav-wrapper .main-nav .nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-nav-wrapper .main-nav .nav-list li a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0.3em 1.2em;
    font-weight: 600;
    color: #231F20;
    font-size: 16px;
    transition: 0.2s ease-in-out;
}

.main-nav-wrapper .main-nav .nav-list li a:hover {
    color: var(--green);
}

.main-nav-wrapper .main-nav .ot-list {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
}

.main-nav-wrapper .main-nav .ot-list li:nth-child(2)>a {
    position: relative;
}

.main-nav-wrapper .main-nav .ot-list li:nth-child(2)>a>span {
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
    background: var(--blue);
    font-family: "articoExMedium", sans-serif;
    font-weight: 600;
    color: white;
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-50%) translateX(20%);
    text-align: center;
}

.main-nav-wrapper .main-nav .ot-list li:nth-child(2)>a img {
    width: 22px;
    margin-bottom: 2px;
}

.main-nav-wrapper .main-nav .ot-list li a img {
    width: 28px;
    margin-top: 8px;
}

.at-list {
    display: flex;
    align-items: center;
    gap: 16px;
}

.at-list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    background: rgba(0, 120, 72, 0.1);
    transition: 0.2s ease-in-out;
}

.at-list li a img {
    width: 24px;
}

.at-list li a svg path {
    transition: 0.2s ease-in-out;
}

.at-list li a:hover {
    background: var(--green) !important;
}

.at-list li a:hover svg path {
    fill: white;
}

.menu-open {
    background: transparent;
    outline: none !important;
    border: none;
    cursor: pointer;
    display: none;
}

.menu-open img {
    width: 35px;
}

.menu-close {
    outline: none;
    border: none;
    box-shadow: none;
    width: 24px;
    height: 24px;
    background: transparent;
}

.menu-close img {
    width: 100%;
}

@media (max-width: 991px) {
    .main-nav-wrapper .main-nav .nav-list {
        display: none;
    }
}

.mob-nav {
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9999;
    padding: 1.1em;
    background: #004733;
    transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateX(-100%);
    opacity: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mob-nav>img {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 100%;
    pointer-events: none;
}

.mob-nav>div,
.mob-nav>a {
    position: relative;
    z-index: 5;
}

.mob-nav .mob-menu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mob-nav .mob-menu-head>div {
    display: flex;
    align-items: center;
    gap: 15px;
}

.mob-nav .mob-menu-head>*:last-child img {
    filter: invert(100%) brightness(10000%);
}

.mob-nav .mob-menu-head .head-logo {
    height: 50px;
}

.mob-nav .mob-menu-head .head-logo img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    filter: invert(100%) brightness(10000%);
}

.mob-nav.active {
    transform: translateX(0);
    opacity: 1;
    pointer-events: unset;
}

.mob-nav ul {
    padding-top: 1.5em;
}

.mob-nav ul li:last-child a {
    border: none !important;
}

.mob-nav ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75em 0px;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.mob-nav ul li a span {
    color: white;
    font-weight: 500;
}

.top-bar {
    position: relative;
    background: var(--dark);
}

.top-bar .g-rate {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 140px;
}

.top-bar .g-rate img {
    width: 100%;
}

.top-bar .top-bar-inner {
    position: relative;
    display: flex;
    align-items: center;
    padding: 1em 3em;
    width: 100%;
}

.top-bar .top-bar-inner .r-part {
    width: 100%;
}

.top-bar .top-bar-inner p {
    width: 100%;
    margin-bottom: 0;
    text-align: center;
    color: white;
    font-size: 14px;
    font-weight: 600;
}

.main-header {
    position: relative;
    width: 100%;
    padding-bottom: 1.5em;
}

.main-header picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.main-header .container {
    position: relative;
    z-index: 5;
}

.main-header .header-img {
    width: 100%;
}

.main-header .header-img img {
    width: 100%;
}

.main-header .banner-con {
    position: relative;
    padding: 2em 0px;
}

.main-header .banner-con h1 {
    font-size: 55px;
    font-weight: 600;
    margin-bottom: 25px;
}

.revolving-strip-container {
    overflow: hidden;
}

.revolving-strip {
    width: 100%;
    min-width: -moz-max-content;
    min-width: max-content;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0px;
    animation: loop 18s linear infinite;
}

.revolving-strip li {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: -moz-max-content;
    min-width: max-content;
}

.revolving-strip li span {
    font-size: 18px;
    font-weight: 600;
    color: #231F20;
}

@keyframes loop {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(-50%);
    }
}

.product-card {
    position: relative;
}

.product-card .product-img {
    width: 100%;
    background: var(--light-yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 85%;
    position: relative;
}

.product-card .product-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85%;
    height: 85%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transform: translate(-50%, -50%);
}

.product-card .product-con {
    position: relative;
    padding-top: 1.2em;
}

.product-card .product-con h3 {
    font-size: 24px;
    font-weight: 700;
    color: #111;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.product-card .product-con .price {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

.product-card .product-con .price h5 {
    font-weight: 700;
    font-size: 20px;
    font-size: 16px;
    color: var(--green);
    margin-bottom: 0;
}

.product-card .product-con .price p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #5D5376;
}

.product-card .product-btm {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 1.2em;
}

.product-card .product-btm>*:nth-child(2) {
    flex: 1 1 auto;
}

.counter {
    position: relative;
    display: flex;
    border-radius: 5px;
    border: 1px solid #007848;
    overflow: hidden;
    max-width: -moz-max-content;
    max-width: max-content;
}

.counter>* {
    width: 45px;
    height: 45px;
    border: none;
    outline: none;
}

.counter input {
    text-align: center;
    line-height: 50px;
    font-weight: 600;
    font-size: 16px;
}

.counter button {
    background: rgba(0, 120, 72, 0.062745098);
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--green);
}

.counter button:nth-child(3) {
    border-left: 1px solid var(--green);
    border-right: 0px;
}

.counter button:active {
    background: #e9e8ea;
}

.add-to-card {
    max-width: 100%;
    justify-content: center;
}

.img-full {
    width: 100%;
}

.para {
    font-size: 16px;
    color: #004733;
    font-weight: 400;
}

.para.black-text {
    color: #888888;
}

.para.sm {
    font-size: 14px;
}

.para.md {
    font-size: 16px;
}

.h-sec {
    position: relative;
}

.h-sec .container {
    position: relative;
    z-index: 5;
}

.h-sec>img {
    position: absolute;
    right: 0;
    max-width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.h-comb-anim-sec {
    position: relative;
}

.h-comb-anim-sec .container {
    position: relative;
    z-index: 5;
}

.h-comb-anim-sec>img {
    position: absolute;
    max-width: 100%;
}

.h-comb-anim-sec>img:nth-child(1) {
    bottom: 0;
    right: 0;
}

.h-comb-anim-sec>img:nth-child(2) {
    top: 0;
    left: 0;
}

.a-cc {
    position: relative;
}

.a-cc .accordion-item {
    margin-bottom: 25px;
    border: none !important;
    background: white !important;
    overflow: hidden;
    border-radius: 0px;
}

.a-cc .accordion-item .accordion-header {
    border: none !important;
    box-shadow: none !important;
}

.a-cc .accordion-item .accordion-header .accordion-button {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 1.5em 1.5em;
}

.a-cc .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
    transform: rotate(90deg);
}

.a-cc .accordion-item .accordion-header .accordion-button:after {
    width: 33px;
    height: 33px;

}

.a-cc .accordion-item .accordion-header .accordion-button span {
    font-size: 20px;
    font-weight: 500;
    color: #1A1A1A;
}

.a-cc .accordion-item .accordion-body {
    padding: 1.5em 1.5em;
    padding-top: 0;
}

.a-cc .accordion-item .accordion-body .para {
    margin-bottom: 0;
}

.a-cc .accordion-item .accordion-content {
    border: none !important;
}

.a-cc.style-2 .accordion-item {
    margin-bottom: 0;
}

.a-cc.style-2 .accordion-item:not(:last-child) {
    border-bottom: 1px solid #E7E7E7 !important;
}

.a-cc.style-2 .accordion-item .accordion-button,
.a-cc.style-2 .accordion-item .accordion-body {
    padding: 15px 0px !important;
}

.a-cc.style-2 .accordion-item .accordion-button:not(.collapsed):after {
    transform: rotate(180deg);
}

.a-cc.style-2 .accordion-item .accordion-button:after {
    width: 30px !important;
    height: 30px !important;

}

.a-cc.style-2 .accordion-item .accordion-button span {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #2D2D2D !important;
}

.a-cc.style-2 .accordion-item .accordion-body {
    padding-top: 0 !important;
}

.blog-card {
    position: relative;
    display: block;
}

.blog-card .blog-img {
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    border-radius: 16px;
    position: relative;
    margin-bottom: 15px;
}

.blog-card .blog-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.blog-card .blog-det {
    position: relative;
}

.blog-card .blog-det h3 {
    color: #2D2D2D;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
}

.con-form {
    position: relative;
}

.label-text {
    font-size: 16px;
    color: #111111;
    margin-bottom: 5px;
    font-weight: 600;
    display: inline-block;
}

.label-text span {
    color: #FF1515;
}

.form-group {
    position: relative;
    margin-bottom: 25px;
}

.form-group .inp-grp {
    position: relative;
}

.form-group .inp-grp>img {
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 5;
    pointer-events: none;
    transform: translateY(-50%);
}

.form-group .inp-grp input,
.form-group .inp-grp textarea,
.form-group .inp-grp select,
.form-row.notes textarea {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #D6DEE5;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    background: white;
    outline: none;
    box-shadow: none;
    transition: 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.form-group .inp-grp input:focus,
.form-group .inp-grp textarea:focus,
.form-group .inp-grp select:focus {
    box-shadow: 0px 0px 0px 5px rgba(0, 71, 51, 0.25);
    border: 1px solid #004733;
}

.form-group .inp-grp input::-moz-placeholder,
.form-group .inp-grp textarea::-moz-placeholder,
.form-group .inp-grp select::-moz-placeholder {
    color: #B0BCC6;
    opacity: 1;
}

.form-group .inp-grp input::placeholder,
.form-group .inp-grp textarea::placeholder,
.form-group .inp-grp select::placeholder {
    color: #B0BCC6;
    opacity: 1;
}

.form-group .inp-grp .select-wrap {
    position: relative;
}

.form-group .inp-grp .select-wrap select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    color: #232323;
}

.form-group .inp-grp .select-wrap img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    pointer-events: none;
}

.con-honey {
    position: relative;
    padding-top: 92%;
    overflow: hidden;
    border-radius: 24px;
    height: 100%;
}

.con-honey img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.insta-head-wrap {
    position: relative;
    display: flex;
    align-items: center;
    gap: 25px;
}

.insta-head-wrap img {
    width: 45px;
}

.insta-sec {
    overflow: hidden;
}

.insta-img {
    position: relative;
    padding-top: 100%;
    overflow: hidden;
    border-radius: 24px;
}

.insta-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.main-footer {
    position: relative;
    background: var(--light-yellow);
    overflow: hidden;
    padding: 1.8em 0px;
    padding-bottom: 0;
}

.main-footer .container {
    position: relative;
    z-index: 5;
}

.main-footer>img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    pointer-events: none;
    max-width: 100%;
}

.sub-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2em 0px;
}

.sub-wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to left, rgba(136, 136, 136, 0), #E1E0E0, rgba(136, 136, 136, 0));
}

.sub-wrap h3 {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 5px;
}

.sub-wrap p {
    margin-bottom: 0;
}

.sub-inp-wrap {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.sub-inp-wrap input:focus {
    background: transparent;
    color: #000;
}

.sub-inp-wrap button:hover {
    box-shadow: 5px 5px 0px 0px #eaeaea;
}

.sub-inp-wrap button:active {
    box-shadow: inset 5px 5px 0px 0px #685521;
}

.sub-inp-wrap .form-group {
    margin-bottom: 0;
    flex: 1 1 auto;
}

.ft-logo {
    position: relative;
    display: block;
}

.ft-logo img {
    width: 100%;
}

.ft-list {
    position: relative;
}

.ft-list li:first-child a {
    padding-top: 0;
}

.ft-list li a {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    color: white;
    padding: 12px 0px;
    transition: 0.2s ease-in-out;
}

.ft-list li a:hover {
    color: var(--yellow);
}

.ft-head {
    font-weight: 600;
    font-size: 16px;
    color: white;
    margin-bottom: 20px;
}

.ft-btm {
    position: relative;
    padding: 2em 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ft-btm .copy-text {
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 0;
}

.ft-btm .copy-text span {
    color: #888888;
}

.ft-btm p {
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #888888;
}

.ft-btm p a {
    color: var(--green) !important;
    font-weight: 700;
}

.ft-list {
    display: flex;
    align-items: center;
    gap: 25px;
}

.ft-list li a {
    font-size: 14px;
    color: #888888;
    padding: 0;
    font-weight: 400;
}

.row-gap-25 {
    row-gap: 25px;
}

.abt-ic-wrap {
    position: relative;
}

.abt-ic-wrap img {
    margin: 0 auto;
    display: block;
    width: 100px;
    margin-bottom: 20px;
}

.abt-ic-wrap .det {
    text-align: center;
}

.abt-ic-wrap .det h3 {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 15px;
    color: #231F20;
}

.ab-grid-sec {
    position: relative;
}

.ab-grid-sec>img {
    max-width: 100%;
    position: absolute;
    bottom: 0;
    right: 0px;
}

.ab-grid-sec .container {
    position: relative;
    z-index: 5;
}

.ab-grid-wrap {
    background: var(--sunglow);
    overflow: hidden;
    border-radius: 24px;
}

.ab-grid-wrap .ab-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

@media (min-width: 767px) {
    .ab-grid-wrap .ab-grid:nth-child(2) .l-part {
        grid-column: 2/3;
        grid-row: 1;
    }

    .ab-grid-wrap .ab-grid:nth-child(2) .r-part {
        grid-column: 1/2;
        grid-row: 1;
    }
}

.ab-grid-wrap .ab-grid .l-part .ab-grid-img {
    width: 100%;
    position: relative;
    padding-top: 100%;
}

.ab-grid-wrap .ab-grid .l-part .ab-grid-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.ab-grid-wrap .ab-grid .r-part {
    padding: 3em 5em;
}

.ab-grid-wrap .ab-grid .r-part h3 {
    margin-bottom: 25px;
}

.single-bee-anim-wrap {
    width: 150px;
}

.single-bee-anim-wrap img {
    width: 100%;
}

.blog-img {
    overflow: hidden;
    border-radius: 24px;
    position: relative;
    padding-top: 100%;
}

.blog-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.blog-inner-img {
    overflow: hidden;
    border-radius: 24px;
    position: relative;
    padding-top: 50%;
    width: 100%;
}

.blog-inner-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.blogs-header {
    padding-top: 3em;
    background: transparent;
    padding-bottom: 0;
    z-index: 6;
    position: relative;
}

.blogs-header>img {
    z-index: 3;
}

.blogs-header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 89%;
    background: var(--light-yellow);
    z-index: 2;
}

.blog-li-sec {
    margin-top: -90px;
    padding-top: 12em;
}

.point-list {
    position: relative;
    padding-left: 20px !important;
}

.point-list li {
    padding: 0.5em 0px;
    list-style: disc !important;
}

.bl-more-det {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 3em;
}

.bl-auth {
    position: relative;
    display: flex;
    gap: 12px;
    align-items: center;
}

.bl-auth img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.bl-auth h4 {
    color: #1A1A1A;
    font-size: 16px;
    margin-bottom: 5px;
}

.bl-auth p {
    margin-bottom: 0;
    font-size: 14px;
}

.bl-auth>div>div {
    display: flex;
    align-items: center;
    gap: 0px;
}

.bl-auth>div>div img {
    width: 16px;
    height: 16px;
}

.bl-auth span {
    font-size: 13px;
    color: #434459;
}

.share-container span {
    font-size: 13px;
    color: #434459;
    display: block;
    margin-bottom: 7px;
}

.share-list {
    display: flex;
    align-items: center;
    gap: 20px;
}

.share-list button {
    background: transparent;
    outline: none;
    border: none;
    box-shadow: none;
}

.filter-bar {
    margin-bottom: 2em;
}

.filter-bar>span {
    font-size: 14px;
    font-weight: 500;
    color: #1A1A1A;
    display: inline-block;
    margin-bottom: 10px;
}

.filter-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.filter-container .l-part,
.filter-container .r-part {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    gap: 15px;
}

.filter-container .form-group {
    flex: 1 1 auto;
    margin-bottom: 0;
}

.filter-container .select-wrap select {
    padding-right: 50px;
    color: #1A1A1A !important;
    font-weight: 500;
}

.pr-swiper>button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    outline: none;
    z-index: 5;
}

.pr-swiper>button.pr-prev {
    left: 1em;
}

.pr-swiper>button.pr-next {
    right: 1em;
}

.pr-img {
    position: relative;
    padding-top: 70%;
    overflow: hidden;
}

.pr-img .like-btn {
    position: absolute;
    background: transparent;
    border: none;
    outline: none;
    top: 1em;
    right: 1em;
    width: 25px;
    height: 25px;
    z-index: 5;
}

.pr-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.v-product-container {
    position: relative;
}

.thumb {
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.pr-inner-con .price {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pr-inner-con .price h5 {
    font-weight: 600;
    font-size: 32px;
    color: #2D2D2D;
    margin-bottom: 0;
    font-weight: 600;
}

.pr-inner-con .price p {
    margin-bottom: 0;
    font-size: 1px;
    font-weight: 600;
    font-size: 24px;
    color: #B0B0B0;
    text-decoration: line-through !important;
}

.sm-head {
    font-weight: 600;
    font-size: 20px;
    color: #111;
}

.sm-head.sm {
    font-size: 16px;
}

.wght-container {
    display: flex;
    align-items: center;
    gap: 12px;
}

.wght-wrapper {
    position: relative;
}

.wght-wrapper label {
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    padding: 5px 12px;
    background: #FBFBFB;
    cursor: pointer;
}

.wght-wrapper label span {
    font-size: 14px;
    font-weight: 500;
    color: #2D2D2D;
}

.wght-wrapper input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.wght-wrapper input:checked~label {
    border-color: #F1C34A;
    background: #FEF9EC;
}

.sm-text {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    color: #111;
}

.page-header {
    position: relative;
    padding: 1em 0px;
    padding-top: 2em;
    border-bottom: 1px solid #EEECF2;
}

.page-header .breadcrumbs-list {
    padding: 0;
    margin-bottom: 1em !important;
}

.cart-card {
    position: relative;
    display: grid;
    grid-template-columns: 170px 1fr;
    gap: 25px;
    padding: 1.2em 0px;
}

.cart-card .cart-img {
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    border-radius: 12px;
    position: relative;
    align-self: flex-start;
}

.cart-card .cart-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.cart-card .cart-det {
    position: relative;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.cart-card .cart-det .cart-det-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    flex: 1 1 auto;
}

.cart-card .cart-det h3 {
    color: #131416;
    font-weight: 500;
    font-size: 20px;
}

.cart-card .cart-det .sm-head {
    font-size: 14px;
    font-weight: 400;
    color: #111111;
}

.cart-card .cart-det h4.price,
.cart-card .cart-det h4.price span,
.cart-card .cart-det h4.price bdi {
    color: var(--green);
    font-size: 24px;
    font-weight: 700;
    margin-top: 0.75em;
}

.cart-card .cart-det p {
    font-size: 16px;
    font-weight: 500;
    color: #2D2D2D;
}

.cart-card .cart-det span {
    font-size: 14px;
    font-weight: 500;
    color: #2D2D2D;
}

.cart-card .pri {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
}

.cart-card .pri h3 {
    font-size: 20px;
    margin-bottom: 2em;
    font-weight: 600;
    color: #2D2D2D;
}

.cart-card .pri .rem-btn {
    text-decoration: none !important;
    background: transparent;
    outline: none;
    border: none;
    box-shadow: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

.cart-card .pri .rem-btn span {
    color: #FF0000;
    font-weight: 600;
    font-size: 14px;
}

.cart-card.style-2 {
    align-items: center;
    background: #FBFBFB;
    padding: 2em;
    margin-bottom: 25px;
    border: none !important;
}

.cart-card.style-2 h4 {
    font-size: 20px;
}

.cart-card.style-2 span {
    color: #4F4F4F;
    font-size: 14px;
}

.cart-card.style-2 h3 {
    color: #2D2D2D;
    font-size: 20px;
}

.cart-card.style-2 p {
    font-size: 14px;
    color: #4F4F4F;
}

.cart-card.style-2 .pri {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
}

.cart-card.style-2 .pri h3 {
    margin-bottom: 0;
    color: #2D2D2D;
}

.cart-list {
    position: relative;
}

.cart-list li:not(:last-child) {
    border-bottom: 1px solid #E7E7E7;
}

.yel-card {
    border-left: 1px solid #D0D5DD;
    background-color: rgba(0, 120, 72, 0.05);
    overflow: unset;
    padding: 2em;
    height: 100%;
    position: relative;
}

.yel-card:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 350%;
    background: rgba(0, 120, 72, 0.05);
    transform: translateX(100%);
}

.yel-card h3 {
    font-size: 20px;
    color: #2D2D2D;
    font-weight: 600;
}

.yel-card .breakdown-list {
    margin-top: 1.1em;
}

.yel-card .breakdown-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    padding: 0.6em 0px;
}

.yel-card .breakdown-list li span {
    font-size: 16px;
    font-weight: 500;
    color: #2D2D2D;
}

.yel-card .breakdown-list li span:last-child {
    font-weight: 600;
}

.yel-card .breakdown-list li:last-child {
    border-top: 1px solid #E7E7E7;
    margin-top: 1em;
    padding: 1em 0px;
    margin-bottom: 0.7em;
}

.yel-card .breakdown-list li:last-child span {
    color: #2D2D2D;
}

.yel-card .breakdown-list li:last-child span:first-child {
    font-size: 16px;
    font-weight: 600;
}

.yel-card .breakdown-list li:last-child span:last-child {
    font-size: 24px;
    font-weight: 600;
}

.login-card {
    gap: 24px;
    padding: 48px 50px;
    outline: solid 1px #e7e7e7;
    outline-offset: -1px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 6px 24px 0px rgba(10, 9, 12, 0.0509803922);
}

.cus-check {
    position: relative;
}

.cus-check input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    pointer-events: none;
}

.cus-check input:checked~label:before {
    opacity: 1;
}

.cus-check label {
    font-size: 16px;
    color: #2D2D2D;
    font-weight: 400;
    padding-left: 25px;
    cursor: pointer;
    cursor: pointer;
}

.cus-check label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 5px;
    border: 1px solid #E7E7E7;
}

.cus-check label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 5px;
    opacity: 0;
    z-index: 5;
}

.forgot-link {
    position: relative;
    font-size: 16px;
    color: #2D2D2D;
}

.ot-text {
    margin-bottom: 0;
    font-weight: 400;
    color: #4F4F4F;
}

.ot-text a {
    color: #CD6E12;
    font-weight: 600;
}

.login-sec {
    padding: 3.5em 0px;
}

.phone-inp {
    position: relative;
}

.phone-inp input {
    padding-left: 4em !important;
}

.phone-inp .select-wrap {
    position: absolute !important;
    left: 0;
    top: 0;
    border-right: 1px solid #E7E7E7 !important;
}

.phone-inp .select-wrap select {
    padding-right: 35px;
    border-radius: 0px !important;
    border: 8px 0px 0px 8px !important;
    background: transparent !important;
    color: black !important;
}

.phone-inp .select-wrap img {
    right: 10px !important;
    opacity: 0.65 !important;
}

.a-cc.pay-acc .accordion-item {
    border-radius: 5px !important;
    border: 1px solid #E7E7E7 !important;
}

.a-cc.pay-acc .accordion-button {
    padding: 20px 20px !important;
    position: relative;
}

.a-cc.pay-acc .accordion-button:after {
    display: none !important;
}

.a-cc.pay-acc .accordion-button input {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
}

.a-cc.pay-acc .accordion-button input:checked~label::before {
    opacity: 1;
}

.a-cc.pay-acc .accordion-button input:checked~label::after {
    border: 2px solid var(--green);
}

.a-cc.pay-acc .accordion-button label {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 30px;
}

.a-cc.pay-acc .accordion-button label:after {
    content: "";
    position: absolute;
    left: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #4F4F4F;
}

.a-cc.pay-acc .accordion-button label:before {
    content: "";
    position: absolute;
    left: 20px;
    width: 20px;
    height: 20px;
    transform: scale(0.5);
    border-radius: 50%;
    background: var(--green);
    opacity: 0;
}

.a-cc.pay-acc .accordion-button label span {
    font-weight: 600;
    color: #0A090C;
    font-size: 16px !important;
}

.a-cc.pay-acc .accordion-body {
    padding: 20px 45px;
    padding-top: 0;
}

.thank-wrap {
    position: relative;
}

.thank-wrap>img {
    display: block;
    margin: 0 auto;
}

.user-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.user-container .user-action {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.user-container .user-profile {
    position: relative;
    display: grid;
    grid-template-columns: 75px 1fr;
    gap: 15px;
    align-items: center;
}

.user-container .user-profile .user-img {
    width: 100%;
    padding-top: 100%;
    position: relative;
    align-self: flex-start;
    overflow: hidden;
    background: #FEF9EC;
    border-radius: 50%;
}

.user-container .user-profile .user-img span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    text-transform: uppercase;
    font-size: 24px;
    color: #CD6E12;
    font-weight: 500;
}

.user-container .user-profile .user-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.user-container .user-profile .user-det h3 {
    font-weight: 600;
    margin-bottom: 0px;
}

.user-container .user-profile .user-det p {
    margin-bottom: 0;
    color: #4F4F4F;
    font-size: 14px;
}

.cc-tabs {
    display: flex;
    align-items: center;
    gap: 12px;
    border: none !important;
    margin-bottom: 1.2em;
    margin-top: 2em;
}

.cc-tabs button {
    padding: 12px 20px;
    border-radius: 8px !important;
    border: 1px solid #1A1A1A !important;
    color: #1a1a1a !important;
    outline: none !important;
    box-shadow: none !important;
    font-weight: 600;
}

.cc-tabs button.active {
    background: var(--yellow) !important;
}

.pr-like-btn {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    z-index: 5;
    width: 45px;
    background: transparent;
    outline: none;
    border: none;
    box-shadow: none;
    height: 45px;
}

.pr-like-btn img {
    width: 100%;
    height: 100%;
}

.sv-ad {
    margin-bottom: 25px;
}

.sv-ad .btn-grp {
    display: flex;
    align-items: center;
    gap: 20px;
}

.sv-ad input {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
}

.sv-ad input:checked~label::before {
    opacity: 1;
}

.sv-ad input:checked~label::after {
    border: 2px solid #CD6E12;
}

.sv-ad label {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    padding: 30px;
    padding-left: 75px;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid #E7E7E7;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.sv-ad label h3 {
    font-size: 20px;
    color: #2D2D2D;
}

.sv-ad label p {
    font-size: 14px;
    color: #4F4F4F;
}

.sv-ad label span {
    font-weight: 500;
    font-weight: 16px;
}

.sv-ad label:after {
    content: "";
    position: absolute;
    left: 30px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #4F4F4F;
}

.sv-ad label:before {
    content: "";
    position: absolute;
    left: 30px;
    width: 20px;
    height: 20px;
    transform: scale(0.5);
    border-radius: 50%;
    background: #CD6E12;
    opacity: 0;
}

.sv-ad label span {
    font-weight: 600;
    color: #0A090C;
    font-size: 16px !important;
}

.mob-element {
    display: none;
}

.mc4wp-alert.mc4wp-success {
    padding: 0.5em 1em;
    border-radius: 8px;
    border: 1px solid #007848;
    margin-top: 0.5em;
}

.mc4wp-alert.mc4wp-success p {
    font-size: 14px;
    text-align: center;
    color: #007848;
}

.mc4wp-alert.mc4wp-error {
    padding: 0.5em 1em;
    border-radius: 8px;
    border: 1px solid #d19b0c;
    margin-top: 0.5em;
}

.mc4wp-alert.mc4wp-error p {
    font-size: 14px;
    text-align: center;
    color: #d19b0c;
}

.center-bee {
    margin: 0 auto;
    margin-bottom: 15px;
}

.terms-header {
    position: relative;
    background: #FEF9EC !important;
    padding: 6em 0px;
}

.terms-header>img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.terms-header .container {
    position: relative;
    z-index: 5;
}

.terms-header h1 {
    color: #2D2D2D;
    font-size: 72px;
    text-align: center;
    margin-bottom: 0px;
    font-weight: 600;
}

.term-sec {
    overflow: hidden;
    position: relative;
}

.sc-link-tabs {
    background: #FBFBFB;
    position: relative;
    padding: 5em 0px;
    height: 100%;
}

.sc-link-tabs:after {
    content: "";
    left: 0;
    width: 500%;
    position: absolute;
    background: #fbfbfb;
    top: 0;
    height: 100%;
    transform: translateX(-100%);
}

.sc-link-tabs li:not(:last-child) {
    margin-bottom: 15px;
}

.sc-link-tabs li button {
    display: inline-block;
    padding: 15px 20px;
    border-radius: 8px;
    font-size: 16px;
    color: #2D2D2D;
    font-weight: 600;
    background: transparent;
    outline: none;
    border: none;
    box-shadow: none;
}

.sc-link-tabs li button.active {
    background: #FEF9EC;
    color: #CD6E12;
}

.term-con-container {
    padding: 5em 0px;
}

.term-con-area {
    padding: 1.5em 0px;
}

.term-con-area h3 {
    margin-bottom: 25px;
    font-size: 24px;
    color: #2D2D2D;
}

input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}

@supports (-ms-ime-align: auto) {
    input[type=number] {
        display: none;
    }
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}

.float:hover {
    color: white;
}

.my-float {
    margin-top: 16px;
}

.text-with-shadow {
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
}

.count-wrap2 h3 {
    color: white;
    font-size: 54px;
    font-weight: 700;
}

.count-wrap2 p {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 16px;
    color: white;
}

.banner-inner {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 3em;
    padding-top: 100px;
}

.main-header.style-2 .banner-inner {
    max-height: 600px;
    min-height: 400px;
    height: 100vh;
}

.style-2 .banner-inner .banner-con {
    margin-bottom: 2em;
}

.banner-inner .banner-con {
    margin-bottom: 5em;
}

.banner-inner .banner-con h1 {
    font-size: 100px;
    font-weight: 700;
    margin-bottom: 20px;
    color: white;
    line-height: 100%;
}

.sub-head-1 {
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-weight: 700;
    font-size: 24px;
    color: var(--green);
}

.sub-head {
    color: var(--green);
    font-size: 16px;
    font-weight: 700;
}

.ab-im {
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}

.ab-im img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.ab-swiper {
    padding-bottom: 35px;
}

.ab-swiper .swiper-pagination {
    bottom: 0 !important;
}

.swiper-pagination span {
    width: 12px;
    height: 12px;
    background: #E7DAE2 !important;
    opacity: 1 !important;
}

.swiper-pagination span.swiper-pagination-bullet-active {
    background: var(--green) !important;
}

.icc-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.icc-container .icc-wrap {
    padding: 2em 1.5em;
    position: relative;
    height: 100%;
    border: 1px solid transparent;
}

.icc-container .icc-wrap:nth-child(1) {
    border-right-color: #E1E0E0;
}

.icc-container .icc-wrap:nth-child(2) {
    border-bottom-color: #E1E0E0;
}

.icc-container .icc-wrap:nth-child(3) {
    border-top-color: #E1E0E0;
}

.icc-container .icc-wrap:nth-child(4) {
    border-left-color: #E1E0E0;
}

.icc-container .icc-wrap img {
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}

.icc-container .icc-wrap h3 {
    color: #111;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

.icc-container .icc-wrap p.para {
    text-align: center;
    margin-bottom: 0;
}

.g-sec {
    position: relative;
}

.g-sec>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.g-sec .container {
    position: relative;
    z-index: 5;
}

.g-sec:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 71, 51, 0) 0%, #004733 80%);
}

.g-sec .sec-head {
    margin: 4em 0px;
    margin-bottom: 1.5em;
}

.white {
    color: #fff;
}

.h-wrap {
    position: relative;
    background: #D6FFEF;
    border: 1px solid var(--green);
    padding: 5em 4em;
    text-align: center;
    height: 100%;
}

.h-wrap h4 {
    font-weight: 700;
    color: var(--green);
    font-size: 16px;
    margin-bottom: 20px;
}

.h-wrap h3 {
    font-weight: 700;
    font-size: 24px;
    color: var(--green);
    margin-bottom: 0;
    line-height: 120%;
}

.green-bg {
    background: #004733;
}

.con-fl-wrap {
    background: var(--light-yellow);
    padding: 3em;
    height: 100%;
}

.con-fl-wrap .quote {
    margin-bottom: 20px;
    margin-top: 20px;
}

.con-fl-wrap .para.big {
    font-weight: 400;
    font-size: 20px;
    color: #111111;
    margin-bottom: 20px;
}

.con-fl-wrap .flags {
    width: 100%;
}

.ft-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 2em 0px;
}

.ft-top:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to left, rgba(136, 136, 136, 0), #E1E0E0, rgba(136, 136, 136, 0));
}

.ft-top .l-part .ft-logo {
    width: 100px;
    margin-bottom: 5px;
}

.ft-top .l-part .ft-logo img {
    width: 100%;
}

.ft-top .l-part a {
    color: #111;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin-top: 5px;
}

.ft-top .r-part p {
    margin-bottom: 0;
    font-size: 12px;
    color: #111111;
}

.tagline {
    color: #888888;
    font-size: 12px;
    margin-bottom: 0;
}

div[data-shortcode=checkout] {
    padding-top: 0 !important;
}

.page-top-part {
    margin-top: 100px;
}

.pr-inner-main {
    width: 95%;
    background: var(--light-yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 85%;
    position: relative;
}

.pr-inner-main img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85%;
    height: 85%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transform: translate(-50%, -50%);
}

.breadcrumbs-list {
    display: flex;
    align-items: center;
}

.breadcrumbs-list li {
    position: relative;
}

.breadcrumbs-list {
    position: relative;
    display: flex;
    align-items: center;
    padding: 1.5em 0px;
}

.breadcrumbs-list li:last-child a {
    opacity: 0.5;
}

.breadcrumbs-list li:last-child a:after {
    display: none;
}

.breadcrumbs-list li a {
    display: flex;
    align-items: center;
    position: relative;
    color: #111111;
    font-size: 14px;
    font-weight: 500;
}

.breadcrumbs-list li a:after {
    content: "";
    font-size: 14px;
    color: #111111;
    margin-left: 10px;
    margin-right: 10px;
    width: 20px;
    display: inline-block;
    height: 20px;
}

.add-to-cart-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.add-to-cart-wrap .main-btn {
    flex: 1 1 auto;
    max-width: 100%;
}

table.variations,
form.cart .quantity,
.product_meta,
.edit-link,
.woocommerce-variation-price .price {
    display: none !important;
}

.rd-container,
.wcsatt-options-prompt-radios {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.rd-container .rd-wrap {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
}

.rd-container .rd-wrap:nth-child(1),
.rd-container .rd-wrap:nth-child(2) {
    width: auto;
}

ul.wcsatt-options-prompt-radios li {
    width: fit-content;
}

.rd-container .rd-wrap input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.rd-container .rd-wrap input:checked~label {
    background: rgba(0, 120, 72, 0.08);
    border-color: var(--green);
}

.rd-container .rd-wrap input:checked~label span {
    color: var(--green) !important;
}

.rd-container .rd-wrap input:checked~label:after {
    border-color: var(--green);
}

.rd-container .rd-wrap input:checked~label:before {
    opacity: 1;
}

.rd-container .rd-wrap label {
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    position: relative;
    padding: 12px 20px;
    padding-left: 45px;
    width: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: 0.2s ease-in-out;
}

.rd-container .rd-wrap label:after {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #111111;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    transition: 0.2s ease-in-out;
}

.rd-container .rd-wrap label:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%) scale(0.5);
    border-radius: 50%;
    background: var(--green);
    width: 20px;
    height: 20px;
    opacity: 0;
    transition: 0.2s ease-in-out;
    z-index: 5;
}

.rd-container .rd-wrap label span {
    font-weight: 400;
    font-size: 16px;
    color: #111111;
}


ul.wcsatt-options-prompt-radios {
    padding: 8px 0;
}

/* Label like a card */
.wcsatt-options-prompt-action {
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    position: relative;
    padding: 12px 20px;
    padding-left: 45px !important;
    width: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: 0.2s ease-in-out;
    font-weight: 400;
    font-size: 16px;
    color: #111111;
    display: inline-block
}

/* Hide native radio */
.wcsatt-options-prompt-action-input {
    display: none;
}

/* Custom circle */
.wcsatt-options-prompt-action::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%) scale(0.5);
    border-radius: 50%;
    background: var(--green);
    width: 20px;
    height: 20px;
    opacity: 0;
    transition: 0.2s ease-in-out;
    z-index: 5;
}

.wcsatt-options-prompt-action::after {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #111111;
    border-top-color: rgb(17, 17, 17);
    border-right-color: rgb(17, 17, 17);
    border-bottom-color: rgb(17, 17, 17);
    border-left-color: rgb(17, 17, 17);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    transition: 0.2s ease-in-out;
}

/* Checked state – highlight circle + label */
.wcsatt-options-prompt-action-input:checked+.wcsatt-options-prompt-action {
    background: rgba(0, 120, 72, 0.08);
    border-color: var(--green);
    color: var(--green);
}

.wcsatt-options-prompt-action-input:checked+.wcsatt-options-prompt-action::before {
    opacity: 1;
}

.wcsatt-options-prompt-action-input:checked+.wcsatt-options-prompt-action::after {
    border-color: var(--green);
}

.wcsatt-options-product-dropdown-label {
    font-size: 0
}

.wcsatt-options-product-dropdown-label::before {
    content: "Frequency: ";
    font-size: 16px;
    width: 100%;
    display: inline-block;
    margin-bottom: 8px
}

.woocommerce-variation-add-to-cart {
    display: flex;
    gap: 16px;
}

.button.main-btn.with-arrow {
    max-width: none;
    flex: 1
}

.wcsatt-options-product-dropdown {
    width: 100%;
    padding: 12px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    text-transform: capitalize;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0142 16.8505C12.1947 16.8505 12.3627 16.8218 12.5182 16.7641C12.6738 16.7066 12.8216 16.6076 12.9618 16.4676L19.6923 9.73686C19.8998 9.52959 20.0058 9.26886 20.0106 8.95496C20.0155 8.64108 19.9093 8.37564 19.6923 8.15868C19.4755 7.94174 19.2124 7.83325 18.9032 7.83325C18.5941 7.83325 18.3312 7.94174 18.1142 8.15868L12.0142 14.2586L5.91435 8.15868C5.70708 7.95134 5.44635 7.84526 5.13245 7.84044C4.81855 7.83565 4.55318 7.94174 4.33617 8.15868C4.11917 8.37564 4.01074 8.63868 4.01074 8.94777C4.01074 9.25688 4.11917 9.52001 4.33617 9.73686L11.0667 16.4676C11.2069 16.6076 11.3547 16.7066 11.5103 16.7641C11.6657 16.8218 11.8338 16.8505 12.0142 16.8505Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat right 0.75rem center;
    background-size: 16px;
}

.variations_form.cart {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.variations_form.cart.loaded {
    opacity: 1;
}

.variations-loading {
    position: relative;
    min-height: 100px;
}

.variations-loading::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 10;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.variations-loading-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 30px;
    color: #666;
    font-size: 14px;
    z-index: 10;
}




.inner-product-con .price {
    color: var(--green);
    font-size: 32px;
    font-weight: 700;
    margin-top: 0.5em;
    margin-bottom: 1.5em;
}

.prd-card {
    display: grid;
    grid-template-columns: 65px 1fr;
    gap: 15px;
    padding: 1.5em 0px;
    border-bottom: 1px solid rgba(0, 71, 51, 0.2);
}

.prd-card:first-child {
    padding-top: 0;
}

.prd-card .prd-det {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.prd-card .prd-det .price {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
    color: #111;
}

.prd-card .prd-img {
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}

.prd-card .prd-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.prd-card h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    color: #0A090C;
}

.prd-card p {
    margin-bottom: 0;
    font-size: 16px;
    color: #0A090C;
    margin-top: 5px;
}

.vouncher-container {
    padding: 1.3em 0px;
}

.vo-wrap {
    position: relative;
}

.vo-wrap input {
    width: 100%;
    padding: 12px 15px;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    outline: none;
}

.vo-wrap button {
    background: transparent;
    outline: none;
    border: none;
    color: var(--green);
    font-weight: 600;
    font-size: 14px;
    box-shadow: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}

.pespal-wrap {
    position: relative;
    width: 100%;
    padding: 1em;
    padding-top: 1.5em;
    border-radius: 12px;
    border: 1px solid #D0D5DD;
}

.pespal-wrap p {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: white;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 0px 10px;
    text-align: center;
    margin-bottom: 0;
    font-size: 16px;
    color: #888888;
    font-weight: 500;
}

.pespal-wrap button {
    width: 100%;
    background: #1B68A0;
    border-radius: 8px;
    border: none;
    box-shadow: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
}

.pespal-wrap button img {
    width: 100px;
}

.cart-sec {
    overflow: hidden;
}

.or-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em 0px;
}

.or-wrap:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.9px;
    background: #D0D5DD;
}

.or-wrap span {
    font-size: 16px;
    font-weight: 500;
    color: #888888;
    background: white;
    position: relative;
    padding: 0px 10px;
    z-index: 5;
}

hr {
    background: #D0D5DD !important;
}

.ed-card {
    position: relative;
    border: 1px solid #D0D5DD;
    border-radius: 12px;
    padding: 1em;
    padding-top: 0;
}

.ed-card .ed-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
    padding: 1em 0px;
    border-bottom: 1px solid #D0D5DD;
}

.ed-card .ed-header h3 {
    font-size: 20px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 0;
}

.ed-card .ed-body {
    padding: 1em 0px;
    padding-bottom: 0;
}

.info-list {
    position: relative;
}

.info-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.7em 0px;
}

.info-list li span {
    font-size: 16px;
    color: #111;
}

.info-list li span:first-child {
    font-weight: 500;
}

.info-list li span:last-child {
    font-weight: 600;
    font-size: 16px;
}

ol {
    padding-left: 15px;
}

ol li {
    padding: 0.3em 0px;
    list-style: numbers !important;
    color: #111111;
}

.green-text {
    color: var(--green);
}

.fw-700 {
    font-weight: 700;
}

.cus-radio {
    position: relative;
}

.cus-radio input {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
}

.cus-radio input:checked~label::before {
    opacity: 1;
}

.cus-radio input:checked~label::after {
    border: 2px solid var(--green);
}

.cus-radio label {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

.cus-radio label:after {
    content: "";
    position: absolute;
    left: 0px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #4F4F4F;
}

.cus-radio label:before {
    content: "";
    position: absolute;
    left: 0px;
    width: 20px;
    height: 20px;
    transform: scale(0.5);
    border-radius: 50%;
    background: var(--green);
    opacity: 0;
}

.cus-radio label span {
    font-weight: 600;
    color: #0A090C;
    font-size: 16px !important;
}

.cus-radio-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.or-rc-container {
    background: #F8F8F8;
    padding: 0.5em 2em;
}

.or-rc-container .or-rc {
    padding: 1.5em 0px;
    border-bottom: 1px solid #D0D5DD;
}

.or-rc-container .or-rc:last-child {
    border-bottom: 0px;
}

.or-rc-container .or-rc p {
    font-weight: 500;
    color: #888888;
    margin-bottom: 0;
}

.or-rc-container .or-rc h2 {
    font-size: 24px;
    color: #111;
    font-weight: 500;
}

.nt-wrap {
    position: relative;
    padding-bottom: 5em;
}

.nt-wrap>img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.n-con {
    margin-top: -50px;
}

.inner-page-head {
    position: relative;
    background: #F2F8F6;
    padding: 5em 0px;
}

.con-form p {
    margin: 0;
    position: relative;
}

#order_review {
    float: none !important;
    width: 100% !important;
    background: transparent !important;
}

.woocommerce-notices-wrapper {
    display: none;
}

/*
header.entry-header{
  display: none;
}*/
.entry-content .woocommerce[data-shortcode=checkout] {
    /* padding: 3em 0px; */
    margin: 0 auto;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: rgb(0 120 72 / 50%);
    background: rgb(0 120 72 / 10%);
    color: rgb(0, 120, 72);
    text-align: center;
    padding: 12px;
    border-radius: 12px;
}

.wpcf7-spinner {
    background-color: #007848;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.show-more-container {
    display: none;
}

label.error {
    color: red;
    font-size: 14px;
    font-weight: 500;
}

.at-list li a {
    position: relative;
}

.at-list li a span {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(50%);
    background: var(--green);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border-radius: 50%;
    color: white;
    font-weight: 700;
}

.wpcf7 form .wpcf7-response-output {
    margin: 1em 0.5em 1em;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: rgb(255 185 0 / 40%);
    background: rgb(255 185 0 / 10%);
    color: #d19b0c;
    padding: 12px;
    border-radius: 8px;
}

.woocommerce-error {
    padding-left: 36px !important;
}

.woocommerce-error:before {
    left: 12px !important;
}

.cus-check.terms-check-cus label:before,
.cus-check.terms-check-cus label:after {
    top: 0;
    transform: translateY(0);
}

.privacy-policy-page ul li {
    list-style: circle !important;
}

.intl-tel-input .selected-flag {
    height: 53px !important;
}

.stock.out-of-stock {
    color: #fff !important;
    background: #e2401c;
    padding: 8px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-align: center;
    border-radius: 8px;
}

.stock.in-stock {
    color: #fff !important;
    background: #1EAE5A;
    padding: 8px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-align: center;
    display: inline-block;
    border-radius: 8px;
}

.pr-thumb-stock.stock.out-of-stock {
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0px;

}

.stock.out-of-stock::before,
.stock.in-stock::before {
    display: none;
}

ul.order_details.cstm-reciept {
    display: grid;
    margin-top: 150px;
    grid-template-columns: repeat(4, 1fr);
}

.wait-notice {
    padding: 12px;
    margin-top: 12px;
    background: var(--green);
    text-align: center;
    color: #fff;
}

ul.order_details.cstm-reciept li strong {
    font-size: 14px;
}

.form-row label {
    margin-bottom: 8px;
}

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

.address-field .select2-container--default .select2-selection--single {
    height: 53px;
}

.address-field .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 53px;
    padding-left: 12px;
}

.address-field .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 53px;
    right: 12px;
}

.address-field .select2-container--default .select2-selection--single {
    border: 1px solid #D6DEE5;
    border-radius: 8px;
}

.form-group .form-row {
    margin-bottom: 24px;
}

.wc_payment_methods.payment_methods.methods {
    display: none;
}

#order_review .shop_table {
    margin-bottom: 0 !important;
}

#payment .place-order {
    margin-top: 0 !important;
}

.woocommerce-NoticeGroup-checkout {
    display: none;
}

.form-row.woocommerce-invalid input.input-text {
    box-shadow: none !important;
    border-color: red;
}

#payment .place-order {
    padding: 0 !important;
    background: transparent !important;
}

.form-row input[type=checkbox],
.form-row input[type=radio] {
    width: 20px !important;
    height: 20px;
    margin-right: 8px;
}

.form-row .woocommerce-form__label-for-checkbox,
.mc4wp-checkbox-woocommerce label {
    display: flex !important;
    align-items: center;
}

#secondry {
    display: none;
}


ul.order_details.cstm-reciept {
    margin-top: 60px
}


/*# sourceMappingURL=main.css.map */