@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Readex+Pro:wght@200;300;400;500;600;700&display=swap');

@font-face {
    font-family: 'icomoon';
    src: url(../fonts/icomoon.woff2) format('woff2'),
         url( ../fonts/icomoon.woff) format('woff'),
         url(../fonts/icomoon.ttf) format('ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root{
    --primary-color:#002842;
    --secondary-color:#f47a1f;
    --accent-color:#8cc43f;
    --white:#fff;
    --black:#000;
}

html{
    font-size: 16px;
}


body{
    font-family: 'Readex Pro', sans-serif;
    font-size: 1.125rem;
    transition: .4s all ease-in-out;
    position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6{
    font-family: 'Fredoka';
    font-weight: 900;
}

a{
    text-decoration: none;
}



@keyframes wobble{
    16.65% {
        transform: skew(-12deg)
    }

    33.3% {
        transform: skew(10deg)
    }

    49.95% {
        transform: skew(-6deg)
    }

    66.6% {
        transform: skew(4deg)
    }

    83.25% {
        transform: skew(-2deg)
    }

    100% {
        transform: skew(0)
    }
}

.themeBtn{
    padding: 1rem 2.5rem;
    font-weight: 600;
    font-size: 1.125rem;
    color: var(--white);
    transition: .3s all ease-in-out;
    display: inline-block;
    background-color: var(--primary-color);
    border-radius: 70px;
}
.themeBtn:hover{
    background-color: var(--black);
    color: var(--white);
}

.wobble-animate:hover{
    animation-name: wobble;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

.animation-wobble {
    transform-origin: 0 100%;
}


.sectionHeading{
    font-size: 2.5rem;
    line-height: 3rem;
    color: var(--primary-color);
    position: relative;
}

.sectionHeading.centerTxt {
    text-align: center;
    display: inline-block;
    margin: 0 0 4.375rem 0;
}

.sectionHeading.orangeIcon i {
    position: absolute;
    top: -3rem;
    left: -4rem;
    font-size: 85px;
    color: var(--secondary-color);
}

/* Header CSS Starts */

a.navbar-brand {
    width: 10.5rem;
    display: inline-block;
}

header {
    padding: 0.938rem 0;
    position: sticky;
    top: 0;
    z-index: 99;
    background: #fff;
}

.navbar-nav {
    margin-left: 3rem;
}

.navbar-nav .nav-item .nav-link{
    font-size: 1rem;
    font-weight: 600;
    line-height: 1rem;
    color: #002842;
    text-transform: uppercase;
    position: relative;
}
.navbar-nav .nav-item .nav-link:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: var(--accent-color);
    transition: .4s all ease-in-out;
}
.navbar-nav .nav-item .nav-link.active:before,
.navbar-nav .nav-item .nav-link:hover:before{
    width: 90%;
}

.extIcon {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.extIcon i.eicon-vamtam-theme:before {
    content: '\e90d';
    font-family: theme-icons;
}

.extIcon a{
    font-size: 36px;
    color: var(--primary-color);
    position: relative;
}

.extIcon a span {
    font-size: 10px;
    padding: 3px;
    background: #ffd100;
    position: absolute;
    top: -7px;
    right: 0;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
}

.section {
    padding: 75px 0 4rem;
    overflow: hidden;
    position: relative;
}

/* Header CSS Ends */


/* Banner CSS Starts */
.mainBanner{
    background-color: var(--accent-color);
    /* position: relative; */
    display: flex;
    /* align-items: end; */
    height: 649px;
    overflow: hidden;
}
.bannerContent h1 {
    font-size: 3.625rem;
    color: var(--primary-color);
    position: relative;
    font-weight: 700;
}

.e-animated svg {
    position: absolute;
    width: calc(90% + 10px);
    height: calc(100% + 20px);
    overflow: visible;
    bottom: -30px;
    left: -20px;
}

.e-animated svg path {
    stroke: var(--secondary-color);
    stroke-width: 6px;
    fill: none;
    opacity: 0;
    stroke-dasharray: 0 1500;
    transition: .3s
}

.e-animated svg path {
    animation: elementor-headline-dash forwards;
    animation-duration: var(--animation-duration,1.2s);
    animation-iteration-count: 1
}

.e-animated svg path:nth-of-type(2) {
    animation-delay: calc(var(--animation-duration, 1.2s) / 2)
}

.e-hide-highlight svg path {
    opacity: 1;
    stroke-dasharray: 1500 1500;
    animation: hide-highlight .4s forwards;
    animation-iteration-count: 1
}

@keyframes elementor-headline-dash {
    0% {
        stroke-dasharray: 0 1500;
        opacity: 1
    }

    to {
        stroke-dasharray: 1500 1500;
        opacity: 1
    }
}

@keyframes hide-highlight {
    0% {
        opacity: 1;
        stroke-dasharray: 1500 1500
    }

    to {
        opacity: 0;
        filter: blur(10px)
    }
}
.bannerContent h1 i {
    color: var(--secondary-color);
    position: absolute;
    top: -30px;
    left: -40px;
}
.extContent {
    text-align: center;
}

.bannerEsc {

gap: 3rem;

position: relative;

margin-top: 2rem;

display: flex;
}

.bannerEsc p {
    flex: 0 0 53%;
    line-height: 1.688rem;
    font-weight: 500;
    color: var(--black);
}

.extContent figure {
    width: 180px;
}
.bannerImg figure {
    position: relative;
    margin: 0;
    z-index: 1;
    font-size: 0;
    text-align: center;
}

.bannerImg figure img:last-child {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 520px;
    transform: translateX(-50%);
}

.bannerImg figure:before {
    content: '';
    position: absolute;
    height: 557px;
    width: 448px;
    background: var(--secondary-color);
    z-index: -1;
    border-top-left-radius: 400px;
    border-top-right-radius: 400px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0;
}

.bannerImg {
    position: relative;
    font-size: 0;
}

.bannerImg figure img:first-child {
    width: 512px;
    font-size: 0;
    position: relative;
}

.hightlightContent {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.hightlightContent p {
    margin: 0;
    font-size: 0.75rem;
    color: var(--primary-color);
}

.hightlightContent i {
    font-size: 1.875rem;
    color: var(--primary-color);
}

.bannerHighlightDiv {
    padding: 1rem 0;
    background: var(--secondary-color);
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.floatingIcon {
    font-size: 2.5rem;
    position: absolute;
}

.floatingIcon.ic1 {
    top: 1.875rem;
}

.floatingIcon.ic2 {
    font-size: 3.438rem;
    top: 10.625rem;
    left: 0;
}

.floatingIcon.ic3 {
    bottom: 6.25rem;
    z-index: 11;
    right: 0;
    font-size: 3.438rem;
    transform: rotate(100deg);
}

/* Banner CSS Ends */


/* Best Selling CSS Starts */


.bestSellingMain figure img {
    -webkit-mask-image: url(../images/trending-shape.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    transition: .3s all ease-in-out;
}

.bestSellingMain {
    padding: 2rem;
}

.bestSellingMain:hover img {
    transform: scale(1.1);
}

.bestSellingMain h3 {
    font-size: 2.375rem;
    text-align: center;
    color: var(--primary-color);
    margin-top: 2rem;
}
.rwBestSelling{
    position: relative;
}
.rwBestSelling svg {
    position: absolute;
    left: 3.125rem;
    width: auto;
    z-index: -1;
}
.rwBestSelling i {
    width: auto;
    position: absolute;
    right: 3.125rem;
    font-size: 3.438rem;
    top: 1.875rem;
}
/* Best Selling CSS Ends */


/* Best Selling FLavor CSS Starts */
.bestSellingFlavor{
    background: linear-gradient(180deg, #F5F5F566 0%, #F5F5F500 100%);
}

.featuredSlideMain{
    position: relative;
}

.slideInner a {
    position: relative;
    padding: 1.25rem;
    display: block;
    border: 1px solid #e6e6e6;
    background: #fff;
    margin: 0 .5rem;
    border-radius: 18px
}

.slideInner a:hover .optionMain {
    bottom: -10px;
}

.slideInner .productDetail h3:hover {
    text-decoration: underline;
}

.featuredContent img {
    border-radius: 18px;
    height: 364px;
    object-fit: cover;
    width: 100%;
}


.productDetail {
    position: relative;
}

.productDetail h3 {
    font-size: 1.375rem;
    font-family: 'Readex Pro';
    color: var(--primary-color);
}

.productDetail p {
    font-family: 'Fredoka';
    font-weight: 700;
    font-size: 1.563rem;
    color: var(--primary-color);
    margin: 0;
}

.optionMain {
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 1;
    bottom: -170px;
    right: 0;
    padding: 5px 5px 5px 12px;
    background:transparent;
    border-radius: 12px;
    pointer-events: none;
    transition: .3s all ease-in-out;
}
.optionMain span {
    opacity: 0;
    font-size: 0.75rem;
    color: var(--primary-color);
    transition: .3s all ease-in-out;
}



.optionMain:after {
    pointer-events: all;
    font-family: theme-icons!important;
    content: "\e909";
    line-height: 1;
    font-size: 30px;
    color: var(--primary-color);
    margin-left: 6px;
    opacity: 1;
    z-index: 1;
}
.optionMain:hover{
    background: var(--accent-color);
    pointer-events: all;
}
.optionMain:hover span{
    opacity: 1;
}

.vamtam-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity .7s ease;
}
.featuredSlideMain:hover .vamtam-nav{
    opacity: 1;
}
.vamtam-nav-btn{
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    cursor: pointer;
    pointer-events: all;
    height: 60px;
    width: 60px;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 18px;
    opacity: 1;
    transition: opacity .15s ease;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}
.vamtam-nav-btn-prev {
    left: -20px;
}

.vamtam-nav-btn-next {
    right: -20px;
}
/* Best Selling FLavor CSS Ends */


/* Ingredient Section CSS Starts */
.ingredientMain {
    padding: 5rem 30px 3rem;
    background: var(--accent-color);
    border-radius: 30px;
}

.ingredientMain h3 {
    font-size: 2.0rem;
    color: var(--primary-color);
}

.ingredientMain h5 {
    font-size: 1.5rem;
    margin-top: 0;
    color: #000;
}

.ingredientMain p {
    color: var(--primary-color);
    width: 90%;
    line-height: 1.75rem;
    margin-bottom: 1.75rem;
}

.ingredientMain ul {
    list-style: none;
}

.ingredientMain ul li {
    position: relative;
}

.ingredientMain ul li:before {
    content: '';
    position: absolute;
    top: 15px;
    left: -25px;
    height: 1px;
    width: 15px;
    background: #000;
}
/* Ingredient Section CSS Ends */

/* Market Section CSS Starts */
.marketContent h2 {
    font-size: 2.5rem;
    color: var(--primary-color);
    margin-bottom: 3rem;
}

.marketContent {
    padding: 8rem 6rem 3rem;
    background: #EAD083;
    position: relative;
}

.marketContent p {
    padding: 0 6rem 0 0;
    color: var(--primary-color);
    margin-bottom: 2rem;
}

.marketImg {
    height: 100%;
    background: var(--secondary-color);
    position: relative;
    display: flex;
}

.arrowMain {
    position: absolute;
    top: 170px;
    left: -90px;
    font-size: 8.875rem;
    color: var(--primary-color);
}

.marketContent h2 span {
    color: var(--secondary-color);
    position: relative;
}
.marketContent h2 .e-animated svg{
    bottom: -10px;
    left: -10px;
}

.marketImg figure {
    margin: auto;
}
.marketImg .bone {
    position: absolute;
    height: 89px;
    width: 55px;
}

.marketImg .bone1 {
    left: 50%;
    transform: translateX(-50%);
    top: -30px;
}

.marketImg .bone2 {
    top: 50%;
    left: 6rem;
    transform: translateY(-50%);
}

.marketImg .bone3 {
    top: 40%;
    left: 65%;
    transform: translate(-50%, -50%);
}
/* Market Section CSS Ends */



/* County Section CSS Starts */
.countySection {
    padding: 8rem 0;
}

.countySection .sectionHeading i {
    font-size: 5rem;
    left: -3rem;
    top: -2rem;
    color: var(--accent-color);
}
.headingMain{
    position: relative;
}
.lowerBn {
    position: absolute;
    bottom: 2.5rem;
    left: 20rem;
    transform: rotate(70deg);
    font-size: 2.5rem;
}

.upperBn {
    position: absolute;
    top: -80px;
    left: 67%;
    transform: translateX(-50%);
    font-size: 4rem;
}

.supportMain .themeBtn {
    padding: 1rem 2rem;
}

.supportMain {
    text-align: center;
}

.supportMain .socialBtn {
    font-size: 3rem;
    background: #2874A6;
    height: 6.25rem;
    width: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    color: #fff;
}


/* County Section CSS Ends */


/* Blogs Section CSS Starts */
.blogSection{
    background: #fbfdff;
}

.blogContent .blogExcerpt .blogHeading h4 {
    font-size: 1.25rem;
    font-family: 'Readex Pro';
    font-weight: 500;
}

.blogExcerpt a {
    font-size: 0.875rem;
    text-decoration: underline;
    color: var(--primary-color);
}

.blogExcerpt a.blogHeading {
    text-decoration: none;
}
.blogExcerpt a.blogHeading:hover{
    text-decoration: underline;
}
.blogContent {
    background: var(--white);
    padding: 2rem;
    box-shadow: 0px 5px 20px 5px rgba(28.999999999999993, 54.999999999999986, 73, 0.07);
    border-radius: 18px;
    height: 570px;
}

.blogContent figure {
    overflow: hidden;
    border-radius: 18px;
    
}

.blogContent figure img {
    width: 100%;
    border-radius: 18px;
    object-fit: cover;
    transition: .8s all ease-in-out;
}
.blogContent:hover img{
    transform: scale(1.3);
}
/* Blogs Section CSS Ends */



/* Signup Section CSS Starts */
.signUpSection {
    padding-bottom: 6rem;
    margin-bottom: 2rem;
}
.signUpSection:before {
    content: '';
    background: #EAD083;
    height: 60%;
    width: 100%;
    position: absolute;
    top: 0;
}

.signUpSection figure {
    text-align: center;
    position: relative;
    bottom: -15px;
    margin: 0;
}
.signUpSection figure img {
    width: 510px;
}
.ctaLeftContent {
    padding: 0 5rem;
    background-color: var(--accent-color);
    height: 420px;
    display: flex;
    align-items: center;
    position: relative;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
}
.ctaRightContent {
    padding: 0 5rem;
    background: var(--secondary-color);
    height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
}

.ctaRightContent form {
    flex: 0 0 80%;
}

.ctaRightContent form label {
    font-size: 0.75rem;
    margin: 0;
    color: var(--white);
}

.ctaRightContent form input {
    height: 56px;
    border: 2px solid var(--primary-color);
    border-radius: 12px;
}

.ctaRightContent form input:focus {
    outline: none;
    box-shadow: none;
    border-color: var(--primary-color);
    background: #eee;
}

.ctaRightContent form .form-group + .form-group {
    margin-top: 1.125rem;
}
.ctaRightContent button {
    border: none;
    margin-top: 1.125rem;
    text-transform: uppercase;
}
span.arrowIcon {
    position: absolute;
    bottom: -120px;
    transform: rotate(95deg);
    font-size: 9.063rem;
    color: var(--primary-color);
}
/* Signup Section CSS Ends */




/* Footer Section CSS Starts */
.socialFollow ul {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0;
}

.socialFollow ul li a {
    display: flex;
    height: 60px;
    width: 60px;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border-radius: 100%;
    font-size: 1.875rem;
    color: var(--primary-color);
    transition: .3s all ease-in-out;
}

.socialFollow ul li a:hover {
    background: var(--accent-color);
    transform: scale(1.2);
}

.socialFollow h3 {
    font-family: 'Readex Pro';
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--primary-color);
}

.shippingMsg h3 {
    font-size: 30px;
    color: rgb(46, 48, 49);
}
.footerTopSection {
    padding: 3rem 0;
    border-top: 20px solid rgb(251, 251, 251);
}
.footerMidSection {
    background: var(--accent-color);
    padding: 3rem 0;
}

.footerMidSection h4 {
    font-size: 1.875rem;
    font-family: 'Readex Pro';
    font-weight: 600;
    color: var(--primary-color);
}

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

.footerMidSection ul li a {
    text-transform: uppercase;
    line-height: 1.438rem;
    font-size: 1rem;
    color: var(--primary-color);
    font-weight: 400;
}
.footerMidSection .contactDetails ul li {margin: 12px 0;}
.footerMidSection .contactDetails ul li a{
    text-transform: none;
    font-size: 1.25rem;
    line-height: 1.75rem;
}


.footerBottom {
    padding: 2rem 0;
    background: #000;
}

.backToTop {
    text-align: right;
}

.copyrightTxt {
    font-size: 0.75rem;
    color: #fff;
}

.copyrightTxt a {
    color: #A3E4D7;
}

.backToTop a {font-size: 0.688rem;display: flex;align-items: center;justify-content: end;gap: 1rem;color: var(--white);}

.backToTop a i {
    font-size: 1.125rem;
    background: #59606d;
    padding: .5rem;
    border-radius: 8px;
    transition: .3s all ease-in-out;
}

.backToTop a i:hover {
    background: var(--primary-color);
}
/* Footer Section CSS Ends */

.bannerHighlightDiv.innerPage {
    position: unset;
    text-align: center;
}

.bannerHighlightDiv.innerPage .hightlightContent {
    justify-content: center;
}


/* Shop Page CSS Starts */
.shopInnerProduct a {
    position: relative;
    padding: 1.25rem;
    display: block;
    border: 1px solid #e6e6e6;
    background: #fff;
    margin: 0 0.5rem;
    border-radius: 18px;
    overflow: hidden;
}
.shopInnerProduct a:hover .optionMain {
    bottom: -10px;
}
.shopInnerProduct {
    margin-bottom: 2rem;
}
/* Shop Page CSS Ends */



/* Product Subsription Page CSS Starts */
.breadcrumbs{
    background-color: #fbfbfb;
    padding: 1rem 0;
}
.breadcrumbsMain {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.breadcrumbsMain a:after {
    content: '/';
    pointer-events: none;
    color: #767676;
    position: absolute;
    right: -20px;
    top: 0;
}

.breadcrumbsMain a {
    position: relative;
    color: #767676;
}

.breadcrumbsMain span {
    color: #767676;
}
.productSubscriptionMain{
    background-color: #fbfbfb;
    padding: 3rem 0;
}

.productDtls h1, 
.productDtls p {
    margin: 0 2rem;
}

.extProdDetails {
    padding: 2rem;
    background: #fff;
    border-radius: 18px;
}

.productDtls .extProdDetails p {
    margin: 0;
}

.productDtls p {
    font-size: 0.875rem;
    margin: 1rem 2rem;
}

.productDtls p.flavors {
    background: rgba(0,0,0,.025);
    padding: 1rem;
}

.productDtls .extProdDetails p.price {
    font-size: 1.5rem;
    font-family: 'Fredoka';
    font-weight: 900;
    margin-bottom: 2rem;
}

.frmGroup label {
    width: 100%;
    font-size: 0.75rem;
    margin-bottom: .5rem;
}

.frmGroup {
    margin-bottom: 1rem;
}

.frmGroup select {
    width: 100%;
    height: 2.938rem;
    font-size: 0.833rem;
    padding: 0 1rem;
}

.productFooter {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.productFooter .quantity {
    width: 100px;
    flex: 0 0 100px;
}

.productFooter .quantity input {
    width: 100%;
    height: 50px;
    border: 2px solid var(--black);
    border-radius: 12px;
    padding: 15px 5px 15px 15px;
}

.productFooter .themeBtn {
    background: var(--accent-color);
    color: var(--black);
    flex: 0 0 50%;
    text-align: center;
}
.productFooter .themeBtn:hover{
    background: var(--black);
    color: var(--white);
}

.productFooter a.wishlistBtn {
    font-size: 1.5rem;
    color: var(--primary-color);
}

.productExtDetails {
    padding: 2rem;
    background: #fff;
    margin-top: 3rem;
    border-radius: 18px;
}

.productExtDetails button.accordion-button {
    background: none;
    border: none;
    box-shadow: none;
    font-size: 1.563rem;
    font-family: 'Fredoka';
    font-weight: 900;
    color: var(--black);
}
.productExtDetails button.accordion-button::after{
    background-image: url(../images/arrow.svg);
}
.productExtDetails button.accordion-button:not(.collapsed)::after{
    background-image: url(../images/arrow.svg);
}

.productExtDetails button.accordion-header {
    border: none;
}

.productExtDetails .accordion-item {
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
}
.productExtDetails button.accordion-button:after {
    color: #000;
}
/* Product Subsription Page CSS Ends */


/* About Us Page CSS Starts */
.dogImg {
    width: 361px;
    margin: 0 auto 1rem;
}

.aboutInnerContent h2, 
.aboutRightImg h2 {
    font-size: 2.5rem;
    color: #000;
}
.ourMissionSection {
    background: rgb(251, 251, 251);
}
/* About Us Page CSS Ends */



/* Ingredient Page CSS Starts */
.ingredientsSection {
    background: rgb(251, 251, 251);
}
.ingHeading h2 {
    font-size: 2.5rem;
    color: #000;
}
.ingImg {
    text-align: right;
    margin: 0;
    position: relative;
}
.ingredientContent p {
    color: #000;
}
.ingImg i {
    font-size: 8.75rem;
    position: absolute;
    bottom: 40px;
    left: 0;
    color: var(--primary-color);
}
/* Ingredient Page CSS Ends */


/* Contact Page CSS Starts */
.contactSection {
    background: rgb(251, 251, 251);
}

.contactSection .sectionHeading.centerTxt {
    margin-bottom: 2rem;
}

.contactEmailPhone p {
    font-size: 1.125rem;
    color: #2e3031;
}

.contactEmailPhone p a {
    color: #2e3031;
}

.contactEmailPhone p a:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

.contactFormSection {
    padding: 5rem;
    background: #fff;
    margin-top: 2rem;
    border-radius: 1.125rem;
}

.contactFormSection .form-group {
    margin-bottom: 1rem;
}

.contactFormSection .form-group input {
    border: 2px solid var(--primary-color);
    border-radius: 0.75rem;
    height: 3.563rem;
}

.contactFormSection .form-group textarea {
    border: 2px solid var(--primary-color);
    border-radius: 0.75rem;
    height: 11.25rem;
    resize: none;
}
.contactFormSection h2 {
    font-size: 2.5rem;
    color: #000;
}

.rightMain {
    position: relative;
}

.rightMain i {
    font-size: 120px;
    transform: rotate(-15deg) scaleX(-1);
    position: absolute;
    right: 0;
    color: #000;
}
.contactFormSection button {
    width: 100%;
    margin-top: 1rem;
    border: none;
}
/* Contact Page CSS Ends */


/* Review Page CSS Starts */
.reviewHeading{
    background-color: #fbfbfb;
}
.reviewMain{
    background: #f5f5f5;
}
.postedReview .rt {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.postedReview .rt p {
    font-size: 1.125rem;
    margin: 0;
    font-style: italic;
}

.postedReview .rt span {
    color: #ffb900;
}

.postedReview {
    margin-bottom: 2.5rem;
}
.reviewMain h3 {
    font-size: 2.5rem;
    color: #000;
    margin-bottom: 2.813rem;
}
.star-rating {
    display: flex;
    flex-direction: row-reverse;
    font-size: 1.5em;
    justify-content: flex-end;
    padding: 0 0.2em;
    text-align: center;
    gap: 0.2rem;
  }
  
  .star-rating input {
    display:none;
  }
  
  .star-rating label {
    color:#ccc;
    cursor:pointer;
  }
  
  .star-rating :checked ~ label {
    color:#ffb900;
  }
  
  .star-rating label:hover,
  .star-rating label:hover ~ label {
    color:#ffb900;
  }

  .reviewPosting textarea {
    height: 155px;
    resize: none;
}

.reviewPosting input {
    height: 47px;
    margin: .5rem 0 0;
}

.reviewPosting .lblMain {
    font-size: 15.5px;
    font-weight: 500;
    margin-top: 1rem;
}

.reviewPosting button {
    border: none;
    margin-top: 2rem;
}
/* Review Page CSS Ends */




/* My Account Css */
.myAccountInfo h3 {
    font-weight: 700;
    font-weight: 58px;
}
.myAccountInfo p {
    font-size: 20px;
}
.contactSection {
    background: rgb(251, 251, 251);
}

.contactSection .sectionHeading.centerTxt {
    margin-bottom: 2rem;
}

.contactEmailPhone p {
    font-size: 1.125rem;
    color: #2e3031;
}

.contactEmailPhone p a {
    color: #2e3031;
}

.contactEmailPhone p a:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

.myAccountFormSection {
    /* margin-top: 2rem; */
    border-radius: 1.125rem;
}

.myAccountFormSection form {
    border: 1px solid #d5d8dc;
    padding: 3rem 3rem 1rem;
}


.myAccountFormSection .form-group {
    margin-bottom: 1rem;
}

.myAccountFormSection .form-group input {
    border: 2px solid var(--primary-color);
    border-radius: 0.75rem;
    height: 3.563rem;
}

.myAccountFormSection .form-group textarea {
    border: 2px solid var(--primary-color);
    border-radius: 0.75rem;
    height: 11.25rem;
    resize: none;
}
.myAccountFormSection h2 {
    font-size: 2.5rem;
    color: #000;
}

.rightMain {
    position: relative;
}

.rightMain i {
    font-size: 120px;
    transform: rotate(-15deg) scaleX(-1);
    position: absolute;
    right: 0;
    color: #000;
}
.myAccountFormSection button {
    width: 100%;
    margin-top: 1rem;
    border: none;
}

/* BootStrap Links */
.nav-link-t {
    padding: 1rem 6rem;
    color: #000!important;
}

.nav-link-t.active {
    background: #e5e5e5!important;
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 0.25rem;
    background-color: #e5eeff;
    
}

.nav-link-t:nth-child(1) {
    border-left: 0!important;
   
}

#pills-home-tab {
    border-right: 0!important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#pills-profile-tab {
    border-left: 0!important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.lostPassword {
    position: relative;
    margin-top: 2rem;
}

.lostPassword::before {
    content: "";
    position: absolute;
    display: inline;
    bottom: -5px;
    left: 8rem;
    right: 0;
    height: 5px;
    width: 40%;
    background: url(../images/curved.svg);
    color: #fff;
}


a.lostPassword  {
    color: #000;
}

/* CheckOut Page */
.e-checkout__container {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: 56% auto;
    align-items: stretch;
    grid-column-gap: var(--sections-margin,24px);
    grid-row-gap: var(--sections-margin,24px);
}


.myAccountInfo h3 {
    font-weight: 700;
    font-weight: 58px;
}
.myAccountInfo p {
    font-size: 20px;
}
.contactSection {
    background: rgb(251, 251, 251);
}

.contactSection .sectionHeading.centerTxt {
    margin-bottom: 2rem;
}

.contactEmailPhone p {
    font-size: 1.125rem;
    color: #2e3031;
}

.contactEmailPhone p a {
    color: #2e3031;
}

.contactEmailPhone p a:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

.checkoutFormSection form {
    /* border: 1px solid #d5d8dc; */
    padding: 3rem 3rem 1rem;
}


.checkoutFormSection .form-group {
    margin-bottom: 1rem;
}

.checkoutFormSection .form-group input {
    border: 2px solid var(--primary-color);
    border-radius: 0.75rem;
    height: 3.563rem;
}

.checkoutFormSection .form-group textarea {
    border: 2px solid var(--primary-color);
    border-radius: 0.75rem;
    height: 11.25rem;
    resize: none;
}
.checkoutFormSection h2 {
    font-size: 2.5rem;
    color: #000;
}

.rightMain {
    position: relative;
}

.rightMain i {
    font-size: 120px;
    transform: rotate(-15deg) scaleX(-1);
    position: absolute;
    right: 0;
    color: #000;
}
.checkoutFormSection button {
    width: 100%;
    margin-top: 1rem;
    border: none;
}

.yourOrderSection {
    border: 1px solid #d5d8dc;
    padding: 2rem;
}

.productDescription {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

.sub-total {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

.sub-total p {
    padding-right: 1rem;
    margin: 0;
}

.vat-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.total {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

.couponSection {
    margin: 1rem 0;
    border: 1px solid #d5d8dc;
    padding: 2rem;
}

.linka {
    color: #000!important;
}

label.form-check-label {
    font-size: 14px;
}

.placeOrder {
    margin: 1rem 0;
    border: 1px solid #d5d8dc;
    padding: 2rem;
}

.accordion-button::after {
    display: none;
}

.accordion-button {
    padding: 0!important;
    background-color: transparent!important;
}

.accordion-item {
    border: none !important;
    background-color: transparent !important;
}

.accordion-button:not(.collapsed) {
    box-shadow: none !important;
}

.accordion-collapse {
    background: #e5eeff;
    border-radius: 5px;
    font-size: 13px;
    margin-top: 0.5rem;
}

.accordion-body {
    font-size: 13px !important;
}

/* Cart Page CSS Starts */
.crumbsLink {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.crumbsLink h2 a,
.crumbsLink h2 {
    color: var(--black);
    transition: .3s all ease-in-out;
}

.crumbsLink h2 + h2:before {
    content: "\f054";
    position: absolute;
    top: 55%;
    left: -20px;
    font-size: 1rem;
    transform: translateY(-50%);
    font-family: 'Font Awesome 5 Free';
    color: #00000066;
}

.crumbsLink h2 {
    position: relative;
}

.crumbsLink h2 a:hover {
    color: var(--primary-color);
}
.cartProduct {
    display: flex;
    align-items: center;
    padding: 2rem 0;
    border-top: 1px solid #e6e6e6;
}

.cartProduct .pImg {
    flex: 0 0 8%;
    height: 38px;
    width: 38px;
}

.cartProduct .pImg img {
    height: 100%;
    width: 100%;
    object-fit: contain;

}
.cartProduct .pName {
    flex: 0 0 60%;
}

.cartProduct .pName a {
    font-size: 0.875rem;
    line-height: 1;
    display: block;
    color: var(--primary-color);
    font-weight: 500;
}

.pPrice p {
    font-size: 0.875rem;
    margin: 0;
}

.pQuantity {
    flex: 0 0 10%;
}

.pPrice {
    flex: 0 0 7%;
}

.pSubTotal {
    flex: 0 0 9%;

}

.pQuantity input {
    display: inline-block;
    width: 80%;
    padding: 8px;
    border: 1px solid #e6e6e6;
    font-size: 0.875rem;
}

.pSubTotal p {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pSubTotal p span {
    font-size: 0.625rem;
    color: #383838;
}

.pAction {
    flex: 0 0 10%;
    text-align: center;
}

.pAction a svg path {
    fill: #ddd;
    transition: .3s all ease-in-out;
}

.pAction a:hover svg path {
    fill: var(--accent-color);
}
.cartProduct:last-child {
    border-bottom: 1px solid #e6e6e6;
}

.cart {
    margin: 2rem 0;
}

.couponMain form {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.couponMain form input {
    width: 60%;
    flex: 0 0 65%;
    height: 50px;
    padding: 0 1rem;
    font-size: 0.875rem;
    border: 2px solid var(--primary-color);
    border-radius: 17px;
}

.couponMain form button {
    flex: 0 0 30%;
    border: none;
    font-size: 0.875rem;
}

.priceOnly {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0;
    border-top: 1px solid #e6e6e6;
}

.priceOnly h5 {
    font-size: 0.875rem;
    font-family: 'Readex Pro';
    margin: 0;
}

.cartTotalsMain {
    padding: 2rem 4rem;
    border: 1px solid #ddd;
}

.shippingType p {
    font-size: 0.875rem;
}

.cartTotalsMain .themeBtn {
    width: 100%;
    text-align: center;
    padding: 1rem;
    font-size: 0.938rem;
    text-transform: capitalize;
    margin-top: 2rem;
}

.bdTop {
    border-top: none;
    border-bottom: 1px solid #e6e6e6;
}

.shippingType {
    padding: 1.5rem 0;
}

.shippingType p {
    margin: 0;
    margin-top: .8rem;
}
.priceOnly h5 span {
    font-size: 10px;
    font-weight: 400;
    color: #383838;
}

.cartMain {
    padding: 0 4rem;
    background: #f5f5f5;
}

.breadCrumbsMain {
    background: #f5f5f5;
}
/* Cart Page CSS Ends */



/* Side-cart CSS Starts */
.cartRightSwipe {
    position: fixed;
    top: 0;
    right: -800px;
    width: 570px;
    height: 100%;
    z-index: 111;
    background: #fff;
    transition: .5s all ease-in-out;
}

.sideBarActive .cartRightSwipe{
    right: 0;
    overflow-y: scroll;
}
.sideBarActive:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / 80%);
    z-index: 111;
    transition: .2s all ease-in-out;
}

.cartRightSwipe h2 {
    padding-left: 2rem;
}

.cartRightSwipe .closeBtn {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 40px;
    color: #2e3031;
}

.cartProductMain .cartName {
    display: flex;
    align-items: center;
    gap: 15px;
}

.cartProductMain .cartName img {
    height: 70px;
    width: 70px;
    object-fit: contain;
}
.cartProductMain .cartName .cartProductName {
    font-size: 0.875rem;
    color: #2e3031;
    flex: 0 0 75%;
}

.cartQty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0rem 0 0rem;
    margin-top: 1rem;
}

.cartQty select {
    height: 45px;
    width: 18%;
    text-align: center;
    border: 2px solid var(--primary-color);
    border-radius: 12px;
    font-size: 0.875rem;
}
.cartBody {
    height: 70%;
}

.cartProductMain {
    margin-top: 2rem;
    padding: 0 2rem 2rem;
    border-bottom: 1px solid #000;
}
.cartProductMain:last-child {
    border: none;
}

.cartFooter .subTotal {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cartFooter {
    height: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cartFooter .subTotal p {
    margin: 0;
}

.cartBtns {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.cartBtns a {
    font-size: 1rem;
    flex: 0 0 40%;
}

.cartUpperFooter {
    padding: 1rem 4rem;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 2rem;
}
/* Side-cart CSS Ends */



/* WISHLIST */

.myWishList {
    /* margin-top: 2rem; */
    border-radius: 1.125rem;
}

.myWishList form {
    border: 1px solid #d5d8dc;
    padding: 3rem 3rem 1rem;
}


.myWishList .form-group {
    margin-bottom: 1rem;
}

.myWishList .form-group input {
    border: 2px solid var(--primary-color);
    border-radius: 0.75rem;
    height: 3.563rem;
}

.myWishList .form-group textarea {
    border: 2px solid var(--primary-color);
    border-radius: 0.75rem;
    height: 11.25rem;
    resize: none;
}

.myWishList h2 {
    font-size: 2.5rem;
    color: #000;
}

.rightMain {
    position: relative;
}

.rightMain i {
    font-size: 120px;
    transform: rotate(-15deg) scaleX(-1);
    position: absolute;
    right: 0;
    color: #000;
}

.myWishList button {
    margin-top: 1rem;
    border: none;
}
.myWishList {
    text-align: right;
}
.wishlist-list {
    width: 100%;
}

.wishlist-list img {
    width: 100%;
}

.wishlist-list li {
    border-bottom: 1px solid #ccc;
    padding: 5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wishlist-list li > div:nth-child(1) {
    width: 70%;
}
.wishlist-list li > div:nth-child(2) {
    width: 30%;
}

.wishList-content-left {
    display: flex;
    align-items: center;
    gap: 1rem;
}

  @media (max-width: 768px) {
    .wishlist-list li {
        display: block;
        padding: 2rem 0;
    }
    .wishlist-list li > div:nth-child(1) {
        width: 100%;
    }
    .wishlist-list li > div:nth-child(2) {
        width: 100%;
        text-align: left !important;  
    }
    .wishInfo p {
        margin-bottom: 0px;
        font-size: 14px;
    }
    .wishList-content-right button {
        padding: 10px 20px;
        font-size: 14px;
    }
  }


section.ingredient-slider {
    background-color: rgb(251, 251, 251);
}

.ingredient-slider-box {
    text-align: center;
}

.ingredient-slider-box p {
    margin-top: 10px;
}
.submit-img {
    text-align: right;
}
.submit-img i {
    position: absolute;
    left: 25px;
    font-size: 150px;
    bottom: -25px;
    color: #002842;
}

.submit-img {
    position: relative;
}
.rating-summary .rt {
    display: flex;
    gap: 15px;
    align-items: center;
}

.rvContent.rating-summary .rt i {
    color: #ffb900;
    font-size: 20px;
}

.rvContent.rating-summary .rt p {
    font-size: 23px;
    font-weight: bold;
    margin: 0;
}
.rvContent.rating-summary ul {
    display: flex;
    justify-content: space-between;
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    align-items: center;
    font-size: 18px;
}

.rvContent.rating-summary ul li:nth-child(2) {
    background-color: #e4e4e4;
    height: 18px;
    display: block;
    flex: 0 0 250px;
}

.rvContent.rating-summary ul li:first-child {
    width: 100px;
}

.rvContent.rating-summary ul li:last-child {
    width: 46px;
    text-align: right;
}
.rvContent.rating-summary > p {
    margin-top: 10px;
}
.rvContent {
    margin: 12px 0px;
}
.rvContent.rating-summary ul li span{
    display: block;
    width: 100%;
    height: 100%;
}
.shipping-content {
    border-top: 1px solid #E6E6E6;
    padding-top: 40px;
}

.shipping-content hr {
    background-color: #E6E6E6;
    opacity: 1;
    margin: 40px 0px 30px;
}

section.shipping-wrapper.ingredientsSection {
    padding-bottom: 40px;
}
.shipping-content h2 {
    margin-bottom: 30px;
}

.shipping-content p {
    line-height: 30px;
}
.accordion-header {
    border-top: 1px solid #d5d8dc;
    border-bottom: 0;
    padding: 0;
}

.accordion-header button {
    padding: 20px 0 !important;
    font-weight: 700;
    font-size: 25px;
    color: black !important;
}

section.faqs-section .accordion-collapse {
    background-color: transparent;
    padding: 0px;
}

section.faqs-section .accordion-collapse .accordion-body {
    padding: 10px 0px;
}
section.faqs-section .accordion-collapse .accordion-body p {
    font-size: 18px;
}
section.faqs-section {
    background-color: rgb(251, 251, 251);
    padding-bottom: 50px;
}


section.faqs-section .ingHeading h2 {
    margin-bottom: 20px;
}
.blog-details-wrapper .ingHeading h2 {
    font-size: 64px;
    line-height: 68px;
    margin: 20px 0 80px;
}

.blog-details-wrapper .ingHeading img {
    border-radius: 16px;
    width: 100%;
    margin-bottom: 40px;
}

.blog-details-wrapper .ingHeading p {
    text-align: left;
}

.blog-details-wrapper .ingHeading p b {
    margin: 5px 0px 0;
    display: block;
}
.nav-thumb img {
    width: 100%;
}
.product-image img {
    width: 100%;
}
.nav-thumb {
    margin-bottom: 10px;
    border: 2px solid #E6E6E6;
    border-radius: 18px;
    padding: 10px;
}
.nav-thumb img {
    border-radius: 18px;
    width: 100%;
    height: 100px;
    object-fit: cover;
}
.product-image img {
    border-radius: 18px;
}
section.realted-product {
    background-color: #fbfbfb;
}
.realted-product h1 {
    font-size: 28px;
    margin-bottom: 25px;
}
.productFooter .themeBtn:hover i{
    color: white;
}
section.cartsec {
    background-color: rgb(251, 251, 251);
}
.cart-wrapper {
    padding-bottom: 0;
}
.cart-heading {
    font-size: 45px;
    margin-bottom: 20px;
}
.cart-table tbody td {
    border: 0;
}
.cart-table p {
    font-size: 13px;
}
input.qtystyle {
    width: 120px;
    border-radius: 0;
    margin-left: auto;
    margin-right: 0px;
}
.check-out-detail.card p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 20px;
}
h2.price {
    display: flex;
    justify-content: space-between;
    font-size: 30px;
    margin: 0;
    padding-top: 10px;
}
.checkoutsec {
    margin-top: 10px;
}
.cartQty input {
    width: 80px;
}
label.chkbox {
    margin-bottom: 18px;
}
section.form-body.checkoutPage {
    background-color: rgb(251, 251, 251);
}
.YouOrder h5 {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    margin: 18px 0px;
    font-weight: 500;
}

.YouOrder h5:first-child {
    margin: 0;
}
section.account {
    background-color: rgb(251, 251, 251);
    padding-bottom: 50px;
}
.sign-in-container .form-control {
    height: 50px;
    background-color: white;
    border-radius: 0;
    padding-left: 20px;
    font-size: 16px;
}

.sign-in-container .form-group {
    margin-bottom: 20px;
}

.form-container.sign-in-container.col-md-6 {}

.sign-in-container .form-group label {
    font-size: 16px;
    margin-bottom: 10px;
}

.sign-in-container .form-group a {
    font-size: 16px;
}
.form-container.sign-in-container.col-md-6 {
    margin: 0 auto;
}
main.my-cart {
    background-color: rgb(251, 251, 251);
    padding-bottom: 50px;
}
p.bagSize {
    text-decoration: underline;
}
.inner-heading i {
    right: 35px;
    left: auto !important;
    color: #8CC43F !important;
    font-size: 90px !important;
    top: -11px !important;
    position: relative !important;
}

.inner-heading {
    font-size: 58px !important;
    color: black;
    font-weight: bolder;
}
section.aboutPageInnerSection.section {
    background-color: rgb(251, 251, 251);
}

.contactEmailPhone {
    text-align: left;
    padding-left: 70px;
}
.about-row {
    margin-top: 20px;
}

.frmGroup input {
    width: 100%;
    height: 2.938rem;
    font-size: 0.833rem;
    padding: 0 1rem;
    border-radius: 0;
    margin-bottom: 15px;
    border-color: #000000ad;
    color: #444;
}

.frmGroup textarea {
    width: 100%;
    height: 5.938rem;
    font-size: 0.833rem;
    padding: 12px 1rem;
    border-radius: 0;
    border-color: #000000ad;
    color: #444;
}
.coupon-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 40px;
}

.coupon-wrapper input {
    width: 60%;
    height: 48px;
    border-radius: 50px;
}

.coupon-wrapper button {
    width: 36%;
    border-radius: 50px;
}


@media (max-width: 768px) {
    nav.navbar.navbar-expand-lg.bg-body-tertiary {
        padding: 0;
    }
    
    header {
        padding: 0;
    }
    
    a.navbar-brand img {
        height: 120px;
    }
    
    .navbar-toggler {
    }
    
    span.navbar-toggler-icon {
    }
    
    .mainBanner {
        height: auto;
        text-align: center;
        padding-top: 30px;
    }
    
    .bannerContent h1 {
        font-size: 30px;
    }
    
    .bannerEsc {
        display: block;
        text-align: center;
    }
    
    .bannerEsc p {
        font-size: 16px;
    }
    
    .extContent figure {
        margin: 0 auto;
    }
    
    .extContent {
    }
    
    .bannerImg figure:before {
        width: 100%;
        height: 100%;
    }
    
    .bannerImg {
        margin-top: 15px;
    }
    
    .bannerImg figure {
        padding-top: 30px;
    }
    
    .section {
        padding: 40px 0px;
    }
    
    .sectionHeading {
        font-size: 25px;
        line-height: normal;
    }
    
    .bestSellingMain h3 {
        font-size: 25px;
    }
    
    .bestSellingMain {
        padding: 20px 0px;
    }
    
    .marketContent {
        padding: 15px;
    }
    
    .marketContent p {
        padding: 0;
        position: relative;
    }
    
    .marketContent h2 {
        margin-bottom: 15px;
        font-size: 25px;
    }
    
    .marketContent p {
        font-size: 16px;
    }
    
    .vamtam-theme-arrow3:before {
        opacity: 0;
    }
    
    p {}
    
    .countyContent p {
        font-size: 16px;
    }
    
    .sectionHeading.centerTxt {
        margin: 30px 0px;
    }
    
    .ingredientMain {
        padding: 15px;
    }
    
    .ingredientMain h3 {
        font-size: 25px;
    }
    
    .ingredientMain h5 {
        margin: 0;
        font-size: 20px;
    }
    
    .ingredientMain ul {
        font-size: 16px;
    }
    
    .ingredientContent p {
        font-size: 16px;
    }
    
    section.section.marketResearch {
        padding-bottom: 0;
    }
    
    .blogContent {
        margin-bottom: 15px;
        height: auto;
        padding: 15px;
    }
    
    .blogContent .blogExcerpt .blogHeading h4 {
        font-size: 18px;
    }
    
    .blogExcerpt p {
        font-size: 15px;
        margin-bottom: 3px;
    }
    
    .ctaLeftContent {
        height: auto;
        padding: 40px;
        display: block;
    }
    
    .ctaRightContent {
        height: auto;
        display: block;
        padding: 26px;
    }
    
    section.signUpSection.section {
        margin-bottom: 0;
    }
    
    .shippingMsg h3 {
        font-size: 20px;
    }
    
    .footerTopSection {
        padding: 20px 0px;
    }
    
    section.footerMidSection img {
        width: 100px;
        margin-bottom: 15px;
    }
    
    section.footerMidSection {
        padding: 30px 0px;
    }
    
    .footerMidSection h4 {
        font-size: 22px;
    }
    
    .footerMidSection .contactDetails ul li a {
        font-size: 18px;
    }
    
    .footerBottom {
        padding: 15px 0px;
        text-align: center;
    }
}

.mySwiper .swiper-slide {
    position: relative;
}.mySwiper {
    width: 100%;
}

.mySwiper .swiper-slide img {
    /* position: absolute; */
    top: 0;
    left: 0;
    z-index: 1;
}   
.banner-content {
    /* position: absolute; */
    z-index: 2;
    width: 100%;
}
.background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 649px;
    background-size: cover !important; /* Ensure the image covers the slide */
    background-position: center !important; /* Centers the image */
    background-repeat: no-repeat !important; /* Prevents tiling */
    z-index: 0; /* Sends it behind content */
}

.bannerContent {
    width: 50%;
}
.banner-inner-content {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    /* width: 50%; */
    height: 649px;
    /* padding-left: 0rem; */
}
ul.stripe-paymethod {
    list-style: none;
    padding: 0;
}

ul.stripe-paymethod li {
    padding: 0.5rem 1rem;
    background: #9cce13;
}   
div#paypal-button-container-popup * {
    z-index: 1 !important;
}