/* General Styles */
:root {
  --primary-color: #FD606E;
  --secondary-color: #2E7D32;
  --text-color: #3F3F3F;
  --light-bg: #f8f9fa;
}

/* Remove default smooth scroll */
html {
  scroll-behavior: auto;
}

/* Apply smooth scroll only on desktop */
@media (min-width: 992px) {
  html {
      scroll-behavior: smooth;
  }
}

body {
  font-family: "Nunito", sans-serif;
  color: var(--text-color);
  overflow-x: hidden;
font-size:16px;
}

h1,h2,h3,h4,h5,h6 {	font-family: "Nunito", sans-serif;}

.section-tag {
display: inline-block;
padding: 0px;
font-weight: 700;
font-size: 18px;
width: 100%;
margin: 0 0 10px;
}

.section-title {
color: #000;
font-weight: 400;
margin-bottom: 20px;
position: relative;
display: inline-block;
font-size: 35px;
width: 100%;
line-height:1;
font-family: "Chewy", system-ui !important;
}
.lead {
font-size: 16px;
color: #000;
}
.age-part {
width: 100%;
display: flex;
/* justify-content: space-between; */
justify-content: center;
flex-wrap: wrap;
gap: 25px;
}
.age-box {
width: 20%;
background: #FFF9F4;
display: flex;
padding: 20px;
align-content: center;
align-items: center;
line-height: 1;
gap: 15px;
}
.age-text {
font-size: 22px;
font-weight: 500;
color: #000;
}
.age-image {
}
.shop-by-age-section .age-box a {
display: inline-flex;
align-content: center;
align-items: center;
gap: 15px;
}
.bg-light-pink {background: #FFF9F4;}
.bg-light-pink-2 { background: #FFF9F4; }
.section-bottom.bg-light-pink {background: #FBF2EA;}

.common-img-part {
width: 100%;
}
.common-img-part img {
max-width: 100%;
}
.section-common {padding:80px 0px;}
.shop-by-category-section {padding-top:0;}
.trust-features {
  margin-top: 0px;
}

.trust-feature-item {
  display: flex;
  align-items: flex-start;
  padding: 16px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.trust-feature-item:last-child {
  border-bottom: none;
}

.feature-icon {
  width: auto;
  height: auto;
  border: 0px solid var(--primary-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  flex-shrink: 0;
  background: none;
  transition: all 0.3s ease;
}


.feature-icon:hover i {
  color: white;
}


.feature-text {
font-size: 19px;
font-weight: 500;
color: #333;
line-height: 1.4;
width: 100%;
margin-bottom: 10px;
display: block;
}

.blog-part, .offers-part {
display: flex;
justify-content: center;
width: 100%;
gap:50px;
margin-top: 30px;
}
.blog-col, .offers-col {
width: calc(50% - 25px);
display: inline-flex;
}
.blog-img {
width: 50%;
}
.blog-img {
width: 50%;
}
.blog-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-content {
width: 50%;
padding: 40px;
border: 1px solid rgba(0, 0, 0, 0.07);
border-left: 0;
}
.blog-title {
font-size: 19px;
font-weight: 500;
color: #000;
line-height: 1.1;
width: 100%;
margin: 0 0 15px;
}
.blog-data {
width: 100%;
font-size: 16px;
}
.blog-data p {
font-size: 15px;
line-height: 1.2;
}

.btn.read-more-btn {
font-size: 15px;
color: #FD606E;
font-weight: 400;
padding: 0;
transition: 0.5s;
}
.btn.read-more-btn img {
width: 14px;
position: relative;
top: -2px;
transition: 0.5s;
}
.btn.read-more-btn:hover img {
margin-left: 5px;
}

.view-all-btn-part {
width: 100%;
text-align: center;
margin: 50px 0 0;
}
.btn.view-all-btn {
background: #15A681 !important;
color: #fff !important;
border-radius: 5px;
font-size: 15px;
font-weight: 600;
padding: 15px 15px 15px 15px;
line-height: 1;
border:0;
}

.read-more-btn {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}

.read-more-btn::before,
.read-more-btn::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background: currentColor;
  top: 100%;
  left: 0;
  pointer-events: none;
}

.read-more-btn::before {
  content: '';
  /* show by default */
}


.read-more-btn::before {
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s;
}

.read-more-btn:hover::before {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}

.offers-col {
border-radius:20px; overflow: hidden; flex-wrap: wrap; position:relative;
}

.offers-img {
width: 100%;
}
.offers-img img {
width: 100%;
}
.offers-content {
width: 55%;
padding: 50px 30px 50px 40px;
position: absolute;
left: 0;
height: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
}
.offer-1 {  background: transparent url('../images/offer-1.jpg') no-repeat top right; background-size: cover; }
.offer-2 {  background: transparent url('../images/offer-2.jpg') no-repeat top right; background-size: cover; }
.offers-title {
font-size: 32px;
font-weight: 300;
color: #000;
line-height: 1.2;
width: 100%;
margin: 0 0 15px;
}
.offers-data {
width: 100%;
font-size: 17px;
}
.offers-data p {
font-size: 17px;
line-height: 1.2;
color:#000;
}
.section-bottom {
padding: 45px 0;
}


.section-bottom {
padding: 45px 0;
}
.bottom-part {
display: flex;
width: 100%;
}
.bottom-col {
width: 25%;
position: relative;
display: inline-flex;
padding: 0 30px;
border-left: 1px solid rgba(0,0,0,0.1);
align-items: center;
}
.bottom-col-img {
width: 50px;
}
.bottom-col-data {
width: calc(100% - 50px);
padding-left: 15px;
}
.bottom-col-ttl {
width: 100%;
font-size: 18px;
font-weight: 600;
color: #000;
line-height: 1.1;
margin: 0 0 5px;
font-family: "Nunito", sans-serif !important;
}
.bottom-col-subtext {
font-size: 14px;
color: #5B5B5B;
line-height: 1.2;
}
.bottom-col:first-child {
border-left: 0;
}

.btn.view-all-btn {
position: relative;
}
.view-all-btn span {position:relative; z-index:99; color: #fff;}
.btn.view-all-btn::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0px;
height: 100%;
background: #049772;
transition: 0.3s;
border-radius: 5px;
}
.btn.view-all-btn:hover::after { width: 100%; }
.view-all-btn img {
position: relative;
top: -2px;
margin-left: 10px;
}
.top-bar-text { text-align: center; width: 100%; font-size: 16px; color: #000; font-weight: 500; line-height: 1; }
.couponcode-span { color: #fff; display: inline-block; padding: 4px 8px; border: 1px solid #FD606E; margin: 0 0 0 10px; background: #FD606E; }

.product_catt {
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.pro_catt_name {
background: #D5F4EC;
font-size: 14px;
font-weight: 400;
line-height: 1;
padding: 5px 10px;
display: inline-block;
border-radius: 5px;
}
.landscape-tab-products-wrap .section-title {margin-top:0;}


@media (min-width: 1300px) and (max-width: 1399px) {
.offers-title {font-size: 30px;}
.section-title {font-size: 38px;}
}
@media (max-width: 767px) {
.section-common { padding: 50px 0px; }
.section-tag {font-size: 16px;}
.section-title {font-size: 25px;}
.age-part {flex-wrap: wrap; gap: 15px;}
.age-box { padding: 15px; width: calc(50% - 8px); flex-wrap: wrap; text-align: center; justify-content: center; }
.age-text {font-size: 18px; }
.blog-part, .offers-part {gap: 20px 0px; flex-wrap: wrap;}
.blog-col, .offers-col {width: 100%;}
.offers-content { width: 100%; padding: 20px; position: relative; height: auto; border: 1px solid rgba(0, 0, 0, 0.07); border-top: 0; border-radius: 0 0 20px 20px; }
.offers-title {font-size: 25px;}
.offers-data p {font-size: 15px;}
.feature-text {font-size: 17px;}
.mob-order-2 {order:2;}
.blog-img { width: 100%; }
.blog-content { width: 100%; border-top: 0;  border-left: 1px solid rgba(0, 0, 0, 0.07); padding: 20px; }
.blog-col {flex-wrap: wrap;}
.view-all-btn-part {margin: 25px 0 0;}
.bottom-part {flex-wrap: wrap;}
.bottom-col {width: 100%; padding: 15px 0px; border-top: 1px solid rgba(0,0,0,0.1); border-left: 0;}
.bottom-col:first-child {border-top:0;}
.bottom-col:last-child-child {padding-bottom:0;}
.section-bottom { padding: 35px 0; }

}