html, body {width: 100%; height: 100%; margin: 0; padding: 0;}

body {font-family: 'Inter', sans-serif; font-size: 16px; color: #1C1C1C; font-weight: 400; line-height: 1.6; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*TRANSITIONS*/
.btn, a, button, .transition {webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear; }

/*ANCHOR TAGS*/
a {color: #222; text-decoration: none; background-color: transparent; }
a:hover {color: #111;}
a:hover, a:focus, a:active {color:#50575a; text-decoration: none; outline: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none !important}
a:focus, :focus {outline: 0  !important; box-shadow:none !important}
ul{ list-style:none; padding:0}
button:focus{ outline:none}

/*PADDING TOP 10px-100px*/
.pt10{padding-top: 10px;} .pt20{padding-top: 20px;} .pt30{padding-top: 30px;} .pt40{padding-top: 40px;} .pt50{padding-top: 50px;} .pt60{padding-top: 60px;} .pt70{padding-top: 70px;} .pt80{padding-top: 80px;} .pt90{padding-top: 90px;} .pt100{padding-top: 100px;}

/*PADDING BOTTOM 10px-100px*/
.pb10{padding-bottom: 10px;} .pb20{padding-bottom: 20px;} .pb30{padding-bottom: 30px;} .pb40{padding-bottom: 40px;} .pb50{padding-bottom: 50px;} .pb60{padding-bottom: 60px;} .pb70{padding-bottom: 70px;} .pb80{padding-bottom: 80px;} .pb90{padding-bottom: 90px;} .pb100{padding-bottom: 100px;}

/*MARGIN TOP 10px-100px*/
.mt10{margin-top: 10px;} .mt20{margin-top: 20px;} .mt30{margin-top: 30px;} .mt40{margin-top: 40px;} .mt50{margin-top: 50px;} .mt60{margin-top: 60px;} .mt70{margin-top: 70px;} .mt80{margin-top: 80px;} .mt90{margin-top: 90px;} .mt100{margin-top: 100px;}

/*MARGIN BOTTOM 10px-100px*/
.mb10{margin-bottom: 10px;} .mb20{margin-bottom: 20px;} .mb30{margin-bottom: 30px;} .mb40{margin-bottom: 40px;} .mb50{margin-bottom: 50px;} .mb60{margin-bottom: 60px;} .mb70{margin-bottom: 70px;} .mb80{margin-bottom: 80px;} .mb90{margin-bottom: 90px;} .mb100{margin-bottom: 100px;}

/*FONT WEIGHTS*/
.fw100{font-weight: 100;} .fw200{font-weight: 200;} .fw300{font-weight: 300;} .fw400{font-weight: 400;} .fw500{font-weight: 500;} .fw600{font-weight: 600;} .fw700{font-weight: 700;} .fw800{font-weight: 800;} .fw900{font-weight: 900;}

/*LETTER SPACING*/
.lshalf{letter-spacing:0.5px;} .ls1{letter-spacing:1px;} .ls2{letter-spacing:2px;} .ls3{letter-spacing:3px;} .ls4{letter-spacing:4px;} .ls5{letter-spacing:5px;} .ls6{letter-spacing:6px;} .ls7{letter-spacing:7px;} .ls8{letter-spacing:8px;} .ls9{letter-spacing:9px;} .ls10{letter-spacing:10px;}

/*LINE HEIGHT*/
.lh100{line-height:100%;} .lh120{line-height:120%;} .lh130{line-height:130%;} .lh140{line-height:140%;} .lh150{line-height:150%;} .lh160{line-height:160%;} .lh170{line-height:170%;} .lh180{line-height:180%;} .lh190{line-height:190%;} .lh200{line-height:200%;}

/*FONT SIZE 0 to 72px */
.fs0{font-size: 0;}.fs7{font-size: 7px;}.fs8{font-size: 8px;}.fs9{font-size: 9px;}.fs10{font-size: 10px;}.fs11{font-size: 11px;}.fs12{font-size: 12px;}.fs13{font-size: 13px;}.fs14{font-size: 14px;}.fs15{font-size: 15px;}.fs16{font-size: 16px;}.fs17{font-size: 17px;}.fs18{font-size: 18px;}.fs19{font-size: 19px;}.fs20{font-size: 20px;}.fs21{font-size: 21px;}.fs22{font-size: 22px;}.fs23{font-size: 23px;}.fs24{font-size: 24px;}.fs25{font-size: 25px;}.fs26{font-size: 26px;}.fs27{font-size: 27px;}.fs28{font-size: 28px;}.fs29{font-size: 29px;}.fs30{font-size: 30px;}.fs31{font-size: 31px;}.fs32{font-size: 32px;}.fs33{font-size: 33px;}.fs34{font-size: 34px;}.fs35{font-size: 35px;}.fs36{font-size: 36px;}.fs37{font-size: 37px;}.fs38{font-size: 38px;}.fs39{font-size: 39px;}.fs40{font-size: 40px;}.fs41{font-size: 41px;}.fs42{font-size: 42px;}.fs43{font-size: 43px;}.fs44{font-size: 44px;}.fs45{font-size: 45px;}.fs46{font-size: 46px;}.fs47{font-size: 47px;}.fs48{font-size: 48px;}.fs49{font-size: 49px;}.fs50{font-size: 50px;}.fs51{font-size: 51px;}.fs52{font-size: 52px;}.fs53{font-size: 53px;}.fs54{font-size: 54px;}.fs55{font-size: 55px;}.fs56{font-size: 56px;}.fs57{font-size: 57px;}.fs58{font-size: 58px;}.fs59{font-size: 59px;}.fs60{font-size: 60px;}.fs61{font-size: 61px;}.fs62{font-size: 62px;}.fs63{font-size: 63px;}.fs64{font-size: 64px;}.fs65{font-size: 65px;}.fs66{font-size: 66px;}.fs67{font-size: 67px;}.fs68{font-size: 68px;}.fs69{font-size: 69px;}.fs70{font-size: 70px;}.fs71{font-size: 71px;}.fs72{font-size: 72px;}

/*FORM ELEMENTS*/
.form-control, textarea, select, button, .btn{border-radius: 0;}
.form-control{border: 1px solid #ddd; height: 45px; border-radius: 10px;font-weight: 300;line-height: 45px;padding-right: 10px;padding-left: 10px;font-size: 13px}
.form-control:focus {color: #212529;background-color: #fff;border-color: #343753; outline: 0; box-shadow: 0 0 0 0.25rem rgb(50 50 50 / 25%);}
textarea{resize: none;}
textarea.form-control { height: auto !important;}


/*TEXT WHITE-BLACK COLOR SHADES*/
.text-white-5{color: rgba(255,255,255,.05)!important;} .text-white-10{color: rgba(255,255,255,.10)!important;} .text-white-15{color: rgba(255,255,255,.15)!important;} .text-white-20{color: rgba(255,255,255,.20)!important;} .text-white-25{color: rgba(255,255,255,.25)!important;} .text-white-30{color: rgba(255,255,255,.30)!important;} .text-white-35{color: rgba(255,255,255,.35)!important;} .text-white-40{color: rgba(255,255,255,.40)!important;} .text-white-45{color: rgba(255,255,255,.45)!important;} .text-white-50{color: rgba(255,255,255,.50)!important;} .text-white-55{color: rgba(255,255,255,.55)!important;} .text-white-60{color: rgba(255,255,255,.60)!important;} .text-white-65{color: rgba(255,255,255,.65)!important;} .text-white-70{color: rgba(255,255,255,.70)!important;} .text-white-75{color: rgba(255,255,255,.75)!important;} .text-white-80{color: rgba(255,255,255,.80)!important;} .text-white-85{color: rgba(255,255,255,.85)!important;} .text-white-90{color: rgba(255,255,255,.90)!important;}
.text-black-5{color: rgba(0,0,0,.05)!important;} .text-black-10{color: rgba(0,0,0,.10)!important;} .text-black-15{color: rgba(0,0,0,.15)!important;} .text-black-20{color: rgba(0,0,0,.20)!important;} .text-black-25{color: rgba(0,0,0,.25)!important;} .text-black-30{color: rgba(0,0,0,.30)!important;} .text-black-35{color: rgba(0,0,0,.35)!important;} .text-black-40{color: rgba(0,0,0,.40)!important;} .text-black-45{color: rgba(0,0,0,.45)!important;} .text-black-50{color: rgba(0,0,0,.50)!important;} .text-black-55{color: rgba(0,0,0,.55)!important;} .text-black-60{color: rgba(0,0,0,.60)!important;} .text-black-65{color: rgba(0,0,0,.65)!important;} .text-black-70{color: rgba(0,0,0,.70)!important;} .text-black-75{color: rgba(0,0,0,.75)!important;} .text-black-80{color: rgba(0,0,0,.80)!important;} .text-black-85{color: rgba(0,0,0,.85)!important;} .text-black-90{color: rgba(0,0,0,.90)!important;}


/*BUTTONS*/
.btn{border-radius: 50px; text-transform: uppercase;font-family: Roboto Slab; font-weight: 500;}
.btn-sm{font-size: 11px;}
.btn-md{font-size: 12px;}
.btn-lg{font-size: 13px;}

.btn-prime{background-color: #064D4F; color: #fff; border-color:#064D4F;}
.btn-prime:hover,.btn-prime:focus{background-color: #064D4F; color: #fff; border-color:#064D4F;opacity: 0.85;}

.btn-yellow{background-color: #F3AC00; color: #2E303D; border-color:#F3AC00;}
.btn-yellow:hover,.btn-yellow:focus{background-color: #F3AC00; color: #2E303D; border-color:#F3AC00;opacity: 0.85;}

.btn-lighter{background-color: #E6EDED; color: #064D4F; border-color:#E6EDED;}
.btn-lighter:hover,.btn-lighter:focus{background-color: #E6EDED; color: #064D4F; border-color:#E6EDED;opacity: 0.85;}

.btn-white{background-color: #fff; color: #064D4F; border-color:#fff;}
.btn-white:hover,.btn-white:focus{background-color: #fff; color: #064D4F; border-color:#fff;opacity: 0.85;}

/*SECTION MAIN BUTTON*/
.section-button .btn {font-weight: 600;font-size: 14px; letter-spacing:1px; height: 52px; display: inline-flex; justify-content: center; align-items: center; min-width: 261px; padding-left: 20px; padding-right: 20px; text-transform: uppercase;}
 

/*HEADINGS*/
h1, h2, h3, h4, h5, h6 {font-family: Roboto Slab; margin-bottom: .5rem; line-height: 1.2; color: #222;}
.heading-font{font-family: Roboto Slab;}
.normal-font{font-family: Inter, sans-serif;}

/*SECTION HEADINGS*/
.section-heading{margin-bottom: 30px; text-align: center;}
.section-heading h3{font-weight: 500; font-size: 30px; line-height: 120%; color:#323543; }
.section-heading p{font-weight: 500; font-size: 18px; line-height: 150%; color:#454545; }

/*TEXT*/
.text-prime{color: #064D4F;}
.text-prime-1{color: #4B7F80;}
.text-yellow{color: #ffc029;}

/*BACKGROUNDS*/
.bg-prime{background-color: #064D4F;}
.bg-yellow{background-color: #ffc029;}
.bg-light-1{background-color: #fbfdfc;}
/*Z-INDEX*/ 
.z-index0{z-index: 0;} .z-index1{z-index: 1;} .z-index2{z-index: 2;} .z-index3{z-index: 3;} .z-index4{z-index: 4;} .z-index5{z-index: 5;}

/*SWIPER*/
.swiper-button-next, .swiper-button-prev{height: 40px; width: 40px;}
.swiper-pagination-bullet-active{background-color: #03c2c7;}
.swiper-button-prev:after,
.swiper-button-next:after{font-size: 20px; color: #000; height: 40px; width: 40px; background: #fff; display: flex; border-radius: 20px; justify-content: center; align-items: center; box-shadow: 0 5px 10px rgb(0 0 0 / 20%);webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}

.swiper-button-prev:hover:after,
.swiper-button-next:hover:after{background: #007D8B; color: #fff;}

/*FULL PAGE JS SLIDE ARROWS*/
.fp-controlArrow.fp-prev {left: 15px; width: 0; border-width: 30.5px 26px 30.5px 0; border-color: transparent #525252 transparent transparent;}
.fp-controlArrow.fp-next {right: 15px; width: 0; border-width: 30.5px 0 30.5px 26px; border-color: transparent transparent transparent #525252;}

/*CONTAINER*/
.custom-container{max-width: 1170px;} 

/*#################################################################*/
/*##################_________MAIN STYLES_________##################*/
/*#################################################################*/

.oct-logo{ width:110px}

.site-header{background-color: #f6ffff; }
 
.main-navbar .header-search .form-control{color:#fff; height: 43px; background-color: #387172; border-color: #387172; padding-left: 40px}
.main-navbar .header-search .form-control::placeholder {color: #B2C8C8;} 
.main-navbar .header-search .form-control::-moz-placeholder {color: #B2C8C8; }
.main-navbar .header-search .form-control::-webkit-input-placeholder {color: #B2C8C8; }
.main-navbar .header-search .form-control:-ms-input-placeholder {color: #B2C8C8; }
.main-navbar .header-search i{position: absolute;left: 15px; top: 15px;color: #B2C8C8;}
.main-navbar .navbar-nav .nav-item .nav-link{color:#387172;font-family: Roboto Slab; font-weight: 500;font-size:16px;padding-left: 20px;padding-right: 20px;}
.main-navbar .navbar-nav .nav-item .nav-link:hover{color:#F3AC00;}
.main-navbar .login-btn-hdr{font-family: Roboto Slab; font-weight: 600; font-size: 13px;padding-left: 20px; padding-right: 20px;height: 43px; text-transform: capitalize;display: inline-flex; justify-content: center; align-items: center;}

/*BOOTSTRAP DROPDOWN ON HOVER*/
.site-header .dropdown-menu{ border: 1px solid rgba(120,130,140,.13);border-radius: 0; box-shadow: 0 3px 12px rgba(0,0,0,.05)!important;-webkit-box-shadow: 0!important;-moz-box-shadow: 0!important; padding-bottom: 8px; margin-top: 0;}
.site-header .dropdown-menu .dropdown-item{font-size: 14px;font-weight: 600;padding: 0.60rem 1rem;border-bottom: 1px solid rgba(192,201,210,.2);}
.site-header .dropdown-menu .dropdown-item:last-child { border-bottom: none;}
.site-header .dropdown-menu .dropdown-item:hover{background-color: #f6ffff;color: #f3ac00;}
.site-header .dropdown:hover>.dropdown-menu{display: block;padding: 0;}

/*TEA TYPE SECTION*/
.tea-block{border: 1px solid #333;padding: 15px; margin-top: 15px;margin-bottom: 15px;}
.tea-block:hover{border: 1px solid #fff;background-color: #fff;}
.tea-block img{max-width: 87px;margin-right: 16px;border: 5px solid rgb(255 255 255 / 35%); border-radius: 50%;}
.tea-block h5{color: #000000;font-weight: 500; margin-bottom: 5px;}
.tea-block p{color:#333; margin-bottom: 0;font-size: 14px;}

/*BESTSELLERS SECTIONS*/
.product-block-hp{padding:20px;border-radius: 20px;}
.product-block-hp:hover{background-color: #fff;box-shadow:0 8px 16px 8px rgb(0 0 0 / 10%);}
.product-block-hp .product-image{padding-right: 20px;max-width: 242px;}
.product-block-hp .product-content{padding-top: 20px;}
.product-block-hp .product-name{font-size: 18px;color: #064d4f;margin-bottom: 8px;}
.product-block-hp .product-desc{font-size: 14px;margin-bottom: 5px; line-height: 130%;}
.product-block-hp .stars i{margin-right: 2px;font-size: 10px;color: #e9b44c;}
.product-block-hp .product-content hr{border-width: 2px; border-color: #c4c4c4;margin-bottom: 8px;margin-top: 8px;}
.product-block-hp .product-content .product-price{font-size: 22px;margin-bottom: 15px;}

/*PRODUCT OPTIONS*/
.product-block-hp .custom-options{margin-bottom: 15px;}
.product-block-hp .custom-options .custom-option-label{font-size: 13px; color: #222;font-weight: 700;margin-bottom: 5px;}
.product-block-hp .custom-options .form-control{border-color: #98bb9b; border-radius:6px; height:auto; line-height:normal}
.product-block-hp .add-product-button{padding-left: 40px;padding-right: 40px;}
.product-block-hp .add-product-button:hover{color: #fff; background-color: #064d4f; border-color: #064d4f; opacity: 1;}

/*CATEGORY SECTION*/
.category-tab .nav-tabs{border-bottom: 1px solid transparent;}
.category-tab .nav-link{font-family: Roboto Slab; font-weight: 400; font-size: 20px; color: #fff;border:0; border-color: transparent;display: flex; align-items: center;}
.category-tab .nav-link img{margin-right: 10px;}
.category-tab .nav-link:hover, .category-tab .nav-link.active{background-color: transparent; border-bottom: 1px solid #F3AC00;color:#fff;}
.category-tab .nav-link:hover{border-bottom: 1px solid #fff;}

.product-catlist{padding-bottom: 40px;padding-top: 30px;}
.product-catblock{background-color: #E6EDED;padding-top: 100px;border-radius: 20px;overflow: hidden;}
.product-catcontent{padding: 80px 20px 10px;}
.product-catimg{height: 120px;width: 120px;border: 6px solid #E6EDED;border-radius: 50%;}

.product-catform .custom-catoptions .form-control{border-radius: 6px;height:auto; line-height:normal}
.product-catform .add-product-catbutton{padding-left: 20px;padding-right: 20px;}

/*OFFER SECTION*/
.offer-container{position: relative;background-image: url(../images/offerbgimg.png); background-repeat: no-repeat; background-size: cover; background-position: top left; height: 650px; padding: 40px 40px 40px 45%; border-radius: 50px; }
.offer-container .staroff{height: 114px; width: 108px; position: absolute; left: -30px; top: -30px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; background-image: url(../images/star.png); background-repeat: no-repeat; background-position: center center;}
.offer-container .staroff h3, .offer-container .staroff p{font-size: 25px; color: #133a1b; line-height: 1; font-weight: 700; margin-bottom: 0;}
.select-cups .btn{border: 2px dashed #fff; color: #fff; padding-left: 20px; padding-right: 20px;padding-top: 10px;padding-bottom: 10px;}
.select-cups .btn img{margin-right: 10px;}
.select-cups .btn-check:checked+.btn{background-color: rgb(0 0 0 / 56%); color: #fff;}
.select-cups .btn:hover{background-color: rgb(0 0 0 / 56%); color: #fff;border: 2px dashed #fff;}

/*ABOUT USP SECTION*/
.about-section{background-image: url(../images/abtbg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.abt-usp-block{background-color: rgb(0 0 0 / 56%); padding: 30px 20px; border-radius: 20px; }

/*TESTIMONIAL SECTION*/
.testimonial-slider{padding-bottom: 40px;}
.testimonial-block{padding-left: 60px;padding-right: 60px;}
.tmuserimage{height: 98px;width: 98px; border: 5px solid #fff; box-shadow: 0 3px 4px 2px rgb(0 0 0 / 15%);}

/*#################__________FOOTER__________####################*/
.footer-main{background-color: #032A2B;}

.footer-main{color:#C6C6C6; font-size: 13px;}
.footer-main h6{color:#F3AC00; margin-bottom: 20px; font-size: 14px;}

.footer-main .social-handles a{font-size: 30px; margin-right: 24px; color: #fff;}
.footer-main .social-handles a:last-child{margin-right: 0;}
.footer-main .social-handles a:hover{opacity: 0.7;}

.footer-main .footer-links ul li{margin-bottom: 10px;}
.footer-main .footer-links ul li a{display: block;}
.footer-main .footer-links ul li a,
.footer-main p a{color:#C6C6C6;}

.footer-main .footer-links ul li a:hover,
.footer-main p a:hover{color:#fff;}

.footer-main .footer-links ul{list-style: none; margin: 0;padding: 0;}

.footer-main .ftr-contact-info .info-block h6{color:#fff; text-transform: uppercase; font-size: 12px; margin-bottom: 5px;}
.footer-main .ftr-contact-info i{margin-right: 15px; font-size: 18px; color: #fff;}

.footer-btm{font-size:12px;}
.footer-btm .copyrights,
.footer-btm .gototop{color:#C6C6C6;}
.footer-btm .copyrights{}
.footer-btm .gototop{}
.footer-btm .gototop a{color:#C6C6C6;}
.footer-btm .gototop a i{background: linear-gradient(105deg, #F5BD33 -23.5%, #387172 94.7%); height: 35px; width: 35px; font-size: 14px; color:#fff; border-radius: 10px; display: flex; justify-content: center; align-items: center; }

.ftr-content-links a{color:#C6C6C6;}
.ftr-content-links a:hover{color:#fff;}


/*#################__________Listing Page Css__________####################*/

.listing.category-tab .nav-link{color:#5b5d69;}
.listing.category-tab .nav-link:hover, .listing.category-tab .nav-link.active{border-bottom: 1px solid #064D4F;color: #064D4F;}
.listing.category-tab .nav-link:hover{border-bottom: 1px solid #F3AC00;}
.listing.category-tab .nav-link { border-radius: 0; padding: 12px 31px;}


/*****---Main Inner page listing css*****---*/ 
.inner-banner-top { height:370px;background-color: #fffcfd;background-repeat: no-repeat; background-position: top center;}
.inner-banner-top .main-content { max-width: 520px; display: flex; height: 100%; flex-direction: column; justify-content: center;}
.inner-banner-top p{ color:#fff; font-weight: 500;font-size: 14px;line-height: 20px;color: rgba(255,255,255,.8);}



/*****--About us css*****---*/
.aboutus-pages{ padding:80px 0} 
.aboutus-pages .about-introduce .intro_detail .info-intro .title_intro {font-size:36px;line-height: 43px;margin-bottom: 20px}
.aboutus-pages .about-introduce .intro_detail .info-intro .title_intro:before {height: 2px;width: 55px; background: #7bae23;position: absolute;bottom: 0; left: 0}
.aboutus-pages .about-introduce .intro_detail .info-intro .des_intro {font-size: 12px;color:#5b5d69;font-weight: 500;font-style: normal;letter-spacing: 3.2px}
.aboutus-pages .about-introduce .intro_detail .info-intro .des_intro:before { display: inline-block;content: "";width: 45px;height: 2px;background:#ffc02a; margin-right: 18px;position: relative;top: -3px}
.aboutus-pages .about-introduce .intro_detail .info-intro .content_intro { margin-top: 35px}
.aboutus-pages .about-introduce .intro_detail .info-intro .content_intro p {line-height: 1.8;font-size: 15px; color:#5b5d69;}
 
.about-quotes{background-position: center center;  background-attachment:fixed; background-size:cover; padding:130px 0} 
  
.count-time{padding:20px; background-color:#e7eded; border-radius: 10px;}
.count-time span{font-size: 50px; color:#064D4F }
.count-time h3 {font-size: 60px; color:#064D4F}
.count-time p{ color:#5b5d69; margin-bottom:0;font-weight: 500;}



/*################________FAQS PAGE________################*/
.faq-container .faq-block{border: 1px solid #e8e8e8; background:none; margin-bottom: 10px;border-radius:0px;}
.faq-container .faq-block .faq-header{ padding: 14px 50px 14px 20px; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; position: relative; cursor: pointer;color: #064D4F;}
.faq-container .faq-block .faq-header:before, 
.faq-container .faq-block .faq-header:after{content: '';background-color:#064D4F;width: 12px;height: 2px;position: absolute;top:25px;transition: all .4s ease-in-out;} 
.faq-container .faq-block .faq-header:before {right: 21px; transform: rotate(-40deg);} 
.faq-container .faq-block .faq-header:after {right: 30px; transform: rotate(40deg);} 
.faq-container .faq-block .faq-answer{padding-left: 20px; padding-right: 20px; padding-bottom: 20px;display: none;}
.faq-container .faq-block .faq-answer,
.faq-container .faq-block .faq-answer p{color:#5b5d69; font-size: 16px; font-weight: 400; line-height: 160%;     border-top: 1px solid #e8e8e8; padding-top: 10px;}
.faq-container .faq-block .faq-answer p{margin-bottom: 20px;}
/*OPENED*/
.faq-container .faq-block.isOpen{ background:none}
.faq-container .faq-block.isOpen .faq-header:before, 
.faq-container .faq-block.isOpen .faq-header:after{background-color:#333;} 
.faq-container .faq-block.isOpen .faq-header:before {transform: rotate(40deg);} 
.faq-container .faq-block.isOpen .faq-header:after {transform: rotate(-40deg);}



/*################_______Contact PAGE________################*/
.contact_info {padding:15px;border-radius: 10px;border: 1px solid rgba(8, 5, 33, 0.12); display: flex;flex-wrap: wrap;align-items: center;}
.contact_info .icon {width: 70px;height: 70px;background: #E6EDED;margin-right: 20px;border-radius: 50%;-webkit-border-radius: 50%; -moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;padding: 20px;}
.contact_info .text { max-width: 72%;}
.contact_info .text p,
.contact_info .text a {display: block;font-size: 15px;font-weight: 500;color: var(--paraColor);line-height: 26px; margin-bottom:0}
.contact_info .text a:hover { color: #E6EDED;}
.contact_map { height: 500px; }
.contact_map iframe {width: 100%; height: 100%}

/*----Register CSS---*/
.register  {background-size:cover}
 

/*PRODUCT DETAILS PAGE*/
.product-details .product-block-hp:hover {background-color: #fff;box-shadow:none}
.product-qty .btn{height: 38px;}
.product-qty .input-group .form-control{width: 60px;height: 38px;}
.product-qty .input-group .btn{width: 50px;}
.product-qty .input-group input[type=number]::-webkit-inner-spin-button,
.product-qty .input-group input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; }
.product-qty .input-group .value-button:hover {cursor: pointer; background-color:#064D4F; border-color:#064D4F; color: #fff; }

.dt-section .faq-block .faq-header {font-size: 18px; background: #e7eded;}
.dt-section .faq-block .faq-answer, .faq-container .faq-block .faq-answer p {background: #ffffff;font-size: 15px;}


/*---------------------CSS Start 24-Jun-2024----------------*/

/*HEADER FIXED ON SCROLL*/
.isFixed {position: fixed; top: 0; right: 0;  left: 0;  z-index: 1030;  z-index: 99;animation: smoothScroll 1s forwards; background-color: rgba(255, 255, 255, .8); box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);  -webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}
 
@keyframes smoothScroll {0% {transform: translateY(-40px); }100% { transform: translateY(0px); }}
.isFixed .ocd-logo { width: 120px;}

.ocd-logo{ width:155px}
.not-vegan img{ width:45px}
.no-sugar-free img{ width: 80px;}
.contains-peanuts img{width:37px }

.fir-hding{ min-width:180px}
.thank-u img{ width:100px}
 
.mobile-fx {display: block;position: fixed;bottom: 0;left: 0;right: 0;z-index: 999; padding:10px}
 
#search-results{ position:absolute; z-index:5;background: #f6ffff;max-height:434px;overflow-y: scroll;top: 60px;
min-width: 240px;}
#search-results ul{ margin-bottom:0}
#search-results li{ border-bottom:1px solid #ddd;padding: 10px; font-size:14px; font-weight:600; }
#search-results li a{display:block}
#search-results li:hover{ background-color:#fff}

.isFixed #search-results {top: 53px;}


/*Profile Page CSS*/
.profile-header {
    background-image: url('https://via.placeholder.com/1500x500');
    background-size: cover;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.profile-header h1 {
    font-size: 36px;
    margin-bottom: 10px;
}

.profile-info {
    padding: 2em;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.profile-info ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.profile-info li {
    margin-bottom: 10px;
}

.profile-info span {
    font-weight: bold;
}

.order-history {
    padding: 2em;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.order-history ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.order-history li {
    margin-bottom: 10px;
}

.order-history span {
    font-weight
} 

.showcoupon{
    display: none ;
}
    
/*Profile page CSS END*/

.prod-img{ max-width: 425px;text-align: center;margin: 0 auto;display: block; width:100%}

/*-404 PAGE CSS--*/
.oopss {background-image:linear-gradient(-90deg, #f3ac00 0%, #d19b1a 20%, #d3b367 39%, #7fc7c9 76%, #458a8b 100%);height: 100vh;line-height: 1.5em;}
.oopss .error-text {flex-direction: column;justify-content: center;font-size: 40px;display: flex;
align-items: center;color: #000;height: 100vh;} 
.oopss .error-text span {font-size: 3em; font-weight: 900; margin-bottom: 50px;}
 

.product-content .cart-add-success{ font-size:13px }
.pikup-btn{ background-color: #f6ffff;color: #000;border: #387172 1px solid;padding: 9px 36px;border-radius: 4px;font-weight: 600;}
.pikup-btn.curent{ background-color: #F3AC00;color: #2E303D;border-color: #F3AC00; }

.dactive{ display:none !important}

/*#################################################################*/
/*################___________MEDIAQUERIES____________##############*/
/*#################################################################*/

@media screen and (min-width: 1900px) {
   
}

@media screen and (min-width: 1600px) {
 }  
}
 
@media screen and (min-width: 1400px) {
   
} 

@media (max-width: 1439.98px) {  
 
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
 
}

@media (max-width: 576.98px) {
.site-header.isFixed{ position:static}
.ocd-logo {width: 130px;}
.product-block-hp .product-image { margin: 0 auto;}
.tea-block {margin-bottom: 0;margin-top: 5px;}
.category-tab .nav-link {font-size: 16px;padding: 6px}
.btn-yellow {width: 100%; padding:10px}
.offer-container .staroff {left: -5px;top: -45px;}
.offer-container {padding: 74px 40px 40px 5%; height:100%}
.select-cups .btn {padding-left: 15px;padding-right: 15px;padding-top: 8px;padding-bottom: 8px;margin-bottom: 10px;}
.stats-section, .counter-hading{ text-align:center}
.footer-about .figure{ text-align:center; display:block}
.ftr-content-links .px-4{padding-left: 2px !important;padding-right: 2px !important;margin-bottom: 10px;display: inline-block;}
.gototop, .top_banner-listing{ display:none}
.main-navbar .login-btn-hdr { margin: 10px auto}
.listing.category-tab .nav-link {padding: 10px;font-size: 12px}
.contact_img, .contact_info{ margin-bottom:10px}
.inner-banner-top { height: 265px; background-size: cover;}

.section-button .btn { min-width: 100%; margin-bottom: 10px}
.total-price.text-end{ text-align:center !important} 
.custom-checkbox .custom-control-label{ font-size:13px}
.checkout-pg .form-control{ height:42px }
.about-quotes {padding: 50px 0;}
.aboutus-pages .about-introduce .intro_detail .info-intro .title_intro {margin-bottom: 10px;margin-top: 12px}
.aboutus-pages .about-introduce .intro_detail .info-intro .content_intro {margin-top: 0;}
.about-counters-img img{ width:100%; margin-bottom:10px}



.footer-btm .copyrights, .footer-btm .gototop {padding-top: 0 !important;padding-bottom: 30px !important;}   
}