/*img, h1 with p starts*/
.img_parent{max-width: 100%; min-width: 100%; max-height: 75vh; min-height: 75vh; height: 75vh; position: relative;  display: inline-block; margin-top: 0.5px;}
.on_img_txt{position: absolute; bottom: 5px; color: white; text-align: right; width: 100%; padding: 0.5rem; font-size: 0.8rem; color: green;}
.img{max-width: 100%; min-width: 100%; max-height: 100%; min-height: 100%; height: 100%;}
.child_one{padding: 0.5rem; line-height: 2; margin-top: 1rem;}
/*img, h1 with p starts*/

/* where to buy starts */
.where_to_buy_parent{padding: 0.5rem; line-height: 2;}
.where_to_buy{display: inline;}
/* where to buy ends */


/* featured starts */
.featured_heading{text-align: center; text-decoration: underline; padding: 0.5rem; margin-top: 1.5rem; color: green;}
.read_more_link { cursor: pointer; color: blue; border-bottom: 1px solid black; border-color: blue;}
.featured_products_cont_parent{ line-height: 1.5; }
.wrapper_for_items h3{display: inline; color: green;}
.wrapper_for_items{display: flex; justify-content: space-between; flex-wrap: wrap; gap:30px; padding: 0.5rem;}
.art_product_items p{font-size: 0.9rem; display: inline;}
.products_pics_cont{width: 360px; height: 370px; display: inline-block; position: relative;}
.caption{position: absolute; font-size: 0.8rem; top: 0px; padding: 0.5rem; color: white;}
.products_pics{max-width: 100%; min-width: 100%; max-height: 100%; min-height: 100%;}
.art_wp_btn{ background-color: #29cb4a; text-decoration: none; color: white; padding: 0.5rem; text-align: center;  width: 100%; font-weight: 600;}
.art_wp_btn_cont{ display: flex; width: 100%; justify-content: center; margin-top: 4px;}
.art_product_items_parent{width: 360px; margin-top: 0.5rem; opacity: 0; transform: translateY(50px);
          transition: opacity 0.5s ease, transform 0.5s ease;}
.art_product_items_parent.visible{opacity: 1; transform: translateY(0);}
/* featured ends */

/* reviews section starts */
.customer_reviews_heading_container{text-align: center;} .nav_item.active { background-color: #717171; }
.stars_color{color: #fb8e28; font-size: 1.2rem; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.customer_reviews_heading_container h2{border-bottom: 2px solid black; padding-bottom: 2px; display: inline-block; margin: 1rem;}
.reviews_main_container { position: relative; width: 100%; overflow: hidden;} .reviews_wrapper::-webkit-scrollbar { display: none; }
.reviews_wrapper {  display: flex; transition: transform 0.5s ease-in-out; scroll-behavior: smooth; scroll-snap-type: x mandatory;  overflow-x: auto; -webkit-overflow-scrolling: touch;}
.reviews_wrapper { -ms-overflow-style: none; scrollbar-width: none; } blockquote p {font-size: 0.8rem; line-height: 2;}
.reviews { flex: 0 0 25%; padding: 0.5rem; box-sizing: border-box; scroll-snap-align: start; height: 150px; overflow: scroll;}
.carousel_navigation { display: flex; justify-content: center; align-items: center; }
.arrow { background: none; border: none; font-size: 2rem; cursor: pointer; }
.carousel_nav { display: flex; justify-content: center; align-items: center; margin: 0 10px; }
.nav_item { height: 15px; width: 15px; margin: 0 5px; background-color: #bbb; border-radius: 50%; display: inline-block; cursor: pointer; }
/* reviews section ends */

/* benefits container starts*/
.benefits_parent{line-height: 2; background-color: #22572A; padding-bottom: 1rem;}
.benefits_parent h2{padding: 0.5rem; margin-top: 1rem; color: white; text-decoration: underline;}
.benefits_heading_cont{justify-content: center; display: flex; margin-bottom: 1rem;}
.art_boxes_cont {display: flex; flex-wrap: wrap; justify-content: space-between; gap:30px; list-style-type: none;}
.art_boxes{width: 365.34px; background-color: #22572a; padding: 0.5rem; color: #D3D3D3; border-radius: 2px; opacity: 0; transform: translateY(50px);
          transition: opacity 0.5s ease, transform 0.5s ease; border: 1px dotted black; }
.art_boxes.visible { opacity: 1; transform: translateY(0); }
/* benefits container ends*/

@media(max-width:1155px){.art_boxes_cont, .wrapper_for_items{justify-content: center;} .benefits_heading_cont{display: flex; justify-content: center;}}
@media(max-width:1050px){.reviews { flex: 0 0 33.33%;}}
@media(max-width:800px){body{padding-top: 0.1px;} main{margin-top: 60px;}}
@media(max-width:850px){.reviews { flex: 0 0 50%;}}
@media(max-width:760px){.art_boxes{width: 100%;}.benefits_parent{background-color: transparent;} .benefits_parent h2{ color: #22572A;} .art_boxes{border: none;}}
@media(max-width:735px){#article_heading{font-size: 1.3rem;}}
@media(max-width:660px){.benefits_parent h2{font-size: 1.3rem; color:white;} .art_boxes_cont{gap:1px;}
                        .benefits_heading_cont{background-color: #22572A; margin-bottom: 1px; padding-bottom: 0.5rem;} }
@media(max-width:600px){.reviews { flex: 0 0 100%;}}
@media(max-width:501px){.where_to_buy_parent h2{font-size: 1.3rem;}}
@media(max-width:378px){.art_boxes{width: 100%;} .products_pics_cont{width: 280px;} .art_product_items_parent{width: 280px;} .wrapper_for_items h3{font-size: 1rem;}
                        .featured_heading{font-size: 1rem; margin-top: 3rem; padding-bottom: 0rem;} .art_product_items_parent:nth-child(1){margin-top: 0rem;}
                        .benefits_parent h2{font-size: 1rem; text-decoration: underline;}
                        #article_heading{font-size: 1.1rem;} .where_to_buy_parent h2{ font-size: 1.1rem; margin-top: 2rem;} .customer_reviews_heading_container h2{font-size: 1.4rem;}
                        }
