/* 👉 Global Css */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Urbanist:wght@100;200;300;400;500;600;700;800&display=swap');

:root {
  --prime-green: #5a7e10;
  --prime-yellow: #ffce06;
}

body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    /* font-family: 'Urbanist', sans-serif; */
    font-family: 'Instrument Sans', sans-serif !important;
}
img {
    max-width: 100%
}

/* font-family: 'Poppins', sans-serif; */
/* font-family: 'Roboto', sans-serif; */

ul {
    margin: 0 !important;
    padding: 0 !important;
}

li {
    list-style: none;
}

a {
    text-decoration: none !important;
}

img {
    width: 100%;
}
input:hover, input:active, input:focus{
    outline: none;
    box-shadow: none;
}
.respoBar, .responsiveMenu{
    display: none;
}
.hidden{
   display: none !important;
}
.containerBox {
    padding: 50px 0;
}

.rowFlex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rowFlex_2 {
    width: 15%;
}

.subBanner {
    background-image: url(../images/background/bg-05.webp);
    background-size: cover;
    height: 200px;
    display: flex;
    align-items: center;
}

.subBannerHead {
    font-size: 24px;
    color: #43463f;
    font-weight: 600;
    position: relative;
    text-transform: capitalize;
    display: inline-block;
    font-family: 'Instrument Sans', sans-serif;
    letter-spacing: 1px;
}

.subBannerHead:after {
    position: absolute;
    content: '';
    height: 2px;
    bottom: -4px;
    margin: 0 auto;
    left: 0;
    width: 75px;
    background: var(--prime-green);
}

/* 👉 Fonts  */

.mainHead {
    font-size: 30px;
    color: #343f52;
    margin-bottom: 20px;
    font-weight: 600;
}

.subHead {
    font-size: 12px;
    color: var(--prime-green);
    margin-bottom: 10px;
    position: relative;
    text-transform: uppercase;
    font-weight: 200;
    display: inline-block;
    font-family: 'Instrument Sans', sans-serif;
    letter-spacing: 1px;
}

.subHead:after {
    position: absolute;
    content: '';
    height: 1px;
    bottom: -4px;
    margin: 0 auto;
    left: 0;
    width: 30px;
    background: var(--prime-green);
}

.subHeadCenter {
    font-size: 12px;
    color: var(--prime-green);
    margin-bottom: 10px;
    position: relative;
    text-transform: uppercase;
    font-weight: 200;
    display: inline-block;
    font-family: 'Instrument Sans', sans-serif;
    letter-spacing: 1px;
}

.subHeadCenter:after {
    position: absolute;
    content: '';
    height: 1px;
    bottom: -4px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    background: var(--prime-green);
}

.paragraph {
    font-size: 16px;
    color: #666;
    margin: 0 auto;
    line-height: 30px;
    margin-bottom: 20px;
}

.miniParagraph {
    font-size: 14px;
    color: #666;
    margin: 0 auto;
    line-height: 24px;
    margin-bottom: 20px;
}

.smallParagraph {
    font-size: 14px;
    margin-top: 15px;
    color: #3e3e3e;
    font-weight: 500;
} 

.miniTitle {
    margin: 0;
    font-size: 16px;
    color: #666;
    font-weight: 500;
}

.midText {
    font-weight: 600;
    color: #555;
    font-size: 16px;
}

.semiMidText {
    font-size: 14px;
    font-weight: 600;
    color: #424d92;
    margin-top: 15px;
}

/* 👉 Button  */

