/* GLOBAL STYLES
-------------------------------------------------- */
@font-face {
    font-family: "BrandonGrotesque-Regular";
    src: url(../../assets/fonts/BrandonGrotesque-Regular.eot?#iefix);
    src: url(../../assets/fonts/BrandonGrotesque-Regular.eot?#iefix) format("eot"),
        url(../../assets/fonts/BrandonGrotesque-Regular.woff) format("woff2"),
        url(../../assets/fonts/BrandonGrotesque-Regular.woff) format("woff"),
        url(../../assets/fonts/BrandonGrotesque-Regular.ttf) format("truetype"),
        url(../../assets/fonts/BrandonGrotesque-Regular.svg) format("svg");
}
@font-face {
    font-family: "BrandonGrotesque-Bold";
    src: url(../../assets/fonts/BrandonGrotesque-Bold.eot?#iefix);
    src: url(../../assets/fonts/BrandonGrotesque-Bold.eot?#iefix) format("eot"),
        url(../../assets/fonts/BrandonGrotesque-Bold.woff) format("woff2"),
        url(../../assets/fonts/BrandonGrotesque-Bold.woff) format("woff"),
        url(../../assets/fonts/BrandonGrotesque-Bold.ttf) format("truetype"),
        url(../../assets/fonts/BrandonGrotesque-Bold.svg) format("svg");
}

body{  font-family: "BrandonGrotesque-Regular", "Helvetica Neue", Helvetica ,sans-serif; font-size: 20px; color: #464646; line-height: 26px; line-height: 1.3; }
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; height: 20px; width: 20px; background: url("../../assets/images/Icon-Close.png"); }
a{ color: inherit; }

/* FOOTER */
footer.ural-footer{ background-color: #222731; color: #fff; padding-top: 30px; }
footer.ural-footer ul, footer.ural-footer li{ list-style: none; padding-left: 0; margin-bottom: 0; }
footer.ural-footer li a{  color: #fff; text-decoration: none; }
footer.ural-footer .ural-footer-links li{ padding-top: .1rem; padding-bottom: .1rem }
footer.ural-footer .ural-footer-links li a, footer.ural-footer .ural-foot-social a{  font-size: 16px; font-weight: bold; color: #fff; text-decoration: none; }
footer.ural-footer .ural-footer-links1 li a{ font-size: 14px; text-transform: uppercase; }
footer.ural-footer .footer-logo{ margin-bottom: 20px; }
footer.ural-footer .ural-footer-links1{ margin-top: 15px; }
footer.ural-footer .ural-foot-social{ margin-top: 25px; }
footer.ural-footer .ural-foot-social a{ display: flex;}
footer.ural-footer .ural-foot-social a>img{ padding-right: .5rem;}
footer.ural-footer .copyright-text{ font-size: 14px; line-height: 18px; }
.footer-buy-now{ position: relative; width: 100%; text-align: center; padding: 10px 0 0 0; border-bottom: 10px solid #EE7B0F; }
.footer-buy-now .btn-buy-now{ position: relative; font-size: 16px; font-weight: bold; color: #fff; padding:5px 20px 15px 20px; background: #EE7B0F; border-radius: 15px 15px 0px 0px;}
.footer-buy-now .btn-buy-now:after{ position: absolute; left: 50%; margin-left: -3px; bottom: 5px; width: 14px; height: 7px; content:''; background: url(../../assets/images/buy-now-arrow-down.png); background-repeat: no-repeat; }
.footer-buy-now .btn-buy-now.active:after{ background: url(../../assets/images/buy-now-arrow-up.png); background-repeat: no-repeat; }
.footer-buy-now .buy-now-logos{ position: fixed; top: 100%; left: 0; background: #EE7B0F; margin: 0px 0; width: 100%;}
.footer-buy-now .buy-now-logos.sticky{ position: relative; top: 0; }
.footer-buy-now .buy-now-logos .bg-white{ background: #fff; min-height: 41px; vertical-align: middle; margin-bottom: 10px; }
.footer-buy-now .buy-now-logos .bg-white a>img{ width: 80%; }

.top-index{ position: relative; z-index: 2; }

.pt-10{ padding-top: 10px; }
.pt-20{ padding-top: 20px; }
.pt-30{ padding-top: 30px; }
.pb-10{ padding-bottom: 10px; }
.pb-20{ padding-bottom: 20px; }
.pb-30{ padding-bottom: 30px; }

.text-white{ color: #fff; }
.text-black{ color: #333333; }
.text-green{ color: #7AC142; }
.text-orange{ color: #FF6900; }
.fs-small{ font-size: 14px; }
.fs-14{ font-size: 16px; line-height: 18px; }

hr{ background-color: #fff; opacity: 1; margin: 20px 3rem;}

.form-check-input:focus { outline: none; border-color: none; box-shadow: none; }

.img-ural{ height: 35px; }
.content-main{ overflow-x: hidden; margin-top: 51px; }
.bg-ural{ background-color: #FFFFFF; }
.bg-home{ background-color: #FAA300; }
.img-fluid{ width:100%; }
.ascorbic-logo{ padding-left: 10px; }
.header-right{ padding-right: 10px; }
.header-right .abbott-logo{ padding-right: 10px; }

.navbar{ z-index: 101; }
.navbar-nav { max-height:400px; overflow-y: auto; }
.navbar-top{ background-color: #FFFFFF; font-size: 12px; color: #0A6A37; padding: 5px; }
.navbar-top a{ text-decoration: none; color: inherit; margin-left: .5rem; line-height: 1; }
.navbar-top a>img{ margin-right: 5px; }
.navbar-dark .navbar-toggler-icon{ background-image: url(../../assets/images/Hamburger.png); }

.dropdown-toggle{ white-space: inherit; }
.navbar-dark .navbar-nav .dropdown{ position: static; }
.dropdown-menu[data-bs-popper]{ margin-top: -1px; }
.navbar-dark .navbar-nav .nav-link{ font-family: "BrandonGrotesque-Bold", "Helvetica Neue", Helvetica ,sans-serif; position: relative; color: #fff; 
  padding: .7rem 1.2rem; font-size: 14px; color: #0A6A37; }
/*.navbar-dark .navbar-nav .nav-link.dropdown-toggle{ padding-right: 1.6rem; }*/
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{ color: #7AC142; }
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link{ color: #0A6A37; text-decoration: underline; }
.navbar-dark .navbar-nav .dropdown-item{ white-space: inherit; }
.navbar-collapse .nav-item .dropdown-menu{ padding:20px 30px; background-color: #0A6A37; width: 100%; border: 0; border-radius: 0;}
.navbar-dark .navbar-nav #search-desktop.nav-link{ padding: .6rem .9rem; }
.navbar-toggler{ padding: .1rem 0rem; border:none; color: #fff; }
.navbar-collapse .nav-item > a{ text-transform: uppercase; }
.navbar-collapse .nav-item .dropdown-menu li.padding-0{ padding-top: .5rem; padding-bottom: .5rem;}
.navbar-collapse .nav-item .dropdown-toggle::after{ position: absolute; top: 12px; right: 1.2rem; content: ''; border: solid #0A6A37;
  border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.navbar-collapse .nav-item .dropdown-toggle.show::after{ margin-top: 5px; border-color: #7AC142; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);  }
.navbar-collapse .nav-item.search-nav-item .dropdown-toggle::after{ display: none; }

.navbar-collapse .nav-item .dropdown-menu li{ color: #fff; }
.navbar-collapse .nav-item .dropdown-menu li a{ font-family: "BrandonGrotesque-Bold", "Helvetica Neue", Helvetica ,sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; }
.navbar-collapse .nav-item .dropdown-menu ul.sub-links{ list-style: none; padding-left: 0; }
.navbar-collapse .search-bar-form{ padding: 0 1.2rem; }
.navbar-collapse .search-bar{ position: relative; margin-top: 20px; margin-bottom: 20px; }
.navbar-collapse .search-icon{ position: absolute; left: 10px; top: 50%; margin-top: -10px; }
.navbar-collapse .search-bar input{ border-radius: 20px; width: 100%; padding-left: 2.5rem; }
.navbar-collapse .search-icon-desktop{ margin-right: 2rem; }
.navbar-dark .navbar-nav .dropdown .bottom-border{  }
.navbar-dark .navbar-nav .dropdown .sub-title{ margin-bottom: 10px;  }
.navbar-dark .navbar-nav .dropdown .sub-title.bottom-border{ margin-top: 0px; border-bottom: none; margin-bottom: 10px; }
.navbar-collapse .nav-item .dropdown-menu ul.sub-links.family-health{ margin-bottom: 20px; }
.navbar-expand-md .navbar-nav .search-nav-item input.form-control { padding: 12px 1.5rem; border-radius: 20px; }

.social-links-header{ position: fixed; right: -10px; z-index: 100; top: 45px; width: 89px; height: 59px; padding-left: 15px;
  background-image: url(../../assets/images/social-bg.png);}
.social-links-header a{ display: inline-block; padding: 11px 1px; }
.social-links-header.home{ top: 101px; }

.btn-primary{ width: 100%; color: #7AC142; background-color: #FFFFFF; border-color: #FFFFFF; padding: 10px 25px; border-radius: 25px; 
  font-weight: bold; line-height: 1; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); font-size: 18px; }
.btn-readmore{ color: #7AC142; background-color: #FFFFFF; border-color: #FFFFFF; padding: 10px 25px; border-radius: 25px; 
  font-weight: bold; line-height: 1; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); }
.btn-readmore.bg-green{ background-color: #7AC142; border-color: #7AC142; color: #FFFFFF; }
.btn-social{ color: #7AC142; background-color: #FFFFFF; border-color: #FFFFFF; padding: 8px 10px; border-radius: 25px; font-weight: bold; text-align: left;
  width: 100%; font-size: 20px; display: flex; line-height: 24px; }
.btn-learn-more{ color: #7AC142; background-color: #FFFFFF; border-color: #FFFFFF; padding: 10px 40px; border-radius: 25px; 
  font-weight: bold; line-height: 1; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);}
.btn-social>img{ padding-right: 1rem; }
.btn-primary.back-btn{ background-color: transparent; color: #FFFFFF; }

.btn-readmore:hover, .btn-find-out:hover, .btn-primary:hover, .btn-learn-more:hover, 
.btn-readmore:focus, .btn-find-out:focus, .btn-primary:focus, .btn-learn-more:focus{ color: #FFFFFF; background-color: #7AC142; border-color: #7AC142; }
.btn-readmore.bg-green:hover, .btn-readmore.bg-green:focus{ color: #7AC142; background-color: #FFFFFF; border-color: #FFFFFF; }

.ural-box{ font-size: 40px; line-height:43px; font-weight: bold; text-shadow: 3px 3px 1px #4CA22F; position: relative; }
.ural-box1{ font-size: 40px; line-height:43px; font-weight: bold; text-shadow: 3px 3px 1px #4CA22F; position: relative; }
.title1{ font-family: "BrandonGrotesque-Bold", "Helvetica Neue", Helvetica ,sans-serif; font-size: 30px; line-height:32px; margin-bottom: 15px; }
.title2{ font-family: "BrandonGrotesque-Bold", "Helvetica Neue", Helvetica ,sans-serif; font-size: 26px; line-height: 32px; margin-bottom: 15px; }
.title3{ font-size: 20px; line-height: 26px; font-weight: bold; margin-bottom: 15px; }
.title4{ font-size: 20px; line-height: 24px; font-weight: bold; }
.desc{ font-size: 20px; line-height: 26px; margin-bottom: 20px; }
.desc-medium{ font-size: 16px; line-height: 22px; margin-bottom: 10px; }
.sub-title{ font-size: 26px; }
.fw-brandon-bold{ font-family: "BrandonGrotesque-Bold", "Helvetica Neue", Helvetica ,sans-serif; }
sup{ font-size: .8rem; }

.divider{ display: inline-block;  height:100%; width:2px; background: #EE7B0F; }

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
  padding-right: var(--bs-gutter-x,25px);
  padding-left: var(--bs-gutter-x,25px);
}

.ural-box .text{ margin-right: 10px; }
.mobile-padding{ padding-top: 2rem; padding-right: 2rem; padding-left: 2rem; }
.social-buttons{ padding-left: 0rem; padding-right: 0rem; }

/* Carousel base class */
.carousel-caption { top: -2rem; bottom: auto; z-index: 10; max-width: 100%; left: 20px; right: 20px; }
#homeBannerCarousel .carousel-caption{ top: -1%; padding-top: 4rem;  }
.carousel-item > img { position: relative; min-width: 100%; }
.carousel-indicators [data-bs-target]{ width: 30px; height: 4px; border-radius: 0; background-color: #E5E5E5; border:0; margin-left: 7px; margin-right: 7px }
.carousel-indicators .active{ background-color: #7AC142; border:0; }
.carousel-control-next, .carousel-control-prev{ width:5px; height:12px; top: auto; bottom: 20px; margin-top: 0; }
.carousel-control-next-icon, .carousel-control-prev-icon{  width:5px; height:12px; }
.carousel-control-prev-icon{ background-image: url(../../assets/images/Arrow-left-green-01.png); background-repeat: no-repeat; }
.carousel-control-next-icon{ background-image: url(../../assets/images/Arrow-right-green-01.png); background-repeat: no-repeat; }

.carousel-caption .mt-l{ margin-top: 5.5rem; }

#homeBannerCarousel{ padding-bottom: 30px; }
#homeBannerCarousel .carousel-indicators{ bottom: 10px; }
#homeBannerCarousel .carousel-control-prev{ left: 50%; margin-left: -10rem; }
#homeBannerCarousel .carousel-control-next{ right: 50%; margin-right: -10rem; }
#homeBannerCarousel .title2{ text-shadow: 3px 3px 1px #4CA22F; padding-top: 10px; }

.home-tab-nav{ position: absolute; top: 20px; left: 50%; z-index: 11; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); 
  transform: translateX(-50%); }
.home-tab-nav .tab-head{ display: flex; }
.home-tab-nav .tab-head .tab-item{ margin: 0 5px; text-decoration: none; font-size:10px; color: #FFFFFF; border-radius: 25px; padding:8px 5px 7px 5px; 
  border: 1px solid #FFFFFF; font-weight: bold; cursor: pointer; min-width: 110px; text-align:center; }
.home-tab-nav .tab-head .tab-item.selected,
.home-tab-nav .tab-head .tab-item:hover{ background-color: #0A6A37; border: 1px solid #3C8124; }


.slick-prev,
.slick-next{ font-size: 0; line-height: 0; position: absolute; top: auto; bottom: -22px; display: block; width: 5px; height: 12px; padding: 0; cursor: pointer; 
  color: transparent; background: transparent; background-color: transparent; border: none; outline: none; z-index: 101; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{ }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{ opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{ /*opacity: .25;*/ }
.slick-prev:before, .slick-next:before{  }
.slick-prev{ left: 50%; margin-left: -10rem; background-image: url(../../assets/images/Arrow-left-green-01.png); background-repeat: no-repeat; }
.slick-next{ right: 50%; margin-right: -10rem; background-image: url(../../assets/images/Arrow-right-green-01.png); background-repeat: no-repeat; }

/* Dots */
.slick-dotted.slick-slider{ margin-bottom: 30px;}
.slick-slider .slick-track{ margin-bottom: 10px; }
.slick-dots{ position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; z-index: 10;}
.slick-dots li{ position: relative; display: inline-block; width: 30px; height: 2px; margin: 0 7px; padding: 0; cursor: pointer;}
.slick-dots li button{ font-size: 0; line-height: 0; display: block; width: 30px; height: 4px; border-radius: 0%; 
  background-color: transparent; border: none; background-color: #E5E5E5; margin-left: 7px; margin-right: 7px; cursor: pointer; }
.slick-dots li.slick-active button{ background-color: #7AC142; }

#symptomsUTICarousel .slick-slide img, #symptomsKidneyStonesCarousel .slick-slide img{ display: inline-block; }
#symptomsUTICarousel .slick-prev, #symptomsUTICarousel .slick-next, #symptomsKidneyStonesCarousel .slick-prev, #symptomsKidneyStonesCarousel .slick-next{ bottom: 50%; }
#symptomsUTICarousel .slick-prev, #symptomsKidneyStonesCarousel .slick-prev{ width: 38px; height: 38px; left: 15px; margin-left: 0; background-image: url(../../assets/images/Arrow-left-green-02.png); background-repeat: no-repeat; }
#symptomsUTICarousel .slick-next, #symptomsKidneyStonesCarousel .slick-next{ width: 38px; height: 38px; right: 15px; margin-right: 0; background-image: url(../../assets/images/Arrow-right-green-02.png); background-repeat: no-repeat; }


/* SECTION BG */
.dietFoodTable{ position: relative; background: #7AC142 url(../../assets/images/mid-bg.jpg); 
  background-repeat: no-repeat; background-position: center top; background-size: cover; min-height: 1400px; padding-top: 3rem; padding-bottom: 3rem; }
.howUralWorks{ position: relative; background: #7AC142 url(../../assets/images/mid-bg.jpg); 
  background-repeat: no-repeat; background-position: center top; background-size: cover; min-height: 1400px; }
.relatedArticle{ position: relative; background: #7AC142 url(../../assets/images/relatedArticle-bg-mobile.png); 
  background-repeat: no-repeat; background-position: center top; background-size: cover; min-height: 400px; padding-top: 3rem; padding-bottom: 3rem; }
.goutMastHead, .utiMastHead, .kidneyStonesMastHead{ position: relative; background: #7AC142 url(../../assets/images/gout-bg-mobile.png); 
  background-repeat: no-repeat; background-position: center top; background-size: cover; min-height: 400px; padding-top: 3rem; padding-bottom: 3rem; }
.preventUTI{ position: relative; background: #7AC142 url(../../assets/images/mid-bg.jpg); 
  background-repeat: no-repeat; background-position: center top; background-size: cover; min-height: 1400px; padding-top: 3rem; padding-bottom: 3rem;   }
.symptomsKidneyStones{ position: relative; background: #7AC142 url(../../assets/images/mid-bg.jpg); 
  background-repeat: no-repeat; background-position: center bottom; background-size: cover; min-height: 1400px; padding-top: 3rem; padding-bottom: 3rem; }
.searchResultsMastHead{ position: relative; background: #7AC142 url(../../assets/images/search-mast-head-desktop.jpg); 
  background-repeat: no-repeat; background-position: center top; background-size: cover; min-height: 300px; padding-top: 3rem; padding-bottom: 3rem;  }
.faqMastHead{ position: relative; padding-top: 1rem; padding-bottom: 1rem; }
.purineFoodTable{ position: relative; background: #7AC142 url(../../assets/images/mid-bg.jpg); 
  background-repeat: no-repeat; background-position: center top; background-size: cover; min-height: 1400px; padding-top: 3rem; padding-bottom: 3rem;  }
.dietFoodContentLeft{ margin-right: 0rem; padding: 0px; }
.dietFoodContentRight{ margin-left: 0rem; padding: 0px; }
.dietFoodContentMobile{ padding: 30px 0; }
.kidneyStonesMastHead{ padding-top: 0rem; }

.gout .dietFoodTable{ background: #7AC142 url(../../assets/images/mid-bg-gout.png); 
  background-repeat: no-repeat; background-position: center top; background-size: cover; min-height: 500px; padding-top: 1rem; padding-bottom: 2rem; }

.howUralWorks .img-content .desc{ text-shadow: 3px 3px 1px #0A6A37; }
.goutMastHead .desc, .utiMastHead .desc, .kidneyStonesMastHead .desc{ max-width: 500px; }
.goutMastHead .image{ margin-top:-6rem;}

.featuredArticle{ padding-top: 3rem; padding-bottom: 3rem; }
#featuredArticleCarousel .slick-slide{ padding: 10px; margin-right: 0rem; }
#featuredArticleCarousel .slick-slide .caption{ background: #fff; padding:15px 20px 30px 20px; min-height: 210px; border-radius: 0 0 15px 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); }
#featuredArticleCarousel .slick-slide>img { border-radius: 15px 15px 0 0; }

.bg-box{ padding: 20px; border-radius: 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); }
.bg-box.green{ background: url(../../assets/images/bg-box.png); background-repeat: no-repeat; 
  background-position: center top; background-size: cover; min-height: 560px; }

.steps{ display: flex; justify-content: space-between; margin-bottom: 30px;}
.steps>.step{ position: relative; color: #0A6A37; font-size: 16px; font-weight: bold; }
.steps>.step:after{ position: absolute; bottom: -5px; left: 12px; width: 95%; content: ''; height: 2px; background-color: #0A6A37; }
.steps>.step.selected{ color: #7AC142; }
.steps>.step.selected:after{ background-color: #7AC142; }
.steps>.step>span{ font-size: 16px; padding-right: 5px; }

.uralTabs{ margin-bottom: 1rem; background-color: #FFFFFF; border-radius: 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); }
.uralTabs .nav-tabs{ border-bottom: none; text-align: center;  }
.uralTabs .nav-tabs a{ display: inline-block; width: 33.33333333333%; color: #0A6A37; font-weight: bold; background-color: #7DC04B; border: none; 
  border-radius: 0; border-color: transparent; }
.uralTabs .nav-tabs a:first-child{ border-radius: 15px 0 0 0; }
.uralTabs .nav-tabs a:last-child{ margin-right: 0px; border-radius: 0 15px 0 0; }
.uralTabs .nav-tabs .nav-link.active{ background-color: transparent; color: #7AC142; }
.uralTabs .nav-tabs .nav-link img.icon-selected{ display: none; }
.uralTabs .nav-tabs .nav-link.active img.icon-normal{ display: none; }
.uralTabs .nav-tabs .nav-link.active img.icon-selected{ display: inline-block; }
.uralTabs .tab-content>.tab-pane{ padding: 20px 0; }
.icon-food{ margin-right: 10px; }
.icon-food-small{ margin-right: 3px; }

.foodTable { width: 100%; height: 280px; overflow-y: auto; margin-top: 10px; }
.foodTable table{ width: 100%; font-size: 18px; }
.foodTable table tr>th { font-size: 16px; }
.foodTable tr>th, .foodTable tr>td{ padding: 5px; text-align: left; vertical-align: top; min-width: 25%; }
.foodTable tr>th:first-child, .foodTable tr>td:first-child{ min-width: 50%; }
.foodTable tr>th{ color: #7AC142; font-weight: bold; }
.foodTable tr>td{ border-bottom: 1px solid #707070; }
.foodTable .d-flex>div{ padding-right: 10px; }
.foodTable .d-flex>div.count, .foodTable .d-flex>div.food_text{ /*padding-top: 5px;*/ }
.foodTable .d-flex>div.count{ min-width: 20px; text-align: center; padding-top: 5px; }

.purineFoodContentLeft .foodTable tr>td{ /*border-bottom: none;*/ }
.purineFoodContentLeft .foodTable tr>td:first-child{ width: 50%; }

.reviewFood{ margin-bottom: 1rem; padding: 10px; background-color: #FFFFFF; border-radius: 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); }
.visual-guide>div{ padding-right: 5px; font-weight: bold; line-height: 1.2; font-size: 12px; }
.purine{ position: relative; padding-left: 20px;  }
.purine:before{ position: absolute; left: 0; top: 0; margin-top: -8px; width: 15px; height: 15px; content: ''; border-radius: 50%; }
.purine.high:before{ background: #FF6900; }
.purine.moderate:before{ background: #FDEF2A; }
.purine.low:before{ background: #7AC142; }
.visual-guide .purine:before{ margin-top: 0px;  }

.purineFoodContentLeft .reviewFood{ display: block; box-shadow: none;margin-bottom: 0; }
.purineFoodContentLeft .reviewFood .visual-guide>div{ font-size: 12px; padding-right: 5px; }

.foodReviewTable{ height: 255px; overflow-y: auto; }
.foodReviewTable table{ width: 100%; font-size: 16px;}
.foodReviewTable tr>th, .foodReviewTable tr>td{ padding: 2px 5px; text-align: left; }
.foodReviewTable tr>td.data-mg{ width: 30px; }
.reviewTitle{ border-bottom: 1px solid #707070; padding-bottom: 5px; margin-top: 10px; }
.reviewTable td.food-data{ width:40%; }
.foodResults{ margin-bottom: 1rem; padding: 5rem 20px; background-color: #FFFFFF; border-radius: 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); }
.foodResults .result-text.High{ color: #FF6900; }
.foodResults .result-text.Moderate{ color: #E8E336; }
.foodResults .result-text.Low{ color: #7AC142; }
.foodResults .purine-text{ display: none; }

.selectFood, .reviewFood, .foodResults{ display: none; }
.selectFood.selected, .reviewFood.selected, .foodResults.selected{ display: block; }
.are-youat-risk-buttons, .rev-sub-buttons{ display: block; width: 40%; margin-left: 5%; margin-right: 5%;}
.rev-sub-buttons.hide{ display: none; }

.areYouAtRiskStep{ display: none; }
.areYouAtRiskStep.selected{ display: block; }
#areYouAtRiskStep2 .are-youat-risk-buttons, .rev-sub-buttons{ width: 48%; margin-left: 1%; margin-right: 1%; }
#areYouAtRiskStep2 .are-youat-risk-buttons .btn-primary{ padding: 10px 10px; }
.areYouAtRiskStep .checkItems{ height: 350px; overflow-y: auto; }
.areYouAtRiskStep .checkItems{ color: #fff; }
.areYouAtRiskStep .checkItems .form-check{ margin-bottom: 10px; }
.areYouAtRiskStep .checkItems .form-check-input{ width: 15px; height: 15px; background-color: transparent; border: 1px solid #fff; border-radius: 50%; margin-top: 6px; }
.areYouAtRiskStep .checkItems .form-check-input:checked[type=checkbox]{ background-image: url(../../assets/images/Icon_ionic-ios-checkmark-circle1.png); }
.symptomsResults{ display: none; padding: 20px; }
.symptomsResults.selected{ display: block; }


.areYouAtRiskStep .checkItems::-webkit-scrollbar { height: 4px; overflow: visible; width: 4px; }
.areYouAtRiskStep .checkItems::-webkit-scrollbar-track{ background-color: #336633; }
.areYouAtRiskStep .checkItems::-webkit-scrollbar{ width: 4px; background-color: #FFFFFF; }
.areYouAtRiskStep .checkItems::-webkit-scrollbar-thumb{ background-color: #FFFFFF; }

.foodTable::-webkit-scrollbar { height: 4px; overflow: visible; width: 4px; }
.foodTable::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
.foodTable::-webkit-scrollbar{ width: 4px; background-color: #FFFFFF; }
.foodTable::-webkit-scrollbar-thumb{ background-color: #707070; }
.foodReviewTable::-webkit-scrollbar { height: 4px; overflow: visible; width: 4px; }
.foodReviewTable::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
.foodReviewTable::-webkit-scrollbar{ width: 4px; background-color: #FFFFFF; }
.foodReviewTable::-webkit-scrollbar-thumb{ background-color: #707070; }

.whatIsUralMastHead .carousel-caption{ top: -2rem; }
.whatIsUralMastHead .carousel-caption .text,.whereToBuyMastHead .carousel-caption .text{ position: absolute; top: 3rem; }
.whatIsUralMastHead .redeem-box, .whereToBuyMastHead .redeem-box{ background: url(../../assets/images/redeem-bg.png); background-repeat: no-repeat; 
  background-position: center top; background-size: cover; padding: 20px; min-height: 142px; border-radius: 15px; margin-bottom: 30px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); }
.whatIsUralMastHead .redeem-box .title2, .whereToBuyMastHead .redeem-box .title2{ margin-bottom: 5px; }

.whatIsUralMastHead .carousel-caption .image img.d-md-none{ max-width: 55%; }


.videoSection{ padding: 3rem 0; }
.videoThumb{ position: relative; }
.videoThumb video{ border-radius: 15px; }
.videoControls{ position: absolute; content:''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); border-radius: 15px; }
.playBtn{ position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; }
.playBtn > img{ width: 50px; height: 50px; }

.videoThumb.gout .videoControls{ background: url(../../assets/images/Video_GOUT.jpg); background-position: center center;
  background-size: cover; }
.videoThumb.kidneystones .videoControls{ background: url(../../assets/images/Video_KS.jpg); background-position: center center;
  background-size: cover; }
.videoThumb.uti .videoControls{ background: url(../../assets/images/Video_UTI.jpg); background-position: center center;
  background-size: cover; }

.productInformation{ padding: 3rem 0; }
.productInformation .d-flex>div{ padding-right: 20px; margin-bottom: 30px; }
.productInformation .d-flex .title2{ margin-bottom: 10px; }
.ingredientsTable table, .nutritionTable table{ width: 100%; }
.ingredientsTable table, .nutritionTable table{ border-top: 3px solid #7AC142; border-bottom: 3px solid #7AC142; }
.ingredientsTable table tr td, .nutritionTable table tr td{ padding: 15px 10px; border-bottom: 1px solid #464646; }
.ingredientsTable table tr td:last-child{ font-weight: bold; }
.relatedArticle .related-article{ position: relative; background-color: #FFF; border-radius: 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); }
.relatedArticle .related-article .d-flex>div{ padding-right: 10px; }
.relatedArticle .related-article .title4, .featuredArticle .title4.text-green, 
.uralHealthHubMastHead .title4.text-green, .articleContent .title4.text-green{ font-weight: bold; position: relative; margin-bottom: 10px; }
.relatedArticle .related-article .title4:after, .featuredArticle .title4.text-green:after,
.uralHealthHubMastHead .title4.text-green:after, .articleContent .title4.text-green:after{ position: absolute; content: ''; left: 0; 
  bottom: 2px; width:20px; height: 1px; background-color: #7AC142; }
.iconBookMark{ position: absolute;  top: 15px; right: 15px; }
.iconShare{ position: absolute;  bottom: 15px; right: 15px; }

.img-content{ padding: 20px; }

.tipsToReduce{ padding: 3rem 0; }
.watchOutHighPurine{ padding: 3rem 0; }
.symptomsUTI{ padding: 3rem 0; }
.preventKidneyStones{ padding: 3rem 0; }
.view-purine-food{ position: relative; }
.view-purine-food img{ width: 100%; }
.view-purine-food-cta{ position: absolute; bottom: 30px; left: 50%; margin-left: -101px; }

.howUralWorks .content-inner{ max-width: 500px; margin:0 auto;}
.green-box{ background: url(../../assets/images/about-UTI_Bg.png); background-repeat: no-repeat; background-position: center top; background-size: cover; padding: 30px; 
  min-height: 418px; margin-bottom: 20px; margin-right: 0px; border-radius: 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);}
.white-box{ background: #fff; padding: 20px; margin-bottom: 20px; border-radius: 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); }
.white-box>div{ margin-right: 10px; }
.kidneystones-box{ background: url(../../assets/images/kidney-stones-box.png); background-repeat: no-repeat; background-position: center top; 
  background-size: cover; padding: 20px 0px; border-radius: 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); 
  color: #fff; font-weight: bold; font-size: 16px; min-height: 245px; margin-bottom: 20px; position: relative; }
.kidneystones-box .vertical-center{ position: absolute; width: 86%; margin: 0 7%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%); transform: translateY(-50%); }
.kidneystones-box>div{ margin-bottom: 10px; }
.kidneystones-box .vertical-center>div:first-child{ margin-bottom: 10px; }
.kidneyStonesMastHead .ural-box1{ position: absolute; top: 3rem; }

.symptomsKidneyStones .ural-ks-dropdown{ margin-bottom: 20px; }
.symptomsKidneyStones .ural-ks-dropdown-toggle{ position: relative; background-color: #FFF; border-color: #FFF; color: #7AC142; font-size: 26px; 
  font-weight: bold; border-radius: 10px; padding: 14px 14px 13px 14px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); display: flex; align-items: center; }
.symptomsKidneyStones .ural-ks-dropdown-toggle::after{ position: absolute; right: 20px; content: ''; top: 50%; margin-top: -9px;
  border: solid #7AC142; border-width: 0 3px 3px 0; display: inline-block; padding: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.symptomsKidneyStones .ural-ks-dropdown-toggle img{ margin-right: 10px; }
.symptomsKidneyStones .ural-ks-dropdown-toggle img.icon-selected{ display: none; }
.symptomsKidneyStones .ural-ks-dropdown-toggle.selected{ background-color: #0A6A37; color: #FFF; border-radius: 15px 15px 0 0; }
.symptomsKidneyStones .ural-ks-dropdown-toggle.selected::after{ border: solid #FFF; margin-top: -3px; border-width: 0px 3px 3px 0px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);  }

.symptomsKidneyStones .ural-ks-dropdown-menu{ position: relative; background: #0A6A37 url(../../assets/images/expand-bg.png); background-repeat: no-repeat; 
  background-size: cover; padding: 20px; border-radius: 0 0 15px 15px; display: none; }
.symptomsKidneyStones .ural-ks-dropdown-menu.selected{ /*display: block;*/ }
.symptomsKidneyStones .ural-ks-dropdown-toggle.selected img.icon-normal{ display: none; }
.symptomsKidneyStones .ural-ks-dropdown-toggle.selected img.icon-selected{ display: block; }

#uralHealthHubCarousel .content-inner{ padding-right: 20px; }
#uralHealthHubCarousel .slick-slide{ border-radius: 15px; border: 1px solid #E5E5E5; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(255, 255, 255, 0.03); }

.uralHealthHubArticle{ padding: 3rem 0; }
.uralHealthHubArticle .uralSearch{ margin-bottom: 20px; }
.searchBar input,
.uralHealthHubArticle .uralSearch input { border-radius: 20px; width: 100%; color: #333333; padding: 12px 1.5rem; }
.uralHealthHubArticle .articleContent{ background: #fff; border-radius: 15px; margin-bottom: 20px;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 10px 0 rgb(0 0 0 / 19%); }
.uralHealthHubArticle .articleContent img{ border-radius: 15px 15px 0px 0; min-height: 242px; }
.uralHealthHubArticle .articleContent .caption{ padding: 0px 20px 20px 20px; min-height: 200px; }
.uralFilterTabs{ margin-bottom: 20px; }
.uralFilterTabs a{ display: inline-block; color: #7AC142; background-color: #FFFFFF; border-color: #FFFFFF; padding: 10px 25px; border-radius: 25px; margin: 10px; 
  font-weight: bold; line-height: 1; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); text-decoration: none; cursor: pointer; }
.uralFilterTabs a.selected{ background-color: #7AC142; border-color: #7AC142; color: #FFFFFF; }

.uralSearchPagination .pagination{ justify-content: center; }
.uralSearchPagination .page-link{ border: 0; color: #464646; }
.uralSearchPagination .page-item.active .page-link{ color: #464646; font-weight: bold; background-color: transparent; border-color: none; }
.uralSearchPagination .page-link[aria-label="Previous"] { background: url(../../assets/images/pagination-left.png); background-repeat: no-repeat; 
  background-position: center left; }
.uralSearchPagination .page-link[aria-label="Next"] { background: url(../../assets/images/pagination-right.png); background-repeat: no-repeat;
    background-position: center left; }

/*.searchResultsMastHead .searchBar{ position: absolute; top: 50%; margin-top: -25px; max-width: 700px; width:100%;}*/
.searchResultsMastHead .searchBar{ padding-top: 5rem; }
.searchResultsMain { padding:30px 0; }
.searchFilter{ padding: 15px; margin-bottom: 10px; border-bottom: 1px solid #464646; }
.searchFilter .filterTitle{ width: 134px; padding: 5px 20px; font-size: 18px; font-weight: bold; background: #464646 url(../../assets/images/Icon_Filter.png); background-repeat: no-repeat; 
    background-position: 80% 50%; border-bottom: 1px solid #464646; color: #FFFFFF; border-radius: 15px 15px 0px 0;}
.searchFilter .filterSubTitle{ font-weight: bold; padding-top: 10px; margin-bottom: 10px; border-top: 1px solid #464646;}
.searchFilter input[type='checkbox'] { width: 17px; height: 17px; }
.searchFilter .form-check-input:checked{ background-color: #333333; border-color: #333333; }
.searchFilter .btn-readmore.bg-black{ background-color: #333333; border-color: #333333; color: #FFFFFF;}
.searchResultsMain .searchResultsTop{ padding-left: 20px; font-size: 26px; }
.searchResultsMain .searchResultsItem{ padding-left: 20px; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #C2C8CF; }
.searchResultsMain .pagination{ justify-content: center; }
.searchResultsMain .page-link{ color: #070707; border: none; }
.searchResultsMain .page-link[aria-label="Previous"] { color: purple; background: url(../../assets/images/pagination-left.png); background-repeat: no-repeat; 
  background-position: center left; }
.searchResultsMain .page-link[aria-label="Next"] { color: purple; background: url(../../assets/images/pagination-right.png); background-repeat: no-repeat; 
  background-position: center left; }
.searchResultsMain .page-link[aria-label="Previous"]>span{ display: none; }
.searchFilter .checkItems{ padding-bottom: 10px; }
.searchFilter .viewMore{ font-weight: bold; }

.faqPage{ margin-bottom: 2rem; }
.faqPage .searchBar{ position: relative; margin-top: 20px; margin-bottom: 20px; text-align: left; }
.faqPage .searchBar .search-icon{ position: absolute; right: 10px; top: 50%; margin-top: -10px; }
.faqPage .searchBar input{ border-radius: 20px; width: 100%; color: #333333; padding: 12px 1.5rem;}
.faqPage .searchResults .btn-readmore{ position: relative; padding-right: 60px; }
.faqPage .searchResults .btn-readmore .close-icon{ position: absolute; right: 15px; top: 50%; margin-top: -7px;  }
.faqPage .question .q-box{ display: inline-block; padding: 15px; border-radius: 15px; width: 100%; text-decoration: none; color: inherit;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); cursor: pointer; min-height: 90px; }
.faqPage .answer{ display: none; padding-top: 5px; margin-bottom: 2rem; }
.faqPage .answer.selected{ display: block; }

.faqPage .faqSearchList{ width: 100%; padding: 10px; list-style: none; display: none; max-height: 320px; overflow-y: auto; }
.faqPage .faqSearchList li{ list-style: none; cursor: pointer; padding-top: 10px; color: #7AC142; }
.faqPage .searchResults .faq-searh-ans{ display: none; }
.faqPage .searchResults .searc-clear-btn{ display: none; }

.faqPage .faqSearchList::-webkit-scrollbar { height: 4px; overflow: visible; width: 4px; }
.faqPage .faqSearchList::-webkit-scrollbar-track{ background-color: #7AC142; }
.faqPage .faqSearchList::-webkit-scrollbar{ width: 4px; background-color: #0A6A37; }
.faqPage .faqSearchList::-webkit-scrollbar-thumb{ background-color: #0A6A37; }
.faqPage .faqMain{ border-top: 1px solid #707070; }

.uralFaqTabs{ margin-bottom: 1rem; }
.uralFaqTabs .nav-tabs{ border-bottom: none; text-align: center; display: flex; align-items: center; justify-content: center; }
.uralFaqTabs .nav-tabs a{ border: none; margin-right: 10px; border-bottom: 3px solid #7AC142; font-weight: bold; color: inherit; 
  border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 10px 5px; max-width: 30%; font-size: 12px; }
.uralFaqTabs .nav-tabs a:last-child{ margin-right: 0px; }
.uralFaqTabs .nav-tabs .nav-link.active{ background-color: #7AC142; border-bottom: 3px solid #7AC142; color: #fff; }

.uralFaqTabs .ural-ks-dropdown{ margin-bottom: 20px; border-radius: 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); }
.uralFaqTabs .ural-ks-dropdown-toggle{ position: relative; background-color: #FFF; border-color: #FFF; color: #7AC142; font-size: 20px; 
  font-weight: bold; border-radius: 15px; padding: 14px 35px 13px 14px; display: flex; align-items: center; }
.uralFaqTabs .ural-ks-dropdown-toggle::after{ position: absolute; right: 20px; content: ''; top: 22px; margin-top: 0px;
  border: solid #7AC142; border-width: 0 3px 3px 0; display: inline-block; padding: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.uralFaqTabs .ural-ks-dropdown-toggle.selected{ background-color: #7AC142; color: #FFF; border-radius: 15px 15px 0 0; }
.uralFaqTabs .ural-ks-dropdown-toggle.selected::after{ border: solid #FFF; margin-top: -3px; border-width: 0px 3px 3px 0px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);  }

.uralFaqTabs .ural-ks-dropdown-menu{ position: relative; background: #7AC142; background-repeat: no-repeat; 
  background-size: cover; padding: 0 20px 20px 20px; border-radius: 0 0 15px 15px; display: none; }
.uralFaqTabs .ural-ks-dropdown-menu.selected{ /*display: block;*/ }
.uralFaqTabs hr{ background-color: #7AC142; opacity: 1; margin: 30px 0; }
.uralFaqTabs .ural-ks-dropdown-menu table th, .uralFaqTabs .ural-ks-dropdown-menu table td{ border: 1px solid #FFFFFF; padding: 10px; vertical-align: top; }
.uralFaqTabs .searc-clear-btn{ display: none; }
.uralFaqTabs .tab-content .tab-pane hr{ display: none; }
.uralFaqTabs .ural-ks-dropdown-menu ul{ padding-top: 1rem; }

.articleBreadCrumb .desc > span.space-line{ padding:0 10px; font-size: 30px; color: #464646; }
.articleBreadCrumb .desc > span:last-child{ color: #7AC142; font-weight: bold; }
.articlePageDetails{ padding: 2rem 0; }

.articlePageDetails .related-article{ position: relative; background-color: #FFF; border-radius: 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); }
.articlePageDetails .related-article .d-flex>div{ padding-right: 10px; }
.articlePageDetails .related-article .title4, .articlePageDetails .title4.text-green{ font-weight: bold; position: relative; margin-bottom: 10px; }
.articlePageDetails .related-article .title4:after{ position: absolute; content: ''; left: 0; bottom: 2px; width:20px; 
  height: 1px; background-color: #7AC142; }

.articlePageDetails .slick-prev, .articlePageDetails .slick-next{ bottom: 50%; }
.articlePageDetails .slick-prev{ width: 38px; height: 38px; left: -20px; margin-left: 0; background-image: url(../../assets/images/Arrow-left-green-03.png); background-repeat: no-repeat; }
.articlePageDetails .slick-next{ width: 38px; height: 38px; right: -20px; margin-right: 0px; background-image: url(../../assets/images/Arrow-right-green-03.png); background-repeat: no-repeat; }
.articlePageDetails .articleSocial a{ margin-left: 5px; margin-right: 5px; } 
.articlePageDetails .articleSocial span{ margin-right: 10px; }
.articlePageDetails .imgArticle{ position: relative; }
.articlePageDetails .imgArticle .caption{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); 
  -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 3rem; }

.articlePageDetails ul.list-style1{ counter-reset: my-awesome-counter; list-style: none; padding-left: 20px; /*margin-top: 20px;*/ margin-bottom: 0; }
.articlePageDetails ul.list-style1 li{ margin: 5px 0 0px 0; padding-bottom: 5px; position: relative; }
.articlePageDetails ul.list-style1 li::before{ content: ''; color: #fff; font-size: 1rem; font-weight: bold; position: absolute; --size: 9px; text-align: center;
  left: calc(-1 * var(--size) - 10px); line-height: var(--size); width: var(--size); height: var(--size); top: 7px; background: #7BC143; border-radius: 50%; }
.articlePageDetails ul.list-style1 li::before{ background: #7BC143; }
.articlePageDetails ul.list-style1.white-dot li::before{ background: #FFFFFF; }
.articlePageDetails ul.list-style2{ counter-reset: my-awesome-counter; list-style: none; padding-left: 40px; }
.articlePageDetails ul.list-style2 li{ margin: 20px 0 20px 0; padding-bottom: 20px; position: relative; border-bottom: 1px solid #AFAFAF; }
.articlePageDetails ul.list-style2 li::before{ content: '\2713'; color: #fff; font-size: 1rem; font-weight: bold; position: absolute; --size: 30px; text-align: center;
  left: calc(-1 * var(--size) - 10px); line-height: var(--size); width: var(--size); height: var(--size); top: 2px; background: #7BC143; border-radius: 50%; }
.articlePageDetails ul.list-style1 ul.list-style-line{ list-style: none; }
.articlePageDetails ul.list-style1 ul.list-style-line li::before{ height: 2px; top: 15px; }
.articlePageDetails ol{ padding-left: 0px; }
.articlePageDetails ol li{ list-style-type: none; }
.articlePageDetails ol li{ margin: 5px 0 0px 0; padding-bottom: 5px; }
/*.articlePageDetails ol{ counter-reset: my-awesome-counter; list-style: none; padding-left: 40px; }
.articlePageDetails ol li{ margin: 20px 0 20px 0; padding-bottom: 20px; counter-increment: my-awesome-counter; position: relative; border-bottom: 1px solid #AFAFAF; }
.articlePageDetails ol li::before{ content: counter(my-awesome-counter); color: #fff; font-size: 1rem; font-weight: bold; position: absolute; --size: 30px; text-align: center;
  left: calc(-1 * var(--size) - 10px); line-height: var(--size); width: var(--size); height: var(--size); top: 2px; background: #7BC143; border-radius: 50%; }*/
.articlePageDetails hr{ background-color: #707070; margin: 20px 0rem;}

.articlePageDetails .top-bottom-border{ padding: 2rem 2rem 1.2rem 2rem; border-top: 1px solid #4CA22F; border-bottom: 1px solid #4CA22F; }
.articlePageDetails #articlePageCarousel .slick-slide img{ border-radius: 15px }

/*.articlePageDetails .articleIcon{ position: relative; width: 100px; height: 100px; text-align: center; vertical-align: middle; width: 118px; height: 118px;
  background-image: url(../../assets/images/article/uti-article-bg1.png); background-repeat: no-repeat; background-size: cover; }
.articlePageDetails .articleIcon > img{ max-height: 100%; max-width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.articlePageDetails .articleIcon.style1{ background-image: url(../../assets/images/article/uti-article-bg2.png); background-repeat: no-repeat; 
  background-size: cover; }*/
.articlePageDetails .articleBox1{ border-radius: 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); padding: 20px 3rem; }
.articlePageDetails .articleBox2{ border-radius: 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); margin-bottom: 30px; }
.articlePageDetails .articleBox3{ border-radius: 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); margin-bottom: 30px; }
.articlePageDetails .articleBox2 .bg-article-title-box{ background-color: #0A6A37; font-size: 24px; padding: 15px; line-height: 1; font-weight: bold;
  border-radius: 15px 15px 0 0; min-height: 110px; }
.articlePageDetails .number.style1 { width: 32px; height: 32px; text-align: center; color: #FFFFFF; padding: 5px 0; margin-right: 10px;
  margin-left: 10px; background-color: #FFFFFF; color: #0A6A37; border-radius: 15px; }
.articlePageDetails .articleBox2 .articleBox-content{ margin: 15px 20px; padding-bottom: 20px; min-height: 310px; }
.articlePageDetails .articleBox3 .articleBox-content{ padding: 25px 2rem; text-align: center; border-top: 5px solid #7AC142; }
.articlePageDetails .title2 sup, .articlePageDetails .articleBox3 sup{ top: -.8em; }
.articlePageDetails .articleBox1 .left-right-arrow{ position: relative; }
.articlePageDetails .articleBox1 .left-right-arrow:after{ position: absolute; content: ''; top: 50%; right: -50px; margin-top:-12px; width: 59px; 
  height: 24px; background-image: url(../../assets/images/article/left-right-arrow.png); background-repeat: no-repeat; display: none; }

.articlePageDetails .articleBg{ padding:25px; background-color: #7AC142; border-radius: 15px;/*background-image: url(../../assets/images/article/gout-article-bg-1.png); 
  background-repeat: no-repeat; background-size: 100% 100%;*/ }
.articlePageDetails .articleBg.goutBg{ background-image: url(../../assets/images/article/gout-article-bg-2.png); 
  background-repeat: no-repeat; background-size: 100% 100%; }
.articlePageDetails .articleBg.kidneyStonesBg{}

.articlePageDetails .view-purine-food-cta{ bottom: 50%; max-width: 285px; left: auto; right: 3rem; margin-bottom: -25px; }
.articlePageDetails .reference-text{ margin-bottom: 30px; }
.articlePageDetails .reference-text ol li{ margin-bottom: 15px; }
.articlePageDetails .box-green{ background-color: #7AC142; padding: 2rem; }

.articlePageDetails .article-img{ position: relative; }
.articlePageDetails .article-img > img{ width: 100%; }
.articlePageDetails .article-caption{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; width: 100%; padding:10px 3rem; }
.articlePageDetails .article-caption .caption1{ color: #FFFFFF; font-family: "BrandonGrotesque-Bold", "Helvetica Neue", Helvetica ,sans-serif; font-size: 60px; }
.articlePageDetails .article-caption .caption2{ color: #FFFFFF; font-family: "BrandonGrotesque-Bold", "Helvetica Neue", Helvetica ,sans-serif; font-size: 28px; }
.articlePageDetails .article-caption .caption3{ color: #FFFFFF; font-family: "BrandonGrotesque-Bold", "Helvetica Neue", Helvetica ,sans-serif; font-size: 26px; }
.articlePageDetails .article-caption .caption4{ color: #FFFFFF; font-size: 20px; }
.articlePageDetails .article-caption .caption1{ position: relative; }
.articlePageDetails .article-caption .caption1::after{ position: absolute; content: ''; bottom: 0; left: 50%; height: 1px; width: 42px; margin-left: -21px;
  background-color: #FFFFFF; } 

.wheretobuy{ margin-bottom: 30px; }

.purineFoodContentRight{ padding-left: 20px; padding-right: 20px; }
.purineFoodContentRight .white-box{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); }
.purineFoodContentRight .white-box .title1{ margin-bottom: 0; text-decoration: underline; }
.purineFoodContentRight .white-box .title3{ margin-bottom: 0; }
.purineFoodContentRight .white-box hr{ margin: 10px 2rem; background-color: #464646; }
.purineFoodContentRight .desc{ color: #FFFFFF; }


.tipsToReduce .img-content .title2{ max-width: 240px; margin-left: auto; margin-right: auto; }

.preventUTI .white-box{ font-size: 20px; }
.max-w-400{ max-width: 400px; }
.max-w-500{ max-width: 500px; }

.whereToBuyLogo{ margin-bottom: 3rem; }

.howUralWorks .text-white-mobile{ margin-top: 6rem; }



@media (min-width: 300px) {
  .home-tab-nav .tab-head .tab-item{ font-size: 8px; }
}
@media (min-width: 375px) {
  .uralFaqTabs .nav-tabs a{ font-size: 15px; }
}
@media (min-width: 400px) {
  .uralFaqTabs .nav-tabs a{ font-size: 17px; }
  .home-tab-nav .tab-head .tab-item{ font-size: 10px; }
}
@media (min-width: 576px){
  .uralFaqTabs .nav-tabs a{ font-size: 24px;}
  .home-tab-nav .tab-head .tab-item{ min-width: 160px; font-size: 14px; }
}

.d-flex-custom{ display: block; }
.d-flex-custom1{ display: flex; }
.hide-mobile{ display: none; }

.whatIsUralMastHead .d-flex-custom>div, .whereToBuyMastHead .d-flex-custom>div{ margin-right: 15px; }
.whatIsUralMastHead .d-flex-custom1>div, .whereToBuyMastHead .d-flex-custom1>div{ margin-right: 10px; }


@media (min-width: 675px) {
  .home-tab-nav .tab-head .tab-item{ min-width: 180px; font-size: 14px; padding-left: 15px; padding-right: 15px; }
}

@media (min-width: 768px) {
  .img-ural{ height: 50px; }
  .d-flex-custom{ display: flex; }
  .hide-mobile{ display: table-row; }
  .navbar-dark .navbar-nav .nav-link{ padding: .2rem .2rem;  font-size: 10px; }  
  .visual-guide>div{ font-size: 14px; }
  .uralFaqTabs .nav-tabs a{ padding: 10px 1rem; max-width: 100%; }
  .uralFaqTabs .tab-content .tab-pane hr{ display: block; }
  .faqPage .faqSearchList li{ color: #FFFFFF; text-shadow: 3px 3px 1px #0A6A37; }
  .navbar-collapse .nav-item .dropdown-toggle::after{ right: 40%; padding: 2px; }
  .navbar-collapse .nav-item .dropdown-menu li{ color: #fff; display: inline; padding-right: 4rem; }
  .purineFoodContentRight .desc{ color: inherit; }
}

@media (min-width: 992px) {
  .ural-box{ font-size: 60px; line-height: 86px; }
  .ural-box1{ font-size: 40px; line-height: 46px; }
  .title1{ font-size: 40px; line-height: 46px; }
  .title2{ font-size: 28px; line-height: 34px; }
  .title3{ font-size: 22px; line-height: 28px; }
  .title4{ font-size: 20px; line-height: 24px; }
  .desc{ font-size: 20px; line-height: 26px; }
  .desc-medium{ font-size: 18px; line-height:20px; }

  .home-tab-nav .tab-head .tab-item{ padding-left: 25px; padding-right: 25px; }
  
  .mobile-padding{ padding-top: 0rem; padding-right: 10px; padding-left: 10px; }
  .social-buttons{ padding-left: 3rem; padding-right: 3rem;}
  .navbar-dark .navbar-nav .dropdown .sub-title.bottom-border{ border-bottom: 1px solid #fff; }
  .ascorbic-logo{ padding-left: 0px; }
  .header-right{ padding-right: 0px; }
  .navbar-collapse .nav-item .dropdown-toggle::after{ right: 0; }
  .navbar-collapse .nav-item .dropdown-toggle.show::after{ right: 0; }
  footer.ural-footer .ural-footer-links1, footer.ural-footer .ural-foot-social{ margin-top: 0; }
  footer.ural-footer .footer-logo{ margin-bottom: 0; }
  .content-main{ margin-top: 101px;}
  .navbar-dark .navbar-nav .nav-link{ font-size: 12px; padding: .7rem .39rem; }  

  .btn-readmore{ padding: 10px 40px; }

  .uralTabs .tab-content>.tab-pane{ padding: 20px; }
  .dietFoodContentLeft{ margin-right: 2.5rem; padding: 20px; }
  .dietFoodContentRight{ margin-left: 2.5rem; padding: 20px; }

  .dietFoodTable, .gout .dietFoodTable{ position: relative; background: #7AC142 url(../../assets/images/mid-bg-desktop.jpg); 
  background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 700px; }
  .howUralWorks{ position: relative; background: #FFFFFF url(../../assets/images/mid-bg-desktop-sub.jpg); 
  background-repeat: no-repeat; background-position: center 0; background-size: cover; min-height: 800px; padding-top: 3rem; padding-bottom: 3rem; }
  .relatedArticle{ background: #7AC142 url(../../assets/images/relatedArticle-bg-desktop.png); 
  background-repeat: no-repeat; background-position: center top; background-size: cover; min-height: 300px; }
  .goutMastHead, .utiMastHead, .kidneyStonesMastHead{ background: #7AC142 url(../../assets/images/gout-bg-desktop.png); 
  background-repeat: no-repeat; background-position: center top; background-size: cover; min-height: 400px; padding-top: 3rem; }
  .preventUTI{ position: relative; background: #7AC142 url(../../assets/images/mid-bg-desktop.jpg); 
  background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 700px; }

  .symptomsKidneyStones{ position: relative; background: #FFFFFF url(../../assets/images/mid-bg-desktop-sub.jpg); 
  background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 800px; }
  .purineFoodTable{ position: relative; background: #7AC142 url(../../assets/images/mid-bg-desktop.jpg); 
  background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 700px; }
  .faqMastHead{ background: #7AC142 url(../../assets/images/search-mast-head-desktop.jpg); 
  background-repeat: no-repeat; background-position: center bottom; background-size: cover; min-height: 600px; padding-top: 3rem; padding-bottom: 3rem; }


  #featuredArticleCarousel .slick-slide{ margin-right: 3rem; }

  .foodTable tr>th, .foodTable tr>td{ padding: 10px; }
  .foodReviewTable tr>th, .foodReviewTable tr>td{ padding: 10px 10px; }
  .foodReviewTable tr>td.data-mg{ min-width: 80px; }
  .reviewFood .visual-guide>div{ padding-right: 25px; }
  .purineFoodContentLeft .reviewFood .visual-guide>div{ font-size: 14px; padding-right: 15px; }

  #homeBannerCarousel .carousel-caption { top: 45%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); 
  transform: translateY(-50%); max-width: 450px; left: 5%; right: 5%; }
  .whatIsUralMastHead .carousel-caption, .whereToBuyMastHead .carousel-caption{ top: 40%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); 
  transform: translateY(-50%); max-width: 700px; left: 5%; right: 5% }
  .whatIsUralMastHead .carousel-caption .text, .whereToBuyMastHead .carousel-caption .text{ position: relative; top: 0; }  
  .whereToBuyMastHead .carousel-caption{ top: 50%; }

  .kidneyStonesMastHead .ural-box1{ position: absolute; top: 8.1rem; }
  .kidneyStonesMastHead .desc{ margin-right: 30px; }

  #uralHealthHubCarousel .slick-prev, #uralHealthHubCarousel .slick-next{ bottom: 30px; z-index: 100; }
  #uralHealthHubCarousel .slick-prev{ margin-left: 0rem; }
  #uralHealthHubCarousel .slick-next{ margin-right: -20rem; }
  #uralHealthHubCarousel .slick-dots{ bottom: 30px; margin-left: 10rem; }

  .articlePageDetails .slick-next{ right: 50%; margin-right: -5px; }
  .articlePageDetails .slick-dots{ width: 50%; text-align: left; }
  .playBtn{ margin-left: -45px; margin-top: -45px; }
  .playBtn > img{ width: 90px; height: 90px; }

  .purine-food .foodTable{ height: 546px; }
  .green-box{ margin-right: 20px; }
  .text-center-desktop{ text-align:center; }
  .uralFaqTabs .nav-tabs a{ font-size: 26px; }
  .uralFaqTabs .ural-ks-dropdown-toggle{ font-size: 26px; }

}

@media (min-width: 1200px) {
  .navbar-dark .navbar-nav .nav-link{ font-size: 14px; padding: .7rem .6rem; }
  .navbar-dark .navbar-nav .dropdown .nav-link{ padding-right: 1.5rem; }  
  .navbar-collapse .nav-item .dropdown-toggle::after{ padding: 3px; right: 14px;}
  .navbar-collapse .nav-item .dropdown-toggle.show::after{ right: 14px; }

  .playBtn{ margin-left: -50px; margin-top: -50px; }
  .playBtn > img{ width: 100px; height: 100px; }
  .uralFaqTabs .nav-tabs a{ padding: 12px 2rem; }  

  .articlePageDetails .articleBox1 .left-right-arrow:after{ display: block; }
}

@media (min-width: 1320px) {
  .home-tab-nav .tab-head .tab-item{ font-size: 18px; padding-left: 25px; padding-right: 25px; }
  .playBtn{ margin-left: -60px; margin-top: -60px; }
  .playBtn > img{ width: 120px; height: 120px; }
  navbar-dark .navbar-nav .nav-link.dropdown-toggle{ padding-right: 1.2rem; }
}

@media (min-width: 1400px) {  
  .navbar-collapse .nav-item .dropdown-toggle::after{ padding: 4px; right: 12px;}
  .navbar-collapse .nav-item .dropdown-toggle.show::after{ right: 12px; }
  .navbar-dark .navbar-nav .nav-link{ font-size: 16px; padding: .7rem 1.1rem; }
  .navbar-dark .navbar-nav .nav-link.dropdown-toggle{ padding-right: 1.6rem; }
  .purine-food .foodTable{ height: 475px; }
  .uralFaqTabs .nav-tabs a{ padding: 12px 2rem; }
}

@media (min-width: 1420px) { 
  .whatIsUralMastHead .carousel-caption, .whereToBuyMastHead .carousel-caption{ max-width: 600px; }
  .whatIsUralMastHead .d-flex-custom1>div, .whereToBuyMastHead .d-flex-custom1>div{ max-width: 200px; }

  .img-content{ padding: 20px 3rem; }
  .bg-box{ padding: 2rem 2.5rem; }
  .symptomsResults{ padding: 4rem 2rem; }
  .btn-primary{ font-size: 20px; }
}

@media (min-width: 1700px) {
  #homeBannerCarousel .carousel-caption { left: 10%; right: 10%; }
  .whatIsUralMastHead .carousel-caption, .whereToBuyMastHead .carousel-caption{ left: 10%; right: 10%; }
}

@media (min-width: 1900px) {
  #homeBannerCarousel .carousel-caption { left: 15%; right: 15%; max-width: 450px; }
  .whatIsUralMastHead .carousel-caption, .whereToBuyMastHead .carousel-caption{ left: 15%; right: 15%; }
}

@media (max-width: 767px) {
  .navbar .container{ padding-left: 0; padding-right: 0; }
  .navbar-collapse { background-color: #0A6A37; margin-top: 10px; }

  #areYouAtRiskStep2 .are-youat-risk-buttons, .rev-sub-buttons{ width: 100%; margin-bottom: 20px; }
  .are-youat-risk-buttons, .rev-sub-buttons{ width: 48%; margin-left: 1%; margin-right: 1%; }

  .dietFoodContentRight .desc{ color: #FFFFFF; }
  .steps>.step{ color: #FFFFFF; }
  .steps>.step.selected{ color: #E8E336; }
  .foodTable table{ font-size: 18px; }
  .foodTable table tr>th { font-size: 14px; }
  .text-white-mobile{ color: #FFFFFF; }
  .dietFoodContentRight .title1.text-white-mobile{ margin-top:30px };

  
  .navbar .navbar-collapse{ background-color: #0A6A37; }
  .navbar-dark .navbar-nav .nav-link,
  .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link{ color: #FFFFFF; }
  .navbar-collapse .nav-item .dropdown-menu{ background-color: #7AC142; padding-top: 15px; padding-bottom: 15px; }
  .navbar-collapse .nav-item .dropdown-menu li a{ display: inline-block; padding: 10px 0px; }
  .navbar-dark .navbar-nav .nav-link{ font-size: 16px; }  
  .navbar-collapse .nav-item .dropdown-toggle::after{ filter: brightness(0) invert(1); }
  .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{ color: #FDEF2A; }
  .navbar-collapse .nav-item .dropdown-toggle.show::after{ border-color: #FDEF2A; filter: inherit; }
  .navbar-collapse .nav-item .dropdown-menu li a{ color: #0A6A37; }
}

.form-control:focus {
    border-color: #0A6A37;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}