.smallBtn {
        font-size: 14px;
    font-weight: 400;
    padding: 10px 15px;
    border-radius: 50px;
    letter-spacing: 1px;
    transition: .3s ease-in-out;
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
 .smallBtn:after {
	 content: '';
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: var(--prime-green);
	 border-radius: 3px;
	 z-index: -2;
}
 .smallBtn:before {
	 content: '';
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 0%;
	 height: 100%;
	 background-color: #46620d;
	 transition: all 0.3s;
	 border-radius: 3px;
	 z-index: -1;
}
 .smallBtn:hover {
	 color: #fff;
}
 .smallBtn:hover:before {
	 width: 100%;
}

/* 👉 Header  */

.header {
    height: 15vh;
        background-color: var(--prime-yellow);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    z-index: 9;
        width: 100%;
}

.logo {
    width: 65%;
    height: 15vh;
    display: flex;
    align-items: center;
}

.logo img {
    width: 100%;
}

.menubar {
    display: flex;
    align-items: center;
    gap: 30px;
    height: 15vh;
}

.menubar li a {
    color: #343f52;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1px;
}

.callHead {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 15vh;
    gap: 10px;
}

.callHead a {
    color: #666;
}

.callHead h5 {
    font-weight: 700;
    color: #666;
    font-size: 15px;
    margin: 0;
}

.callHead h5 span {
    font-weight: 500;
    color: #666;
    display: block;
    font-size: 12px;
}

.callHead i {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    /* padding: 10px; */
    background-color: var(--prime-green);
    color: #fff;
    border-radius: 50px;
}

.rightHead {
    display: flex;
    align-items: center;
    justify-content: end;
    height: 15vh;
    gap: 20px;
}
.rightHead a{
    width: 70%;
}
.headIcon {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .homeTopBanner {
  padding-top: 102px;
}

/* 👉 Carousel */

.homeTopBanner.carousel{
    height: 85vh;
}
.homeTopBanner.carousel .carousel-item img{
    height: 85vh;
}

/* 👉 Two Banner Section */


.duelBannerBox {
    padding: 20px;
}

/* 👉 Welcome Section  */

.welcome {
    background-image: url(../images/background/bg-04.webp);
    background-size: cover;
}

.aboutimg img {
    width: 100%;
}

/* 👉 Why Choose Us Section  */

.whyUs {
    /* background-image: url(../images/background/bg-09.webp);
    background-size: cover; */

}

.whyList {
    margin-top: 50px;
}

.whyBox {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.whyBox p {
    font-size: 14px;
    color: #666;
    margin: 0 auto;
    line-height: 24px;
    margin-bottom: 0px;

}

.whyBox .midIcon i {
    color: var(--prime-green);
    font-size: 20px;
    width: 50px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    background-color: rgb(89 125 14 / 14%);
    border-radius: 3px;
}


/* 👉 Mission Section  */

.miniPoint {
    font-size: 18px;
    color: #343f52;
    margin-bottom: 12px;
    font-weight: 600;
    text-transform: capitalize;
}

.tinyText {
    font-size: 14px;
    color: #777;
    margin: 0 auto;
    line-height: 24px;
    margin-bottom: 0px;
}

.missionSection {
    margin-top: 30px;
}

.missionSection .missionSecBox {
    margin-bottom: 20px;
}

.missionBox {
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    border-radius: 3px;
    padding: 20px;
    border: solid 1px #eee;
    height: 100%;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.missionTopLeftDot {
    position: absolute;
    top: -50px;
    left: -25px;
    width: 100px;
    height: 100px;
    border-radius: 50px;
}

.missionSection .missionSecBox:nth-child(1) .missionTopLeftDot {
    background-color: rgb(173 154 171 / 18%);
}

.missionSection .missionSecBox:nth-child(2) .missionTopLeftDot {
    background-color: rgb(82 133 220 / 18%);
}

.missionSection .missionSecBox:nth-child(3) .missionTopLeftDot {
    background-color: rgb(178 82 220 / 18%);
}

.missionSection .missionSecBox:nth-child(4) .missionTopLeftDot {
    background-color: rgb(82 220 122 / 18%);
}

.missionSection .missionSecBox:nth-child(5) .missionTopLeftDot {
    background-color: rgb(220 127 82 / 18%);
}

.missionSection .missionSecBox:nth-child(6) .missionTopLeftDot {
    background-color: rgb(82 186 220 / 18%);
}

.missionSection .missionSecBox:nth-child(7) .missionTopLeftDot {
    background-color: rgb(220 82 135 / 18%);
}

.missionSection .missionSecBox:nth-child(8) .missionTopLeftDot {
    background-color: rgb(195 220 82 / 18%);
}

.missionBottomRightDot {
    position: absolute;
    bottom: -50px;
    right: -25px;
    /* background-color: rgb(154 161 173 / 18%); */
    width: 100px;
    height: 100px;
    border-radius: 50px;
}

.missionSection .missionSecBox:nth-child(1) .missionBottomRightDot {
    background-color: rgb(173 154 171 / 18%);
}

.missionSection .missionSecBox:nth-child(2) .missionBottomRightDot {
    background-color: rgb(82 133 220 / 18%);
}

.missionSection .missionSecBox:nth-child(3) .missionBottomRightDot {
    background-color: rgb(178 82 220 / 18%);
}

.missionSection .missionSecBox:nth-child(4) .missionBottomRightDot {
    background-color: rgb(82 220 122 / 18%);
}

.missionSection .missionSecBox:nth-child(5) .missionBottomRightDot {
    background-color: rgb(220 127 82 / 18%);
}

.missionSection .missionSecBox:nth-child(6) .missionBottomRightDot {
    background-color: rgb(82 186 220 / 18%);
}

.missionSection .missionSecBox:nth-child(7) .missionBottomRightDot {
    background-color: rgb(220 82 135 / 18%);
}

.missionSection .missionSecBox:nth-child(8) .missionBottomRightDot {
    background-color: rgb(195 220 82 / 18%);
}

/* 👉 Download App */

.playstore_image {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
}
.playstore_image img {
    width: 100%;
    transform: skew(0.96turn, 360deg);
}
.top_orange_circle {
    position: absolute;
    top: 20px;
    left: 20px;
    /* transform: translate(-50%, -50%); */
    width: 80px;
    height: 80px;
    background-color: #f8adad;
    border-radius: 50%;
}
.center_milky_circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 320px;
    height: 320px;
    background-color: #eae5e5;
    border-radius: 50%;
    z-index: -1;
}
.bottom_purple_circle {
    position: absolute;
    bottom: 0;
    right: 0;
    /* transform: translate(-50%, -50%); */
    width: 100px;
    height: 100px;
    background-color: #e7a2f3;
    border-radius: 50%;
}
.playstore_button {
    height: 70px;
        margin-top: 20px;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 10px 25px 10px 10px;
    border-radius: 50px;
    transition: .3s ease-in-out;
    font-size: 20px;
    font-weight: 500;
    background-color: #4868ea;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.playstore_button img{
    width: 50px;
}
.playstore_button:hover{
color: #4868ea;
    background-color: #fff;
    transform: scale(0.95);
    
}
.playstore_img img{
    width: 200px;
}  

/* 👉 Gallery Section  */

.homeGallery {
    text-align: center;
    background-image: url(../images/background/bg-04.webp);
    background-size: cover;
}

.gallery {
    margin-top: 50px;
}

.galleryBox {
    width: 100%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin-bottom: 20px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.gallery_inner {
    transition: .3s ease-in-out;
}

.gallery_inner:hover {
    transform: scale(1.2);
}

.galleryBox img {
    width: 100%;
    height: 250px;
}

/* 👉 Certification Section  */

.homeCertification {
    text-align: center;
    /* background-image: url(../images/background/bg-05.webp);
    background-size: cover; */
}

.gallery {
    margin-top: 50px;
}

.galleryBox {
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    margin-bottom: 20px;
}

.galleryBox img {
    width: 100%;
}

/* 👉 Testing Report Section  */

.homeReport {
    text-align: center;
    background: linear-gradient(0deg, rgb(41 39 39 / 86%), rgb(0 0 0 / 67%)), url(../images/background/bg-10.webp);
    /* background-image: url(../images/background/bg-10.jpg); */
    background-size: cover;
}

.imgBox {
    margin-top: 70px;
}

/* .rowFlex_3{
    width: 20%;
} */

/* 👉 Award Section  */

.homeAward {
    background-image: url(../images/background/bg-04.webp);
    background-size: cover;
}

/* 👉 Resource */

.resourceHome {
    background-image: url(../images/background/bg-12.webp);
    background-size: cover;
    background-position: center;
}

.resourceBox {
    background-color: rgb(255 255 255 / 84%);
    border-radius: 3px;
    padding: 30px;
    width: 70%;
}

/* 👉 Product Categories */

.homeCategories {
    text-align: center;
    background-image: url(../images/background/bg-04.webp);
    background-size: cover;
}
.productCatBox{
text-align: center;
}
.category_name{
    margin-top: 20px;
}
.category_name .miniPoint {
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 500;
    color: #087396;
}
.category_inner img {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

/* 👉 Product */

.homeProduct {
    text-align: center;
    background-image: url(../images/background/bg-04.webp);
    background-size: cover;
}

.homeProduct img {
    width: 100%;
    height: auto;
}

.product_info {
    border-radius: 3px;
    text-align: left;
    width: 58%;
    padding: 20px 15px 20px 15px;
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.product_info .paragraph {
    font-size: 13px;
    color: #666;
    margin-bottom: 5px;
    width: 100%;
}
.product_price {
    display: flex;
    gap: 6px;
    font-size: 13px;
    color: #666;
    margin-bottom: 5px;
    width: 100%;
    font-weight: 600;
}
.product_price .priceSell{
    color: var(--prime-green);
}

.product_info .miniPoint {
    font-size: 13px;
    margin-bottom: 5px;
    color: #087396;
}


.product_info .tinyText {
    font-size: 12px;
    color: #343f52;
}
.product_info .semiMidText {
    font-size: 12px;
    margin: 5px 0;
}
.productBox {
    display: flex;
    align-items: flex-start;
    /* flex-direction: column;
    justify-content: space-between; */
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background-color: #fff;
    height: 220px;
    margin-bottom: 20px;
    position: relative;
}

.product_inner {
    display: flex;
    align-items: center;
    height: 100%;
    width: 42%;
}
.priceCell {
    display: flex;
    align-items: center;
    gap: 5px;
}
.priceBlock {
    font-size: 11px;
    color: #0e7633;
    background-color: #eee;
    font-weight: 600;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 3px;
    margin-bottom: 6px;
    padding: 0px 4px;
}
.productCat {
    background-color: var(--prime-green);
    color: #fff;
    position: absolute;
    padding: 7px 15px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    border-radius: 0 0 15px 0;
    top: 0px;
    left: 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.addCartBottom {
    display: flex;
    align-items: center;
    gap: 10px;
}

.addCartBtn {
    width: calc(100% - 30px);
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
    background-color: var(--prime-yellow);
    border-radius: 3px;
    transition: .3s ease-in-out;
    display: flex;
  flex-direction: column;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.addCartText{
    text-transform: uppercase;
    font-size: 10px;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
    margin: 0;
    display: block;
}
.addCartBtn:hover {
  outline: 0;
  color: #333;
}
.addCartBtn .addCartText {
  transition: all 200ms;
}
.addCartBtn:hover .addCartText {
  transform: scale(.9);
}

.addWishBtn {
    font-size: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
    background-color: var(--prime-yellow);
    border-radius: 3px;
    transition: 0.3s linear;
    overflow: hidden;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.addWishText{
    text-transform: uppercase;
    font-size: 10px;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
    display: none;
    margin: 0;
    opacity: 0;
    transition: opacity 0.5s linear 0.5s;
}
.addWishBtn:hover{
    color: #333;
    background-color: var(--prime-yellow);
    width: calc(100% - 30px);
}
.addWishBtn:hover .addWishText{
    display: block;
    opacity: 1;
}
.addWishBtn:hover i{
    font-size: 11px;
}
.fiveStar{
    display: flex;
    align-items: center;
    gap: 3px;
    margin: 0 0 5px 0;
}
.fiveStar i {
    font-size: 12px;
    color: #26a541;
}

/* .coming_soon {
    width: 130px;
    height: 35px;
    background-color: rgb(90 126 16);
    display: flex;
    align-items: center;
    box-shadow: rgb(24 99 159);
    color: #fff;
    position: absolute;
    border-radius: 0px 100px 0 0;
    left: 0;
    bottom: 0;
    font-size: 12px;
    padding: 0 0 0 20px;
} */

.coming_soon {
    width: 130px;
    height: 30px;
    background-color: rgb(255 206 6);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    color: #555;
    font-weight: 600;
    border-radius: 3px;
    font-size: 12px;
    /* padding: 0 0 0 20px; */
}

/* 👉 Product Page */

.productPage {
    text-align: center;
    background-image: url(../images/background/bg-04.webp);
    background-size: cover;
}
.productPage .gallery{
    margin-top: 0;
}
.productPage .productBox {
    flex-direction: column;
    height: auto;
}

.productPage .product_inner {
    width: 60%;
    margin: 0 auto;
}

.productPage .product_info {
    width: 100%;
}

/* 👉 Product Details */

.productSlide{
    position: -webkit-sticky;
    position: sticky;
    top: 15vh;
}
.delivery_stripe {
    background-color: #D1FFC8;
    width: 50%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    color:#3E3E3E;
    font-size: 12px;
        margin-top: 10px;
}
.delivery_stripe h6{
    margin: 0;
    font-size: 12px;
    font-weight: 600;
}
.catName{
    color: #257715;
    font-size: 12px;
    font-weight: 600;
}
.customLine{
    background-color: #ccc;
}
.productDescription .headPoint {
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 600;
    color: #087396;
}
.productDescription .addCartBottom{
    width: 50%;
}
.nutriItem{
    display: flex;
    flex-wrap: wrap;
} 
.nutriItem li{
    width: 50%;
}
.produceBy li, .nutriItem li{
font-size: 14px;
    color: #777;
    margin: 0 auto;
    line-height: 24px;
    margin-bottom: 0px;
}
.produceBy li{
    width: 100%;
    display: flex;
    align-items: center;
}
.produceBy li span {
    color: #a9ada0;
    font-weight: 500;
    width: 35%;
    display: block;
}
.reviewBox .reviewName {
    font-size: 14px;
}
.reviewBox .reviewTime {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 5px;
}
.reviewBox .reviewTime i{
    color: #26a541;
}
.inlineFlexDiv {
display: flex;
align-items: center;
justify-content: space-between;
}
.inlineFlexDiv .smallBtn{
font-size: 10px;
    padding: 4px 8px;
}
.gallery .nav {
    gap: 10px;
}
.gallery .nav-tabs{
border: none;
}
/* .gallery .nav-item{
    margin: 0 10px 0px 0;
} */
.gallery .nav-tabs .nav-link {
    margin-bottom: -1px;
    background: #FFF3C0;
    border: 1px solid transparent;
    display: block;
    /* padding: 0.5rem 1rem; */
    width: 100px;
    color: #495057;
    font-size: 13px;
    font-weight: 500;
    border-radius: 3px;
}

.gallery .nav-tabs .nav-link.active {
    color: #495057;
    background: #FFCE07;
    border-color: transparent;
}

/* 👉 Ways to Connect */

.wayBox {
    display: flex;
    align-items: center;
    gap: 10px;
    /* margin-bottom: 20px; */
}

.wayList .card-body {
    padding: 10px 0 0 28px
}

.wayList .tinyText {
    margin-bottom: 10px;
    font-size: 15px;
}

.wayList {
    margin-top: 30px;
}

.wayBox i {
    font-size: 18px;
    color: var(--prime-green);
}

.waysText {
    width: 80%;
}

.wayList .wayBox.card-header {
    border-bottom: 0;
    padding: 0px;
    border-radius: 3px;
    background-color: #fff;
}

.wayList .card {
    border: 0;
    margin-bottom: 10px;
}

/* 👉 Contact */

.homeContact {
    text-align: center;
    background-image: url(../images/background/bg-04.webp);
    background-size: cover;
}

.contactBox {
    text-align: left;
    padding: 70px;
}

.contactInfo h6 {
    font-size: 14px;
    font-weight: 500;
    color: #444;
    margin-bottom: 10px;

}

.contactInfo h5 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

.infoContact {
    margin-top: 30px;
}

.infoContact h6 {
    font-size: 14px;
    font-weight: 500;
    color: #444;
    margin-bottom: 15px;
    line-height: 20px;
}

.infoContact h6 a, .contactInfo h5 a {
    color: #666;
}

.infoContact h6 strong {
    margin-right: 5px;
}
.contactMail{
    margin-top: 30px;
}
.contactMail input[type=text] {
    width: 100%;
    margin-bottom: 15px;
    height: 40px;
    font-size: 14px;
    padding: 0 15px;
    border: solid 1px #ccc;
    border-radius: 3px;
}

.contactMail textarea {
    width: 100%;
    margin-bottom: 10px;
    height: 120px;
    font-size: 13px;
    padding: 10px 10px;
    border: solid 1px #ccc;
    border-radius: 3px;
}

.contactMail input[type=submit] {
    width: 100%;
    margin-bottom: 10px;
    height: 40px;
    font-size: 13px;
    padding: 0 15px;
    border: solid 1px #ccc;
    border-radius: 3px;
    background-color: var(--prime-green);
    color: #fff;
}

.infoContact i {
    background-color: rgb(89 125 14 / 49%);
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 10px;
    border-radius: 3px;
    margin-right: 5px;
    color: #fff;
}

/* 👉 Cart */

.cartItem{
    display: flex;
    align-items: flex-start;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    border: solid 1px #eee;
    padding: 15px;
    position: relative;
        margin-bottom: 20px;
}
.cart_image{
    width: 20%;
    
}
.cart_image img{
    width: 100%;
}
.cart_item_details .paragraph {
    display: flex;
    gap: 6px;
    font-size: 13px;
    color: #666;
    margin-bottom: 5px;
}
.cart_item_info {
    width: 80%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cartItemDelivery{
display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}
    
.cartItemDelivery .semiMidText {
    font-size: 10px;
    margin-top: 0px;
}
.cartItemBottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cartItemBottom .addCartBtn {
    width: 200px;
}
.removeBtn h5{
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
    background-color: #f00;
    width: 100px;
    border-radius: 3px;
    margin: 0;
}
.cartItemPlusMinus {
    padding: 10px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
    background-color: var(--prime-yellow);
    border-radius: 3px;
    transition: .3s ease-in-out;
    display: flex;
    justify-content: space-between;
    align-items: center;
        letter-spacing: 1px;
}
.cartItemPlusMinus span{
    text-transform: uppercase;
    font-size: 10px;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
    margin: 0;
}
.total_amount{
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    border: solid 1px #eee;
    padding: 0 15px 15px 15px;
}
.total_amount .item_flex{
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.total_amount .addCartBtn {
    width: 100%;
    margin-top: 15px;
}
.total_amount .addCartText {
    font-weight: 700;
    letter-spacing: 1px;
}
.total_amount .paragraph {
    font-size: 14px;
    color: #666;
    margin: 0 auto;
    line-height: 20px;
    margin-bottom: 7px;
}

/* 👉 Footer */

.footer_top{
    padding: 20px 0;
}
.footer-top_logo{
    padding: 20px;
}
.homeFooter {
    /* background-image: url(../images/background/bg-04.webp); */
    background-size: cover;
        background-color: var(--prime-yellow);
}

.footerLogo {
    width: 50%;
}

.homeFooter h4 {
    font-size: 13px;
    color: #333;
    margin-bottom: 10px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    font-family: 'Instrument Sans', sans-serif;
    letter-spacing: 1px;
}

.homeFooter h4:after {
    position: absolute;
    content: '';
    height: 2px;
    bottom: -8px;
    margin: 0 auto;
    left: 0;
    width: 30px;
    background: var(--prime-green);
}

.homeFooter .infoContact {
    margin-top: 20px;
}

.homeFooter .infoContact i {
    background-color: transparent;
    font-size: 12px;
    margin-right: 0px;
    color: var(--prime-green);
    width: auto;
    height: auto;
}

.homeFooter .infoContact h6 {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 500;
    color: #444;
    margin-bottom: 13px;
    line-height: 15px;
}

.homeFooter .infoContact h6 a {
    color: #666;
}

.homeFooter .infoContact h6 strong {
    margin-right: 0px;
}

.homeFooter ul {
    margin-top: 15px !important;
}

.homeFooter ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #444;
    margin-bottom: 15px;
    line-height: 33px;
}

.homeFooter .infoContact ion-icon {
    color: var(--prime-green);
    transition: .3s ease-in-out;
}

.homeFooter ul li a:hover {
    color: var(--prime-green);
}

.disclaimer_main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
  overflow-y: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(51 51 51 / 87%);
    z-index: 9;
}
.disclaimer {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    z-index: 999;
    width: 35%;
    height: auto;
    border-radius: 3px;
    position: relative;
    background-color: #fff;
    padding: 8px;
}
.disclaimer img{
    width: 100%;
}
.close_disclaimer {
    position: absolute;
    top: -26px;
    right: -26px;
    padding: 4px;
    display: flex;
    align-items: center;
    font-size: 13px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 50px;
    transition: .3s ease-in-out;
    cursor: pointer;
    color: #fff;
    background-color: #111;
}
.close_disclaimer:hover{
    color: #000;
    background-color: #fff;
}

.close_disclaimer ion-icon{
    font-size: 15px;
}

/* .chatBot{
    position: fixed;
    bottom: 10px;
    left: 10px;
    background-color: #333;
    width: 35px;
    height: 35px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 3px;
} */

/* 👉 Terms Policy  Page  */

.termsBody .miniParagraph {
    margin-bottom: 10px;
}

.termsBody .midText {
    color: #535151;
}
.copyright_footer {
    padding: 10px 10px;
    text-align: center;
        background-color: #3a510a;
}
.copyright_footer p{
        font-size: 13px;
    margin: 0;
    color: #fff;
}
.policy_image{
    width: 180px;
}
.policy_image img{
    width: 100%;
}
.account_deletion_form{
    display: flex;
    align-items: start;
    margin-top: 50px;
}
.deletion_form_inputs{
    width: 65%;
    padding: 25px;
    border-radius: 3px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.flex_div{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.account_deletion_form {
    display: flex;
    align-items: start;
    margin-top: 50px;
    width: 100%;
    
}
.deletion_form_inputs input[type=text] {
    width: 100%;
    margin-bottom: 20px;
    height: 40px;
    font-size: 14px;
    padding: 0 15px;
    border: solid 1px #ccc;
    border-radius: 3px;
}
.deletion_form_inputs textarea {
    width: 100%;
    margin-bottom: 20px;
    height: 150px;
    font-size: 14px;
    padding: 15px 15px;
    border: solid 1px #ccc;
    border-radius: 3px;
}
.deletion_form_inputs input[type=submit] {
    width: 30%;
    margin-bottom: 0px;
    height: 40px;
    font-size: 13px;
    padding: 0 15px;
    border: solid 1px #ccc;
    border-radius: 3px;
    background-color: var(--prime-green);
    color: #fff;
}
.deletion_form_image{
    width: 35%;
}
.deletion_form_Title {
        font-size: 18px;
    font-weight: 600;
    color: #424d92;
    margin: 5px 0 30px 0;
}