@import url(https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&family=Quicksand:wght@300;400;500;600;700&display=swap);

@font-face {
    font-family: Arial-Rounded-Bold;
    src: url(../font/VAGRundschriftD.ttf) format("woff2"), url(../font/VAGRundschriftD.ttf) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: BerkshireSwash-Regular;
    src: url(../font/BerkshireSwash-Regular.ttf) format("woff2"), url(../font/BerkshireSwash-Regular.ttf) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Anja-Eliane;
    src: url(../font/Anja-Eliane-accent002.ttf) format("woff2"), url(../font/Anja-Eliane-accent002.ttf) format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --ms-primary: #2e3192;
    --ms-pink: #d6006d;
    --ms-white: #ffffff;
    --ms-orange: #f7941d;
    --ms-orange2: #f7941d;
    --ms-seagreen: #00b19d;
    --ms-skyblue: #00aeef;
    --ms-dark: #1a1a1a;
    --ms-golden: #d59725;
    --ms-blue: #0A4A9B;
    --ms-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    --skyblue1: #f3f8ff;
    --skyblue2: #e7edf5;
    --ms-bor: #aa7b15;
    --ms-badge: #eaad3c;
    --ms-golden1: #cfa52d;
    --ms-borgra: linear-gradient(to left, #aa7b15, #ba8e21, #c9a12c, #d8b539, #e7c945);
    --ms-para: #5f5f5f;
    --ms-toddlr: #9370db;
    --desktoppadding: 30px 0;
    --ariel-rounded: "Anja-Eliane"
}

.Blogs,
.Products,
.about-history-banner,
.about-unicharm-banner,
.baby-image-box,
.breacums ul li,
.btn-primary,
.calender-ico,
.contact-banner,
.contact-usform,
.contain-absorb-modal .modal-content,
.contentcard-img,
.custome-banner.mamypoko-videos,
.custome-banner.mamypoko-wipes-baner,
.custome-banner.terms-use,
.dayselct,
.did-u-content,
.footer .container,
.footer-gif,
.form-group,
.form-wrapper .input-wrapper,
.hosptal-cards .features-img,
.hosptal-cards .features-img img,
.like-reply-card .profile-social-app ul li,
.nav-paginantion,
.pack-bag-img,
.poko-gif,
.premie-card,
.prgenancy-blog-banner,
.progress-bar-sytem,
.relative,
.right-guide-card,
.rightcard,
.thankscard,
.video-carousel,
.video-gif {
    position: relative
}

.accordion .card-header .btn:after,
.btn-primary::after {
    top: 50%;
    transform: translateY(-50%)
}

.accordion .card-header .btn.active:after,
.accordion .card-header .btn.unactive:after,
.accordion-header .btn:after {
    background-image: url(../img/arrow.svg);
    background-position: center center;
    background-repeat: no-repeat
}

.bedge-ca h4,
.bedge-ca h5,
.contentcard .content h3,
select,
select.form-control {
    text-overflow: ellipsis;
    overflow: hidden
}

.mamypoko-pants-section,
.mother-award-section,
.wipes-mampoko-card {
    grid-template-columns: repeat(3, 1fr)
}

.marquee-text,
p.labelBtn span {
    -webkit-text-fill-color: #fff0
}

body,
html {
    height: 100%;
    margin: 0;
    scroll-behavior: smooth
}

body {
    font-family: Quicksand, sans-serif;
    color: var(--ms-dark);
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    overflow-x: hidden
}

.btn,
p {
    font-family: Figtree, sans-serif
}

.attachment img,
img,
img.size-auto,
img.size-full,
img.size-large,
img.size-medium {
    max-width: 100%;
    height: auto
}

p {
    color: var(--ms-para)
}

.text-danger {
    color: red !important
}

a,
button,
input[type=submit] {
    text-decoration: none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
    display: inline-block
}

.about-page-banner .about-banner-content span,
.about-unicharm .unicharm-charm:nth-child(3) h4,
.banner-section.banner-image .carousel-content .banner-content .content-para p,
.banner-section.video-banner .carousel-content .banner-content .content-para p,
.blog-heading .title-blog,
.blog-heading h1,
.btn-link,
.custome-banner-content .title-lg strong,
.custome-banner.infant-banner .custome-banner-content .title-xl,
.custome-banner.mamypoko-news .custome-banner-content h1,
.custome-banner.toddlers-banner .custome-banner-content .title-xl,
.extaabzorbbanner .mampoko-pant-heading .title-big,
.hospital-banner .custome-banner-content .title-xl span,
.mamypoko-essentials.newborn-baby .essential-content .mamypoko-essentials-heading p span,
.mamypoko-pregnancy-period ul.scrolledClass li a.active,
.navbar-link.second-menu .nav-item a.dropdown-toggle.nav-link,
.newborn-banner .custome-banner-content .title-xl,
.product-content .title-section,
.unicharm-corporation-content p span,
a {
    color: var(--ms-primary)
}

.blog-card-content a,
.figure-caption,
.mamypoko-essentials-heading .title-xl2 span,
.next-step-cards.dashboard .baby-tracker-user .profile-content select option,
.personal-guide-card .content a,
.review-rating .review-rating-star:nth-child(3) span svg:nth-child(5),
.review-rating .review-rating-star:nth-child(4) span svg:nth-child(4),
.review-rating .review-rating-star:nth-child(4) span svg:nth-child(5),
.review-rating .review-rating-star:nth-child(5) span svg:nth-child(3),
.review-rating .review-rating-star:nth-child(5) span svg:nth-child(4),
.review-rating .review-rating-star:nth-child(5) span svg:nth-child(5),
.review-rating .review-rating-star:nth-child(6) span svg:nth-child(2),
.review-rating .review-rating-star:nth-child(6) span svg:nth-child(3),
.review-rating .review-rating-star:nth-child(6) span svg:nth-child(4),
.review-rating .review-rating-star:nth-child(6) span svg:nth-child(5),
.tabsection .nav-tabs .nav-link.active,
a:focus,
a:hover,
p.text-danger a {
    color: var(--ms-dark)
}

ol,
ul {
    margin-bottom: 1rem
}

li {
    margin-bottom: .5rem
}

.figure {
    margin: 0;
    display: block
}

.accordion>.card>.card-header,
.baby-minitape:last-child,
.baby-tracker-model .next-step-cards.dashboard .analyse-progress.baby-tracker .filter-diapers,
.figure-img,
.mamypoko-pregnancy-period ul.scrolledClass li,
.parenthood-card-health .col-lg-4:nth-child(3) .personal-guide-card:nth-child(3),
.social-links ul li,
.tracker-thanks h2,
.tracker-thanks p,
.why-mamypoko-sec .heading-component {
    margin-bottom: 0
}

.btn,
a:focus,
a:hover,
button {
    text-decoration: none;
    outline: 0 !important;
    outline-offset: 0px !important
}

.navbar-link.second-menu .nav-item.dropdown a,
label {
    font-weight: 500
}

.logo-circle {
    object-fit: contain;
    object-position: center;
    padding: 4px;
    background: var(--ms-golden)
}

.data-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    float: none
}

.data-cell {
    display: table-cell;
    vertical-align: middle;
    min-width: 1%;
    float: none
}

.data-table.vtop .data-cell {
    vertical-align: top
}

.alert-success {
    background-color: #fff0;
    border: none;
    border-bottom: 3px solid;
    border-radius: 0;
    padding: 14px 14px 14px 0;
    font-weight: 600;
    margin-bottom: 2rem
}

.login-column .alert-success {
    border: none;
    border-radius: 5px;
    padding: 0;
    font-weight: 600;
    margin-bottom: 2rem
}

p.text-danger {
    font-size: 13px;
    margin: 0;
    color: red !important
}

p.text-danger a {
    display: inline
}

.yt,
p.text-danger a:hover {
    color: red
}

.bg-gray,
.bg-secondary {
    border: 1px solid var(--ms-orange);
    color: var(--ms-dark);
    line-height: 25px;
    font-weight: 500
}

textarea {
    resize: none
}

.blog-content h2 strong,
.blog-content h3 strong,
.blog-content h4 strong,
.blog-content h5 strong,
.blog-content h6 strong,
b,
strong {
    font-weight: 700
}

sub,
sup {
    font-size: 50%;
    top: -.6em
}

.bg-secondary {
    background-color: var(--ms-white) !important
}

.bg-gray {
    background-color: #ebe5e5 !important
}

.panel {
    box-shadow: none;
    border: none;
    border-radius: 0
}

.form-control,
select.form-control {
    background-color: #fff0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid;
    color: rgb(17 18 51 / .7);
    border-radius: 0;
    height: 50px;
    padding: 0;
    z-index: 2
}

.form-control.post-report-reason {
    background-color: #fff0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid;
    color: #000;
    border-radius: 0;
    height: auto !important;
    padding: 0;
    z-index: 2
}

.line50 .form-control,
.line50 select.form-control {
    line-height: 50px
}

textarea.form-control {
    padding-top: 10px !important;
    line-height: normal
}

.form-control:focus {
    border-bottom-color: var(--ms-orange);
    background-color: #fff0;
    box-shadow: none
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: var(--ms-white);
    opacity: 1
}

.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 3%
}

.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 3%
}

.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.product-page-slider .personal-guide-card.smallcard,
img.aligncenter,
img.alignleft,
img.alignright {
    margin-bottom: 25px
}

select,
select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-bottom: 1px solid;
    height: 50px;
    background-image: url(../img/select-icon.webp);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: calc(100% - 14px) center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0;
    cursor: pointer;
    padding-right: 30px;
    white-space: nowrap
}

option:focus,
select:focus {
    outline: 0 !important
}

select[multiple].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    padding-right: 25px;
    height: auto
}

select::-ms-expand {
    display: none
}

.text-grey {
    color: var(--grey)
}

img[align=left] {
    margin: 0 30px 20px 0
}

img[align=right] {
    margin: 0 0 30px 20px
}

img.x1 {
    max-width: 35px
}

img.x2 {
    max-width: 50px
}

.cursor,
.social-icon,
.user-dots-card img {
    cursor: pointer
}

.section {
    padding: 40px 0
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.title-lg,
.title-md,
.title-sm,
.title-xs,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px;
    line-height: normal;
    font-weight: 600
}

.title-lg,
h1 {
    font-size: 40px
}

.title-md,
h2 {
    font-size: 30px
}

.title-sm,
h3 {
    font-size: 22px
}

.general-support .profile-name h6,
.review-content .form-select option,
.title-xs,
h4 {
    font-size: 18px
}

.blog-left-side .single-left-blog-img h5,
.calender-card .result-cards .begning-card.pregnancyCard h4,
.newForm .next-step-cards .days-select label,
.popup-content .options label,
.swiper-card-testimonills .date,
.title-xxs,
h5 {
    font-size: 16px
}

hr {
    border-color: #c9c8c8;
    margin: 3rem 0
}

.tab-pane hr {
    margin: 1rem 0
}

@-webkit-keyframes autofill {
    to {
        background: var(--ms-white)
    }
}

.row>[class*=col-].floating-label .float-label,
.row>[class*=col-].floating-label.float-select .float-label {
    left: 15px;
    width: calc(100% - 15px)
}

.row>[class*=col-].floating-label.float-select .float-label.ml-3 {
    left: 0
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both
}

.btn {
    border-radius: 100px;
    font-size: 18px;
    cursor: pointer;
    font-weight: 600;
    padding: 0 35px;
    line-height: 64px;
    transition-duration: .4s;
    min-width: 230px;
    text-align: left
}

.title-lg,
.title-xl,
.title-xl2 {
    font-weight: 700;
    font-style: normal
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 18px;
    line-height: 1.5
}

.btn-lg {
    padding: 15px 30px
}

.btn-sm {
    padding: 0 15px;
    line-height: 35px
}

.blog-content img,
.blog-main-banner img,
.rad30 {
    border-radius: 30px
}

.accordion .card-header .btn:focus,
.btn.noshadow,
.btn:focus {
    box-shadow: none
}

.btn.btn-add,
.btn.btn-remove {
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    border: none;
    background: 0 0;
    min-width: inherit;
    line-height: normal
}

.btn-outline,
.btn-outline-outline:active,
.btn-outline-outline:focus,
.btn-outline-outline:hover,
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover,
.btn-outline:not(:disabled):not(.disabled).active,
.btn-outline:not(:disabled):not(.disabled):active,
.show>.btn-outline.dropdown-toggle {
    color: var(--ms-dark) !important;
    border-color: var(--ms-dark);
    background-color: #fff0;
    border-width: 2px
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--ms-primary);
    border-color: var(--ms-orange)
}

.btn-primary {
    white-space: nowrap;
    color: var(--ms-white);
    background-color: var(--ms-primary);
    border: none
}

.btn-primary::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 12px;
    right: 35px;
    background-image: url(../img/btn-arrow.svg)
}

.btn-primary::before,
.swal2-cancel:before,
.swal2-confirm:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100px;
    border: 3px solid #fff0;
    background: linear-gradient(90deg, #e7c945, #aa7b15) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude
}

.create-post h5:before,
.create-post h6:before,
.custome-banner.blog-detail-banner .custome-banner-content:after,
.fetures-preemie .features-img:before,
.pregnancy-announcement .swiperBoxContent::before,
.pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs li .nav-link.active::before {
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out
}

.btn-normal,
.btn.btn-normal {
    padding: 0;
    border: none;
    border-bottom: 1px solid var(--ms-orange);
    border-radius: 0;
    min-width: inherit;
    line-height: normal;
    position: relative
}

.btn-normal:active,
.btn-normal:focus,
.btn-normal:hover,
.btn.btn-normal:active,
.btn.btn-normal:focus,
.btn.btn-normal:hover {
    background-color: transparent !important;
    color: var(--ms-dark) !important;
    border-bottom-color: var(--ms-dark) !important
}

.btn-normal:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid #fff0;
    border-bottom: 0;
    border-left: .3em solid #fff0
}

.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: var(--ms-white) !important;
    background-color: var(--ms-golden) !important
}

.btn-connect:active,
.btn-connect:focus,
.btn-connect:hover,
.btn-connect:not(:disabled):not(.disabled).active,
.btn-connect:not(:disabled):not(.disabled):active,
.btn-secondary,
.contect-sec a.btn-connect:hover,
.show>.btn-connect.dropdown-toggle {
    color: var(--ms-white);
    background-color: var(--ms-orange);
    border-color: var(--ms-orange)
}

.btn-outline-secondary:active,
.btn-outline-secondary:focus,
.btn-outline-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: var(--ms-orange);
    background-color: #fff0;
    border-color: var(--ms-orange)
}

.btn-transparent {
    color: var(--ms-dark);
    background-color: #fff0;
    text-transform: none;
    border: none;
    border-radius: 0;
    padding: 0;
    height: auto;
    box-shadow: none;
    text-decoration: underline
}

.btn-bor,
.btn-connect,
.btn-white,
.contect-sec a.btn-connect {
    border-color: var(--ms-orange)
}

.btn-transparent:active,
.btn-transparent:focus,
.btn-transparent:hover,
.btn-transparent:not(:disabled):not(.disabled).active,
.btn-transparent:not(:disabled):not(.disabled):active,
.show>.btn-transparent.dropdown-toggle {
    color: var(--ms-orange);
    text-decoration: underline
}

.btn-white {
    color: var(--ms-dark);
    background-color: var(--ms-white)
}

.btn-bor:active,
.btn-bor:focus,
.btn-bor:hover,
.btn-bor:not(:disabled):not(.disabled).active,
.btn-outline-white:active,
.btn-outline-white:focus,
.btn-outline-white:hover,
.btn-white:active,
.btn-white:focus,
.btn-white:hover,
.btn-white:not(:disabled):not(.disabled).active,
.btn-white:not(:disabled):not(.disabled):active,
.show>.btn-white.dropdown-toggle {
    color: var(--ms-white);
    background-color: var(--ms-dark);
    border-color: var(--ms-dark)
}

.contect-sec .btn-connect,
.contect-sec .btn-white {
    box-shadow: none;
    min-width: inherit;
    font-weight: 400;
    padding: 0 8px;
    width: auto;
    line-height: 23px;
    display: inline-block;
    font-size: 13px;
    border-radius: 5px;
    text-transform: none
}

.btn-connect,
.contect-sec a.btn-connect {
    color: var(--ms-orange);
    background-color: var(--ms-white)
}

.btn-bor {
    color: var(--ms-dark);
    background-color: #fff0
}

.btn-link:hover {
    color: var(--ms-dark);
    text-decoration: none
}

.btn-checkbox input[type=checkbox]:checked+label:before {
    background: var(--ms-orange);
    border-color: var(--ms-orange)
}

.btn-checkbox input[type=checkbox]+label:after {
    content: "";
    margin-top: -5px;
    border: solid #fff0
}

.btn-checkbox input[type=checkbox]:checked+label:after {
    border-color: var(--ms-white)
}

.btn-radio input[type=radio]+label:before {
    content: "";
    background: var(--ms-white)
}

.btn-checkbox input[type=checkbox]+label:hover:before,
.btn-radio input[type=radio]+label:hover:before,
.btn-radio input[type=radio]:checked+label:before {
    border-color: var(--ms-orange)
}

.btn-radio input[type=radio]+label:after {
    background: var(--ms-orange);
    content: ""
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 0
}

.baby-future-look .btnGroup .btn:after,
.baby-product.babyimggen .btn-explore.btn-primary::after,
.baby-product.babyimggen:before,
.baby-product.mamypoko-essentials:after,
.baby-product.milestone-growth .btn-primary::after,
.baby-tab .baby-ballons,
.baby-tab .mamy-world-icon,
.baby-tab .parenthood-world,
.baby-tracker.analyse-progress .nav.nav-tabs li.nav-item .nav-link.active:before,
.banner-section .carousel-indicators,
.begning-card.pregnancyCard a:after,
.blog-child-mobile,
.blog-tagname .social-share,
.blog-tracker .blog-personal-tracker .personal-guide-card:before,
.brands-details-card .explore-btn:before,
.breacums ul li:last-child:after,
.btn-checkbox input[type=checkbox],
.btn-primary.delet-acount:before,
.btn-radio input[type=radio],
.care-diapers-about,
.community-banner-form img.mobile-community-banner,
.connected-img img.mobile-connected-img,
.contentcard .btn:after,
.contentcard .btn:before,
.coporate-pholophy-content h3 br,
.create-post h5:hover span.none-it,
.create-post h6:hover span.none-it,
.curve-blue,
.custom-radio input,
.custome-banner img.mobile-banner-img,
.dropdown-menu-mamies ul.dropdown-menu .active-btn:before,
.dropdown-toggle::after,
.edit-profile.editing,
.edit-profile.profile,
.gender-btn input,
.group-span-filestyle .btn:before,
.growthTracker a.btn.btn-primary.reset-btn span,
.hospital-bag img.mobile-card,
.icon-span-filestyle,
.isOtherSectionVisible .btn-primary:after,
.latest-news-cards .swiper-button-next,
.latest-news-cards .swiper-button-prev,
.like-reply-card .profile-social-app ul li:last-child:before,
.main-container.tracker-hidden,
.mammies-content h5,
.mamypoko-essentials img.mobile-divider-banner,
.mamypoko-history .heading-component p br,
.mamypoko-testimonials .swiper-slider-card .swiper-pagination,
.mamypoko-video-wrapper .video-carousel .swiper-button-next,
.mamypoko-video-wrapper .video-carousel .swiper-button-prev,
.mobile-divider-banner,
.mobile-navbar,
.my-class-removed,
.navbar-toggle-mobile,
.next-btn-container:after,
.next-btn-container:before,
.next-step-cards.dashboard .analyse-progress .delet-btn:after,
.next-step-cards.dashboard .analyse-progress .delet-btn:before,
.next-step-cards.dashboard .analyse-progress .reset-btn:after,
.notification-list-all p span:before,
.only-mobile-img,
.parenthood-content .btn-primary::before,
.parenthood-gif.babytape:after,
.personal-guide-card .pregnancy-btn a.btn:after,
.pregnancy-announcement .mamypokovideo-card .swiperBoxContent:before,
.pregnancy-btn .btn-primary:after,
.pregnancy-btn .btn-primary:before,
.pregnancy-tab .care-diapers-world,
.pregnancy-tab .rainbow-world,
.product-page-slider .swiper-button-next,
.product-page-slider .swiper-button-prev,
.product-world-wrapper.recommended .tab-swiper-box:hover img.on-hover,
.profile-card-management .profile-name.name h4,
.profile-social-app .btn-primary,
.remove-btn,
.remove-class-tracker,
.review-content-para .btn:before,
.save-btn .btn-primary:after,
.selection-group input[type=radio],
.small-card-come .mobile-card-type,
.small-card-come.small .big-size-card,
.switch input,
.switchSmall input,
.switchSmall2 input,
.timeline-abouttwo.mobile,
.unactive .accordion-body,
.video-carousel.pregnancy-video-sec .swiper-scrollbar.swiper-scrollbar-horizontal,
button.dropdown-toggle.active-btn.hide-show,
img.pregnancy-mobile-img,
li.logout-menu,
ul.timeline-tracker-list .active-btn:before {
    display: none
}

.group-span-filestyle {
    background: var(--ms-dark)
}

.group-span-filestyle .btn,
.group-span-filestyle .btn-default:active:focus,
.group-span-filestyle .btn-default:active:hover {
    color: var(--ms-white);
    background: 0 0;
    border: none
}

.dropdown-menu.show .personal-guide-card,
.health-pregnancy .pregnancy-blog-card,
.navbar-link.second-menu .dropdown-menu.show .row,
.neborn-navbar .dropdown-menu.show .col-lg-4:nth-child(2) a.dropdown-item,
.parenthood-card .col-lg-4:nth-child(3) .personal-guide-card,
.product-navbar-list.brands .product-menu-details .product-img,
.tracker-component,
.ui-datepicker .ui-datepicker-title select {
    height: auto
}

.input-group {
    z-index: 0
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    transition: background-color 5000000s ease-in-out
}

.entry-title {
    max-width: 900px;
    margin: auto auto 1.5rem;
    position: relative
}

.about-page-sec2,
.baby-image-box img,
.baby-tracker-model .next-step-cards .input-series,
.corporate-philosphy .heading-component,
.entry-title.full,
.essential-content.mampoko-essetional .mamypoko-essentials-heading,
.next-step-cards.comunity-tracker-text .form-height .select-option,
.web-mmp-news .blog-border-card,
.web-mmp-news .pregnancy-announcement .blog-border-card .pregnancy-blog-card {
    max-width: 100%
}

.entry-title .title-sm {
    display: block;
    text-transform: uppercase;
    color: var(--ms-dark);
    font-weight: 500;
    margin: 0
}

.entry-title .title-head {
    color: var(--ms-dark);
    position: relative;
    font-size: 36px;
    margin: 0 0 1rem;
    padding: 0;
    font-weight: 500
}

.entry-title .title-head strong {
    color: var(--ms-orange);
    font-weight: 600
}

.accordion .card,
.accordion .card-header,
.accordion>.card:not(:last-of-type) {
    border: none
}

.accordion .card {
    margin-bottom: 1.5rem;
    background-color: #fff0
}

.accordion .card-header {
    border: none;
    background-color: #fff0;
    padding: 0
}

.accordion .card-header .btn,
.accordion-header .btn {
    padding: 10px 25px 10px 0;
    text-transform: none;
    font-size: 20px;
    position: relative;
    text-align: left;
    box-shadow: none;
    border-bottom: 1px solid;
    border-radius: 0;
    line-height: normal;
    display: block
}

.accordion .card-header .btn {
    width: 100%
}

.accordion .card-header .btn:after,
.accordion-header .btn:after {
    width: 20px;
    height: 20px;
    right: 0;
    transition-duration: .4s;
    position: absolute;
    content: ""
}

.accordion .card-header .btn.unactive:after {
    transform: translateY(-50%) rotate(180deg);
    transform-origin: center
}

.accordion-header .btn {
    width: 100%;
    margin-bottom: 1rem
}

.accordion-header .btn:after {
    top: 10px
}

.unactive .accordion-header .btn:after {
    transform: rotate(180deg);
    transform-origin: center
}

.tabsection .nav-tabs {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #dbdada
}

.analyse-progress .nav.nav-tabs li,
.baby-minitape.pokochan,
.blog-card-content .bedge-ca h5,
.blogs-margin .health-pregnancy.pregnancy-blogss .pregnancy-announcement,
.do-s-preganancy .testimonials-gif img,
.extra-absorb-navbar .absorb-navbar ul li,
.health-pregnancy.toddler_card .parenthood-card-health,
.list-sitemap p,
.mamyWorldBtn ul li:last-child,
.mamypoko-pregnancy-period ul li,
.navbar-link.second-menu li,
.personal-guide .nav.nav-tabs li,
.profile-managements ul li,
.profile-sidebar ul li,
.progress-card-baby ul li,
.sitemap-lisitng ul li,
.tabsection .nav-tabs .nav-item,
ul.timeline-tracker-list li {
    margin: 0
}

.tabsection .nav-tabs .nav-link {
    background-color: #fff0;
    padding: 1rem .5rem;
    margin-bottom: 0;
    color: var(--ms-orange);
    font-size: 16px;
    font-weight: 500;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    cursor: pointer;
    position: relative
}

.tabsection .nav-tabs .nav-link:before {
    position: absolute;
    content: "";
    border-radius: 50px;
    width: 100%;
    height: 1px;
    background-color: #dbdada;
    left: 0;
    bottom: -1px
}

.tabsection .nav-tabs .nav-link.active:before {
    opacity: 1;
    background-color: var(--ms-orange);
    height: 3px;
    bottom: -2px
}

.swiper-button-next,
.swiper-button-prev {
    background-color: #fff0;
    color: var(--ms-orange);
    border-radius: 100%;
    opacity: 1 !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 34px;
    color: var(--ms-orange)
}

.swiper-pagination-bullet-active {
    background: var(--ms-orange)
}

.swiper-pagination-bullet:only-child {
    display: none;
    visibility: hidden
}

.title-xl {
    font-size: 62px;
    line-height: normal
}

.title-xl2 {
    font-size: 60px;
    line-height: normal
}

.title-lg {
    font-size: 40px;
    line-height: 56px;
    text-transform: capitalize
}

.tittle-small {
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px
}

.title-big,
.title-section {
    font-weight: 700;
    font-style: normal
}

.title-section {
    font-size: 52px;
    line-height: 64px
}

.title-big {
    font-size: 92px;
    line-height: 100px
}

.title-medium,
.title-mid {
    line-height: 46px;
    color: var(--ms-dark);
    font-weight: 600
}

.title-mid {
    font-size: 36px
}

.title-medium {
    font-size: 40px;
    font-style: normal
}

.title-blog {
    font-size: 32px;
    font-weight: 600;
    line-height: normal
}

.baby-card-sec {
    background-color: var(--ms-white);
}

.baby-doc-card {
    border: 2px solid transparent;
    border-radius: 15px;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222) border-box;
    overflow: hidden;
}

.baby-doc-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FEE9EE;
    padding: 20px;
    border-bottom: 1px solid #f3d6db;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
    position: relative;
    z-index: 1;
}

.baby-info {
    display: flex;
    align-items: center;
    gap: 24px
}

.baby-avatar {
    width: 64px;
    height: 81px;
    display: grid;
    place-items: center;
}

.info-block {
    display: flex;
    flex-direction: column
}

.info-block .label {
    font-size: 15px;
    color: var(--ms-black);
    font-weight: 600;
}

.info-block .value {
    padding: 6px 14px;
    font-weight: 500;
    margin-top: 4px;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
    border-radius: 100px;
    border: 1px rgba(0, 0, 0, 0.10) solid;
    padding: 10px 15px;
    min-height: 44px;
    min-width: 100px;
}

.baby-select {
    padding: 6px 14px;
    font-weight: 500;
    margin-top: 4px;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
    border-radius: 100px;
    border: 1px rgba(0, 0, 0, 0.10) solid;
    padding: 10px 15px;
    background-color: transparent;
    min-width: 150px;
    height: 44px;
}

.add-child-btn {
    background: #cf6f83;
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 30px;
    font-weight: 600
}

.baby-doc-body {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.doc-left {
    padding: 40px 32px
}

.doc-title {
    font-size: 32px;
    font-weight: 900;
    color: #CB7388;
    margin-bottom: 30px;
    font-family: 'Quicksand';
}

.doc-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.doc-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 14px;
    margin-bottom: 16px;
    min-height: 65px;
    backdrop-filter: blur(5px);
    cursor: pointer;
    position: relative;
    transition-duration: .3s;
    overflow: hidden;
}

.doc-item strong {
    display: block;
    font-size: 16px
}

.doc-item small {
    font-size: 13px;
    opacity: .7
}

.doc-item .check {
    display: grid;
    place-items: center;
    font-size: 14px
}

.doc-item:hover,
.doc-item.active {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);
    color: var(--ms-white) !important;
}

.doc-item.purple {
    background: rgba(177, 101, 208, 0.30);
    border: 1px #B165D0 solid;
    color: #8535A6
}

.doc-item.purple:hover,
.doc-item.purple.active {
    background: rgba(177, 101, 208, 0.80);
}

.doc-item.yellow {
    background: rgba(201, 129, 35, 0.30);
    border: 1px white solid;
    color: #925404
}

.doc-item.yellow:hover,
.doc-item.yellow.active {
    background: rgba(201, 129, 35, 0.80);
}

.doc-item.pink {
    background: rgba(230, 87, 89, 0.30);
    border-radius: 15px;
    border: 1px white solid;
    color: #BD3537
}

.doc-item.pink:hover,
.doc-item.pink.active {
    background: rgba(230, 87, 89, 0.80)
}

.doc-item.teal {
    background: rgba(0, 142, 139, 0.30);
    border-radius: 15px;
    border: 1px white solid;
    color: #057B79
}

.doc-item.teal:hover,
.doc-item.teal.active {
    background: rgba(0, 142, 139, 0.80);
}

.doc-item .anigif {
    position: absolute;
    right: 0;
}

.doc-item.purple .anigif {
    bottom: -50px;
    max-width: 130px;
}

.doc-item.yellow .anigif {
    bottom: -45px;
    max-width: 130px;
}

.doc-item.pink .anigif {
    bottom: -65px;
    max-width: 140px;
}

.doc-item.teal .anigif {
    bottom: -45px;
    max-width: 120px;
}

.doc-right {
    background: #F8EAE6;
    position: relative;
}

.doc-right .video-gif {
    position: absolute;
    bottom: 50px;
    max-width: 150px;
    left: 0;
    right: 0;
    margin: auto;
}

.doc-right .video-gif:after {
    background-size: 75px;
    bottom: 0;
    left: -40px;
    background-position: bottom center;
    opacity: .7;
}

/* PANEL */
.doc-panel {
    position: absolute;
    inset: 0;
    padding: 24px;
    color: var(--ms-white);
    z-index: 5;
    animation: slideIn 0.35s ease;
}

.doc-panel.purple {
    background: rgba(177, 101, 208, 0.80);
}

.doc-panel.yellow {
    background: rgba(201, 129, 35, 0.80);
}

.doc-panel.pink {
    background: rgba(230, 87, 89, 0.80)
}

.doc-panel.teal {
    background: rgba(0, 142, 139, 0.80);
}

/* Close button */
.doc-panel .close-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    background: #fff;
    color: #a86edc;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
}

/* Title */
.doc-panel h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

/* List */
.doc-panel-list {
    list-style: none;
    padding: 0;
    margin: 0;
    transition: opacity 0.3s ease;
    overflow: auto;
    max-height: 300px;
    scrollbar-width: thin;
    scrollbar-color: #fff transparent;
}

.doc-panel-list::-webkit-scrollbar {
    width: 5px;
}

.doc-panel-list::-webkit-scrollbar-track {
    background: transparent;
}

.doc-panel-list::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
}

.doc-panel-list::-webkit-scrollbar-thumb:hover {
    background-color: #fff;
}

.doc-panel-list li {
    background: var(--ms-white);
    color: #333;
    border-radius: 16px;
    padding: 14px 18px;
    margin-bottom: 12px;
    font-weight: 500;
    line-height: 16px;
}

.doc-panel-list li span {
    display: block;
    font-size: 13px;
    color: #777;
    margin-top: 4px;
}

/* Footer */
.doc-panel-footer {
    margin-top: 1rem;
}

.completed-check {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: default;
    font-size: 14px;
    color: var(--ms-white);
}

/* Hide native checkbox */
.completed-check input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Base icon style */
.completed-check .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default states */
.completed-check .checked {
    display: none;
}

.completed-check .unchecked {
    display: inline-flex;
}

/* When checkbox is checked */
.completed-check input:checked~.unchecked {
    display: none;
}

.completed-check input:checked~.checked {
    display: inline-flex;
}

/* Optional color */
.completed-check svg {
    color: #4CAF50;
}

.panel-actions {
    display: flex;
    gap: 16px;
}

.outline-btn {
    flex: 1;
    border: 1px solid var(--ms-white);
    background: transparent;
    color: #fff;
    border-radius: 999px;
    padding: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.outline-btn:hover {
    background-color: var(--ms-white);
    color: var(--ms-dark);
}

/* Animation */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width:1800px) {
    .container {
        max-width: 1600px
    }
}

#__next {
    max-width: 1920px;
    margin: auto
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .8 !important;
    cursor: auto;
    pointer-events: none
}

.btn-checkbox,
.btn-radio {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 15px
}

.btn-checkbox:last-child,
.btn-radio:last-child {
    margin-right: 0
}

.btn-checkbox input[type=checkbox]+label,
.btn-radio input[type=radio]+label {
    position: relative;
    padding: 0 0 0 35px;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    color: #4c4c4c;
    font-weight: 400;
    line-height: 26px
}

.btn-checkbox input[type=checkbox]+label:before {
    content: "";
    border-radius: 5px;
    border: 2px solid #bbbec2;
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    left: 0;
    position: absolute;
    top: 0;
    background: 0 0
}

.btn-checkbox input[type=checkbox]:checked+label:before {
    background: var(--dark);
    border-color: var(--dark)
}

.btn-checkbox input[type=checkbox]+label:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 7px;
    width: 12px;
    height: 5px;
    border: solid #fff0;
    border-width: 0 0 2px 2px;
    line-height: 0;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -ms-transform: rotate(-45deg) scale(2);
    -webkit-transform: rotate(-45deg) scale(2);
    transform: rotate(-70deg) scale(2)
}

.btn-checkbox input[type=checkbox]:checked+label:after {
    -ms-transform: rotate(-45deg) scale(1);
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
    border-color: #fff
}

.btn-radio input[type=radio]+label:before {
    border: 2px solid #bbbec2;
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    left: 0;
    position: absolute;
    top: 12px;
    border-radius: 50%;
    background: #fff
}

.btn-checkbox input[type=checkbox]+label:hover:before,
.btn-radio input[type=radio]+label:hover:before,
.btn-radio input[type=radio]:checked+label:before {
    border-color: var(--dark)
}

.btn-radio input[type=radio]+label:after {
    width: 11px;
    height: 11px;
    display: inline-block;
    position: absolute;
    top: 19px;
    left: 7px;
    line-height: 0;
    background: var(--dark);
    content: "";
    border-radius: 50%;
    -ms-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.btn-radio input[type=radio]:checked+label:after {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.btn-checkbox input[type=checkbox]:disabled+label,
.btn-radio input[type=radio]:disabled+label {
    opacity: .5
}

.checkbox-inline,
.radio-inline {
    padding: 0 20px 15px 0
}

.topbar .container {
    max-width: 1800px
}

.topbar {
    width: 100%;
    padding: 5px 0 0;
    background-color: var(--ms-white);
    position: relative;
    z-index: 9
}

.topbar-list {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 9;
    align-items: center;
    padding-top: 5px
}

.navbar-link,
.select-dropdown {
    align-items: center;
    display: flex
}

.select-dropdown select {
    width: 100%;
    height: 35px;
    border-radius: 6px;
    border: 1.5px solid #bababa;
    padding: .3rem 2.25rem .3rem .75rem;
    font-size: 14px
}

.select-dropdown {
    gap: 10px;
    margin-bottom: 10px
}

.select-dropdown .form-label {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0
}

.product-content .mamy-list,
.unicharm_select {
    gap: 10px
}

.select-dropdown .sloca {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: normal
}

.logo {
    width: 200px
}

.about-banner-gif img,
.allnews-four img,
.analyse-progress,
.auhtor-img img,
.babymini-img img,
.banner-section .slide img,
.birth-story-balon img,
.blog-child img,
.btn-previson button img,
.card-action-banner span img,
.contentcard-img img,
.corporate-image,
.corporate-image img,
.custome-banner.blog-detail-banner .custome-banner-content img,
.doll-img-tracker img,
.dropdown-menu.show video,
.extraabzorb-swiper .swiper-slide img,
.fetures-preemie .rainbow-preemie img,
.footer-gif video#video,
.footer-widget ul li a:hover:before,
.form-pokochan1 img,
.hospital-bag.mamypoko-cardss a,
.input-series label,
.logo img,
.mammies-balon img,
.mammies-images img,
.mamy-post-img img,
.mamypoko-cleanliness img,
.mamypoko-pants-card .pantsimage img,
.momcrner-img img,
.next-step-cards.comunity-tracker-text .input-series label,
.not-found img,
.otp-field input,
.pokochan-faq .terms-condion-icon4 img,
.preemie-diaper-gif img,
.pregnancy-announcement .col-lg-3:nth-child(4n+1) .swiperBoxContent h4,
.pregnancy-announcement .col-lg-3:nth-child(4n+2) .swiperBoxContent h4,
.pregnancy-announcement .col-lg-3:nth-child(4n+3) .swiperBoxContent h4,
.pregnancy-announcement .col-lg-3:nth-child(4n+4) .swiperBoxContent h4,
.pregnancy-blog-details .custome-banner-content img,
.pregnancyblog .health-pregnancy .product_card-cloud img,
.profile-cards.accordion .accordion,
.profile-name,
.rainbow-clouds .cloud-img,
.right-box-4 img,
.right-guide-card.right-blog-box.personal-guide-card .contentcard a,
.search-page .single-faq-box a img,
.slider-content span img,
.start-hospital img,
.sub-footer-list ul li a:hover:before,
.terms-condion-doll img,
.timeline-aboutfour img,
.timeline-aboutseven img,
.timeline-aboutthree img,
.unicharm-logo,
a.navbar-brand,
section.mamypoko-essentials img.divider-banner,
video#video {
    width: 100%
}

.navbar-link {
    gap: 30px;
    margin-right: auto
}

.navbar-link.lasticon {
    position: relative;
    right: -45px;
    align-items: center;
    gap: 20px
}

.navbar-nav {
    align-items: center;
    gap: 50px;
    justify-content: flex-start;
    width: 100%
}

.navbar-link .nav-item.dropdown a span,
.navbar-links {
    display: flex;
    align-items: center;
    gap: 9px
}

.navbar-link .nav-item.dropdown a {
    color: var(--ms-dark);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .7px;
    position: relative
}

.navbar-link a.nav-link {
    color: var(--ms-dark);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .7px;
    white-space: nowrap;
    position: relative
}

.navbar-link a.nav-link:after {
    display: block;
    content: "";
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
    width: 100%;
    position: absolute;
    max-width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 0;
    height: auto;
    font-size: 16px;
    border: 0 solid;
    right: 0;
    margin: 0 auto
}

.navbar-link a.nav-link:hover:after {
    transform: scaleX(1)
}

.navbar-link.lasticon a.nav-link:after {
    content: unset
}

.navbar-toggler.collapsed .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-color: unset
}

.navbar-toggler .navbar-toggler-icon {
    background-image: url(../img/close-btn.svg)
}

.navbar-toggler:focus {
    outline: 0 !important;
    border: 0 !important;
    box-shadow: unset
}

.custome-banner.prgenancy-blog-banner .custome-banner-content .title-xl,
.heading-component .heading-title span,
.mamypoko-pregnancy-period ul .pregnancy a,
.pregnancy-trackers .custome-banner-content h1,
.pregnancy.nav-item.dropdown a {
    color: var(--ms-pink)
}

.mamypoko-pregnancy-period ul .newborn a,
.newborn-blog-banner .custome-banner-content .title-xl,
.newborn.nav-item.dropdown a {
    color: var(--ms-orange)
}

.health-pregnancy.infant_card .heading-component .heading-title span,
.infanr-blog-banner .custome-banner-content .title-xl,
.infant.nav-item.dropdown a,
.mamypoko-pregnancy-period ul .infant a {
    color: var(--ms-toddlr)
}

.mamypoko-pregnancy-period ul .toddlers a,
.toddlers.nav-item.dropdown a {
    color: var(--ms-skyblue)
}

.navbar-brand {
    color: var(--bs-navbar-brand-hover-color);
    padding: 0;
    margin: 0
}

.nav-item .dropdown-menu.show a {
    color: var(--ms-dark);
    color: #525252;
    text-align: left;
    height: 100%
}

.top-navbar {
    position: absolute;
    background-color: #fff0;
    padding: 8px 0 40px;
    z-index: 8;
    width: 100%;
    top: 39px;
    left: 0
}

.top-navbar .container {
    position: relative;
    z-index: 2;
    max-width: 1700px
}

.top-navbar:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1920px;
    margin: auto;
    height: 182px;
    background: url(../img/header-wave.svg) center/cover;
    z-index: 1
}

.top-navbar.scrolled {
    position: fixed;
    width: 100%;
    top: 0;
    padding: 0 0 10px;
    z-index: 13
}

.top-navbar.scrolled:before {
    bottom: -35px;
    height: 182px
}

span.btn.swiper-btn {
    display: unset !important
}

.navbar-link.lasticon a.nav-link img {
    width: 22px;
    max-width: 22px
}

.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
    position: static
}

.dropdown .dropdown-menu {
    border-radius: 0;
    padding: 32px;
    opacity: 0;
    visibility: hidden;
    background: var(--bs-neutral-fill);
    width: 100%;
    left: 0;
    top: calc(100% - 24px);
    transition-duration: .5s;
    border: none;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / .08)
}

.navbar-link.second-menu a.last-link.nav-link {
    color: var(--ms-primary);
    font-weight: 500
}

.dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    top: calc(100% - 8px);
    background-color: var(--ms-white);
    height: auto;
    padding: 20px 50px 32px
}

.tab-swiper-box .on-hover,
.tab-swiper-box:hover .after-hover {
    visibility: hidden;
    opacity: 0
}

.dropdown-menu.show .row {
    height: 100%;
    position: relative;
    max-width: 1400px;
    margin: 0 auto
}

.dropdown-item {
    white-space: unset
}

.nav-item .dropdown-menu.show a:active,
.nav-item .dropdown-menu.show a:hover {
    background: 0 0;
    border: 0
}

.dropdown-menu.show li {
    height: 100%;
    margin-bottom: 12px
}

.dropdown-menu.show .personal-guide-card .contentcard .content span img {
    max-width: 160px !important;
    margin-top: 0
}

.dropdown-menu.show .col-lg-4:first-child .contentcard .content h3,
.product-details-content h5 {
    font-size: 20px;
    font-weight: 600
}

.dropdown-menu.show .contentcard .content h3 {
    -webkit-line-clamp: 3
}

.dropdown-menu.show .col-lg-4:first-child .contentcard img {
    right: 0;
    position: relative;
    bottom: 0;
    width: 100%
}

.dropdown-menu.show .col-lg-4:first-child .contentcard .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 300px
}

.dropdown-menu.show .col-lg-4:nth-child(2) .contentcard {
    background: var(--ms-blue)
}

.dropdown-menu.show .col-lg-4:nth-child(2) .contentcard .content,
.right-guide-card .content {
    position: absolute;
    top: 0;
    left: 0
}

.dropdown-menu.show .col-lg-4:nth-child(2) .contentcard .content h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--ms-white)
}

.dropdown-menu.show .col-lg-4:nth-child(2) .contentcard .content p {
    font-size: 12px;
    font-weight: 500;
    color: var(--ms-white)
}

.nav-menu-list {
    padding: 0 0 0 20px;
    max-width: 370px
}

.nav-menu-list h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    padding-bottom: 8px
}

.nav-menu-list a {
    height: auto !important;
    padding: 0 0 15px;
    font-weight: 500 !important;
    font-size: 16px !important
}

.neborn-navbar .dropdown-menu.show .col-lg-4:first-child .contentcard img {
    right: 0;
    position: relative;
    top: unset;
    width: 100%;
    height: auto;
    bottom: 0
}

.neborn-navbar .dropdown-menu.show .col-lg-4:nth-child(2) .personal-guide-card .contentcard,
.personal-guide-card .contentcard.baby-growth {
    background-color: #fff0e5
}

.neborn-navbar .dropdown-menu.show .col-lg-4:nth-child(2) .personal-guide-card:first-child .contentcard img {
    width: 100%;
    max-width: 100%;
    position: relative
}

.neborn-navbar .dropdown-menu.show .col-lg-4:nth-child(2) a.dropdown-item:nth-child(2) .personal-guide-card .contentcard img {
    max-width: 100%;
    border-radius: 15px;
    bottom: 0;
    font-size: unset;
    text-align: unset;
    padding-bottom: 0;
    float: unset;
    height: 100%
}

.blog-contact-page .form-btn,
.neborn-navbar .dropdown-menu.show .col-lg-4:nth-child(2) a.dropdown-item:nth-child(2) .personal-guide-card .contentcard,
.otp-inputs {
    margin-top: 20px
}

.neborn-navbar .dropdown-menu.show .col-lg-4:nth-child(2) .personal-guide-card:first-child .contentcard .content .btn {
    background: var(--ms-primary);
    margin-top: 12px
}

.mamypoko-sideicon {
    position: absolute;
    right: 50px;
    bottom: 113px;
    max-width: unset;
    width: 100%;
    z-index: -1
}

.mamypoko-sideicon img {
    width: 100%;
    max-width: 150px;
    margin-left: auto;
    float: right
}

.product-navbar-list,
.review-name {
    display: flex;
    justify-content: space-between
}

.product-menu-details h5 {
    color: #525252;
    padding-top: 10px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0
}

.product-img {
    height: 185px;
    display: flex;
    align-items: center;
    justify-content: center
}

.navbar-heading {
    padding: 30px 0 0
}

.navbar-heading h5 {
    font-size: 20px;
    font-weight: 700
}

.navbar-link.second-menu .dropdown-menu.show .row .col-lg-4 {
    align-items: stretch;
    display: flex
}

.product-details-card {
    width: 100%;
    display: flex;
    padding: 10px 20px;
    gap: 23px;
    background: #fdf5f1;
    border-radius: 8px;
    margin: 25px 0 0;
    align-items: center
}

.product-details-card a {
    display: flex;
    gap: 23px;
    align-items: center;
    white-space: unset !important
}

.product-details-content {
    width: calc(100% - 100px)
}

.product-details-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: normal
}

.product-details-img {
    width: 100%;
    max-width: 100px
}

.swiper-cta .swiper-btn {
    padding: 0;
    color: var(--ms-primary) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    margin-top: 20px !important;
    position: relative;
    min-width: 100px
}

.swiper-cta .swiper-btn::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 12px;
    top: 5px;
    transform: translate(0);
    right: 0;
    background-image: url(../img/arrow-blue.svg)
}

.swiper-cta a.btn.swiper-btn {
    margin: 0 !important;
    display: unset
}

.product-details-card.bornmini {
    background-color: #e2e4ed
}

.product-details-card.cleanwipes {
    background-color: #f3eee5
}

.brands-details-card {
    position: relative;
    margin-top: 50px
}

.brands-details-card a.btn.btn-primary.explore-btn.nav-link:after {
    right: 13px;
    background-repeat: no-repeat;
    border: 0;
    left: unset;
    max-width: 20px;
    transform: translateY(-6px)
}

.brands-details-card a.btn.btn-primary.explore-btn.nav-link {
    width: auto;
    max-width: max-content;
    padding: 15px 20px
}

.brand-contents {
    position: absolute;
    top: 25px;
    left: 35px;
    width: 100%;
    max-width: 391px
}

.brand-contents h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    color: #1a1a1a
}

.expand-div p,
.expand-div-close p {
    padding-top: 20px;
    line-height: 16px
}

.brands-details-card .explore-btn {
    line-height: unset !important;
    margin-top: 25px;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    padding: 14px 20px;
    min-width: 135px;
    color: var(--ms-white) !important;
    background-color: #b04d5c
}

.brands-details-card.confort .brand-contents .explore-btn,
.custom-pagination span.pagination-dot.active,
.review-rating-star .progress .progress-bar,
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--ms-primary)
}

.blog-left-side {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.blog-left-side .single-left-blog-img {
    flex: 0 0 50%;
    max-width: 50%;
    text-align: center;
    margin-bottom: 40px
}

.blog-left-side .single-left-blog-img a {
    text-align: center !important
}

.blog-left-side .single-left-blog-img .product-img,
.footer-widget ul li {
    margin-bottom: 10px
}

.infant-section .parenthood-card .col-lg-4:nth-child(2) .contentcard .content h3,
.newborn-section .parenthood-card .col-lg-4:nth-child(2) .personal-guide-card .contentcard .content h3,
.parenthood-card .col-lg-4:nth-child(3) .personal-guide-card .contentcard .content h3,
.personal-guide-card .contentcard.baby-growth h3,
.pregnancy-section .parenthood-card .col-lg-4:nth-child(2) .personal-guide-card .contentcard .content h3,
.toddlers-section .parenthood-card .col-lg-4:nth-child(2) .content h3 {
    font-size: 26px;
    font-weight: 600
}

.personal-guide-card .contentcard.baby-growth p {
    font-size: 16px;
    font-weight: 500;
    opacity: .7;
    line-height: 22px
}

.personal-guide-card .contentcard.baby-growth .pregnancy-btn a.btn.btn-primary {
    min-width: 275px
}

.product-details-content .swiper-cta .btn.swiper-btn:after {
    width: 10px;
    position: absolute;
    max-width: 10px;
    transform: unset;
    left: unset;
    background-repeat: no-repeat;
    border: 0;
    right: -14px
}

.contentcard .content .btn:after,
a.dropdown-item:after {
    content: unset !important
}

.babymini-tape,
a.dropdown-item .contentcard {
    overflow: hidden
}

.compresive-card {
    width: 100%;
    padding: 15px 50px;
    display: flex;
    justify-content: center;
    background-color: #ebf3ff;
    border-radius: 15px;
    margin-top: 20px;
    align-items: center
}

.compresive-card.products {
    background-color: #fff0;
    padding: 15px 0
}

.compresive-btn {
    text-align: left;
    margin-left: auto
}

.compresive-card.products .compresive-btn {
    margin-right: auto;
    margin-left: unset
}

.compresive-card .compresive-content {
    width: 100%;
    max-width: 800px
}

.compresive-card .compresive-content h4 {
    font-size: 18px;
    font-weight: 500
}

.compresive-card .compresive-btn a.btn.btn-primary {
    color: #fff;
    line-height: 48px;
    font-size: 14px;
    padding: 0 40px 0 20px;
    min-width: auto
}

.compresive-card .compresive-btn a.btn.btn-primary:after {
    right: 13px;
    background-repeat: no-repeat;
    border: 0;
    left: unset;
    max-width: 20px;
    transform: translateY(-5px)
}

.dropdown-menu.show .mobile-menu-navbar ul {
    padding: 0 0 0 55px;
    list-style: none
}

.dropdown-menu.show .mobile-menu-navbar ul li,
.profile-card-management.account-setting .profile-name label {
    padding-bottom: 20px
}

.dropdown-menu.show .mobile-menu-navbar ul li a {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.dropdown-menu.show .personal-guide-card .contentcard .content .btn {
    line-height: 40px !important;
    position: relative;
    border: 2px solid #cfa52d
}

.product-img img {
    max-width: 140px;
    border-radius: 5px
}

.toddlers.neborn-navbar .dropdown-menu.show .col-lg-4:first-child .contentcard {
    background: #cdd8d9
}

.banner-section {
    width: 100%;
    margin-top: 50px;
    position: relative;
    min-height: 790px
}

.banner-section.banner-image {
    background-color: #f8f4f0
}

.carousel-content .carousel-caption {
    top: 50%;
    text-align: left;
    width: 100%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    padding-left: 370px
}

.banner-section.banner-image .content-para,
.custome-banner-content .title-lg {
    width: 100%;
    max-width: 620px
}

.banner-content {
    gap: 50px;
    justify-content: left;
    flex-direction: column;
    text-align: left;
    align-items: unset !important
}

.carousel-content .carousel-caption .slider-heading {
    color: var(--ms-primary);
    font-size: 64px;
    font-weight: 300;
    line-height: 64px;
    font-family: var(--ariel-rounded)
}

.carousel-content .carousel-caption h5 {
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    color: var(--ms-primary)
}

.carousel-content .carousel-caption p {
    color: var(--ms-primary);
    font-size: 34px;
    font-weight: 500;
    line-height: 64px;
    margin: 0;
    padding-bottom: 0
}

.banner-btn .btn {
    min-width: auto;
    padding: 0 45px 0 25px;
    margin-top: 15px
}

.banner-btn .btn:after {
    right: 17px
}

.marquee-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 5px 0
}

.marquee-text {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: 30s linear infinite marquee, 3s linear infinite gradientText;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    background: linear-gradient(270deg, #f66, red, #b22222, #8b0000, red, #f66);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    cursor: pointer
}

@keyframes marquee {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

@keyframes gradientText {

    0%,
    100% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }
}

.marquee-text a {
    color: inherit
}

button.submit-btn.baby_image_generator_step2 {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin: auto
}

.mother-award-section {
    grid-gap: 74px;
    gap: 74px;
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    display: grid;
    background: linear-gradient(90deg, #fff0 -.91%, #fff 28.52%, #fff 49.53%, #fff 72.65%, #fff0 99.97%);
    padding: 20px;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    z-index: 2
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    background-image: url(../img/chevron-banner.svg);
    height: 3.75rem
}

.mother-card {
    border-radius: 12px;
    align-items: center;
    width: 100%;
    position: relative;
    margin: 0 auto
}

.mother-card .card-img {
    position: absolute;
    left: -50px;
    width: fit-content
}

.mother-card .card-img img {
    width: 100%;
    max-width: 114px
}

.mother-card .card-content {
    border-radius: 12px;
    border: 2px solid var(--ms-golden1);
    background: var(--ms-primary);
    height: auto;
    padding: 17px 14px 17px 70px;
    margin-left: 15px;
    width: 390px
}

.mother-card .card-content h2 {
    max-width: 275px
}

.mother-card .card-content .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 5px;
    color: var(--ms-white)
}

.carousel-item .mobile-banner-img,
.mobile-img,
.mother-card:nth-child(3) .card-content .title br {
    display: none !important
}

.mother-card .card-content p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--ms-white)
}

.carousel-control-next-icon {
    width: 3.75rem
}

.carousel-control-next,
.carousel-control-prev {
    opacity: 100%;
    width: 7%
}

.carousel-control-prev-icon {
    width: 3.75rem;
    transform: rotatey(180deg)
}

.mother-card:first-child {
    margin-left: 100px
}

.mother-card:nth-child(2) {
    margin-left: 27px
}

.mother-card:nth-child(3) {
    margin-left: 0
}

.banner-heart {
    position: absolute;
    left: -5px;
    bottom: 142px;
    z-index: 1
}

.banner-heart img {
    width: 100%;
    max-width: 522px;
    height: 177px
}

.tab-swiper-box:hover .product-content .swiper-cta .swiper-btn::after {
    right: -22px;
    transition: .8s
}

img.video-banner {
    width: 100%;
    height: 780px
}

.banner-section.banner-image .carousel-content .banner-content .content-para .slider-heading,
.banner-section.video-banner .carousel-content .banner-content .content-para .slider-heading,
.prgenant-pen .cursor.text-success {
    color: var(--ms-primary) !important
}

.slide.banner1 .banner-content .content-para p {
    color: var(--ms-pink) !important;
    font-family: var(--ariel-rounded);
    font-weight: 300;
    font-family: BerkshireSwash-Regular
}

.banner-section.video-banner .carousel-content .carousel-caption {
    bottom: 190px
}

.banner-section.video-banner .banner-heart {
    bottom: 105px
}

.about-us {
    width: 100%;
    background-image: url(../img/about-banner1.webp);
    padding: 170px 0 250px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -105px;
    position: relative;
    z-index: 1
}

.about-content .about-heading {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
    color: var(--ms-primary)
}

.about-content {
    width: 100%;
    max-width: 910px
}

.expand-div {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 90px;
    cursor: pointer;
    left: 0;
    right: 0
}

.expand-div img {
    border-radius: 100px;
    border: 2px solid #c9d2ff;
    width: 60px
}

.expand-div p {
    margin: 0;
    color: var(--ms-primary);
    text-align: center;
    font-size: 16px;
    font-weight: 500
}

.expand-div-close {
    text-align: center;
    width: 100%;
    cursor: pointer;
    margin-top: 10px
}

.expand-div-close img {
    border-radius: 100px;
    border: 2px solid #c9d2ff;
    width: 60px;
    transform: rotate(180deg)
}

.expand-div-close p {
    margin: 0;
    color: var(--ms-dark);
    text-align: center;
    font-size: 16px;
    font-weight: 500
}

.about-con .mamypoko-heading,
.about-list2 h4 {
    font-size: 28px;
    line-height: normal;
    font-weight: 600
}

.about-hidden-conetnt {
    margin-top: -70px;
    padding-bottom: 40px
}

.about-img {
    width: 100%;
    margin-top: 40px
}

.about-img iframe {
    width: 100%;
    height: 450px;
    position: relative;
    z-index: 5;
    border-radius: 25px
}

.about-img img {
    width: 100%;
    border-radius: 50px;
    position: relative;
    z-index: 1
}

.about-content-card {
    padding: 50px 0 30px 30px;
    width: 100%;
    max-width: 765px;
    margin-top: 0;
    position: relative;
    z-index: 2
}

.about-content-card::-webkit-scrollbar {
    width: 5px
}

.about-content-card::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

.about-content-card ul,
.brand-img ul li a,
.diaper-iner-tab,
.personal-guide .nav.nav-tabs,
.sticky-product-sec.scrolledClass {
    box-shadow: 0 0 25px 0 rgb(0 0 0 / .1)
}

.about-content-card::-webkit-scrollbar-thumb {
    background: var(--ms-primary);
    border-radius: 10px
}

.about-content-card .btn {
    min-width: auto;
    margin-top: 10px;
    padding: 0 37px 0 20px
}

.about-content-card .btn-primary::after {
    content: "";
    right: 20px;
    background-image: url(https://www.mamypokopants.in/_next/static/media/btn-arrow.81f5bcdc.svg)
}

.about-list2 h4 {
    font-style: normal;
    margin: 0;
    color: var(--ms-dark)
}

.about-list p,
.about-list2 p {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal
}

.about-list2 p {
    padding-top: 15px
}

.about-list p {
    padding-top: 10px
}

.about-hidden-conetnt .expand-div {
    bottom: unset;
    position: relative;
    margin-top: 90px
}

.about-banner-gif {
    position: absolute;
    width: 100%;
    max-width: 300px;
    right: 0;
    bottom: 80px
}

.about-content-card ul {
    border: 0;
    border-radius: 100px;
    background: #fff;
    padding: 12px;
    z-index: -1;
    position: relative;
    gap: 60px;
    width: 580px;
    height: auto;
    justify-content: center;
    align-items: center;
    margin: 0 !important
}

.about-content-card ul .nav-link,
.about-content-card ul .nav-link.active {
    width: 240px;
    border-radius: 40px;
    font-size: 20px;
    position: relative;
    font-family: Figtree, sans-serif;
    line-height: 16px;
    height: 80px
}

.about-content-card ul li {
    margin: 0;
    position: relative
}

.about-content-card ul .nav-link.active {
    background: var(--skyblue2);
    color: var(--ms-blue);
    font-weight: 600;
    border: 0
}

.bedge-ca h4,
.latest-news-cards .contentcard .bedge-ca h5,
.seo-content .title-sm,
.seo-content h3 {
    font-size: 12px
}

.about-content-card ul .nav-link {
    background: var(--ms-white);
    color: var(--ms-para);
    font-weight: 400;
    border: 0
}

.about-content-card ul .nav-link.active:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: -3px;
    background: linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    z-index: -1;
    border-radius: 40px;
    height: 88px
}

.about-content-card .tab-content,
.blog-last-para p,
.not-found-content,
.principle-column .signle-principle .single-principle-content {
    padding-top: 40px
}

.about-list p:nth-child(2),
.diaper-iner-tab .tab-content,
.mamypoko-essentials.newborn-essen .mamypoko-essentials-heading,
.profile-cards.accordion .accordion h2.accordion-header {
    padding-top: 0
}

.about-content-card ul .nav-link.active:focus:before,
.about-content-card ul .nav-link.active:hover:before {
    background: var(--skyblue2);
    border: 3px solid var(--ms-golden)
}

.pockochan-meet {
    padding: 0;
    position: relative;
    margin-top: -110px
}

.parenthood-guide {
    padding: var(--desktoppadding);
    width: 100%;
    background-color: var(--skyblue1);
    position: relative
}

.personal-guide .nav.nav-tabs {
    justify-content: left;
    border: 0;
    background-color: var(--ms-white);
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
    border-radius: 100px;
    gap: 27px;
    padding: 10px 0 10px 9px
}

.personal-guide .nav.nav-tabs li .nav-link {
    border: 0;
    font-size: 20px;
    line-height: 16px;
    font-weight: 400;
    color: var(--bs-black);
    margin-left: 9px;
    border-radius: 100px;
    padding: 0
}

.personal-guide .nav.nav-tabs li .nav-link.active {
    color: var(--ms-primary);
    font-weight: 600;
    line-height: 16px;
    position: relative
}

.card-content-mamies.tracker .active-btn:before,
.personal-guide .nav.nav-tabs li .nav-link.active:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin: -2px;
    background: linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    border-radius: 100px
}

.personal-guide .nav.nav-tabs li .nav-link span {
    padding: 5px 20px 5px 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    background: #fff;
    z-index: 7;
    position: relative;
    border-radius: 100px
}

.parenthood-guide.parentguide .personal-guide .nav.nav-tabs li .nav-link.active span {
    background-color: var(--skyblue2)
}

.personal-guide .nav.nav-tabs li .nav-link.active span {
    padding: 5px 20px 5px 10px
}

.personal-guide .nav.nav-tabs li span img {
    width: 80px;
    height: 80px;
    border-radius: 100%
}

.input-series,
.personal-guide {
    width: 100%;
    margin: 0 auto;
    position: relative
}

.parenthood-card {
    margin-top: 80px
}

.parenthood-guide.parentguide .parenthood-card {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto
}

.contentcard {
    width: 100%;
    background: var(--ms-white);
    max-width: 100%;
    border-radius: 15px;
    position: relative;
    height: 100%
}

.most-read {
    position: absolute;
    top: 30px;
    left: -15px;
    width: 136.391px;
    height: 48px;
    z-index: 2
}

.most-read img {
    border-radius: 0 !important
}

.contentcard .content {
    padding: 15px 30px;
    position: relative;
    z-index: 1
}

.contentcard .content h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
    margin-top: 5px
}

.contentcard .content .read-more-btn {
    color: var(--ms-primary);
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    font-family: Figtree, sans-serif;
    display: flex;
    gap: 12px
}

.contentcard .content .read-more-btn img,
.product-world-wrapper .tab-swiper-box .product-content h5 {
    min-height: auto
}

.bedge-ca {
    gap: 10px;
    padding-bottom: 8px
}

.bedge-ca h4 {
    color: var(--ms-blue);
    font-family: Figtree, sans-serif;
    font-weight: 500;
    border-radius: 100px;
    padding: 5px 15px;
    border: 1px solid var(--ms-blue);
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0
}

.beadge1 {
    background-color: #fff3ef;
    color: #ff4507;
    font-weight: 500;
    border: 0
}

.beadge2,
.bedge-ca h5 {
    color: var(--ms-primary);
    font-size: 12px;
    font-weight: 500;
    border-radius: 100px;
    background: rgb(10 74 155 / .1);
    padding: 5px 15px;
    font-family: Figtree, sans-serif
}

.bedge-ca h5 {
    display: none;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0
}

.contentcard .btn {
    line-height: 45px !important;
    margin-top: 25px;
    z-index: 1;
    font-size: 14px !important;
    padding: 0 25px !important;
    width: 100%;
    max-width: -moz-fit-content;
    max-width: fit-content;
    display: flex;
    gap: 20px;
    min-width: -moz-fit-content;
    min-width: fit-content;
    background-image: unset;
    color: var(--ms-white) !important;
    align-items: center;
    position: relative;
    border: 2px solid var(--ms-golden)
}

.babyImg-banner-content .title-xl,
.babyImg-banner-content p,
.pregnancy-section .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card .contentcard h3,
.selection-group input[type=radio]:checked+label h6,
.vieo-content h4 {
    color: var(--ms-white)
}

.newborn-section .parenthood-card .col-lg-4:nth-child(2) .personal-guide-card .contentcard,
.pregnancy-section .parenthood-card .col-lg-4:nth-child(2) .personal-guide-card .contentcard {
    background: #fff
}

.pregnancy-section .parenthood-card .col-lg-4:nth-child(2) .personal-guide-card .contentcard img {
    position: relative;
    top: 0;
    z-index: 0;
    border-radius: 0 0 15px 15px;
    right: 0;
    height: 100%;
    left: 0;
    padding: 0;
    width: 100%
}

.pregnancy-section .parenthood-card .col-lg-4:nth-child(2) .personal-guide-card .contentcard .content {
    padding-bottom: 5px;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 355px
}

.personal-guide-card {
    position: relative;
    width: 100%;
    height: 100%
}

.baby-status-tracker:after,
.blog-tracker:after,
.parenthood-brand-card:before,
.personal-guide-card:before,
.right-guide-card:before,
.rightcard:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin: -2px;
    background: linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    border-radius: 15px
}

.personal-guide .explore-preg {
    position: absolute;
    top: 22px;
    right: 204px;
    width: 100%;
    max-width: 250px
}

.parenthood-guide .parenthood-heart {
    position: absolute;
    top: 100px;
    left: 0;
    width: 300px;
    height: auto
}

.parenthood-heart .parenthood-gifs1 {
    width: 180px;
    position: absolute;
    left: 50px;
    top: 25px
}

.parenthood-gif {
    width: 150px;
    right: 24px;
    position: absolute;
    bottom: 37px
}

.parenthood-gif .shadow_img {
    right: -12px !important;
    bottom: -12px;
    width: 100%
}

.parenthood-gif .parenthood-gifs {
    position: relative;
    right: -20px;
    bottom: 0;
    z-index: 2;
    width: 100%
}

.contentcard .btn img {
    position: relative !important;
    bottom: 0 !important;
    float: unset !important;
    text-align: unset !important;
    max-width: unset !important;
    width: unset !important;
    margin-left: unset !important;
    padding-bottom: 0 !important;
    height: auto !important;
    display: unset !important
}

.parenthood-card .col-lg-4:nth-child(3) .contentcard {
    position: relative;
    height: auto;
    min-height: 220px;
    margin-bottom: 20px;
    background: var(--ms-blue)
}

.latest-mmpnews-banner,
.next-step-container .next-step-cards p,
.parenthood-card .col-lg-4:nth-child(3) .contentcard .content,
.profile-card-management.account-setting .profile-name .form-check label {
    padding-bottom: 0
}

.pregnancy-section .parenthood-card .col-lg-4:nth-child(3) .contentcard .content,
.pregnancy-timeline {
    padding-bottom: 30px
}

.parenthood-card .col-lg-4:nth-child(3) .contentcard img {
    margin-left: auto;
    text-align: right;
    width: 100%;
    max-width: 200px;
    float: unset;
    position: relative;
    bottom: 10px;
    display: flex
}

.newborn-section .parenthood-card .col-lg-4:nth-child(2) .personal-guide-card .contentcard img {
    position: relative;
    top: 0;
    z-index: 0;
    border-radius: 0 0 15px 15px;
    height: 100%
}

.parenthood-card .col-lg-4:nth-child(3) .personal-guide-card:nth-child(2) .contentcard {
    background-color: #fff0;
    margin-bottom: 0
}

.parenthood-card .col-lg-4:nth-child(3) .personal-guide-card:nth-child(2) .contentcard img {
    max-width: 100%;
    border-radius: 15px;
    bottom: 0;
    font-size: unset;
    text-align: unset;
    padding-bottom: 0;
    float: unset;
    cursor: pointer
}

.infant-section .parenthood-card .col-lg-4:nth-child(2) .contentcard {
    background-color: #7bb1c3
}

.infant-section .parenthood-card .col-lg-4:nth-child(2) .contentcard img {
    height: 100%;
    position: relative;
    top: 0;
    z-index: 0;
    border-radius: 15px
}

.toddlers-section .parenthood-card .col-lg-4:nth-child(2) .contentcard {
    background-color: #cddada
}

.toddlers-section .parenthood-card .col-lg-4:nth-child(2) .contentcard img {
    height: auto;
    top: 0;
    position: relative;
    bottom: unset;
    z-index: 0;
    border-radius: 15px
}

.vieo-content {
    position: absolute;
    bottom: 20px;
    left: 14px
}

.vieo-content h4 {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.infant-section .parenthood-card .col-lg-4:nth-child(2) .contentcard .content,
.newborn-section .parenthood-card .col-lg-4:nth-child(2) .personal-guide-card .contentcard .content,
.toddlers-section .parenthood-card .col-lg-4:nth-child(2) .contentcard .content {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 355px
}

.pregnancy-section .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card .contentcard img {
    position: relative;
    width: 100%;
    max-width: 390px;
    margin: 0 auto;
    display: block;
    text-align: center;
    float: unset
}

.pregnancy-section .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card {
    height: 100%
}

.pregnancy-section .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card .contentcard {
    min-height: 100%;
    position: relative;
    overflow: hidden;
    background-color: var(--ms-blue)
}

.pregnancy-section .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card .contentcard video {
    position: absolute;
    width: 100%;
    bottom: 0
}

.personal-guide-card .pregnancy-btn {
    position: absolute;
    bottom: 55px;
    left: 0;
    right: 0
}

.personal-guide-card .pregnancy-btn a.btn {
    margin: 0 auto;
    min-width: auto;
    border-radius: 100px;
    text-align: center;
    font-size: 14px !important;
    font-weight: 600;
    position: relative;
    line-height: normal !important;
    padding: 10px 20px !important;
    background-color: var(--ms-golden)
}

.personal-guide-card .pregnancy-btn a.btn:hover,
.pregnancy-status-tracker .personal-guide-card .contentcard .content .btn.btn-primary:hover {
    background-color: var(--ms-blue) !important
}

.parenthood-card .col-lg-4:nth-child(3) .personal-guide-card .contentcard .content p {
    font-size: 16px;
    font-weight: 500;
    color: var(--ms-white);
    margin: 0
}

.parenthood-card .col-lg-4:nth-child(3) .contentcard .content .btn {
    border-radius: 100px;
    background: unset;
    padding: 0 !important
}

.pregnancy-section .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card .contentcard span img {
    width: 100%;
    max-width: 220px
}

.infant-section .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card:first-child .contentcard span img,
.newborn-section .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card:first-child .contentcard span img,
.toddlers-section .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card:first-child .contentcard span img {
    text-align: left;
    margin: unset;
    bottom: 0;
    display: unset;
    width: 100%;
    max-width: 150px;
    margin-top: 10px
}

.personal-guide-card .contentcard img {
    width: 100%;
    border-radius: 15px 15px 0 0
}

.product-world-wrapper {
    padding: var(--desktoppadding);
    position: relative
}

.product-world-wrapper .heading-component {
    max-width: 100%;
    margin-bottom: 40px
}

.product-world-wrapper .tab-filterheading {
    position: absolute;
    top: 55px;
    right: 525px;
    font-family: Figtree, sans-serif
}

.product-world-wrapper .tab-filterheading h5 {
    font-size: 20px;
    color: var(--ms-dark);
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 0
}

.product-world-wrapper .tab-swiper-box {
    position: relative;
    transition: .3s ease-in-out;
    padding-top: 70px
}

.product-world-wrapper .nav-tabs {
    border-bottom: #fff0;
    position: absolute;
    top: 30px;
    right: 30px;
    background: var(--ms-white)
}

.product-world-wrapper .nav-tabs .nav-item {
    margin-bottom: 0;
    border-bottom: 1px solid #bbb
}

.product-world-wrapper .nav-tabs .nav-item:not(:last-child) {
    padding-right: 5px
}

.product-world-wrapper .nav-tabs .nav-link {
    color: var(--ms-dark);
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    font-family: Figtree, sans-serif
}

.product-world-wrapper .nav-tabs .nav-link.active {
    border-color: #fff0;
    color: var(--ms-primary);
    font-weight: 500;
    border-bottom: 3px solid var(--ms-primary) !important
}

.product-world-wrapper .nav-tabs .nav-link:hover {
    border-color: #fff0
}

.product-world-wrapper .tab-swiper-box .boxContentImg {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.product-world-wrapper .tab-swiper-box.light .boxContentImg {
    background-image: url(../img/light-bg.webp)
}

.product-world-wrapper .tab-swiper-box.dark .boxContentImg {
    background-image: url(../img/dark-bg.webp)
}

.product-world-wrapper .tab-swiper-box.yellow .boxContentImg {
    background-image: url(../img/dark-yellow-bg.webp)
}

.tab-swiper-box .product-content,
.tab-swiper-box .product-content .swiper-cta {
    margin-top: 15px
}

.tab-swiper-box .product-content h5 {
    font-size: 24px;
    color: var(--ms-dark);
    font-weight: 600;
    padding-bottom: 5px;
    margin-bottom: 2px;
    min-height: 57px
}

section.product-world-wrapper.slidercard .tab-swiper-box .product-content h5 {
    min-height: 57px
}

.rating span,
.tab-swiper-box .product-content .rating span {
    font-size: 16px;
    font-weight: 500;
    color: var(--ms-dark);
    margin-left: 14px
}

.tab-swiper-box .product-content .swiper-cta .swiper-btn {
    padding: 0;
    color: var(--ms-primary);
    font-size: 18px !important;
    font-weight: 500;
    line-height: 24px;
    margin-top: 20px;
    position: relative;
    min-width: 100px
}

.tab-swiper-box .product-content .swiper-cta .swiper-btn::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 12px;
    top: 5px;
    transform: translate(0);
    right: -18px;
    background-image: url(../img/arrow-blue.svg);
    background-repeat: no-repeat;
    transition: .8s
}

.tab-swiper-box .on-hover {
    position: absolute
}

.tab-swiper-box:hover img.on-hover {
    visibility: visible;
    opacity: 1;
    max-width: 245px;
    margin-top: -50px
}

.product-world-wrapper .boxContentImg img {
    margin-top: -60px;
    width: 100%;
    max-width: 240px;
    aspect-ratio: 8/6.5;
    object-fit: contain
}

.product-world-gif {
    top: 110px
}

.product-world-gif::after {
    transform: translateX(0) !important;
    bottom: -10px !important
}

.filter-diapers {
    position: absolute;
    z-index: 2;
    right: 30px;
    top: 90px;
    cursor: pointer
}

.filter-diapers .filter-diaper-content {
    background: #f3f5f9;
    padding: 12px;
    border-radius: 15px
}

.filter-diapers .filter-diaper-content .left-side img {
    width: 100%;
    max-width: 25px
}

.filter-diapers .filter-diaper-content h5 {
    padding: 0 20px 0 10px;
    font-size: 14px
}

.fade-container {
    opacity: 0;
    transition: opacity .5s ease-in-out;
    position: relative;
    margin-top: -70px
}

.video-carousel .swiperBoxContent::after,
.video-ico {
    transition-duration: .3s;
    opacity: 0;
    top: 0;
    height: 100%
}

.fade-in,
.follow-instagrma-section .wipes-heading p:hover,
.pregnancy-slider-btn.active img,
.profile-sidebar ul li a:hover img,
.profile-sidebar ul li ul li a.active:before,
ul.second-list li a.active img {
    opacity: 1
}

.fade-out {
    opacity: 0
}

.diaper-iner-tab {
    background: var(--ms-white);
    padding: 20px 30px 25px;
    border-radius: 15px;
    display: none
}

.filter-diapers .content.filter-open .diaper-iner-tab {
    display: block;
    margin-top: -70px;
    position: relative;
    z-index: 2
}

.product-world-wrapper .filcontent {
    position: absolute;
    right: 30px;
    margin-top: 0;
    width: 100%;
    max-width: 545px
}

.filter-open .diaper-iner-tab {
    display: block;
    margin-top: -70px;
    position: relative;
    z-index: 2;
    cursor: pointer
}

.filcontent {
    position: absolute;
    right: 30px;
    margin-top: -50px
}

.diaper-iner-tab .nav-item {
    border-bottom: transparent !important
}

.diaper-iner-tab .nav-link {
    font-size: 16px !important;
    padding: 0 !important
}

.diaper-iner-tab .cross-ico {
    position: absolute;
    right: 30px;
    top: 20px;
    z-index: 9
}

.absorbbanner-card .filter-diapers,
.diaper-iner-tab .nav-tabs {
    position: relative;
    top: 0;
    right: 0
}

.diaper-iner-tab .tab-content .filter-listing {
    padding-top: 10px;
    display: flex;
    align-items: center;
    overflow-y: hidden;
    padding-bottom: 15px
}

.diaper-iner-tab .tab-content .filter-listing::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.diaper-iner-tab .tab-content .filter-listing::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 2px
}

.diaper-iner-tab .tab-content .filter-listing::-webkit-scrollbar-thumb {
    background: var(--ms-primary);
    border-radius: 2px
}

.diaper-iner-tab .tab-content .filter-listing span {
    color: var(--ms-primary);
    border: 1px solid;
    border-radius: 100px;
    padding: 12px 10px;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap
}

.filter-listing span:not(:last-child) {
    margin-right: 10px
}

.product-world-wrapper .swiper-button-prev {
    top: 35%;
    background-image: url(../img/prev-chevron.svg);
    background-size: 50px;
    width: 50px;
    height: 50px;
    left: 0;
    margin: unset
}

.product-world-wrapper .swiper-button-next {
    top: 35%;
    background-image: url(../img/chevron-banner.svg);
    background-size: 50px;
    width: 50px;
    height: 50px;
    right: 0
}

.product-world-wrapper.slidercard .tab-swiper-box:hover .after-hover,
.swiperBoxContent:hover .video-ico,
.swiperBoxContent:hover:after {
    opacity: 1;
    visibility: visible
}

.next-step-cards.dashboard .baby-tracker-user .profile-content.date-of-birth p,
.video-ico {
    visibility: hidden
}

.heading-component {
    max-width: 820px;
    margin: 0 auto 40px
}

.pregnancy-cretivity,
.testimonials-wrapper {
    width: 100%;
    padding: var(--desktoppadding)
}

.testi-head .box-heading {
    font-size: 28px;
    font-weight: 600;
    line-height: normal;
    color: var(--ms-primary)
}

.testi-head span {
    display: flex;
    gap: 2px
}

.testi-head span svg {
    color: #d59725;
    font-size: 18px;
    padding-top: 7px;
    width: 16px
}

.testimonilas-content p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-top: 19px;
    border-bottom: 1px solid;
    padding-bottom: 23px;
    min-height: 135px
}

.testimonials-name h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    color: var(--ms-dark)
}

.mamy-semi-heading,
.momcorner-content h3 {
    font-weight: 600;
    line-height: 46px;
    font-size: 34px;
    font-style: normal
}

.testimonials-slider {
    display: flex;
    gap: 25px
}

.testimonials-gif {
    width: 269px;
    position: relative
}

.swiper-button-next,
.swiper-button-prev {
    top: unset;
    display: block;
    width: 55px;
    height: 55px;
    background-color: #fff;
    z-index: 5;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat
}

.testimonials-gif .testimonials-img {
    position: relative;
    bottom: 55px
}

.testimonials-gif .shadow_img {
    right: 15px !important;
    bottom: 35px !important
}

.product-world-wrapper.recommended .swiper,
.testimonial-swiper {
    padding-bottom: 80px
}

.testimonials-wrapper .testimonials-backimgs {
    position: absolute;
    top: -30px;
    width: 600px;
    right: 0;
    z-index: -1
}

.swiper-button-next {
    background-image: url(../img/chevron-banner.svg);
    position: absolute;
    margin: 0 auto
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: "";
    display: none
}

.swiper-button-prev {
    background-image: url(../img/prev-chevron.svg);
    position: absolute;
    right: 100px;
    left: unset
}

.mom-corner {
    padding: var(--desktoppadding);
    background-color: var(--skyblue1);
    position: relative
}

.mom-corner .heading-component {
    max-width: 100%;
    margin-bottom: 0
}

.mamy-semi-heading {
    margin: 0;
    color: var(--ms-dark)
}

.momcorner-content ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    max-width: 550px
}

.momcorner-content ul li {
    font-size: 22px;
    font-weight: 400;
    color: #303031;
    position: relative;
    padding-left: 32px
}

.list-url li::before,
.momcorner-content ul li::before,
.pack-bag-list ul li::before,
.product-card-sec .product-content ul li::before,
.tesrm-condion-content ul li::before,
ul.mamy-list1 li::before {
    content: "";
    background-image: url(../img/list-vector.svg);
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat
}

.momcorner-content {
    padding-left: 90px;
    position: relative;
    z-index: 1
}

.momcorner-content .btn {
    width: 100%;
    max-width: max-content;
    margin-top: 15px;
    min-width: auto;
    padding: 0 45px 0 25px
}

.analyse-progress .reset-btn:after,
.baby-status-tracker .baby-tracker .btn-primary:after,
.card-wrapper.happiedn-card .hospital-content-card .btn-primary::after,
.cleanless-content .btn-primary:after,
.essential-content .btn-primary::after,
.health-pregnancy .personal-guide .explore-preg::after,
.momcorner-content .btn:after,
.profile-managements .btn.btn-sm.btn-primary::after {
    right: 20px
}

.momcorner-gif {
    width: 230px;
    right: -20px;
    position: absolute;
    bottom: 0
}

.momcorner-gif video {
    top: 9px;
    width: 100%;
    right: 20px;
    position: relative
}

.momcorner-gif img {
    position: relative;
    right: 0
}

.momcorner-gif .shadow_img {
    position: absolute !important;
    right: 13px !important;
    bottom: 10px
}

.shadow_img {
    position: absolute !important;
    right: 63px !important;
    bottom: 18px
}

.mamypoko-video-wrapper {
    padding-top: var(--desktoppadding)
}

.heading-component .heading-title {
    font-size: 48px;
    color: var(--ms-primary);
    font-weight: 700;
    line-height: 64px;
    margin-bottom: 30px
}

.heading-component p {
    font-size: 22px;
    font-weight: 400;
    line-height: 25px;
    color: var(--ms-dark)
}

.footer,
.footer-content,
.footer-content p,
.footer-widget ul li a {
    color: var(--ms-white)
}

.video-carousel .swiperBoxContent {
    border-radius: 15px;
    position: relative;
    padding: 15px
}

.mamypokovideo-card {
    position: relative;
    padding: 6px;
    margin-bottom: 30px
}

.mamypoko-video-wrapper .video-carousel .mamypokovideo-card {
    margin-bottom: 60px
}

.pregnancy-announcement .mamypokovideo-card::before,
.video-carousel .mamypokovideo-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin: 3px;
    background: linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    border-radius: 15px
}

.video-carousel .swiperBoxContent::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    visibility: hidden;
    background-color: rgb(0 0 0 / .1);
    z-index: 1;
    border-radius: 15px
}

.video-carousel .swiperBoxContent .box-heading {
    font-size: 30px;
    font-weight: 700;
    line-height: 44px;
    width: 100%;
    max-width: 230px
}

.video-carousel .swiperBoxContent .boxContentImg {
    position: absolute;
    right: 15px;
    bottom: 20px;
    width: 195px;
    height: auto
}

.video-carousel .swiperBoxContent .boxContentImg img {
    aspect-ratio: 8/6;
    object-fit: contain;
    width: 100%;
    max-width: 220px
}

.video-carousel .swiper-slide:nth-child(4n+1) .swiperBoxContent {
    background: #fbf4e9
}

.pregnancy-announcement .col-lg-3:nth-child(4n+1) .swiperBoxContent .box-heading,
.video-carousel .swiper-slide:nth-child(4n+1) .swiperBoxContent .box-heading {
    color: var(--ms-golden);
    opacity: .8
}

.pregnancy-announcement .col-lg-3:nth-child(4n+4) .swiperBoxContent,
.video-carousel .swiper-slide:nth-child(4n+2) .swiperBoxContent {
    background: #e6ecf4
}

.pregnancy-announcement .col-lg-3:nth-child(4n+2) .swiperBoxContent .box-heading,
.pregnancy-announcement .col-lg-3:nth-child(4n+4) .swiperBoxContent .box-heading,
.video-carousel .swiper-slide:nth-child(4n+2) .swiperBoxContent .box-heading {
    color: var(--ms-blue);
    opacity: .8
}

.pregnancy-announcement .col-lg-3:nth-child(4n+3) .swiperBoxContent,
.video-carousel .swiper-slide:nth-child(4n+3) .swiperBoxContent {
    background: #fceee8
}

.pregnancy-announcement .col-lg-3:nth-child(4n+3) .swiperBoxContent .box-heading,
.video-carousel .swiper-slide:nth-child(4n+3) .swiperBoxContent .box-heading {
    color: #e4591d;
    opacity: .8
}

.video-carousel .swiper-slide:nth-child(4n+4) .swiperBoxContent {
    background: #f2dde7
}

.video-carousel .swiper-slide:nth-child(4n+4) .swiperBoxContent .box-heading {
    color: #d6006d;
    opacity: .8
}

.boxContentImg {
    padding-top: 16px
}

.swiperBoxContent {
    min-height: 370px
}

.swiper-scrollbar-horizontal {
    width: 75% !important;
    background: linear-gradient(180deg, #d8dce5 0, #dfe4ed 100%) !important
}

.swiper-scrollbar-drag {
    background: #cfa52d !important
}

.video-carousel .video-cta {
    position: absolute;
    bottom: -30px;
    right: 0;
    z-index: 2
}

.footer-gif::after,
.poko-gif::after,
.video-gif::after {
    content: "";
    position: absolute;
    background-image: url(../img/img-bottom-shadow.svg);
    width: 100%;
    height: 65px;
    bottom: 10px;
    left: 0;
    background-repeat: no-repeat;
    transform: translateX(25%);
    background-size: cover
}

.poko-gif::after {
    transform: translateX(6%);
    background-size: contain;
    left: 40px
}

.footer-gif::after {
    transform: translateX(16%);
    background-size: contain;
    bottom: 0
}

.footer-gif img,
.poko-gif img,
.video-gif img {
    z-index: 2;
    position: relative;
    width: 100%
}

.video-ico {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 3;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer
}

.video-ico img {
    width: 100px
}

.mamypoko-video-wrapper .video-gif:after,
.video-carousel .video-gif::after {
    background-size: 15rem
}

iframe {
    width: 100% !important
}

.mamypokovideo .modal-header {
    position: absolute;
    right: 25px;
    z-index: 99;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    top: 25px;
    transition: .2s ease-in-out;
    cursor: pointer
}

.mamypokovideo .modal-header .btn-close {
    right: 7px;
    position: relative;
    color: #9dd8f5;
    opacity: 1;
    font-size: 18px;
    padding: 0
}

.mamypokovideo .modal-content {
    background: unset
}

.mamypokovideo .modal-content iframe {
    width: 100% !important;
    border-radius: 15px
}

.mamypoko-video.video-mmay .pregnancy-announcement {
    width: 100%;
    max-width: 1350px;
    margin: 60px auto 0
}

.mamypoko-video .nav.nav-tabs {
    position: relative !important;
    top: 0 !important;
    margin: 0 auto !important
}

.stay-connected {
    padding: 60px 0 80px;
    position: relative
}

.stay-connected .connected-columns {
    display: flex;
    align-items: center;
    border: 3px solid #cfa52d;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #d8dce5 0, #dfe4ed 100%)
}

.profile-form,
.stay-connected .connected-form {
    display: flex;
    align-items: center
}

.stay-connected .poko-gif {
    width: 390px;
    left: 56px;
    bottom: -30px
}

.stay-connected .connected-form .form-sec {
    padding: 30px 0 30px 66px;
    max-width: 590px;
    z-index: 1
}

.connected-form .form-sec h4 {
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    color: var(--ms-primary);
    margin-bottom: 10px
}

.connected-form .form-sec p {
    color: var(--ms-dark);
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 14px
}

.form-wrapper {
    margin-top: 18px
}

.form-wrapper .formBox {
    margin-bottom: 18px
}

.form-wrapper form label {
    font-size: 18px;
    color: var(--ms-dark);
    font-weight: 400;
    padding-left: 20px;
    font-family: Figtree, sans-serif;
    opacity: .7
}

.form-wrapper form input {
    background: var(--ms-white);
    border-radius: 100px;
    border: 1px solid;
    padding: 10px 15px;
    height: 45px;
    width: 100%
}

.form-wrapper .formBox .react-datepicker-wrapper input[type=text],
.pregnancy-tracker .input-series .react-datepicker-wrapper input {
    background-image: url(../img/calender-ico.svg);
    background-repeat: no-repeat;
    background-position: right 15px center
}

.calender-ico img {
    position: absolute;
    right: 15px;
    max-width: 20px;
    width: 100%;
    top: -32px
}

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0;
    width: 100%
}

.child-dob .react-datepicker-popper {
    z-index: 999 !important
}

.form-wrapper .form-control:focus {
    border-bottom-color: rgb(10 74 155 / .3);
    background: var(--ms-white)
}

input[type=date]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none
}

.stay-connected .form-cta .btn-primary {
    z-index: 1;
    min-width: 200px;
    line-height: 58px
}

.stay-connected::after,
.stay-connected::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50px;
    background: linear-gradient(92deg, #fff 55.2%, #fff0 98.39%);
    width: 12%;
    height: 100%;
    z-index: 1
}

.stay-connected::after {
    content: "";
    position: absolute;
    top: 30px;
    left: inherit;
    right: 40px;
    background: linear-gradient(270deg, #fff 55.2%, #fff0 98.39%);
    width: 15%;
    height: 100%;
    z-index: 1
}

.stay-connected .subscribe-ballon {
    bottom: -45px
}

.unicham-brand {
    padding: 40px 0 20px
}

.unicham-brand .brand-cont .brand-subhead {
    font-size: 22px;
    color: var(--ms-primary);
    font-weight: 400;
    line-height: 40px;
    margin: 0
}

.unicham-brand .brand-cont p {
    font-size: 26px;
    color: var(--ms-primary);
    font-weight: 600;
    line-height: 36px
}

.brand-img ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 30px
}

.brand-img ul li a {
    padding: 30px 88px;
    border-radius: 15px
}

.footer {
    background: var(--ms-primary);
    padding: 30px 0;
    margin-top: -2px;
    position: relative
}

#footer,
.custome-banner.pokochan-banner,
.mamy-world-form {
    position: relative;
    z-index: 1
}

.footer .flogo {
    margin-bottom: 33px
}

.footer-content {
    max-width: 545px;
    font-weight: 400;
    line-height: 30px
}

.footer-content p {
    font-size: 18px;
    line-height: 32px
}

.footer-widget,
.wipes-heading {
    padding-bottom: 25px
}

.margin-footer-left .footer-widget {
    margin-left: -32px
}

.footer-widget .footer-title {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 24px
}

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

.footer-widget ul li a {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    position: relative
}

.footer-widget ul li a:before,
.sub-footer-list ul li a:before {
    position: absolute;
    content: "";
    transform: translateX(-50%);
    transition-duration: .3s;
    bottom: 0;
    left: 50%;
    right: 0;
    width: 0;
    height: 1px;
    background-color: var(--ms-white)
}

.sub-footer {
    border-top: 1px solid
}

.sub-footer-list {
    padding-top: 20px
}

.sub-footer-list ul {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0
}

.sub-footer-list ul li {
    margin-bottom: 0;
    padding: 0 16px;
    border-right: 1px solid var(--ms-white)
}

.sub-footer-list ul li a {
    color: var(--ms-white);
    position: relative;
    font-size: 18px;
    line-height: normal;
    font-weight: 400
}

.sub-footer-list ul li:last-child {
    border-right: none
}

.footer-gif {
    width: 320px;
    position: absolute;
    right: -60px;
    top: 0;
    z-index: 3
}

.social-links {
    margin-top: 45px;
    display: flex;
    gap: 44px
}

.social-links span {
    font-size: 22px;
    font-weight: 700
}

.social-links ul {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

.social-links ul li a {
    border: 1px solid var(--ms-white);
    border-radius: 50%;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease-in-out
}

.social-links ul li a svg {
    font-size: 18px;
    width: 25px;
    aspect-ratio: 8/5;
    object-fit: contain
}

.social-links ul li:not(:last-child) {
    margin-right: 15px
}

.social-links ul li a:hover:before {
    content: none
}

.social-links ul li a:hover {
    transform: scale(1.2)
}

.custome-banner {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 65px
}

.custome-banner-content {
    position: absolute;
    top: 0;
    max-width: 630px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: -55px
}

.contain-absorb-modal.social-fa-icon-popup .modal-body .social-links,
.custome-banner.about-page-banner .about-banner-content,
.custome-banner.mamypoko-news .custome-banner-content,
.custome-banner.pregnancy-banner .custome-banner-content,
.hospital-card,
.hosptal-cards .features-content,
.personal-guide-product .filter-diaper .filcontent .diaper-iner-tab,
.pregnancy-tracker .container,
.product-world-wrapper.recommended .tab-swiper-box .product-content {
    margin-top: 0
}

.custome-banner img.banner-img {
    position: relative;
    top: 0;
    z-index: -1;
    width: 100%;
    height: auto;
    left: 0
}

.custome-banner-content .title-xl {
    color: var(--ms-primary);
    margin: 0;
    padding-bottom: 15px;
    font-family: var(--ariel-rounded);
    font-weight: 400
}

.born-heading .custome-banner-content p,
.custome-banner.mamypoko-videos .custome-banner-content p,
.custome-banner.newbornpage .custome-banner-content p,
.custome-banner.prgenancy-blog-banner .custome-banner-content p,
.infanr-blog-banner .custome-banner-content p,
.newborn-blog-banner .custome-banner-content p,
.next-step-cards .progress-bar-compnent.community-tracker .filter-diapers .filter-diaper-content h5,
.pregnancy-banner .custome-banner-content p,
.timeline-about-history ul li:nth-child(2n) .about-history-card h4,
.timeline-about-history ul li:nth-child(2n) .about-history-card p,
.toddlers-blog-banner .custome-banner-content p {
    text-align: left
}

.custome-banner-content p {
    color: var(--ms-dark);
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px
}

.breacums ul {
    display: flex;
    list-style: none;
    gap: 30px;
    margin: 0;
    position: absolute;
    top: 95px;
    left: 90px
}

.breacums ul li a {
    color: var(--ms-dark);
    font-family: Figtree, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.breacums ul li:after {
    content: "";
    background-image: url(../img/arrow.svg);
    position: absolute;
    right: -25px;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    bottom: 4px;
    transform: rotate(270deg)
}

.did-know-section {
    padding: 10px 0 40px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative
}

.did-know-img img {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    display: block
}

.did-know-content p {
    text-align: center;
    font-family: Quicksand, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    color: #1a1a1a
}

.top-quate {
    position: absolute;
    left: -60px;
    top: 0
}

.bottom-quate {
    position: absolute;
    right: 0;
    bottom: -40px
}

.did-know-content {
    width: 100%;
    max-width: 730px;
    margin-left: auto
}

.did-know-section .parenthood-gif {
    width: 248px;
    right: -200px;
    position: absolute;
    bottom: 80px
}

.mom-corner-curve.pregnancy {
    margin-top: -117px;
    position: relative;
    z-index: 2
}

.health-pregnancy,
.mamypoko-review,
.pregnanct-week {
    padding: var(--desktoppadding);
    width: 100%;
    height: auto;
    position: relative;
    background-color: var(--skyblue1)
}

.health-pregnancy .personal-guide .nav.nav-tabs li span img {
    border-radius: 50%
}

.health-pregnancy .personal-guide .nav.nav-tabs {
    padding: 12px 10px;
    max-width: 1175px
}

.health-pregnancy .personal-guide .explore-preg {
    position: absolute;
    top: 18px;
    right: 230px;
    width: 100%;
    max-width: fit-content;
    padding: 5px 40px 5px 30px;
    font-size: 15px
}

.personal-guide .nav.nav-tabs li .nav-link .tabs-sec {
    display: flex;
    gap: 0;
    align-items: center
}

.health-pregnancy .contentcard .content h3,
.latest-news-cards.popular-blogs .contentcard .content h3,
.product-page-slider .personal-guide-card.smallcard .contentcard .content h3 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.health-pregnancy .personal-guide .nav.nav-tabs li .nav-link span {
    display: unset
}

.health-pregnancy .personal-guide .nav.nav-tabs li span {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.parenthood-card-health {
    max-width: 1300px;
    margin: 40px auto 0
}

.parenthood-card-health .col-lg-4:nth-child(3) .personal-guide-card {
    height: auto;
    margin-bottom: 24px
}

.parenthood-card-health .col-lg-4:nth-child(3) .personal-guide-card .contentcard .content {
    padding: 25px 30px;
    position: relative;
    z-index: 1
}

.parenthood-card-health .col-lg-4:nth-child(3) .personal-guide-card:first-child .bedge-ca h4 {
    background-color: rgb(214 0 109 / .09);
    color: var(--ms-pink);
    font-weight: 500;
    border: 0
}

.parenthood-card-health .col-lg-4:nth-child(3) .personal-guide-card:nth-child(2) .bedge-ca h4 {
    background-color: rgb(255 217 198 / .5);
    color: #f26322;
    font-weight: 500;
    border: 0
}

.parenthood-card-health .col-lg-4:nth-child(3) .personal-guide-card:nth-child(3) .bedge-ca h4 {
    background-color: rgb(255 200 150 / .24);
    color: #f26322;
    font-weight: 500;
    border: 0
}

.community-banner-form.signuppage .video-gif.product-world-gif,
.health-pregnancy .parenthood-gif,
.product-world-wrapper.recommended .swiper-pagination {
    bottom: 0
}

.pregnancy_Videos {
    padding: var(--desktoppadding);
    width: 100%;
    height: auto;
    position: relative;
    scroll-margin-top: 80px;
    padding-bottom: 110px
}

.pregnancy_Videos .heading-component p {
    width: 100%;
    max-width: 752px;
    margin: 0 auto
}

.pregnancy-video-sec {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto
}

#Reviews.mom-corner-curve {
    margin-top: -98px
}

.video-carousel.pregnancy-video-sec .swiper {
    padding: 0 20px !important
}

.pregnancy_Videos .parenthood-gif {
    width: 363px;
    left: 100px;
    top: 0;
    bottom: unset;
    right: unset
}

.pregnancy_Videos .parenthood-gif .shadow_img {
    bottom: 25px;
    width: 490px;
    max-width: 490px;
    right: unset !important;
    left: -26px
}

.video-carousel.pregnancy-video-sec .swiper-button-next,
.video-carousel.pregnancy-video-sec .swiper-button-prev {
    background-image: url(../img/chevron-banner.svg);
    top: 40%;
    bottom: unset;
    width: 55px;
    height: 55px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    display: block
}

.video-carousel.pregnancy-video-sec {
    margin-top: 70px
}

.mamypoko-essentials {
    width: 100%;
    height: auto;
    position: relative
}

.essential-content {
    position: absolute;
    top: 128px;
    left: 110px;
    width: 100%;
    max-width: 650px
}

.essential-content.mampoko-essetional {
    max-width: 770px
}

.mamypoko-essentials-heading .title-xl2 {
    color: var(--ms-blue);
    font-weight: 600
}

.mamypoko-essentials-heading p {
    font-size: 36px;
    font-weight: 300;
    line-height: normal;
    margin: 0;
    position: relative;
    z-index: 1
}

.babymini-content p,
.parenthood-content h5 {
    font-weight: 400;
    font-family: Quicksand, sans-serif
}

.mamypoko-essentials-heading {
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 750px
}

.essential-content .btn-primary {
    min-width: auto;
    padding: 0 40px 0 30px
}

.essential-content .essentials-bg-img {
    position: absolute;
    top: 30px;
    left: 420px;
    width: 200px
}

.essential-content .parenthood-gif,
.sitemap-toggle .terms-condion-icon4 {
    bottom: 0;
    top: unset
}

.mamypoko-essentials .parenthood-gif {
    left: 18%;
    width: 410px;
    bottom: 65px
}

.mamypoko-essentials .parenthood-gif img.shadow_img {
    bottom: -5px !important;
    left: 30px;
    margin: 0 auto
}

.parenthood-journey {
    width: 100%;
    height: auto;
    padding: var(--desktoppadding)
}

.parenthood-brand-card {
    width: 100%;
    position: relative;
    border-radius: 15px
}

.parenthood-brand-card img {
    width: 100%;
    height: 230px;
    position: relative;
    border-radius: 15px
}

.parenthood-brand-card .parenthood-content {
    position: absolute;
    padding: 12px 30px;
    z-index: 1;
    max-width: 280px
}

.parenthood-content h5 {
    color: var(--ms-dark);
    font-size: 22px;
    line-height: 35px;
    min-height: 100px
}

.parenthood-content .btn-primary::after {
    right: 25px
}

.parenthood-content .btn {
    margin-top: 5px;
    line-height: 50px;
    min-width: 163px;
    font-size: 14px;
    padding: 0 25px
}

.parenthood-journey .col-lg-4:nth-child(2) .parenthood-content .btn {
    background-color: var(--ms-orange) !important
}

.parenthood-journey .col-lg-4:nth-child(3) .parenthood-content .btn {
    background-color: #9370db !important
}

.parenthood-journey .col-lg-4:nth-child(4) .parenthood-content .btn,
.parenthood-journey.infant-page .col-lg-4:nth-child(4) .parenthood-content .btn {
    background-color: #00aeef !important
}

.video-carousel.pregnancy-video-sec .swiper-button-prev {
    transform: translateY(-50%);
    left: 0;
    right: unset;
    transform: scaleX(-1);
    background-color: #fff
}

.video-carousel.pregnancy-video-sec .swiper-button-next {
    transform: translateY(0);
    right: 0;
    transform: scaleX(1);
    background-color: #fff
}

.product-page-card .col-lg-4 {
    padding: 15px
}

.product-page-slider {
    padding: 15px 15px 15px 4px
}

.health-pregnancy.infant_card .parenthood-card-health,
.health-pregnancy.newborn_card .parenthood-card-health,
.product-page-slider .personal-guide-card.smallcard:last-child {
    margin: 0 auto
}

.product-page-slider .personal-guide-card.smallcard .contentcard {
    min-height: 134px
}

.pregnancy-video-sec .video-cta {
    position: relative;
    margin-left: auto;
    bottom: 0;
    display: block;
    float: right
}

.latest-news-cards.popular-blogs .contentcard .content h3 {
    overflow: hidden
}

.product-page-slider .personal-guide-card.smallcard .contentcard .content {
    padding: 22px 30px
}

.health-pregnancy.newborn_card .heading-component .heading-title span,
.newbornpage .custome-banner-content .title-xl {
    color: var(--ms-orange2)
}

.custome-banner.newbornpage .custome-banner-content {
    margin-top: 0;
    top: -24px
}

.babymini-tape .heading-component {
    max-width: 1496px;
    padding: 30px 0 60px
}

.baby-minitape {
    display: flex;
    align-items: center;
    gap: 130px;
    width: 100%;
    margin-bottom: 190px;
    position: relative
}

.babymini-content .absorp-heading {
    color: var(--ms-primary);
    font-family: Quicksand, sans-serif;
    font-size: 36px;
    font-weight: 700
}

.babymini-content p {
    font-size: 24px;
    max-width: 400px;
    width: 100%
}

.babymini-img {
    width: 100%;
    max-width: 400px
}

.baby-minitape:nth-child(odd) {
    margin-left: 140px
}

.baby-minitape:nth-child(2n) {
    flex-direction: row-reverse;
    margin-left: auto;
    margin-right: 300px
}

.baby-minitape .parenthood-gif {
    right: 100px;
    width: 300px;
    bottom: 0
}

.baby-minitape .parenthood-gif .parashout_img {
    width: 100%;
    max-width: 130px;
    margin-left: auto;
    display: block;
    position: relative;
    left: 20px;
    z-index: 2;
    top: -50px
}

.baby-minitape .parenthood-gif:after {
    content: "";
    position: absolute;
    background-image: url(../img/instant_Absorption_heart.webp);
    width: 629px;
    height: 500px;
    bottom: -79px;
    right: -254px;
    background-repeat: no-repeat;
    background-size: cover
}

.baby-minitape .parenthood-gif .parenthood-gifs {
    width: 244px
}

.baby-minitape .parenthood-gif .shadow_img {
    right: 40px !important;
    width: 200px;
    bottom: -7px;
    filter: blur(8.5px)
}

.baby-minitape:nth-child(2n) .parenthood-gif {
    left: -100px;
    width: 300px;
    bottom: 0;
    right: unset
}

.baby-minitape:nth-child(2n) .parenthood-gif:after {
    background-image: url(../img/fit_gathers_heart.webp);
    bottom: -119px;
    right: unset;
    left: -230px
}

.baby-minitape:nth-child(2n) .parenthood-gif .parenthood-gifs {
    width: 100%;
    max-width: 301px;
    bottom: -30px;
    right: 10px
}

.baby-minitape:nth-child(2n) .parenthood-gif .shadow_img {
    bottom: -50px;
    width: 250px
}

.babby-raintow {
    position: absolute;
    right: -200px;
    bottom: -150px;
    width: 150px
}

.babby-raintow img {
    width: 100%;
    max-width: 300px
}

.parenthood-gif.babytape {
    right: 120px
}

.parenthood-gif.babytape .parenthood-gifs {
    max-width: 322px;
    width: 100%
}

.parenthood-gif.babytape .shadow_img {
    bottom: 15px
}

.time-to-switch {
    position: relative;
    padding: var(--desktoppadding)
}

.time-to-switch .weightImg {
    height: 620px;
    overflow: hidden;
    border-radius: 50px
}

.time-to-switch .weightImg img {
    border-radius: 50px;
    margin-top: -207px
}

.time-to-switch .time-to-switch-content {
    max-width: 690px;
    padding-left: 85px
}

.time-to-switch .time-to-switch-content h4 {
    color: var(--ms-primary);
    font-size: 42px;
    font-weight: 700;
    line-height: 56px;
    margin-bottom: 25px
}

.time-to-switch .time-to-switch-content p {
    color: #1a1a1a;
    font-size: 28px;
    font-weight: 600;
    line-height: 40px
}

.time-to-switch .cloudImg {
    position: absolute;
    top: 0;
    right: 90px;
    width: 180px
}

.baby-mini-tape-wrapper {
    margin-top: -90px
}

.babyMini-tape {
    padding-top: 180px
}

.mamypoko-essentials.newborn-essen {
    margin-top: -120px;
    background-image: url(../img/new_Baby_Mini.webp);
    position: relative
}

.mamypoko-essentials.newborn-essen .parenthood-gif {
    left: 17%;
    width: 325px;
    bottom: 145px
}

.mamypoko-essentials.newborn-essen .mamypoko-essentials-heading p {
    width: 100%;
    max-width: 570px;
    padding-top: 15px;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px
}

.mamypoko-essentials.newborn-essen .essential-content .btn-primary {
    min-width: 230px
}

.newborn .mamypoko-essentials-heading .tittle-small {
    color: var(--ms-primary);
    font-size: 42px;
    font-weight: 700;
    padding-bottom: 25px
}

.mamypoko-essentials.newborn {
    margin-top: -120px
}

.newborn .mamypoko-essentials-heading p {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px
}

.newborn .essential-content .btn-primary {
    min-width: 250px !important
}

.mamypoko-essentials.newborn .essential-content {
    top: 200px;
    z-index: 3
}

.mamypoko-essentials.newborn .parenthood-gif {
    left: 300px;
    width: 350px
}

.custome-banner.newbornpage .custome-banner-content h1 {
    text-align: left;
    margin: 0;
    font-family: var(--ariel-rounded);
    font-weight: 300;
    color: var(--ms-primary)
}

.custome-banner.productbanner {
    background-image: unset;
    padding: 100px 0 30px;
    min-height: auto
}

.productbanner .custome-banner-content .title-section {
    color: var(--ms-primary);
    padding-bottom: 30px
}

.custome-banner.productbanner .custome-banner-content {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    top: 0
}

.sticky-product-sec.scrolledClass {
    background-color: #fff;
    max-width: 1300px;
    margin: 0 auto;
    border-radius: 100px;
    padding: 6px 0 0;
    overflow: unset
}

.product-list .sticky-product-sec .nav-tabs {
    margin: 0 !important;
    min-height: auto
}

.sticky-product-sec.scrolledClass .product-mpp-list {
    padding-bottom: 8px
}

.personal-guide-product .nav-tabs {
    padding: 0 10px;
    max-width: 850px;
    justify-content: start;
    border: 0;
    width: 100%;
    border-radius: 100px;
    gap: 0;
    align-items: center;
    position: relative;
    z-index: 2;
    overflow-x: auto;
    white-space: nowrap
}

.product-mpp-list .nav-tabs {
    overflow-x: unset;
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow-y: unset
}

.product-mpp-list .nav-tabs::-webkit-scrollbar {
    height: 3px
}

.product-mpp-list .nav-tabs::-webkit-scrollbar-thumb {
    background-color: var(--ms-primary);
    border-radius: 10px
}

.personal-guide-product {
    width: 100%;
    margin: 30px auto 0;
    position: relative
}

.personal-guide-product .nav.nav-tabs li a {
    border: 0;
    font-size: 19px;
    line-height: 16px;
    font-weight: 400;
    color: var(--bs-black);
    margin-left: 9px;
    border-radius: 100px;
    padding: 5px 30px 15px;
    border: 3px solid var(--ms-white)
}

.personal-guide-product .nav.nav-tabs li.active-scroll-spy a {
    color: var(--ms-primary);
    font-weight: 600;
    border-radius: 40px;
    background: linear-gradient(#dfedff, #e8f2ff) padding-box, linear-gradient(60deg, #b99222, #fbe85e, #dab43499, #d9b333, #c2951f, #dab434, #cfa52d) border-box;
    border: 3px solid #fff0
}

.personal-guide-product .nav.nav-tabs li {
    margin: 0;
    position: relative;
    z-index: 9
}

.extraabzorb-banner span.upto {
    position: absolute;
    margin-top: -16px;
    font-size: 12px
}

.filter-open.filcontent ul.nav.nav-tabs {
    min-height: 50px
}

.product-card-sec {
    width: 100%;
    padding: var(--desktoppadding);
    position: relative;
    scroll-margin-top: 220px
}

.product-dipers h4 {
    color: var(--ms-primary);
    font-family: Quicksand, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
    padding-bottom: 15px
}

.product-dipers .btn {
    min-width: 214px;
    margin-top: 60px
}

.product-image img {
    width: 100%;
    max-width: 800px;
    padding-right: 5px;
    border-radius: 15px
}

.product-card-sec .product-content {
    padding-left: 100px
}

.personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(2) .product-dipers img {
    max-width: 240px
}

.product_card-ab {
    position: absolute;
    left: -195px;
    top: -57px;
    width: 180px
}

.personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(2) .product_card-ab {
    position: absolute;
    right: -65px;
    left: unset;
    bottom: 0;
    top: unset;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 150px
}

.personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(3) .product_card-ab {
    position: absolute;
    margin-left: auto;
    left: 25%;
    bottom: -40px;
    display: block;
    top: unset;
    width: 160px
}

.personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(4) .product_card-ab {
    position: absolute;
    top: unset;
    right: -26px;
    left: unset;
    max-width: 180px;
    bottom: -55px
}

.personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(5) .product_card-ab {
    position: absolute;
    top: unset;
    left: 29%;
    max-width: 120px;
    bottom: -58px
}

.personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(2) .product-image,
.personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(4) .product-image {
    margin-left: 105px
}

.personal-guide-product .filter-diaper {
    position: absolute;
    top: 70px;
    right: 40px;
    width: 100%;
    max-width: 600px
}

.personal-guide-product .filter-diaper .filter-diapers {
    top: 0;
    position: relative;
    width: auto;
    max-width: 385px;
    right: 0;
    margin-left: auto
}

.personal-guide-product .filter-diaper .filter-diapers .filter-diaper-content {
    padding: 10px 14px
}

.personal-guide-product .filter-diapers .filter-diaper-content h5 {
    padding: 0 15px;
    font-size: 14px
}

.personal-guide-product .filter-diaper .filcontent .nav-tabs {
    box-shadow: unset;
    padding: 0 0 15px;
    gap: 35px
}

.personal-guide-product .filter-diaper .nav.nav-tabs li .nav-link {
    color: var(--ms-dark);
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    border: 0;
    padding-bottom: 8px !important;
    border-bottom: 3px solid var(--ms-white) !important
}

.personal-guide-product .filter-diaper .nav.nav-tabs li .nav-link.active {
    border-color: #fff0;
    color: var(--ms-primary);
    font-weight: 500;
    border-bottom: 3px solid var(--ms-primary) !important;
    background-color: #fff0;
    border-radius: 0;
    padding-bottom: 8px !important
}

.personal-guide-product .filter-diaper .filcontent {
    position: absolute;
    right: 120px;
    margin-top: 15px;
    width: 600px;
    max-width: 600px
}

.all-news-section .personal-guide-card .content .read-more-btn,
.personal-guide-product .filter-diaper .diaper-iner-tab .tab-content {
    padding-top: 10px
}

.product-image {
    position: relative;
    width: 100%;
    max-width: 680px
}

.product-image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -3px;
    background: linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    border-radius: 15px;
    max-width: 100%;
    width: 100%
}

.personal-guide-product .extra-abozorb-sec .product-card-sec:first-child .product-image:after,
.personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(2) .product-image:after,
.personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(3) .product-image:after,
.personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(4) .product-image:after,
.personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(5) .product-image:after {
    left: 1px
}

.sticky-product-sec {
    position: sticky;
    top: 150px;
    z-index: 1
}

.product-card-sec .product-content ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 0;
    list-style: none
}

.pack-bag-list ul li,
.product-card-sec .product-content ul li,
.tesrm-condion-content ul li {
    font-size: 22px;
    font-weight: 400;
    color: var(--ms-dark);
    position: relative;
    padding-left: 32px
}

.product-card-sec .product-content ul li span {
    font-size: 16px;
    line-height: 18px
}

.avaible-size,
.category-product,
.review-btn {
    display: flex;
    gap: 10px
}

.avaible-size img {
    width: 100%;
    max-width: 51px;
    height: 50px;
    aspect-ratio: 8/8;
    object-fit: fill
}

.mamypoko-pregnancy-period ul {
    display: flex;
    justify-content: center;
    gap: 30px;
    list-style: none
}

.mamypoko-pregnancy-period ul li a {
    color: var(--ms-para);
    font-size: 18px;
    font-weight: 500;
    padding: 10px 18px
}

.mamypoko-pregnancy-period ul li a.active {
    color: var(--ms-primary);
    font-weight: 700;
    position: relative;
    width: 100%;
    max-width: fit-content
}

.mamypoko-pregnancy-period ul li a.active:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -2px;
    left: 0;
    background-color: var(--ms-golden) !important
}

.mamypoko-pregnancy-period ul.scrolledClass {
    gap: 30px
}

.mamypoko-pregnancy-period ul.scrolledClass li a {
    color: var(--ms-para);
    background-color: #fff;
    padding: 10px 18px;
    border-radius: 25px
}

.product-page-tabs .personal-guide-product .filter-diaper .filter-diapers {
    top: -12px;
    max-width: -moz-fit-content;
    max-width: fit-content;
    right: 0;
    margin-left: auto
}

.mamypoko-pants {
    padding: 30px 0 60px;
    width: 100%;
    height: auto;
    position: relative;
    background-color: var(--skyblue1);
    overflow: hidden
}

.features-extra-absorb {
    padding: 50px 0 0;
    width: 100%;
    height: auto;
    position: relative
}

.absorb-cards-sec .features-content h4 {
    color: var(--ms-primary);
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin: 0
}

.absorb-cards-sec .features-content p {
    color: var(--ms-dark);
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    padding-top: 5px
}

.absorb-cards-sec,
.tesrm-condion-content {
    margin-bottom: 30px
}

.mamypoko-pants-section {
    display: grid;
    position: relative;
    margin-top: 60px
}

.absorb-cards-sec .features-content {
    width: 100%;
    max-width: 312px;
    margin: 30px auto 0;
    padding-top: 20px
}

.features-img {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    max-width: 280px;
    height: 280px
}

.features-img img {
    width: 100%;
    margin: 0 auto;
    max-width: 280px;
    border-radius: 100%
}

.features-extra-absorb .parenthood-gif {
    bottom: 90px;
    top: unset;
    left: 50px;
    right: unset;
    position: absolute
}

.mamypoko-card:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(214 0 109 / .05);
    position: absolute;
    top: 0;
    border-radius: 50%;
    z-index: 0
}

.mamypoko-card {
    height: 463.68px;
    position: relative;
    width: 463.68px;
    display: flex;
    align-items: center;
    margin: 0 auto
}

.mamypoko-pants-section .mamypoko-pants-card {
    display: flex;
    width: 385.76px;
    height: 385.75px;
    text-align: center;
    background: var(--ms-white);
    border-radius: 50%;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    position: relative;
    z-index: 2
}

.mamypoko-pants-section .mamypoko-pants-card .pants-mamy-content,
.preemie-diaper .mamypoko-pants-card .pants-mamy-content {
    width: 100%;
    max-width: 200px
}

.pants-mamy-content h5 {
    color: var(--ms-dark);
    font-size: 24px;
    font-weight: 700;
    line-height: normal
}

.pants-mamy-content p {
    color: var(--ms-dark);
    font-size: 16px;
    font-weight: 400;
    line-height: normal
}

.mamypoko-card img.roateIcon {
    position: absolute;
    top: -45px;
    width: 485.633px;
    height: 174.54px
}

.mamypoko-pants-section .mamypoko-card:nth-child(2) img.roateIcon {
    bottom: -45px;
    top: unset;
    transform: rotatex(180deg)
}

.mamypoko-pants-section img.mamypoko_rotate-img {
    position: absolute;
    width: 100%;
    max-width: 1345px;
    height: 550px;
    left: 15.2%;
    right: 0;
    margin: 0 auto;
    top: -40px
}

.mamypoko-pants-card .pantsimage {
    width: 100%;
    max-width: 201.188px;
    min-height: 201.188px;
    display: flex;
    align-items: center;
    border: 2px solid #dae4f0;
    border-radius: 50%;
    overflow: hidden
}

.mamypoko-review .review-content {
    min-height: 700px
}

.review-card .review-heading {
    display: flex;
    justify-content: left;
    width: 100%;
    gap: 110px
}

.review-name-heading,
.review-rating-star,
.social-share {
    gap: 25px;
    align-items: center;
    display: flex
}

.review-card .review-heading h4 {
    color: var(--ms-dark);
    text-align: center;
    font-family: Figtree, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px
}

.review-card .review-heading h5 {
    color: #1a1a1a;
    font-family: Figtree, sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 40px
}

.review-rating p {
    color: #1a1a1a;
    text-align: left;
    font-family: Quicksand, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px
}

.review-rating-star {
    width: 100%;
    height: 45px;
    padding-bottom: 10px
}

.review-rating-star .progress {
    width: 100%;
    max-width: 210px;
    height: 10px;
    border-radius: 0;
    background-color: var(--ms-white)
}

.review-rating-star p {
    color: #1a1a1a;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    margin: 0
}

.review-rating-star svg {
    color: #d59725;
    font-size: 24px;
    padding-top: 7px;
    width: 18px
}

.review-name-heading h5,
.review-name-heading p {
    font-size: 22px;
    font-weight: 500;
    margin: 0;
    line-height: normal
}

.review_card {
    border-bottom: 1px solid;
    padding-bottom: 20px;
    margin-bottom: 30px
}

.review-name-heading p {
    color: var(--ms-primary);
    font-family: Figtree;
    border: 1px solid var(--ms-primary);
    padding: 5px 12px;
    border-radius: 50%
}

.review-name-heading h5 {
    color: var(--ms-dark)
}

.review-date h6 {
    color: var(--ms-dark);
    font-size: 18px;
    font-weight: 300;
    line-height: normal
}

.review-content-para span svg {
    color: #d59725;
    font-size: 18px;
    padding-top: 25px;
    width: 16px
}

.review-content-para p {
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    padding-top: 25px
}

.review-content .form-select {
    width: 100%;
    max-width: 190px;
    margin-left: auto;
    margin-bottom: 25px;
    color: var(--ms-primary);
    font-family: Quicksand, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
    border: 0;
    background-image: url(../img/review-filter-chevron.webp);
    background-size: .8rem;
    background-color: #fff0
}

.review-filter-btn p {
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.mamypoko-star p,
.pants-star p {
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.review-filter-btn {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: right
}

.review-btn .btn {
    width: 55px;
    height: 55px;
    min-width: unset;
    padding: 0;
    line-height: unset;
    border: 0
}

.review-btn .btn img {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%
}

.pregnancy-slider-btn .left-cheron,
.review-btn .btn.btn-circle.left {
    transform: scaleX(-1)
}

.extaabzorbbanner {
    padding: 160px 0 30px;
    background-image: unset;
    background-color: var(--skyblue1);
    position: relative;
    z-index: 5
}

.mamypoko-star {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 5px
}

.pants-star,
.userdots-card ul.social-media-fs li a {
    display: flex;
    gap: 10px;
    align-items: center
}

.pants-star span svg {
    color: #d59725;
    font-size: 18px;
    width: 18px
}

.pants-star p {
    color: var(--ms-dark);
    font-style: normal
}

.mamypoko-star p {
    color: #000
}

.extraabzorb-swiper .swiper-slide {
    margin-right: 0 !important;
    width: 100% !important;
    height: 854px
}

.extraabzorb-bannaer .swiper-button-next,
.extraabzorb-bannaer .swiper-button-prev {
    background-image: url(../img/chevron-banner.svg);
    top: unset;
    bottom: 0;
    width: 56px;
    height: 56px;
    background-color: #fff;
    opacity: 1 !important;
    position: absolute
}

.absorbbanner-slider h4 {
    color: var(--ms-dark);
    font-size: 28px;
    font-weight: 600;
    line-height: 30px
}

.absorbbanner-slider p {
    color: var(--ms-dark);
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    padding-top: 5px
}

.absorbbanner-slider .paragraph {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0
}

.absorbbanner-slider .paragraph.expanded {
    overflow: auto;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    text-overflow: unset;
    display: unset
}

.absorbbanner-card {
    padding-top: 35px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 170px
}

.absorbbanner-card h4 {
    color: #000;
    font-size: 28px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 0
}

.absorbbanner-card .filter-diapers .filter-diaper-content {
    background: #e8eff9;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / .1);
    padding: 10px
}

.absorbbanner-card .filter-diapers .filter-diaper-content h5 {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 500;
    line-height: normal
}

.absorbbanner-slider select {
    border: 1px solid var(--ms-primary);
    height: 45px;
    border-radius: 50px;
    width: 224px;
    font-size: 16px;
    font-weight: 500;
    color: var(--ms-primary);
    line-height: 30px;
    background-image: url(https://www.mamypokopants.in/_next/static/media/review-filter-chevron.bcb91110.webp);
    background-size: .8rem
}

.absorbbanner-slider .current-price,
.absorbbanner-slider h1 {
    color: var(--ms-primary);
    font-family: Quicksand, sans-serif;
    font-weight: 700;
    line-height: 30px;
    padding-top: 20px
}

.absorbbanner-slider h1 {
    font-size: 40px
}

.absorbbanner-slider .current-price {
    font-size: 36px;
    display: flex;
    align-items: center;
    gap: 4px
}

.absorbbanner-slider .current-price span {
    font-size: 14px;
    color: var(--ms-dark)
}

.begin-card-type.due-date-passed-smaller .begin-content h4,
p.dimention-tag {
    font-size: 18px;
    line-height: normal
}

.extraabzorb-bannaer .swiper-slide {
    margin: 0 auto;
    display: block;
    text-align: center
}

.custome-banner.contact-banner .custome-banner-content,
.extraabzorb-bannaer .swiper-slide img {
    max-width: 600px
}

.absorbbanner-slider .select-dropdown {
    padding-top: 18px
}

.absorbbanner-slider .btn {
    min-width: 195px;
    margin-top: 18px
}

.extraabzorb-bannaer {
    padding-bottom: 150px
}

.extraabzorb-bannaer .swiper-button-prev {
    right: 0;
    left: -101px;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scaleX(-1)
}

.extraabzorb-bannaer .swiper-button-next {
    margin: 0 auto;
    left: 0;
    right: -101px;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scaleX(1)
}

.mamypoko-review:before,
.thanku-gif:before {
    background-image: url(../img/heart-reviews.webp);
    background-size: cover;
    content: "";
    background-repeat: no-repeat
}

.share-icon-absorb {
    display: flex;
    align-items: center;
    gap: 20px;
    z-index: 3;
    cursor: pointer
}

.share-icon-absorb span img {
    width: 60px;
    height: 60px
}

.share-icon-absorb p {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px
}

.contain-absorb-modal .modal-dialog {
    max-width: 1440px;
    padding: 0 15px
}

.extra-absorb h4 {
    color: var(--ms-primary);
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px;
    text-align: center;
    padding-top: 24px
}

.extra-absorb p {
    text-align: center;
    color: var(--ms-dark);
    font-size: 22px;
    font-weight: 400;
    line-height: 28px
}

.extra-absorb img {
    padding-top: 80px
}

.contain-absorb-modal .modal-dialog .modal-body {
    padding: 0 60px 100px
}

.extra-absorb-navbar .absorb-navbar {
    margin-left: 50px
}

.extra-absorb-navbar {
    padding: 15px 0;
    border-radius: 12px;
    background: var(--ms-white);
    box-shadow: 0 0 25px 0 rgb(0 0 0 / .07);
    margin-top: -250px;
    transition: .8s
}

.absorb-stick-nav {
    margin: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    transition: .8s;
    z-index: 11
}

.absorb-logo {
    display: flex;
    align-items: center;
    gap: 20px;
    white-space: nowrap
}

.absorblogo-content h4 {
    color: var(--ms-dark);
    font-size: 22px;
    font-weight: 400;
    line-height: 36px
}

.absorblogo-content h5 {
    color: var(--ms-primary);
    font-size: 28px;
    font-weight: 700;
    line-height: 32px
}

.extra-absorb-navbar .absorb-navbar ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    gap: 40px;
    border-radius: 100px;
    background: var(--ms-white);
    box-shadow: 0 0 25px 0 rgb(0 0 0 / .1);
    padding: 10px
}

.extra-absorb-navbar .absorb-navbar ul li a img,
.slider-content span {
    width: 100%;
    max-width: 50px
}

.extra-absorb-navbar .absorb-navbar ul li.active-scroll-spy a {
    padding: 12px 30px 12px 20px;
    border-radius: 40px;
    border: 2px solid #b99222;
    background: rgb(46 49 146 / .1);
    color: var(--ms-primary);
    font-weight: 600;
    font-size: 20px;
    line-height: 16px
}

.extra-absorb-navbar .absorb-navbar ul li a {
    padding: 12px 30px 12px 20px;
    border-radius: 40px;
    background: var(--ms-white);
    display: flex;
    align-items: center;
    gap: 25px;
    color: var(--ms-dark);
    font-size: 20px;
    line-height: 16px;
    font-weight: 400;
    white-space: nowrap;
    height: 60px;
    border: 2px solid var(--ms-white)
}

.extra-absorb-navbar .absorb-nav-btn .btn {
    min-width: 195px;
    margin-left: auto;
    display: block
}

.contain-absorb-modal.social-fa-icon-popup .modal-dialog {
    max-width: max-content
}

.contain-absorb-modal.social-fa-icon-popup .modal-body {
    padding: 40px
}

.contain-absorb-modal.social-fa-icon-popup .modal-body .social-links ul {
    list-style: none;
    padding-left: 0;
    justify-content: center;
    width: 100%;
    gap: 25px
}

.contain-absorb-modal.social-fa-icon-popup .modal-body .social-links ul li a {
    font-size: 30px;
    width: auto
}

.fb {
    color: #1877f2
}

.tw {
    color: #1da1f2
}

.in {
    color: #3f729b
}

.product-details-nav {
    display: flex;
    gap: 70px;
    padding: 0;
    align-items: center
}

.product-banner-video {
    width: 100%;
    max-width: 910px;
    height: 490px;
    position: relative
}

.product-video-iframe iframe {
    width: 869px !important;
    height: 490px;
    margin: 0 auto;
    display: block;
    border-radius: 50px
}

.health-pregnancy.meet-pokochan-sec .essential-content {
    position: absolute;
    top: 150px;
    left: 100px
}

.extraabzorb-banner {
    margin-bottom: -100px;
    position: relative;
    z-index: 6
}

.extraabzorb-banner .custome-banner-content {
    max-width: 680px;
    margin-top: 10px
}

.extraabzorb-banner .title-xl {
    color: var(--ms-blue);
    font-size: 50px;
    padding-bottom: 10px
}

.extraabzorb-banner p {
    text-align: left;
    font-size: 32px;
    font-weight: 500;
    line-height: 40px
}

.extraabzorb-banner span {
    font-size: 15px;
    margin-top: -10px
}

.absorbbanner-slider .paragraph span {
    font-size: 13px;
    display: block;
    opacity: .5
}

.extraabzorb-banner .custome-banner-content .title-xl2 {
    text-align: left;
    color: var(--ms-blue);
    font-family: var(--ariel-rounded);
    font-weight: 400
}

.extraabzorb-banner .custome-banner-content .title-xl2 strong {
    font-weight: 400
}

.review-card {
    position: relative;
    height: 100%
}

.review-card .review-gif {
    position: absolute;
    bottom: 35px;
    left: -90px;
    width: 220px
}

.review-card .review-gif .shadow_img {
    right: 0 !important;
    bottom: -22px
}

.mamypoko-review:before {
    position: absolute;
    width: 500px;
    height: 400px;
    bottom: -32px;
    left: -150px
}

.buynow-btn {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    width: 100%
}

.buynow-btn h4,
.productnot-available p {
    font-size: 25px;
    font-weight: 600
}

.buynow-btn img {
    margin: 0 auto;
    width: 100%;
    max-width: 120px
}

.buynow-btn ul {
    display: flex;
    list-style: none;
    gap: 25px;
    margin: 0;
    justify-content: center;
    padding: 0;
    align-items: center
}

.category-product .select-dropdown label {
    font-weight: 600;
    padding-bottom: 10px
}

.category-product .mb-3,
.community-tracker,
.pregnancy-announcement .mamypokovideo-card .swiperBoxContent {
    margin-bottom: 0 !important
}

.fade.contain-absorb-modal.extra .modal-body {
    padding: 40px 15px 35px
}

.fade.contain-absorb-modal.extra .modal-dialog {
    max-width: 850px
}

.contain-absorb-modal .modal-content .modal-header,
.contain-absorb-modal.social-fa-icon-popup .modal-header {
    position: absolute;
    right: -8px;
    top: -8px;
    background: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / .1);
    z-index: 5
}

.contain-absorb-modal .modal-content .modal-header .btn-close,
.contain-absorb-modal.social-fa-icon-popup .modal-header .btn-close {
    padding: 0;
    margin: 0 auto;
    color: #000;
    opacity: 1;
    position: relative;
    z-index: 5;
    width: 50px
}

.about-banner-content h1.title-xl {
    color: var(--ms-primary);
    font-size: 45px
}

.about-page-sec2 .did-know-content p {
    text-align: left;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    font-family: Figtree, sans-serif
}

.about-page-sec2.did-know-section .parenthood-gif {
    bottom: -70px;
    z-index: 4;
    right: 0;
    width: 200px
}

.principle-sec-wrapper .product_card-ab {
    left: 100px;
    top: 20px;
    transform: scaleX(-1);
    width: 180px
}

.principle-column .signle-principle {
    max-width: 360px;
    margin: 0 auto 120px
}

.signle-principle .single-principle-content h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    font-family: Figtree, sans-serif;
    color: var(--ms-primary)
}

.signle-principle .single-principle-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    font-family: Figtree, sans-serif;
    color: var(--ms-dark)
}

.rainbow-cloud {
    position: absolute;
    right: 0;
    top: 40%;
    width: 100%;
    max-width: 150px
}

.why-mamypoko-sec {
    z-index: 3;
    margin-top: -115px
}

.why-mamypoko-sec .essential-content {
    top: 200px;
    right: 210px;
    left: unset
}

.why-mamypoko-gif {
    max-width: 410px;
    position: relative
}

.why-mamypoko-gif img.shadow-img {
    left: 80px;
    position: absolute;
    bottom: 0;
    z-index: -1
}

.pink-heart {
    position: absolute;
    left: 400px;
    top: 165px
}

.meet-pokochan-sec .heading-component {
    margin: 80px auto 0 65px
}

.meet-pokochan-sec .heading-component p,
.select-option.phonenumber select option {
    font-size: 20px
}

.sun-top {
    position: absolute;
    top: -55px;
    left: 71px
}

.blog-contact-page form,
.meet-pokochan-cta {
    margin-top: 30px
}

.achievements-sec-wrapper {
    padding: var(--desktoppadding);
    scroll-margin-top: 100px
}

.achievement-details .single-achievent,
.submit-btn-wrap {
    text-align: center
}

.achievement-details .single-achievent img {
    width: 100%;
    max-width: 180px;
    border-radius: 100%
}

.achievement-details .achievement-content {
    margin-top: 31px
}

.achievement-details .achievement-content h4 {
    font-size: 25px;
    color: var(--ms-dark);
    font-weight: 700
}

.achievement-details .achievement-content p {
    font-size: 18px;
    color: var(--ms-dark);
    font-weight: 400
}

.mamypoko-history .row {
    flex-direction: row-reverse
}

.mamypoko-history .heading-component {
    padding: 307px 0 290px;
    position: relative;
    z-index: 1
}

.mamypoko-history .sun-top {
    top: 118px;
    left: inherit;
    right: 42px;
    transform: scaleX(-1);
    width: 150px
}

.mamypoko-history .brown-heart {
    position: absolute;
    top: 238px;
    right: 370px;
    width: 100%;
    max-width: 250px
}

.mamypoko-history {
    margin-bottom: -120px
}

.mamypoko-history .essential-content {
    left: inherit;
    top: 0;
    margin-bottom: -130px
}

.mamypoko-history .heading-component p,
.pregnancy-calculator {
    width: 100%;
    max-width: 550px
}

.mom-corner-curve.meet-pokochan-sec {
    margin-top: -117px
}

.pockochan-meet .essential-content {
    position: absolute;
    top: 80px;
    left: 100px
}

.pockochan-meet .sun-top {
    position: relative;
    top: 0;
    left: 0;
    width: 150px
}

.pockochan-meet .essential-content .heading-component {
    left: 60px;
    position: relative;
    margin-bottom: 0;
    top: 30px
}

.pockochan-meet .essential-content .heading-component .heading-title,
.profile-card-management.editing .profile-cards {
    margin-bottom: 15px
}

.contact-banner h1.title-lg,
.faq-banner h1.title-lg {
    max-width: 100%;
    color: var(--ms-primary);
    font-size: 62px;
    padding-bottom: 20px
}

.contact-form-sec {
    padding: 30px 0 80px;
    position: relative
}

.contact-form-sec .row {
    align-items: center
}

.flowers {
    position: absolute;
    top: 38px;
    left: 70px;
    width: 150px
}

.contact-address-details .title-md {
    color: var(--ms-primary);
    margin-bottom: 30px
}

.contact-address-details .contact-wrapper {
    display: flex;
    margin-bottom: 30px
}

.contact-address-details .contact-wrapper img {
    margin-right: 16px;
    max-width: 30px
}

.contact-address-details .contact-wrapper a,
.contact-address-details .contact-wrapper address,
.contact-address-details .contact-wrapper small {
    color: var(--ms-dark);
    opacity: .7;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px
}

.contact-address-details .contact-wrapper address {
    max-width: 385px
}

.contactForm-wrapper {
    padding: 40px 60px;
    border-radius: 20px;
    border: 2px solid #aa7b15;
    position: relative;
    z-index: 1
}

.contactForm-wrapper .contactForm-heading h3 {
    text-align: center;
    font-size: 28px;
    color: var(--ms-primary);
    font-weight: 600;
    border-bottom: 1px solid #efeff6;
    padding-bottom: 15px;
    margin-bottom: 40px
}

.contactForm-wrapper .form-control {
    border: 1px solid #c9c9e3;
    height: 45px;
    border-radius: 15px;
    padding: 0 20px
}

.contactForm-wrapper .form-label {
    font-size: 20px;
    color: var(--ms-dark);
    font-weight: 500
}

.blog-contact-page textarea.form-control,
.contactForm-wrapper textarea.form-control {
    height: 150px
}

.contactForm-wrapper .form-btn .btn {
    min-width: 150px;
    padding: 0 20px
}

.contactForm-wrapper .form-btn .btn::after {
    right: 24px
}

.mobile-pokochan {
    position: absolute;
    bottom: 0;
    left: -220px;
    width: 100%;
    max-width: 150px
}

.blue-ballon {
    position: absolute;
    bottom: 24px;
    right: -150px;
    width: 160px
}

.thank-you-popup {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    background-color: var(--skyblue1);
    box-shadow: 0 0 25px 0 rgb(0 0 0 / .1);
    padding: 40px;
    min-height: 250px;
    display: flex;
    align-items: center;
    transform: translate(-50%, -50%);
    left: 50%;
    border-radius: 10px
}

.baby-happy-section,
.birth-story,
.japan-babies-section,
.rope-swing-section {
    background-color: #fbf8f7
}

.thank-you-popup h4 {
    text-align: center;
    color: var(--ms-blue);
    font-size: 24px;
    line-height: 32px;
    font-weight: 600
}

.sun-thank {
    position: absolute;
    width: 100px;
    top: -100px;
    left: -70px
}

.thanku-gif {
    width: 100%;
    max-width: 150px;
    margin: 0 auto
}

.thanku-gif:before {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    max-width: 300px;
    background-position: center
}

.thankscard .btn-close {
    position: absolute;
    right: -45px;
    z-index: 9;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    top: -45px;
    transition: .2s ease-in-out;
    cursor: pointer
}

.contactForm-wrapper div#select {
    height: 45px;
    border-radius: 15px;
    padding: 0
}

.css-13cymwt-control,
.css-t3ipsp-control {
    height: 45px;
    border-radius: 15px !important
}

.contact-address-details {
    margin-top: 120px;
    position: relative;
    z-index: 2
}

.contact-heart {
    position: absolute;
    left: -150px;
    top: 180px;
    width: 100%;
    max-width: 650px
}

.custome-banner.newbornpage.faq-banner,
.input-series .form-control {
    z-index: 1
}

.custome-banner.newbornpage.faq-banner .custome-banner-content {
    max-width: 550px
}

.faq-main-wrapper .single-faq-box {
    background: #f2ece1;
    border-radius: 15px;
    border: 2px solid #d59725;
    padding: 38px 158px 38px 150px;
    max-width: 1100px;
    margin: 0 auto 20px
}

.faq-main-wrapper .single-faq-box h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--ms-primary);
    margin-bottom: 5px
}

.faq-main-wrapper .single-faq-box p {
    color: var(--ms-dark);
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0
}

.faq-main-wrapper .single-faq-box:nth-of-type(2n+2) {
    background: #dee4eb;
    border: 2px solid #3666a1
}

.faq-main-wrapper .single-faq-box:nth-of-type(2n+3) {
    background: #fceee8;
    border: 2px solid #e4591d
}

.faq-main-wrapper .single-faq-box:nth-of-type(2n+4) {
    background: #f7eff3;
    border: 2px solid var(--ms-pink)
}

.faq-gif {
    position: absolute;
    top: 175px;
    right: 0;
    width: 250px
}

.cloud-ballon {
    position: absolute;
    top: 400px
}

.cloud-rainbow {
    position: absolute;
    bottom: 226px;
    left: 0;
    transform: scaleX(-1);
    max-width: 100px;
    width: 100%
}

.three-flowers {
    position: absolute;
    bottom: 130px;
    right: 75px;
    width: 100%;
    max-width: 120px
}

.sleeping-moon {
    position: absolute;
    top: 50%;
    right: 90px;
    max-width: 150px
}

.faq-connected {
    padding-bottom: 170px
}

.faq-main-wrapper .cloud-ballon {
    max-width: 150px;
    width: 100%
}

.custome-banner.mamypoko-videos .custome-banner-content h1 {
    color: var(--ms-primary);
    font-family: var(--ariel-rounded);
    font-weight: 400
}

.about-history-card p,
.birth-story-content h4,
.faq-card p,
.rope-swing-content p {
    font-family: Quicksand, sans-serif
}

.pregnancyblog .health-pregnancy .personal-guide .nav.nav-tabs li .nav-link {
    padding: 10px 25px;
    margin: 0
}

.pregnancyblog .health-pregnancy .personal-guide .nav.nav-tabs li .nav-link.active {
    padding: 10px 22px;
    margin: 0
}

.pregnancyblog .health-pregnancy .personal-guide .nav.nav-tabs {
    gap: 10px;
    justify-content: center;
    max-width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 112px;
    z-index: 7
}

.custome-banner.contact-banner,
.pregnancy-announcement,
.unicharm-corporation-content .btn {
    margin-top: 60px
}

.pregnancy-announcement .swiperBoxContent {
    border-radius: 15px;
    position: relative;
    padding: 30px;
    margin-bottom: 40px
}

.pregnancy-announcement .swiperBoxContent .box-heading {
    font-size: 30px;
    font-weight: 700;
    line-height: 44px
}

.pregnancy-announcement .swiperBoxContent::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 15px;
    border: 3px solid #fff0;
    background: linear-gradient(90deg, #e7c945, #aa7b15) border-box
}

.pregnancy-announcement .swiperBoxContent h4 {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.pregnancy-announcement .col-lg-3:nth-child(4n+1) .swiperBoxContent {
    background: #fbf5e9
}

.pregnancy-announcement .col-lg-3:nth-child(4n+2) .swiperBoxContent {
    background: #e7edf4
}

.pregnancy-announcement .swiperBoxContent .boxContentImg {
    position: absolute;
    right: 30px;
    bottom: 20px
}

.boxContentImg img {
    aspect-ratio: 8/5;
    object-fit: contain;
    width: 100%;
    max-width: 220px;
    min-width: 160px
}

.loadmore-section .loadmore-btn {
    border-radius: 100px;
    border: 2px solid var(--ms-blue);
    background: var(--ms-white);
    padding: 16px 40px;
    color: var(--ms-primary);
    font-size: 18px;
    font-weight: 600;
    margin: 30px auto 0;
    display: block;
    max-width: fit-content;
    text-align: center
}

.loadmore-section .loadmore-btn:hover {
    color: var(--ms-white) !important;
    background-color: var(--ms-golden) !important;
    border: 2px solid var(--ms-golden)
}

.pregnancyblog .health-pregnancy .parenthood-gif {
    width: 250px;
    left: 32px;
    top: 0;
    bottom: unset;
    right: unset
}

.pregnancyblog .health-pregnancy .product_card-ab {
    left: unset;
    right: 50px;
    width: 150px;
    top: 160px;
    z-index: 2
}

.pregnancyblog .health-pregnancy .product_card-cloud {
    position: absolute;
    right: -42px;
    bottom: 100px;
    width: 150px
}

.mamypoko-video.video-mmay .parenthood-gif {
    width: 320px;
    margin-top: -32px
}

.pregnancyblog .health-pregnancy .shadow_img {
    right: -12px !important;
    bottom: 31px;
    width: 100%
}

.terms-condition {
    max-width: 1190px;
    margin: 0 auto;
    width: 100%;
    padding: var(--desktoppadding);
    position: relative
}

.tesrm-condion-content h3 {
    color: var(--ms-primary);
    font-size: 28px;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    padding-bottom: 20px
}

.tesrm-condion-content p {
    color: var(--ms-dark);
    font-size: 20px;
    font-weight: 400;
    line-height: 26px
}

.tesrm-condion-content h2 {
    color: var(--ms-primary);
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    padding-bottom: 35px;
    margin: 0
}

.terms-condion-icon1 {
    width: 120px;
    transform: scaleX(-1);
    position: absolute;
    left: -280px
}

.terms-condion-icon2 {
    position: absolute;
    right: -300px;
    width: 120px
}

.terms-condion-icon3 {
    position: absolute;
    left: -280px;
    transform: scaleX(-1);
    top: 1100px;
    width: 120px
}

.terms-condion-icon4 {
    position: absolute;
    right: -250px;
    top: 1700px;
    width: 120px
}

.terms-condion-icon5 {
    position: absolute;
    left: -270px;
    bottom: 320px;
    width: 120px
}

.terms-condion-icon6 {
    position: absolute;
    right: -280px;
    bottom: 100px;
    width: 120px
}

.tesrm-condion-content ul {
    margin: 15px 0 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0;
    list-style: none
}

.custome-banner.pokochan-banner .custome-banner-content span {
    width: 345px;
    display: block;
    max-width: 340px;
    margin-left: 100px;
    margin-top: 20px
}

.custome-banner.pokochan-banner .custome-banner-content .title-medium {
    text-align: right;
    margin-right: -400px;
    margin-top: 10px
}

.custome-banner.pokochan-banner .terms-condion-icon5 {
    position: relative;
    left: 90px;
    bottom: 0;
    margin-top: 90px;
    width: 100%;
    max-width: 269px
}

.banner-images {
    width: 100%;
    max-width: 490px;
    margin-left: 55px;
    position: absolute;
    bottom: 210px
}

.custome-banner.pokochan-banner .custome-banner-content .title-mid {
    padding-left: 40px
}

.custome-banner.pokochan-banner .custome-banner-content {
    top: 80px
}

.rope-swing-section {
    width: 100%;
    padding: 80px 0 40px;
    margin-top: -110px
}

.rope-image-section {
    margin-top: -50px
}

.rope-image {
    width: 100%;
    max-width: 566px;
    position: relative;
    z-index: 0
}

.rope-image img.rope-swing-gif {
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 450px;
    right: 0;
    margin: 0 auto;
    top: 60px
}

.rope-swing-content h2.tittle-small {
    text-align: center;
    font-weight: 700;
    line-height: 56px;
    color: var(--ms-primary)
}

.rope-swing-content p {
    color: var(--ms-dark);
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    padding-top: 30px
}

.rope-swing-content {
    margin-top: 80px;
    position: relative;
    margin-left: -60px;
    max-width: 897px
}

.rope-swing-content .ballon-star {
    position: absolute;
    right: -130px;
    width: 100%;
    max-width: 220px;
    top: -100px
}

.rope-swing-content img.flowers-img {
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 175px
}

.baby-happy-section {
    position: relative;
    z-index: 5
}

.baby-happy-card {
    width: 100%;
    max-width: 1365px;
    display: flex;
    gap: 40px;
    border-radius: 15px;
    position: absolute;
    left: 150px;
    right: 0;
    margin: 0 auto;
    top: 100px
}

.baby-happy-card .baby-card-content h4 {
    color: var(--ms-primary);
    font-size: 36px;
    font-weight: 600;
    line-height: 46px
}

.baby-happy-card .baby-card-content h5 {
    color: var(--ms-dark);
    font-size: 28px;
    font-weight: 600;
    line-height: 40px
}

.baby-happy-card .baby-card-content {
    width: 100%;
    max-width: 730px;
    position: relative
}

.baby-card-img {
    width: 100%;
    max-width: 370px
}

.baby-card-img .video-gif.product-world-gif {
    top: 0;
    width: 100%;
    max-width: 350px
}

.baby-card-img .video-gif::after {
    background-size: 15rem;
    transform: unset !important;
    left: 63px;
    bottom: -10px !important;
    opacity: .7
}

.baby-happy-card .baby-card-content img {
    position: absolute;
    top: -40px;
    right: 100px;
    transform: rotate(357deg)
}

.japan-babies-section {
    padding: 70px 0 40px
}

.baby-minitape.pokochan .parenthood-gif {
    right: -90px;
    top: -95px
}

.baby-minitape.pokochan .babymini-content {
    width: 100%;
    max-width: 900px;
    text-align: center;
    position: relative
}

.baby-minitape.pokochan .babymini-content p {
    color: var(--ms-dark);
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    font-family: Quicksand, sans-serif;
    max-width: 100%
}

.baby-minitape.pokochan .parenthood-gif:after {
    content: "";
    position: absolute;
    background-image: url(https://www.mamypokopants.in/_next/static/media/instant_Absorption_heart.6b071c90.webp);
    width: 550px;
    height: 580px;
    bottom: unset;
    right: -100px;
    background-repeat: no-repeat;
    background-size: cover;
    top: 60px;
    z-index: 2
}

.baby-minitape.pokochan .baby-img {
    width: 319.708px;
    position: relative;
    top: 85px;
    margin-left: 80px;
    z-index: 1
}

.latest-news-cards.popular-blogs .swiper-button-next,
.latest-news-cards.popular-blogs .swiper-button-prev {
    background-image: url(../img/chevron-banner.svg);
    width: 55px;
    height: 55px;
    bottom: 20px;
    display: block;
    opacity: 1
}

.baby-minitape.pokochan .baby-img:after {
    content: "";
    position: absolute;
    background-image: url(https://www.mamypokopants.in/_next/static/media/img-bottom-shadow.edd914d0.svg);
    width: 100%;
    height: 70px;
    bottom: -23px;
    left: -25px;
    background-repeat: no-repeat;
    transform: translateX(25%);
    background-size: 15rem;
    filter: blur(8px)
}

.baby-minitape.pokochan .babymini-content .absorp-heading {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    line-height: 56px
}

.baby-minitape.pokochan .babymini-img .pokochan-tree {
    position: absolute;
    top: -65px;
    left: -168px;
    width: 388.463px
}

.baby-minitape.pokochan .parenthood-gif .pokochan-star {
    width: 100%;
    max-width: 180px;
    right: -104px;
    top: 20px;
    position: relative
}

.baby-minitape.pokochan .parenthood-gif .pokochan-star img.moon-stars,
.contentcard.third.dark video {
    position: relative;
    bottom: 0;
    width: 100%
}

.birth-story {
    width: 100%;
    padding: 80px 0 30px;
    position: relative
}

.birth-story .birth-story-section img {
    width: 100%;
    border-radius: 50px
}

.birth-story-content h4 {
    color: var(--ms-primary);
    font-size: 42px;
    font-weight: 600;
    line-height: 56px;
    margin: 0
}

.birth-story-content {
    padding-left: 30px
}

.birth-story-content p {
    color: var(--ms-dark);
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
    padding-top: 15px;
    max-width: 588px;
    width: 100%
}

.faq-card h5,
.faq-card p {
    line-height: normal;
    text-align: center
}

.birth-story-balon {
    position: absolute;
    top: -57px;
    right: 131px;
    z-index: 1;
    width: 160px
}

.pokochan-book {
    width: 100%;
    margin-left: auto;
    max-width: 280px
}

.pokochan-book img {
    width: 100%;
    margin-left: auto
}

.pokochan-faq {
    width: 100%;
    padding: 30px 0 60px;
    position: relative
}

.pokochan-faq-card {
    width: 100%;
    max-width: 1000px;
    padding: 10px;
    margin: 0 auto;
    display: flex;
    gap: 20px
}

.faq-card {
    width: 100%;
    background-color: #faf7f3;
    max-width: 100%;
    border-radius: 15px;
    border: 2px solid #d59725;
    padding: 38px 64px
}

.faq-card h5 {
    color: var(--ms-primary);
    font-size: 24px;
    font-weight: 600
}

.faq-card p {
    margin: 0;
    color: var(--ms-dark);
    font-size: 20px;
    font-weight: 400
}

.about-history-card h2,
.read-more-btns {
    color: var(--ms-primary);
    color: var(--ms-primary)
}

.pokochan-faq .pokochan-faq-card:first-child .faq-card:nth-child(2),
.pokochan-faq .pokochan-faq-card:nth-child(3) .faq-card:first-child,
.pregnancy-faq-card .accordion-item:nth-child(2) {
    background-color: #f2f4f7;
    border: 2px solid #3666a1
}

.pokochan-faq .pokochan-faq-card:nth-child(2) .faq-card:first-child,
.pregnancy-faq-card .accordion-item:nth-child(3) {
    background-color: #fbf5f3;
    border: 2px solid var(--ms-orange)
}

.pokochan-faq .pokochan-faq-card:nth-child(2) .faq-card:nth-child(2),
.pregnancy-faq-card .accordion-item:nth-child(4) {
    background-color: #fdf5f9;
    border: 2px solid var(--ms-pink)
}

.pokochan-faq .parenthood-gif {
    right: unset;
    left: 0;
    bottom: 50px
}

.pokochan-faq .pokochan-faq-flower {
    position: absolute;
    left: 70px;
    top: 40px;
    width: 150px
}

.pokochan-faq .terms-condion-icon4 {
    position: absolute;
    right: -38px;
    top: unset;
    width: 150px;
    bottom: 180px
}

.baby-happy-section img.divider-banner {
    margin: 0 auto;
    display: block
}

.pokochan-banner .terms-condion-icon2 {
    position: absolute;
    right: 200px;
    width: 120px;
    top: 100px
}

.about-history-banner .custome-banner-content,
.calender-card .result-cards {
    top: 0;
    margin-top: 0
}

.about-history-banner h1.title-lg {
    font-size: 36px
}

.about-history-banner .custome-banner-content h1 {
    text-align: left;
    color: var(--ms-primary) !important
}

.about-history-banner .custome-banner-content p {
    text-align: left;
    color: #1a1a1a;
    font-size: 25px;
    font-weight: 400;
    line-height: 40px
}

.mamypoko-history-sec {
    padding: var(--desktoppadding);
    width: 100%;
    margin-bottom: 80px;
    overflow: hidden
}

.babygrowth .custome-banner-content,
.calender-card .result-cards .begning-card,
.mamypoko-history-sec .heading-component {
    max-width: 650px
}

.timeline-about-history {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto
}

.timeline-about-history ul {
    list-style: none;
    margin-top: 100px
}

.timeline-about-history ul li:nth-child(odd) {
    margin-left: auto;
    width: 100%;
    max-width: 555px;
    position: relative;
    float: right;
    padding-left: 60px
}

.timeline-about-history ul li:nth-child(2n)::before,
.timeline-about-history ul li:nth-child(odd)::before,
.timeline-about-history ul li:nth-child(odd):first-child::before {
    position: absolute;
    z-index: 1;
    background-position: center;
    height: auto;
    background-size: cover;
    content: "";
    background-repeat: no-repeat
}

.timeline-about-history ul li:nth-child(odd):first-child::before {
    background-image: url(../img/about-history-panel1.webp);
    width: 547px;
    top: -90px;
    right: 70px;
    min-height: 203px
}

.timeline-about-history ul li:nth-child(odd)::before {
    background-image: url(../img/about-history-panel3.webp);
    width: 100%;
    top: -175px;
    right: 70px;
    min-height: 283px
}

.timeline-about-history ul li:nth-child(2n)::before {
    background-image: url(../img/about-history-panel2.webp);
    width: 100%;
    top: -158px;
    left: -34px;
    min-height: 268px
}

.about-history-card {
    position: relative;
    max-width: 350px
}

.about-history-card h2 {
    font-size: 46px;
    font-weight: 700;
    line-height: 52px;
    padding-bottom: 47px
}

.about-history-card h4 {
    color: #1a1a1a;
    font-size: 24px;
    font-weight: 700;
    line-height: normal
}

.about-history-card p {
    color: #1a1a1a;
    font-size: 20px;
    font-weight: 400;
    line-height: normal
}

.timeline-about-history ul li:nth-child(2n) {
    margin-right: auto;
    width: 100%;
    max-width: 555px;
    position: relative;
    margin-left: -5px;
    float: left;
    padding-right: 137px
}

.timeline-about-history ul li:nth-child(2n) .about-history-card {
    padding-left: 0;
    margin-left: auto;
    width: 100%
}

.timeline-about-history ul li:nth-child(2n) .about-history-card h2 {
    text-align: right
}

.mammies-content,
.timeline-about-history ul li {
    margin-top: 50px
}

.timeline-aboutone {
    position: absolute;
    top: 170px;
    left: 130px;
    width: 150px
}

.timeline-abouttwo {
    position: absolute;
    right: -129px;
    top: -230px;
    z-index: -1;
    width: 250px
}

.timeline-about-history ul li:first-child .about-history-card:after {
    content: "";
    position: absolute;
    background-image: url(../img/about-history-heart.webp);
    width: 1091px;
    height: 869px;
    top: -162px;
    right: -650px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1
}

.timeline-abouttwo img {
    width: 100%;
    max-width: 100%
}

.timeline-aboutthree {
    position: absolute;
    left: -350px;
    top: 180px;
    width: 250px;
    height: auto
}

.timeline-aboutfour {
    transform: scaleX(-1);
    position: absolute;
    right: -280px;
    top: -100px;
    width: 140px
}

.timeline-about-history ul li:nth-child(6) .about-history-card:after {
    content: "";
    position: absolute;
    background-image: url(../img/about-heart2.webp);
    width: 1091px;
    height: 869px;
    top: -100px;
    left: -700px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1
}

.timeline-aboutseven {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 280px
}

.timeline-abouteight {
    position: absolute;
    right: -250px;
    top: 180px;
    width: 150px
}

.pregnancyblog .health-pregnancy {
    background-color: var(--ms-white);
    position: relative;
    padding: 40px 0
}

.pregnancy-blog-card {
    display: flex;
    padding: 0;
    width: 100%;
    max-width: 1365px;
    margin: 0 auto;
    position: relative;
    border-radius: 15px;
    background-color: #fff
}

.blog-card-img {
    width: 100%;
    max-width: 758px;
    overflow: hidden
}

.blog-card-content {
    width: 100%;
    max-width: 607px;
    padding: 55px;
    position: relative;
    z-index: 2
}

.read-more-btns {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    display: flex;
    gap: 10px;
    margin-top: 20px
}

.blog-card-content h2 {
    font-size: 32px;
    font-weight: 500;
    margin: 0;
    padding-bottom: 15px
}

.blog-card-content p {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    margin: 0
}

.blog-card-content .bedge-ca,
.pregnancyblog .pregnancy-announcement .pregnancy-blog-card .blog-card-content h2 {
    padding-bottom: 15px
}

.blog-card-content .bedge-ca h4 {
    border-radius: 100px;
    background: rgb(214 0 109 / .09);
    color: var(--ms-pink);
    margin: 0
}

.blog-child {
    position: absolute;
    top: -124px;
    right: -44px;
    z-index: 2;
    width: 100%;
    max-width: 220px
}

.pregnancy-blog-card h5 {
    color: var(--ms-dark);
    font-family: Figtree, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.latest-news {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 40px;
    position: relative;
    overflow: hidden
}

.latest-news-cards,
.right-box-4 {
    position: relative;
    width: 100%
}

.latest-news-cards .swiper {
    padding: 30px 5px
}

.latest-news-cards .contentcard h5 {
    color: var(--ms-dark);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    opacity: .9
}

.mamypoko-top {
    padding: 30px 0 0;
    position: relative;
    overflow: hidden
}

.all-news-section {
    width: 100%;
    padding: 20px 0;
    background-color: #fdf5f9;
    position: relative
}

.all-news-section .personal-guide-card .content h5 {
    color: var(--ms-dark);
    font-family: Figtree, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.all-news-section .col-lg-4 {
    margin-bottom: 40px
}

.stay-connected.new-subscribe {
    padding: 60px 0;
    margin-bottom: 0
}

.ballon-img {
    position: absolute;
    left: 38px;
    width: 220px;
    transform: rotate(30deg);
    top: 90px
}

.horse-img {
    position: absolute;
    right: 15px;
    bottom: 0;
    width: 160px
}

.allnews-one,
.allnews-two {
    width: 150px;
    position: absolute
}

.allnews-one {
    transform: scaleX(-1);
    left: 20px;
    top: -25px
}

.allnews-two {
    right: 65px;
    top: 600px
}

.allnews-three {
    position: absolute;
    right: -50px;
    bottom: 18px;
    width: 180px
}

.allnews-four,
.subscribe-sun {
    width: 150px;
    position: absolute
}

.allnews-four {
    transform: scaleX(-1);
    bottom: 500px;
    left: 25px
}

.subscribe-sun {
    top: 0;
    z-index: 7;
    height: auto;
    left: 30px
}

.subscribe-ballon {
    position: absolute;
    right: 100px;
    bottom: 70px;
    width: 180px;
    height: auto;
    z-index: 2;
    transform: rotate(40deg)
}

.mamy-world-form .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after,
.stay-connected.new-subscribe.news::after {
    top: 0
}

.latest-news-cards.popular-blogs .swiper {
    padding: 0 10px
}

.web-mmp-news .blog-card-content {
    width: 100%;
    max-width: 100%;
    padding: 55px;
    position: relative;
    z-index: 2
}

.did-u-know.pregnancy-blogss {
    width: 100%;
    background: var(--skyblue1);
    padding: var(--desktoppadding);
    position: relative
}

.did-u-know.pregnancy-blogss .did-uknow-section {
    max-width: 1300px
}

.did-u-know .did-uknow-section {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative
}

.knowcard-img {
    display: flex;
    align-items: center;
    gap: 47px
}

.did-u-know {
    background-color: #f3f8ff
}

.knowcard-img h4 {
    color: var(--ms-primary);
    font-size: 52px;
    font-weight: 700;
    line-height: normal;
    margin-top: 18px
}

.did-u-content p {
    color: var(--ms-dark);
    text-align: center;
    font-family: Quicksand, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    width: 100%;
    max-width: 740px
}

.did-u-img1 {
    position: absolute;
    left: -65px;
    top: 0
}

.did-u-img2 {
    position: absolute;
    right: -30px;
    bottom: -15px
}

.did-u-know.pregnancy-blogss .did-u-content {
    position: relative;
    max-width: 600px;
    margin-left: auto
}

.star-ballon {
    position: absolute;
    left: 0;
    width: 160px;
    height: auto;
    top: 110px
}

.latest-news-cards.popular-blogs,
.mammies-soon-be {
    padding: var(--desktoppadding);
    width: 100%
}

.latest-news-cards.popular-blogs .swiper-wrapper {
    padding: 15px 5px;
    justify-content: left;
    margin-bottom: 120px
}

.latest-news-cards.popular-blogs .personal-guide-card .bedge-ca h5 {
    background-color: var(--skyblue2);
    color: var(--ms-blue);
    border: 0
}

.latest-news-cards.popular-blogs .swiper-wrapper .personal-guide-card {
    height: auto;
    width: 100%;
    max-width: 100%
}

.latest-news-cards.popular-blogs .swiper-button-prev {
    background-size: cover;
    right: 150px;
    background-color: #fff;
    transform: scaleX(-1)
}

.latest-news-cards.popular-blogs .swiper-button-next {
    background-size: cover;
    right: 60px;
    background-color: #fff
}

.button-number {
    text-align: right;
    margin-top: -59px;
    margin-right: -20px
}

.latest-news-cards.popular-blogs .video-cta {
    margin-top: -59px;
    z-index: 2;
    position: relative
}

.latest-news-cards.popular-blogs .video-cta .btn {
    min-width: auto;
    padding: 0 55px 0 25px
}

.btn.btn-primary.next-btn:after,
.cookie-banner .btn-primary:after,
.latest-news-cards.popular-blogs .video-cta .btn:after,
.video-cta a.btn:after {
    right: 15px
}

.button-number p {
    color: var(--ms-dark);
    font-size: 22px;
    font-weight: 400;
    line-height: normal
}

.latest-news-cards.popular-blogs .horse-img {
    position: absolute;
    right: 55px;
    bottom: 10px;
    width: 190px;
    height: auto
}

.all-blog-section {
    background-color: var(--skyblue1);
    width: 100%;
    padding: var(--desktoppadding);
    position: relative
}

.all-blog-section .col-lg-4 {
    display: flex;
    align-items: stretch;
    margin-bottom: 30px
}

.hospital-bag {
    margin: var(--desktoppadding);
    margin-top: 0
}

.hospital-bag .parenthood-brand-card .parenthood-content h5 {
    color: #1a1a1a;
    font-size: 28px;
    font-weight: 700;
    line-height: 38px
}

.hospital-bag .parenthood-brand-card .parenthood-content .btn {
    font-size: 18px;
    min-width: 259px;
    padding: 5px 25px
}

.hospital-bag .parenthood-brand-card .parenthood-content .btn:before {
    content: "";
    display: block
}

.slidercard .tab-swiper-box {
    padding-top: 30px
}

.all-blog-section .allnews-one {
    top: 82px
}

.all-blog-section .allnews-two {
    top: 180px;
    right: -170px
}

.all-blog-section .allnews-two img {
    max-width: 150px
}

.pregnancyblog .health-pregnancy .flowers {
    right: 70px;
    left: unset;
    width: 100%;
    max-width: 120px;
    bottom: -33px;
    top: unset;
    transform: scale(-1);
    z-index: 2
}

.health-pregnancy .pregnancy-blog-card .blog-card-content .bedge-ca h4 {
    color: var(--ms-pink);
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    border: 0
}

.health-pregnancy .pregnancy-blog-card .blog-card-content .bedge-ca h5 {
    border: 0;
    color: var(--ms-blue);
    font-size: 12px;
    font-weight: 500;
    line-height: normal
}

.pregnancyblog .pregnancy-announcement .pregnancy-blog-card .blog-card-content h2 .read-more-btns {
    font-size: 24px;
    font-weight: 500
}

.pregnancyblog .health-pregnancy.pregnancy-blogss .nav.nav-tabs li .nav-link.active,
.pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs li .nav-link {
    padding: 0;
    margin: 0
}

.pregnancyblog .health-pregnancy .personal-guide .nav.nav-tabs li .nav-link .tabs-sec {
    gap: 10px;
    padding: 5px 15px
}

.pregnancyblog .health-pregnancy.pregnancy-blogss .nav.nav-tabs li .nav-link.active .tabs-sec span {
    padding: 0;
    background: 0 0
}

.pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs {
    max-width: 1100px
}

.pregnancyblog .health-pregnancy.pregnancy-blogss .nav.nav-tabs li .nav-link.active .tabs-sec {
    background: var(--skyblue1)
}

.blog-border-card {
    position: relative;
    background: #fff0;
    padding: 4px;
    max-width: 1250px;
    margin: 90px auto 0;
    z-index: 1
}

.health-pregnancy.pregnancy-blogss .pregnancy-blog-card {
    max-width: 1250px;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2
}

.blog-border-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin: 1px;
    background: linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    border-radius: 15px
}

.did-u-know.pregnancy-blogss .didu-know-icon {
    position: absolute;
    right: 130px;
    top: 0;
    width: 150px
}

.latest-news-cards.popular-blogs .contentcard-img {
    position: relative;
    min-height: 330px
}

.blog-tagbedgename p {
    border: 1px solid var(--ms-primary);
    border-radius: 25px;
    padding: 10px 18px;
    width: 100%;
    max-width: fit-content;
    color: var(--ms-primary);
    font-size: 16px;
    font-weight: 500
}

.author-content p,
.social-views p {
    font-size: 14px;
    opacity: .7;
    margin: 0;
    line-height: normal;
    color: var(--ms-dark)
}

.pregnancy-blog-details .custome-banner-content {
    position: relative;
    max-width: 100%;
    top: unset;
    border: 2px solid #cfa52d;
    width: 100%;
    display: block;
    height: auto;
    border-radius: 30px;
    margin-left: 0;
    padding: 0;
    margin-top: 0
}

.custome-banner.blog-detail-banner {
    background-image: none;
    padding: 120px 0 0
}

.custome-banner.blog-detail-banner .custome-banner-content:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    border: 3px solid #fff0;
    background: linear-gradient(90deg, #e7c945, #aa7b15) border-box
}

.author-bio {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 8px
}

.author-content p {
    font-family: Quicksand;
    font-weight: 400
}

.author-bio-social {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px
}

.social-views {
    display: flex;
    gap: 14px;
    align-items: center
}

.social-views p {
    font-weight: 400
}

.social-views span img {
    width: 100%;
    max-width: 20px;
    min-width: 16px
}

.blog-content {
    width: 100%;
    padding-top: 15px
}

.blog-content p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin: 0
}

.blog-content img {
    margin-top: 40px
}

.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
    font-weight: 600;
    margin: 20px 0 0;
    padding-bottom: 20px;
    color: var(--ms-primary);
    font-family: Figtree, sans-serif;
    line-height: 26px;
    font-style: normal
}

.blog-content h2 {
    font-size: 28px
}

.blog-content h3 {
    font-size: 25px
}

.blog-content h4 {
    font-size: 22px
}

.blog-content h5 {
    font-size: 20px
}

.blog-content h6 {
    font-size: 18px
}

.blog-contact-page .blog-heading .title-mid {
    color: var(--ms-primary);
    font-weight: 700;
    margin: 0
}

.blog-contact-page .blog-heading p {
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    padding-top: 30px;
    margin: 0
}

.blog-contact-page .form-control {
    border: 1px solid #c0c1de;
    height: 45px;
    border-radius: 15px;
    padding: 0 20px
}

.blog-contact-page .form-label {
    color: #1a1a1a;
    font-family: Quicksand, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: normal
}

.blog-topbar {
    display: flex;
    justify-content: space-between;
    padding: var(--desktoppadding);
    padding-bottom: 15px
}

.blog-topbar .select-dropdown {
    display: unset;
    margin-bottom: 0
}

.blog-topbar .blog-heading .title-mid {
    color: var(--ms-primary);
    font-weight: 700
}

.divider-break {
    border: 1px solid #c0c1de;
    opacity: .5;
    margin-bottom: 30px
}

.review-content-para .btn {
    border-radius: 100px;
    border: 2px solid var(--ms-primary);
    background: var(--ms-white);
    color: var(--ms-primary);
    font-size: 18px;
    font-weight: 600;
    min-width: 156px;
    text-align: right;
    line-height: 45px;
    margin-top: 30px
}

.review-content-para .btn::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 17px;
    transform: translateY(-50%);
    left: 30px;
    background-image: url(../img/arrow-reply.svg)
}

.review-content-para .btn:hover {
    border: 2px solid var(--ms-golden) !important;
    transition-duration: .4s
}

.btn-primary.previews-btn:hover:after,
.next-step-cards.dashboard .analyse-progress .reset-btn:hover span img,
.pregnancy-btn.plus .btn-primary:hover img,
.review-content-para .btn:hover::after {
    filter: brightness(0) invert(1);
    transition-duration: .4s
}

.mamypoko-top .stay-connected.new-subscribe {
    background-color: #fdf5f9
}

.mamypoko-top .stay-connected::after {
    background: linear-gradient(270deg, #fdf5f9 55.2%, #fff0 98.39%);
    right: 0;
    width: 20%;
    height: 100%;
    top: 0
}

.mamypoko-top .stay-connected::before {
    background: linear-gradient(92deg, #fdf5f9 55.2%, #fff0 98.39%);
    left: -30px;
    width: 20%;
    height: 100%;
    top: 0
}

.mamypoko-top .stay-connected.new-subscribe .subscribe-ballon {
    bottom: 120px
}

.mamypoko-top.blog-details {
    margin-bottom: -120px;
    padding-bottom: 120px;
    padding-top: 30px;
    position: relative
}

.mamypoko-top.blog-details .terms-condion-icon1 {
    right: 90px;
    left: unset;
    top: 220px;
    transform: unset;
    width: 120px
}

.category h5 {
    color: var(--ms-pink);
    background: #fbe8f2;
    width: fit-content;
    min-width: fit-content;
    padding: 11px 40px;
    border-radius: 50px;
    margin: 0
}

blockquote::after,
blockquote::before {
    font-size: 3rem;
    color: #007bff;
    font-family: serif;
    position: absolute
}

.category,
.personal-guide-card.blog-details,
.personal-guide-card.blogs-cards,
.right-blog-box:not(:last-child) {
    margin-bottom: 20px
}

.auhtor-img {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.connected-img img.desktop-connected-img,
.edit-profile,
.small-card-come.small .mobile-card-type {
    display: block
}

blockquote {
    font-size: 1.2rem;
    font-style: italic;
    color: #444;
    border-left: 5px solid #007bff;
    padding: 24px;
    margin: 20px 0;
    background: #f8f9fa;
    border-radius: 4px;
    position: relative
}

blockquote::before {
    content: "“";
    top: -10px;
    left: 10px
}

blockquote::after {
    content: "”";
    bottom: -28px;
    right: 10px
}

.pregnancy-cretivity .blog-content ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 0;
    list-style: none
}

.contentcard .content p,
.p-blog-cat-wrapper .single-cat-box .blog-box-detail h5,
.p-blog-cat-wrapper .single-cat-box .blog-box-detail h5 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.pregnancy-cretivity .blog-content ul li {
    color: var(--ms-para);
    font-size: 20px;
    font-weight: 400;
    position: relative;
    padding-left: 32px;
    font-family: Figtree, sans-serif;
    line-height: 26px;
    margin: 0
}

.pregnancy-cretivity .blog-content ul li::before {
    content: "";
    background-image: url(../img/list-vector.svg);
    position: absolute;
    left: 0;
    top: 10px;
    width: 18px;
    height: 10px;
    background-repeat: no-repeat
}

.right-blog-box {
    position: relative;
    border-radius: 15px;
    border: 2px solid
}

.right-blog-box .contentcard {
    padding: 40px 50px
}

.pregnancy-cat-wrapper.right-blog-box .contentcard {
    background: #f3f8ff
}

.right-blog-box h4 {
    color: var(--ms-primary);
    font-size: 28px;
    font-weight: 600;
    border-bottom: 1px solid #cbd0e9;
    padding-bottom: 15px
}

.single-cat-box .blog-box-detail {
    width: calc(100% - 30%);
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px
}

.p-blog-cat-wrapper .single-cat-box .blog-box-detail h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 500;
    line-height: normal
}

.single-cat-box .blog-box-detail h5 {
    color: var(--ms-dark);
    font-size: 22px;
    font-weight: 600
}

.single-cat-box .blog-box-detail p {
    font-size: 14px;
    color: var(--ms-dark);
    font-weight: 400
}

.blog-tag span.author-name,
.blog-tag span.pink {
    color: var(--ms-blue);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.single-cat-box {
    margin-top: 20px;
    gap: 15px
}

.single-cat-box a {
    gap: 15px;
    width: 100%
}

.single-cat-box .single-right-blog-img {
    width: 30%;
    height: auto
}

.single-cat-box .single-right-blog-img img {
    height: 100%;
    width: 100%;
    border-radius: 15px
}

.blog-cat-wrapper {
    background: #fdfaf4
}

.p-blog-cat-wrapper .contentcard {
    background-color: #fdf2f8
}

.p-blog-cat-wrapper .single-cat-box .blog-box-detail h5 a {
    font-size: 14px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    margin-bottom: 0
}

.p-blog-cat-wrapper .single-cat-box {
    background: var(--ms-white);
    border-radius: 12px
}

.blog-tag {
    display: flex;
    gap: 10px;
    margin-bottom: 5px
}

.blog-tag span.pink {
    background: #fff;
    width: -moz-fit-content;
    width: fit-content;
    border: 1px solid var(--ms-blue)
}

.blog-tag span {
    font-size: 10px;
    padding: 5px 11px;
    font-weight: 500;
    border-radius: 100px
}

.blog-tag span.author-name {
    background: rgb(10 74 155 / .1);
    width: fit-content
}

.p-blog-cat-wrapper .single-cat-box .single-right-blog-img img {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
    height: 80px
}

.right-box-4 .right-box-4-content {
    position: absolute;
    top: 40px;
    left: 40px
}

.right-box-4 .right-box-4-content h5 {
    font-size: 30px;
    font-weight: 600;
    color: var(--ms-dark);
    max-width: 387px;
    margin-bottom: 20px
}

.right-guide-card.right-blog-box .contentcard {
    padding: 0;
    overflow: hidden
}

.right-guide-card.right-blog-box .contentcard h3,
.unicharm-corporation-content p span strong {
    font-weight: 600
}

.contentcard .content p {
    color: var(--ms-dark);
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px
}

.general-support .profile-name,
.hospital-bag.mamypoko-cardss .parenthood-content a {
    width: auto
}

.blog-bubbles .list-bubble ul {
    padding: 0;
    list-style: none;
    display: inline-flex;
    margin: 15px 0 10px;
    flex-wrap: wrap
}

.blog-bubbles .list-bubble ul li {
    display: inline-flex
}

.blog-bubbles .list-bubble ul li a {
    margin: 0 10px 0 0;
    border: 1px solid var(--ms-primary);
    border-radius: 25px;
    padding: 10px 18px;
    width: 100%;
    max-width: -moz-fit-content;
    max-width: fit-content;
    color: var(--ms-primary);
    font-size: 16px;
    font-weight: 500
}

.personal-guide-card.blogs-cards .contentcard img {
    margin-left: auto;
    text-align: right;
    width: 100%;
    max-width: 250px;
    float: unset;
    position: relative;
    bottom: 10px;
    display: flex
}

.personal-guide-card.blogs-cards .contentcard span img {
    text-align: left;
    margin: unset;
    bottom: 0;
    display: unset;
    width: 100%;
    max-width: 160px;
    margin-top: 10px
}

.personal-guide-card.blogs-cards .contentcard {
    background: #fff0e5;
    min-height: auto
}

.personal-guide-card.blog-details .contentcard .content h3,
.personal-guide-card.blogs-cards .contentcard .content h3 {
    font-size: 30px;
    font-weight: 600
}

.pregnancy-blog-details {
    padding-top: 15px
}

.personal-guide-card.blog-details .contentcard .content {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 400px
}

.about-uncharm-section {
    padding: var(--desktoppadding);
    width: 100%;
    height: auto
}

.about-uncharm-section .heading-component,
.next-step-cards.result-step {
    max-width: 700px
}

.unicharm-content h5 {
    color: var(--ms-dark);
    font-size: 28px;
    font-weight: 700;
    line-height: 26px;
    text-align: center
}

.about-unicharm {
    display: flex;
    gap: 30px;
    justify-content: center
}

.about-unicharm .unicharm-charm h4 {
    color: #ffb001;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    margin: 0
}

.about-unicharm .unicharm-charm {
    padding: 49px 34px;
    width: 100%;
    max-width: 333.667px;
    background-color: #faf7f3;
    border: 2px solid #eed5a8;
    border-radius: 15px;
    margin-top: 40px;
    display: flex;
    align-items: center
}

.about-unicharm .unicharm-charm:nth-child(2) {
    background: #fef8f6;
    border: 2px solid #f4bda5
}

.about-unicharm .unicharm-charm:nth-child(3) {
    background: #f2f4f7;
    border: 2px solid #afc2d9
}

.about-unicharm .unicharm-charm:nth-child(2) h4 {
    color: #ff7900
}

.strength-found {
    margin: var(--desktoppadding);
    position: relative;
    overflow: hidden
}

.strength-found-para h5 {
    color: var(--ms-dark);
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    line-height: 52px;
    margin: 0
}

.strength-found .strength-found-para {
    position: absolute;
    max-width: 1200px;
    top: 108px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 1
}

.strength-found:after,
.strength-found:before {
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 437px;
    content: "";
    height: 100%
}

.strength-found:before {
    background: linear-gradient(92deg, #fff 55.2%, #fff0 98.39%);
    left: 0
}

.strength-found:after {
    background: linear-gradient(270deg, #fff 55.2%, #fff0 98.39%);
    right: 0
}

.corporate-philosphy {
    width: 100%;
    max-width: 1536px;
    margin: 0 auto
}

.corporate-philosphy .heading-component p {
    color: var(--ms-dark);
    font-size: 28px;
    font-weight: 600;
    line-height: 26px
}

.coporate-pholophy-content h3 {
    color: var(--ms-primary);
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    margin: 0
}

.coporate-pholophy-content p,
.unicharm-corporation-content p {
    color: var(--ms-dark);
    font-size: 24px;
    font-weight: 400;
    font-family: Quicksand, sans-serif
}

.coporate-pholophy-content {
    width: 100%;
    max-width: 580px
}

.coporate-pholophy-content p {
    line-height: 40px;
    padding-top: 30px
}

.unicharm-corporation {
    width: 100%;
    margin-top: 50px;
    position: relative;
    margin-bottom: -142px
}

.unicharm-corporation-content p {
    line-height: 40px
}

.unicharm-corporation-content {
    width: 100%;
    max-width: 541px;
    margin-top: 0;
    position: absolute;
    left: 228px;
    top: 320px
}

.unicharm-corporation .heading-component h3 {
    color: var(--ms-primary);
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px
}

.unicharm-corporation .heading-component {
    width: 100%;
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    max-width: 1300px
}

.unicharm-logo img {
    width: 100%;
    max-width: 360px
}

.unicharm-corporation .divider-banner {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1
}

.preemie-unicharm-banner .custome-banner-content .title-xl {
    color: var(--ms-primary);
    margin: 0;
    padding-bottom: 10px
}

.preemie-unicharm-banner .custome-banner-content h2 {
    color: var(--ms-dark);
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 56px;
    margin: 0
}

.preemie-unicharm-banner .custome-banner-content p {
    color: var(--ms-dark);
    text-align: center;
    font-family: Quicksand, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px
}

.momcorner-content.special-care .mamy-semi-heading {
    color: var(--ms-primary);
    font-size: 52px;
    font-weight: 700;
    line-height: 56px
}

.momcorner-content.special-care .mamy-semi-heading span {
    color: var(--ms-primary);
    font-size: 32px;
    font-weight: 500;
    line-height: 56px
}

.momcorner-content.special-care p {
    color: var(--ms-dark);
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    padding-top: 30px
}

.mom-corner.special-care-diapers {
    background-color: var(--ms-white);
    padding-top: 110px
}

.custome-banner.extaabzorbbanner.preemie {
    margin: 0;
    background-color: var(--skyblue1);
    padding: 100px 0 40px !important
}

.preemie-diaper-gif {
    width: 280px;
    height: 280px;
    margin-left: auto;
    margin-top: 25px
}

.fetures-preemie .features-img {
    position: relative;
    display: flex;
    align-items: center
}

.fetures-preemie .features-img img {
    width: 100%;
    max-width: 260px;
    height: auto;
    position: relative;
    z-index: 1;
    background-color: #fff;
    aspect-ratio: 8/8;
    object-fit: contain
}

.fetures-preemie .features-img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    border: 3px solid #fff0;
    background: linear-gradient(90deg, #e7c945, #aa7b15) border-box;
    margin: -2px
}

.features-extra-absorb.fetures-preemie {
    padding: var(--desktoppadding);
    padding-bottom: 5px
}

.fetures-preemie .parenthood-gif {
    width: 290px;
    left: 20px;
    bottom: 0
}

.fetures-preemie .rainbow-preemie {
    position: absolute;
    left: -100px;
    top: -125px;
    width: 350px
}

.preemie-diaper .mamypoko-pants-card .pants-mamy-content p {
    text-align: center;
    font-family: Quicksand, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: normal
}

.ballon-star {
    position: absolute;
    right: 0;
    top: -65px;
    width: 100%;
    max-width: 300px
}

.strength-found.where-to-buy {
    height: auto;
    margin: -97px 0 0;
    background: #fffaf4;
    padding: 150px 0;
    overflow: unset
}

.where-to-buy .strength-found-para h4 {
    color: var(--ms-primary);
    text-align: center;
    font-size: 52px;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 30px
}

.where-to-buy .strength-found-para p {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    color: var(--ms-dark)
}

.where-to-buy .strength-found-para {
    position: absolute;
    z-index: 1;
    left: 200px;
    top: 120px
}

.strength-para {
    position: absolute;
    right: 135px;
    top: -60px;
    width: 250px;
    max-width: 160px
}

.ballon-start,
.preemie-star {
    right: 100px;
    position: absolute
}

.strength-para img {
    width: 100%;
    margin-left: auto;
    position: relative;
    left: 200px
}

.where-to-buy-sun {
    position: absolute;
    width: 100%;
    max-width: 140px;
    top: -69px;
    left: -100px
}

.ballon-start {
    z-index: 2;
    width: 232.614px;
    height: 146.079px;
    bottom: -27px;
    rotate: 29deg
}

.preemie-star {
    z-index: 1;
    bottom: -100px;
    width: 270px;
    height: auto
}

.special-care-diapers .care-diapers {
    position: absolute;
    right: 100px;
    top: 100px;
    width: 130px;
    height: auto
}

.strengeth-found-buy {
    position: absolute;
    right: unset;
    top: 155px;
    width: 250px;
    height: auto;
    left: -70px;
    margin: 0 auto
}

.momcorner-content.special-care {
    position: unset
}

.strength-found.where-to-buy:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(92deg, #fffaf4 55.2%, #fff0 98.39%);
    max-width: 437px;
    top: 0;
    left: 0
}

.strength-found.where-to-buy:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, #fffaf4 55.2%, #fff0 98.39%);
    max-width: 437px;
    top: 0;
    right: 0
}

.about-mamy-img span,
.blogs-cards .contentcard.third.dark .content,
.custome-banner.babyImg-page-banner,
.mamypoko-pants.preemie-diapers .mom-curve,
.mom-corner-curve.babyImg-mom,
.parenthood-card .col-lg-4:nth-child(3) .contentcard.third.dark .content {
    position: relative;
    z-index: 2
}

.mom-corner-curve.infanr,
.mom-corner-curve.newborn,
.mom-corner-curve.toddler {
    margin-top: -110px;
    z-index: 3;
    position: relative
}

.bg-light-pink {
    background: #fffaf4;
    margin-bottom: -117px;
    padding-bottom: 220px !important
}

.did-know-section.newborn {
    width: 100%;
    max-width: 1300px
}

.hospital-bag.mamypoko-cardss .parenthood-content,
.hospital-banner .custome-banner-content,
.newborn .did-know-content {
    width: 100%;
    max-width: 600px
}

.mamypoko-essentials.newborn-baby .essential-content,
.pregnancy-tracker.analyse-body.anayse-progress .next-step-cards,
.pregnancy-tracker.analyse-body.anayse-progress .next-step-cards.card-data-show {
    max-width: 800px
}

.mamypoko-essentials.newborn-baby .essential-content .mamypoko-essentials-heading p {
    font-size: 52px;
    font-weight: 600;
    line-height: 70px;
    color: #1a1a1a;
    font-family: Quicksand, sans-serif
}

.mamypoko-essentials.newborn-baby .essential-content .btn-primary {
    min-width: auto
}

.newborn-page .parenthood-brand-card .parenthood-content {
    width: 100%;
    max-width: 280px;
    padding: 20px 28px
}

.parenthood-journey.infant-page .col-lg-4:nth-child(2) .parenthood-content .btn,
.parenthood-journey.newborn-page .col-lg-4:nth-child(2) .parenthood-content .btn,
.parenthood-journey.toddler-page .col-lg-4:nth-child(2) .parenthood-content .btn {
    background-color: #d6006d !important
}

.pregnancy_Videos .heading-title {
    margin-bottom: 10px !important
}

.did-know-section.newborn .swiper-horizontal {
    padding-bottom: 40px
}

.did-know-section.newborn .swiper-horizontal span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #2e3192 !important
}

.did-know-section.newborn .swiper-horizontal .swiper-pagination-bullet {
    background: #fff !important;
    border: 1px solid #2e3192
}

.mamypoko-essentials.newborn-baby .essential-content .essentials-bg-img {
    top: 35px;
    left: 480px
}

.parenthood-journey.infant-page .col-lg-4:nth-child(3) .parenthood-content .btn,
.parenthood-journey.toddler-page .col-lg-4:nth-child(3) .parenthood-content .btn {
    background-color: #f7941d !important
}

.infant-page .parenthood-brand-card .parenthood-content,
.toddler-page .parenthood-brand-card .parenthood-content {
    width: 100%;
    padding: 20px 28px
}

.health-pregnancy.newborn_card.toddler .heading-component .heading-title span,
.health-pregnancy.toddler_card .heading-component .heading-title span,
.toddlers-blog-banner .custome-banner-content .title-xl {
    color: #00aeef
}

.parenthood-journey.toddler-page .col-lg-4:nth-child(4) .parenthood-content .btn {
    background-color: var(--ms-toddlr) !important
}

.personal-guide .nav.nav-tabs li .nav-link .tabs-sec {
    display: flex;
    gap: 10px;
    align-items: center;
    background-color: #fff;
    z-index: 1;
    position: relative;
    border-radius: 100px;
    padding: 5px 8px
}

.personal-guide .nav.nav-tabs li .nav-link.active .tabs-sec {
    background: var(--skyblue2)
}

.card-content-mamies.tracker ul .active-btn span,
.card-content-mamies.tracker ul button span,
.contain-absorb-modal.video .modal-dialog .modal-body,
.mamypoko-post .product-world-wrapper,
.personal-guide .nav.nav-tabs li .nav-link .tabs-sec span,
.pregnancy-tracker-slider,
.pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs li .nav-link,
.profile-managements .latest-news-cards.popular-blogs,
.profile-managements .latest-news-cards.popular-blogs .swiper {
    padding: 0
}

.custome-banner.prgenancy-blog-banner .custome-banner-content {
    text-align: left !important;
    margin-top: 25px
}

.newborn-blog-banner .custome-banner-content {
    text-align: left !important;
    margin-top: 35px
}

.blog-card-img img {
    height: 100%;
    object-fit: cover;
    border-radius: 16px 0 0 16px
}

.infanr-blog-banner .custome-banner-content {
    text-align: left !important;
    margin-top: 40px
}

.toddlers-blog-banner .custome-banner-content {
    text-align: left !important;
    margin-top: 13px
}

.hospital-banner .custome-banner-content .title-xl {
    text-align: left;
    font-size: 55px;
    color: var(--ms-blue);
    font-weight: 700;
    padding-bottom: 10px
}

.hospital-banner .custome-banner-content h5 {
    font-size: 25px
}

.mammies-images {
    width: 450px;
    max-width: 380px;
    text-align: center
}

.mammies-content h2 {
    color: var(--ms-primary);
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    line-height: 64px
}

.mammies-content p {
    color: var(--ms-dark);
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    text-align: center
}

.not-data h5,
.not-found h1,
.pack-bag-list h2 {
    color: var(--ms-primary)
}

.mammies-balon {
    width: 240px;
    max-width: 150px;
    margin-left: 50px;
    margin-top: -25px
}

.pack-bag-list h2 {
    font-size: 52px;
    font-weight: 700;
    line-height: 64px
}

.pack-bag-list ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 0;
    padding: 0;
    list-style: none
}

.pack-bag-img img {
    width: 100%;
    max-width: 650px
}

.personal-guide.hospital-card {
    max-width: 1340px
}

.hospital-explore .heading-component {
    max-width: 1150px
}

.pack-bag {
    max-width: 100%;
    margin: 0 auto;
    position: relative
}

.hospital-ready-page {
    margin: 0;
    padding: var(--desktoppadding);
    background: var(--skyblue1)
}

.start-hospital {
    width: 140px;
    position: absolute;
    right: 100px;
    top: -118px;
    transform: scaleX(-1)
}

.product_card-ab-hsorty {
    position: absolute;
    right: -170px;
    bottom: 0;
    width: 110px
}

.hospital-ready-video,
.pregnancy-video-tracker {
    background-color: var(--skyblue1)
}

.button-number.hospital {
    text-align: right;
    margin-top: -59px;
    margin-right: 223px
}

.searchbar-popup {
    position: absolute;
    right: 80px;
    top: 75px;
    background: #fff;
    width: 100%;
    max-width: 400px;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / .1)
}

.faq-main-wrapper,
.search-page {
    background-color: var(--skyblue1)
}

.searchbar-popup .searchicon {
    position: absolute;
    right: 10px;
    top: 8px;
    max-width: 15px
}

.searchbar-popup .form-control {
    border: 1px solid #c9c9e3;
    height: 45px;
    border-radius: 15px;
    padding: 0 40px 0 20px
}

.contain-absorb-modal.video .modal-dialog {
    max-width: 800px;
    margin: 0 auto
}

.contain-absorb-modal.video .modal-dialog .modal-header {
    position: absolute;
    z-index: 9;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #fff;
    text-align: center;
    margin: -25px auto 0;
    padding: 0
}

.contain-absorb-modal.video .modal-dialog .modal-header .btn-close {
    padding: 0;
    text-align: center;
    margin: 0 auto
}

.contain-absorb-modal.video .modal-dialog .modal-body iframe {
    height: 400px
}

.not-data {
    padding: 100px 0;
    text-align: center
}

.not-data h5 {
    font-weight: 600;
    font-size: 30px
}

.faq-main-wrapper {
    margin-top: -75px;
    padding: 120px 0 30px;
    position: relative
}

.faq-banner {
    z-index: 2
}

.pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs li .nav-link .tabs-sec {
    padding: 15px 20px;
    border-radius: 40px;
    position: relative;
    background-color: #fff0
}

.pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs li .nav-link.active .tabs-sec {
    background: #e6edf5
}

.pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs {
    max-width: 870px;
    border-radius: 100px
}

.pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs li .nav-link.active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, #e7c945, #aa7b15) border-box;
    border: 3px solid #fff0;
    height: auto;
    border-radius: 40px
}

.mamypoko-video .pregnancy-announcement .col-lg-3:first-child {
    flex: 0 0 50%;
    width: 50%
}

.mamypoko-video .pregnancy-announcement .col-lg-3:first-child .mamypokovideo-card .swiperBoxContent .boxContentImg img {
    max-width: 300px;
    aspect-ratio: 8/8
}

.not-found {
    padding: 80px 0;
    margin-top: 80px
}

.not-found h1 {
    text-align: center;
    font-size: 56px;
    font-weight: 900
}

.not-found h2 {
    font-size: 40px;
    text-align: center
}

.not-found p {
    text-align: center;
    font-size: 18px
}

.sitemap-toggle {
    max-width: 1190px;
    margin: 0 auto;
    width: 100%;
    padding: 60px 0 40px;
    position: relative
}

.list-sitemap p a {
    font-size: 18px;
    color: var(--ms-dark);
    font-weight: 600;
    padding: 10px;
    border: 1px solid #dbdbdb;
    margin: 0 0 15px;
    width: 100%;
    border-radius: 5px
}

.sitemap-toggle .terms-condion-icon3 {
    top: unset;
    bottom: 50px
}

.list-sitemap .accordion button.accordion-button.collapsed {
    padding: 15px 10px;
    font-size: 18px;
    color: var(--ms-dark);
    font-weight: 700;
    border: 0
}

.list-sitemap .accordion {
    margin: 0 0 15px
}

.list-sitemap button.accordion-button {
    padding: 15px 10px;
    font-size: 18px;
    color: var(--ms-dark);
    font-weight: 600;
    border: 0
}

.donts-list,
.dos-list,
.sitemap-lisitng ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.sitemap-lisitng ul li a {
    font-size: 16px;
    color: var(--ms-dark);
    font-weight: 600;
    padding: 5px 0
}

.sitemap-lisitng ul li:first-child a {
    color: var(--ms-primary);
    font-weight: 700;
    font-size: 18px
}

.list-sitemap.product .sitemap-lisitng ul li a {
    color: var(--ms-dark);
    font-weight: 600;
    font-size: 16px
}

.search-page {
    padding: 150px 0;
    width: 100%;
    margin: 0 0 -112px
}

.search-page .single-faq-box {
    border-radius: 15px;
    border: 2px solid #d59725;
    padding: 20px 40px;
    max-width: 1195px;
    margin: 0 auto 20px
}

.search-page .single-faq-box h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--ms-primary);
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.profile-name h6,
.search-page .single-faq-box p {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.search-page .single-faq-box p {
    color: var(--ms-dark);
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box
}

.search-page .single-faq-box a {
    display: flex;
    gap: 15px
}

.search-page .single-faq-box .content-img {
    width: 100%;
    max-width: 10%
}

.search-page .single-faq-box .content-result {
    width: 100%;
    max-width: 90%
}

.result-heading {
    padding-bottom: 10px
}

.pagination-list ul.pagination {
    justify-content: center;
    margin-top: 25px
}

.pagination-list ul.pagination .page-item.active span {
    color: #fff;
    background-color: var(--ms-primary);
    border-color: var(--ms-primary);
    font-size: 16px
}

.pagination-list ul.pagination .page-item span {
    color: #000;
    background-color: #fff;
    border-color: var(--ms-primary);
    font-size: 16px
}

.pagination-list ul.pagination .page-item a {
    font-size: 16px;
    color: var(--ms-primary)
}

.search-page .single-faq-box .content-result h5 {
    display: flex;
    color: var(--ms-primary);
    padding-top: 10px;
    cursor: pointer;
    font-size: 16px;
    gap: 5px
}

.search-page .single-faq-box .content-result h5 span img {
    width: 100%;
    max-width: 11px
}

.video-cta a.btn {
    padding: 0 40px 0 20px;
    min-width: auto
}

.explore-more-btn {
    cursor: pointer;
    font-size: 18px;
    padding-top: 5px;
    display: block
}

.search-page .pokochan-faq-card {
    flex-direction: column;
    position: relative
}

.list-url ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0;
    list-style: none
}

.list-url ul li {
    font-size: 18px;
    font-weight: 400;
    color: var(--ms-dark);
    position: relative;
    padding-left: 32px;
    margin: 2px 0
}

.list-url ul li a {
    color: var(--ms-dark);
    position: relative;
    z-index: 2
}

.review-btn.product button.btn.btn-circle.left {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: -43px
}

.review-btn.product button.btn.btn-circle.right {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    right: -95px
}

.productnot-available {
    width: 100%;
    padding: 100px;
    text-align: center
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .3 !important
}

.select-dropdown .css-1nmdiq5-menu {
    min-width: 190px
}

button.readmore-less {
    border: 0;
    background-color: #fff0;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    z-index: 5
}

.tab-swiper-box .product-content .rating svg {
    width: 16px
}

svg.svg-inline--fa.fa-star {
    width: 18px
}

.product-world-wrapper .tab-swiper-slider p {
    text-align: center;
    padding: 36px 0;
    margin: 0
}

.blog-content ol li,
.blog-content ul li {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    color: var(--ms-para);
    margin: 0;
    padding-bottom: 5px
}

.pregnancy-tracker {
    padding: 180px 0;
    width: 100%;
    position: relative;
    background-image: url(../img/tracker-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
    margin-bottom: -110px;
    margin-top: -120px
}

.pregnancy-tracker img.banner-img {
    position: absolute;
    top: 0;
    z-index: -2;
    width: 100%;
    height: auto;
    margin-top: -180px
}

.pregnancy-faq {
    width: 100%;
    padding: 30px 0 180px;
    margin-bottom: -100px;
    position: relative;
    background-color: #f3f8ff
}

.pregnancy-faq-card {
    width: 100%;
    max-width: 1000px;
    padding: 10px;
    margin: 0 auto
}

.pregnancy-faq-card h2 button.accordion-button {
    color: var(--ms-primary);
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    padding: 25px 15px
}

.pregnancy-faq-card .accordion-body p {
    margin: 0;
    color: var(--ms-dark);
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    font-family: Quicksand, sans-serif
}

.pregnancy-faq-card .accordion-item {
    margin-bottom: 25px;
    border: 2px solid #d59725;
    border-radius: 15px;
    background-color: #faf7f3
}

.pregnancy-faq-card .accordion-item .accordion-button {
    background: 0 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.rainbow-cloud.expert-what {
    bottom: 20%;
    top: unset;
    max-width: 160px
}

.pregnancy-faq-card .accordion-item .accordion-button::after {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / .1);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    text-align: center;
    background-size: 1.3rem;
    background-position: center
}

.analyse-progress .nav.nav-tabs li.nav-item .nav-link.active:before,
.days-select .dayselct.active:before {
    top: 0;
    bottom: 0;
    background: linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    content: ""
}

.pregnancy-faq.pokochan-faq .parenthood-gif {
    width: 250px;
    bottom: 200px
}

.radio-btn .hobbies-icon h3 {
    color: #1a1a1a;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.cursor.text-success svg,
.custom-radio input:checked+.radio-btn .hobbies-icon h3,
.input-series h4 a,
.mamypost-contnet p span,
.profile-managements svg.svg-inline--fa.fa-eye.fa-xs,
.reseal-content1,
.tracker-thanks h2 {
    color: var(--ms-primary)
}

.card-content-mamies-world span img,
.main-container {
    width: 100%;
    height: auto
}

.main-container h2 {
    margin: 0 0 80px;
    color: #555;
    font-size: 30px;
    font-weight: 300
}

.radio-buttons {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    max-width: 1100px
}

.radio-btn {
    margin: 10px;
    width: 200px;
    height: 160px;
    border: 2px solid #fff0;
    display: inline-block;
    border-radius: 10px;
    position: relative;
    text-align: center;
    cursor: pointer;
    background-color: #e7edf4
}

.radio-btn>i {
    color: #fff;
    background-color: #ffdae9;
    font-size: 20px;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%) scale(2);
    border-radius: 50px;
    padding: 3px;
    transition: .5s;
    pointer-events: none;
    opacity: 0
}

.next-step-cards form h5,
.tracker-component h3 {
    color: var(--ms-dark);
    font-weight: 600;
    margin-bottom: 30px;
    font-style: normal;
    text-align: center
}

.radio-btn .hobbies-icon {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.radio-btn .hobbies-icon img {
    display: block;
    width: 100%;
    max-width: 110px;
    aspect-ratio: 8/6.5;
    object-fit: contain;
    margin: 0 auto 15px
}

.radio-btn .hobbies-icon i {
    color: #ffdae9;
    line-height: 80px;
    font-size: 60px
}

.custom-radio input:checked+.radio-btn {
    position: relative;
    background-color: #dee4eb;
    border: 2px solid var(--ms-golden)
}

.custom-radio input:checked+.radio-btn>i {
    opacity: 1;
    transform: translateX(-50%) scale(1)
}

.next-step-cards {
    text-align: center;
    width: 100%;
    max-width: 800px;
    margin: 0 auto
}

.btn.btn-primary.next-btn {
    padding: 0 85px 0 25px;
    min-width: auto
}

.tracker-component h3 {
    font-size: 30px;
    line-height: normal
}

.next-step-cards .otp-field input {
    border-radius: 10px;
    padding: 18px 30px
}

.next-step-cards input {
    width: 100%;
    border-radius: 15px;
    border: 1px solid var(--ms-primary);
    background: #fff;
    padding: 15px 20px;
    font-size: 25px
}

.input-series select,
.input-series select.custom_select {
    color: var(--ms-para);
    background-image: url(../img/down-arrow.svg)
}

.next-step-cards form h5 {
    font-size: 34px;
    line-height: normal
}

.btn-primary.previews-btn {
    background-color: #fff;
    color: var(--ms-primary);
    min-width: auto;
    padding: 0 25px 0 60px
}

.btn-primary.previews-btn:after {
    left: 18px;
    right: unset;
    color: var(--ms-primary);
    filter: sepia(100%) hue-rotate(190deg) saturate(500%);
    background-image: url(../img/blue-rectangle.png);
    transition-duration: .4s
}

.tracker-btn {
    margin-top: 60px;
    gap: 30px !important
}

.input-series .calender-ico.input-ico {
    max-width: 50px;
    top: 50%;
    position: absolute;
    right: 0;
    width: 100%;
    transform: translateY(-50%)
}

.input-series .calender-ico.input-ico img {
    max-width: 40px;
    top: -22px
}

.input-series select {
    padding: 15px 11px 15px 5px;
    width: 180px;
    min-height: 68px;
    border: 0;
    font-size: 24px;
    border: 1px solid var(--ms-primary);
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    font-weight: 700;
    background-size: .8rem
}

select.form-select.form-control-width {
    border-radius: 15px;
    padding: 0 15px
}

.baby-tracker-model .next-step-cards .input-series .select-option input,
.custome_age-file .form-control,
.input-series .select-option input,
.input-series-mamy-group .form-control,
.next-step-cards.comunity-tracker-text .select-option input,
.profile-form input.form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.next-step-cards form h5 label {
    width: 100%;
    text-align: left;
    font-weight: 600;
    padding-left: 15px;
    font-size: 16px
}

.days-select {
    display: flex;
    gap: 25px;
    justify-content: center;
    margin-top: 18px
}

.days-select .dayselct.active:before {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 0;
    margin: 7px;
    border-radius: 10px
}

.days-select .dayselct {
    padding: 10px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    position: relative;
    width: 100%;
    max-width: 152px;
    white-space: nowrap
}

.days-select .dayselct p {
    padding: 16px 30px;
    margin-bottom: 0;
    background-color: #d5dce4;
    position: relative;
    border-radius: 10px;
    max-width: 152px;
    color: var(--ms-dark);
    font-weight: 600
}

.days-select .dayselct.active {
    color: #fff;
    border-radius: 15px
}

.baby-tracker-model .next-step-cards .days-select .dayselct.active p,
.days-select .dayselct.active p,
.next-step-cards.comunity-tracker-text .form-height .days-select .dayselct.active p {
    background: var(--ms-blue);
    position: relative;
    border-radius: 10px;
    color: #fff
}

.next-step-cards .days-select label {
    color: var(--ms-dark);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.days-select .form-check .check-input {
    width: 26px;
    max-width: 26px;
    height: 26px;
    padding: 0;
    border-radius: 10px
}

.select-option.phonenumber select {
    border-radius: 15px 0 0 15px;
    font-size: 28px;
    width: 115px;
    color: var(--ms-primary);
    font-weight: 500;
    background-image: none;
    text-align: center
}

.select-option.phonenumber input {
    border-radius: 0 15px 15px 0
}

.otp-field {
    display: flex;
    justify-content: center;
    gap: 20px
}

.input-series h6 {
    color: var(--ms-primary);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 25px;
    cursor: pointer
}

.input-series h4,
.tracker-component p {
    line-height: normal;
    font-size: 20px;
    font-style: normal
}

.input-series h4 {
    color: var(--ms-dark);
    font-weight: 600;
    padding-top: 10px
}

.tracker-component p {
    color: var(--ms-para);
    font-weight: 500;
    text-align: center;
    padding: 15px 0
}

.begning-card {
    width: 100%;
    max-width: 810px;
    position: relative;
    margin: 0 auto;
    padding: 40px 60px;
    border-radius: 15px;
    border: 2px solid var(--golden-stroke, #cfa52d);
    background: rgb(213 151 37 / .1)
}

.rainbow-clouds,
.result-cards img.doll,
.tracker-icon img {
    position: absolute;
    width: 100%
}

.begning-card img {
    width: 100%;
    max-width: 60px;
    margin-bottom: 16px;
    padding-bottom: 10px
}

.begning-card h2 {
    color: var(--ms-dark);
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.begning-card a,
.begning-card h3 {
    font-family: Figtree, sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: normal
}

.begning-card h3 {
    color: var(--ms-pink);
    text-align: center;
    margin-bottom: 30px
}

.begning-card a {
    color: var(--ms-primary);
    font-size: 18px;
    text-decoration-line: underline
}

.tracker-icon img {
    max-width: 140px;
    left: 25px;
    bottom: 0
}

.result-cards img.doll {
    right: -37px;
    top: -112px;
    max-width: 200px;
    z-index: 1
}

.result-cards {
    margin-top: 120px
}

.days-select.details p img {
    width: 100%;
    max-width: 22px
}

.rainbow-clouds {
    right: 0;
    top: 20%;
    max-width: 180px
}

.pregnacy-result-show-item {
    position: relative;
    overflow: hidden
}

.progress,
.progress-bar {
    height: 9px;
    overflow: unset
}

.next-step-cards .expand-div {
    margin: 30px 0 0;
    position: relative;
    bottom: unset
}

.next-step-cards .expand-div p {
    padding: 15px 0;
    color: var(--ms-primary);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.pregnancy-timeline-content h3 {
    color: var(--ms-primary);
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.pregnancy-timeline-content h4 {
    color: var(--ms-pink);
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-top: 30px
}

.pregnancy-timeline-content p {
    color: var(--ms-dark);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.timeline-preg-list {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 20px;
    max-width: 1290px;
    margin: 0 auto 16px;
    align-items: center
}

.calender-date {
    width: 60px;
    background-color: #dfe6f5;
    text-align: center;
    padding: 9px;
    border-radius: 8px
}

.calender-date h4 {
    color: var(--ms-primary);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0
}

.calender-date h5,
.timeline-semester h4 {
    font-size: 24px;
    font-style: normal;
    margin: 0;
    line-height: normal;
    color: var(--ms-primary)
}

.calender-date h5 {
    font-weight: 500
}

.timeline-semester {
    width: calc(100% - 70px);
    border-radius: 15px;
    border: 2px solid var(--ms-pink);
    background: #f6f1f9;
    padding: 15px 25px
}

.progress,
.progress .progress-bar {
    border-radius: 0;
    position: relative
}

.timeline-semester h4 {
    font-weight: 700
}

.timeline-semester h5 {
    color: var(--ms-dark);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 10px;
    margin: 0
}

section.pregnanct-week .expand-div {
    position: relative;
    bottom: 0;
    margin-top: 60px
}

.body-data-circumtance.ideal-height,
.mom-corner.pregnant-tracking {
    background-color: var(--ms-white)
}

.next-step-cards p {
    padding-top: 0;
    padding-bottom: 15px
}

.progress-title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0 0 30px
}

.progress-bar {
    border-radius: 4px;
    display: flex;
    align-items: center;
    color: #fff
}

.progress .progress-bar {
    box-shadow: none;
    animation: 2s animate-positive;
    background-color: var(--ms-blue)
}

.progress .progress-icon,
.progress .progress-value {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 40px;
    background: #fff;
    font-size: 15px;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 0;
    margin: -2px;
    background: linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222)
}

@-webkit-keyframes animate-positive {
    0% {
        width: 0
    }
}

@keyframes animate-positive {
    0% {
        width: 0
    }
}

.progress-bar-compnent {
    max-width: 1024px;
    margin: 150px auto 100px
}

.progress-value {
    position: absolute;
    left: 0;
    top: -110px;
    width: 100%;
    max-width: 115px;
    display: flex;
    align-items: center
}

.ballon-gif,
.contact-form-sec.offer-details .form-pokochan1 {
    max-width: 250px
}

.progress-value span {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    color: #2e3192;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.analyse-progress .nav.nav-tabs li.nav-item .nav-link,
.analyse-progress .nav.nav-tabs li.nav-item .nav-link span,
.baby-name h4 {
    color: var(--ms-para);
    font-size: 20px;
    font-style: normal;
    font-family: Figtree, sans-serif
}

.ballon-gif {
    width: 100%;
    position: absolute;
    left: -30px;
    bottom: 250px
}

.flower-gif {
    position: absolute;
    right: 70px;
    bottom: 350px;
    width: 100%;
    max-width: 150px
}

.ballon-gif2 {
    position: absolute;
    top: 50px;
    left: 70px;
    bottom: 70px;
    width: 180px;
    height: auto;
    z-index: 2
}

.heart-pink {
    position: absolute;
    right: -200px;
    top: 300px;
    width: 565px;
    max-width: 480px;
    transform: rotate(344deg)
}

.moon-star-gif {
    position: absolute;
    right: 97px;
    top: -100px;
    width: 100%;
    max-width: 180px
}

.contact-form-sec.offer-details {
    padding: 100px 0;
    margin-top: 10px
}

.input-series .react-datepicker select {
    width: 120px;
    min-height: auto;
    padding: 6px 10px;
    font-size: 16px;
    margin-top: 9px;
    border-radius: 5px;
    height: 40px
}

.days-select.details {
    display: flex;
    gap: 25px;
    max-width: 689px;
    margin: 8px auto 0;
    justify-content: center
}

.days-select.details p {
    margin: 0;
    text-align: left;
    background: #d5dce4;
    padding: 10px 12px;
    border-radius: 10px;
    width: 100%;
    max-width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px
}

.next-step-cards.big-cards .tracker-btn {
    margin-top: 40.9px
}

.next-step-cards.mobile-cards .tracker-btn {
    margin-top: 164px
}

.baby-name h4 {
    text-align: left;
    font-weight: 700;
    line-height: 16px;
    margin: 0;
    padding-top: 10px
}

.baby-name h4 span {
    color: #2e3192;
    font-style: normal;
    font-weight: 700;
    line-height: 16px
}

.analyse-progress .nav.nav-tabs {
    border-radius: 100px;
    background: #fff;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / .1);
    width: 715px;
    padding: 10px;
    justify-content: center;
    margin-top: 35px;
    display: flex;
    flex-wrap: nowrap
}

.analyse-progress .nav.nav-tabs li.nav-item .nav-link.active {
    color: var(--ms-blue);
    padding: 0
}

.analyse-progress .nav.nav-tabs li.nav-item .nav-link {
    font-weight: 600;
    line-height: 16px;
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
    background: 0 0;
    position: relative;
    padding: 0
}

.analyse-progress .nav.nav-tabs li.nav-item .nav-link.active:before {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;
    margin: -2px;
    border-radius: 100px
}

.analyse-progress .nav.nav-tabs li.nav-item .nav-link.active span {
    background-color: var(--skyblue2);
    border-bottom: 3px solid #000;
    color: #000;
    z-index: 2;
    position: relative
}

.analyse-progress .nav.nav-tabs li.nav-item .nav-link span {
    font-weight: 600;
    line-height: 16px;
    display: block
}

.progress-data-cards-graphs .nav.nav-tabs {
    width: 100%;
    background-color: #fff0;
    box-shadow: unset;
    gap: 15px;
    justify-content: end;
    margin-top: 15px;
    border: 0
}

.progress-data-cards-graphs .nav.nav-tabs li .nav-link span {
    width: fit-content !important;
    padding: 14px 50px !important;
    background-color: #fff !important;
    color: var(--ms-dark) !important;
    border: 0 !important;
    margin: 0 !important;
    border-radius: 16px;
    font-size: 16px !important
}

.progress-data-cards-graphs .nav.nav-tabs li .nav-link {
    margin: 0 !important;
    border: 0 !important
}

.progress-data-cards-graphs .nav.nav-tabs li .nav-link.active span {
    background-color: #000 !important;
    color: var(--ms-white) !important;
    font-size: 14px !important
}

.progress-data-cards {
    display: flex;
    gap: 35px;
    justify-content: center;
    width: 100%;
    margin: 40px auto 0
}

.body-data-card {
    border-radius: 8px;
    border: 2px solid #fff;
    background: #efddbd;
    width: 100%;
    height: auto;
    padding: 20px
}

.body-data-circumtance,
.upcoming-vaccinations {
    position: relative;
    background-color: #f3f8ff;
    padding: 80px 0;
    width: 100%;
    height: auto
}

.body-data-card h4 {
    color: #1a1a1a;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    text-align: left
}

.body-data-card h5 {
    color: #b79a63 !important;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.data-circumtance p,
ul.mamy-list1 li {
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #1a1a1a;
    font-style: normal
}

.body-data-card img {
    padding: 5px 0;
    aspect-ratio: 8/6.5;
    object-fit: contain
}

.body-data-card:nth-child(2),
.vaccination-content .table-striped>tbody>tr:nth-of-type(odd)>* {
    background-color: #e7edf5
}

.body-data-card:nth-child(2) h5 {
    color: #3570bf !important
}

.body-data-card:nth-child(3) {
    background-color: #f4e6e0
}

.body-data-card:nth-child(3) h5 {
    color: #ba7b60 !important
}

.analyse-progress .reset-btn {
    margin-top: 80px;
    padding: 0 50px 0 25px
}

.analyse-body {
    background-image: url(../img/analyse-body.webp);
    margin-bottom: 0;
    background-position: left bottom
}

.body-data-circumtance {
    max-width: 100%;
    margin: 0 auto
}

ul.mamy-list1 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 5px 0;
    list-style: none;
    width: 100%
}

ul.mamy-list1 li {
    position: relative;
    padding-left: 32px;
    opacity: 1;
    font-family: Figtree, sans-serif
}

.data-circumtance h4 {
    padding-top: 25px;
    color: #2e3192;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px
}

.body-data-circumtance.ideal-height .data-circumtance h4 {
    margin: 0;
    padding-top: 15px
}

.body-data-circumtance.ideal-height .data-circumtance ul.mamy-list1 {
    margin-top: 10px
}

.vaccination-content h5 {
    color: #2e3192;
    font-family: Quicksand;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-align: center
}

.vaccination-content .table-card-section {
    max-width: 830px;
    width: 100%;
    margin: 50px auto 0;
    border-collapse: separate;
    border-spacing: 0
}

.vaccination-content .table thead tr th {
    background: var(--ms-blue);
    padding: 22px;
    color: #fff;
    font-family: Figtree, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px
}

.vaccination-content .table tbody tr td {
    padding: 22px;
    color: var(--ms-para);
    font-family: Figtree, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px
}

.vaccination-content tr:first-child td:first-child,
.vaccination-content tr:first-child th:first-child {
    border-top-left-radius: 10px
}

.vaccination-content tr:first-child td:last-child,
.vaccination-content tr:first-child th:last-child {
    border-top-right-radius: 10px
}

.vaccination-content tr:last-child td:first-child,
.vaccination-content tr:last-child th:first-child {
    border-bottom-left-radius: 10px
}

.vaccination-content tr:last-child td:last-child,
.vaccination-content tr:last-child th:last-child {
    border-bottom-right-radius: 10px
}

.vaccination-content tr:first-child td {
    border-top-style: solid
}

.vaccination-content tr td:first-child {
    border-left-style: solid
}

.tabel-data-pagination {
    display: flex;
    justify-content: space-between;
    max-width: 900px;
    width: 100%;
    margin: 30px auto 0;
    align-items: center
}

.tabel-data-pagination h4 {
    color: var(--ms-para);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.tabel-data-pagination h4 span {
    color: #1a1a1a;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.tabel-data-pagination ul.pagination li.page-item.active span {
    background-color: var(--ms-blue);
    border-radius: 5px
}

.modal-body .profile-social-app ul,
.tabel-data-pagination ul.pagination {
    gap: 5px
}

.tabel-data-pagination ul.pagination li.next-btn.page-item,
.tabel-data-pagination ul.pagination li.next-btn.page-item a.page-link,
.tabel-data-pagination ul.pagination li.prev-btn.page-item,
.tabel-data-pagination ul.pagination li.prev-btn.page-item a.page-link {
    border: 0;
    background-color: #fff0
}

.tabel-data-pagination ul.pagination li.prev-btn.page-item a.page-link span {
    font-size: 40px;
    height: auto;
    position: absolute;
    left: 0;
    top: -12px
}

.tabel-data-pagination ul.pagination li.next-btn.page-item a.page-link span {
    font-size: 40px;
    height: auto;
    position: absolute;
    right: 0;
    top: -12px
}

.tabel-data-pagination ul.pagination li.page-item a {
    box-shadow: unset;
    background-color: #fff0;
    color: var(--ms-blue);
    border-radius: 5px;
    border: 1px solid var(--ms-blue)
}

.baby-growth-btn .btn {
    margin: 30px auto 0;
    display: block
}

.heart-imgs {
    position: absolute;
    top: 100px;
    left: -250px;
    width: 100%;
    height: 580px;
    max-width: 700px
}

.heart-imgs img.test-doll {
    width: 100%;
    max-width: 180px;
    position: absolute;
    top: 173px;
    right: 160px
}

.upcoming-vaccinations .parenthood-gif {
    width: 250px;
    position: absolute;
    bottom: 280px;
    right: 150px
}

.body-data-circumtance .parenthood-heart {
    position: absolute;
    right: 50px;
    width: 100%;
    max-width: 287px;
    top: -180px
}

.ballond-cloud {
    width: 150px;
    transform: scaleX(-1);
    position: absolute;
    left: -292px;
    top: 200px
}

.sun-cloud {
    position: absolute;
    right: -200px;
    width: 100%;
    max-width: 180px;
    bottom: 250px
}

.bg-ping {
    background-color: #fbf8f7;
    position: relative
}

.doll-img-tracker,
.star-gif {
    position: absolute;
    width: 100%
}

.doll-img-tracker {
    left: 0;
    bottom: 100px;
    max-width: 180px
}

.star-gif {
    right: 0;
    top: 50px;
    max-width: 130px
}

.contact-form-sec.offer-details .form-pokochan1,
.form-pokochan1 {
    position: absolute;
    top: -90px;
    right: -34px;
    width: 160px
}

.form-height {
    min-height: 350px
}

.contact-form-sec.offer-details .contactForm-wrapper {
    margin-top: 100px
}

.community-banner-form {
    height: 100vh
}

.community-banner-form .community-banner {
    padding-top: 60px;
    position: fixed;
    top: 0
}

.mamy-world-form .renderForm {
    position: absolute;
    right: 0;
    top: 195px;
    width: 100%;
    background: #fff;
    padding: 40px 36px;
    max-width: 530px;
    box-shadow: 0 10px 50px 0 rgb(0 0 0 / .1);
    border-radius: 20px;
    left: 0;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.resend-otp,
.select-option.otp {
    align-items: center;
    display: flex
}

.next-step-container {
    width: 100%;
    max-width: 400px;
    margin: 0 auto
}

.mamy-world-form .renderForm .next-step-container {
    max-width: 450px
}

.input-series-container .form-control {
    border: 1px solid silver;
    border-radius: 8px;
    padding: 0 15px;
    width: 100%;
    font-size: 16px;
    font-weight: 500
}

.input-series-container .form-select {
    border: 1px solid silver;
    color: var(--ms-para);
    background-size: .8rem;
    background-image: url(../img/down-arrow.svg)
}

.next-step-container .next-step-cards h5 {
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    color: var(--ms-primary);
    margin-bottom: 5px
}

.btn-container {
    padding: 30px 0 15px;
    width: 100%
}

.next-btn-container {
    width: 100%;
    text-align: center !important;
    border-radius: 5px !important
}

.input-series-container {
    padding: 15px 0
}

.login-heading p {
    text-align: center;
    font-weight: 500
}

.select-option.otp {
    gap: 12px;
    justify-content: center
}

.select-option.otp input[type=text] {
    width: 100%;
    height: auto;
    max-width: 70px;
    min-height: 60px;
    border: 1px solid;
    text-align: center;
    opacity: 1;
    color: var(--ms-dark)
}

.resend-otp {
    gap: 8px;
    padding-top: 15px
}

.resend-otp h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
    text-align: center;
    margin: 0
}

.resend-otp h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    color: #b2b2b2;
    margin: 0;
    border-bottom: 1px solid #b2b2b2;
    cursor: pointer
}

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

.selection-group input[type=radio]:checked+label {
    background: var(--ms-primary)
}

.selection-group label {
    max-width: 200px;
    width: 200px;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    border: 1px solid var(--ms-primary)
}

.selection-group {
    display: flex;
    gap: 40px;
    align-items: center
}

.selection-group img {
    width: 100%;
    max-width: 70px
}

.selection-group label h6 {
    margin: 0;
    padding-top: 15px;
    color: var(--ms-primary);
    font-size: 18px;
    font-weight: 600;
    line-height: 25px
}

.resend-otp h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
    margin-top: 20px;
    background-color: #fff;
    margin-bottom: 0;
    width: 100%;
    position: relative
}

.resend-otp h3 span {
    color: rgb(0 0 0 / .2);
    width: 25px;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    text-align: center
}

.resend-otp h3:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 25px;
    background-color: #fff;
    z-index: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0
}

.resend-otp h3:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgb(0 0 0 / .1);
    left: 0;
    top: 12px;
    max-width: 300px;
    margin: 0 auto;
    display: block;
    right: 0;
    z-index: 0
}

.btn-container a.blue-color {
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    color: var(--ms-primary)
}

.selection-group label button {
    background-color: #fff0;
    border: 0
}

.calender-ico-container img {
    position: absolute;
    right: 5px;
    max-width: 16px !important;
    transform: translate(-50%, -50%);
    top: 50%
}

.pregnenet-container {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 15px;
    border: 1px solid;
    border-radius: 10px;
    padding: 10px 0;
    background-color: var(--ms-white);
    width: 100%
}

.pregnant-content {
    width: 100%;
    text-align: left
}

.pregnenet-container span img {
    width: 100%;
    max-width: 80px
}

.pregnant-content h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    margin: 0;
    padding-bottom: 3px;
    color: var(--ms-primary)
}

.pregnant-content p {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    margin: 0
}

span.arrow {
    width: 18px;
    margin-right: 15px
}

span.arrow img {
    width: 12px
}

.btn-previson button {
    background-color: #fff0;
    border: 0;
    position: absolute;
    left: 15px;
    top: 15px;
    width: 50px
}

.addmore-btn .pregnant-content h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 22.5px;
    text-align: left
}

.addmore-btn {
    background-color: #fff;
    width: 100%;
    padding: 15px;
    border: 1px solid var(--ms-primary)
}

.addmore-btn span.arrow img {
    filter: unset;
    width: 15px;
    opacity: 1
}

.input-series-container .select-option .form-check input {
    width: 18px;
    height: 18px;
    position: relative;
    top: 2px
}

.select-option.poko-gif:after {
    transform: translateX(70px);
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    bottom: -7px;
    width: 100%;
    max-width: 180px
}

.login-heading p a {
    font-weight: 600;
    border-bottom: 1px solid var(--ms-primary)
}

.next-step-container .pregnant-content-word .mamies-world {
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    padding-top: 10px;
    color: var(--ms-primary)
}

.next-step-container .pregnant-content-word p {
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    padding-bottom: 25px;
    margin: 0
}

.community-banner-form .product-world-gif {
    position: absolute;
    width: 220px;
    right: 60px;
    bottom: 130px;
    top: unset
}

.community-banner-form .video-gif::after,
.footer-gif::after,
.poko-gif::after {
    content: "";
    position: absolute;
    background-image: url(../img/img-bottom-shadow.svg);
    width: 100%;
    height: 57px
}

.mamies-word-wrapper {
    width: 100%;
    padding: 90px 0 50px;
    position: relative;
    background-image: url(../img/community/mamy-world-pic.jpg);
    background-attachment: fixed;
    background-size: 100%
}

.card-wrapper {
    width: 100%;
    padding: 30px 0;
    background: #fff;
    border: 2px solid #d1b951;
    border-radius: 10px;
    position: relative
}

.card-content-mamies {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 0 25px 25px;
    width: 100%
}

.card-content-mamies .profile-img {
    width: 70px
}

.card-content-mamies .profile-img img {
    width: 60px;
    height: 60px;
    border-radius: 100%
}

.profile-content-card h3 {
    color: var(--ms-primary);
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    margin: 0;
    padding-bottom: 5px
}

.profile-content-card p {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: var(--ms-para)
}

.card-content-mamies.tracker {
    padding: 0;
    margin: 0;
    border: 0
}

.card-content-mamies.tracker.dropdown-menu-mamies {
    width: 100%;
    right: 0;
    padding: 0 25px;
    margin-top: 25px
}

.dropdown-menu-mamies {
    margin-left: 15px;
    position: relative;
    right: 25px
}

.dropdown-menu-mamies ul.dropdown-menu {
    top: -28px;
    padding: 10px 15px;
    right: -5px;
    background-color: var(--skyblue1) !important;
    border-radius: 15px;
    border: 2px solid #cfa52d !important;
    width: 205px
}

.card-content-mamies.tracker ul {
    display: flex;
    list-style: none;
    justify-content: space-between;
    border: 0;
    background-color: var(--ms-white);
    width: 100%;
    max-width: 600px;
    padding: 15px;
    border-radius: 100px;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / .1)
}

.card-content-mamies.tracker ul li {
    position: relative;
    top: 3px;
    margin-bottom: 0 !important;
    padding-bottom: 0;
    width: 100%
}

.analyse-babay-timeline:last-child,
.card-content-mamies.tracker ul li:last-child,
.dropdown-menu-drod ul li:last-child,
.userdots-card ul.social-media-fs li:last-child,
ul.social-media-f li:last-child {
    border: 0
}

.card-content-mamies.bord,
.first-panel-writer,
.username-card {
    border-bottom: 1px solid
}

.card-content-mamies.tracker button {
    background-color: #fff0;
    border: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 22.5px;
    text-align: left;
    color: var(--ms-dark);
    position: relative;
    padding: 0;
    white-space: break-spaces;
    width: 100%
}

.card-content-mamies.tracker .active-btn {
    font-size: 16px;
    font-weight: 600;
    line-height: 22.5px;
    text-align: left;
    color: var(--ms-primary);
    width: 100%
}

.dropdown-menu-mamies .dropdown-toggle img.chvron,
.dropdown-menu-mamies ul.dropdown-menu img.chvron {
    width: 100%;
    max-width: 14px
}

.card-content-mamies.tracker .active-btn span {
    display: flex;
    align-items: center;
    z-index: 2;
    position: relative;
    background-color: var(--skyblue1);
    border-radius: 100px;
    padding: 5px 20px;
    justify-content: center;
    width: 100%;
    gap: 8px
}

.calender-card {
    padding: 0 12px
}

.tabs-content .card-content-mamies .profile-img {
    width: 100%;
    max-width: 100px;
    display: block
}

.tabs-content .card-content-mamies .profile-img img {
    border-radius: 0;
    max-width: 70px
}

.calender-card .profile-content-card h3 {
    color: var(--ms-pink);
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    margin: 0;
    padding-bottom: 5px
}

.calender-card .profile-content-card p {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    padding-bottom: 5px
}

.pregnancy-btn.plus .btn-primary {
    min-width: fit-content;
    background-color: var(--ms-white);
    color: var(--ms-primary);
    border: 1px solid var(--ms-primary);
    transition-duration: .4s
}

.heading-fonts {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: center;
    margin: 0;
    color: var(--ms-primary)
}

.calender-card .result-cards img.doll {
    max-width: 130px;
    right: 75px;
    top: -68px
}

.calender-card .result-cards .begning-card .calender-icon {
    margin: 0 auto;
    display: block;
    max-width: 50px
}

.calender-card .result-cards .begning-card h2 {
    font-size: 18.61px;
    font-weight: 700;
    line-height: 23.27px;
    text-align: center;
    margin-bottom: 5px
}

.calender-card .result-cards .begning-card h3 {
    font-family: Figtree, sans-serif;
    font-weight: 600;
    line-height: normal;
    text-align: left
}

.calender-card .result-cards .begning-card .tracker-icon img {
    max-width: 110px;
    bottom: -8px
}

.analyse-progress-baby .progress-bar-sytem .progress,
.analyse-progress-baby .progress-bar-sytem .progress .progress-bar,
.community-tracker .progress,
.community-tracker .progress-bar {
    height: 5px
}

.community-tracker .progress-icon {
    width: 15px !important;
    height: 15px !important;
    top: -3px !important;
    background: var(--ms-primary)
}

.community-tracker .progress-value span {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    color: #ff7a9a
}

.community-tracker .progress-bar-sytem.blue .progress-value span {
    color: var(--ms-para);
    opacity: .8
}

.community-tracker .progress-bar-sytem h5 {
    padding-top: 15px;
    text-align: center;
    color: var(--ms-primary);
    font-size: 18px;
    font-weight: 500;
    line-height: 22.5px
}

.analyse-babay-timeline .naps-card:first-child h2,
.begin-content h5 span,
.child-name,
.community-tracker .progress-bar-sytem.blue h5,
.cursor.text-primary svg {
    color: var(--ms-para)
}

.community-tracker p {
    margin: 0;
    padding-top: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left
}

.community-tracker .expand-div {
    position: relative;
    bottom: 0;
    margin-top: 50px;
    text-align: center
}

.community-tracker .expand-div img {
    width: 40px
}

.community-tracker .expand-div p {
    text-align: center;
    padding-top: 5px
}

.add-class-tracker {
    display: block;
    margin-top: 15px
}

.pregrancy-timelime h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--ms-primary)
}

.pregrancy-timelime h5 span {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    text-align: left;
    color: var(--ms-para)
}

.pregrancy-timelime p {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-align: left
}

.do-s-preganancy h4,
.timeline-tabs .calender-card h4 {
    line-height: 27.5px;
    color: var(--ms-primary);
    text-align: left
}

.timeline-tracker .card-content-mamies.tracker {
    overflow: hidden;
    border: 0
}

.timeline-tracker-list button {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap
}

.timeline-tracker {
    width: 100%;
    overflow: hidden;
    background-color: #f5f2f0
}

ul.timeline-tracker-list {
    overflow-x: auto;
    gap: 35px !important;
    overflow-y: hidden;
    background: var(--skyblue1);
    margin: 12px 20px !important;
    padding: 12px 15px !important;
    border-radius: 50px
}

ul.timeline-tracker-list button {
    font-weight: 500 !important;
    width: 165px;
    padding: 7px 25px;
    border-radius: 50px
}

ul.timeline-tracker-list .active-btn {
    font-weight: 500 !important;
    background-color: var(--ms-white) !important;
    padding: 7px 25px;
    border-radius: 50px;
    border: 1px solid var(--ms-primary) !important
}

.timeline-tabs .calender-card {
    padding: 15px 0 0
}

.timeline-tabs .calender-card h4 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 8px
}

.timeline-tabs .calender-card p {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    text-align: left
}

.do-s-preganancy img {
    width: 100%;
    border-radius: 20px;
    margin: 0 0 25px
}

.do-s-preganancy h4 {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 5px
}

.do-s-preganancy ul {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 0;
    padding: 40px 35px 30px;
    list-style: none;
    width: 100%;
    max-width: 600px
}

.do-s-preganancy ul li {
    font-size: 18px;
    color: var(--ms-dark);
    position: relative;
    padding-left: 32px;
    font-weight: 600
}

.do-s-preganancy ul li::before {
    content: "";
    background-image: url(../img/community/accept.svg);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat
}

.donts-pregnacy ul li:before {
    background-image: url(../img/community/multiply.svg);
    background-size: 21px;
    top: 2px
}

.timeline-tracker .expand-div-close img {
    width: 40px;
    margin-top: 15px
}

.profile-content-card .profile-form {
    max-width: 100%;
    width: 100%
}

.card-content-mamies.serachbar .profile-content-card .form-control {
    background: #f4f6fe;
    border-radius: 50px;
    padding: 15px 25px;
    min-height: 60px;
    border: 0;
    font-size: 18px
}

.card-content-mamies.serachbar {
    padding: 0 25px;
    border: 0;
    align-items: start
}

.profile-social-app {
    padding-top: 24px
}

.profile-social-app ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 50px
}

.profile-social-app .social-app-card span {
    width: 25px;
    max-width: 50px;
    text-align: right
}

.profile-social-app ul .social-app-card span img {
    width: 100%;
    max-width: 22px;
    border-radius: 0
}

.social-app-card.share-icon img {
    border-radius: 0;
    width: 100%;
    max-width: 21px !important
}

.first-panel-writer .profile-social-app .social-app-card span svg,
.post-icon img {
    width: 20px
}

.social-app-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 10px;
    cursor: pointer
}

.social-app-card h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    text-align: left
}

.username-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px 25px
}

.user-card-img {
    gap: 20px;
    width: 100%
}

.user-card-img span img {
    width: 50px;
    height: 50px;
    border-radius: 100%
}

.user-name h4 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 27.5px;
    text-align: left
}

.mamy-post-img {
    width: 100%;
    padding: 25px 25px 10px
}

.mamy-post-img video {
    height: 350px;
    width: 100%
}

.first-panel-writer .profile-social-app ul {
    justify-content: start;
    gap: 14px;
    padding: 0 25px
}

.first-panel-writer .profile-social-app .comm-post-share ul {
    padding: 0 !important
}

.first-panel-writer .profile-social-app .social-app-card {
    cursor: pointer;
    padding: 0
}

.baby-tracker.analyse-progress .nav.nav-tabs li.nav-item .nav-link.active span,
.first-panel-writer .profile-social-app .social-app-card:hover {
    background-color: #fff0
}

.first-panel-writer .profile-social-app .social-app-card img {
    position: relative;
    top: 0
}

.first-panel-writer .profile-social-app .social-app-card h5 {
    color: #8c8c8c
}

.first-panel-writer {
    border-top: 1px solid;
    padding: 20px 0
}

ul.social-media-f {
    width: 200px;
    position: absolute;
    right: 10px;
    padding: 0;
    margin-top: 5px;
    flex-direction: column;
    justify-content: start !important;
    display: none;
    z-index: 2;
    background-color: var(--skyblue1) !important;
    border-radius: 15px;
    border: 2px solid #cfa52d !important;
    gap: 0 !important
}

.userdots-card ul.social-media-fs li,
ul.social-media-f li {
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 500
}

ul.social-media-f a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #7f7f7f;
    width: 100%
}

.create-post h5:hover span.block-it,
.create-post h6:hover span.block-it,
ul.social-media-f.active {
    display: flex
}

.post-icon {
    width: 100%;
    height: 60px;
    background: #f4f6fe;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    max-width: 60px
}

.mamypoko-post .product-world-wrapper .swiper-button-next,
.mamypoko-post .product-world-wrapper .swiper-button-prev {
    top: 50%;
    transform: translateY(-50%)
}

ul.social-media-f li svg {
    width: 25px
}

.tracker-cycle p {
    margin: 0;
    padding-bottom: 25px
}

.next-step-cards .tracker-cycle h5 {
    margin-bottom: 30px;
    font-size: 25px
}

.baby-tracker-model .next-step-cards input,
.next-step-cards.comunity-tracker-text input {
    max-width: 100%;
    font-size: 18px;
    width: 100%;
    padding: 10px 20px;
    border-radius: 10px
}

.baby-tracker-model .next-step-cards input:focus {
    border: 1px solid var(--ms-primary)
}

.baby-tracker-model .next-step-cards {
    width: 100%;
    max-width: 580px;
    padding: 0 48px
}

.baby-tracker-model .next-step-cards .input-series select,
.next-step-cards.comunity-tracker-text .select-option .custom_select {
    min-height: auto;
    padding: 0 0 0 10px;
    font-size: 16px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-image: url(../img/down-arrow.svg)
}

.baby-tracker-model .next-step-cards .input-series .form-control-width {
    width: 100%;
    border-radius: 15px
}

.baby-tracker-model .next-step-cards .days-select .dayselct p {
    padding: 18px 25px;
    margin-bottom: 0;
    background-color: #e7edf5;
    border-radius: 10px;
    max-width: 152px;
    font-size: 16px;
    font-weight: 600;
    line-height: 12.87px;
    text-align: left;
    white-space: nowrap
}

.baby-tracker-model .next-step-cards .tracker-btn {
    margin-top: 50px;
    margin-bottom: 50px
}

.baby-tracker-model .next-step-cards .days-select.details p {
    padding: 8px 15px;
    font-size: 14px
}

.baby-tracker-model .next-step-cards .days-select.details p img,
.dropdown-alarm .dropdown-menu.show li a span img {
    width: 100%;
    max-width: 18px
}

.baby-tracker-model .next-step-cards .days-select label,
.next-step-cards.comunity-tracker-text .form-height .form-check label {
    color: var(--ms-dark);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.baby-tracker-model .next-step-cards .days-select .form-check .check-input {
    width: 20px;
    max-width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 10px
}

.baby-tracker-model .next-step-cards.dashboard {
    max-width: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

.baby-tracker-model .next-step-cards.dashboard .analyse-progress .progress-baby-tracker {
    width: 100%;
    margin: 0 auto;
    padding: 25px 0
}

.baby-tracker-model .next-step-cards.dashboard .nav.nav-tabs {
    width: 100%;
    padding: 0;
    justify-content: flex-end
}

.baby-tracker-model .next-step-cards.dashboard .analyse-progress .nav.nav-tabs li.nav-item .nav-link span {
    padding: 19px 15px;
    width: 240px;
    font-size: 18px
}

.next-step-cards.dashboard .analyse-progress .body-data-card {
    padding: 20px 12px
}

.next-step-cards.dashboard .analyse-progress .body-data-card h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 12.41px;
    text-align: left;
    text-transform: uppercase
}

.next-step-cards.dashboard .analyse-progress .body-data-card h5 {
    color: var(--ms-primary);
    font-style: normal;
    font-size: 22px;
    font-weight: 600;
    line-height: 28.8px;
    text-align: left
}

.baby-tracker-user {
    padding: 20px 30px;
    background-color: #fff;
    margin-bottom: 25px;
    border-radius: 0;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / .1)
}

.babyCheck,
.babyFeed,
.babyNap {
    border-radius: 15px
}

.baby-tracker-profile {
    display: flex;
    align-items: center;
    gap: 30px
}

.next-step-cards.dashboard .baby-tracker-user .profile-content p {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    text-align: left;
    padding-bottom: 0 !important
}

.next-step-cards.dashboard .baby-tracker-user .profile-content h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
    color: var(--ms-dark)
}

.next-step-cards.dashboard .baby-tracker-user .profile-content h5.babyName {
    background-color: #e6f6fc;
    border-radius: 25px;
    padding: 5px 15px;
    font-weight: 500
}

.babyNap {
    background-color: #e6f6fc
}

.babyFeed {
    background-color: #f9f3e6
}

.babyCheck {
    background-color: #fbe9e6
}

.next-step-cards.dashboard .baby-tracker-user .profile-content h5.babyDate {
    background-color: #f9f3e6;
    border-radius: 25px;
    padding: 5px 15px;
    font-weight: 500
}

.next-step-cards.dashboard .baby-tracker-user .profile-content h5.babyAge {
    background-color: #fbe9e6;
    border-radius: 25px;
    padding: 5px 15px;
    font-weight: 500
}

.mamyWorldBtn ul li.preLin a,
.next-step-cards.dashboard .baby-tracker-user .profile-content.date-of-birth h5,
.slider-content:nth-child(3n) .slider-content-cards h5 {
    color: #d6006d
}

.next-step-cards.dashboard .baby-tracker-user .profile-content select {
    background-color: #fff0;
    border: 0;
    width: 100px;
    background-image: url(../img/down-arrow.svg);
    transform: rotate(180deg);
    padding: 15px 11px;
    color: #fff0;
    position: absolute;
    top: -15px;
    right: 0
}

.analyse-progress-baby {
    padding: 0 15px;
    width: 100%;
    margin: 0 !important
}

.analyse-progress-baby .progress-bar-sytem h5 {
    padding-top: 15px;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    color: var(--ms-primary)
}

.analyse-progress-baby .progress-value {
    left: 0;
    right: 0;
    margin: 0 auto
}

.analyse-progress-baby .progress-bar-sytem.blue h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 22.5px;
    text-align: center;
    color: var(--ms-para)
}

.next-step-cards.dashboard .analyse-progress p {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    padding-top: 40px;
    margin: 0
}

.next-step-cards.dashboard .analyse-progress .reset-btn {
    min-width: auto;
    padding: 0 25px;
    margin: 0;
    background-color: #fff0;
    color: var(--ms-primary);
    display: flex;
    gap: 15px;
    align-items: center;
    transition-duration: .4s
}

.next-step-cards.dashboard .analyse-progress .delet-btn {
    min-width: auto;
    padding: 0 25px;
    background-color: var(--ms-white);
    border: 1px solid #d6006d;
    color: #d6006d
}

.next-step-cards.dashboard .analyse-progress .delet-btn span img {
    margin-left: 10px
}

.next-step-cards.dashboard .analyse-progress .delet-btn:hover {
    background-color: #d6006d !important;
    transition-duration: .4s
}

.next-step-cards.dashboard .analyse-progress .delet-btn:hover span img {
    margin-left: 10px;
    filter: brightness(0) invert(1);
    transition-duration: .4s
}

.analyse-progress .expand-div {
    position: relative;
    bottom: 0;
    margin-top: 50px
}

.analyse-progress .expand-div p {
    padding-top: 0 !important;
    margin: 0 !important
}

.baby-tracker-model .next-step-cards.dashboard .analyse-progress .progress-data-cards-graphs .nav.nav-tabs {
    max-width: 100%;
    background-color: #fff0;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    justify-content: end
}

.rightcard.blog-list-community,
.rightcard.blog-list-community .right-box-4 {
    background-color: var(--ms-white);
    border-radius: 15px
}

.baby-tracker-model .next-step-cards.dashboard .analyse-progress .progress-data-cards-graphs .nav.nav-tabs .nav-link span {
    width: fit-content !important;
    padding: 10px 15px !important;
    font-size: 14px
}

.baby-tracker-model .next-step-cards.dashboard .analyse-progress .progress-data-cards-graphs,
.post-timeline-modal .modal-content {
    width: 100%;
    max-width: 700px;
    margin: 0 auto
}

.baby-tracker-model .next-step-cards.dashboard .analyse-progress .progress-data-cards {
    width: 100%;
    gap: 15px;
    margin-top: 15px
}

.analy-module .heading-title {
    font-size: 26px !important;
    padding: 0 0 20px !important
}

.tracker-cycle.baby-card img {
    width: 100%;
    max-width: 100px;
    margin: 15px 0 20px;
    filter: grayscale(100%)
}

.tracker-cycle.baby-card h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 27.5px;
    text-align: center;
    color: var(--ms-para)
}

.comunity-tracker-text .main-container h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 25.64px;
    text-align: center;
    color: var(--ms-dark)
}

.comunity-tracker-text .main-container p {
    text-align: center;
    padding: 20px 0 !important
}

.comunity-tracker-text .main-container .custom-radio input:checked+.radio-btn .hobbies-icon h3,
.comunity-tracker-text .main-container .radio-btn .hobbies-icon h3 {
    font-size: 16px;
    font-weight: 500
}

.next-step-cards.comunity-tracker-text .form-height p {
    text-align: center;
    width: 100%;
    padding-bottom: 25px
}

.next-step-cards.comunity-tracker-text .form-height h5 {
    font-size: 25px;
    font-weight: 600;
    line-height: 25.64px;
    text-align: center;
    color: var(--ms-dark);
    margin-bottom: 40px
}

.next-step-cards.comunity-tracker-text form {
    width: 100%;
    max-width: 500px;
    margin: 0 auto
}

.next-step-cards.comunity-tracker-text form .input-series .calender-ico.input-ico {
    right: 0
}

.next-step-cards.comunity-tracker-text .form-height {
    min-height: 260px
}

.next-step-cards.comunity-tracker-text .form-height .days-select .dayselct p {
    padding: 16px 20px;
    margin-bottom: 0;
    background-color: #e7edf5;
    border-radius: 10px;
    max-width: 152px;
    font-size: 16px;
    font-weight: 600;
    line-height: 12.87px;
    text-align: left;
    white-space: nowrap
}

.next-step-cards.comunity-tracker-text .form-height .form-check .check-input {
    width: 100%;
    max-width: 22px;
    height: 22px;
    padding: 0;
    border-radius: 10px
}

.tracker-component.comunity-tracker-text {
    height: auto;
    padding: 0
}

.next-step-cards .progress-bar-compnent.community-tracker .filter-diapers {
    top: 0;
    position: relative;
    left: 0;
    max-width: 100%
}

.calender-card.baby-growth .btn-primary.next-btn,
.tracker-component.comunity-tracker-text .btn-primary.next-btn {
    min-width: auto;
    padding: 0 70px 0 25px
}

.tracker-component.comunity-tracker-text .btn-primary.previews-btn {
    background-color: #fff;
    color: var(--ms-primary);
    min-width: auto;
    padding: 0 20px 0 50px
}

.baby-tracker-model .next-step-cards.dashboard .analyse-progress .expand-div img {
    width: 40px;
    margin-bottom: 10px
}

.next-step-cards.comunity-tracker-text form .input-series .calender-ico.input-ico img {
    max-width: 25px;
    top: -12px
}

.next-step-cards.comunity-tracker-text .days-select {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 8px
}

.next-step-cards.comunity-tracker-text .tracker-btn {
    margin-top: 80px;
    gap: 18px !important
}

.calender-card.baby-growth .baby-tracker-model .next-step-cards .tracker-btn {
    gap: 18px !important
}

.rightcard.blog-list-community .right-box-4 ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0
}

.rightcard.blog-list-community .right-box-4 {
    padding: 15px 18px;
    margin-bottom: 20px
}

.rightcard.blog-list-community .right-box-4 ul li a {
    font-size: 18px;
    font-weight: 500;
    line-height: 22.5px;
    text-align: left;
    color: var(--ms-para)
}

.rightcard.blog-list-community .right-box-4 h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    padding-bottom: 10px;
    color: var(--ms-primary)
}

.next-step-container .select-option.poko-gif:after {
    transform: unset
}

.input-series-mamy-group .form-select {
    border: 1px solid;
    width: 145px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 22px 0 8px;
    color: var(--ms-para);
    background-size: .8rem;
    background-image: url(../img/down-arrow.svg)
}

.profile-name select {
    border: 1px solid
}

.dropdown-alarm.dropdown #dropdown-basic {
    padding: 0;
    background: 0 0;
    border: 0;
    line-height: 50px;
    min-width: auto
}

.dropdown-alarm.dropdown #dropdown-basic img {
    width: 22px;
    max-width: 20px
}

.dropdown-alarm .dropdown-menu.show {
    padding: 15px 18px;
    margin-left: -80px;
    border-radius: 10px;
    min-width: 250px;
    box-shadow: 0 4px 10px 0 #0000001a;
    border: .1px solid #00000080;
    margin-top: 8px
}

.dropdown-alarm .dropdown-menu.show h3 {
    font-size: 18px;
    margin: 0;
    padding-bottom: 12px;
    color: #2c4198
}

.navbar-link.lasticon .dropdown-alarm.nav-item.dropdown a#nav-dropdown img.profile-pic {
    position: relative;
    top: 0;
    margin-top: -5px
}

.dropdown-alarm .dropdown-menu.show li a {
    padding: 5px 2px;
    display: flex;
    gap: 10px;
    color: #2c4198;
    font-size: 16px;
    align-items: center;
    opacity: .8;
    width: 100% !important;
    max-width: 100% !important
}

.dropdown-alarm .dropdown-menu.show li a:hover,
.like-reply-card .profile-social-app ul .social-app-card:hover {
    background: 0 0
}

.baby-image-generator-tab .card-wrapper.happiedn-card .tabs-content .community-banner,
.baby-tab .card-wrapper.happiedn-card .tabs-content .community-banner,
.pregnancy-tab .card-wrapper.happiedn-card .tabs-content .community-banner {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover
}

.card-content-mamies-world {
    padding: 25px 25px 0;
    position: relative
}

.card-content-mamies-world .profile-card {
    left: 40px
}

.profile-card .heading-name {
    font-size: 28px;
    color: var(--ms-primary);
    font-weight: 600;
    line-height: normal;
    text-align: left;
    margin: 0;
    padding-bottom: 5px
}

.profile-card p {
    color: var(--ms-dark);
    line-height: 24px
}

.profile-card {
    position: absolute;
    width: 100%;
    max-width: 400px;
    top: 50%;
    transform: translate(0, -50%);
    left: 50px
}

.card-action-banner {
    margin-top: -30px;
    margin-bottom: 25px;
    position: relative
}

.card-content-mamies.tracker button span {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 10px 20px;
    width: auto;
    gap: 8px
}

.card-content-mamies.tracker button span img {
    width: 100%;
    max-width: 60px;
    border-radius: 50%
}

.begin-content a span,
.card-content-mamies.tracker button span img.chvron {
    width: 100%;
    max-width: 15px
}

.progress-bar-compnent.analyse-progress-baby {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    max-width: 100%
}

.analyse-babay-timeline {
    width: 100%;
    gap: 10px !important;
    max-width: 215px;
    margin: 0 auto 8px;
    flex-direction: column
}

.analyse-babay-timeline .naps-card {
    padding: 5px;
    width: 100%;
    min-height: 90px;
    position: relative;
    z-index: 1
}

.analyse-babay-timeline .naps-card span img,
.pregnancy-thanks .pregnancy-tracker-thanks img {
    width: 100%;
    max-width: 40px
}

.analyse-babay-timeline .naps-card h2 {
    font-size: 18px;
    padding-top: 5px;
    color: var(--ms-dark);
    font-weight: 600
}

.analyse-babay-timeline .naps-card h5 {
    font-size: 16px;
    color: var(--ms-para);
    font-weight: 600
}

.baby-tracker-model .next-step-cards.dashboard .analyse-progress .filter-diapers {
    position: relative;
    top: 0;
    right: 0;
    margin-bottom: 25px
}

.pregnant-cacr-tracler .begning-card {
    max-width: fit-content !important;
    background-color: #fff0;
    border: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: left
}

.calender-card .result-cards .begning-card h3 {
    margin: 0;
    font-size: 30px;
    padding-bottom: 5px
}

.calender-card .result-cards .begning-card h4 {
    font-size: 20px;
    padding: 2px 0;
    color: var(--ms-para)
}

.calender-card .result-cards .begning-card h5 {
    color: var(--ms-pink);
    font-size: 17px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px
}

.calender-card .result-cards .begning-card h5 a img {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 14px
}

.calender-card .result-cards .begning-card h5 a {
    display: flex;
    gap: 5px;
    line-height: normal;
    margin: 0;
    text-decoration: none;
    font-size: 16px
}

.progress-pregnancy-card {
    padding: 20px 0;
    width: 100%;
    height: auto
}

.progress-pregnancy-card h5 {
    font-size: 22px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    color: var(--ms-primary)
}

.progress-card-baby {
    gap: 24px;
    padding-top: 18px
}

.wight-h-card {
    padding: 15px 30px;
    background: #7174c6;
    border-radius: 8.67px
}

.wight-h-card p {
    color: var(--ms-white);
    font-size: 16px;
    line-height: 20px;
    padding: 0 !important
}

.progress-card-baby ul {
    justify-content: center;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 28px;
    margin-bottom: 5px;
    align-items: center
}

.progress-card-baby ul li a {
    background: var(--ms-white);
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 1px solid #7174c6;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center
}

.progress-card-baby ul li a.active-btn {
    background-color: #7174c6;
    border: 1px solid #7174c6;
    color: var(--ms-white)
}

.pregnancy-thanks {
    max-width: 650px;
    width: 100%;
    margin: 50px auto 0
}

.pregnancy-thanks span .flikring-banner {
    width: 100%;
    border-radius: 5px
}

.pregnancy-thanks .pregnancy-tracker-thanks {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%
}

.pregnancy-thanks .pregnancy-tracker-thanks h3 {
    font-size: 16px;
    padding-top: 15px;
    color: var(--ms-white);
    margin-bottom: 5px
}

.pregnancy-thanks .pregnancy-tracker-thanks h5 {
    font-size: 25px;
    color: var(--ms-white);
    padding-top: 5px
}

.pregnancy-thanks .pregnancy-tracker-thanks .tracker-result-icon img {
    right: 65px;
    max-width: 100px;
    position: absolute;
    bottom: -30px
}

.pregnancy-thanks img.doll {
    position: absolute;
    right: -25px;
    width: 100%;
    max-width: 150px;
    top: -27px
}

.pregnancy-thanks h5 {
    font-size: 26px;
    font-weight: 700;
    line-height: 32.5px;
    text-align: center;
    color: #d6006d;
    padding-bottom: 15px
}

.pregnancy-tracker-slider h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    color: var(--ms-primary)
}

.pregnancy-slider-btn img {
    width: 100%;
    max-width: 70px;
    opacity: .5
}

.pregnancy-slider {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 15px;
    margin-bottom: 20px
}

.pregnancy-slider-content {
    padding: 10px 0;
    width: 100%;
    background: #fbe5f0;
    border-radius: 50px
}

.pregnancy-slider-content h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 26.4px;
    text-align: center;
    color: #d6006d
}

.slider-content {
    display: flex;
    gap: 15px;
    align-items: start;
    margin-bottom: 20px
}

.slider-content-cards h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    text-align: left
}

.slider-content-cards p {
    padding: 8px 0 0;
    font-weight: 400;
    line-height: 24px;
    text-align: left
}

.pregnancy-tab .baby-ballons {
    position: fixed;
    left: -76px;
    top: 360px;
    width: 100%;
    max-width: 300px;
    display: block
}

.pregnancy-tab .mamy-world-icon {
    right: -62px;
    position: fixed;
    top: 180px;
    width: 100%;
    max-width: 200px;
    display: block
}

.pregnancy-tab .mamy-world-icon img,
.pregnancy-tab .parenthood-world img {
    width: 100%;
    max-width: 130px
}

.pregnancy-tab .parenthood-world {
    position: fixed;
    right: -60px;
    top: 380px;
    width: 100%;
    max-width: 200px;
    display: block
}

.baby-tab .care-diapers-world {
    position: fixed;
    top: 280px;
    width: 100%;
    max-width: 250px;
    left: 0
}

.baby-tab .care-diapers-world img {
    width: 100%;
    max-width: 150px;
    transform: scaleX(-1)
}

.baby-tab .rainbow-world {
    position: fixed;
    right: -50px;
    top: 300px;
    width: 100%;
    max-width: 200px
}

.baby-tab .rainbow-world img,
.pink-hearts img {
    width: 100%;
    max-width: 150px
}

.pink-hearts {
    position: absolute;
    top: 200px;
    left: -75px;
    width: 100%;
    max-width: 300px
}

.terms-condion-doll {
    position: absolute;
    right: 0;
    top: 170px;
    width: 100%;
    max-width: 100px
}

.profile-form .btn.btn-primary {
    min-width: auto;
    padding: 0 20px 0 40px;
    line-height: 55px
}

.profile-form .btn.btn-primary:after {
    right: 16px;
    background-image: url(../img/community/plus-icon.png);
    filter: brightness(0) invert(1);
    padding: 15px;
    background-repeat: no-repeat;
    left: 15px;
    width: 5px;
    height: 10px;
    top: 50%;
    background-size: 13px;
    transform: translate(0, -21%)
}

.post-text h5 {
    font-size: 20px;
    padding-bottom: 10px;
    color: var(--ms-dark);
    line-height: 24px
}

.pregnancy-status-tracker .personal-guide-card .contentcard {
    background-color: var(--ms-blue);
    padding: 30px 30px 0
}

.pregnancy-status-tracker .personal-guide-card .contentcard h3 {
    font-size: 25px !important;
    font-weight: 600;
    color: var(--ms-white)
}

.pregnancy-status-tracker .personal-guide-card .contentcard p {
    font-size: 18px !important;
    padding-top: 5px;
    color: var(--ms-white)
}

.pregnancy-status-tracker .personal-guide-card .contentcard .content {
    width: 100%;
    max-width: 350px
}

.pregnancy-status-tracker .personal-guide-card .contentcard video {
    position: relative;
    margin: -110px auto 0;
    max-width: 440px;
    width: 100%;
    display: block
}

.pregnancy-status-tracker .personal-guide-card .contentcard .content .btn.btn-primary {
    position: absolute;
    top: 190px;
    left: 35px;
    display: block;
    padding: 12px 14px !important;
    line-height: normal !important;
    background-color: var(--ms-golden)
}

.pregnancy-status-tracker .personal-guide-card .contentcard .pregnancy-profile {
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    display: block
}

.baby-tracker,
.hospital-card-tracker {
    border: 3px solid #fff0;
    border-radius: 12px;
    background-image: linear-gradient(135deg, #e7dfc8, #e7dfc8), linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    background-origin: border-box;
    position: relative;
    background-clip: padding-box, border-box;
    overflow: hidden
}

.baby-status-tracker img,
.hospital-card-tracker img {
    width: 100%;
    position: relative;
    z-index: 1;
    border-radius: 15px
}

.hospital-card-tracker .hospital-content-card {
    position: absolute;
    width: 100%;
    max-width: 400px;
    left: 50px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 2
}

.hospital-card-tracker .hospital-content-card h4 {
    font-size: 25px;
    font-weight: 600;
    padding-bottom: 15px
}

.hospital-card-tracker:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin: -1px;
    background: linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    border-radius: 15px;
    display: none
}

.baby-status-tracker {
    border-radius: 15px
}

.baby-status-tracker video {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 15px;
    height: 99%
}

.baby-status-tracker .baby-tracker {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translate(0, -50%);
    border: none;
    background: 0 0;
    left: 50px
}

.baby-status-tracker .baby-tracker h4 {
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 15px
}

.baby-status-tracker .baby-tracker .btn-primary {
    padding: 0 45px 0 25px;
    min-width: auto
}

.blog-tracker {
    border-radius: 10px;
    position: relative
}

.blog-tracker .blog-personal-tracker {
    padding: 30px 70px;
    background-color: var(--ms-white);
    z-index: 2;
    position: relative;
    border-radius: 15px
}

.blog-tracker .blog-personal-tracker .personal-guide-card {
    border: 2px solid #b4b4b4;
    border-radius: 10px;
    margin-top: 24px
}

.blog-tracker .blog-personal-tracker .personal-guide-card .contentcard img {
    border-radius: 10px 10px 0 0
}

.blog-tracker .blog-personal-tracker .personal-guide-card .bedge-ca {
    padding: 16px 0
}

.blog-tracker .blog-personal-tracker .heading-component {
    margin-bottom: 28px
}

.blog-tracker .blog-personal-tracker .heading-component .heading-title {
    font-size: 26px;
    line-height: normal
}

.blog-tracker .contentcard,
.blog-tracker .personal-guide-card,
.blog-tracker .personal-guide-card a.personal-card-height {
    height: auto;
    display: block
}

.whatsapp-arrow {
    position: fixed;
    bottom: 55px;
    right: 10px;
    background-color: #25d366;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease-in-out;
    z-index: 12;
    width: 35px;
    height: 35px
}

.baby-product.babyimggen .btn-explore img,
.whatsapp-arrow svg {
    max-width: 20px
}

.comment-section-public,
.upload-placeholder-wrapper {
    padding: 25px
}

.publick-post-img {
    width: 100%;
    max-width: 55px
}

.publick-post-img img {
    border-radius: 50%;
    width: 100%;
    max-width: 50px;
    height: 50px
}

.public-post-comment p {
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 24px
}

.public-post-comment h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 5px;
    color: var(--ms-dark)
}

.public-comment .user-dots-card {
    position: absolute;
    top: 10px;
    right: 10px
}

.public-comment .user-dots-card h5 {
    color: var(--ms-para);
    font-weight: 500;
    padding-right: 5px
}

.public-post-comment {
    padding: 15px 18px;
    background: #f4f6fe;
    border-radius: 10px
}

.like-reply-card .profile-social-app ul {
    justify-content: start;
    padding: 0
}

.like-reply-card .profile-social-app ul .social-app-card span {
    width: auto;
    max-width: max-content
}

.like-reply-card .profile-social-app ul .social-app-card span img {
    border-radius: 0;
    width: 100%;
    max-width: 18px
}

.like-reply-card .social-app-card h5 {
    margin: 0;
    font-size: 16px;
    color: var(--ms-para)
}

.like-reply-card .profile-social-app ul li:before {
    height: 100%;
    content: "|";
    position: absolute;
    right: 0;
    top: 5px;
    width: 1px
}

.public-comment.reply-comment {
    width: 100%;
    max-width: calc(100% - 70px);
    margin-left: auto;
    gap: 10px !important
}

.public-comment .like-reply-card {
    width: 100%;
    position: relative
}

.comment-section-public select.form-select {
    margin-bottom: 40px;
    width: 100%;
    max-width: 150px;
    border: 0;
    padding: 0;
    height: auto;
    margin-top: 15px;
    font-size: 15px;
    background-image: url(../img/community/arrow-select.svg) !important;
    font-weight: 600
}

.select-option .css-13cymwt-control {
    height: 45px;
    border-radius: 5px !important
}

.select-option .css-t3ipsp-control {
    border-radius: 5px !important
}

.pregnancy-tracker-slider .heading-pregnancy {
    font-size: 26px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    color: var(--ms-primary);
    padding-bottom: 15px
}

.slider-content .slider-content-cards {
    padding: 25px 15px;
    width: 100%;
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

.slider-content:nth-child(3n-2) .slider-content-cards {
    background-color: #f2f4f7;
    width: 100%
}

.slider-content:nth-child(3n-2) .slider-content-cards:before {
    content: "";
    position: absolute;
    left: 0;
    width: 7px;
    height: 100%;
    background: #8198bd;
    top: 0
}

.slider-content:nth-child(3n-2) .slider-content-cards h5 {
    color: #0f3c84
}

.slider-content:nth-child(3n-1) .slider-content-cards {
    background-color: #fbf5f3;
    width: 100%
}

.slider-content:nth-child(3n-1) .slider-content-cards:before {
    content: "";
    position: absolute;
    left: 0;
    width: 7px;
    height: 100%;
    background: #f9c588;
    top: 0
}

.slider-content:nth-child(3n-1) .slider-content-cards h5 {
    color: #f7941d
}

.slider-content:nth-child(3n) .slider-content-cards {
    background-color: #fdf5f9;
    width: 100%
}

.slider-content:nth-child(3n) .slider-content-cards:before {
    content: "";
    position: absolute;
    left: 0;
    width: 7px;
    height: 100%;
    background: #ea7bb3;
    top: 0
}

.input-series-container .btn-container .blue-color {
    background: 0 0;
    text-align: center;
    border: 0;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: var(--ms-primary)
}

.mainsection {
    padding: 0;
    background-color: #fff0;
    border: 0
}

.card-wrapper.happiedn-card .hospital-content-card .btn-primary {
    min-width: auto;
    padding: 0 45px 0 15px
}

.timeline-heading {
    width: 100%;
    background-color: #85cc72;
    padding: 25px 0;
    text-align: center
}

.timeline-heading h4 {
    text-align: center;
    font-size: 36px !important;
    color: var(--ms-white);
    font-weight: 700;
    margin: 0
}

.do-s-preganancy .testimonials-gif {
    position: absolute;
    right: 25px;
    bottom: 0;
    width: 160px
}

.timeline-tracker.negative .timeline-heading {
    background-color: #b33f40
}

.timeline-tracker.negative {
    background-color: #ffeefe
}

.timeline-tracker.negative .do-s-preganancy .testimonials-gif {
    bottom: 20px
}

.timeline-tracker.negative .do-s-preganancy .testimonials-gif .parenthood-gifs {
    top: 25px;
    position: relative
}

.timeline-tracker.negative .do-s-preganancy .testimonials-gif .shadow_img {
    bottom: 0 !important;
    position: relative !important
}

.card-content-mamies.serachbar .profile-img {
    width: 100%;
    max-width: 60px;
    position: relative;
    top: 0
}

.tabs-card-wrapper-list ul {
    list-style: none;
    display: flex;
    margin-top: 15px;
    margin-bottom: 0;
    padding: 0;
    gap: 20px
}

.tabs-card-wrapper-list ul button {
    background: 0 0;
    border: 2px solid #cfa52d;
    padding: 12px 24px;
    color: var(--ms-blue);
    border-radius: 50px;
    font-size: 16px;
    position: relative;
    font-weight: 600
}

.tabs-card-wrapper-list ul button.active {
    background: var(--ms-primary);
    color: var(--ms-white);
    background: var(--ms-primary);
    border: 2px solid #cfa52d;
    padding: 12px 24px;
    color: var(--ms-white);
    border-radius: 50px;
    font-size: 16px;
    position: relative
}

.mamypost-contnet {
    width: 100%;
    padding: 15px 25px
}

.mamypost-contnet p {
    font-size: 18px;
    line-height: 24px;
    color: var(--ms-dark);
    line-height: normal;
    margin: 0;
    padding-bottom: 15px
}

.card-content-mamies.tracker.dropdown-menu-mamies .dropdown-menu .active-btn .chvron {
    transform: rotate(180deg)
}

.timeline-post h4 {
    font-size: 24px;
    color: var(--ms-primary);
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 10px;
    margin: 0
}

.timeline-post .ql-editor {
    height: 140px;
    width: 100%
}

.timeline-post .profile-social-app ul {
    padding: 10px 0 0;
    flex-wrap: nowrap
}

.timeline-post {
    padding: 15px 15px 35px;
    position: relative
}

.timeline-post.thanks-modal {
    padding: 10px
}

.timeline-post.thanks-modal .btn-close {
    top: 17px
}

.cancel-post-timeline .btn-primary {
    min-width: auto;
    padding: 0 40px;
    line-height: 60px
}

.cancel-post-timeline .btn-primary.cancel-btn {
    background-color: var(--ms-white);
    color: var(--ms-primary)
}

.cancel-post-timeline .btn-primary:after {
    right: 18px;
    display: none
}

.post-timeline-modal .modal-content p.mb-0 {
    font-size: 14px;
    padding-top: 5px
}

.cancel-post-timeline {
    justify-content: end;
    margin-top: 37px
}

.cancel-post-timeline .btn-primary.cancel-btn:after {
    background-image: url(../img/arrow-blue.svg);
    background-repeat: no-repeat;
    right: 10px;
    width: 18px
}

.timeline-post .modal-header {
    padding: 0;
    border: 0
}

.timeline-post .btn-close {
    position: absolute;
    right: 15px;
    top: 22px;
    background-image: url(../img/cross.svg);
    opacity: 1
}

.create-post span {
    background: var(--ms-primary);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.create-post h5,
.create-post h6 {
    background-color: var(--ms-primary);
    width: 100%;
    max-width: max-content;
    color: var(--ms-white);
    position: relative;
    cursor: pointer
}

.create-post h5 {
    border-radius: 25px;
    z-index: 2
}

.btn-primary.add-more-btn:hover:after,
.create-post span img {
    filter: brightness(0) invert(1)
}

.create-post p {
    color: var(--ms-white);
    display: none
}

.create-post h5:hover {
    max-width: 250px;
    width: 170px
}

.create-post h5:hover p,
.create-post h6:hover p {
    display: block;
    position: relative;
    z-index: 1
}

.conatct-post-items {
    position: fixed;
    right: 27px;
    top: 75%;
    z-index: 2
}

.create-post h5:before,
.create-post h6:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100px;
    border: 2px solid #fff0;
    background: linear-gradient(90deg, #e7c945, #aa7b15) border-box;
    mask-composite: exclude;
    margin: -1px
}

.create-post h5:hover span {
    position: relative;
    left: 13px
}

.create-post h6 {
    border-radius: 25px
}

.create-post h6:hover {
    max-width: 250px;
    width: 190px
}

.conatct-post-items.contact {
    top: 85%
}

.create-post h6:hover span {
    position: relative;
    left: 12px
}

.notification-card {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.notification-card-list ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 10px;
    margin: 0
}

.notification-list-all h4 {
    font-size: 14px;
    line-height: 20px;
    color: var(--ms-dark)
}

.notification-list-all span {
    width: 100%;
    height: 50px;
    border-radius: 50%;
    position: relative;
    max-width: 50px
}

.notification-list-all span img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 2px solid var(--ms-primary);
    position: relative
}

.notification-list-all p {
    padding: 0;
    margin: 0;
    font-size: 12px;
    white-space: nowrap
}

.searchbar-popup.notification {
    max-width: 400px;
    padding: 0;
    height: 400px;
    overflow-y: scroll
}

.searchbar-popup.notification::-webkit-scrollbar {
    width: 5px
}

.searchbar-popup.notification::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fff0;
    border-radius: 10px
}

.searchbar-popup.notification::-webkit-scrollbar-thumb {
    background: var(--ms-primary);
    border-radius: 10px
}

.notification-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #5f5f5f45;
    padding: 14px 25px;
    margin-bottom: 15px
}

.notification-list-all {
    padding: 14px 15px
}

.notification-card-list ul .active .notification-list-all {
    background-color: #f2f2f2
}

.notification-card-list ul li {
    margin: 0 0 1px
}

.notification-card h4 {
    font-size: 20px;
    color: var(--ms-para);
    margin: 0
}

.notification-card h5 {
    color: #2e3192;
    font-size: 16px;
    margin: 0
}

.timeline-post form .form-label {
    font-weight: 600;
    font-size: 18px
}

.timeline-post form textarea.form-control {
    min-height: 150px;
    border: 1px solid;
    border-radius: 10px;
    padding: 15px
}

.isOtherSectionVisible {
    width: 100%;
    max-width: 750px;
    background: #f3f8ff;
    padding: 40px;
    border-radius: 10px;
    margin: 0 auto;
    display: block;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
    z-index: 3
}

.isOtherSectionVisible h2 {
    font-size: 24px;
    text-align: center;
    color: var(--ms-primary);
    padding-bottom: 8px
}

.isOtherSectionVisible p {
    font-size: 16px;
    text-align: center;
    margin: 0;
    padding-bottom: 5px;
    color: var(--ms-dark)
}

.isOtherSectionVisible img {
    width: 100%;
    max-width: 150px;
    margin: 0 auto;
    display: block
}

.isOtherSectionVisible img.left-ballon {
    position: absolute;
    top: 25px;
    width: 100%;
    max-width: 50px;
    left: 30px
}

.isOtherSectionVisible img.right-ballon {
    position: absolute;
    right: 17px;
    top: 55px;
    width: 100%;
    max-width: 30px
}

.isOtherSectionVisible .btn-primary {
    min-width: auto;
    margin: 20px auto 0;
    width: 100%;
    max-width: 100px;
    display: block
}

.isOtherSectionVisible img.right-cross {
    position: absolute;
    right: 27px;
    width: 100%;
    max-width: 15px;
    top: 18px
}

.isOtherSectionVisible.shadow {
    width: 100%;
    max-width: 100%;
    height: 100%;
    z-index: 2;
    background: #0000004a
}

.calender-card .result-cards .begning-card img.aarow-pink {
    position: absolute;
    right: -60px;
    top: -74px;
    width: 100%;
    max-width: 60px;
    cursor: pointer;
    margin-bottom: 0
}

.begin-card-type {
    display: flex;
    justify-content: center;
    gap: 40px;
    position: absolute;
    left: -48px;
    right: 0;
    top: 16px
}

.begin-content h4 {
    font-size: 22px;
    color: #d6006d;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.begin-content p {
    padding: 5px 0;
    font-size: 18px;
    color: var(--ms-dark);
    font-weight: 600
}

.begin-content h5 {
    margin: 0;
    padding-top: 11px;
    color: var(--ms-dark);
    font-weight: 700
}

.begin-content a {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
    margin-top: 5px;
    font-weight: 600
}

.begin-content a span img {
    max-width: 14px;
    width: 100%
}

.mobile-card-type img.aarow-pink {
    position: absolute;
    right: 85px;
    top: 0;
    transform: rotate(180deg);
    cursor: pointer;
    z-index: 3
}

.congrats.due-date-passed-bigger {
    width: 100%;
    max-width: 280px
}

.calender-card .result-cards .begning-card .congrats.due-date-passed-bigger h3 {
    margin: 0;
    font-size: 25px;
    padding-bottom: 5px
}

.calender-card .result-cards .begning-card .congrats.due-date-passed-bigger h4 {
    font-size: 18px;
    padding: 2px 0;
    color: var(--ms-para)
}

.begin-card-type.due-date-passed-smaller .begin-content p {
    padding: 0;
    font-size: 16px
}

.profile-management {
    width: 100%;
    padding: 160px 0;
    background-color: var(--skyblue1);
    margin-bottom: -100px
}

.profile-sidebar {
    padding: 25px 35px;
    background: var(--ms-white);
    border-radius: 10px;
    position: sticky;
    top: 180px
}

.profile-sidebar ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center
}

.profile-sidebar ul li a {
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 15px 20px;
    font-size: 17px;
    font-weight: 600;
    color: #2c4198;
    line-height: normal
}

ul.second-list li a {
    font-weight: 500;
    color: #677bcd
}

.profile-sidebar ul li a:hover {
    background-color: #eaeaf4;
    border-radius: 10px;
    font-size: 17px;
    color: #2c4198
}

ul.second-list {
    padding-top: 20px;
    border-top: 1px solid #cfd8ff;
    margin-top: 25px
}

.profile-sidebar ul li a.active {
    background-color: #eaeaf4;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 700;
    color: #2c4198
}

.profile-sidebar ul li ul {
    padding-left: 35px;
    padding-top: 0;
    gap: 5px
}

.profile-sidebar ul li ul li a {
    padding: 10px 15px;
    font-size: 14px;
    text-align: left;
    justify-content: left;
    position: relative
}

.profile-sidebar ul li ul li a:before {
    content: "";
    width: 7px;
    height: 7px;
    background: var(--ms-primary);
    border-radius: 50%;
    opacity: .7
}

ul.second-list li a img {
    opacity: .8;
    width: 100%;
    max-width: 18px;
    position: relative;
    top: -1px
}

.profile-card-management {
    padding: 40px;
    background-color: var(--ms-white);
    border-radius: 10px;
    position: relative
}

.profile-image img {
    border: 5px solid #47b749;
    padding: 6px;
    border-radius: 50%;
    width: 150px;
    height: 150px
}

.profile-para {
    text-align: center;
    font-size: 14px;
    padding-top: 7px
}

img.camera-pic {
    border: 0;
    position: absolute;
    max-width: 70px;
    bottom: -2px;
    right: 41px;
    cursor: pointer;
    height: auto;
    width: auto
}

.profile-cards h1,
.profile-cards h2 {
    font-size: 24px;
    line-height: 30px;
    color: var(--ms-primary);
    font-weight: 600;
    padding-top: 10px
}

.profile-managements {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    position: relative
}

.profile-name h4 {
    color: var(--ms-para) !important;
    font-size: 18px;
    font-weight: 500 !important;
    padding-top: 10px
}

.profile-name h6,
.profile-name label {
    line-height: 25px;
    color: var(--ms-dark)
}

.profile-name h6 {
    font-size: 18px;
    font-weight: 600;
    overflow: hidden
}

.profile-cards {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px
}

.profile-card-management .edit-profile {
    display: flex;
    gap: 5px;
    margin: 0;
    color: var(--ms-primary);
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 15px;
    cursor: pointer
}

.profile-card-management .edit-profile span {
    width: 15px;
    position: relative;
    top: -2px
}

.profile-name .form-control,
.report-name-post textarea.form-control {
    border: 1px solid;
    border-radius: 5px;
    padding: 0 15px
}

.save-btn .btn-primary,
.save-btn .btn-primary.cancel {
    padding: 0 35px;
    text-align: center;
    min-width: 100px
}

.profile-managements .btn.btn-sm.btn-primary {
    min-width: fit-content;
    padding: 0 40px;
    line-height: 52px
}

.input-series-container .react-datepicker-wrapper .form-control,
.profile-cards .react-datepicker-wrapper input[type=text] {
    background-image: url(../img/calender-comunity.svg);
    background-repeat: no-repeat;
    background-position: right 15px center
}

.profile-cards.accordion textarea.form-control,
.profile-name textarea.form-control {
    min-height: 150px
}

.profile-card-management.editing .profile-name.name h4 {
    display: block;
    margin-top: 5px;
    font-weight: 600
}

.profile-card-management.editing .profile-name h4 {
    color: var(--ms-dark) !important;
    padding-top: 0;
    font-weight: 600 !important
}

.save-btn .btn-primary.cancel {
    background-color: var(--ms-white);
    color: var(--ms-primary)
}

.save-btn {
    padding-top: 25px;
    justify-content: end;
    gap: 30px !important
}

.profile-form select.form-control {
    width: 125px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-size: .8rem
}

.btn-primary.add-more-btn {
    min-width: auto;
    padding: 0 25px 0 45px;
    margin-top: 25px;
    background-color: #fff0;
    color: var(--ms-primary)
}

.btn-primary.add-more-btn:after {
    background-image: url(../img/community/plus-icon.png);
    padding: 15px;
    background-repeat: no-repeat;
    left: 20px;
    width: 5px;
    height: 10px;
    top: 50%;
    background-size: 13px;
    transform: translate(0, -21%)
}

.profile-name select.form-control {
    background-size: .8rem
}

.profile-name label {
    font-size: 20px;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px
}

.profile-name .form-check {
    padding-bottom: 12px;
    font-weight: 600
}

.profile-name .form-check label.form-check-label {
    font-weight: 500;
    font-size: 18px;
    color: var(--ms-para);
    margin: 0;
    padding: 0
}

.profile-name .form-check .form-check-input[type=radio] {
    border-radius: 50%;
    border: 1px solid var(--ms-para)
}

.btn-primary.delet-acount {
    background-color: #fff0;
    color: #b23931;
    border: 2px solid #b23931;
    line-height: 48px
}

.btn-primary.delet-acount:hover {
    background-color: #b23931 !important;
    color: var(--ms-white)
}

.profile-managements ul {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 100px;
    list-style: none
}

.switch,
.switch small,
.switchSmall,
.switchSmall small,
.switchSmall2,
.switchSmall2 small {
    display: inline-block
}

.profile-managements ul li a {
    font-size: 18px;
    font-weight: 600;
    color: var(--ms-primary);
    border-bottom: 1px solid var(--ms-primary)
}

.switch small {
    width: 43px;
    height: 18px;
    background: #455a64;
    border-radius: 30px;
    position: relative;
    cursor: pointer
}

.switch small:after {
    content: "No";
    position: absolute;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    width: 100%;
    left: 0;
    text-align: right;
    padding: 0 6px;
    box-sizing: border-box;
    line-height: 18px
}

.switch small:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    top: 3px;
    left: 3px;
    transition: .3s;
    box-shadow: -3px 0 3px rgb(0 0 0 / .1)
}

.switch input:checked~small,
.switchSmall2 input:checked~small {
    background: #4fc5c5;
    transition: .3s
}

.switch input:checked~small:before {
    transform: translate(25px, 0);
    transition: .3s
}

.switch input:checked~small:after {
    content: "Yes";
    text-align: left
}

.switchSmall {
    padding-bottom: 10px !important
}

.switchSmall small {
    width: 55px;
    height: 30px;
    background: var(--ms-white);
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    border: 1px solid #2c4198
}

.switchSmall small:before,
.switchSmall2 small:before {
    content: "";
    border-radius: 50%;
    transition: .3s;
    position: absolute
}

.switchSmall small:before {
    width: 23px;
    height: 23px;
    background: #2c4198;
    top: 3px;
    left: 4px
}

.switchSmall input:checked~small {
    background: #f5f5fa;
    transition: .3s
}

.switchSmall input:checked~small:before {
    transform: translate(24px, 0);
    transition: .3s
}

.switchSmall2 small {
    width: 38px;
    height: 15px;
    background: #455a64;
    border-radius: 30px;
    position: relative;
    cursor: pointer
}

.switchSmall2 small:before {
    width: 19px;
    height: 19px;
    background: #fff;
    top: -2px;
    left: -1px;
    box-shadow: -3px 0 3px rgb(0 0 0 / .25)
}

.switchSmall2 input:checked~small:before {
    transform: translate(20px, 0);
    transition: .3s;
    box-shadow: 3px 0 3px rgb(0 0 0 / .25)
}

.toggle-input {
    background-color: #f5f5fa;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px
}

.toggle-input h5 {
    margin: 0;
    color: var(--ms-para);
    font-size: 16px;
    font-weight: 400
}

.profile-name.sms label.fw-bolder {
    font-weight: 600 !important
}

.profile-sidebar ul li ul li a.active,
.profile-sidebar ul li ul li a:hover {
    font-size: 14px;
    padding: 10px 15px;
    text-align: left;
    justify-content: left
}

.profile-cards.accordion {
    gap: unset;
    padding-top: 15px
}

.profile-cards.accordion h3 {
    font-size: 20px;
    line-height: 28px;
    color: var(--ms-dark);
    padding-bottom: 10px
}

.profile-cards.accordion .accordion h2.accordion-header button.accordion-button {
    font-size: 18px;
    font-weight: 500;
    background: 0 0
}

.profile-cards.accordion .accordion-button:not(.collapsed)::after {
    background-image: none;
    transform: var(--bs-accordion-btn-icon-transform);
    content: "-";
    font-size: 45px;
    top: 8px;
    position: relative
}

.profile-cards.accordion .accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "+";
    font-size: 28px;
    background-image: none;
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
    color: var(--ms-para);
    transform: unset;
    position: relative;
    top: -5px
}

.profile-cards.accordion .form-control {
    padding: 0 15px;
    border: 1px solid;
    border-radius: 5px
}

.profile-cards.accordion label.form-label {
    font-size: 18px;
    color: var(--ms-dark);
    font-weight: 600;
    padding-bottom: 5px
}

.general-support .profile-name h4 {
    font-size: 22px;
    color: var(--ms-primary);
    font-weight: 600
}

.general-support {
    padding-top: 20px !important;
    border-top: 1px solid #e7e7e7;
    margin-top: 40px
}

.navbar-link.lasticon a.nav-link span {
    background: #e41e3f;
    display: block;
    position: absolute;
    top: 4px;
    right: -4px;
    padding: 1px 5px;
    border-radius: 50%;
    font-size: 12px;
    color: var(--ms-white)
}

img.profile-pic {
    max-width: 45px !important;
    width: 45px !important;
    border-radius: 50%;
    height: 45px
}

.navbar-link.lasticon .dropdown-alarm.nav-item.dropdown a#nav-dropdown {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    padding: 2px
}

.product-world-wrapper.recommended .tab-swiper-box:hover .after-hover {
    visibility: visible;
    opacity: 1
}

.product-world-wrapper.recommended .tab-swiper-box .product-content h5 {
    font-size: 16px;
    padding-bottom: 5px
}

.product-world-wrapper.recommended .boxContentImg img {
    width: 100%;
    max-width: 120px;
    aspect-ratio: 8/6.5;
    object-fit: contain
}

.product-world-wrapper.recommended .tab-swiper-box .product-content .swiper-cta .swiper-btn {
    font-size: 14px !important
}

.product-world-wrapper.recommended .tab-swiper-box {
    position: relative;
    transition: .3s ease-in-out;
    padding-top: 0
}

.profile-managements .latest-news-cards.popular-blogs .contentcard-img {
    position: relative;
    min-height: auto
}

.profile-managements .latest-news-cards.popular-blogs .swiper-wrapper {
    padding: 25px 5px;
    justify-content: left;
    margin-bottom: 0
}

.graph-data {
    overflow-x: scroll;
    overflow-y: hidden
}

ul.recharts-default-legend {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-top: 15px !important
}

ul.recharts-default-legend li {
    font-size: 14px
}

.analyse-progress.tracker-progress .progress-baby-tracker .recharts-wrapper {
    width: auto !important;
    height: auto !important
}

.recharts-legend-wrapper {
    width: 100% !important;
    position: relative !important;
    bottom: 0 !important;
    left: 0 !important
}

.pregnancy-trackers .custome-banner-content {
    width: 100%;
    max-width: 500px
}

.pregnancy-trackers .custome-banner-content p {
    line-height: 28px;
    font-weight: 600
}

.tracker-component.comunity-tracker-text .next-step-cards {
    max-width: unset
}

.pregnancy-tracker.analyse-body.anayse-progress .next-step-cards form {
    min-height: 450px
}

.input-series .text-danger {
    font-size: 16px;
    padding-top: 15px
}

.mom-corner-curve.using-babygrowth {
    margin-top: -115px
}

.parenthood-card .col-lg-4:nth-child(3) .contentcard .content .baby-tracker {
    padding: 0 20px !important;
    min-width: auto;
    margin-top: 15px;
    background-color: var(--ms-primary)
}

.modal-body table {
    vertical-align: middle;
    font-size: 16px;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    white-space: nowrap
}

.modal-body table thead th {
    vertical-align: middle
}

.profile-card-management .swiper-button-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%)
}

.profile-card-management .swiper-button-next {
    position: absolute;
    right: 0 !important;
    top: 50%;
    transform: translate(0, -50%);
    left: unset
}

.profile-card-management .product-world-wrapper.recommended .swiper-button-prev {
    left: 25px !important
}

.delete-icon svg.svg-inline--fa.fa-trash-can.fa-xs {
    color: red;
    font-size: 16px;
    width: 14px;
    height: 14px
}

a.seacrhbar.nav-link {
    margin-top: -7px
}

.navbar-link.second-menu {
    margin-left: auto;
    margin-right: unset
}

.dropdown-menu-drod ul {
    background-color: var(--skyblue1) !important;
    border-radius: 15px;
    padding: 0;
    border: 2px solid #cfa52d !important;
    text-align: left;
    list-style: none;
    margin-top: 5px
}

.dropdown-menu-drod {
    position: absolute;
    width: 100%;
    min-width: 200px;
    right: 0;
    z-index: 2
}

.dropdown-menu-drod ul li a {
    width: 100%;
    padding: 10px 15px
}

.dropdown-menu-drod ul li {
    font-weight: 600;
    font-size: 16px;
    margin: 0;
    border-bottom: 1px solid #ddd
}

.dropdown-down button.dropdown-toggle {
    background-color: #fff0;
    border: 0;
    transform: rotate(180deg);
    width: 100%;
    padding: 0;
    max-width: 30px
}

.profile-managements .latest-news-cards.popular-blogs .personal-guide-card .contentcard-img img {
    height: 300px
}

.pregnany-edit {
    display: flex;
    justify-content: end;
    position: absolute;
    top: 0;
    right: 0
}

.pregnany-edit .edit-profiles {
    display: flex;
    gap: 5px;
    color: var(--ms-primary)
}

.pregnany-edit .edit-profiles span {
    width: 15px;
    position: relative;
    top: -2px;
    display: block
}

.latest-news-cards.popular-blogs .swiper {
    padding-bottom: 60px !important
}

.product-world-wrapper.recommended .swiper span.swiper-pagination-bullet {
    width: 10px;
    height: 10px
}

.pregnancy-slider-btn.left {
    margin-left: -15px;
    position: relative;
    top: 5px;
    cursor: pointer
}

.pregnancy-slider-btn.right {
    margin-right: -15px;
    position: relative;
    top: 5px;
    cursor: pointer
}

.cookie-sec {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 999;
    background: rgb(0 0 0 / .8);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.cookie-banner {
    max-width: 600px;
    background: #fff;
    border: 8px solid var(--ms-blue);
    padding: 2rem;
    margin: auto
}

.cookie-banner .btn-primary {
    min-width: auto;
    padding: 0 40px 0 25px
}

.popup-content .options input[type=checkbox] {
    margin-top: 6px
}

.cookie-banner h5 {
    font-size: 24px;
    line-height: 22px;
    font-weight: 700;
    color: var(--ms-primary)
}

.userdots-card ul.social-media-fs {
    list-style: none;
    width: 200px;
    position: absolute;
    right: 10px;
    padding: 2px 0;
    margin-top: 5px;
    justify-content: start !important;
    z-index: 1;
    display: flex;
    flex-direction: column;
    background-color: var(--skyblue1) !important;
    border-radius: 15px;
    border: 2px solid #cfa52d !important;
    gap: 0 !important
}

.userdots-card ul.social-media-fs.post-context-menu {
    z-index: 9
}

.social-app-card.file-input .form-control[type=file] {
    border: 1px solid;
    height: auto;
    padding: 6px;
    border-radius: 5px
}

.swal2-cancel,
.swal2-confirm {
    font-family: Figtree, sans-serif;
    border-radius: 100px !important;
    font-size: 16px !important;
    cursor: pointer !important;
    padding: 0 35px;
    line-height: 52px;
    transition-duration: .4s;
    position: relative;
    font-weight: 600;
    text-align: left;
    min-width: fit-content
}

.swal2-confirm {
    color: var(--ms-white) !important;
    background-color: var(--ms-primary) !important
}

.swal2-cancel {
    background-color: var(--ms-white) !important;
    color: var(--ms-primary) !important
}

.swal2-cancel:hover,
.swal2-confirm:hover {
    color: var(--ms-white) !important;
    background-color: var(--ms-golden) !important;
    background-image: unset !important
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus {
    box-shadow: 0 0 0 3px #fff0 !important
}

div:where(.swal2-container) div:where(.swal2-popup) {
    width: fit-content !important;
    max-width: 100%;
    padding: 25px 35px !important
}

div:where(.swal2-icon).swal2-warning {
    border-color: #cca13c !important;
    color: #cca13c !important;
    margin-top: 0 !important;
    width: 60px;
    height: 60px
}

.about-mamypoko-wipes,
.mampoko-wipes-three {
    overflow: hidden;
    border-bottom: 2px solid #cfa52d
}

#swal2-title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 28px
}

div:where(.swal2-icon) .swal2-icon-content {
    font-size: 45px !important
}

.report-name-post {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    left: 0;
    right: 0
}

.card-content-mamies.serachbar .profile-content-card .form-control::placeholder {
    font-weight: 600;
    color: #8c8c8c
}

.second-panel-writer .card-content-mamies.serachbar .profile-content-card .form-control::placeholder {
    font-weight: 600;
    font-size: 16px;
    color: #8c8c8c
}

.edit-profile.edit-child {
    top: -35px !important
}

.edit-profiles {
    position: absolute;
    right: -6px
}

.prgenant-pen {
    position: absolute;
    right: 0;
    top: 0
}

.personal-card-height,
.personal-guide-card a.personal-card-height {
    width: 100%;
    height: 100%;
    color: var(--ms-dark)
}

.login-delete .cursor.text-dark svg.svg-inline--fa.fa-trash-can {
    color: red;
    width: 15px;
    position: relative
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 3
}

.custome-banner.mamypoko-wipes-baner .banner-img {
    position: relative;
    top: 0;
    z-index: -1;
    width: 100%;
    height: auto;
    left: 0;
    overflow: hidden
}

.mampoko-wipes-three {
    padding: 120px 0;
    background-color: var(--ms-white);
    border-radius: 0 0 180px 180px;
    position: relative;
    z-index: 1
}

.about-mamy-img,
.about-mamy-img:before,
.cleanless-images:before {
    border-radius: 20px
}

.wipes-card {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-direction: column
}

.wipes-card-content {
    width: 100%;
    max-width: 300px;
    text-align: center
}

.wipes-card-content h2 {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: var(--ms-primary);
    margin: 0
}

.wipes-card-content h4 {
    padding-top: 10px;
    color: var(--ms-para)
}

.wipes-heading .about-heading {
    font-size: 42px;
    font-family: var(--ariel-rounded);
    color: var(--ms-primary);
    line-height: 52.05px;
    margin: 0
}

.about-mamypoko-wipes .row,
.follow-instagrma-section .row,
.mampoko-wipes-three .row {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto
}

.about-mamy-img:before,
.cleanless-images:before,
.wipes-imges:before {
    margin: -1px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    z-index: 1;
    content: ""
}

.ballon-pokochants {
    position: absolute;
    top: 50%;
    width: 100%;
    max-width: 80px;
    left: -28px
}

.ballon-pokochants-2 {
    position: absolute;
    right: -48px;
    top: 121px;
    width: 100%;
    max-width: 100px
}

.about-mamy-img {
    width: 100%;
    position: relative;
    max-width: 540px;
    padding: 1px;
    margin-top: 10px
}

.about-mamy-img img {
    width: 100%;
    border-radius: 20px
}

.about-mamypoko-wipes p {
    font-size: 22px;
    line-height: 32px;
    text-align: left;
    color: var(--ms-primary);
    font-family: Quicksand, sans-serif
}

.about-mamypoko-wipes {
    padding: 300px 0 120px;
    background-color: #f3f8ff;
    margin-top: -180px
}

.wipes-mampoko-card {
    display: flex;
    align-items: center;
    gap: 34px;
    justify-content: center;
    width: 100%;
    display: grid;
    gap: 10px
}

.wipes-imges {
    width: 100%;
    max-width: 140px;
    border-radius: 50%;
    position: relative;
    height: 120px
}

.mamypoko-coconuts-wipes,
.mamypoko-testimonials {
    border-radius: 0 0 180px 180px;
    position: relative;
    border-bottom: 2px solid #cfa52d;
    overflow: hidden
}

.wipes-imges img {
    width: 100%;
    max-width: 100%;
    border-radius: 50%
}

.wipes-imges:before {
    border-radius: 50%
}

.wipes-imges span {
    position: relative;
    display: block;
    z-index: 2;
    border-radius: 50%
}

.mamypoko-wipes img {
    width: 100%;
    max-width: 600px;
    margin: -70px 10px 0 auto;
    display: block
}

.mamypoko-coconuts-wipes .wipes-heading {
    width: 100%;
    max-width: 550px;
    margin: 0 auto
}

.mamypoko-coconut-wipes .coconut-wipes {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    width: 100%;
    max-width: 400px;
    background-color: #25337a;
    margin-bottom: 10px;
    border-radius: 100px
}

.mamypoko-coconut-wipes .coconut-wipes:first-child {
    background-color: #25337a;
    margin-left: -50px
}

.mamypoko-coconut-wipes .coconut-wipes:nth-child(2) {
    background-color: var(--ms-blue);
    margin-left: 0
}

.mamypoko-coconut-wipes .coconut-wipes:nth-child(3) {
    background-color: #2c4198;
    margin-left: -50px
}

.mamypoko-coconut-wipes .coconut-wipes .card-images {
    width: 100%;
    max-width: 100px;
    position: relative
}

.mamypoko-coconut-wipes .coconut-wipes .card-images:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: -2px;
    background: linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    border-radius: 50%;
    z-index: 1
}

.mamypoko-coconut-wipes .coconut-wipes .card-images span {
    position: relative;
    display: block;
    background: #fff;
    z-index: 2;
    border-radius: 50%
}

.mamypoko-coconut-wipes .card-images-content h3 {
    font-size: 26px;
    line-height: 30px;
    color: var(--ms-white);
    font-weight: 500;
    margin: 0;
    padding-bottom: 10px
}

.mamypoko-coconut-wipes .card-images-content p {
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    font-family: Quicksand, sans-serif
}

.pull-content {
    color: var(--ms-orange) !important
}

.reseal-content {
    color: var(--ms-pink) !important
}

.mamypoko-coconuts-wipes {
    padding: 80px 0;
    background: #f3f8ff
}

.babyImgGen-sec,
.babyTracker,
.pregnanctTracker {
    background-repeat: no-repeat;
    background-size: cover
}

.wipes-heading p {
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    color: #000;
    opacity: .7
}

.mamypoko-testimonials {
    padding: 100px 0;
    width: 100%;
    background-color: #fff;
    z-index: 1
}

.swiper-card-testimonills {
    background-color: #f3f8ff;
    padding: 25px 35px;
    border-radius: 25px;
    min-height: 290px;
    width: 100%;
    max-width: 100%
}

.swiper-card-testimonills .pull-content {
    font-size: 28px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding-bottom: 10px
}

.swiper-card-testimonills p {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    color: var(--ms-para)
}

.mamypoko-testimonials .swiper-slider-card {
    width: 100%;
    margin: 0 auto;
    max-width: 1250px
}

.swiper-card-testimonills h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: normal;
    color: var(--ms-dark)
}

.swiper-slider-card .swiper-button-prev {
    left: -65px;
    top: 50%
}

.swiper-slider-card .swiper-button-next {
    right: -65px;
    top: 39%;
    bottom: unset;
    margin: unset;
    display: unset
}

.cleaniness-mamypko {
    padding: 250px 0 150px;
    background-color: var(--ms-white);
    border-radius: 0 0 180px 180px;
    position: relative;
    width: 100%;
    background-color: #f3f8ff;
    margin-top: -150px;
    border-bottom: 2px solid #cfa52d
}

.cleaniness-mamypko .row {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    align-items: center
}

.cleanless-content h3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 35px;
    color: var(--ms-dark);
    margin: 0
}

.rating svg {
    width: 16px;
    color: #d59725
}

.cleanless-content {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-left: 15px
}

.cleanless-content p {
    font-size: 20px;
    line-height: 26px
}

.cleanless-images img {
    width: 100%;
    max-width: 550px;
    margin-left: auto;
    border-radius: 20px
}

.cleanless-content .btn-primary {
    min-width: fit-content;
    width: fit-content;
    padding: 0 48px 0 24px
}

.follow-instagrma-section .wipes-heading p a:hover {
    text-decoration: underline;
    color: var(--ms-primary) !important;
    opacity: 1
}

.follow-instagrma-section {
    padding: 100px 0;
    width: 100%;
    background-color: #fff
}

.wipes-heading span {
    width: 40px;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 15px
}

.follow-instagrma-section .wipes-heading p {
    font-size: 26px;
    padding-top: 0
}

.card-images-content {
    width: 100%;
    max-width: 450px
}

.pillow-pokochant {
    position: absolute;
    top: 50%;
    left: -45px;
    max-width: 180px;
    width: 100%
}

.star-pokochan {
    position: absolute;
    right: -42px;
    top: 190px;
    width: 100%;
    max-width: 160px
}

.flower-pokochant {
    position: absolute;
    top: 50px;
    width: 100%;
    max-width: 120px;
    left: 200px
}

.ballon-pokochant,
.book-pokochant,
.mobile-pokochant {
    width: 150px;
    position: absolute
}

.book-pokochant {
    right: 120px;
    bottom: 150px
}

.ballon-pokochant {
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.mobile-pokochant {
    right: 12px;
    bottom: 100px
}

.custom-pagination {
    gap: 5px;
    justify-content: center;
    margin-top: -25px;
    margin-bottom: 25px;
    display: none
}

.custom-pagination span.pagination-dot {
    width: 8px;
    height: 8px;
    display: block;
    background-color: #b4b4b4;
    border-radius: 50%
}

.ideo-section-wrapper {
    width: 100%;
    border-bottom: 2px solid #cfa52d
}

.cleanless-images {
    position: relative;
    padding: 1px;
    border-radius: 20px;
    max-width: 550px
}

.cleanless-images span {
    position: relative;
    z-index: 4;
    border-radius: 20px
}

.mamypoko-testimonials .testimonials-gif {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 100%;
    width: 350px
}

.mamypoko-testimonials .testimonials-gif .testimonials-img {
    position: absolute;
    top: 80px;
    bottom: unset;
    right: 40px;
    width: 160px
}

.mamypoko-testimonials .testimonials-gif .shadow_img {
    bottom: 30px !important
}

.swiper-button-next.active-class,
.swiper-button-prev.active-class {
    opacity: .5 !important
}

.tracker-thanks {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    max-width: 500px;
    margin: auto;
    text-align: center;
    padding: 200px 0 100px
}

.babyTracker,
.pregnanctTracker {
    background-position: top center;
    margin-bottom: -90px
}

.pregnanctTracker {
    background-image: url(../img/tracker-bg.jpg)
}

.babyTracker {
    background-image: url(../img/baby-tracker-bg.jpg)
}

.quiz-start {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    border: 2px solid transparent;
    border-radius: 15px;
    background: linear-gradient(#e7edf5, #e7edf5) padding-box, linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222) border-box
}

.quiz-start .quiz-btn {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    display: flex;
    gap: 1rem;
    justify-content: center
}

.quiz-start .quiz-btn img {
    max-height: 45px
}

.quiz-list {
    background-image: url(../img/community/heartbg.jpg);
    background-size: cover;
    background-position: bottom center;
    position: relative;
    padding: 40px
}

.quiz-list:before {
    content: '';
    position: absolute;
    background-image: url(../img/community/heart-curve.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    top: 0;
    right: 0;
    width: 100%;
    height: 225px
}

.quiz-option p.text-center {
    font-size: 18px;
    color: #2c4198;
    font-weight: 500;
    padding: 16px 0 10px
}

.quiz-list .backBtn .btn-primary {
    min-width: inherit
}

.quiz-list .backBtn .btn-primary::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 12px;
    left: 20px;
    right: inherit;
    background-image: url(../img/btn-arrow.svg);
    transform: rotate(180deg);
    top: 20px
}

.option-radio {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.radio-card {
    position: relative;
    padding: 48px 20px 20px 20px;
    border-radius: 15px;
    cursor: pointer;
    min-height: 150px;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    transition: all .25s ease
}

.radio-card input {
    display: none
}

.custom-radio {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: #fff;
    border: 2px solid rgba(0, 0, 0, .2)
}

.radio-card.active .custom-radio {
    background: #fff;
    border-color: #000
}

.radio-card.active .custom-radio::after {
    content: "✓";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

.radio-card:hover {
    transform: translateY(-4px)
}

.radio-card p {
    margin: 0;
    line-height: 1.4
}

.option-purple {
    background: #97468a;
    box-shadow: 0 0 20px 4px rgba(111.29, 38.17, 99.55, .3);
    border: 1px #f4dbf0 solid
}

.option-purple p {
    color: #fff
}

.option-aqua {
    background: #b4f4f2;
    box-shadow: 0 0 20px 2px rgba(66, 124, 122, .2);
    border: 1px #427c7a solid
}

.option-aqua p {
    color: #427c7a
}

.option-pink {
    background: #ffebef;
    box-shadow: 0 0 20px 2px rgba(194, 59, 86, .2);
    border: 1px #c23b56 solid
}

.option-pink p {
    color: #c23b56
}

.option-lavender {
    background: #f0eeff;
    box-shadow: 0 0 20px 2px rgba(67, 59, 126, .2);
    border: 1px #433b7e solid
}

.option-lavender p {
    color: #433b7e
}

.option-green {
    background: #bde9c6;
    box-shadow: 0 0 20px 2px rgba(33, 139, 54, .2);
    border: 1px #6a672e solid
}

.option-green p {
    color: #6a672e
}

.option-yellow {
    background: #fff3c1;
    box-shadow: 0 0 20px 2px rgba(133, 113, 31, .2);
    border: 1px #957700 solid
}

.option-yellow p {
    color: #957700
}

@media (max-width:768px) {
    .option-radio {
        grid-template-columns: 1fr
    }
}

.quiz-number {
    font-size: 24px;
    font-weight: 700;
    color: #838a8b;
    margin-bottom: 1rem
}

.quiz-number strong {
    color: #457885
}

.quiz-ques {
    background: rgba(237.06, 245.33, 247.37, .7);
    box-shadow: 0 0 12px rgba(0, 0, 0, .06);
    border-radius: 15px;
    outline: 1.5px white solid;
    backdrop-filter: blur(7.50px);
    padding: 20px;
    font-size: 24px;
    font-weight: 700;
    color: #457885;
    border: 1px solid #fff;
    margin-bottom: 1rem;
    font-family: Quicksand
}

.quiz-meter {
    position: relative;
    background: rgba(237, 245, 247, .5);
    box-shadow: 0 0 12px rgba(0, 0, 0, .06);
    border-radius: 15px;
    outline: 1px white solid;
    backdrop-filter: blur(7.50px);
    overflow: hidden;
    padding: 8px 34px
}

.quiz-meter::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 34px;
    right: 34px;
    height: 2px;
    background: repeating-linear-gradient(to right, #fff 0, #fff 6px, transparent 6px, transparent 14px);
    transform: translateY(-50%)
}

.quiz-meter-progress {
    position: absolute;
    top: 50%;
    left: 34px;
    height: 2px;
    z-index: 1;
    background: repeating-linear-gradient(to right, #8ad6ea 0, #8ad6ea 6px, transparent 6px, transparent 14px);
    transform: translateY(-50%);
    transition: width .4s ease
}

.quiz-meter-steps {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%
}

.quiz-dot {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%
}

.quiz-dot.done {
    background: #8ad6ea
}

.quiz-dot.active {
    width: 30px;
    height: 30px;
    background: 0 0;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.quiz-heart {
    font-size: 14px
}

@media (min-width:1800px) {

    .about-mamypoko-wipes .row,
    .cleaniness-mamypko .row,
    .mampoko-wipes-three .row,
    .mamypoko-testimonials .swiper-slider-card {
        max-width: 1300px
    }

    .wipes-imges {
        width: 100%;
        max-width: 200px;
        height: 200px
    }

    .follow-instagrma-section .row {
        max-width: 1250px
    }

    .searchbar-popup {
        right: 0
    }

    .ballon-pokochants {
        position: absolute;
        top: 35%;
        width: 100%;
        max-width: 80px;
        left: -28px
    }
}

@media (max-width:1600px) {
    .wipes-imges {
        width: 100%;
        max-width: 200px;
        height: 200px
    }
}

@media (max-width:1366px) {
    .about-mamypoko-wipes .row {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto
    }

    .wipes-card-content h2 {
        font-weight: 700;
        font-size: 24px;
        line-height: normal
    }

    .wipes-heading .about-heading {
        font-size: 36px;
        line-height: 40px
    }

    .mamypoko-coconut-wipes .coconut-wipes .card-images {
        width: 100%;
        max-width: 80px
    }

    .card-images-content {
        width: 100%;
        max-width: 350px
    }

    .pillow-pokochant {
        left: -10px;
        max-width: 140px
    }

    .star-pokochan {
        max-width: 140px
    }

    .wipes-heading {
        padding-bottom: 16px
    }

    .cleanless-content h3,
    .mamypoko-coconut-wipes .card-images-content h3,
    .wipes-heading p {
        font-size: 24px
    }

    .mamypoko-coconut-wipes .card-images-content p {
        font-size: 16px
    }

    .swiper-slider-card .swiper-button-prev {
        left: -25px;
        top: 50%
    }

    .swiper-slider-card .swiper-button-next {
        right: -25px
    }

    .about-mamypoko-wipes p {
        font-size: 20px;
        line-height: 32px
    }

    .wipes-imges {
        width: 100%;
        max-width: 180px;
        height: 180px
    }

    .wipes-contste {
        padding-left: 25px
    }

    .mamypoko-wipes img {
        margin-top: -70px;
        margin-right: 40px
    }

    .mamypoko-coconut-wipes .coconut-wipes:first-child {
        margin-left: -16px;
        margin-top: 25px
    }

    .mamypoko-coconut-wipes .coconut-wipes:nth-child(2) {
        margin-left: 16px;
        margin-top: 25px
    }

    .mamypoko-coconut-wipes .coconut-wipes:nth-child(3) {
        margin-left: -25px;
        margin-top: 25px
    }

    .book-pokochant {
        right: 50px;
        bottom: 150px;
        width: 150px
    }
}

@media (max-width:1280px) {
    .pillow-pokochant {
        left: -10px;
        max-width: 100px;
        top: 190px
    }

    .star-pokochan {
        max-width: 100px;
        top: 23%;
        right: -25px
    }

    .flower-pokochant {
        max-width: 120px;
        left: 100px
    }

    .swiper-card-testimonills {
        width: 100%;
        max-width: 100%
    }

    .book-pokochant {
        right: 0;
        top: 0;
        width: 150px
    }

    .swiper-slider-card .swiper-button-prev {
        left: 0;
        top: 50%
    }

    .swiper-slider-card .swiper-button-next {
        right: 0
    }

    .cleaniness-mamypko,
    .mampoko-wipes-three,
    .mamypoko-coconuts-wipes,
    .mamypoko-testimonials {
        border-radius: 0 0 120px 120px
    }

    .ballon-pokochants-2 {
        right: -30px;
        top: 120px;
        width: 100%;
        max-width: 80px
    }

    .ballon-pokochants {
        top: 50%;
        width: 100%;
        max-width: 70px;
        left: -28px
    }

    .ideo-section-wrapper .w-100.col {
        padding: 0
    }

    .ideo-section-wrapper .row {
        margin: 0
    }
}

@media (max-width:991px) {
    .mamypoko-coconut-wipes .coconut-wipes {
        justify-content: center
    }

    .cleaniness-mamypko,
    .mampoko-wipes-three,
    .mamypoko-coconuts-wipes,
    .mamypoko-testimonials {
        border-radius: 0 0 100px 100px
    }

    .cleanless-content {
        gap: 10px;
        margin-left: 0;
        margin-top: 15px
    }

    .cleanless-images img {
        width: 100%;
        max-width: 550px;
        margin-left: auto;
        border-radius: 20px;
        z-index: 2;
        position: relative
    }

    .ballon-pokochant {
        top: 36%;
        transform: translateY(-50%);
        left: 0;
        width: 120px
    }

    .mobile-pokochant {
        right: 12px;
        bottom: 30px;
        width: 120px
    }

    .swiper-slider-card .swiper-button-next {
        right: 0;
        top: 50%;
        left: unset
    }

    .swiper-slider-card .swiper-button-prev {
        left: 0;
        top: 50%;
        margin: unset
    }

    .swiper-card-testimonills {
        width: 100%;
        max-width: 100%
    }

    .wipes-heading .about-heading {
        font-size: 30px;
        line-height: normal
    }

    .about-mamypoko-wipes p {
        font-size: 18px;
        line-height: normal
    }

    .mamypoko-coconut-wipes .coconut-wipes:first-child {
        margin: 0 auto
    }

    .mamypoko-coconut-wipes .coconut-wipes:nth-child(2),
    .mamypoko-coconut-wipes .coconut-wipes:nth-child(3) {
        margin: 15px auto 0
    }

    .wipes-contste {
        padding-left: 0;
        padding-top: 25px
    }

    .mamypoko-testimonials .testimonials-gif {
        display: none
    }

    .pregnancy-section .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card .contentcard video {
        position: static;
        margin-top: -135px
    }
}

@media (max-width:800px) {
    .wipes-mampoko-card {
        gap: 20px;
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        gap: 34px;
        flex-direction: column;
        justify-content: start
    }

    .wipes-card {
        display: flex;
        align-items: center;
        gap: 20px;
        width: 100%
    }

    .flower-pokochant {
        max-width: 120px;
        left: 30px
    }
}

@media (max-width:767px) {
    .wipes-card {
        width: 100%;
        gap: 10px
    }

    .wipes-mampoko-card {
        gap: 20px;
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        gap: 34px;
        flex-direction: column;
        justify-content: start;
        padding: 0
    }

    .wipes-heading .about-heading {
        font-size: 28px;
        line-height: 30px
    }

    .about-mamypoko-wipes p {
        font-size: 14px;
        line-height: 20px;
        position: relative;
        z-index: 1
    }

    .cleanless-content h3,
    .swiper-card-testimonills h3 {
        line-height: normal;
        font-size: 20px
    }

    .mampoko-wipes-three {
        padding: 40px 0 60px;
        border-radius: 0 0 30px 30px;
        position: relative;
        z-index: 1
    }

    .swiper-card-testimonills .pull-content,
    .wipes-card-content h2,
    .wipes-heading p {
        font-size: 20px
    }

    .about-mamypoko-wipes {
        padding: 100px 0 50px;
        margin-top: -40px
    }

    .pillow-pokochant {
        left: -10px;
        max-width: 100px;
        top: 62px
    }

    .star-pokochan {
        max-width: 100px;
        top: 60px;
        right: -35px
    }

    .mamypoko-coconut-wipes .card-images-content h3 {
        padding: 0;
        font-size: 18px;
        margin: 0
    }

    .mamypoko-coconut-wipes .coconut-wipes .card-images {
        width: 100%;
        max-width: 60px
    }

    .mamypoko-coconut-wipes .coconut-wipes {
        padding: 15px
    }

    .mamypoko-coconuts-wipes {
        padding: 80px 0 60px;
        border-radius: 0 0 30px 30px
    }

    .mamypoko-testimonials {
        padding: 30px 0;
        border-radius: 0 0 30px 30px
    }

    .swiper-card-testimonills h3 {
        width: 100%;
        margin: 0;
        padding-bottom: 5px
    }

    .swiper-card-testimonills .date {
        font-size: 14px;
        width: 100%;
        margin: 0
    }

    .cleaniness-mamypko {
        padding: 100px 0 60px;
        width: 100%;
        border-radius: 0 0 30px 30px;
        margin-top: -30px
    }

    .swiper-slider-card .swiper-button-next {
        right: 0;
        top: 50%;
        left: unset;
        display: none
    }

    .swiper-slider-card .swiper-button-prev {
        left: 0;
        top: 50%;
        margin: unset;
        display: none
    }

    .swiper-card-testimonills {
        padding: 25px 22px;
        border-radius: 10px
    }

    .mamypoko-testimonials .swiper-slider-card .swiper-pagination {
        display: block
    }

    .mamypoko-testimonials .swiper-slider-card .swiper-wrapper {
        padding-bottom: 65px;
        margin: 0
    }

    .follow-instagrma-section .wipes-heading p {
        font-size: 20px;
        padding-top: 15px;
        padding-bottom: 10px;
        margin: 0
    }

    .wipes-heading span {
        width: 25px
    }

    .cleanless-content {
        padding-top: 25px;
        margin: 0;
        gap: 7px
    }

    .ballon-pokochant {
        position: absolute;
        top: 88px;
        transform: translateY(-50%);
        left: -50px;
        width: 100px
    }

    .cleanless-images img {
        margin: 0 auto;
        display: block
    }

    .wipes-heading {
        padding-bottom: 16px;
        width: 100%;
        max-width: 400px;
        margin: 0 auto
    }

    .wipes-heading.wipes-content {
        max-width: 100%;
        padding-bottom: 10px;
        margin: 0
    }

    .flower-pokochant {
        max-width: 80px;
        left: 25px
    }

    .book-pokochant {
        width: 100px;
        right: 0;
        bottom: 0;
        top: unset;
        position: relative;
        margin-left: auto
    }

    .swiper-card-testimonills {
        width: 100%;
        max-width: 100%
    }

    .cleanless-content p,
    .swiper-card-testimonills p {
        font-size: 16px;
        line-height: 22px
    }

    .swiper-card-testimonills p {
        margin-top: 5px !important
    }

    .cleanless-content .rating span {
        font-size: 15px;
        font-weight: 500;
        color: var(--ms-dark);
        margin-left: 8px
    }

    .cleanless-content svg.svg-inline--fa.fa-star {
        width: 14px
    }

    .follow-instagrma-section {
        padding: 40px 0;
        width: 100%
    }

    .follow-instagrma-section img.mobile-img {
        width: 100%;
        max-width: 450px;
        margin: 0 auto
    }

    .user-card-img {
        gap: 12px;
        width: 100%
    }

    .custom-pagination {
        display: flex
    }

    .wipes-imges {
        width: 100%;
        max-width: 120px;
        height: 120px
    }

    .ballon-pokochants-2 {
        right: -30px;
        top: 30px;
        width: 100%;
        max-width: 60px
    }

    .ballon-pokochants {
        top: unset;
        width: 100%;
        max-width: 60px;
        left: -28px;
        bottom: 100px
    }

    .custome-banner.mamypoko-wipes-baner {
        margin-top: 38px;
        border-radius: 0 0 30px 30px;
        background: #f3f8ff;
        position: relative;
        overflow: hidden;
        border-bottom: 2px solid #cfa52d
    }

    .quiz-start {
        margin-top: 2rem
    }

    .quiz-start .quiz-btn {
        bottom: 15px
    }

    .quiz-start .quiz-btn img {
        max-height: 24px
    }

    .quiz-list {
        padding: 20px
    }

    .quiz-list:before {
        height: 75px
    }

    .quiz-list .backBtn .btn-primary::after {
        top: 17px
    }

    .quiz-number {
        font-size: 16px
    }

    .quiz-ques {
        padding: 10px;
        font-size: 18px
    }

    .quiz-option p.text-center {
        font-size: 14px
    }

    .radio-card {
        min-height: inherit
    }

    .quiz-meter {
        padding: 8px 10px
    }

    .quiz-heart svg {
        max-width: 24px
    }

    .quiz-meter-progress {
        left: 21px
    }
}

.camera-pics {
    position: absolute;
    right: 15px;
    width: 30px;
    bottom: -5px
}

.camera-pics img {
    width: 100% !important;
    max-width: 28px;
    height: auto !important;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / .2)
}

.mamy-world-form .react-datepicker-popper {
    z-index: 1;
    inset: 0 auto auto 0px !important;
    transform: translate3d(0, 50.4px, 0) !important
}

.mamy-world-form .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #aeaeae
}

.mamy-world-form .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
    top: -1px;
    border-top-color: #aeaeae
}

.custome_age-file #select {
    margin-left: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.custome_age-file div#select .css-13cymwt-control,
.custome_age-file div#select .css-t3ipsp-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    width: 110px
}

.pregnancy-calculator img {
    width: 100%;
    max-width: 700px
}

.customize-pregnancy-tracker {
    background-color: var(--skyblue1);
    position: relative;
    padding: 40px 0 140px;
    background-color: var(--skyblue1);
    margin-bottom: -100px
}

.pregnancy-calculator .btn-primary {
    min-width: auto;
    padding: 0 40px 0 20px
}

.pregnancy-calculator .btn-primary:after {
    right: 18px
}

.pregnancy-calculator p {
    color: #1a1a1a;
    text-align: left;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 40px
}

.pregnancy-calculator .heading-component {
    margin-bottom: 20px;
    position: relative;
    z-index: 1
}

.pregnancy-calculator .track-pregnancy {
    width: 100%;
    max-width: 200px;
    position: absolute;
    top: -42px;
    left: 130px
}

.customize-pregnancy-tracker .flower-pregnancy {
    position: absolute;
    right: 0;
    top: -151px;
    width: 100%;
    max-width: 180px
}

.babygrowth-con .track-pregnancy {
    right: 60px;
    left: unset;
    max-width: 150px;
    top: -45px
}

.baby-growth-img .baby-tracker-pregnancy {
    width: 100%;
    max-width: 250px;
    position: absolute;
    right: 60px;
    bottom: 120px
}

.pregnancy-calculator.imagespo {
    max-width: 98%
}

.header_navbar {
    width: 100%;
    padding: 16px 0;
    background-color: var(--ms-white)
}

.mamypoko-pants.babyImg-work {
    background-color: #f9f2f4
}

.babyImgGen-sec {
    background-image: url(../img/bany-back.jpg);
    padding: 150px 0;
    position: relative;
    z-index: 1;
    margin-top: -55px;
    margin-bottom: -88px
}

.babyImgGen-sec .title,
.img_loader span {
    text-align: center;
    padding: 0 15px;
    background: linear-gradient(90deg, #ec4899, #3b82f6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    background-clip: text;
    color: #fff0;
    font-weight: 700;
    font-size: 36px;
    display: inline-block
}

.img_loader {
    display: flex;
    flex-direction: column
}

.calender-card .result-cards .begning-card.pregnancyCard h3,
.img_loader span {
    font-size: 24px
}

.imageGenerator {
    background-color: rgb(255 255 255 / .5);
    max-width: 800px;
    margin: auto;
    border-radius: 8px;
    padding: 25px;
    background: linear-gradient(#e8f3f9 0 0) padding-box, linear-gradient(90deg, #cb61fb, #333295) border-box;
    border: 2px solid #fff0
}

.photos-row {
    justify-content: space-between;
    margin-bottom: 25px
}

.photo-box {
    border: 2px dashed #ddd;
    border-radius: 12px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.photo-box button.removebtn {
    position: absolute;
    top: 5px;
    right: 5px;
    border: none;
    z-index: 2;
    background: 0 0
}

.photo-box h4 {
    margin-bottom: 10px;
    font-size: 16px
}

.photo-box.mother {
    border-color: #ec4899;
    background: rgb(236 72 153 / .08)
}

.photo-box.father {
    border-color: #3b82f6;
    background: rgb(59 130 246 / .08)
}

.plus-icon {
    font-size: 22px;
    margin: 0 15px;
    color: #666
}

.choose-btn,
.gender-btn {
    font-size: 14px;
    background: #fff;
    cursor: pointer
}

.choose-btn {
    margin-top: 10px;
    padding: 8px 18px;
    border: 1px solid #3b82f6;
    border-radius: 25px;
    color: #3b82f6
}

.gender-select p {
    margin-bottom: 10px;
    font-weight: 500
}

.gender-sec label,
.submit-btn {
    font-weight: 600;
    font-size: 16px
}

.gender-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 25px
}

.gender-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 25px;
    border: 2px solid #fff0;
    transition: .3s
}

.gender-btn.surprise,
.submit-btn {
    background-clip: padding-box, border-box;
    background-origin: border-box
}

.baby-future-look:before,
.baby-product.babyimggen:after,
.baby-product.mamypoko-essentials:before,
.baby-product.milestone-growth:before,
.baby-product:before,
.dos-donts-wrapper {
    background-repeat: no-repeat;
    background-size: cover
}

.gender-btn span {
    display: inline-block;
    padding: 8px 25px;
    font-size: 16px;
    min-width: 100px;
    text-align: center
}

.gender-btn.girl {
    border-color: #ec4899
}

.gender-btn.boy span,
.gender-btn.girl span,
.gender-btn.surprise span {
    color: #000
}

.gender-btn.boy {
    border-color: #3b82f6
}

.gender-btn.surprise {
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #ec4899, #3b82f6)
}

.gender-btn input:checked+span {
    color: #fff;
    padding: 8px 20px;
    border-radius: 25px
}

.gender-btn.girl input:checked+span {
    background: #ec4899
}

.gender-btn.boy input:checked+span {
    background: #3b82f6
}

.gender-btn.surprise input:checked+span,
p.labelBtn span {
    background: linear-gradient(90deg, #ec4899, #3b82f6)
}

.submit-btn {
    padding: 12px 28px;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    color: #fff;
    border: 3px solid #fff0;
    background-image: linear-gradient(90deg, #cb61fb, #333295), linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222)
}

.gender-sec {
    flex: 1
}

.gender-sec label {
    color: #ec4899;
    display: block;
    text-align: left;
    margin-bottom: 1rem
}

.gender-sec.fatherPic label {
    color: #3b82f6
}

p.labelBtn {
    background: #fff;
    border-radius: 100px;
    padding: 15px;
    border: 1px solid #3b82f6;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden
}

p.labelBtn span {
    -webkit-background-clip: text;
    background-clip: text;
    color: #fff0
}

.common-field .form-control {
    background-color: #fff;
    border-radius: 100px;
    padding: 0 25px
}

.otp-section {
    max-width: 400px;
    margin: 0 auto
}

.otp-box {
    width: 50px;
    height: 50px;
    font-size: 20px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 6px;
    outline: 0;
    transition: border-color .3s
}

.otp-box:focus {
    border-color: #4a90e2;
    box-shadow: 0 0 3px rgb(74 144 226 / .6)
}

.resendotp {
    font-size: 14px;
    color: #000;
    text-decoration: underline;
    cursor: pointer
}

.mamyWorldBtn-sec {
    position: sticky;
    top: 150px;
    left: 0;
    z-index: 2
}

.mamyImg,
.mamyWorldBtn,
.mamyWorldHead,
.partitle {
    position: relative
}

.mamyWorldBtn {
    background-color: rgb(255 255 255 / .5);
    border-radius: 14px;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / .1);
    padding: 20px;
    z-index: 2;
    backdrop-filter: blur(5px);
    overflow: hidden;
    -webkit-backdrop-filter: blur(5px)
}

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

.mamyWorldBtn ul li {
    margin: 0 0 1rem
}

.mamyWorldBtn ul li>a {
    background-color: #fff;
    padding: 8px 16px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid;
    font-weight: 700;
    white-space: nowrap;
    min-height: 58px
}

.mamyWorldBtn ul li>a img {
    max-width: 40px;
    max-height: 40px;
    min-width: 40px;
}

.mamyWorldBtn ul li>a.active,
.mamyWorldBtn ul li>a:hover.active {
    background-color: #e7edf5;
    border: 3px solid #fff0;
    border-radius: 100px;
    background-image: linear-gradient(#e7edf5, #e7edf5), linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    background-origin: border-box;
    background-clip: padding-box, border-box
}

.mamyWorldBtn ul li>a:hover {
    background-color: #e7edf5;
    border: 1px solid #fff0;
    border-radius: 100px;
    background-image: linear-gradient(#e7edf5, #e7edf5), linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    background-origin: border-box;
    background-clip: padding-box, border-box
}

.baby-future-look,
.baby-product {
    border: 3px solid #fff0;
    background-origin: border-box;
    background-clip: padding-box, border-box
}

.mamyWorldBtn ul li.wallLin a {
    color: #2c4198
}

.mamyWorldBtn ul li.babyLin a {
    color: #009dd8
}

.mamyWorldBtn ul li.babyGenLin a {
    color: #aa32e1
}
.mamyWorldBtn ul li.babyGenStory a {
    color:blue
}

.mamyWorldBtn ul li.momLin a {
    color: #E53E6B
}

.mamyWorldBtn ul li.mom_doc a {
    color: #6E2900
}

.mamyWorldBtn ul li.contactLin a {
    color: #2e3192;
    justify-content: center
}

.mamyWorldHead {
    display: flex;
    align-items: center;
    max-width: 1200px;
    margin: auto
}

.mamyWorldHead header {
    max-width: 475px
}

.mamyWorldHead header .title {
    font-size: 36px;
    font-weight: 700;
    color: #2c4198
}

.mamyWorldHead header p {
    font-size: 24px;
    color: #000
}

.partitle {
    transform: translate3d(0, 180px, 0)
}

.mamyImg {
    transform: translate3d(0, 240px, 0)
}

.babyIco,
.blurBaloon,
.leftFlower,
.rightBaloon,
.smallBaloon,
.smallFlower {
    position: absolute
}

.mamyImg img {
    max-width: 500px
}

.blurBaloon {
    bottom: 5px;
    left: 50%;
    max-width: 100px
}

.smallFlower {
    z-index: 1;
    bottom: -15px;
    right: 0;
    max-width: 250px
}

.leftFlower {
    z-index: 1;
    top: -20px;
    left: -40px;
    max-width: 90px
}

.smallBaloon {
    top: -35px;
    left: 45%;
    z-index: 1;
    max-width: 60px
}

.babyIco {
    bottom: -30px;
    max-width: 150px;
    left: -120px;
    z-index: 1
}

.rightBaloon {
    top: 0;
    right: -165px;
    max-width: 140px
}

.baby-future-look {
    border-radius: 12px;
    background-image: linear-gradient(135deg, #4facfe, #e84393), linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    color: var(--ms-white);
    padding: 40px 0 40px 40px;
    margin-bottom: 40px;
    position: relative
}

.baby-future-look:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/futurebg.png);
    z-index: 1
}

.baby-future-look h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    position: relative;
    z-index: 2
}

.baby-future-look p {
    font-size: 18px;
    margin-bottom: 20px;
    color: var(--ms-white);
    position: relative;
    z-index: 2
}

.baby-future-look .btnGroup {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    position: relative;
    z-index: 2
}

.baby-future-look .btnGroup .btn {
    min-width: inherit;
    display: flex;
    padding: 0 25px;
    align-items: center;
    gap: 10px
}

.baby-image-box .imgBaby {
    border-radius: 15px;
    border: 1px dashed var(--ms-white);
    position: absolute;
    top: 30px;
    left: 0;
    max-width: 80%;
    margin: auto;
    right: 0
}

.baby-product {
    border-radius: 12px;
    background-image: linear-gradient(135deg, #f5d7cd, #f5d7cd), linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    position: relative;
    min-height: 350px;
    overflow: hidden
}

.baby-product:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 193px;
    height: 124px;
    background-image: url(../img/Product-Launch-2.jpg);
    background-position: bottom right;
    z-index: 1
}

.baby-product header {
    padding: 80px 40px 60px;
    position: relative;
    z-index: 2
}

.baby-product h3 {
    font-size: 30px;
    font-weight: 700;
    color: #e2805b;
    margin-bottom: 20px
}

.baby-product.milestone-growth:before {
    background-image: url(../img/Milestones-Growth-Journey.jpg);
    width: 100%;
    height: 100%
}

.baby-product.milestone-growth h3 {
    color: #179bca
}

.baby-product.milestone-growth {
    background-color: #7ed2f0
}

.baby-product.mamypoko-essentials:before {
    background-image: url(../img/mamypoko-essentials.jpg);
    width: 100%;
    height: 100%
}

.baby-product.mamypoko-essentials header {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 450px;
    padding: 40px
}

.baby-product.mamypoko-essentials h3 {
    color: #528ba9
}

.baby-product.babyimggen {
    background-image: linear-gradient(135deg, #eb4999, #3d82f5), linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    min-height: inherit
}

.baby-product.babyimggen h3 {
    color: #fff
}

.baby-product.babyimggen .btn-explore,
.baby-product.babyimggen .btn-explore:hover {
    color: var(--ms-primary) !important;
    background-color: var(--ms-white) !important;
    display: flex;
    align-items: center;
    gap: 10px
}

.baby-product.babyimggen:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background-image: url(../img/cloud-bg.png);
    width: 100%;
    height: 150px
}

.dos-donts-wrapper {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 20px;
    flex-wrap: wrap;
    padding: 20px;
    border: 3px solid #fff0;
    border-radius: 12px;
    background-image: url(../img/Dos-Dont.jpg), linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    background-origin: border-box;
    position: relative;
    background-clip: padding-box, border-box;
    overflow: hidden
}

.donts-card,
.dos-card {
    flex: 1;
    min-width: 280px;
    padding: 20px;
    border-radius: 10px;
    background: rgb(255 255 255 / .6);
    box-shadow: 0 4px 10px rgb(0 0 0 / .08)
}

.donts-title,
.dos-title {
    font-size: 20px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid;
    padding-bottom: 15px;
    justify-content: space-between
}

.dos-title {
    color: #008c4a
}

.donts-title {
    color: #d9534f
}

.donts-list li,
.dos-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 1.4
}

.check-icon {
    color: #00a859;
    font-weight: 700
}

.cross-icon {
    color: #e63946;
    font-weight: 700
}

.growth-card {
    border-radius: 12px;
    padding: 25px;
    background-repeat: no-repeat;
    background-size: cover;
    border: 3px solid #fff0;
    background-image: url(../img/babygrowth-gradient.jpg), linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    background-origin: border-box;
    position: relative;
    background-clip: padding-box, border-box;
    overflow: hidden box-shadow:0 4px 12px rgb(0 0 0 / .06)
}

.growth-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.growth-title {
    color: #0084d6;
    font-size: 22px;
    font-weight: 600
}

.growth-week {
    display: flex;
    flex-direction: column;
    text-align: left;
    min-width: 200px;
    flex: 0
}

.growth-week label {
    font-size: 14px;
    font-weight: 600;
    color: #000
}

.week-dropdown {
    margin-top: 4px;
    padding: 8px 12px;
    border-radius: 20px;
    border: 1px solid #ddd;
    font-size: 15px;
    background: url(../img/select-icon.png) 0 0/15px no-repeat #fff;
    min-width: 100%;
    background-position: calc(100% - 15px);
    cursor: pointer
}

.growth-subtitle {
    margin: 15px 0;
    font-size: 16px;
    font-weight: 500;
    color: #111
}

.growth-body {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    flex-wrap: wrap
}

.growth-list {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1
}

.growth-list li {
    position: relative;
    padding-left: 36px;
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 1.5
}

.growth-list li::before {
    content: "";
    width: 26px;
    height: 26px;
    border-radius: 100%;
    border: 2px solid currentColor;
    position: absolute;
    left: 0;
    top: 0
}

.growth-list li::after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: currentColor;
    position: absolute;
    left: 3px;
    top: 3px
}

.growth-list li.blue {
    color: #3682ce
}

.growth-list li.pink {
    color: #d15694
}

.growth-list li.yellow {
    color: #c19f1c
}

.growth-image,
.growth-image1 {
    flex: 1;
    max-width: 350px;
    min-height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../img/gifback.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center bottom
}

.growth-image1 {
    background-image: url(../img/gifback1.png)
}

.growth-image img,
.growth-image1 img {
    width: 100%;
    max-width: 243px
}

.analyse-progress.baby-tracker {
    padding: 20px
}

.baby-tracker.analyse-progress .filter-diapers .filter-diaper-content {
    background: rgb(0 0 0 / .03)
}

.baby-tracker.analyse-progress .nav.nav-tabs {
    border-radius: 0;
    background: 0 0;
    box-shadow: none
}

.baby-tracker-model .next-step-cards.dashboard .baby-tracker.analyse-progress .nav.nav-tabs li.nav-item .nav-link span {
    padding: 5px 10px;
    width: 100%;
    font-size: 14px
}

.calender-card .result-cards,
.growthTracker {
    border: 3px solid #fff0;
    border-radius: 12px;
    background-image: linear-gradient(135deg, #fff, #fff), linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
    background-origin: border-box;
    position: relative;
    background-clip: padding-box, border-box;
    overflow: hidden
}

.pregnant-cacr-tracler .begning-card.pregnancyCard {
    background-color: rgb(255 255 255 / .7);
    padding: 24px;
    border: 2px solid #fff;
    border-radius: 12px;
    transform: translate(0, -50%);
    top: 50%;
    right: 30px;
    text-align: center
}

.babyInside {
    background: #7cccc7;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 12px;
    text-align: center
}

.babyInside .progress-card-baby,
.calender-card .result-cards .begning-card.pregnancyCard h5 {
    font-size: 14px;
    color: #000
}

.babyInside .wight-h-card {
    padding: 8px 16px;
    background: #d6fffc;
    border-radius: 12px
}

.babyInside .wight-h-card p {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    padding: 0 !important
}

.begning-card.pregnancyCard img {
    margin-bottom: 0;
    padding-bottom: 0
}

.begning-card.pregnancyCard a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration-line: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 10px 0
}

.calender-card .result-cards .begning-card.pregnancyCard h3,
.calender-card .result-cards .begning-card.pregnancyCard h4,
.calender-card .result-cards .begning-card.pregnancyCard h5 {
    text-align: center;
    display: block
}

@media (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1400px
    }

    .container-fluid {
        max-width: 1760px;
        margin: 0 auto
    }
}

@media (min-width:1800px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1600px
    }
}

@media (max-width:1900px) {
    .personal-guide .explore-preg {
        position: absolute;
        top: 22px;
        right: 120px;
        width: 100%;
        max-width: 250px
    }
}

@media (max-width:1750px) {
    .searchbar-popup {
        position: absolute;
        right: 30px;
        top: 65px
    }

    .carousel-content .carousel-caption {
        bottom: 120px;
        padding-left: 220px
    }

    .product-world-wrapper .tab-filterheading {
        top: 55px;
        right: 525px
    }

    .parenthood-heart .parenthood-heart2 {
        width: 300px
    }

    .parenthood-heart .parenthood-gifs1 {
        width: 165px;
        top: 30px
    }

    .parenthood-guide .parenthood-heart {
        top: 165px
    }

    .parenthood-gif {
        width: 158px;
        right: 16px;
        bottom: 0
    }

    .product-world-gif::after {
        bottom: -10px !important;
        height: 52px !important
    }

    .breacums ul {
        left: 0 !important;
        top: 90px
    }

    .stay-connected::before {
        left: -30px
    }

    .stay-connected::after {
        right: -30px;
        top: 0;
        height: 100%
    }

    .navbar-link.lasticon {
        position: relative;
        right: 0;
        gap: 12px
    }

    .about-us.banner-according-section {
        margin-top: -180px;
        padding: 130px 0 210px
    }

    .banner-heart img {
        height: 128px
    }

    .banner-heart,
    .banner-section.video-banner .carousel-content .carousel-caption {
        bottom: 190px
    }

    .about-us {
        margin-top: -85px
    }

    .banner-section.video-banner .banner-heart {
        bottom: 105px
    }

    .stay-connected .connected-form .form-sec {
        padding: 20px 0 20px 66px
    }

    .pregnancy-announcement .swiperBoxContent .box-heading,
    .video-carousel .swiperBoxContent .box-heading {
        font-size: 22px;
        font-weight: 700;
        line-height: 28px
    }

    .top-navbar .container {
        position: relative;
        z-index: 2;
        max-width: 1500px
    }

    .about-history-card p,
    .navbar-link .nav-item.dropdown a,
    .navbar-link a.nav-link,
    .profile-name h6 {
        font-size: 17px
    }

    .navbar-link.lasticon a.nav-link img {
        width: 22px;
        max-width: 16px
    }

    .navbar-nav {
        gap: 50px;
        width: 100%
    }

    .logo {
        width: 160px
    }

    .banner-section {
        margin-top: 42px
    }

    .momcorner-gif img {
        position: relative;
        right: 20px
    }

    .about-content-card {
        margin-top: 30px;
        padding: 50px 0 30px 30px
    }

    .about-con .mamypoko-heading,
    .about-history-card h4,
    .about-list2 h4,
    .absorb-cards-sec .features-content h4,
    .blog-content h3,
    .calender-date h4,
    .data-circumtance h4,
    .faq-card h5,
    .faq-main-wrapper .single-faq-box h3,
    .next-step-cards form h5,
    .tesrm-condion-content h3,
    .testi-head .box-heading,
    .timeline-semester h4,
    .unicharm-content h5 {
        font-size: 22px
    }

    .testimonilas-content p {
        font-size: 18px;
        line-height: 24px;
        padding-top: 19px;
        padding-bottom: 23px
    }

    .testi-head span svg {
        font-size: 14px;
        padding-top: 7px;
        width: 16px
    }

    .heading-component .heading-title {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 10px
    }

    .dropdown-menu.show .row {
        height: 100%;
        position: relative;
        max-width: 1250px;
        margin: 0 auto
    }

    .product-menu-details h5 {
        padding-top: 6px;
        font-size: 16px
    }

    .navbar-heading h5 {
        font-size: 18px;
        font-weight: 700
    }

    .text-center.p-5.quiz-description p {
        font-size: 1.3rem;
        color: #2e3192;
        margin-bottom: 0;
    }


    .product-details-content h5 {
        font-size: 18px;
        font-weight: 600
    }

    .product-details-content p {
        font-size: 14px;
        font-weight: 400;
        line-height: normal
    }

    .product-img {
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .all-blog-section .allnews-two img,
    .mother-card .card-img img,
    .product-img img {
        max-width: 100px
    }

    .blog-content h5,
    .blog-content ol li,
    .blog-content p,
    .blog-content ul li,
    .button-number p,
    .faq-card p,
    .faq-main-wrapper .single-faq-box p,
    .input-series h4,
    .newborn .mamypoko-essentials-heading p,
    .next-step-cards .days-select label,
    .pregnancy-faq-card .accordion-body p,
    .profile-cards.accordion .accordion h2.accordion-header button.accordion-button,
    .profile-cards.accordion h3,
    .profile-name label,
    .review-filter-btn p,
    .review-name-heading h5,
    .single-cat-box .blog-box-detail h5,
    .vieo-content h4,
    ul.mamy-list1 li {
        font-size: 18px
    }

    .dropdown-menu.show .personal-guide-card .contentcard .content h3 {
        font-size: 18px !important
    }

    .dropdown-menu.show .personal-guide-card .contentcard .content p {
        font-size: 12px !important
    }

    .carousel-content .carousel-caption p {
        font-size: 28px;
        line-height: 40px;
        padding-bottom: 5px
    }

    .carousel-content .carousel-caption .slider-heading {
        font-size: 55px;
        line-height: 64px
    }

    .btn {
        font-family: Figtree, sans-serif;
        border-radius: 100px;
        font-size: 16px;
        cursor: pointer;
        font-weight: 600;
        padding: 0 35px;
        line-height: 52px;
        transition-duration: .4s;
        min-width: 230px;
        text-align: left
    }

    .banner-content {
        gap: 35px
    }

    .mother-card .card-content .title {
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        max-width: 100%
    }

    .mother-card .card-content {
        padding: 10px 14px 10px 50px;
        margin-left: 15px;
        width: 300px
    }

    .about-content .about-heading {
        font-size: 26px;
        font-style: normal;
        line-height: 35px
    }

    .mother-award-section,
    .profile-sidebar {
        padding: 25px
    }

    .preemie-unicharm-banner .custome-banner-content p,
    .product-world-wrapper .nav-tabs .nav-link,
    .product-world-wrapper .tab-filterheading h5,
    .unicharm-corporation-content p {
        font-size: 18px;
        line-height: 28px
    }

    .tab-swiper-box .product-content h5 {
        font-size: 20px;
        padding-bottom: 5px
    }

    .tab-swiper-box .product-content .swiper-cta .swiper-btn {
        font-size: 16px !important
    }

    .tab-swiper-box .product-content .swiper-cta {
        margin-top: 5px
    }

    .personal-guide .nav.nav-tabs li .nav-link.active {
        font-weight: 600;
        line-height: 16px
    }

    .absorb-cards-sec .features-content p,
    .achievement-details .achievement-content p,
    .blog-card-content p,
    .blog-content h6,
    .compresive-card .compresive-content h4,
    .connected-form .form-sec p,
    .contactForm-wrapper .form-label,
    .extra-absorb-navbar .absorb-navbar ul li.active-scroll-spy a,
    .general-support .profile-name h6,
    .mamypoko-pregnancy-period ul li a,
    .mamypoko-star p,
    .personal-guide .nav.nav-tabs li .nav-link,
    .profile-cards.accordion label.form-label,
    .profile-managements ul li a,
    .profile-sidebar ul li a,
    .profile-sidebar ul li a.active,
    .profile-sidebar ul li a:hover,
    .read-more-btns,
    .review-date h6,
    .search-page .single-faq-box p,
    .signle-principle .single-principle-content p,
    .sub-footer-list ul li a,
    .testimonials-name h4 {
        font-size: 16px
    }

    .personal-guide .nav.nav-tabs li span img {
        width: 60px;
        height: 60px
    }

    .personal-guide .nav.nav-tabs {
        max-width: 1060px
    }

    .personal-guide .explore-preg {
        top: 16px;
        right: 185px;
        max-width: fit-content;
        padding: 0 44px 0 15px
    }

    .hi_lang .personal-guide .explore-preg:after {
        right: 22px
    }

    .latest-news-cards.popular-blogs .heading-component,
    .product-world-wrapper .heading-component {
        margin-bottom: 40px
    }

    .contentcard .content h3 {
        font-size: 20px !important
    }

    .contentcard .content p {
        font-size: 16px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .contentcard .content .read-more-btn {
        font-size: 16px;
        font-weight: 500;
        line-height: 28px
    }

    .contact-address-details,
    .custome-banner,
    .parenthood-card {
        margin-top: 50px
    }

    .parenthood-guide.parentguide .parenthood-card,
    .personal-guide.hospital-card {
        max-width: 1250px
    }

    .parenthood-card .col-lg-4:nth-child(3) .contentcard {
        height: auto;
        min-height: 213px
    }

    .testimonials-gif {
        max-width: 210px
    }

    .testimonials-gif .shadow_img {
        right: 1px !important;
        bottom: 15px !important
    }

    .testimonials-gif .testimonials-img {
        bottom: 30px
    }

    .mamy-semi-heading {
        font-size: 26px;
        line-height: 34px
    }

    .momcorner-content ul li,
    .pack-bag-list ul li {
        font-size: 18px;
        font-weight: 400;
        padding-left: 32px
    }

    .momcorner-content {
        padding-left: 60px
    }

    .momcorner-content ul {
        gap: 10px;
        max-width: 480px
    }

    .achievement-details .achievement-content h4,
    .babymini-content p,
    .blog-content h4,
    .calender-date h5,
    .footer-widget .footer-title,
    .general-support .profile-name h4,
    .heading-component p,
    .pants-mamy-content h5,
    .pregnancy-timeline-content p,
    .search-page .single-faq-box h3,
    .signle-principle .single-principle-content h4 {
        font-size: 20px
    }

    .mamypoko-video-wrapper .video-gif img {
        max-width: 270px
    }

    .mamypoko-video-wrapper .video-gif::after {
        bottom: -5px;
        background-size: 12rem;
        left: -30px
    }

    .connected-form .form-sec h4,
    .meet-pokochan-sec .essential-content .heading-title,
    .why-mamypoko-sec .heading-component .heading-title {
        margin-bottom: 10px
    }

    .stay-connected .subscribe-ballon {
        bottom: -10px
    }

    .about-content-card ul {
        width: 510px
    }

    .about-content-card ul .nav-link,
    .about-content-card ul .nav-link.active {
        border-radius: 40px;
        font-size: 16px;
        line-height: 16px;
        padding: 20px 35px;
        width: unset;
        height: unset
    }

    .about-content-card ul .nav-link.active:before {
        height: auto;
        width: auto
    }

    .about-content-card .tab-content,
    .product-dipers img {
        padding-top: 20px
    }

    .about-list p {
        font-size: 16px;
        line-height: 24px;
        padding-top: 5px
    }

    .about-list2 p {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        padding-top: 15px
    }

    .footer-widget ul li a {
        font-size: 16px;
        line-height: 25px
    }

    .footer-content p {
        font-size: 16px;
        line-height: 26px
    }

    .footer-gif {
        right: -50px;
        top: -15px;
        z-index: 3;
        max-width: 280px
    }

    .footer-gif::after {
        bottom: -24px;
        background-size: 13rem
    }

    .blog-content h2,
    .unicham-brand .brand-cont p {
        font-size: 24px
    }

    .unicham-brand .brand-cont .brand-subhead {
        font-size: 20px;
        line-height: 31px
    }

    .form-wrapper form label {
        font-size: 16px;
        padding-left: 10px
    }

    .babymini-content .absorp-heading,
    .blog-heading h1,
    .carousel-content .carousel-caption h5,
    .connected-form .form-sec h4,
    .title-mid,
    .tittle-small {
        font-size: 28px
    }

    .mother-card:first-child {
        margin-left: 150px
    }

    .mother-card:nth-child(2) {
        margin-left: 60px
    }

    .about-page-sec2.did-know-section .parenthood-gif,
    .community-banner-form.signuppage .video-gif.product-world-gif,
    .faq-main-wrapper .three-flowers,
    .parenthood-guide.parentguide .parenthood-gif,
    .stay-connected .subscribe-ballon.subscribe {
        bottom: 0
    }

    .momcorner-gif .shadow_img {
        right: 64px !important;
        bottom: 10px;
        max-width: 150px
    }

    .filter-open .diaper-iner-tab,
    .meet-pokochan-cta {
        margin-top: 10px
    }

    .product-world-wrapper .tab-swiper-box .product-content h5 {
        min-height: auto
    }

    .product-world-wrapper .filcontent {
        margin-top: -50px
    }

    .about-banner-gif {
        position: absolute;
        width: 100%;
        max-width: 250px;
        right: 0;
        bottom: 50px
    }

    .did-know-section .parenthood-gif {
        width: 248px;
        right: -110px;
        position: absolute;
        bottom: 35px
    }

    .pregnancy_Videos .parenthood-gif {
        width: 270px;
        left: 0;
        top: -15px
    }

    .pregnancy_Videos .parenthood-gif .shadow_img {
        max-width: 305px;
        left: 0
    }

    .mom-corner-curve.pregnancy {
        margin-top: -68px
    }

    .absorb-cards-sec .features-content,
    .personal-guide-product,
    .pregnancy-tracker img.banner-img,
    .video-carousel.pregnancy-video-sec {
        margin-top: 0
    }

    .essential-content {
        top: 83px;
        left: 80px
    }

    .mamypoko-essentials .parenthood-gif {
        display: block !important
    }

    .hospital-banner .custome-banner-content .title-xl,
    .mamypoko-essentials-heading .title-xl2,
    .title-section {
        font-size: 45px
    }

    .essential-content.mampoko-essetional {
        max-width: 650px
    }

    .contact-banner h1.title-lg,
    .faq-banner h1.title-lg,
    .title-xl,
    .title-xl2 {
        font-size: 50px
    }

    .breacums ul li a {
        font-size: 14px
    }

    .custome-banner-content p {
        font-size: 20px;
        line-height: 25px
    }

    .did-know-content {
        max-width: 600px;
        margin: 0 auto !important
    }

    .did-know-img img {
        max-width: 350px
    }

    .did-know-content p {
        font-size: 20px;
        line-height: 30px
    }

    .bottom-quate {
        bottom: 0;
        max-width: 25px
    }

    .top-quate {
        left: -30px;
        max-width: 25px
    }

    .health-pregnancy .personal-guide .nav.nav-tabs li span {
        width: 60px;
        height: 60px;
        border-radius: 50%
    }

    .health-pregnancy .personal-guide .nav.nav-tabs {
        padding: 14px 10px;
        max-width: 1025px
    }

    .health-pregnancy .personal-guide .explore-preg {
        top: 17px;
        right: 205px
    }

    .absorbbanner-slider h4,
    .begning-card h2,
    .contact-address-details .title-md,
    .mamypoko-essentials-heading p,
    .right-blog-box h4,
    .right-box-4 .right-box-4-content h5 {
        font-size: 25px
    }

    .mamypoko-essentials-heading {
        padding-top: 60px;
        padding-bottom: 30px;
        max-width: 700px
    }

    .parenthood-content h5 {
        font-size: 20px;
        line-height: 28px;
        min-height: 75px
    }

    .parenthood-brand-card img {
        height: 195px
    }

    .parenthood-content .btn {
        margin-top: 10px;
        line-height: 40px
    }

    .infant-page .parenthood-brand-card .parenthood-content {
        padding: 13px 28px
    }

    .product_card-ab {
        position: absolute;
        left: -130px;
        top: -57px
    }

    .personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(2) .product_card-ab {
        right: 25px;
        bottom: -50px;
        max-width: 120px;
        width: 100%
    }

    .sticky-product-sec.scrolledClass {
        background-color: #fff;
        box-shadow: 0 0 25px 0 rgb(0 0 0 / .1);
        max-width: 1200px;
        margin: 0 auto;
        border-radius: 100px
    }

    .personal-guide-product .filter-diaper {
        right: 25px;
        top: 45px
    }

    .productbanner .custome-banner-content .title-section {
        padding-bottom: 10px
    }

    .personal-guide-product .nav.nav-tabs li a {
        border: 0;
        font-size: 16px
    }

    .personal-guide-product .nav-tabs {
        max-width: 1130px
    }

    .product-mpp-list .nav-tabs {
        overflow-x: unset;
        white-space: nowrap;
        flex-wrap: nowrap;
        overflow-y: unset;
        max-width: 700px !important
    }

    .sticky-product-sec.scrolledClass .product-mpp-list {
        padding-bottom: 24px
    }

    .product-mpp-list .nav-tabs li a {
        padding: 5px 30px !important
    }

    .product-page-tabs .personal-guide-product .filter-diaper .filter-diapers {
        top: 12px;
        max-width: fit-content;
        right: 5px;
        margin-left: auto
    }

    .personal-guide-product .filter-diaper .filcontent {
        right: 25px;
        margin-top: 15px
    }

    .product-card-sec .product-content ul li {
        font-size: 18px;
        margin: 0
    }

    .product-content .title-section,
    .title-lg {
        font-size: 35px;
        line-height: 45px
    }

    .product-image {
        max-width: 580px
    }

    .product-dipers h4 {
        font-size: 24px;
        line-height: 32px
    }

    .product-dipers .btn {
        min-width: 190px;
        margin-top: 20px
    }

    .sticky-product-sec {
        top: 138px
    }

    .babby-raintow {
        position: absolute;
        right: -112px;
        bottom: -150px;
        max-width: 220px
    }

    .baby-minitape:nth-child(2n) .parenthood-gif:after {
        background-size: 37rem
    }

    .baby-minitape:nth-child(2n) .parenthood-gif {
        left: 0;
        width: 250px
    }

    .baby-minitape:nth-child(2n) .parenthood-gif .parenthood-gifs {
        bottom: 0;
        right: 30px
    }

    .baby-minitape:nth-child(2n) .parenthood-gif .shadow_img {
        bottom: -32px;
        width: 220px;
        right: 30px !important
    }

    .mamypoko-essentials.newborn-essen .parenthood-gif {
        bottom: 45px
    }

    .mamypoko-essentials.newborn .essential-content,
    .mamypoko-essentials.newborn-baby .essential-content {
        top: 120px
    }

    .mamypoko-essentials.newborn .parenthood-gif {
        left: 300px;
        width: 250px
    }

    .mamypoko-essentials.newborn .parenthood-gif img.shadow_img {
        bottom: 2px !important;
        left: 30px;
        margin: 0 auto
    }

    .babymini-img {
        width: 100%;
        max-width: 300px
    }

    .preemie-diapers .ballon-star img,
    .preemie-star img,
    .time-to-switch .cloudImg {
        max-width: 180px
    }

    .preemie-unicharm-banner .custome-banner-content h2,
    .time-to-switch .time-to-switch-content h4 {
        font-size: 35px
    }

    .time-to-switch .time-to-switch-content p {
        font-size: 24px;
        line-height: 35px
    }

    .newborn .mamypoko-essentials-heading .tittle-small {
        font-size: 34px;
        padding-bottom: 15px
    }

    .mamypoko-essentials.newborn-baby .mamypoko-essentials-heading {
        padding-top: 30px
    }

    .mamypoko-essentials.newborn-baby .essential-content .essentials-bg-img {
        top: 0;
        left: 480px
    }

    .mamypoko-pants-section img.mamypoko_rotate-img {
        max-width: 1170px;
        height: 490px;
        left: 210px;
        right: 0;
        top: -35px
    }

    .absorbbanner-card {
        gap: 130px;
        padding-top: 5px
    }

    .extraabzorb-bannaer .swiper-slide img {
        max-width: 430px
    }

    .extra-absorb-navbar .absorb-navbar ul li a img {
        width: 100%;
        max-width: 30px
    }

    .extra-absorb-navbar .absorb-navbar ul {
        gap: 15px;
        justify-content: center
    }

    .extra-absorb-navbar .absorb-navbar ul li a {
        gap: 15px;
        font-size: 16px
    }

    .title-big {
        font-size: 64px;
        line-height: 65px
    }

    .share-icon-absorb span img {
        max-width: 40px;
        height: auto
    }

    .pants-star span svg {
        font-size: 16px;
        width: 16px
    }

    .absorbbanner-slider p {
        font-size: 18px;
        padding-top: 0
    }

    .absorbbanner-slider h1 {
        font-size: 32px;
        line-height: 30px;
        padding-top: 10px
    }

    .absorbbanner-slider .current-price {
        font-size: 28px;
        line-height: 30px;
        padding-top: 10px
    }

    .absorbbanner-slider .btn {
        min-width: 170px;
        margin-top: 12px;
        font-size: 14px
    }

    .extaabzorbbanner {
        padding: 140px 0 10px
    }

    .extraabzorb-bannaer {
        padding-bottom: 90px
    }

    .features-extra-absorb {
        padding-top: 50px
    }

    .absorb-logo .absorb-img img,
    .timeline-aboutfour img {
        width: 100%;
        max-width: 120px
    }

    .absorblogo-content h5 {
        font-size: 22px;
        line-height: 25px
    }

    .absorblogo-content h4,
    .pregnancy-cretivity .blog-content ul li {
        font-size: 18px;
        line-height: 22px
    }

    .features-img {
        max-width: 250px;
        height: 250px
    }

    .mamypoko-card {
        height: 400px;
        position: relative;
        width: 400px
    }

    .mamypoko-pants-section .mamypoko-pants-card {
        width: 320px;
        height: 320px
    }

    .mamypoko-pants-card .pantsimage {
        max-width: 150px;
        min-height: 150px
    }

    .baby-happy-card .baby-card-content h5,
    .review-card .review-heading h4,
    .review-card .review-heading h5 {
        font-size: 22px;
        line-height: 35px
    }

    .contact-address-details .contact-wrapper a,
    .contact-address-details .contact-wrapper address,
    .contact-address-details .contact-wrapper small,
    .data-circumtance p,
    .review-content-para p,
    .review-rating p {
        line-height: 25px;
        font-size: 18px
    }

    .review-rating-star svg {
        font-size: 18px;
        width: 16px
    }

    .review-content-para p {
        padding-top: 20px
    }

    .review-content-para span svg {
        font-size: 16px;
        padding-top: 15px;
        width: 16px
    }

    .review-rating-star {
        display: flex;
        width: 100%;
        gap: 25px;
        align-items: center;
        height: auto;
        padding-bottom: 10px
    }

    .review-content .form-select {
        width: 100%;
        max-width: fit-content;
        font-size: 18px
    }

    .extraabzorb-banner .title-xl {
        color: var(--ms-blue);
        font-size: 40px
    }

    .extraabzorb-banner p {
        text-align: left;
        font-size: 25px;
        font-weight: 500;
        line-height: 32px
    }

    .hospital-bag.mamypoko-cardss img,
    .mamypoko-card img.roateIcon,
    .tracker-component {
        height: auto
    }

    .review-card .review-gif {
        bottom: 0;
        left: 0;
        width: 220px
    }

    .fetures-preemie .features-img img {
        width: 100%;
        max-width: 100%
    }

    .preemie-diaper-gif {
        margin-top: 0;
        height: auto;
        max-width: 200px
    }

    .where-to-buy-sun {
        max-width: 140px;
        top: -69px;
        left: 0
    }

    .strengeth-found-buy {
        top: 115px;
        width: 220px;
        height: auto;
        left: -70px;
        margin: 0 auto
    }

    .strength-found.where-to-buy:before,
    .terms-condion-icon3,
    .terms-condion-icon5 {
        left: -100px
    }

    .strength-found.where-to-buy:after,
    .terms-condion-icon2,
    .terms-condion-icon4 {
        right: -100px
    }

    .special-care-diapers .care-diapers {
        right: 30px
    }

    .knowcard-img img,
    .special-care-diapers .care-diapers img,
    .star-gif,
    .terms-condion-icon1 img {
        max-width: 120px
    }

    .mamypoko-essentials.newborn-baby .essential-content .mamypoko-essentials-heading p,
    .momcorner-content.special-care .mamy-semi-heading {
        font-size: 45px;
        line-height: 50px
    }

    .momcorner-content.special-care p {
        font-size: 18px;
        padding-top: 18px
    }

    .custome-banner.extaabzorbbanner.preemie {
        padding: 50px 0 !important
    }

    .fetures-preemie .rainbow-preemie img,
    .preemie-diaper-gif img,
    .timeline-aboutthree img,
    .timeline-abouttwo img {
        width: 100%;
        max-width: 220px
    }

    .mamypoko-history .essential-content,
    .preemie-star,
    .start-hospital {
        right: 0
    }

    .fetures-preemie .rainbow-preemie {
        left: -70px;
        top: -95px
    }

    .features-extra-absorb.fetures-preemie .features-content {
        padding-top: 18px
    }

    .where-to-buy .strength-found-para h4 {
        font-size: 40px;
        line-height: 46px
    }

    .where-to-buy .strength-found-para p {
        font-size: 18px;
        font-weight: 400;
        line-height: 22px
    }

    .terms-condion-icon6 {
        bottom: 0;
        right: -100px;
        display: block
    }

    .terms-condion-icon1 {
        top: 0;
        left: -120px;
        display: block
    }

    .terms-condition {
        padding: 20px 80px
    }

    .tesrm-condion-content p {
        font-size: 18px;
        line-height: 26px
    }

    .terms-condion-icon2 img {
        max-width: 130px
    }

    .tesrm-condion-content h2 {
        font-size: 32px
    }

    .tesrm-condion-content ul li {
        font-size: 18px;
        padding-left: 26px;
        margin-bottom: 0
    }

    .custome-banner.pokochan-banner .custome-banner-content span {
        max-width: 250px;
        margin-left: 90px;
        margin-top: 0
    }

    .custome-banner.pokochan-banner .terms-condion-icon5 {
        left: 90px;
        bottom: -100px;
        margin-top: 0;
        max-width: 200px
    }

    .banner-images {
        max-width: 400px;
        margin-left: 25px;
        bottom: 170px;
        top: unset
    }

    .rope-swing-content .ballon-star {
        right: -35px;
        max-width: 175px;
        top: -90px
    }

    .custome-banner.pokochan-banner .terms-condion-icon2 {
        right: 40px;
        top: 50px;
        max-width: 120px
    }

    .pokochan-faq .parenthood-gif {
        right: unset;
        left: 0;
        bottom: 20px;
        width: 200px
    }

    .baby-minitape.pokochan .parenthood-gif .pokochan-star {
        width: 100%;
        max-width: 160px;
        right: 0;
        top: 35px;
        position: relative
    }

    .baby-minitape.pokochan .baby-img {
        width: 319.708px;
        position: relative;
        top: 65px;
        margin-left: 80px;
        z-index: 1
    }

    .all-blog-section .allnews-one,
    .custome-banner.pokochan-banner .custome-banner-content,
    .mamypoko-top.blog-details .subscribe-sun,
    .stay-connected.new-subscribe.newbornblog .subscribe-sun {
        top: 0
    }

    .custome-banner.pokochan-banner .custome-banner-content .title-medium {
        margin-right: -335px;
        margin-top: 5px;
        font-size: 32px
    }

    .rope-image {
        width: 100%;
        max-width: 400px;
        top: 40px
    }

    .rope-image-section {
        margin-top: -40px
    }

    .rope-image img.rope-swing-gif {
        max-width: 420px;
        right: 0;
        margin: 0 auto;
        bottom: 0;
        top: unset
    }

    .rope-swing-content h2.tittle-small {
        font-weight: 700;
        line-height: 38px;
        font-size: 32px
    }

    .rope-swing-content p {
        font-size: 22px;
        line-height: 28px;
        padding-top: 10px
    }

    .baby-happy-card .baby-card-content h4 {
        font-size: 30px;
        line-height: 40px
    }

    .baby-minitape.pokochan .babymini-content .absorp-heading {
        text-align: center;
        font-size: 32px;
        font-weight: 700;
        line-height: 45px
    }

    .baby-minitape.pokochan .babymini-content p {
        font-size: 22px;
        line-height: 34px;
        max-width: 100%
    }

    .birth-story-balon img {
        width: 100%;
        max-width: 230px
    }

    .birth-story-content h4 {
        color: var(--ms-primary);
        font-size: 35px;
        line-height: 45px
    }

    .birth-story-content p {
        font-size: 22px;
        line-height: 32px;
        padding-top: 15px
    }

    .pokochan-book img {
        max-width: 300px
    }

    .pokochan-faq .pokochan-faq-flower {
        left: 0;
        top: 0
    }

    .faq-main-wrapper .cloud-ballon,
    .pokochan-faq-flower img {
        max-width: 120px;
        width: 100%
    }

    .faq-card {
        padding: 25px 50px
    }

    .pokochan-faq .terms-condion-icon4 img {
        max-width: 220px
    }

    .babymini-img img {
        width: 100%;
        max-width: 280px
    }

    .baby-minitape.pokochan .babymini-img .pokochan-tree {
        top: -50px;
        left: -80px
    }

    .baby-minitape.pokochan .babymini-content {
        max-width: 700px;
        margin: 0 auto
    }

    .baby-minitape.pokochan .parenthood-gif:after {
        right: -10px
    }

    .unicharm-corporation-content {
        left: 228px;
        top: 300px;
        max-width: 450px
    }

    .strength-found .strength-found-para {
        top: 100px;
        max-width: 950px
    }

    .about-unicharm .unicharm-charm h4 {
        font-size: 20px;
        line-height: 32px
    }

    .about-unicharm .unicharm-charm {
        padding: 35px 30px;
        margin-top: 20px
    }

    .unicharm-logo img {
        width: 100%;
        max-width: 310px
    }

    .strength-found-para h5 {
        font-size: 28px;
        line-height: 36px
    }

    .corporate-philosphy .heading-component p {
        font-size: 22px;
        line-height: 20px
    }

    .corporate-philosphy .heading-component .heading-title {
        margin-bottom: 15px
    }

    .coporate-pholophy-content h3 {
        font-size: 30px
    }

    .coporate-pholophy-content p {
        font-size: 18px;
        line-height: 30px;
        padding-top: 15px
    }

    .corporate-image img {
        width: 100%;
        max-width: 650px
    }

    .unicharm-corporation .heading-component {
        width: 100%;
        max-width: 1100px
    }

    .hospital-bag .parenthood-brand-card .parenthood-content h5,
    .unicharm-corporation .heading-component h3 {
        font-size: 25px;
        line-height: 32px
    }

    .unicharm-corporation-content .btn {
        margin-top: 25px;
        min-width: 170px;
        font-size: 14px
    }

    .strength-found:before {
        left: -80px
    }

    .strength-found:after {
        right: -80px
    }

    .star-ballon {
        left: 0;
        width: 180px;
        top: 0;
        max-width: 130px
    }

    .latest-news-cards.popular-blogs .horse-img {
        right: 0;
        width: 150px;
        height: auto;
        max-width: 170px
    }

    .pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs {
        max-width: 900px
    }

    .blog-card-content h2 {
        font-size: 26px
    }

    .knowcard-img h4 {
        color: var(--ms-primary);
        font-size: 44px
    }

    .did-u-content p {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }

    .latest-news-cards.popular-blogs .swiper-wrapper .personal-guide-card {
        height: auto;
        width: 100%;
        max-width: 430px
    }

    .hospital-bag .parenthood-brand-card .parenthood-content .btn {
        font-size: 16px;
        min-width: 210px;
        padding: 5px 25px
    }

    .stay-connected.new-subscribe {
        padding: var(--desktoppadding)
    }

    .latest-news-cards.popular-blogs .swiper-wrapper {
        padding: 25px 5px;
        justify-content: left;
        margin-bottom: 100px
    }

    .blog-border-card,
    .personal-guide.hospital-card .pregnancy-announcement {
        margin-top: 40px
    }

    .did-u-know.pregnancy-blogss .didu-know-icon {
        right: 50px;
        max-width: 120px
    }

    .product-video-iframe iframe {
        width: 840px !important;
        height: 440px
    }

    .latest-news-cards.popular-blogs .contentcard-img {
        position: relative;
        min-height: 290px
    }

    .horse-img {
        right: 0;
        bottom: -90px;
        width: 150px
    }

    .latest-news-cards .horse-img {
        bottom: -35px;
        width: 120px;
        right: -7px
    }

    .ballon-img {
        left: 38px;
        width: 200px;
        top: 0
    }

    .allnews-one {
        width: 120px;
        left: 0
    }

    .allnews-two {
        right: 0;
        width: 140px
    }

    .allnews-three {
        right: -50px;
        width: 150px
    }

    .subscribe-sun {
        top: 0;
        width: 120px;
        left: 0
    }

    .latest-news .pregnancy-announcement {
        padding: 0 15px
    }

    .allnews-four {
        bottom: 555px;
        left: 0;
        width: 150px
    }

    .subscribe-ballon {
        right: 100px;
        bottom: 0;
        width: 160px;
        height: auto;
        z-index: 7
    }

    .poko-gif::after,
    .why-mamypoko-gif img.shadow-img {
        left: 0
    }

    .stay-connected.new-subscribe.news::after {
        top: 20px
    }

    .web-mmp-news .pregnancy-announcement {
        padding: 0
    }

    .swiperBoxContent {
        min-height: 310px
    }

    .health-pregnancy.newborn_card .heading-component .heading-title {
        font-size: 40px;
        color: var(--ms-primary);
        font-weight: 700;
        line-height: 52px;
        margin-bottom: 30px
    }

    .mom-corner-curve.infanr {
        margin-top: -60px;
        position: relative;
        z-index: 2
    }

    .mom-corner-curve.newborn,
    .mom-corner-curve.toddler {
        margin-top: -60px
    }

    .all-blog-section .allnews-two {
        top: 224px;
        right: -70px;
        width: 100px
    }

    .custome-banner-content {
        margin-left: 35px;
        margin-top: -35px
    }

    .rainbow-cloud {
        top: 45%;
        max-width: 130px
    }

    .rainbow-cloud.expert-what {
        bottom: 20%;
        top: unset;
        max-width: 110px
    }

    .why-mamypoko-sec .essential-content {
        top: 160px;
        right: 150px;
        max-width: 550px
    }

    .why-mamypoko-gif {
        max-width: 180px;
        left: 100px
    }

    .why-mamypoko-sec {
        margin-bottom: -88px
    }

    .ballon-gif,
    .mamypoko-history .brown-heart img,
    .sun-top img {
        max-width: 150px
    }

    .pockochan-meet .essential-content .heading-component {
        left: 60px;
        position: relative;
        margin-bottom: 0;
        top: 10px
    }

    .meet-pokochan-sec .sun-top {
        top: -30px;
        left: 0
    }

    .meet-pokochan-sec .essential-content {
        top: 0;
        left: 0
    }

    .meet-pokochan-sec .heading-component {
        margin: 30px auto 0 20px
    }

    .mamypoko-history .heading-component {
        padding: 160px 0 60px
    }

    .mamypoko-history {
        margin-bottom: -100px
    }

    .mamypoko-history .sun-top {
        top: 60px
    }

    .mamypoko-history .brown-heart {
        top: 120px;
        right: 165px
    }

    .mom-corner-curve.meet-pokochan-sec {
        margin-top: -90px
    }

    .did-know-content.product-content {
        margin: unset !important
    }

    .about-page-sec2 .did-know-content p {
        font-size: 18px;
        margin-bottom: 7px
    }

    .about-page-sec2 img {
        max-width: 90%
    }

    .about-page-sec2.did-know-section .parenthood-gif .parenthood-gifs {
        max-width: 150px;
        right: 0;
        bottom: 0
    }

    .principle-sec-wrapper .product_card-ab {
        position: absolute;
        left: 30px;
        top: 0;
        width: 100%;
        max-width: 120px;
        transform: scaleX(-1)
    }

    .principle-column .signle-principle img {
        max-width: 130px;
        width: 100%
    }

    .principle-column .signle-principle .single-principle-content {
        padding-top: 25px
    }

    .mamypoko-history .essential-content .btn {
        min-width: 220px
    }

    .pockochan-meet .essential-content {
        top: 100px;
        left: 100px
    }

    .faq-main-wrapper {
        padding: 120px 0 50px
    }

    .faq-main-wrapper .faq-gif {
        max-width: 200px
    }

    .faq-main-wrapper .sleeping-moon {
        right: 40px;
        max-width: 120px
    }

    .faq-connected {
        padding: 100px 0
    }

    .contact-address-details .contact-wrapper img {
        margin-right: 16px;
        max-width: 20px
    }

    .contact-form-sec {
        padding: 50px 0 60px
    }

    .contactForm-wrapper .blue-ballon {
        right: -126px
    }

    .contactForm-wrapper .form-pokochan1 {
        top: -84px;
        right: -30px
    }

    .contact-heart {
        position: absolute;
        left: -250px;
        top: 180px;
        width: 100%;
        max-width: 650px
    }

    .health-pregnancy.mamypoko-video .product_card-cloud {
        right: -50px;
        max-width: 250px
    }

    section.health-pregnancy.mamypoko-video .product_card-ab {
        max-width: 120px;
        right: 20px
    }

    .mamypoko-video.video-mmay .pregnancy-announcement {
        width: 100%;
        max-width: 1250px;
        margin: 60px auto 0
    }

    .pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs {
        max-width: 860px
    }

    .blog-rightside-bar {
        padding-left: 15px
    }

    .right-blog-box .contentcard {
        padding: 25px 35px
    }

    .right-box-4 .right-box-4-content {
        top: 25px;
        left: 25px
    }

    .personal-guide-card.blog-details .contentcard .content h3,
    .personal-guide-card.blogs-cards .contentcard .content h3 {
        font-size: 25px !important;
        font-weight: 600
    }

    .personal-guide-card.blog-details .contentcard .content {
        max-width: 355px
    }

    .blog-contact-page .blog-heading p {
        font-size: 18px;
        padding-top: 10px
    }

    .blog-topbar {
        margin-bottom: 5px
    }

    .mamypoko-top.blog-details .terms-condion-icon1 {
        top: 90px
    }

    .mamypoko-top .stay-connected.new-subscribe .subscribe-ballon {
        bottom: -32px
    }

    .mamypoko-top.blog-details {
        padding-bottom: 160px
    }

    .review-content.blogs .select-dropdown {
        margin-bottom: 0
    }

    .pregnancy-trackers .custome-banner-content p,
    .right-guide-card.right-blog-box .contentcard h3 {
        font-weight: 600;
        font-size: 22px
    }

    .timeline-aboutone img {
        max-width: 140px
    }

    .about-history-card h2 {
        font-size: 40px;
        line-height: 52px
    }

    .timeline-aboutone {
        width: 150px
    }

    .timeline-aboutthree {
        left: -280px;
        width: 250px
    }

    .timeline-about-history ul li:nth-child(odd)::before {
        min-height: 280px
    }

    .timeline-aboutseven {
        width: 220px
    }

    .timeline-abouteight {
        right: -150px;
        top: 180px;
        width: 160px
    }

    .timeline-aboutfour {
        right: -140px;
        top: -60px
    }

    .hospital-explore .heading-component {
        max-width: 1050px
    }

    .mammies-content h2,
    .pack-bag-list h2,
    .pregnancy-timeline-content h3 {
        font-size: 40px;
        line-height: 50px
    }

    .mammies-content p {
        font-size: 18px;
        font-weight: 400;
        line-height: 24px
    }

    .mammies-content {
        max-width: 650px;
        margin: 50px auto 0
    }

    .mammies-images {
        max-width: 300px;
        margin: 0 auto
    }

    .pack-bag {
        max-width: 1366px;
        margin: 0 auto
    }

    .blog-child {
        top: -104px;
        right: -36px;
        z-index: 2;
        width: 100%;
        max-width: 180px
    }

    .hospital-ready-page {
        margin: 0
    }

    .product_card-ab-hsorty {
        right: -149px;
        bottom: 0
    }

    .product-page-slider .personal-guide-card.smallcard .contentcard {
        min-height: 132px
    }

    .product-page-slider .personal-guide-card.smallcard .contentcard .content {
        padding: 30px
    }

    .custome-banner.newbornpage .custome-banner-content {
        margin-top: 0;
        top: -10px
    }

    .contact-form-sec.offer-details .form-pokochan1 {
        right: -129px;
        width: 100%;
        max-width: 250px;
        top: -87px
    }

    .contact-form-sec.offer-details .contactForm-wrapper,
    .next-step-cards.mobile-cards .tracker-btn {
        margin-top: 100px
    }

    .pregnancy-faq-card h2 button.accordion-button {
        font-size: 22px;
        padding: 14px 15px
    }

    .next-step-cards input {
        padding: 14px 30px;
        font-size: 22px
    }

    .rainbow-clouds .cloud-img {
        width: 100%;
        max-width: 150px
    }

    .days-select .dayselct,
    .select-option {
        max-width: 100%
    }

    .rainbow-clouds {
        right: -30px;
        top: 35%
    }

    .input-series .calender-ico.input-ico {
        right: 10px
    }

    .input-series .calender-ico.input-ico img {
        max-width: 30px;
        top: -16px
    }

    .input-series select {
        width: 160px;
        min-height: 62px;
        font-size: 18px;
        padding: 0 10px
    }

    .select-option {
        width: 100%;
        justify-content: center;
        margin: 0 auto
    }

    .days-select {
        display: flex;
        gap: 30px
    }

    .tracker-btn {
        gap: 30px !important
    }

    .select-option.phonenumber select {
        font-size: 20px;
        font-weight: 600;
        padding: 10px 15px
    }

    .otp-field input {
        width: 100%
    }

    .result-cards {
        margin-top: 60px
    }

    .result-cards img.doll {
        right: -28px;
        top: -84px;
        max-width: 150px
    }

    .radio-btn .hobbies-icon img {
        display: block;
        width: 100%;
        max-width: 100px
    }

    .radio-btn {
        margin: 10px;
        width: 180px;
        height: 160px
    }

    .tracker-component h3 {
        font-size: 22px;
        margin-bottom: 30px
    }

    .pregnancy-timeline-content h4 {
        font-size: 28px;
        padding-top: 15px
    }

    .timeline-semester h5 {
        color: var(--ms-dark);
        font-size: 18px
    }

    .flower-gif {
        bottom: 350px;
        max-width: 100px
    }

    .progress-bar {
        height: 9px
    }

    .progress .progress-icon,
    .progress .progress-value {
        width: 27px;
        height: 27px;
        top: -8px
    }

    .days-select .dayselct p {
        padding: 14px 18px;
        font-size: 16px
    }

    .body-data-circumtance .parenthood-heart {
        right: 50px
    }

    .body-data-circumtance .parenthood-heart .parenthood-gifs1 {
        width: 180px
    }

    .mom-corner-curve.using-babygrowth {
        margin-top: -96px
    }

    .body-data-circumtance .container {
        max-width: 1200px
    }

    .ballond-cloud {
        width: 150px;
        left: -195px;
        top: 200px
    }

    .heart-imgs {
        top: 180px;
        left: -298px;
        height: auto;
        max-width: 600px
    }

    .heart-imgs img.test-doll {
        max-width: 150px;
        top: 190px;
        right: 70px
    }

    .upcoming-vaccinations .parenthood-gif {
        width: 180px;
        right: 30px;
        bottom: 220px
    }

    .doll-img-tracker {
        left: -30px;
        bottom: 100px;
        max-width: 150px
    }

    .pregnancy-faq.pokochan-faq .parenthood-gif {
        width: 200px;
        bottom: 200px
    }

    .upcoming-vaccinations .heading-component {
        margin-bottom: 20px
    }

    .personal-guide-card {
        z-index: 1
    }

    .pregnancy-faq.pokochan-faq.baby-tracker .parenthood-gif {
        bottom: 180px
    }

    .vaccination-content .table tbody tr td {
        padding: 20px
    }

    .days-select.details {
        display: flex;
        gap: 25px;
        max-width: 600px
    }

    .baby-name h4 {
        padding-left: 0
    }

    .analyse-body {
        padding: 180px 0
    }

    .tabel-data-pagination h4 {
        color: var(--ms-para);
        font-size: 18px
    }

    .pregnancy-tracker {
        padding: 180px 0 150px
    }

    .form-height {
        min-height: 260px
    }

    .next-step-cards,
    .pregnancy-tracker.analyse-body.anayse-progress .next-step-cards,
    .pregnancy-tracker.analyse-body.anayse-progress .next-step-cards.card-data-show {
        max-width: 800px
    }

    .card-content-mamies.serachbar .profile-img,
    .post-icon {
        max-width: 50px
    }

    .next-step-cards.result-step {
        max-width: 700px
    }

    .mamy-world-form .renderForm {
        position: absolute;
        right: 0;
        top: 120px;
        min-height: 450px;
        margin-left: 20px;
        max-width: 500px
    }

    .right-guide-card.right-blog-box .contentcard .content h3 {
        font-size: 22px !important
    }

    .community-banner-form .product-world-gif {
        position: absolute;
        width: 200px;
        right: 30px;
        bottom: 80px;
        top: unset
    }

    .profile-form select.form-control {
        width: 140px
    }

    .profile-name h4 {
        font-size: 17.5px
    }

    .profile-cards h1,
    .profile-cards h2 {
        padding-top: 0;
        padding-bottom: 0
    }

    .profile-card-management .edit-profile {
        top: 5px
    }

    .profile-name .form-check label.form-check-label {
        font-weight: 500;
        font-size: 16px
    }

    .analyse-progress {
        width: 100%;
        margin: 0 auto
    }

    .dropdown-alarm .dropdown-menu.show {
        margin-left: -115px
    }

    .social-app-card h5 {
        margin: 0;
        font-size: 16px
    }

    .profile-form .btn.btn-primary {
        line-height: 52px
    }

    .card-content-mamies.serachbar .profile-content-card .form-control {
        min-height: 52px
    }

    .calender-card .result-cards .begning-card img.aarow-pink {
        right: -90px;
        top: -74px
    }

    .calender-card .result-cards.small-card-come .begning-card img.aarow-pink {
        top: -60px
    }

    .mobile-card-type img.aarow-pink {
        right: 20px;
        top: 0
    }

    .camera-pics img {
        width: 100% !important;
        max-width: 26px
    }

    .camera-pics {
        position: absolute;
        right: 7px;
        width: 30px;
        bottom: -8px
    }

    img.camera-pic {
        max-width: 70px;
        bottom: -2px;
        right: 15px;
        cursor: pointer;
        height: auto;
        width: auto
    }

    .cancel-post-timeline .btn-primary {
        min-width: auto;
        padding: 0 40px;
        line-height: 50px
    }

    .card-content-mamies .profile-img img {
        width: 50px;
        height: 50px;
        border-radius: 100%
    }

    img.profile-pic {
        max-width: 40px !important;
        width: 40px !important;
        border-radius: 50%;
        height: 40px
    }

    .post-icon {
        width: 100%;
        height: 50px
    }
}

@media (max-width:1600px) {
    .parenthood-guide .parenthood-heart {
        top: 0;
        left: -30px;
        width: 220px;
        height: auto
    }

    .parenthood-heart .parenthood-gifs1 {
        width: 130px;
        top: 20px;
        left: 55px
    }

    .did-know-section .parenthood-gif {
        right: -70px
    }

    .did-know-content {
        margin-left: unset
    }

    .mamypoko-essentials .parenthood-gif {
        left: 16%;
        width: 300px;
        bottom: 65px
    }

    .baby-minitape .parenthood-gif:after {
        bottom: -115px;
        right: -254px;
        background-size: 30rem
    }

    .baby-minitape .parenthood-gif .parenthood-gifs {
        width: 200px;
        bottom: 60px
    }

    .baby-minitape .parenthood-gif .shadow_img {
        width: 200px;
        bottom: 48px;
        right: 70px !important
    }

    .baby-minitape .parenthood-gif .parashout_img {
        max-width: 100px;
        margin-left: unset;
        left: 80px;
        top: -102px
    }

    .babby-raintow {
        right: -77px;
        bottom: -225px;
        max-width: 220px
    }

    .where-to-buy .strength-found-para h4 {
        margin-bottom: 15px
    }

    .where-to-buy .strength-found-para {
        top: 80px
    }

    .contact-form-sec .flowers img {
        max-width: 100px
    }

    .contactForm-wrapper {
        margin-right: 50px;
        padding: 20px
    }

    .contactForm-wrapper .blue-ballon img,
    .contactForm-wrapper .form-pokochan1 img,
    .contactForm-wrapper .mobile-pokochan img {
        max-width: 150px
    }

    .contactForm-wrapper .mobile-pokochan {
        left: -250px
    }

    .contactForm-wrapper .blue-ballon {
        bottom: 24px
    }
}

@media (max-width:1440px) {

    .did-u-know.pregnancy-blogss .did-u-content p,
    .navbar-link .nav-item.dropdown a,
    .navbar-link a.nav-link,
    .read-more-btns {
        font-size: 16px
    }

    .navbar-link.lasticon a.nav-link img {
        width: 22px;
        max-width: 16px
    }

    .navbar-link .nav-item.dropdown a span img {
        width: 100%;
        max-width: 22px
    }

    .logo {
        width: 180px
    }

    .logo img {
        width: 100%
    }

    .top-navbar {
        top: 53px
    }

    .compresive-card .compresive-content h4 {
        font-size: 16px;
        font-weight: 500
    }

    .banner-content {
        gap: 32px;
        justify-content: center
    }

    .banner-heart img {
        width: 100%;
        max-width: 350px;
        height: 100px
    }

    .carousel-content .carousel-caption {
        left: 0;
        right: 0;
        margin: 0 auto;
        display: block;
        bottom: 0
    }

    .banner-section,
    .custome-banner {
        margin-top: 65px
    }

    .carousel-item img {
        height: auto
    }

    .about-us.banner-according-section {
        padding: 105px 0 210px;
        margin-top: -290px
    }

    .mother-award-section {
        padding: 12px
    }

    .mother-card:nth-child(2) {
        margin-left: 40px
    }

    .about-content .about-heading {
        font-size: 25px;
        line-height: 35px
    }

    .health-pregnancy .parenthood-gif {
        bottom: 0;
        position: absolute;
        margin-left: auto;
        z-index: 1
    }

    .testimonials-gif {
        width: 240px;
        position: relative
    }

    .momcorner-gif {
        max-width: 180px
    }

    .momcorner-gif .shadow_img {
        right: 37px !important
    }

    .shadow_img {
        position: absolute !important;
        right: 32px !important;
        bottom: 15px;
        max-width: 200px;
        width: 100%
    }

    .mamypoko-video-wrapper .video-gif::after {
        background-size: 15rem;
        left: -50px
    }

    .poko-gif::after {
        transform: translateX(0);
        bottom: 0;
        background-size: 15rem
    }

    section.stay-connected.faq-connected .poko-gif::after {
        transform: translateX(0);
        bottom: 0;
        background-size: 13rem
    }

    .parenthood-guide .nav.nav-tabs li span img {
        width: 60px;
        height: 60px
    }

    .testimonials-wrapper .testimonials-backimgs {
        width: 550px
    }

    .mamy-list {
        gap: 14px
    }

    .form-wrapper form label,
    .notification-card h5,
    .pants-mamy-content p,
    .pregnancy-blog-card h5 {
        font-size: 14px
    }

    .absorb-cards-sec .features-content h4,
    .pants-mamy-content h5,
    .tab-swiper-box .product-content h5 {
        font-size: 20px
    }

    .personal-guide-card .pregnancy-btn a.btn {
        font-size: 16px !important
    }

    .btn {
        line-height: 55px;
        font-size: 16px
    }

    .swiper-scrollbar-drag {
        height: 100%;
        width: 100% !important;
        max-width: 450px !important
    }

    .swiper-scrollbar-horizontal {
        width: 69% !important
    }

    .footer-widget ul li a {
        font-size: 16px;
        line-height: 26px
    }

    .footer-content p {
        font-size: 16px;
        line-height: 28px
    }

    .about-history-card p,
    .blog-card-content p,
    .notification-card h4,
    .single-cat-box .blog-box-detail h5 a,
    .social-links span {
        font-size: 18px
    }

    .mamypoko-video-wrapper .row {
        align-items: end
    }

    .stay-connected .connected-form .form-sec {
        padding: 22px 0 22px 75px
    }

    .parenthood-card .col-lg-4:nth-child(3) .contentcard {
        min-height: auto
    }

    .parenthood-guide.parentguide .parenthood-gif {
        position: relative;
        margin-left: auto;
        margin-top: 25px;
        margin-right: 10px
    }

    .parenthood-guide.parentguide .parenthood-gif img,
    .pokochan-faq .parenthood-gif .parenthood-gifs {
        right: 0
    }

    .compresive-card.products {
        background-color: #fff0;
        padding: 0
    }

    .dropdown-menu.show {
        padding: 20px 10px
    }

    .pregnancy-announcement .swiperBoxContent {
        padding: 15px 30px
    }

    .parenthood-gif .shadow_img {
        right: 10px !important
    }

    .pregnancy_Videos .parenthood-gif {
        width: 220px;
        top: 0
    }

    .pregnancy_Videos .parenthood-gif .shadow_img {
        max-width: 300px
    }

    .personal-guide .nav.nav-tabs li .nav-link .tabs-sec {
        gap: 15px
    }

    .mom-corner-curve.pregnancy {
        margin-top: -55px
    }

    .did-know-section {
        padding: 20px 0 40px
    }

    .health-pregnancy .personal-guide .nav.nav-tabs {
        max-width: 1100px
    }

    .health-pregnancy .personal-guide .explore-preg {
        top: 16px;
        right: 155px
    }

    .did-know-section .parenthood-gif {
        right: 0;
        max-width: 200px;
        z-index: 0
    }

    .custome-banner-content {
        margin-left: 60px;
        margin-top: -32px
    }

    .did-know-img img {
        max-width: 80%
    }

    .custome-banner.pregnancy-banner .custome-banner-content {
        margin-top: 0
    }

    .personal-guide-product .filter-diaper {
        right: 20px
    }

    .product-page-tabs .personal-guide-product .filter-diaper .filter-diapers {
        top: 12px
    }

    .personal-guide-product .filter-diaper .filcontent {
        position: absolute;
        right: 0
    }

    .product_card-ab {
        position: absolute;
        left: -90px;
        top: -50px;
        max-width: 220px
    }

    .personal-guide-product .nav-tabs {
        padding: 10px;
        max-width: 1130px
    }

    .sticky-product-sec {
        top: 145px
    }

    .product-card-sec {
        scroll-margin-top: 250px
    }

    .baby-minitape .parenthood-gif:after {
        bottom: -141px;
        right: -290px;
        background-size: 28rem
    }

    .baby-minitape .parenthood-gif .parashout_img {
        max-width: 100px;
        margin-left: unset;
        left: 110px;
        top: -67px
    }

    .baby-minitape .parenthood-gif .parenthood-gifs {
        width: 200px;
        bottom: 60px;
        right: -45px !important
    }

    .custome-banner.newbornpage .custome-banner-content .title-lg {
        font-size: 45px;
        line-height: 45px
    }

    .mamypoko-essentials.newborn-baby .essential-content .essentials-bg-img {
        top: 0;
        left: 430px
    }

    .pregnancy-tracker-slider .heading-pregnancy,
    .tittle-small {
        font-size: 24px
    }

    .absorbbanner-card {
        gap: 50px
    }

    .absorb-logo .absorb-img {
        width: 40%
    }

    .absorb-logo .absorblogo-content {
        width: 100%;
        max-width: 60%
    }

    .mamypoko-card {
        height: 380px;
        width: 380px
    }

    .about-history-card h4,
    .absorbbanner-slider h4,
    .baby-status-tracker .baby-tracker h4,
    .hospital-card-tracker .hospital-content-card h4 {
        font-size: 22px
    }

    .mamypoko-pants-section img.mamypoko_rotate-img {
        max-width: 1160px;
        height: 470px;
        left: 15%;
        top: -40px
    }

    .extra-absorb-navbar .absorb-nav-btn .btn {
        min-width: 175px
    }

    .blog-card-content h2,
    .review-card .review-heading h4,
    .review-card .review-heading h5 {
        font-size: 26px
    }

    .absorbbanner-slider p strong {
        font-size: 17px
    }

    .absorbbanner-slider .current-price,
    .absorbbanner-slider h1 {
        font-size: 35px;
        padding-top: 30px
    }

    .extra-absorb-navbar .absorb-navbar {
        margin-left: 0
    }

    .product-details-nav {
        gap: 40px;
        padding: 0 15px
    }

    .preemie .extraabzorb-bannaer {
        padding-bottom: 120px
    }

    .fetures-preemie .parenthood-gif {
        bottom: 5px;
        width: 200px
    }

    .preemie-unicharm-banner .custome-banner-content h2 {
        font-size: 32px
    }

    .preemie-unicharm-banner .custome-banner-content .title-xl {
        font-size: 35px
    }

    .preemie-unicharm-banner .custome-banner-content p {
        font-size: 20px;
        line-height: 25px
    }

    .momcorner-content.special-care .mamy-semi-heading {
        font-size: 40px;
        margin-bottom: 20px;
        line-height: 52px
    }

    .momcorner-content.special-care .mamy-semi-heading span {
        font-size: 25px;
        line-height: 45px
    }

    .momcorner-content.special-care p {
        font-size: 18px;
        line-height: 25px;
        padding-top: 20px
    }

    .strength-found:before {
        left: -158px
    }

    .strength-found:after {
        right: -150px
    }

    .special-care-diapers .care-diapers {
        right: 20px;
        top: 0;
        width: 120px;
        height: 200px
    }

    .fetures-preemie .rainbow-preemie {
        top: -86px;
        width: 280px
    }

    .preemie-star {
        width: 200px;
        height: 200px
    }

    .features-img {
        width: 100%;
        max-width: 180px;
        height: auto
    }

    .features-img img {
        width: 100%;
        margin: 0 auto;
        max-width: 100%;
        height: auto
    }

    .fetures-preemie .features-img img {
        max-width: 100%;
        height: 100%;
        padding: 0
    }

    .custome-banner.extaabzorbbanner.preemie {
        padding: 100px 0 40px !important
    }

    .ballon-star {
        top: 0;
        max-width: 200px
    }

    .where-to-buy .strength-found-para h4 {
        margin-bottom: 15px;
        font-size: 40px;
        line-height: 52px
    }

    .preemie-diaper .mamypoko-pants-card .pants-mamy-content p {
        font-size: 14px;
        font-weight: 600
    }

    .achievement-details .single-achievent img {
        width: 100%;
        max-width: 140px
    }

    .rainbow-cloud {
        top: 45%;
        max-width: 120px
    }

    .about-page-sec2.did-know-section .parenthood-gif {
        bottom: -12px;
        right: 0;
        max-width: 130px
    }

    .about-page-sec2.did-know-section .parenthood-gif .parenthood-gifs {
        right: 0;
        bottom: 0
    }

    .about-history-card h2,
    .mamypoko-essentials.newborn-baby .essential-content .mamypoko-essentials-heading p {
        font-size: 40px;
        line-height: 52px
    }

    .birth-story-balon,
    .timeline-aboutone {
        width: 150px
    }

    .timeline-aboutthree {
        left: -220px
    }

    .timeline-about-history ul li:nth-child(odd)::before {
        min-height: 280px
    }

    .timeline-aboutfour {
        width: 150px;
        right: -80px
    }

    .timeline-aboutseven {
        top: unset;
        left: -44px;
        bottom: 0;
        z-index: -1
    }

    .timeline-abouteight {
        right: -120px;
        top: 180px;
        width: 120px
    }

    .rope-swing-content {
        margin-left: 0;
        max-width: 750px
    }

    .baby-minitape.pokochan .parenthood-gif {
        right: 0;
        bottom: -30px;
        width: auto
    }

    .baby-minitape.pokochan .parenthood-gif .pokochan-star,
    .ballon-gif {
        max-width: 120px
    }

    .birth-story-content h4 {
        font-size: 35px;
        max-width: 490px
    }

    .birth-story-content p {
        font-size: 24px;
        line-height: 30px;
        padding-top: 30px;
        max-width: 588px
    }

    .pokochan-book {
        max-width: 270px
    }

    .baby-minitape.pokochan .baby-img {
        width: 250px;
        margin-left: 159px
    }

    .baby-minitape.pokochan .babymini-img .pokochan-tree {
        left: -24px
    }

    .custome-banner.pokochan-banner .custome-banner-content span {
        max-width: 210px
    }

    .banner-images {
        margin-left: 30px;
        bottom: 155px
    }

    .rope-image img.rope-swing-gif {
        max-width: 430px;
        top: unset;
        bottom: 0
    }

    .mamypoko-essentials-heading {
        max-width: 650px
    }

    .custome-banner.pokochan-banner {
        position: relative;
        z-index: 1;
        margin-top: 70px
    }

    .baby-card-img {
        width: 100%;
        max-width: 350px
    }

    .custome-banner.pokochan-banner .terms-condion-icon2 {
        right: 40px;
        top: 90px;
        max-width: 120px
    }

    .blog-child,
    .pregnancyblog .health-pregnancy.mamypoko-video .product_card-ab img,
    .sun-cloud {
        max-width: 150px
    }

    .baby-minitape.pokochan .parenthood-gif:after {
        right: -18px;
        width: 480px;
        height: 500px
    }

    .corporate-philosphy .heading-component p {
        font-size: 18px;
        line-height: 24px
    }

    .coporate-pholophy-content h3 {
        font-size: 28px
    }

    .coporate-pholophy-content p {
        font-size: 18px;
        font-weight: 400;
        line-height: 30px
    }

    .unicharm-corporation .heading-component h3 {
        font-size: 26px;
        line-height: 35px
    }

    .unicharm-corporation-content p {
        font-size: 18px;
        line-height: 32px
    }

    .strength-found-para h5 {
        font-size: 30px;
        line-height: 45px
    }

    .about-unicharm .unicharm-charm h4 {
        font-size: 20px;
        line-height: 26px
    }

    .unicharm-logo img {
        width: 100%;
        max-width: 300px
    }

    .strength-found .strength-found-para {
        top: 80px
    }

    .pregnancyblog .health-pregnancy .product_card-cloud {
        width: 180px;
        right: -40px;
        bottom: 60px
    }

    .pregnancyblog .health-pregnancy.mamypoko-video .parenthood-gif {
        left: 0;
        right: unset;
        margin: unset;
        position: absolute !important;
        top: 0
    }

    .mamypoko-video.video-mmay .parenthood-gif {
        width: 320px;
        margin-top: -32px !important
    }

    .knowcard-img h4 {
        font-size: 40px
    }

    .knowcard-img img {
        width: 100%;
        max-width: 120px
    }

    .all-blog-section .allnews-one,
    .ballon-gif2 {
        top: 50px;
        left: 0
    }

    .did-u-img2 {
        right: 0;
        bottom: -20px
    }

    .star-ballon {
        left: 0;
        width: 180px;
        top: 0
    }

    .blog-child {
        top: -85px;
        right: -32px;
        z-index: 2;
        width: 100%
    }

    .subscribe-sun {
        top: 0;
        height: auto;
        left: 0;
        width: 110px
    }

    .subscribe-ballon {
        right: 100px;
        bottom: 20px;
        width: 140px;
        height: auto
    }

    .did-u-know.pregnancy-blogss .didu-know-icon {
        right: 25px
    }

    .all-blog-section .allnews-two {
        right: 0;
        width: 100px;
        z-index: 1;
        display: none
    }

    .latest-news-cards.popular-blogs .horse-img {
        right: -18px;
        width: 120px;
        height: auto;
        max-width: 150px
    }

    .flower-gif,
    .latest-news-cards .horse-img {
        display: none
    }

    .pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs {
        top: 135px
    }

    .right-blog-box .contentcard {
        padding: 20px 30px
    }

    .right-box-4 .right-box-4-content {
        top: 20px;
        left: 30px;
        max-width: 350px
    }

    .right-blog-box h4,
    .right-box-4 .right-box-4-content h5 {
        font-size: 25px
    }

    .pregnancy-cretivity {
        width: 100%;
        padding: 40px 0 80px
    }

    .latest-news .pregnancy-announcement {
        margin-top: 40px
    }

    .mamypoko-essentials.newborn-baby .mamypoko-essentials-heading {
        padding-bottom: 20px
    }

    .parenthood-content h5 {
        font-size: 24px;
        line-height: 30px
    }

    .faq-main-wrapper .single-faq-box {
        max-width: 1000px
    }

    .ballond-cloud {
        width: 150px;
        left: -150px;
        top: 200px
    }

    .sun-cloud {
        right: -100px;
        width: 100%;
        bottom: 200px
    }

    .upcoming-vaccinations .parenthood-gif .parenthood-gifs {
        position: relative;
        right: 0
    }

    .bg-ping .contentcard-img {
        min-height: auto !important
    }

    .product-world-wrapper.baby-growth .tab-filterheading {
        right: 410px
    }

    .next-step-cards.comunity-tracker-text .tracker-btn {
        margin-top: 40px;
        gap: 18px !important
    }

    .next-step-cards.comunity-tracker-text .days-select .form-check {
        padding-top: 34px !important
    }

    .mamy-world-form .renderForm {
        margin-left: -117px
    }

    .pregnant-cacr-tracler .begning-card {
        right: -50px
    }

    .pregnancy-tab .mamy-world-icon img {
        width: 100%;
        max-width: 90px
    }

    .pregnancy-tab .mamy-world-icon {
        top: 120px
    }

    .pregnancy-tab .parenthood-world {
        top: 300px
    }

    .pregnancy-tab .parenthood-world img {
        width: 100%;
        max-width: 100px
    }

    .timeline-heading h4 {
        font-size: 30px !important
    }

    .searchbar-popup.notification {
        max-width: 460px;
        padding: 0;
        height: 400px;
        overflow-y: scroll
    }

    img.camera-pic {
        bottom: -10px;
        right: 15px
    }

    .social-app-card.share-icon img {
        max-width: 20px !important
    }

    .calender-card .result-cards .begning-card img.aarow-pink {
        right: -70px;
        top: -74px
    }

    .rainbow-cloud.expert-what {
        bottom: 32%;
        top: unset;
        max-width: 110px
    }
}

@media (max-width:1400px) {
    .carousel-content .carousel-caption .slider-heading {
        font-size: 50px;
        line-height: 58px
    }

    .connected-form .form-sec h4 {
        margin-bottom: 10px !important
    }

    .searchbar-popup {
        right: 50px
    }

    .searchbar-popup .searchicon {
        max-width: 15px
    }

    .baby-minitape .parenthood-gif:after {
        bottom: -205px;
        right: -345px;
        background-size: 23rem
    }

    .baby-minitape .parenthood-gif .parenthood-gifs {
        width: 190px;
        bottom: 38px;
        right: -78px !important
    }

    .baby-minitape .parenthood-gif .shadow_img {
        width: 180px;
        bottom: 45px;
        right: 42px !important
    }

    .baby-minitape:nth-child(2n) .parenthood-gif:after {
        background-size: 30rem;
        left: -130px;
        bottom: -230px
    }

    .baby-minitape:nth-child(2n) .parenthood-gif .parenthood-gifs {
        bottom: -55px;
        left: 30px;
        max-width: 220px
    }

    .baby-minitape:nth-child(2n) .parenthood-gif .shadow_img {
        bottom: -63px;
        width: 220px;
        right: 18px !important
    }

    .time-to-switch .weightImg img {
        border-radius: 50px;
        margin-top: 0
    }

    .mamypoko-essentials.newborn-essen .parenthood-gif {
        bottom: 45px;
        left: 12%;
        width: 280px
    }

    .mamypoko-pants-section img.mamypoko_rotate-img {
        max-width: 1140px
    }

    .unicharm-corporation {
        margin-top: 80px
    }

    .unicharm-corporation .heading-component {
        top: 115px;
        max-width: 1200px
    }

    .unicharm-corporation-content {
        left: 30px;
        top: 260px
    }

    .unicharm-corporation-content .btn {
        margin-top: 25px
    }

    .loadmore-section a.loadmore-btn {
        margin-top: 20px
    }

    .mamypoko-videos .custome-banner-content {
        max-width: 600px
    }

    .pregnancyblog .health-pregnancy .shadow_img {
        right: inherit;
        left: 0
    }

    .pregnancyblog .health-pregnancy .product_card-ab {
        z-index: 0;
        top: 210px;
        right: -11px
    }

    .pregnancyblog .health-pregnancy .product_card-cloud {
        width: 180px;
        max-width: 180px;
        right: -40px;
        bottom: 130px
    }

    .contactForm-wrapper {
        margin-right: 50px;
        padding: 20px
    }

    .contactForm-wrapper .form-pokochan1 {
        top: -64px;
        right: -20px
    }

    .contactForm-wrapper .blue-ballon img,
    .contactForm-wrapper .form-pokochan1 img,
    .contactForm-wrapper .mobile-pokochan img {
        max-width: 120px
    }

    .contactForm-wrapper .mobile-pokochan {
        left: -150px
    }

    .contactForm-wrapper .blue-ballon {
        bottom: 24px;
        right: -76px
    }

    .hospital-bag .parenthood-brand-card .parenthood-content h5 {
        font-size: 26px;
        font-weight: 700;
        line-height: 38px
    }

    .all-news-section .allnews-four,
    .all-news-section .allnews-two {
        display: none
    }

    .timeline-aboutseven {
        left: 0;
        position: relative
    }

    .product-page-tabs .personal-guide-product .filter-diaper .filter-diapers {
        top: 12px;
        right: 10px;
        margin-left: auto
    }

    .personal-guide-product .filter-diaper {
        right: 24px;
        top: 50px
    }

    .vaccination-content .table tbody tr td,
    .vaccination-content .table thead tr th {
        font-size: 18px
    }

    .custome-banner.pokochan-banner {
        position: relative;
        z-index: 1;
        margin-top: 50px
    }

    .navbar-link.lasticon a.nav-link span {
        top: 2px;
        right: -4px;
        padding: 1px 5px;
        border-radius: 50%;
        font-size: 10px;
        color: var(--ms-white)
    }

    .mamyImg,
    .partitle {
        position: relative;
        transform: translate3d(0, 220px, 0)
    }
}

@media (max-width:1366px) {

    .logo,
    .mamy-world-form .renderForm,
    .product-image {
        position: relative
    }

    .heading-component .heading-title,
    .momcorner-content.special-care .mamy-semi-heading,
    .pregnancy-timeline-content h3,
    .title-section {
        line-height: 45px;
        font-size: 35px
    }

    .topbar {
        width: 100%;
        padding: 5px
    }

    .banner-section {
        margin-top: 40px
    }

    .top-navbar {
        padding: 10px 0 30px;
        top: 50px
    }

    .product-world-gif::after {
        bottom: -19px !important;
        background-size: 11rem
    }

    .banner-heart img {
        width: 100%;
        max-width: 300px;
        height: 80px
    }

    .mamypoko-video-wrapper .swiperBoxContent .boxContentImg {
        right: 30px;
        bottom: 20px
    }

    .navbar-nav {
        gap: 30px;
        width: 100%
    }

    .logo {
        width: 140px;
        top: 0
    }

    .top-navbar.scrolled {
        padding: 10px 0 12px
    }

    .top-navbar.scrolled:before {
        bottom: -32px
    }

    .expand-div {
        bottom: 100px
    }

    .about-us {
        padding: 170px 0 300px
    }

    .stay-connected .connected-form .form-sec {
        padding: 15px 0 15px 100px
    }

    .mother-card:nth-child(2) {
        margin-left: 25px
    }

    .about-history-card p,
    .about-page-sec2 .did-know-content p,
    .blog-content h5,
    .faq-card p,
    .product-world-wrapper .nav-tabs .nav-link,
    .profile-cards.accordion .accordion h2.accordion-header button.accordion-button,
    .review-content .form-select,
    .review-date h6,
    .review-rating p,
    .selection-group label h6,
    .single-cat-box .blog-box-detail h5 a,
    .where-to-buy .strength-found-para p {
        font-size: 16px
    }

    .baby-minitape.pokochan .babymini-content p,
    .blog-content h4,
    .product-card-sec .product-content ul li,
    .product-world-wrapper .tab-filterheading h5,
    .rope-swing-content p {
        font-size: 18px
    }

    .filter-diapers .filter-diaper-content h5 {
        padding: 0 20px;
        font-size: 15px
    }

    .footer-gif {
        width: 280px;
        top: -15px
    }

    .top-navbar:before {
        height: 165px
    }

    .filter-open .diaper-iner-tab {
        margin-top: 15px
    }

    .brand-contents {
        top: 14px;
        left: 20px;
        width: 100%;
        max-width: 330px
    }

    .brands-details-card .explore-btn {
        margin-top: 10px
    }

    .breacums ul {
        top: 70px
    }

    .custome-banner {
        margin-top: 50px
    }

    .health-pregnancy .personal-guide .explore-preg {
        right: 125px
    }

    .personal-guide {
        width: 100%;
        max-width: 1300px
    }

    .parenthood-brand-card img {
        width: 100%;
        height: auto
    }

    .newborn-page .parenthood-brand-card .parenthood-content,
    .parenthood-brand-card .parenthood-content {
        padding: 15px
    }

    .parenthood-content h5 {
        font-size: 18px;
        line-height: 22px
    }

    .parenthood-journey {
        padding: 60px 0
    }

    .parenthood-journey .heading-component {
        margin-bottom: 40px
    }

    .parenthood-content .btn {
        line-height: 35px;
        min-width: 132px;
        font-size: 12px;
        padding: 0 15px;
        margin-top: 5px
    }

    .contact-form-sec .flowers img,
    .video-ico img {
        max-width: 100px
    }

    .parenthood-gif .shadow_img {
        right: 0 !important
    }

    .essential-content {
        top: 140px;
        left: 50px
    }

    .essential-content.mampoko-essetional {
        max-width: 450px;
        top: 100px
    }

    .essential-content .essentials-bg-img {
        left: 300px;
        width: 150px;
        height: auto;
        top: 0
    }

    .mamypoko-essentials .parenthood-gif {
        width: 250px;
        left: 20%
    }

    .bottom-quate {
        right: 0;
        bottom: -28px
    }

    .bottom-quate img,
    .top-quate img {
        width: 100%;
        max-width: 30px
    }

    .body-data-circumtance .sun-cloud,
    .parenthood-gif .parenthood-gifs {
        right: 0
    }

    .mamypoko-essentials-heading .title-xl2 {
        color: var(--ms-blue);
        line-height: 45px;
        font-size: 35px
    }

    .mamypoko-essentials-heading p {
        font-size: 18px;
        padding-bottom: 10px
    }

    .mamypoko-essentials-heading {
        padding-top: 0;
        padding-bottom: 20px
    }

    .did-know-content p {
        font-size: 18px;
        line-height: 29px
    }

    .personal-guide .explore-preg {
        right: 132px
    }

    .dropdown-menu.show .row {
        max-width: 1100px
    }

    .momcorner-content.special-care .mamy-semi-heading br,
    .parenthood-brand-card .parenthood-content h5 br,
    .product-world-wrapper .heading-component br {
        display: block
    }

    .latest-news-cards.popular-blogs .swiper {
        padding: 0 20px
    }

    .custome-banner.prgenancy-blog-banner .custome-banner-content,
    .infanr-blog-banner .custome-banner-content,
    .newborn-blog-banner .custome-banner-content,
    .toddlers-blog-banner .custome-banner-content {
        text-align: left !important;
        margin-top: 0
    }

    .personal-guide-product .filter-diaper {
        right: 20px
    }

    .product-card-sec .product-content {
        padding-left: 50px
    }

    .product-image {
        width: 100%;
        max-width: 550px
    }

    .personal-guide-product .extra-abozorb-sec .product-card-sec:first-child .product-image,
    .personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(2) .product-image,
    .personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(3) .product-image,
    .personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(4) .product-image,
    .personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(5) .product-image {
        margin-left: 50px
    }

    .product-card-sec .product-content ul {
        gap: 12px;
        margin-top: 15px
    }

    .blog-content h2,
    .next-step-cards form h5,
    .product-dipers h4,
    .profile-cards h1,
    .profile-cards h2,
    .right-blog-box h4 {
        font-size: 22px
    }

    .product-dipers img {
        padding-top: 10px
    }

    .baby-minitape .parenthood-gif .parashout_img {
        max-width: 100px;
        margin-left: unset;
        left: 110px;
        top: -35px
    }

    .babymini-tape .heading-component {
        max-width: 1250px;
        margin: 0
    }

    .time-to-switch .time-to-switch-content {
        max-width: 690px;
        padding-left: 34px
    }

    .mamypoko-essentials.newborn {
        margin-top: -77px
    }

    .extaabzorbbanner.sliderextra .new-baby-mini .title-big {
        color: var(--ms-primary);
        font-size: 50px;
        line-height: 50px
    }

    .mamypoko-pants-section img.mamypoko_rotate-img {
        max-width: 1100px;
        height: 450px;
        left: 15.5%;
        top: -20px
    }

    .extraabzorb-bannaer .swiper-slide img,
    .mamypoko-history .essential-content .heading-component p {
        max-width: 450px
    }

    .review-content-para p {
        font-size: 16px;
        line-height: 25px
    }

    .about-history-card h4,
    .blog-content h3,
    .faq-card h5,
    .review-card .review-heading h4,
    .review-card .review-heading h5,
    .review-name-heading h5 {
        font-size: 20px
    }

    .preemie-unicharm-banner .custome-banner-content h2 {
        font-size: 30px
    }

    .strength-para {
        right: 0;
        top: -24px;
        width: 250px;
        max-width: 120px
    }

    .faq-main-wrapper .cloud-ballon,
    .strength-para img {
        left: 0
    }

    .where-to-buy .strength-found-para h4 {
        margin-bottom: 0;
        line-height: 45px;
        font-size: 35px
    }

    .pockochan-meet .essential-content .heading-component .heading-title {
        margin-bottom: 6px
    }

    .mamypoko-history .essential-content .heading-component p br {
        display: none !important
    }

    .why-mamypoko-sec .essential-content {
        top: 140px;
        right: 150px;
        max-width: 550px
    }

    .about-history-card h2 {
        line-height: 45px;
        font-size: 35px;
        padding-bottom: 34px
    }

    .timeline-about-history ul li:nth-child(odd):first-child::before {
        background-size: 30rem;
        right: 90px
    }

    .timeline-about-history ul li:nth-child(2n)::before {
        background-size: 30em;
        left: 4px;
        top: -151px
    }

    .timeline-about-history ul li:nth-child(odd)::before {
        background-size: 30em;
        top: -163px;
        right: 86px
    }

    .about-history-card h4 br,
    .about-history-card p br {
        display: none
    }

    .mamypoko-history-sec {
        margin: 0
    }

    .stay-connected.faq-connected {
        padding: 60px 0;
        overflow: hidden
    }

    .faq-main-wrapper {
        padding: 120px 120px 60px
    }

    .rope-swing-content h2.tittle-small {
        line-height: 40px;
        font-size: 30px;
        margin-bottom: 0
    }

    .baby-happy-card .baby-card-content h4 {
        font-size: 30px;
        line-height: 38px
    }

    .baby-happy-card .baby-card-content h5 {
        font-size: 18px;
        line-height: 28px
    }

    .baby-minitape.pokochan .babymini-content .absorp-heading {
        line-height: 40px;
        font-size: 30px;
        font-weight: 700;
        margin: 0
    }

    .birth-story-content h4 {
        font-size: 30px;
        max-width: 490px;
        line-height: 40px
    }

    .birth-story-content p {
        font-size: 18px;
        line-height: 30px;
        padding-top: 18px
    }

    .pokochan-faq .pokochan-faq-flower {
        width: 130px
    }

    .pokochan-faq .parenthood-gif {
        bottom: 0
    }

    .pokochan-faq .terms-condion-icon4 {
        right: -75px;
        width: 200px;
        bottom: 100px
    }

    .pokochan-book {
        max-width: 250px
    }

    .rope-swing-content .ballon-star {
        max-width: 150px;
        top: -80px;
        right: -60px
    }

    .baby-minitape.pokochan .baby-img {
        width: 230px;
        margin-left: 140px
    }

    .rope-image {
        max-width: 420px
    }

    .rope-image img.rope-swing-gif {
        max-width: 380px
    }

    .custome-banner.pokochan-banner .terms-condion-icon2 {
        right: 40px;
        top: 100px;
        width: 120px
    }

    .custome-banner.pokochan-banner .terms-condion-icon5 {
        max-width: 160px
    }

    .all-blog-section .allnews-one,
    .custome-banner.pokochan-banner .custome-banner-content {
        top: 0;
        left: 0
    }

    .custome-banner.pokochan-banner .custome-banner-content .title-medium {
        font-size: 30px;
        margin-right: -290px
    }

    .custome-banner.pokochan-banner .custome-banner-content span {
        max-width: 190px
    }

    .baby-minitape.pokochan .parenthood-gif {
        right: 0;
        bottom: -100px
    }

    .banner-images {
        margin-left: 30px;
        bottom: 155px;
        max-width: 300px
    }

    .baby-minitape.pokochan .babymini-content {
        max-width: 600px;
        margin: 0 auto
    }

    .rope-swing-content {
        margin-left: 0;
        max-width: 650px
    }

    .unicharm-content h5 {
        font-size: 22px;
        font-weight: 700;
        line-height: 26px
    }

    .about-unicharm .unicharm-charm h4 {
        font-size: 20px;
        line-height: 28px
    }

    .strength-found-para h5 {
        text-align: center;
        font-size: 26px;
        line-height: 42px
    }

    .unicharm-corporation-content {
        left: 80px
    }

    .pregnancyblog .health-pregnancy .parenthood-gif {
        top: -38px
    }

    .pregnancyblog .health-pregnancy .product_card-ab {
        top: 0
    }

    .custome-banner.mamypoko-videos .custome-banner-content h1 {
        color: var(--ms-primary);
        font-family: var(--ariel-rounded);
        font-size: 45px
    }

    .contactForm-wrapper {
        margin-right: 50px;
        padding: 20px
    }

    .contactForm-wrapper .blue-ballon img,
    .contactForm-wrapper .form-pokochan1 img,
    .contactForm-wrapper .mobile-pokochan img {
        max-width: 120px
    }

    .contactForm-wrapper .mobile-pokochan {
        left: -150px
    }

    .contactForm-wrapper .blue-ballon {
        bottom: 24px;
        right: -76px
    }

    .pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs li .nav-link .tabs-sec {
        gap: 10px;
        align-items: center
    }

    .pregnancyblog .health-pregnancy.pregnancy-blogss .health-pregnancy .personal-guide .nav.nav-tabs li .nav-link span {
        display: unset;
        width: 60px;
        height: auto
    }

    .pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs li .nav-link span {
        height: auto
    }

    .knowcard-img h4 {
        font-size: 35px
    }

    .hospital-bag .parenthood-brand-card .parenthood-content h5 {
        font-size: 26px;
        font-weight: 700;
        line-height: 38px
    }

    .did-u-know.pregnancy-blogss .did-uknow-section {
        max-width: 1200px
    }

    .blog-heading h1 {
        font-size: 25px
    }

    .blog-content ol li,
    .blog-content p,
    .blog-content ul li,
    .pregnancy-cretivity .blog-content ul li {
        font-size: 16px;
        line-height: 24px
    }

    .blog-content h6 {
        font-size: 14px
    }

    .right-box-4 .right-box-4-content h5 {
        font-size: 23px
    }

    .personal-guide-card.blog-details .contentcard .content h3,
    .personal-guide-card.blogs-cards .contentcard .content h3 {
        font-size: 23px !important;
        font-weight: 600
    }

    .mamypoko-essentials.newborn-baby .essential-content,
    .next-step-cards {
        max-width: 600px
    }

    .terms-condion-icon1 {
        left: -98px
    }

    .terms-condion-icon3 {
        left: -90px
    }

    .product-page-slider .personal-guide-card.smallcard .contentcard {
        min-height: 120px
    }

    .contact-form-sec.offer-details .form-pokochan1 {
        right: -153px;
        width: 100%;
        max-width: 250px;
        top: -69px
    }

    .timeline-preg-list {
        max-width: 1180px;
        margin-bottom: 16px
    }

    .pregnancy-faq.pokochan-faq .parenthood-gif {
        width: 200px;
        bottom: 30px
    }

    .ballond-cloud {
        width: 120px;
        left: -100px;
        top: 200px
    }

    .sun-cloud {
        right: -80px;
        width: 100%;
        max-width: 120px;
        bottom: 200px
    }

    .pregnancy-faq.pokochan-faq.baby-tracker .terms-condion-icon4 {
        bottom: unset;
        top: 200px
    }

    .rainbow-clouds {
        width: 100%;
        max-width: 130px;
        right: 0
    }

    .otp-field input {
        width: 100%;
        max-width: 80px
    }

    .radio-buttons {
        margin-bottom: 80px
    }

    .vaccination-content .table {
        margin-top: 30px
    }

    .tracker-icon img {
        width: 100%;
        max-width: 110px !important
    }

    .begning-card img {
        max-width: 40px;
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .pregnancy-tracker .heading-component {
        margin: 0 auto 15px
    }

    .result-cards img.doll {
        right: -23px;
        top: -65px;
        max-width: 120px
    }

    .selection-group img {
        width: 100%;
        max-width: 70px
    }

    .btn-container a.blue-color {
        width: 100%;
        font-size: 18px
    }

    .select-option.poko-gif:after {
        left: 0;
        right: 0;
        margin: 0 auto;
        display: block;
        bottom: 0;
        width: 100%;
        max-width: 254px;
        transform: unset
    }

    .calender-card .result-cards img.doll {
        right: 62px;
        top: -68px
    }

    .mamies-word-wrapper {
        width: 100%;
        position: relative
    }

    .profile-cards.accordion .accordion-body {
        font-size: 15px
    }

    .navbar-link {
        gap: 15px
    }

    .mamy-world-form {
        margin-bottom: 150px
    }

    .community-banner-form .product-world-gif {
        bottom: 50px;
        top: unset
    }

    .absorbbanner-slider .current-price {
        font-size: 26px;
        padding-top: 20px
    }

    .absorbbanner-slider .current-price span {
        font-size: 12px
    }

    .absorbbanner-slider p {
        font-size: 16px;
        padding-top: 0
    }

    .user-name h4 {
        margin: 0;
        font-size: 20px
    }

    .timeline-heading h4 {
        font-size: 28px !important
    }

    .calender-card .result-cards .begning-card img.aarow-pink {
        right: -85px;
        top: -74px
    }

    .mobile-card-type img.aarow-pink {
        right: 10px;
        top: 0
    }

    .pregnancy-calculator p {
        color: #1a1a1a;
        text-align: left;
        font-size: 18px
    }
}

@media (max-width:1280px) {

    .banner-section,
    .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card:nth-child(2) .contentcard {
        min-height: auto
    }

    .custome-banner-content .title-xl,
    .title-xl2 {
        font-size: 45px
    }

    .top-navbar {
        padding: 0 0 30px;
        top: 60px
    }

    .navbar-nav {
        align-items: center;
        gap: 30px
    }

    .dropdown-menu.show {
        height: autco
    }

    .personal-guide .explore-preg {
        right: 110px
    }

    .personal-guide-card .pregnancy-btn {
        bottom: 80px
    }

    .poko-gif::after {
        bottom: 0;
        background-size: 13rem
    }

    .brand-img ul li a {
        padding: 30px 40px
    }

    .footer-gif {
        width: 250px;
        position: absolute;
        top: 0;
        right: 0
    }

    .footer-gif::after {
        bottom: -35px;
        background-size: 10rem;
        width: unset
    }

    .social-links ul li a svg {
        font-size: 14px;
        width: 14px;
        aspect-ratio: 5/6;
        object-fit: contain
    }

    .social-links ul li a {
        width: 30px;
        height: 30px
    }

    .brand-contents h5,
    .general-support .profile-name h6,
    .pregnant-content h5,
    .profile-cards.accordion .accordion h2.accordion-header button.accordion-button,
    .profile-name h4,
    .sub-footer-list ul li a {
        font-size: 16px
    }

    .ballon-gif,
    .ballon-gif2,
    .banner-heart,
    .contactForm-wrapper .blue-ballon,
    .faq-main-wrapper .cloud-ballon,
    .faq-main-wrapper .cloud-rainbow,
    .faq-main-wrapper .faq-gif,
    .faq-main-wrapper .sleeping-moon img,
    .faq-main-wrapper .three-flowers,
    .health-pregnancy .parenthood-gif,
    .mamy-semi-heading br,
    .pregnancy-faq.pokochan-faq .parenthood-gif,
    .pregnancy-faq.pokochan-faq.baby-tracker .terms-condion-icon4,
    .strengeth-found-buy,
    .timeline-abouteight,
    .upcoming-vaccinations .parenthood-gif {
        display: none
    }

    .navbar-link,
    .parenthood-card .col-lg-4:nth-child(3) .contentcard img {
        display: flex
    }

    .navbar-link {
        gap: 18px
    }

    .carousel-content .carousel-caption {
        padding: 0 24px 24px;
        position: absolute;
        bottom: 0;
        left: 8%
    }

    .banner-section.banner-image .content-para {
        width: 100%;
        max-width: 450px
    }

    .dropdown-menu.show .personal-guide-card .contentcard .content h3 {
        font-size: 16px !important
    }

    .dropdown-menu.show .contentcard .btn {
        line-height: 39px !important;
        margin-top: 25px;
        z-index: 1;
        font-size: 12px !important
    }

    .dropdown-menu.show .personal-guide-card .contentcard .content span img {
        max-width: 150px !important;
        margin-top: -1px
    }

    .dropdown-menu.show .contentcard .content,
    .infant-page .parenthood-brand-card .parenthood-content,
    .parenthood-brand-card .parenthood-content,
    .toddler-page .parenthood-brand-card .parenthood-content {
        padding: 15px
    }

    .dropdown-menu.show .row {
        max-width: 1070px
    }

    .mamypoko-sideicon {
        width: 120px
    }

    .nav-menu-list a {
        font-size: 14px !important
    }

    .compresive-card .compresive-btn a.btn.btn-primary {
        line-height: 44px;
        padding: 0 20px;
        font-size: 14px;
        min-width: 207px
    }

    .product-navbar-list {
        display: flex;
        gap: 60px
    }

    .brands-details-card .explore-btn {
        margin-top: 15px;
        font-size: 14px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        padding: 10px 29px;
        min-width: 160px
    }

    .carousel-item img,
    .tracker-component {
        height: auto
    }

    .mother-card .card-content p {
        margin: 0;
        font-size: 12px
    }

    .mother-card .card-content .title {
        font-size: 16px;
        margin-bottom: 2px
    }

    .contact-form-sec .flowers img,
    .mother-card .card-img img,
    .product_card-ab-hsorty img,
    .sun-top img {
        max-width: 100px
    }

    .logo {
        width: 150px;
        text-align: center
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        background-size: 3rem
    }

    .banner-section {
        background: #f8f4f0;
        margin-top: 55px
    }

    .custome-banner-content,
    .mother-award-section,
    .pockochan-meet .essential-content .heading-component {
        top: 0
    }

    .top-navbar:before {
        bottom: -8px
    }

    .about-us.banner-according-section {
        margin-top: -70px
    }

    .video-banner {
        width: 100%;
        height: 650px !important
    }

    .parenthood-guide .parenthood-heart {
        top: 0;
        position: relative
    }

    .mother-card:first-child {
        margin-left: 70px
    }

    .mother-card:nth-child(2) {
        margin-left: 20px
    }

    .carousel-content .carousel-caption p {
        font-size: 26px;
        line-height: 40px;
        padding-bottom: 0
    }

    .carousel-content .carousel-caption h5 {
        font-size: 26px
    }

    .mother-card:nth-child(3) .card-content .title br {
        display: block !important
    }

    .carousel-content .carousel-caption .slider-heading {
        font-size: 45px;
        line-height: 55px
    }

    .custome-banner-content {
        margin-left: 60px;
        margin-top: -20px
    }

    .parenthood-gif .parenthood-gifs {
        position: relative;
        right: 0
    }

    .pregnancy_Videos .parenthood-gif {
        width: 210px;
        top: 30px;
        left: 15px
    }

    .parenthood-gif .shadow_img {
        right: 25px !important
    }

    .health-pregnancy .personal-guide .explore-preg {
        right: 90px
    }

    .did-know-section {
        padding: 40px 0 100px
    }

    .health-pregnancy .parenthood-gif .shadow_img {
        right: 0 !important
    }

    .custome-banner-content p {
        font-size: 20px;
        line-height: 26px
    }

    .video-carousel .swiperBoxContent .boxContentImg {
        width: auto
    }

    .mamypoko-essentials .parenthood-gif {
        width: 200px;
        left: 24%
    }

    .mamypoko-essentials .parenthood-gif img.shadow_img {
        bottom: 0 !important;
        left: -12px;
        margin: 0 auto;
        max-width: 150px
    }

    .custome-banner.newbornpage .custome-banner-content .title-lg {
        font-size: 40px;
        line-height: 40px;
        padding-bottom: 15px
    }

    .product-page-slider .personal-guide-card.smallcard .contentcard {
        min-height: 134px
    }

    .body-data-circumtance .parenthood-heart,
    .did-know-section .parenthood-gif,
    .faq-main-wrapper .sleeping-moon,
    .faq-main-wrapper .three-flowers,
    .product-page-tabs .personal-guide-product .filter-diaper .filter-diapers {
        right: 0
    }

    .custome-banner {
        margin-top: 70px
    }

    .product-page-slider .personal-guide-card.smallcard .contentcard .content {
        padding: 22px 30px
    }

    .product-image {
        position: relative;
        width: 100%;
        max-width: 100%
    }

    .product-image img {
        width: 100%;
        max-width: 100%;
        border-radius: 15px
    }

    .personal-guide-product .filter-diaper {
        right: 32px
    }

    .personal-guide-product .extra-abozorb-sec .product-card-sec:first-child .product-image,
    .personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(2) .product-image,
    .personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(3) .product-image,
    .personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(4) .product-image,
    .personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(5) .product-image {
        margin-left: 0
    }

    .product-card-sec .product-content {
        padding-left: 0
    }

    .baby-minitape:nth-child(2n) .parenthood-gif:after {
        background-size: 25rem;
        left: -130px;
        bottom: -290px
    }

    .baby-minitape:nth-child(2n) .parenthood-gif .parenthood-gifs {
        bottom: -55px;
        left: 30px;
        max-width: 170px
    }

    .baby-minitape:nth-child(2n) .parenthood-gif .shadow_img {
        bottom: -63px;
        width: 150px !important;
        right: 70px !important
    }

    .baby-minitape .parenthood-gif {
        right: 120px;
        width: 300px;
        bottom: -15px
    }

    .time-to-switch .cloudImg {
        right: 22px;
        width: 117px
    }

    .about-history-banner .custome-banner-content h1 br,
    .pockochan-meet .essential-content .heading-component p br,
    .pregnancy_Videos .heading-component h3 br {
        display: block
    }

    .mamypoko-pants-section img.mamypoko_rotate-img {
        top: -25px;
        max-width: 1050px;
        height: 431px;
        left: 15%
    }

    .extra-absorb-navbar .absorb-navbar ul li.active-scroll-spy a {
        padding: 12px 40px 12px 10px;
        font-size: 14px
    }

    .extra-absorb-navbar .absorb-navbar ul li a,
    .resend-otp h5 {
        font-size: 14px
    }

    .review-rating-star svg {
        font-size: 16px;
        width: 16px
    }

    .review-rating-star .progress {
        max-width: 150px
    }

    .strength-found.where-to-buy {
        padding: 70px 0;
        margin-top: -97px
    }

    .mamypoko-card {
        height: 350px;
        width: 350px
    }

    .mamypoko-pants-section .mamypoko-pants-card {
        width: 300px;
        height: 300px
    }

    .mamypoko-card img.roateIcon {
        top: -34px;
        height: 120px
    }

    .extra-absorb h4 {
        color: var(--ms-primary);
        font-size: 28px;
        line-height: normal
    }

    .contain-absorb-modal .modal-dialog .modal-body {
        padding: 40px 30px 50px
    }

    .extra-absorb img {
        padding-top: 20px
    }

    .extra-absorb p {
        font-size: 18px
    }

    .contain-absorb-modal.social-fa-icon-popup .modal-body .social-links svg {
        font-size: 25px;
        width: 16px
    }

    .extaabzorbbanner .mampoko-pant-heading .title-big,
    .extaabzorbbanner.sliderextra .new-baby-mini .title-big {
        font-size: 45px;
        line-height: 45px
    }

    .extraabzorb-banner .custome-banner-content {
        max-width: 500px;
        margin-top: 0
    }

    .momcorner-content.special-care .mamy-semi-heading br {
        display: unset
    }

    .preemie-unicharm-banner .custome-banner-content .title-xl {
        font-size: 30px;
        line-height: 40px
    }

    .about-unicharm .unicharm-charm h4,
    .preemie-unicharm-banner .custome-banner-content p {
        font-size: 18px;
        line-height: 25px
    }

    .preemie-diaper-gif {
        width: 200px;
        height: 200px
    }

    .mom-corner.special-care-diapers .row {
        align-items: center !important
    }

    .mom-corner.special-care-diapers {
        background-color: var(--ms-white)
    }

    .faq-main-wrapper .cloud-ballon,
    .terms-condion-icon3,
    .timeline-aboutseven {
        left: 0
    }

    .timeline-aboutthree {
        left: -100px;
        width: 180px
    }

    .timeline-abouttwo {
        right: 0;
        top: -230px;
        z-index: -1;
        width: 200px
    }

    .timeline-about-history {
        margin-top: 180px
    }

    .timeline-aboutfour {
        width: 120px;
        right: 0;
        top: -150px
    }

    .about-history-banner .custome-banner-content p {
        font-size: 20px;
        line-height: 25px
    }

    .terms-condion-icon6 {
        bottom: 0;
        right: 0;
        width: 120px;
        display: block
    }

    .terms-condion-icon1 {
        top: 0;
        width: 120px;
        left: -30px;
        display: block
    }

    .terms-condition {
        padding: 40px 80px
    }

    .terms-condion-icon2,
    .terms-condion-icon4 {
        right: -30px;
        width: 120px
    }

    .terms-condion-icon3,
    .terms-condion-icon5 {
        left: -30px;
        max-width: 120px
    }

    .stay-connected.faq-connected {
        padding: 60px 0;
        overflow: hidden
    }

    .stay-connected::after {
        top: 40px
    }

    .faq-main-wrapper {
        margin-top: -75px;
        background-color: var(--skyblue1);
        padding: 120px 15px 190px;
        position: relative
    }

    .faq-gif {
        display: block !important;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: unset
    }

    .baby-minitape.pokochan .parenthood-gif {
        right: -100px;
        bottom: -100px
    }

    .baby-minitape.pokochan .parenthood-gif .pokochan-star {
        max-width: 120px;
        right: -75px
    }

    .baby-happy-card {
        left: 80px
    }

    .baby-card-img .video-gif.product-world-gif {
        top: 0;
        width: 100%;
        max-width: 300px
    }

    .timeline-mamypoko .baby-minitape {
        margin-bottom: 80px
    }

    .begning-card h2,
    .coporate-pholophy-content h3 {
        font-size: 25px
    }

    .about-unicharm .unicharm-charm,
    .loadmore-section a.loadmore-btn {
        margin-top: 20px
    }

    .strength-found-para h5 {
        font-size: 22px;
        line-height: 35px
    }

    .unicharm-corporation-content {
        left: 25px;
        top: 250px
    }

    .strength-found .strength-found-para {
        top: 100px;
        max-width: 1000px
    }

    .pregnancyblog .health-pregnancy .personal-guide .nav.nav-tabs {
        max-width: fit-content !important
    }

    .pregnancyblog .health-pregnancy .parenthood-gif {
        width: 100%
    }

    .pregnancyblog .health-pregnancy .product_card-cloud {
        width: 180px;
        right: -40px;
        bottom: 60px
    }

    .pregnancyblog .health-pregnancy {
        overflow: hidden
    }

    .mamy-semi-heading,
    .pregnancy-announcement .swiperBoxContent .box-heading {
        font-size: 22px;
        line-height: 30px
    }

    .pregnancyblog .parenthood-gif .parenthood-gifs {
        max-width: 180px
    }

    .contactForm-wrapper {
        margin-right: 0;
        padding: 20px
    }

    .contactForm-wrapper .form-pokochan1 {
        top: -68px;
        right: -24px
    }

    .contactForm-wrapper .blue-ballon img,
    .contactForm-wrapper .form-pokochan1 img,
    .contactForm-wrapper .mobile-pokochan img {
        max-width: 120px
    }

    .contactForm-wrapper .mobile-pokochan {
        left: -150px
    }

    .mobile-pokochan {
        position: absolute;
        bottom: 0;
        left: -200px
    }

    .mobile-pokochan img {
        width: 100%;
        max-width: 100px
    }

    .custome-banner.contact-banner .breacums ul {
        top: 75px
    }

    .latest-news-cards.popular-blogs .horse-img {
        right: 0;
        width: 150px;
        height: auto
    }

    .all-blog-section .allnews-one {
        top: 0;
        left: 0;
        width: 140px
    }

    .pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs {
        max-width: 100%;
        gap: 15px;
        justify-content: center;
        overflow: auto;
        flex-wrap: nowrap;
        top: 0
    }

    .custome-banner.pokochan-banner {
        position: relative;
        z-index: 1;
        margin-top: 65px
    }

    .health-pregnancy.pregnancy-blogss .tab-content {
        padding: 0 40px
    }

    .connected-form .form-sec h4 {
        font-size: 30px
    }

    .connected-form .form-sec p {
        font-size: 16px;
        padding: 0
    }

    .blogs-margin .health-pregnancy.pregnancy-blogss .pregnancy-announcement {
        padding: 0 60px
    }

    .hospital-explore .heading-component {
        max-width: 750px !important;
        margin: 0 auto !important
    }

    .pockochan-meet .essential-content {
        top: 70px;
        left: 0
    }

    .pockochan-meet .essential-content .heading-component h3 {
        margin-bottom: 0
    }

    .about-banner-content h1.title-xl {
        font-size: 40px
    }

    .pockochan-meet {
        padding: 0;
        position: relative;
        margin-top: -80px
    }

    .product_card-ab-hsorty {
        right: -112px;
        bottom: 29px
    }

    .hospital-banner .custome-banner-content .title-xl {
        font-size: 34px
    }

    .hospital-banner .custome-banner-content h5,
    .next-step-container h5 {
        font-size: 20px
    }

    .mamypoko-essentials.newborn-baby .essential-content {
        top: 60px
    }

    .infanr-blog-banner .custome-banner-content,
    .newborn-blog-banner .custome-banner-content {
        text-align: left !important;
        margin-top: 0
    }

    .toddlers-blog-banner .custome-banner-content {
        margin-top: 0
    }

    .parenthood-brand-card .parenthood-content {
        max-width: 250px
    }

    .parenthood-content h5 {
        font-size: 16px;
        line-height: 20px;
        min-height: 50px
    }

    .web-mmp-news .blog-border-card {
        margin: 0 auto
    }

    .search-page .pokochan-faq-card {
        max-width: 900px
    }

    .review-btn.product button.btn.btn-circle.left {
        left: -20px
    }

    .review-btn.product button.btn.btn-circle.right {
        right: -75px
    }

    .timeline-preg-list {
        width: 100%;
        gap: 30px;
        max-width: 1150px
    }

    .tracker-component p {
        padding: 5px 0 20px;
        margin: 0
    }

    .next-step-cards form h5 {
        margin-bottom: 40px
    }

    .form-check {
        padding-top: 20px !important
    }

    .renderForm {
        margin-top: 25px
    }

    .pregnanct-week {
        padding: 30px 25px
    }

    .button-number {
        margin-right: 40px
    }

    .radio-btn {
        width: 160px;
        height: 150px
    }

    .sun-cloud {
        right: -20px;
        bottom: 200px
    }

    .heart-imgs {
        left: -220px;
        max-width: 400px
    }

    .heart-imgs img.test-doll {
        max-width: 120px;
        top: 100px;
        right: 20px
    }

    .ballond-cloud {
        width: 100px;
        left: 0;
        top: 0
    }

    .days-select .form-check .check-input {
        max-width: 20px;
        height: 20px
    }

    .completed.form-show .sun-cloud {
        right: 0;
        bottom: 200px
    }

    .result-cards {
        padding-bottom: 0
    }

    .analyse-progress .nav.nav-tabs {
        width: 610px
    }

    .mamy-world-form .renderForm {
        min-height: 480px;
        padding: 30px;
        max-width: 490px;
        top: 108px
    }

    .community-banner-form .community-banner {
        padding-top: 80px
    }

    .calender-card .result-cards img.doll {
        right: 29px;
        top: -68px
    }

    .card-content-mamies.tracker ul {
        max-width: 670px
    }

    .pregnant-cacr-tracler .begning-card {
        right: 45px;
        transform: translate(0, -50%);
        text-align: left
    }

    .calender-card .result-cards .begning-card img.aarow-pink {
        right: -40px;
        top: -60px
    }

    .calender-card .result-cards.small-card-come .begning-card img.aarow-pink {
        top: -60px;
        right: -30px
    }

    .mobile-card-type img.aarow-pink {
        position: absolute;
        right: 12px;
        top: 5px
    }

    .profile-cards h1,
    .profile-cards h2 {
        font-size: 22px
    }

    .general-support .profile-name h4 {
        font-size: 18px;
        margin: 0 0 5px
    }

    .profile-sidebar {
        padding: 20px 22px;
        top: 120px
    }

    .profile-image img {
        width: 150px;
        height: 150px
    }

    .profile-name .form-check {
        padding-bottom: 5px;
        font-weight: 600;
        padding-top: 5px !important
    }

    .profile-name label {
        font-size: 17px
    }

    img.camera-pic {
        max-width: 70px;
        bottom: -5px;
        right: 0;
        cursor: pointer;
        height: auto;
        width: auto
    }

    .profile-sidebar ul li a {
        padding: 10px 20px
    }

    .custome-banner.newbornpage.pregnancy-banner.contact-banner .custome-banner-content {
        margin-top: 40px
    }

    .contact-form-sec.offer-details .form-pokochan1 {
        right: -24px;
        width: 100%;
        max-width: fit-content;
        top: -69px
    }

    .dropdown-menu.show .personal-guide-card .contentcard .content .btn {
        line-height: 36px !important
    }
}

@media (max-width:1250px) {
    .mamypoko-pants-section img.mamypoko_rotate-img {
        max-width: 1009px
    }

    .rightBaloon {
        display: none
    }

    .mamyWorldBtn ul {
        display: flex;
        overflow: auto;
        gap: 5px
    }

    .mamyWorldBtn ul li {
        margin: 0
    }

    .mamyWorldBtn ul li.contactLin.mt-5 {
        margin-top: 0 !important
    }
}

@media (max-width:1152px) {
    .title-xl2 {
        font-size: 40px
    }

    .top-navbar {
        padding: 0 0 30px;
        top: 60px
    }

    .navbar-nav {
        gap: 15px
    }

    .momcorner-gif {
        width: 250px;
        margin-left: auto;
        position: relative
    }

    .video-gif {
        bottom: 50px
    }

    .mamypoko-video-wrapper .video-gif::after {
        background-size: 11rem;
        left: -30px;
        bottom: -20px
    }

    .mamypoko-video-wrapper .swiperBoxContent {
        padding: 30px 15px
    }

    .all-blog-section .allnews-two,
    .babby-raintow,
    .baby-minitape .parenthood-gif,
    .baby-minitape.pokochan .babymini-content .absorp-heading br,
    .banner-heart,
    .community-banner-form .product-world-gif,
    .did-u-know.pregnancy-blogss .didu-know-icon,
    .health-pregnancy.pregnancy-blogss .star-ballon,
    .heart-imgs,
    .mamypoko-video-wrapper .swiperBoxContent .box-heading br,
    .parenthood-guide .parenthood-heart,
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        display: none
    }

    .video-ico img {
        width: 100%;
        max-width: 70px
    }

    .mamypoko-video-wrapper .swiperBoxContent .boxContentImg {
        position: absolute;
        right: 15px;
        bottom: 20px
    }

    .form-wrapper form input {
        padding: 10px
    }

    .achievement-details .achievement-content p,
    .form-wrapper form label {
        font-size: 14px
    }

    .calender-ico img,
    .health-pregnancy .personal-guide .explore-preg .btn-primary::after {
        right: 15px
    }

    .mother-card .card-content p {
        margin: 0;
        font-size: 12px;
        line-height: 18px
    }

    .mother-card .card-content .title {
        font-size: 14px;
        line-height: 20px
    }

    .heading-component .heading-title,
    .health-pregnancy.newborn_card .heading-component .heading-title,
    .knowcard-img h4,
    .momcorner-content.special-care .mamy-semi-heading,
    .pregnancy-timeline-content h3,
    .product-content .title-section {
        font-size: 30px;
        line-height: 40px
    }

    .mother-card:first-child {
        margin-left: 45px
    }

    .mother-card .card-img img {
        width: 100%;
        max-width: 80px
    }

    .mother-card .card-content {
        width: 100%;
        padding: 10px 14px 10px 40px
    }

    .mother-award-section {
        gap: 90px
    }

    .mother-card .card-img {
        left: -35px
    }

    .personal-guide .explore-preg {
        right: 50px
    }

    .navbar-link .nav-item.dropdown a,
    .navbar-link a.nav-link {
        font-size: 12px
    }

    .navbar-link.lasticon a.nav-link img {
        width: 18px;
        max-width: 12px
    }

    .navbar-link .nav-item.dropdown a span img {
        width: 100%;
        max-width: 18px
    }

    .banner-section {
        margin-top: 45px
    }

    .parenthood-card .col-lg-4:nth-child(3) .contentcard img {
        display: flex
    }

    .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card:nth-child(2) .contentcard {
        min-height: 222px
    }

    .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card:nth-child(2) .contentcard img {
        min-height: 218px
    }

    .mom-corner .row {
        align-items: unset !important
    }

    .japan-babies-section .parenthood-gif,
    .mom-corner .momcorner-gif {
        display: block
    }

    .momcorner-content {
        padding-left: 20px
    }

    .testimonials-gif {
        width: 200px;
        position: relative;
        right: 50px
    }

    .custome-banner-content .title-xl {
        font-size: 35px;
        padding-bottom: 10px
    }

    .custome-banner-content p {
        font-size: 18px;
        line-height: 24px
    }

    .about-history-card h4,
    .babymini-content p,
    .pregnancy-trackers .custome-banner-content p,
    .tracker-cycle.baby-card h4 {
        font-size: 18px
    }

    .health-pregnancy .personal-guide .explore-preg {
        top: 20px;
        right: 30px;
        padding: 2px 40px 2px 30px;
        font-size: 13px
    }

    .health-pregnancy .personal-guide .nav.nav-tabs {
        gap: 10px
    }

    .did-know-section .parenthood-gif {
        width: 200px
    }

    .parenthood-gif .shadow_img {
        right: 2px !important;
        max-width: 180px;
        bottom: -5px
    }

    .pregnancy_Videos .parenthood-gif .shadow_img {
        max-width: 250px
    }

    .personal-guide .nav.nav-tabs li .nav-link {
        border: 0;
        font-size: 16px
    }

    .carousel-control-next,
    .carousel-control-prev {
        position: absolute;
        top: 0
    }

    .pregnancy_Videos .heading-component {
        max-width: 550px !important
    }

    .baby-minitape:nth-child(odd) {
        margin-left: 0
    }

    .time-to-switch .time-to-switch-content h4 {
        font-size: 30px;
        line-height: 38px
    }

    .time-to-switch .time-to-switch-content p {
        font-size: 18px;
        line-height: 26px
    }

    .mamypoko-essentials.newborn .parenthood-gif {
        display: none !important
    }

    .babymini-content .absorp-heading {
        font-weight: 700;
        line-height: 40px;
        font-size: 25px
    }

    .product-page-slider .personal-guide-card.smallcard {
        margin-bottom: 17px
    }

    .product-page-slider .personal-guide-card.smallcard .contentcard {
        min-height: 120px
    }

    .personal-guide-product .filter-diaper .filter-diapers {
        top: -3px;
        right: 30px;
        margin-left: auto;
        max-width: 257px
    }

    .personal-guide-product .filter-diaper {
        right: 25px
    }

    .extra-absorb-navbar .absorb-navbar {
        margin-left: 50px
    }

    .product-details-nav {
        padding: 20px 15px;
        gap: 110px;
        overflow-x: scroll;
        overflow-y: hidden
    }

    .product-details-nav::-webkit-scrollbar {
        height: 2px
    }

    .product-details-nav::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0 #fff0
    }

    .product-details-nav::-webkit-scrollbar-thumb {
        height: 5px;
        background-color: var(--ms-primary)
    }

    .mamypoko-pants-section .mamypoko-pants-card {
        width: 250px;
        height: 250px
    }

    .mamypoko-card {
        height: 320px;
        width: 320px
    }

    .mamypoko-card img.roateIcon {
        position: absolute;
        top: -35px;
        width: 100%;
        height: auto
    }

    .mamypoko-pants-section img.mamypoko_rotate-img {
        max-width: 940px;
        height: 380px
    }

    .mamypoko-pants-card .pantsimage {
        max-width: 100px;
        min-height: 100px
    }

    .pants-mamy-content h5 {
        font-size: 18px;
        margin: 0;
        padding-bottom: 5px
    }

    .review-content-para span svg,
    .review-rating-star svg {
        font-size: 14px;
        width: 16px
    }

    .where-to-buy .strength-found-para h4 {
        margin-bottom: 0;
        line-height: 40px;
        font-size: 30px
    }

    .where-to-buy .strength-found-para {
        top: 57px
    }

    .mamypoko-history .essential-content,
    .stay-connected::after,
    .strength-found.where-to-buy:after {
        right: 0
    }

    .about-page-sec2 .did-know-content p,
    .analyse-babay-timeline .naps-card h2,
    .card-content-mamies.tracker .active-btn,
    .card-content-mamies.tracker button,
    .contentcard .content .read-more-btn,
    .next-step-cards.dashboard .baby-tracker-user .profile-content h5 {
        font-size: 16px
    }

    .about-page-sec2 .parenthood-gif,
    .achievement-poko img {
        width: 160px
    }

    .about-page-sec2.did-know-section .parenthood-gif {
        bottom: -50px
    }

    .rainbow-cloud {
        max-width: 120px;
        top: 45%
    }

    .mamypoko-history .brown-heart img,
    .principle-sec-wrapper .product_card-ab,
    .single-achievent img,
    .sun-top {
        max-width: 120px
    }

    .why-mamypoko-sec .essential-content {
        top: 120px
    }

    .why-mamypoko-sec {
        margin-bottom: -10px
    }

    .why-mamypoko-gif {
        max-width: 120px;
        left: 80px
    }

    .terms-condion-icon3,
    .why-mamypoko-gif img.shadow-img {
        left: 0
    }

    .meet-pokochan-sec .essential-content,
    .meet-pokochan-sec .sun-top {
        top: 0;
        left: 0
    }

    .meet-pokochan-sec .heading-component {
        margin: 30px auto 0 65px
    }

    .meet-pokochan-cta {
        margin-top: 10px
    }

    .achievements-sec-wrapper {
        padding: 60px 0
    }

    .achievement-details .achievement-content h4 {
        font-size: 22px
    }

    .mamypoko-history {
        margin-bottom: -85px
    }

    .mamypoko-history .heading-component {
        padding: 150px 0;
        max-width: 480px
    }

    .mamypoko-history .sun-top {
        top: 20px
    }

    .mamypoko-history .brown-heart {
        top: 120px;
        right: 255px
    }

    .about-history-card h2 {
        padding-bottom: 34px;
        line-height: 40px;
        font-size: 30px
    }

    .all-blog-section,
    .mamypoko-history-sec {
        overflow: hidden
    }

    .terms-condion-icon6 {
        bottom: 0;
        right: 0;
        width: 120px;
        display: block
    }

    .terms-condion-icon1 {
        top: 0;
        width: 120px;
        left: -30px;
        display: block
    }

    .terms-condition {
        padding: 40px 80px;
        overflow: hidden
    }

    .terms-condion-icon2,
    .terms-condion-icon4 {
        right: -30px;
        width: 120px
    }

    .terms-condion-icon3,
    .terms-condion-icon5 {
        left: -30px;
        max-width: 120px
    }

    .rope-swing-content .ballon-star {
        max-width: 150px;
        right: 0
    }

    .custome-banner.pokochan-banner .custome-banner-content .title-medium {
        font-size: 26px;
        margin-right: -230px
    }

    .custome-banner.pokochan-banner .custome-banner-content .title-mid {
        padding-left: 20px;
        font-size: 26px
    }

    .custome-banner.pokochan-banner .custome-banner-content span {
        max-width: 155px;
        margin-left: 64px
    }

    .banner-images {
        max-width: 280px;
        margin-left: -16px;
        bottom: 110px
    }

    .custome-banner.pokochan-banner .terms-condion-icon5 {
        left: 90px;
        bottom: -100px;
        max-width: 100px
    }

    .rope-swing-content img.flowers-img {
        max-width: 100px
    }

    .baby-card-img .video-gif.product-world-gif::after {
        background-size: 16rem;
        transform: unset !important;
        left: 0;
        bottom: 1px !important;
        opacity: .7
    }

    .baby-happy-card {
        left: 0;
        top: 50px;
        padding-left: 50px
    }

    .pregnancyblog .health-pregnancy .parenthood-gif {
        display: block;
        width: 100%;
        margin-top: 0;
        top: 112px;
        left: 0
    }

    .pregnancyblog .health-pregnancy .shadow_img {
        left: 0;
        bottom: 14px
    }

    .pregnancyblog .health-pregnancy .product_card-ab {
        z-index: 0;
        top: 210px;
        right: -11px;
        width: 150px
    }

    .pregnancyblog .health-pregnancy .product_card-cloud {
        width: 180px;
        right: -40px;
        bottom: 60px
    }

    .loadmore-section a.loadmore-btn {
        margin-top: 20px
    }

    .pregnancy-announcement .col-lg-3 {
        width: 33.33%
    }

    .pregnancy-announcement .swiperBoxContent .box-heading {
        font-size: 22px;
        line-height: 30px
    }

    .parenthood-gif .parenthood-gifs {
        width: 150px
    }

    .health-pregnancy.mamypoko-video .parenthood-gif .parenthood-gifs {
        margin: unset
    }

    .did-u-img1 {
        position: absolute;
        left: -29px;
        top: 0;
        width: 100%;
        max-width: 25px
    }

    .did-u-img2 {
        right: 0;
        bottom: -20px;
        max-width: 25px;
        width: 100%
    }

    .all-blog-section .col-lg-4 {
        display: unset;
        align-items: stretch;
        margin-bottom: 30px
    }

    .newborn .did-know-content {
        width: 100%;
        max-width: 600px;
        padding-left: 50px;
        margin: 0 auto !important
    }

    .newborn .did-know-content .top-quate {
        left: 0;
        top: 0
    }

    .time-to-switch .cloudImg {
        top: -70px
    }

    .time-to-switch {
        position: relative;
        padding: 30px 0 100px
    }

    .mammies-content h2,
    .pack-bag-list h2 {
        font-size: 35px;
        line-height: 45px
    }

    .mammies-images {
        max-width: 250px;
        margin: 0 auto
    }

    .baby-tab .care-diapers-world img,
    .baby-tab .rainbow-world,
    .baby-tab .rainbow-world img,
    .mammies-balon img,
    .pregnancy-tab .mamy-world-icon img,
    .pregnancy-tab .parenthood-world img {
        width: 100%;
        max-width: 100px
    }

    .stay-connected .connected-form .form-sec {
        padding: 15px 0 15px 40px
    }

    .product-world-wrapper .tab-filterheading {
        top: 55px;
        right: 480px
    }

    .custome-banner {
        margin-top: 70px
    }

    .pregnancy-timeline-content h4 {
        padding-top: 5px
    }

    .next-step-cards input,
    .next-step-cards.comunity-tracker-text .form-height h5,
    .next-step-cards.dashboard .analyse-progress .body-data-card h5,
    .pregnancy-faq-card h2 button.accordion-button {
        font-size: 20px
    }

    .pregnancy-faq-card .accordion-item .accordion-button::after {
        width: 40px;
        height: 40px;
        background-size: 1rem
    }

    .pregnancy-faq.pokochan-faq.baby-tracker {
        width: 100%;
        padding: 30px 0 130px
    }

    .next-step-cards .days-select label {
        color: var(--ms-dark);
        font-size: 16px
    }

    .begning-card {
        max-width: 700px
    }

    .baby-tracker-model .next-step-cards.dashboard .analyse-progress .progress-baby-tracker,
    .result-cards {
        max-width: 100%;
        margin: 0 auto
    }

    .vaccination-content h5 {
        line-height: 40px;
        font-size: 25px
    }

    .form-height {
        min-height: 250px
    }

    .calender-card .result-cards img.doll {
        right: 0;
        top: -68px
    }

    .tracker-component.comunity-tracker-text .radio-btn {
        margin: 10px;
        width: 150px;
        height: 140px
    }

    .tracker-component.comunity-tracker-text .radio-btn .hobbies-icon img {
        display: block;
        width: 100%;
        max-width: 92px;
        padding-top: 15px
    }

    .profile-content-card .heading-name {
        color: var(--ms-primary);
        font-size: 25px
    }

    .profile-content-card p,
    .user-name h4 {
        margin: 0;
        font-size: 18px
    }

    .next-step-cards .tracker-cycle h5 {
        margin-bottom: 30px;
        font-size: 20px
    }

    .calender-card.baby-growth .analy-module .heading-title {
        font-size: 20px !important;
        padding: 0 0 20px !important
    }

    .calender-card.baby-growth .analyse-progress-baby .progress-bar-sytem h5 {
        padding-top: 15px;
        font-size: 16px
    }

    .baby-tracker-model .next-step-cards.dashboard .analyse-progress .nav.nav-tabs li.nav-item .nav-link span {
        padding: 19px 15px;
        width: 250px;
        font-size: 18px
    }

    .next-step-cards.dashboard .baby-tracker-user .profile-content p {
        font-size: 17px;
        padding-bottom: 1px !important
    }

    .baby-tracker-model .next-step-cards.dashboard .analyse-progress .progress-data-cards-graphs .nav.nav-tabs .nav-link span {
        width: fit-content !important;
        padding: 14px 28px !important;
        font-size: 16px !important
    }

    .mamy-world-form .renderForm {
        min-height: auto;
        padding: 30px;
        max-width: 450px;
        top: 125px;
        margin-left: auto;
        margin-right: auto
    }

    .pregnancy-tab .baby-ballons {
        max-width: 200px
    }

    .analyse-babay-timeline {
        max-width: 250px;
        margin: 0 auto 8px
    }

    .baby-tracker-model .next-step-cards.dashboard .nav.nav-tabs {
        margin: 0 auto;
        width: 100%;
        max-width: 100%
    }

    .pregnancy-tab .parenthood-world {
        top: 300px;
        max-width: max-content;
        right: 0
    }

    .pregnancy-tab .mamy-world-icon {
        top: 120px;
        width: auto;
        right: 0
    }

    .post-timeline-modal.modal .modal-dialog {
        width: 100%;
        max-width: 800px
    }

    .dropdown-alarm .dropdown-menu.show {
        margin-left: -140px
    }

    .margin-footer-left .footer-widget {
        margin-left: -15px
    }

    .camera-pics {
        right: 20px;
        width: 30px;
        bottom: -8px
    }

    .customize-pregnancy-tracker .flower-pregnancy {
        right: 0;
        top: -115px;
        width: 100%;
        max-width: 150px
    }

    .baby-growth-img .baby-tracker-pregnancy {
        width: 100%;
        max-width: 180px;
        position: relative;
        right: 0;
        bottom: 0;
        margin-left: auto;
        display: block
    }

    .mamyImg,
    .partitle {
        position: relative;
        transform: translate3d(0, 280px, 0)
    }
}

@media (max-width:1024px) {
    .navbar-link {
        display: flex;
        gap: 13px
    }

    .navbar-link.lasticon {
        gap: 5px
    }

    .logo {
        width: 140px;
        margin-top: 0;
        top: 0
    }

    .personal-guide .explore-preg {
        right: 20px
    }

    .video-banner {
        width: 100%;
        height: 600px !important
    }

    .personal-guide .nav.nav-tabs {
        gap: 15px
    }

    .about-banner-gif {
        max-width: 250px;
        bottom: 25px
    }

    .time-to-switch .cloudImg {
        position: absolute;
        top: 0;
        right: 20px;
        width: 100%;
        max-width: 120px
    }

    .personal-guide-product .nav.nav-tabs li a {
        font-size: 16px;
        padding: 5px 22px;
        margin-left: 0
    }

    .sticky-product-sec.scrolledClass {
        border-radius: 25px;
        max-width: 800px
    }

    .personal-guide-product .filter-diaper {
        right: 15px;
        top: 45px
    }

    .product-card-sec {
        width: 100%;
        padding: 60px 0;
        position: relative
    }

    .product_card-ab {
        z-index: -1
    }

    .mamypoko-pants-section .mamypoko-pants-card {
        width: 240px;
        height: 240px
    }

    .mamypoko-card {
        height: 280px;
        width: 280px
    }

    .mamypoko-pants-section img.mamypoko_rotate-img {
        max-width: 830px;
        height: 340px;
        width: 100%
    }

    .contactForm-wrapper .mobile-pokochan img,
    .faq-main-wrapper .three-flowers img,
    .mamypoko-history .brown-heart img,
    .rainbow-cloud,
    .single-achievent img,
    .sun-top,
    .why-mamypoko-gif img {
        max-width: 120px
    }

    .product_card-ab-hsorty,
    .terms-condion-icon2,
    .terms-condion-icon4 {
        display: none
    }

    .pockochan-meet {
        padding: 0;
        position: relative;
        margin-top: -60px
    }

    .pockochan-meet .essential-content {
        top: 52px;
        left: 0
    }

    .about-page-sec2 .did-know-content p {
        font-size: 18px
    }

    .about-page-sec2.did-know-section .parenthood-gif {
        bottom: 0
    }

    .parenthood-gif .parenthood-gifs {
        margin-top: -25px
    }

    .health-pregnancy {
        padding: 60px 0
    }

    .rainbow-cloud {
        top: 44%
    }

    .why-mamypoko-sec .essential-content {
        top: 100px;
        max-width: 500px;
        right: 40px
    }

    .why-mamypoko-gif {
        left: 60px
    }

    .why-mamypoko-gif img.shadow-img {
        left: 0
    }

    .meet-pokochan-sec {
        margin-top: -70px
    }

    .meet-pokochan-sec .essential-content {
        top: 18px;
        left: 0
    }

    .meet-pokochan-cta {
        margin-top: 5px
    }

    .meet-pokochan-sec .sun-top {
        top: 45px;
        left: 0
    }

    .achievement-poko img {
        max-width: 180px
    }

    .achievement-details .achievement-content h4 {
        font-size: 22px
    }

    .achievement-details .achievement-content p,
    .tesrm-condion-content p {
        font-size: 14px
    }

    .mamypoko-history {
        margin-bottom: -75px
    }

    .mamypoko-history .heading-component {
        padding: 110px 0 50px
    }

    .mamypoko-history .essential-content {
        right: 50px;
        max-width: 450px
    }

    .mamypoko-history .sun-top {
        top: 15px
    }

    .mamypoko-history .brown-heart {
        top: 80px;
        right: 190px
    }

    .terms-condion-icon6 {
        bottom: 0;
        right: 0;
        width: 120px;
        display: block
    }

    .terms-condion-icon1 {
        top: 0;
        width: 120px;
        left: 0;
        display: block
    }

    .tesrm-condion-content h3 {
        padding-bottom: 15px
    }

    .tesrm-condion-content {
        margin-bottom: 20px
    }

    .tesrm-condion-content h2 {
        line-height: 35px;
        padding-bottom: 10px;
        font-size: 25px
    }

    .tesrm-condion-content ul li {
        font-size: 14px;
        margin-bottom: 0
    }

    .tesrm-condion-content:first-child {
        padding-top: 90px
    }

    .timeline-about-history ul li:nth-child(2n)::before {
        background-size: 25em;
        left: 4px;
        top: -175px
    }

    .timeline-about-history ul li:nth-child(odd):first-child::before {
        background-size: 25rem;
        right: 90px
    }

    .timeline-about-history ul li:nth-child(odd)::before {
        background-size: 24em;
        top: -150px;
        right: 86px
    }

    .timeline-aboutfour {
        right: 0
    }

    .timeline-aboutthree {
        left: -109px;
        width: 180px;
        top: 200px
    }

    .timeline-about-history ul li:nth-child(2n) {
        padding-right: 165px
    }

    .timeline-about-history ul li:nth-child(odd) {
        padding-left: 80px
    }

    .faq-main-wrapper .cloud-ballon {
        left: 0;
        top: 220px;
        max-width: 120px
    }

    .faq-main-wrapper .single-faq-box {
        padding: 30px
    }

    .faq-main-wrapper .sleeping-moon,
    .faq-main-wrapper .three-flowers {
        right: 10px
    }

    .custome-banner.pokochan-banner .terms-condion-icon2 {
        right: 20px;
        top: 100px;
        width: 80px;
        display: block
    }

    .terms-condion-icon2 img {
        max-width: 90px
    }

    .custome-banner.contact-banner .custome-banner-content {
        max-width: 500px !important
    }

    .contactForm-wrapper {
        padding: 40px 20px
    }

    .contactForm-wrapper .blue-ballon img,
    .select-option img {
        max-width: 150px
    }

    .strength-found .strength-found-para {
        top: 70px;
        max-width: 1000px;
        padding: 0 24px
    }

    .sitemap-toggle .terms-condion-icon2,
    .sitemap-toggle .terms-condion-icon4 {
        display: block;
        right: 0
    }

    .extraabzorb-banner .custome-banner-content {
        margin-top: 35px
    }

    .right-blog-box .contentcard {
        padding: 20px
    }

    .input-series-container {
        padding: 8px 0
    }

    .select-option.otp input[type=text] {
        min-height: 48px
    }

    .btn-container a.blue-color {
        width: 100%;
        font-size: 16px
    }

    .btn-container {
        padding: 20px 0;
        width: 100%
    }

    .profile-image img {
        width: 130px;
        height: 130px
    }

    img.camera-pic {
        max-width: 50px;
        width: auto;
        height: auto;
        right: 0
    }
}

@media (max-width:991px) {

    .about-us .heading-component,
    .navbar-nav {
        margin-bottom: 15px
    }

    .timeline-about-history ul li:nth-child(2n)::before,
    .timeline-about-history ul li:nth-child(odd)::before {
        background-size: 24em;
        top: -155px;
        left: -16px;
        right: unset
    }

    svg.svg-inline--fa.fa-star {
        width: 16px
    }

    .topbar {
        z-index: 11
    }

    .top-navbar {
        padding: 5px 0 28px;
        top: 46px;
        z-index: 9
    }

    .searchbar-popup {
        right: 30px
    }

    .navbar-link.lasticon a.nav-link {
        font-size: unset;
        text-align: left;
        border-radius: unset;
        background: unset;
        box-shadow: unset;
        padding: unset
    }

    .achievement-poko,
    .baby-minitape.pokochan .parenthood-gif .pokochan-star,
    .baby-tab .care-diapers-world,
    .baby-tab .rainbow-world,
    .ballon-star,
    .blog-child,
    .blurBaloon,
    .button-number,
    .custome-banner.pokochan-banner .terms-condion-icon5,
    .desktop-navbar,
    .desktop-profile-active,
    .did-know-section .parenthood-gif,
    .dropdown-alarm.profile.nav-item.dropdown a:before,
    .dropdown-alarm.profile.nav-item.dropdown::before,
    .features-extra-absorb .parenthood-gif,
    .fetures-preemie .rainbow-preemie,
    .health-pregnancy .parenthood-gif,
    .latest-news .ballon-img,
    .latest-news-cards .horse-img,
    .mammies-balon,
    .mamypoko-history .sun-top,
    .mamypoko-pants-section img.mamypoko_rotate-img,
    .mamypoko-review:before,
    .mamypoko-sideicon,
    .moon-star-gif,
    .mother-card .card-content p br,
    .navbar-nav .logo,
    .navbar-nav .navbar-link.lasticon,
    .pokochan-faq .parenthood-gif,
    .preemie-diaper-gif,
    .preemie-star,
    .pregnancy-tab .baby-ballons,
    .pregnancy-tab .mamy-world-icon,
    .pregnancy-tab .parenthood-world,
    .product-world-wrapper .tab-filterheading,
    .product_card-ab-hsorty,
    .rainbow-clouds,
    .review-card .review-gif,
    .sitemap-toggle .terms-condion-icon1,
    .sitemap-toggle .terms-condion-icon2,
    .sitemap-toggle .terms-condion-icon3,
    .sitemap-toggle .terms-condion-icon4,
    .special-care-diapers .care-diapers,
    .star-ballon,
    .stay-connected .subscribe-ballon,
    .swiper-scrollbar.swiper-scrollbar-horizontal,
    .terms-condion-doll,
    .timeline-about-history ul li:first-child .about-history-card:after,
    .timeline-about-history ul li:nth-child(6) .about-history-card:after,
    .timeline-abouteight,
    .timeline-aboutfour,
    .timeline-aboutone,
    .timeline-aboutthree,
    .unicharm-corporation .divider-banner,
    .why-mamypoko-gif {
        display: none
    }

    .navbar-link .nav-item.dropdown a {
        font-size: 16px;
        text-align: left;
        overflow: hidden
    }

    .nav-item.show.dropdown {
        border-radius: 10px;
        padding: 20px 0;
        margin: 0 5px
    }

    .dropdown-menu.show .col-lg-4:first-child a,
    .dropdown-menu.show .col-lg-4:nth-child(2) a,
    .health-pregnancy.pregnancy-blogss .personal-guide,
    .mobile-navbar .col-lg-12,
    .product-page-tabs .container,
    .profile-sidebar ul li a,
    .profile-social-app ul,
    a.baby-care.dropdown-item {
        padding: 0
    }

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        background: #e6e7f1;
        position: fixed;
        width: 100%;
        top: 140px;
        left: -100%;
        overflow: auto;
        z-index: 5;
        height: calc(100% - 140px);
        transition-duration: .3s
    }

    .navbar-collapse.show {
        left: 0;
        padding: 0 20px
    }

    .top-navbar.scrolled .navbar-collapse.show {
        top: 80px;
        height: calc(100% - 80px)
    }

    .top-navbar.scrolled {
        padding: 5px 0;
        background: #fff;
        top: 0
    }

    .top-navbar.scrolled:before,
    .top-navbar:before {
        background-repeat: no-repeat;
        background-size: cover
    }

    .nav-item.show.dropdown .nav-link {
        background: unset;
        box-shadow: unset;
        margin: unset;
        border-radius: unset;
        padding-top: 0
    }

    .nav-menu-list {
        padding: 0;
        max-width: 370px
    }

    .navbar-link .dropdown .dropdown-menu {
        box-shadow: unset
    }

    .navbar-nav {
        gap: 7px;
        margin-top: 15px;
        padding: 15px 0;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 0 25px 0 rgb(0 0 0 / .1);
        align-items: unset
    }

    .navbar-link {
        width: 100%;
        flex-direction: column;
        padding: 0 15px;
        gap: 3px;
        align-items: unset
    }

    .nav-menu-list a.dropdown-item {
        font-size: 14px !important
    }

    .navbar-link a.nav-link {
        font-size: 16px;
        text-align: left;
        border-radius: 10px;
        background: #fff;
        padding: 16px 15px;
        margin: 0 5px
    }

    .navbar-toggle-mobile {
        display: block;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    .navbar-toggle-mobile .navbar-link {
        padding-right: 15px;
        gap: 12px;
        flex-direction: unset;
        align-items: center;
        padding-left: 0;
        width: unset;
        flex-direction: unset;
        align-items: center
    }

    .navbar-toggler {
        height: 50px;
        border: 0
    }

    .dropdown-menu.show .row {
        height: 100%;
        position: relative;
        gap: 20px;
        flex-direction: column-reverse
    }

    .all-blog-section .personal-guide-card .contentcard,
    .neborn-navbar .dropdown-menu.show .col-lg-4:nth-child(2) .personal-guide-card .contentcard,
    .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card:nth-child(2) .contentcard,
    .parenthood-card-health .col-lg-4:nth-child(3) .personal-guide-card .contentcard,
    .product-page-slider .personal-guide-card.smallcard .contentcard {
        min-height: auto
    }

    .navbar-link.second-menu .row,
    .personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(2) .row,
    .personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(4) .row {
        flex-direction: unset
    }

    .dropdown-menu.show .mobile-menu-navbar ul li,
    .profile-management.profile-menu .profile-sidebar ul li ul li:last-child,
    .sticky-product-sec.scrolledClass .product-mpp-list {
        padding-bottom: 10px
    }

    .hospital-banner .custome-banner-content br,
    .mobile-navbar,
    .mother-card .card-content h2 br {
        display: block
    }

    .dropdown-menu.show .mobile-menu-navbar ul {
        padding: 0;
        list-style: none;
        margin: 0
    }

    .dropdown-menu.show {
        padding: 10px 20px 0;
        height: auto
    }

    .margin-footer-left .footer-widget,
    .mother-card:first-child,
    .mother-card:nth-child(2) {
        margin-left: 0
    }

    .mother-award-section {
        gap: 46px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        position: relative;
        bottom: 0;
        margin-top: -140px;
        border-radius: 20px;
        background: linear-gradient(180deg, #fff0 3.9%, #fff 10.31%, #fff 84.03%, #fff0 92.65%);
        padding: 64px;
        width: 90%
    }

    .blog-card-img,
    .mother-card .card-content,
    .pregnancy-status-tracker .personal-guide-card,
    .profile-content-card .profile-form {
        width: 100%;
        max-width: 100%
    }

    .product-navbar-list {
        display: flex;
        gap: 25px;
        flex-wrap: wrap
    }

    .banner-content,
    .brand-menu .product-navbar-list,
    .review-btn {
        justify-content: center
    }

    .about-history-card,
    .brand-menu .product-navbar-list .product-menu-details .product-img img,
    .card-content-mamies.tracker ul,
    .footer-content,
    .product-menu-details,
    .search-page .pokochan-faq-card {
        max-width: 100%
    }

    .personal-guide-card .pregnancy-btn {
        bottom: 25px
    }

    .nav-item.dropdown .nav-link::before {
        content: "\2b";
        position: absolute;
        right: 25px;
        font-size: 25px;
        top: 17px
    }

    .nav-item.show.dropdown .nav-link::before {
        content: "\-";
        font-size: 45px;
        top: -16px;
        font-weight: 400;
        right: 22px
    }

    .product-navbar-list a {
        max-width: 50%;
        flex: 0 0 45%
    }

    .neborn-navbar .dropdown-menu.show .col-lg-4:nth-child(2) .personal-guide-card:first-child .contentcard .content .btn {
        background: linear-gradient(92deg, #e37525 -.97%, #ff9d55 112.25%);
        margin-top: 0
    }

    .neborn-navbar .dropdown-menu.show .col-lg-4:nth-child(2) .personal-guide-card:first-child .contentcard img {
        float: unset;
        bottom: 0;
        text-align: center;
        margin: 0 auto;
        display: block
    }

    .top-navbar:before {
        bottom: 7px;
        height: 90px
    }

    .top-navbar.scrolled:before {
        bottom: -15px;
        height: 95px
    }

    .banner-content {
        gap: 43px;
        flex-direction: column;
        justify-content: left;
        gap: 20px
    }

    .carousel-content .carousel-caption {
        bottom: 60px;
        padding: 0;
        position: relative;
        transform: unset;
        left: 75px
    }

    .personal-guide-card {
        position: relative;
        height: 100%;
        max-width: 440px;
        margin: 0 auto
    }

    .nav-item.dropdown {
        position: relative
    }

    .nav-item.dropdown:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 95%;
        height: 1px;
        opacity: .1;
        background: var(--ms-blue);
        z-index: 2;
        right: 0;
        margin: 0 auto
    }

    .navbar-link.second-menu .nav-item.dropdown:last-child:before {
        background: 0 0
    }

    .dropdown-menu.show .mobile-menu-navbar ul li:last-child {
        padding-bottom: 0
    }

    .compresive-card {
        width: 100%;
        padding: 15px 25px
    }

    .compresive-card .compresive-content h4 {
        font-size: 16px;
        font-weight: 500
    }

    .parenthood-card .row {
        gap: 20px
    }

    .personal-guide .explore-preg {
        right: 0;
        margin: 50px auto 0;
        width: 100%;
        display: block;
        position: relative
    }

    .parenthood-guide {
        padding-bottom: 100px
    }

    .parenthood-gif {
        bottom: unset;
        position: relative;
        margin: 150px auto 0;
        width: 230px
    }

    .parenthood-guide .nav.nav-tabs {
        border-radius: 0;
        max-width: 100%;
        padding: 8px 25px;
        justify-content: center
    }

    .parenthood-guide .nav.nav-tabs li .nav-link,
    .pockochan-meet .essential-content .btn-primary,
    .pregnancy-calculator.imagespo,
    .product-world-wrapper .tab-swiper-slider {
        margin: 0
    }

    .parenthood-guide .nav.nav-tabs li span img {
        width: 40px;
        height: 40px
    }

    .product-world-gif {
        top: 0;
        width: 230px;
        margin: 50px auto 0
    }

    .product-world-gif::after {
        bottom: -19px !important;
        background-size: 14rem
    }

    .testimonials-gif {
        width: 240px;
        position: relative;
        margin: 100px auto 0
    }

    .swiper-button-prev {
        right: 0;
        left: -100px;
        margin: 0 auto;
        display: block
    }

    .swiper-button-next {
        left: 0;
        right: -100px;
        margin: 0 auto
    }

    .swiper-wrapper {
        margin-bottom: 50px
    }

    .review-content.blogs .swiper-wrapper {
        margin-bottom: 10px
    }

    .momcorner-gif {
        width: 250px;
        position: absolute;
        margin: 10px auto 0
    }

    .banner-section {
        margin-top: 65px
    }

    .momcrner-img img {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        display: block
    }

    .mamypoko-video-wrapper .swiperBoxContent .boxContentImg {
        position: absolute;
        right: 47px;
        bottom: 20px
    }

    .mamypoko-video-wrapper .swiperBoxContent .boxContentImg img {
        width: 100%;
        max-width: 190px;
        margin: 0 auto;
        display: block
    }

    .mamypoko-video-wrapper .row {
        align-items: end;
        flex-direction: column-reverse
    }

    .mamypoko-video-wrapper .video-gif {
        width: 250px;
        margin: 100px auto 0
    }

    .mamypoko-video-wrapper .swiperBoxContent,
    .parenthood-card-health .col-lg-4 {
        margin-bottom: 20px
    }

    .video-carousel .video-cta {
        position: relative;
        bottom: 0;
        right: 0;
        margin: 0 auto;
        width: 100%;
        text-align: center
    }

    .stay-connected .connected-form {
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
        padding-bottom: 40px
    }

    .stay-connected .poko-gif {
        width: 250px;
        height: auto;
        bottom: 30px
    }

    .contact-form-sec.offer-details .contact-usform,
    .pregnancy-blog-card,
    .stay-connected .connected-columns {
        flex-direction: column
    }

    .connected-img {
        margin-left: auto
    }

    .stay-connected .connected-form .form-sec {
        padding: 0 20px
    }

    .stay-connected {
        padding-top: 60px
    }

    .mamypoko-video-wrapper .swiperBoxContent .box-heading {
        font-size: 24px;
        line-height: 35px
    }

    .product-world-wrapper .swiper-button-prev {
        left: 0 !important;
        margin: unset
    }

    .product-world-wrapper .swiper-button-next {
        margin: unset;
        right: 0 !important;
        left: unset
    }

    .brand-img {
        margin-top: 15px
    }

    .shadow_img {
        bottom: 0;
        max-width: 200px;
        width: 100%
    }

    .product-world-wrapper {
        padding: 40px 0;
        position: relative
    }

    .product-world-wrapper .nav-tabs {
        right: 0;
        background: var(--ms-white);
        left: 0;
        margin: 90px auto 0;
        justify-content: center
    }

    .filter-diapers {
        position: relative;
        right: 0;
        top: 0;
        cursor: pointer;
        max-width: 100%;
        margin: 0 auto
    }

    .baby-future-look {
        padding: 40px 0 40px 30px
    }

    .tab-swiper-slider {
        margin-top: 100px
    }

    .brand-img ul {
        justify-content: center;
        margin-bottom: 0
    }

    .brand-img ul li a {
        padding: 30px 40px;
        text-align: center;
        width: 100%
    }

    .brand-img ul li,
    .footer-curve,
    .hospital-bag a,
    .not-found img {
        width: 100%
    }

    .brand-img ul li img {
        width: 100%;
        max-width: 120px;
        margin: 0 auto;
        text-align: center
    }

    .unicham-brand .brand-cont .brand-subhead,
    .unicham-brand .brand-cont p {
        text-align: center
    }

    .filter-open .diaper-iner-tab ul.nav.nav-tabs {
        justify-content: left;
        margin: 0;
        padding-bottom: 0;
        overflow: unset
    }

    .filcontent {
        right: 0;
        left: 0;
        margin: 0 auto;
        max-width: 70%
    }

    .product-world-wrapper .heading-component {
        justify-content: center !important;
        margin: 0 auto 90px
    }

    .heading-component {
        text-align: center !important
    }

    .momcorner-content {
        padding-left: 25px
    }

    .about-us {
        margin-top: -135px
    }

    .about-content {
        width: 100%;
        max-width: 910px;
        text-align: center
    }

    .carousel-control-next,
    .carousel-control-prev {
        position: absolute;
        top: 0;
        bottom: 150px
    }

    .stay-connected::after {
        top: 0;
        right: 0;
        height: 100%
    }

    .stay-connected::before {
        left: 0
    }

    .navbar-link.lasticon {
        position: relative;
        right: 0;
        margin-left: auto;
        margin-right: unset
    }

    .logo {
        top: 0;
        margin: 0 auto;
        display: block
    }

    .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card:nth-child(2):before {
        height: unset
    }

    .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card:nth-child(2) .contentcard img {
        min-height: unset
    }

    .video-banner {
        height: 100% !important
    }

    .navbar-link.lasticon a.nav-link img {
        width: 18px;
        max-width: 16px
    }

    .expolore-pregnancy {
        position: absolute;
        bottom: -59px;
        left: 0;
        right: 0
    }

    .about-content-card ul .nav-link.active:before {
        height: auto;
        border-radius: 8px
    }

    .about-content-card ul .nav-link.active,
    .pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs li .nav-link,
    .pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs li .nav-link.active,
    .pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs li .nav-link.active:before {
        border-radius: 8px
    }

    .about-content-card ul {
        margin: 0 auto !important
    }

    .footer-gif {
        position: relative;
        top: 0
    }

    .filter-open .diaper-iner-tab {
        margin-top: -51px;
        padding: 20px 20px 25px
    }

    .personal-guide-product .filter-diaper .filcontent {
        position: absolute;
        right: 0;
        width: 100%
    }

    .about-content-card {
        margin-top: 30px;
        padding: 20px 0 30px 30px
    }

    .custome-banner,
    .custome-banner.pokochan-banner {
        margin-top: 70px
    }

    .custome-banner-content .title-xl {
        font-size: 30px;
        padding-bottom: 5px
    }

    .custome-banner-content {
        top: 35px;
        max-width: 500px
    }

    .did-know-img img {
        width: 100%;
        max-width: 450px;
        margin: 0 auto 60px;
        display: block
    }

    .health-pregnancy .personal-guide .explore-preg {
        position: relative;
        right: 0
    }

    .health-pregnancy .personal-guide .nav.nav-tabs {
        padding: 7px 10px;
        max-width: 100%;
        justify-content: center;
        border-radius: 0
    }

    .parenthood-journey a,
    .unicharm-logo img {
        margin: 0 auto;
        display: block
    }

    .parenthood-journey .parenthood-brand-card {
        width: 100%;
        max-width: 320px;
        margin: auto auto 20px;
        display: flex;
        align-items: center
    }

    .pregnancy_Videos .parenthood-gif {
        width: 210px;
        top: 0;
        left: 15px;
        margin: 0 auto
    }

    .extraabzorb-banner .custome-banner-content,
    .health-pregnancy.pregnancy-blogss .pregnancy-blog-card,
    .timeline-about-history ul li:first-child,
    .video-carousel.pregnancy-video-sec {
        margin-top: 0
    }

    .pregnancy_Videos {
        padding: 60px 0 40px
    }

    .mamypoko-essentials .parenthood-gif {
        display: none !important
    }

    .video-carousel.pregnancy-video-sec .swiper-button-prev {
        right: unset;
        left: 0 !important
    }

    .video-carousel.pregnancy-video-sec .swiper-button-next {
        left: unset;
        right: 0 !important
    }

    .top-quate {
        left: -31px;
        top: -10px
    }

    .bottom-quate {
        right: -31px;
        bottom: -5px
    }

    .did-know-content {
        width: 100%;
        max-width: 600px;
        margin-left: auto
    }

    .mamypoko-essentials-heading .title-xl2,
    .mamypoko-essentials.newborn-baby .essential-content .mamypoko-essentials-heading p {
        line-height: 35px;
        font-size: 28px
    }

    .heading-component p,
    .mamypoko-essentials-heading p {
        font-size: 16px
    }

    .product-page-slider .personal-guide-card.smallcard .contentcard .content {
        padding: 16px 30px
    }

    .product-card-sec .row,
    .unicharm-about .row {
        flex-direction: column-reverse
    }

    .product-card-sec {
        width: 100%;
        padding: 40px;
        position: relative
    }

    .product-image {
        margin-left: auto !important;
        position: relative;
        width: 100%;
        max-width: 500px;
        margin-left: unset !important;
        margin-bottom: 25px;
        margin-right: auto
    }

    .personal-guide-product {
        margin-top: 0;
        padding: 0
    }

    .personal-guide-product .nav-tabs {
        padding: 0 10px 5px;
        max-width: 1240px;
        border-radius: 0;
        white-space: nowrap;
        display: flex;
        flex-wrap: unset;
        overflow-x: scroll
    }

    .personal-guide-product .filter-diaper {
        right: 0;
        position: relative;
        margin: 0 auto 14px;
        left: 0;
        top: -10px
    }

    .product-mpp-list {
        padding: 10px 0
    }

    .sticky-product-sec {
        top: 105px
    }

    .personal-guide-product .filter-diaper .filter-diapers {
        top: 0;
        right: 0;
        max-width: 350px;
        display: block;
        margin: 0 auto
    }

    .productbanner .custome-banner-content .title-section {
        padding-bottom: 15px
    }

    .sticky-product-sec.scrolledClass {
        border-radius: 0
    }

    .product-page-tabs .product-list .nav-tabs {
        justify-content: center;
        box-shadow: unset
    }

    .breacums ul {
        top: 50px
    }

    .custome-banner-content {
        margin-left: 20px
    }

    .custome-banner.productbanner .custome-banner-content {
        top: 0
    }

    .time-to-switch .time-to-switch-content {
        margin: 0 auto;
        padding: 0
    }

    .time-to-switch .weightImg {
        height: auto;
        padding-bottom: 40px
    }

    .mamypoko-essentials.newborn-essen {
        margin-top: -90px
    }

    .custome-banner-content .title-lg {
        line-height: 45px
    }

    .baby-minitape {
        display: flex;
        align-items: center;
        gap: 40px
    }

    .newborn .mamypoko-essentials-heading p {
        line-height: 25px;
        font-size: 16px;
        padding-bottom: 10px
    }

    .newborn .mamypoko-essentials-heading .tittle-small {
        line-height: 35px;
        font-size: 28px;
        padding-bottom: 0
    }

    .mamypoko-essentials.newborn .essential-content {
        max-width: 450px;
        top: 74px
    }

    .custome-banner.newbornpage .custome-banner-content .title-lg {
        font-size: 28px;
        line-height: 35px
    }

    .mamypoko-star {
        flex-direction: row;
        padding-top: 0;
        justify-content: space-between
    }

    .mampoko-pant-heading {
        padding: 0 16px
    }

    .absorbbanner-slider {
        padding: 0 18px
    }

    .mamypoko-pants-section {
        gap: 50px;
        grid-template-columns: repeat(1, 1fr);
        margin: 0
    }

    .mamypoko-card img.roateIcon {
        position: absolute;
        top: 92px;
        width: 100%;
        height: auto;
        rotate: 270deg;
        transform: scaleX(-1);
        left: -125px
    }

    .mamypoko-pants-section .mamypoko-card:nth-child(2) img.roateIcon {
        bottom: 0;
        transform: rotatex(180deg);
        top: 91px;
        right: -125px;
        left: unset
    }

    .mamypoko-pants-section .mamypoko-pants-card .pants-mamy-content,
    .pants-mamy-content {
        width: 100%;
        max-width: 150px
    }

    .extaabzorbbanner {
        padding: 140px 0 100px
    }

    .curve-blue {
        display: block;
        position: absolute
    }

    .mamypoko-card:first-child .curve-blue {
        right: -46px;
        bottom: -30px;
        rotate: 353deg
    }

    .curve-blue img:first-child {
        width: 100%;
        max-width: 185px
    }

    .mamypoko-card:nth-child(2) .curve-blue {
        right: unset;
        left: -22px;
        bottom: -15px
    }

    .mamypoko-card:nth-child(3) .curve-blue {
        left: unset;
        right: -30px;
        bottom: -30px
    }

    .product-video-iframe iframe {
        width: 100% !important
    }

    .product-banner-video {
        max-width: 100%;
        height: auto
    }

    .extraabzorb-bannaer {
        padding-bottom: 70px
    }

    .pregnancy_Videos .parenthood-gif .parenthood-gifs {
        width: 100%;
        max-width: 250px
    }

    .did-u-img2,
    .personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(4) .product_card-ab,
    .strength-found.where-to-buy:after {
        right: 0
    }

    .mamypoko-review .review-content {
        min-height: auto;
        padding-top: 30px
    }

    .preemie-unicharm-banner .custome-banner-content h2 {
        font-size: 26px;
        line-height: 35px;
        padding-bottom: 5px
    }

    .preemie-unicharm-banner .custome-banner-content .title-xl {
        font-size: 35px;
        line-height: 50px
    }

    .preemie .swiper-wrapper,
    .pregnancy-video-tracker .swiper-wrapper,
    .product-page-slider .swiper-wrapper,
    .video-carousel .swiperBoxContent {
        margin-bottom: 0
    }

    .strength-para {
        right: 104px;
        top: -18px;
        max-width: 100px
    }

    .strength-found.where-to-buy .strength-found-para {
        top: 50px;
        max-width: fit-content;
        padding: 0;
        left: 0
    }

    .baby-minitape.pokochan .parenthood-gif,
    .latest-news-cards.popular-blogs .swiper-wrapper .personal-guide-card,
    .share-icon-absorb span img {
        height: auto
    }

    .heading-component .heading-title {
        line-height: 35px;
        font-size: 25px
    }

    .health-pregnancy.principle-sec-wrapper {
        padding: 95px 0
    }

    .health-pregnancy.principle-sec-wrapper .heading-component {
        margin-bottom: 40px
    }

    .achievement-details .col-lg-4,
    .health-pregnancy.principle-sec-wrapper .principle-column .col-lg-4 {
        max-width: 50%;
        flex: 0 0 50%
    }

    .rainbow-cloud {
        max-width: 100px;
        top: 33%
    }

    .why-mamypoko-sec .essential-content {
        max-width: 550px;
        top: 50px
    }

    .why-mamypoko-sec .pink-heart {
        left: 105px;
        top: 72px
    }

    .health-pregnancy.meet-pokochan-sec {
        margin-top: -70px
    }

    .meet-pokochan-sec .essential-content {
        top: 0;
        left: 0
    }

    .meet-pokochan-sec .essential-content .heading-component {
        text-align: left !important;
        max-width: 500px
    }

    .meet-pokochan-sec .meet-pokoImg {
        max-width: 390px;
        top: 115px;
        right: 0;
        position: absolute
    }

    .meet-pokochan-sec .sun-top {
        top: 45px;
        left: 10px
    }

    .mamypoko-history .sun-top img,
    .meet-pokochan-sec .sun-top img {
        max-width: 130px
    }

    .blog-border-card,
    .latest-news .pregnancy-announcement,
    .meet-pokochan-cta {
        margin-top: 30px
    }

    .achievements-sec-wrapper {
        padding: 50px 0
    }

    .single-achievent img {
        max-width: 180px
    }

    .mamypoko-history .essential-content {
        top: 0;
        right: 10px
    }

    .mamypoko-history .heading-component {
        padding: 45px 0 50px;
        max-width: 450px
    }

    .mamypoko-history .brown-heart {
        top: 25px;
        right: 156px;
        max-width: 160px
    }

    .mamypoko-history {
        margin-bottom: -65px
    }

    .about-banner-content h1.title-xl,
    .body-data-card h5,
    .custome-banner.mamypoko-videos .custome-banner-content h1 {
        font-size: 30px
    }

    .about-page-sec2.did-know-section .parenthood-gif {
        bottom: -40px;
        display: block;
        right: 0;
        width: 120px
    }

    .about-page-sec2.did-know-section .parenthood-gif img {
        bottom: 0 !important;
        right: 50px !important;
        position: relative
    }

    .terms-condion-icon6 {
        bottom: 0;
        right: 0;
        width: 120px;
        display: block
    }

    .terms-condion-icon1 {
        top: 0;
        width: 120px;
        left: 0;
        display: block
    }

    .pockochan-meet .essential-content .heading-component {
        left: 50px;
        position: relative;
        text-align: left !important
    }

    .pockochan-meet .essential-content {
        top: 50px;
        left: 0;
        max-width: 450px
    }

    .pockochan-meet {
        margin-top: -60px
    }

    .mamypoko-history .essential-content .btn {
        min-width: auto;
        margin: 0
    }

    .pockochan-meet .sun-top img,
    .terms-condion-icon1 img {
        max-width: 80px
    }

    .timeline-about-history ul li:nth-child(odd) {
        margin-left: unset;
        padding-left: 150px;
        max-width: 100%;
        float: unset
    }

    .timeline-about-history ul li:nth-child(2n) {
        margin-right: unset;
        padding-right: 0;
        padding-left: 150px;
        width: 100%;
        float: unset
    }

    .timeline-about-history ul li:nth-child(2n) .about-history-card {
        padding-left: 0;
        padding-right: 0;
        margin-left: unset
    }

    .mom-corner.pregnant-tracking .heading-component h3,
    .timeline-about-history ul li:nth-child(2n) .about-history-card h2 {
        text-align: left
    }

    .timeline-about-history ul li:nth-child(2n)::before {
        background-image: url(https://www.mamypokopants.in/_next/static/media/about-history-panel3.c25d5672.webp)
    }

    .timeline-about-history ul {
        list-style: none;
        max-width: 550px;
        margin: 100px auto 0;
        padding: 0
    }

    .timeline-about-history ul li:nth-child(odd):first-child::before {
        background-size: 24rem;
        right: 0;
        left: 0
    }

    .japan-babies-section,
    .mamypoko-history-sec {
        overflow: hidden
    }

    .timeline-about-history ul li {
        margin-top: 150px
    }

    .custome-banner.pokochan-banner .custome-banner-content .title-mid {
        padding-left: 0;
        text-align: center
    }

    .custome-banner.pokochan-banner .custome-banner-content .title-medium {
        margin-right: 0
    }

    .custome-banner.pokochan-banner .custome-banner-content span {
        max-width: 155px;
        margin: 0 auto
    }

    .banner-images {
        max-width: 250px;
        margin-left: -15px;
        bottom: 100px
    }

    .rope-image {
        max-width: 420px;
        margin-left: auto
    }

    .rope-swing-content {
        max-width: 750px;
        margin: 60px auto 0
    }

    .baby-card-img .video-gif.product-world-gif {
        margin: 0;
        max-width: 250px
    }

    .birth-story .birth-story-section img {
        border-radius: 20px;
        max-width: 600px;
        margin: 0 auto;
        text-align: center;
        display: block
    }

    .birth-story-content {
        padding-left: 0;
        margin: 50px auto 0;
        display: block;
        max-width: 600px
    }

    .baby-minitape.pokochan {
        margin-left: 0;
        flex-direction: column-reverse !important
    }

    .baby-minitape.pokochan .parenthood-gif:after {
        width: 356px;
        height: 284px;
        bottom: unset;
        right: -250px;
        top: -117px;
        z-index: 2;
        left: unset;
        margin: unset
    }

    .baby-minitape.pokochan .babymini-img .pokochan-tree {
        left: -15px;
        bottom: 0;
        top: unset
    }

    .baby-minitape.pokochan .baby-img {
        width: 200px;
        margin-left: 0;
        top: 0
    }

    .baby-happy-card {
        left: 0;
        top: 15px
    }

    .baby-happy-card .baby-card-content {
        left: 40px
    }

    .baby-happy-card .baby-card-content h4 {
        font-size: 26px;
        line-height: 32px
    }

    .baby-happy-card .baby-card-content h5 {
        font-size: 16px;
        line-height: 25px
    }

    .baby-happy-card .baby-card-content img {
        top: 0;
        right: 100px;
        transform: rotate(357deg);
        max-width: 100px
    }

    .birth-story {
        width: 100%;
        padding: 30px 0
    }

    .birth-story-balon {
        width: 150px;
        right: 0
    }

    .baby-minitape.pokochan .babymini-content {
        margin: -200px auto 0
    }

    .unicharm-logo {
        margin-top: 40px
    }

    .corporate-image img {
        max-width: 550px;
        margin: 40px auto 0;
        display: block
    }

    .unicharm-corporation .mobile-divider-banner {
        display: block;
        width: 100%
    }

    .unicharm-corporation .heading-component {
        top: 140px
    }

    .unicharm-corporation-content {
        left: 0;
        top: 300px;
        max-width: 100%;
        padding: 0 20px
    }

    .strength-found .strength-found-para {
        top: 30px
    }

    .pregnancyblog .health-pregnancy {
        padding-top: 0;
        overflow: unset
    }

    .pregnancyblog .health-pregnancy .personal-guide {
        padding: 0 60px
    }

    .pregnancyblog .health-pregnancy .parenthood-gif {
        display: block;
        width: 100%;
        margin-top: 0;
        top: 0;
        left: 0;
        max-width: 120px
    }

    .pregnancyblog .health-pregnancy .shadow_img {
        left: 0;
        bottom: 14px
    }

    .pregnancyblog .health-pregnancy .product_card-ab {
        z-index: 0;
        top: 210px;
        right: -11px
    }

    .pregnancyblog .health-pregnancy .product_card-cloud {
        width: 120px;
        right: 0;
        bottom: 130px
    }

    .loadmore-section a.loadmore-btn {
        margin-top: 10px;
        margin-bottom: 20px
    }

    .pregnancy-announcement .col-lg-3 {
        width: 50%
    }

    .parenthood-gif .parenthood-gifs {
        max-width: 130px;
        margin: 0 auto;
        display: block
    }

    .parenthood-gif .shadow_img {
        right: 20px !important;
        max-width: 180px;
        bottom: -5px
    }

    .mamypoko-video .nav.nav-tabs {
        position: relative !important;
        top: 40px !important;
        margin: 0 auto !important
    }

    .contact-form-sec .contact-address-details {
        margin-bottom: 60px
    }

    .contactForm-wrapper .blue-ballon img {
        max-width: 150px
    }

    .contact-form-sec .flowers {
        top: 0;
        display: none
    }

    .contact-form-sec .flowers img,
    .contactForm-wrapper .mobile-pokochan img {
        max-width: 120px
    }

    .contactForm-wrapper .mobile-pokochan {
        left: 0;
        bottom: -160px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .contact-form-sec {
        padding: 40px 15px;
        overflow: hidden
    }

    .mobile-pokochan {
        position: relative;
        bottom: 0;
        left: 0;
        margin: 20px auto 0;
        display: block;
        text-align: center
    }

    .contact-usform {
        display: flex;
        flex-direction: column-reverse
    }

    .contact-heart {
        position: absolute;
        left: -200px;
        top: 50px;
        width: 100%;
        max-width: 600px
    }

    .custome-banner.contact-banner .breacums ul {
        top: 40px
    }

    .custome-banner.newbornpage .custome-banner-content {
        margin-top: 20px;
        top: 0
    }

    .health-pregnancy.pregnancy-blogss {
        overflow: unset;
        padding: 74px 0
    }

    .prgenancy-blog-banner .custome-banner-content {
        margin-top: 45px
    }

    .pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs {
        gap: 15px;
        justify-content: center !important;
        flex-wrap: nowrap;
        max-width: 100% !important;
        white-space: nowrap;
        top: 87px
    }

    .pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs li .nav-link .tabs-sec {
        gap: 10px;
        align-items: center;
        flex-direction: column
    }

    .health-pregnancy.pregnancy-blogss .pregnancy-announcement {
        padding: 0 60px;
        margin-top: 30px
    }

    .health-pregnancy .pregnancy-blog-card {
        height: auto;
        flex-direction: column
    }

    .blog-card-img img {
        width: 100%;
        height: auto;
        border-radius: 16px 16px 0 0
    }

    .all-blog-section .col-lg-4 {
        margin-bottom: 30px;
        display: unset
    }

    .product-page-slider .swiper-button-next,
    .product-page-slider .swiper-button-prev {
        background-image: url(../img/chevron-banner.svg);
        top: 39%;
        margin: unset;
        background-size: cover;
        width: 40px;
        height: 40px;
        background-color: #fff;
        position: absolute
    }

    .blog-card-content {
        max-width: 100%;
        padding: 25px 30px
    }

    .knowcard-img {
        display: flex;
        align-items: center;
        gap: 20px;
        flex-direction: column
    }

    .did-u-know.pregnancy-blogs .did-u-content,
    .did-u-know.pregnancy-blogss .did-u-content {
        max-width: 600px;
        position: relative;
        padding: 0 25px;
        margin: 0 auto
    }

    .did-u-img1 {
        left: -17px
    }

    .knowcard-img img {
        width: 100%;
        max-width: 80px
    }

    .product-page-slider .swiper-button-prev {
        display: block;
        left: 0;
        transform: translateY(-50%);
        transform: scaleX(-1)
    }

    .product-page-slider .swiper-button-next {
        display: block;
        right: 0;
        transform: translateY(-50%);
        left: unset;
        transform: scaleX(1)
    }

    .hospital-bag .parenthood-brand-card .parenthood-content h5,
    .knowcard-img h4 {
        font-size: 22px;
        font-weight: 700;
        line-height: 28px
    }

    .did-u-know.pregnancy-blogss .did-u-content p {
        font-size: 16px;
        line-height: 22px;
        margin: 0 auto
    }

    .did-u-content p {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }

    .latest-news-cards.popular-blogs {
        padding: 30px 0;
        width: 100%
    }

    .pregnancyblog .health-pregnancy.pregnancy-blogss .nav.nav-tabs li .nav-link.active .tabs-sec {
        background: var(--skyblue1);
        border-radius: 8px
    }

    .health-pregnancy.pregnancy-blogss .tab-content {
        padding: 0 50px
    }

    .blogs-margins .pregnancy-blogss.pregnancy .tab-content {
        padding-top: 40px
    }

    .product-page-card .col-lg-4 {
        padding: 15px;
        margin-bottom: 0 !important
    }

    .product-page-slider {
        padding: 4px 4px 4px 7px
    }

    .latest-news-cards.popular-blogs .swiper-button-next {
        right: -60px;
        bottom: 20px
    }

    .latest-news-cards.popular-blogs .swiper-button-prev {
        right: 0;
        bottom: 20px
    }

    .latest-news-cards.popular-blogs .video-cta {
        margin: 0 auto;
        display: block;
        text-align: center
    }

    .allnews-one {
        width: 100px;
        left: 0
    }

    .allnews-three {
        right: -50px;
        width: 150px
    }

    .mamyImg img,
    .mamypoko-essentials.newborn-baby .essential-content .mamypoko-essentials-heading {
        max-width: 450px
    }

    .mamypoko-essentials.newborn-baby .essential-content .essentials-bg-img {
        left: unset;
        right: 320px;
        top: -25px;
        height: auto;
        max-width: 100px
    }

    .mamypoko-essentials.newborn-baby .essential-content {
        top: 90px;
        left: 0;
        padding-left: 30px
    }

    .mamypoko-essentials.newborn-baby .mamypoko-essentials-heading {
        padding-top: 0
    }

    .hospital-bag.mamypoko-cardss .parenthood-content {
        width: 100%;
        max-width: 600px;
        padding: 10px 30px
    }

    .parenthood-content .btn {
        line-height: 35px;
        min-width: 132px;
        font-size: 12px;
        padding: 0 15px;
        max-width: 150px;
        margin: unset
    }

    .latest-news-cards .col-lg-4,
    .profile-sidebar {
        margin-bottom: 25px
    }

    .mammies-content {
        max-width: 650px;
        margin-top: 0
    }

    .blog-child-mobile {
        position: absolute;
        top: -58px;
        right: -22px;
        width: 133px;
        max-width: 100px;
        z-index: 2;
        display: block
    }

    .blogs-margin .pregnancy-blogss {
        overflow: hidden;
        background-color: #fff0
    }

    .start-hospital {
        right: 0;
        top: 0
    }

    .mamypoko-top {
        padding: 60px 0 0;
        position: relative;
        overflow: hidden
    }

    .tesrm-condion-content:last-child {
        margin-bottom: 120px
    }

    .terms-condion-icon3 img,
    .terms-condion-icon5 {
        max-width: 75px
    }

    .terms-condion-icon3 {
        left: -20px
    }

    .terms-condion-icon5 {
        left: 8px
    }

    .tesrm-condion-content ul {
        margin-top: 10px
    }

    .not-found {
        padding: 40px 0;
        margin-top: 120px
    }

    .not-found h1 {
        text-align: center;
        font-size: 35px
    }

    .not-found h2 {
        font-size: 25px;
        text-align: center
    }

    .not-found p {
        text-align: center;
        font-size: 16px
    }

    .review-btn.product button.btn.btn-circle.left {
        left: 0;
        position: relative;
        margin-top: 15px;
        transform: translate(0, -50%)
    }

    .review-btn.product button.btn.btn-circle.right {
        right: 0;
        position: relative;
        margin-top: 15px;
        transform: translate(0, -50%)
    }

    .review-btn.product img {
        width: 48px;
        height: 48px
    }

    .pregnancy-cretivity {
        width: 100%;
        padding: 40px 0 30px
    }

    .right-box-4 .right-box-4-content {
        top: 20px;
        left: 15px;
        max-width: 350px
    }

    .right-box-4 .right-box-4-content .btn {
        min-width: auto;
        padding: 0 40px 0 15px
    }

    .right-box-4 .right-box-4-content .btn:after {
        right: 18px
    }

    .custome-banner.extraabzorb-banner p {
        padding-bottom: 5px;
        margin-bottom: 0
    }

    .custome-banner.extraabzorb-banner .title-xl2 {
        font-size: 34px;
        line-height: 38px
    }

    .completed.form-show .sun-cloud {
        right: 0;
        bottom: 200px
    }

    .body-data-card img {
        padding: 20px 0 5px
    }

    .radio-buttons {
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
        justify-content: center
    }

    .analyse-progress .nav.nav-tabs {
        width: 700px;
        justify-content: center;
        flex-wrap: nowrap;
        overflow: auto
    }

    .mt-sm-n3 {
        margin-top: 1rem !important
    }

    .calender-card .result-cards img.doll {
        right: 0;
        top: -68px
    }

    .analyse-babay-timeline {
        max-width: 210px
    }

    .card-content-mamies .profile-img {
        width: 100%;
        max-width: 60px
    }

    .profile-social-app .social-app-card span {
        width: 50px;
        max-width: 50px;
        text-align: right
    }

    .profile-social-app ul .social-app-card span img {
        border-radius: 0;
        width: 100%;
        max-width: 25px
    }

    .next-step-cards {
        max-width: 700px
    }

    .baby-status-tracker .baby-tracker {
        top: 80px;
        transform: translate(0, -50%);
        left: 50px
    }

    .baby-status-tracker .baby-tracker h4 {
        font-size: 22px
    }

    .hospital-card-tracker .hospital-content-card h4 {
        font-size: 22px;
        font-weight: 600;
        padding-bottom: 15px
    }

    .progress-value span {
        left: -30px
    }

    .slider-content-cards h5 {
        margin: 0;
        font-size: 16px
    }

    .slider-content-cards p {
        margin: 0;
        padding-top: 5px !important
    }

    .first-panel-writer {
        padding: 20px 15px
    }

    .first-panel-writer .profile-social-app .social-app-card img {
        position: relative;
        top: 0;
        max-width: 20px
    }

    .blog-tracker .blog-personal-tracker .heading-component .heading-title {
        font-size: 26px;
        line-height: normal;
        text-align: left
    }

    .blog-tracker .blog-personal-tracker .personal-guide-card {
        border: 2px solid #b4b4b4;
        border-radius: 10px;
        margin-top: 24px;
        max-width: 700px
    }

    ul.social-media-f.active {
        display: flex;
        padding: 15px;
        z-index: 2
    }

    .first-panel-writer .profile-social-app .social-app-card span {
        width: auto;
        max-width: fit-content;
        text-align: right
    }

    .dropdown-alarm.profile.nav-item.show.dropdown {
        padding: 8px 0
    }

    .dropdown-alarm .dropdown-menu.show li a {
        font-size: 14px;
        align-items: center
    }

    .searchbar-popup.notification {
        max-width: 350px;
        padding: 0;
        height: 400px;
        overflow-y: scroll
    }

    .profile-sidebar {
        position: relative;
        top: 0;
        display: none
    }

    .profile-image {
        width: 100%;
        max-width: 170px;
        margin-bottom: 20px
    }

    img.camera-pic {
        max-width: 50px;
        width: auto;
        height: auto;
        right: 38px
    }

    .profile-cards h1,
    .profile-cards h2 {
        font-size: 20px
    }

    .profile-card-management.account-settings {
        padding: 30px
    }

    .tracker-component h3 {
        font-size: 18px
    }

    .community-banner-form .community-banner {
        padding-top: 60px;
        position: fixed;
        top: 0;
        height: 100vh
    }

    .banner-section.banner-image .content-para {
        width: 100%;
        max-width: 450px;
        margin-top: 130px
    }

    .navbar-link.lasticon .dropdown-alarm.nav-item.dropdown a#nav-dropdown img.profile-pic {
        position: relative;
        top: 0;
        margin: 0
    }

    .profile-managements .latest-news-cards.popular-blogs .swiper-button-prev {
        bottom: 0;
        left: 0;
        right: unset;
        top: 44%
    }

    .profile-management.profile-menu .profile-sidebar {
        display: block;
        padding: 15px 5px;
        box-shadow: 0 0 25px 0 rgb(0 0 0 / .1);
        border-radius: 14px
    }

    ul.second-list li a {
        color: #2c4198;
        opacity: 1;
        font-weight: 600
    }

    .profile-sidebar ul li ul li a:before,
    ul.second-list li a img {
        opacity: 1
    }

    .profile-sidebar ul li ul li a {
        padding: 0;
        font-size: 16px
    }

    .dropdown-alarm .dropdown-menu.show {
        padding: 15px 18px;
        margin-left: 0;
        border-radius: 10px;
        min-width: 250px;
        box-shadow: 0 4px 10px 0 #0000001a;
        border: .1px solid #00000080;
        margin-top: 0;
        position: absolute;
        left: -200px;
        display: none
    }

    li.logout-menu {
        display: block;
        border: 0 !important
    }

    .profile-management.profile-menu .profile-sidebar ul li {
        border-bottom: 1px solid #cfd8ff
    }

    .profile-management.profile-menu .profile-sidebar ul li a {
        padding: 14px 20px;
        margin-bottom: 5px
    }

    ul.second-list {
        border-top: 0;
        margin-top: 0
    }

    .profile-sidebar ul {
        list-style: none;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 5px;
        justify-content: center;
        margin-bottom: 0;
        margin-top: 5px
    }

    .profile-management.profile-menu .profile-sidebar ul li ul li {
        border: 0
    }

    .profile-management.profile-menu .profile-sidebar ul li ul li a {
        padding: 10px 20px
    }

    .post-timeline-modal {
        padding-left: 0 !important
    }

    .circle-mobile {
        gap: 10px !important;
        width: 100%;
        justify-content: start !important
    }

    .notification-list-all p span {
        width: auto;
        height: auto;
        border-radius: 0
    }

    .notification-list-all {
        align-items: start !important;
        flex-wrap: wrap-reverse;
        padding: 10px 15px
    }

    .notification-list-all p {
        margin-top: 0;
        margin-bottom: 8px
    }

    .timeline-post form .form-label {
        font-weight: 600;
        font-size: 15px
    }

    .pregnancy-calculator img {
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
        display: block
    }

    .pregnancy-calculator .heading-component {
        text-align: left !important;
        width: 100%
    }

    .pregnancy-calculator p {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 40px
    }

    .pregnancy-calculator {
        width: 100%;
        max-width: 550px;
        margin: 25px auto 0
    }

    .pregnancy-calculator .track-pregnancy {
        width: 100%;
        max-width: 100px;
        position: absolute;
        top: -25px;
        left: 130px
    }

    .product-mpp-list .nav-tabs {
        max-width: 96% !important;
        margin: 0 auto;
        justify-content: start !important
    }

    .pregnancy_Videos {
        padding-bottom: 90px
    }

    #Reviews.mom-corner-curve {
        margin-top: -50px
    }

    .mamyImg,
    .partitle {
        position: relative;
        transform: translate3d(0, 0, 0) !important
    }
}

@media (max-width:767px) {

    .analyse-progress-baby,
    .container,
    .container-fluid {
        padding: 0 20px
    }

    .productnot-available {
        padding: 80px 0 50px;
        text-align: center
    }

    .productnot-available p {
        font-size: 18px;
        font-weight: 600
    }

    .searchbar-popup {
        max-width: 98%;
        right: 0;
        border-radius: 10px;
        top: 60px;
        left: 0;
        margin: 0 auto
    }

    .mother-card,
    .social-links {
        margin-bottom: 25px
    }

    .dropdown-menu.show .mobile-menu-navbar ul li {
        padding-bottom: 0;
        margin: 0
    }

    .dropdown-menu.show .mobile-menu-navbar ul li a {
        padding: 7px 0;
        width: 100%
    }

    .logo {
        width: 150px
    }

    .top-navbar.scrolled .logo {
        top: 0;
        margin-right: -10px
    }

    .top-navbar {
        padding: 10px 0 70px;
        top: 40px
    }

    .top-navbar:before {
        background-image: url(../img/mobile-header-wave.svg);
        height: 298px;
        bottom: 0
    }

    .parenthood-guide .nav.nav-tabs {
        flex-direction: unset;
        display: flex;
        flex-wrap: nowrap;
        padding: 14px 25px;
        position: relative;
        overflow-x: scroll;
        overflow-y: hidden;
        gap: 24px;
        box-shadow: unset;
        position: -webkit-sticky;
        position: sticky;
        top: 78px;
        margin-top: -185px;
        z-index: 7;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .parenthood-guide .nav.nav-tabs li .nav-link span {
        flex-direction: column;
        gap: 10px;
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        padding: 8px 10px
    }

    .parenthood-guide .nav.nav-tabs li {
        margin: 0 auto;
        text-align: center;
        position: relative
    }

    .carousel-item .desktop-banner-img,
    .desktop-img,
    .flikring-banner.mobile-img {
        display: none !important
    }

    .carousel-item .mobile-banner-img,
    .flikring-banner.desktop-img,
    .mobile-img {
        display: block !important
    }

    .momcorner-content {
        padding-left: 25px;
        padding-top: 40px
    }

    .personal-guide-card .pregnancy-btn {
        bottom: 23px
    }

    .filcontent {
        max-width: 95%
    }

    .about-hidden-conetnt .container,
    .about-hidden-conetnt .container-fluid,
    .blogs-margin .health-pregnancy.pregnancy-blogss .pregnancy-announcement,
    .health-pregnancy .container,
    .latest-news .pregnancy-announcement,
    .parenthood-guide .container,
    .pregnancy-tracker.analyse-body.anayse-progress .container,
    .pregnancyblog .health-pregnancy .personal-guide {
        padding: 0
    }

    .social-links {
        margin-top: 15px;
        display: flex;
        gap: 20px;
        flex-direction: column
    }

    .about-uncharm-section .heading-title,
    .about-us.banner-according-section .heading-component .heading-title,
    .extra-absorb.social-links,
    .footer-widget .footer-title,
    .mamypoko-video-wrapper .swiper-wrapper {
        margin-bottom: 15px
    }

    .health-pregnancy.pregnancy-blogss .pregnancy-announcement,
    .latest-news-cards.popular-blogs .swiper,
    .sub-footer .container,
    section.stay-connected .container {
        padding: 0 10px
    }

    .sub-footer-list ul li {
        display: inline-flex
    }

    .sub-footer-list ul {
        display: block;
        padding: 0
    }

    .sub-footer-list {
        padding-top: 20px
    }

    .footer-gif {
        width: 180px;
        position: absolute;
        top: unset;
        bottom: 30px;
        right: 20px
    }

    .footer-gif::after {
        bottom: -35px;
        background-size: 10rem;
        filter: brightness(0) invert(1);
        transform: translateX(7%)
    }

    .footer {
        padding: 30px 0 10px
    }

    .footer .col-md-7 .col-md-4:first-child .footer-widget ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin: 0
    }

    .extraabzorb-bannaer,
    .footer-widget,
    .footer-widget:first-child,
    .infant-section .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card:first-child .contentcard .content,
    .modal-header,
    .my-prgnanycy-details .profile-cards.heading-content,
    .newborn-section .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card:first-child .contentcard .content,
    .preemie .extraabzorb-bannaer,
    .profile-card-management.notification .profile-cards.heading-content,
    .toddlers-section .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card:first-child .contentcard .content {
        padding-bottom: 0
    }

    .footer .col-md-7 .col-md-4:first-child .footer-widget {
        padding-bottom: 25px
    }

    .footer-widget ul li {
        margin-bottom: 5px
    }

    .footer .social-links ul,
    .knowcard-img,
    .otp-field,
    .share-icon-absorb {
        gap: 10px
    }

    .parenthood-card .col-lg-4:nth-child(3) .contentcard .content,
    .profile-management.recomm .profile-card-management {
        padding-bottom: 30px
    }

    .video-carousel .swiperBoxContent::after,
    .video-ico {
        opacity: 1;
        visibility: visible
    }

    .banner-section {
        margin-top: 60px;
        background: 0 0
    }

    .blogs-margin .health-pregnancy.pregnancy-blogss .container,
    .carousel-caption {
        padding: 0 24px
    }

    .carousel-content .carousel-caption .slider-heading {
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        margin: 0
    }

    .carousel-content .carousel-caption p {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 10px
    }

    .absorbbanner-slider h4,
    .carousel-content .carousel-caption h5 {
        font-size: 20px;
        margin: 0
    }

    .carousel-content .carousel-caption {
        bottom: 0;
        transform: translateY(-60%);
        position: absolute;
        padding-left: 22px;
        left: 0
    }

    .achievements-sec-wrapper .achievement-poko,
    .allnews-three,
    .author-bio-social .social-share,
    .baby-happy-section img.divider-banner,
    .ballon-start,
    .birth-story-balon,
    .breacums ul li:nth-child(4),
    .button-number,
    .calender-card .result-cards .begning-card img.aarow-pink,
    .carousel-control-next-icon,
    .carousel-control-prev-icon,
    .community-banner-form .community-banner,
    .completed.form-show .sun-cloud,
    .connected-img img.desktop-connected-img,
    .contact-form-sec .blue-ballon,
    .contact-form-sec .flowers,
    .coporate-pholophy-content h3 br,
    .custome-banner img.banner-img,
    .custome-banner.pokochan-banner .terms-condion-icon2,
    .expand-div,
    .expand-div-close,
    .faq-main-wrapper .cloud-rainbow,
    .faq-main-wrapper .sleeping-moon,
    .faq-main-wrapper .three-flowers,
    .health-pregnancy.principle-sec-wrapper .rainbow-cloud,
    .hospital-bag .desktop-card,
    .hospital-bag .parenthood-brand-card .parenthood-content h5 br,
    .hospital-banner .custome-banner-content .title-xl span,
    .infanr-blog-banner p,
    .latest-news-cards.popular-blogs .horse-img,
    .mamypoko-essentials .divider-banner,
    .mamypoko-essentials.why-mamypoko-sec .why-mamypoko-gif,
    .mamypoko-history .sun-top,
    .mamypoko-top.blog-details .terms-condion-icon1,
    .mamypoko-video-wrapper .video-gif,
    .newborn-blog-banner p,
    .parenthood-guide .parenthood-gif,
    .personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(3) .product_card-ab,
    .pregnancy-calculator .track-pregnancy,
    .pregnancy_Videos .parenthood-gif,
    .pregnancyblog .health-pregnancy .parenthood-gif,
    .pregnancyblog .health-pregnancy .product_card-cloud,
    .pregnancyblog .health-pregnancy.pregnancy-blogss .flowers,
    .prgenancy-blog-banner p,
    .product_card-ab,
    .profile-content-card .profile-form span,
    .profile-managements.profile-edit h5.edit-profile,
    .rope-swing-content h2.tittle-small br,
    .rope-swing-content img.flowers-img,
    .small-card-come.small .mobile-card-type,
    .start-hospital,
    .stay-connected.new-subscribe .subscribe-ballon,
    .strength-found img.divider-banner,
    .strength-found.where-to-buy img.divider-banner,
    .subscribe-sun,
    .terms-condion-icon2,
    .terms-condion-icon3,
    .terms-condion-icon4,
    .terms-condion-icon5,
    .time-to-switch .cloudImg,
    .timeline-abouttwo,
    .toddlers-blog-banner p,
    .top-navbar.scrolled:before,
    .where-to-buy-sun {
        display: none
    }

    .baby-happy-section img.mobile-divider-banner,
    .banner-btn,
    .card-content-mamies.tracker ul .active-btn,
    .health-pregnancy .personal-guide .nav.nav-tabs li .nav-link.active,
    .input-series-container .select-option input,
    .mamy-post-img img,
    .pregnancy-announcement .col-lg-3,
    .profile-form .input-series-mamy-group,
    .public-comment .like-reply-card .profile-social-app ul li,
    .right-box-4 img,
    .strength-found img.mobile-divider-banner {
        width: 100%
    }

    .baby-minitape.pokochan,
    .banner-content {
        gap: 20px
    }

    .banner-btn a.btn {
        font-size: 16px;
        line-height: 54px
    }

    .carousel-item img,
    .profile-managements .latest-news-cards.popular-blogs .personal-guide-card .contentcard-img img,
    .testimonilas-content p {
        height: auto
    }

    .stay-connected::before {
        left: -14px;
        height: 100%;
        background: linear-gradient(90deg, #fff 75.2%, #fff0 98.39%)
    }

    .stay-connected::after {
        right: -14px;
        top: 32px;
        height: 100%
    }

    .stay-connected .connected-form {
        padding: 30px 30px 0;
        flex-direction: column
    }

    .about-page-sec2 .did-know-content p,
    .baby-happy-card .baby-card-content h5,
    .mother-card .card-content .title,
    .signle-principle .single-principle-content p {
        font-size: 14px;
        line-height: 20px
    }

    .mother-card .card-content p {
        margin: 0;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 14px
    }

    .mother-award-section {
        position: relative;
        bottom: 0;
        margin-top: -170px;
        border-radius: 20px;
        padding: 75px 24px 75px 64px;
        width: 90%;
        grid-gap: 46px;
        gap: 0
    }

    .about-us {
        z-index: unset;
        margin-top: -135px
    }

    .about-us.banner-according-section {
        margin-top: -250px;
        z-index: 2
    }

    .about-us.banner-according-section .mother-award-section {
        margin-top: -250px
    }

    .mamypoko-video-wrapper .video-carousel .swiper-button-next,
    .mamypoko-video-wrapper .video-carousel .swiper-button-prev {
        background-image: url(../img/chevron-banner.svg);
        width: 50px;
        height: 50px;
        top: 42%;
        bottom: unset;
        margin: unset;
        background-size: cover;
        opacity: 1 !important;
        display: block;
        background-color: #fff
    }

    .mother-card .card-img img {
        width: 100%;
        max-width: 80px
    }

    .navbar-link.lasticon a.nav-link img {
        width: 22px;
        max-width: 16px
    }

    .mamypoko-video-wrapper .video-carousel .swiper-button-prev {
        transform: translateY(-50%);
        left: 5px !important;
        transform: rotate(180deg);
        transform: scaleX(-1)
    }

    .mamypoko-video-wrapper .video-carousel .swiper-button-next {
        left: unset;
        transform: translateY(-50%);
        right: 5px !important;
        transform: scaleX(1)
    }

    .connected-img img.mobile-connected-img,
    .growth-body,
    .growth-header,
    .hospital-bag img.mobile-card,
    .mobile-divider-banner,
    .my-class-removed,
    .public-comment .like-reply-card .profile-social-app .social-app-card h5 {
        display: block
    }

    .stay-connected .poko-gif {
        width: 250px;
        height: auto;
        position: absolute;
        bottom: 200px;
        right: 50px;
        margin-left: auto
    }

    .banner-video-section img {
        margin-top: 27px
    }

    .analyse-body .renderForm,
    .banner-section.banner-image .content-para,
    .banner-section.video-banner .banner-video-section img,
    .blog-topbar.blogs,
    .blogs-margin,
    .born-spacing,
    .custome-banner.newbornpage,
    .custome-banner.newbornpage.pregnancy-banner.contact-banner .custome-banner-content,
    .donts-pregnacy .testimonials-gif,
    .pregnancy-tracker.analyse-body.anayse-progress .tracker-component,
    .renderForm,
    .result-cards.pregnant-cacr-tracler,
    .tesrm-condion-content ul,
    .timeline-about-history {
        margin-top: 0
    }

    .pregnancy-section .parenthood-card .col-lg-4:nth-child(2) .personal-guide-card .contentcard img {
        bottom: 0;
        border-radius: 15px
    }

    .top-navbar.scrolled {
        padding: 5px 0;
        background: var(--ms-white);
        z-index: 13px
    }

    .mother-card .card-img {
        position: absolute;
        left: -29px;
        width: -moz-fit-content;
        width: fit-content
    }

    .about-uncharm-section,
    .achievements-sec-wrapper,
    .babymini-tape .heading-component,
    .did-u-know.pregnancy-blogs,
    .features-extra-absorb,
    .features-extra-absorb.fetures-preemie,
    .health-pregnancy.pregnancy-blogss,
    .health-pregnancy.principle-sec-wrapper,
    .mammies-soon-be,
    .mamypoko-history-sec,
    .mamypoko-review,
    .mom-corner,
    .mom-corner.special-care-diapers,
    .parenthood-guide,
    .pokochan-faq,
    .pregnancy_Videos,
    .product-world-wrapper,
    .testimonials-wrapper {
        padding: 30px 0
    }

    .mamypoko-video-wrapper,
    .pregnancy-blog-details {
        padding-top: 30px
    }

    .banner-section.banner-image {
        background-color: #fff0;
        margin: 30px 0 0
    }

    .contact-form-sec.offer-details .contactForm-wrapper,
    .not-found,
    .product-world-gif {
        margin-top: 60px
    }

    .parenthood-guide .personal-guide .tab-content {
        margin-top: 105px;
        padding: 0 20px
    }

    .expolore-pregnancy {
        background-color: var(--ms-white);
        position: absolute;
        width: 100%;
        padding: 10px;
        margin-top: 114px;
        position: -webkit-sticky;
        position: sticky;
        top: 190px;
        z-index: 5;
        box-shadow: 0 0 25px 0 rgb(0 0 0 / .1);
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px
    }

    .personal-guide .explore-preg {
        max-width: max-content;
        font-size: 14px;
        line-height: 54px;
        min-width: auto;
        padding: 0 35px 0 20px;
        margin-top: 0;
        top: 0
    }

    .blog-contact-page .btn.btn-primary:after,
    .personal-guide .explore-preg:after,
    .video-carousel .video-cta .btn:after {
        right: 15px
    }

    .health-pregnancy .personal-guide .nav.nav-tabs:before,
    .parenthood-guide .nav.nav-tabs:before {
        content: "";
        position: absolute;
        width: 100%;
        background: rgb(10 74 155 / .1);
        left: 0;
        max-width: 86%;
        height: 1px;
        bottom: 0;
        right: 0;
        margin: 0 auto
    }

    .parenthood-guide .heading-component {
        margin-bottom: 40px
    }

    .video-carousel .swiperBoxContent .box-heading {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        text-align: center;
        margin: 0 auto
    }

    .heading-component p {
        font-size: 16px;
        line-height: 24px
    }

    .mamypoko-video-wrapper .swiperBoxContent .boxContentImg {
        right: 0;
        bottom: 20px;
        left: 0;
        margin: 0 auto
    }

    .mamy-semi-heading {
        font-size: 18px;
        line-height: 22px
    }

    .momcorner-content ul li,
    .review-date h6 {
        font-size: 14px;
        margin: 0
    }

    .about-us.banner-according-section .mother-award-section {
        border-radius: 0;
        background: linear-gradient(180deg, #fff0 3.9%, #fff 10.31%, #fff 84.03%, #fff0 92.65%);
        box-shadow: 0 0 0 0 rgb(0 0 0 / .1);
        padding: 45px 24px 15px 45px
    }

    .mom-corner .momcorner-gif {
        display: block;
        position: relative;
        margin: -80px 0 0 auto
    }

    .unicham-brand {
        padding: 10px 0 30px
    }

    .about-img img {
        border-radius: 25px
    }

    .about-img {
        width: 100%;
        margin-top: 0;
        padding: 0 20px
    }

    .about-con,
    .mamypoko-essentials-heading,
    .mamypoko-post .product-world-wrapper .swiper,
    .profile-card-management.editing .profile-cards.heading-content,
    .profile-managements .text-end.col-md-12 {
        padding-bottom: 10px
    }

    .about-hidden-conetnt,
    .achievement-details .achievement-content,
    .custome-banner.pokochan-banner {
        margin-top: 10px
    }

    .about-content-card ul {
        flex-wrap: nowrap;
        gap: 30px;
        border: 0;
        border-radius: 0;
        width: 100%
    }

    .about-content-card ul .nav-link.active:before {
        border-radius: 8px;
        height: auto;
        margin: -3px
    }

    .about-content-card ul .nav-link,
    .about-content-card ul .nav-link.active {
        width: 150px;
        height: 47px;
        border-radius: 8px;
        font-size: 14px;
        padding: 10px 15px
    }

    .about-content-card {
        margin-top: 0;
        padding: 50px 0 60px
    }

    .about-con .mamypoko-heading {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px
    }

    .about-list p {
        padding-top: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

    .about-content-card .btn,
    .blog-contact-page .form-btn,
    .momcorner-content ul {
        margin-top: 15px
    }

    .about-content-card .tab-content,
    .blog-tracker .blog-personal-tracker,
    .fade.contain-absorb-modal .modal-dialog {
        padding: 20px
    }

    .expand-div-close {
        margin-top: -15px
    }

    .swiper-button-next,
    .swiper-button-prev {
        margin: 0 auto;
        height: 50px;
        background-size: cover;
        width: 50px
    }

    .product-world-wrapper .product-world-gif {
        display: block;
        margin-top: 35px
    }

    .testimonials-wrapper .testimonials-gif {
        display: block;
        left: 0;
        margin-top: 40px
    }

    .health-pregnancy .personal-guide .nav.nav-tabs li .nav-link.active:before,
    .parenthood-guide .nav.nav-tabs li .nav-link.active:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        margin: -2px;
        background: linear-gradient(to right, #cfa52d, #c2951f, #7e4d02, #dab434, #fbe85e, #b99222);
        border-radius: 8px
    }

    .expand-div-close p {
        padding-top: 14px;
        color: var(--ms-primary);
        font-size: 14px
    }

    .about-list2 h4 {
        margin: 0;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 34px
    }

    .about-list2 p {
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        padding-top: 15px
    }

    .btn {
        font-size: 14px;
        line-height: 45px
    }

    .personal-guide .nav.nav-tabs li .nav-link.active {
        color: var(--ms-primary);
        font-weight: 600;
        line-height: 16px;
        border-radius: 8px;
        background: var(--skyblue2);
        padding: 0;
        font-size: 14px;
        z-index: 1;
        width: 91px;
        height: auto;
        position: relative
    }

    .parenthood-guide .nav.nav-tabs li:first-child {
        padding-left: 50px
    }

    .personal-guide .nav.nav-tabs li .nav-link.active span {
        gap: 10px;
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        background: var(--skyblue2);
        padding: 8px 10px;
        border-radius: 8px
    }

    .parenthood-guide .nav.nav-tabs::-webkit-scrollbar {
        height: 2px
    }

    .parenthood-guide .nav.nav-tabs::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0 #fff0
    }

    .parenthood-guide .nav.nav-tabs::-webkit-scrollbar-thumb {
        height: 5px;
        background-color: var(--ms-primary)
    }

    .video-wrapper iframe {
        height: 400px
    }

    .testimonials-wrapper .swiper-wrapper {
        margin: 0 0 15px
    }

    .swiper-button-prev {
        right: 0;
        left: -80px;
        display: block
    }

    .swiper-button-next {
        left: 0;
        right: -80px
    }

    .divider-break,
    .footer .flogo,
    .mamypoko-history .heading-component .heading-title,
    .pregnancy_Videos .swiper-wrapper,
    .product-world-wrapper .swiper-wrapper,
    .slider-content,
    .why-mamypoko-sec .heading-title {
        margin-bottom: 10px
    }

    .heading-component .heading-title,
    .pregnancy-timeline-content h3 {
        margin-bottom: 15px;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px
    }

    .swiperBoxContent {
        min-height: 330px;
        margin-bottom: 0 !important
    }

    .momcorner-content .btn {
        margin-top: 30px;
        font-size: 14px
    }

    .stay-connected .form-cta .btn-primary {
        min-width: 100%;
        z-index: 0
    }

    .about-content .about-heading {
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 25px;
        text-align: center;
        margin: 0
    }

    .product-world-wrapper .nav-tabs {
        margin-top: 40px;
        display: flex;
        align-items: center;
        flex-wrap: unset;
        white-space: nowrap;
        overflow-x: scroll;
        justify-content: center;
        overflow-y: hidden;
        padding-bottom: 5px
    }

    .product-world-wrapper .tab-carousel,
    .tracker-btn {
        margin-top: 50px
    }

    .product-world-wrapper .nav-tabs::-webkit-scrollbar {
        width: 5px;
        height: 2px
    }

    .product-world-wrapper .nav-tabs::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #cfcfcf;
        border-radius: 10px
    }

    .product-world-wrapper .nav-tabs::-webkit-scrollbar-thumb {
        background: var(--ms-primary);
        border-radius: 10px
    }

    .product-world-wrapper .heading-component {
        justify-content: center !important;
        margin-bottom: 20px
    }

    .filter-open .diaper-iner-tab {
        margin-top: -63px;
        z-index: 3
    }

    .testi-head span svg {
        font-size: 14px;
        width: 16px
    }

    .product-world-wrapper .swiper-button-next,
    .product-world-wrapper .swiper-button-prev {
        width: 50px;
        height: 50px;
        background-size: cover
    }

    .contentcard .content .read-more-btn {
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 10px
    }

    .product-world-wrapper .tab-swiper-box {
        padding-top: 40px;
        max-width: 400px;
        margin: 0 auto
    }

    .all-news-section .contentcard,
    .blog-rightside-bar .pregnancy-cat-wrapper.right-blog-box .contentcard,
    .latest-news-cards .contentcard,
    .parenthood-content h5,
    .product-world-wrapper .tab-swiper-box .product-content h5,
    section.product-world-wrapper.slidercard .tab-swiper-box .product-content h5 {
        min-height: auto
    }

    .boxContentImg,
    .custome-banner.extraabzorb-banner {
        padding-top: 40px
    }

    .product-world-wrapper .boxContentImg img {
        width: 100%;
        max-width: 220px;
        aspect-ratio: 8/6.5;
        object-fit: contain
    }

    .about-img iframe {
        width: 100%;
        height: 250px;
        position: relative;
        z-index: 5;
        border-radius: 25px
    }

    .blog-card-content p,
    .data-circumtance p,
    .footer-widget ul li a,
    .rope-swing-content p {
        font-size: 14px;
        line-height: 22px
    }

    .about-history-card p,
    .absorblogo-content h4,
    .blog-bubbles .list-bubble ul li a,
    .blog-contact-page .form-label,
    .blog-content h5,
    .blog-content ol li,
    .blog-content ul li,
    .faq-card p,
    .faq-main-wrapper .single-faq-box p,
    .general-support .profile-name h6,
    .mamypoko-star p,
    .meet-pokochan-sec .heading-component p,
    .popup-content .options label,
    .profile-cards.accordion .accordion .accordion-body,
    .profile-managements ul li a,
    .sub-footer-list ul li a,
    .tracker-cycle.baby-card h4,
    .user-name p,
    button.readmore-less {
        font-size: 14px
    }

    .contentcard .content h3,
    .product-page-slider .personal-guide-card.smallcard .contentcard h3 {
        font-size: 18px !important
    }

    .contain-absorb-modal.video .modal-dialog .modal-body iframe {
        height: 250px
    }

    .custome-banner {
        margin-top: 18px;
        position: relative;
        min-height: auto
    }

    .breacums ul {
        top: 140px;
        left: 0;
        padding-left: 15px
    }

    .custome-banner img.mobile-banner-img {
        width: 100%;
        display: block
    }

    .custome-banner-content .title-xl {
        padding-bottom: 10px;
        font-size: 26px
    }

    .born-heading p {
        position: absolute;
        bottom: -25px
    }

    .custome-banner-content p {
        font-size: 14px;
        line-height: 24px;
        display: none
    }

    .custome-banner-content {
        top: 190px;
        max-width: 100%;
        left: 0;
        justify-content: unset;
        margin: 0 auto;
        display: block;
        right: 0;
        height: 90%;
        padding-left: 15px
    }

    .absorb-cards-sec,
    .achievement-details .col-lg-4:not(:last-child) .single-achievent,
    .all-blog-section .heading-component,
    .baby-minitape,
    .features-extra-absorb .heading-component,
    .health-pregnancy .heading-component,
    .mamypoko-review .heading-component,
    .pregnancy_Videos .heading-component,
    .product-image {
        margin-bottom: 30px
    }

    .about-page-sec2 .did-know-content p,
    .calender-card.baby-growth .baby-tracker-model .select-option,
    .custome-banner.newbornpage.faq-banner .custome-banner-content,
    .extraabzorb-banner .custome-banner-content,
    .pregnancy-calculator.imagespo,
    .pregnancy-trackers .custome-banner-content,
    .select-option {
        max-width: 100%
    }

    .did-know-content p,
    .did-know-img img,
    .did-u-know.pregnancy-blogs p {
        max-width: 250px;
        margin: 0 auto
    }

    .did-know-content {
        margin-left: auto;
        margin-right: auto;
        max-width: 84%;
        margin-top: 35px !important
    }

    .did-know-content p {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
        padding: 0;
        width: 100%
    }

    .top-quate {
        left: -22px;
        top: -15px
    }

    .bottom-quate {
        right: 0;
        bottom: -20px
    }

    .parenthood-content .btn {
        font-size: 12px !important;
        margin-top: 0;
        line-height: 34px !important
    }

    .did-know-section.about-page-sec2 .title-section,
    .mamypoko-essentials-heading .title-xl2,
    .product-content .title-section {
        line-height: 28px;
        font-size: 24px
    }

    .video-carousel.pregnancy-video-sec .swiper {
        padding: 0 10px !important
    }

    .video-carousel.pregnancy-video-sec .swiper-button-next {
        right: 0 !important;
        z-index: 8;
        width: 48px;
        height: 48px
    }

    .video-carousel.pregnancy-video-sec .swiper-button-prev {
        left: 0 !important;
        z-index: 8;
        width: 48px;
        height: 48px
    }

    .breacums ul li a {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        position: relative;
        z-index: 5
    }

    .personal-guide .nav.nav-tabs li .nav-link .tabs-sec {
        gap: 15px;
        flex-wrap: wrap
    }

    .health-pregnancy .personal-guide .nav.nav-tabs li .nav-link.active .tabs-sec {
        gap: 8px;
        flex-direction: column;
        justify-content: center;
        padding: 10px 17px;
        color: var(--ms-primary);
        font-weight: 600;
        line-height: 16px;
        border-radius: 8px;
        background: var(--skyblue2);
        font-size: 14px;
        z-index: 1;
        width: 100%;
        height: auto;
        position: relative
    }

    .health-pregnancy .personal-guide .nav.nav-tabs li .nav-link .tabs-sec {
        gap: 8px;
        flex-direction: column;
        justify-content: center;
        padding: 10px 17px;
        color: var(--ms-primary);
        font-weight: 600;
        line-height: 16px;
        border-radius: 8px;
        font-size: 14px;
        z-index: 1;
        width: 100%;
        height: auto;
        position: relative
    }

    .pregnancyblog .health-pregnancy .personal-guide .nav.nav-tabs li .nav-link .tabs-sec {
        gap: 10px;
        padding: 5px
    }

    .health-pregnancy.pregnancy-sec .personal-guide .nav.nav-tabs li .nav-link .tabs-sec {
        padding: 10px 2px
    }

    .health-pregnancy .personal-guide .nav.nav-tabs li .nav-link span,
    .health-pregnancy .personal-guide .nav.nav-tabs li .nav-link.active span {
        padding: 0;
        line-height: unset;
        height: auto;
        text-align: center
    }

    .health-pregnancy .personal-guide .nav.nav-tabs {
        max-width: 100%;
        justify-content: center;
        border-radius: 8px 8px 0 0;
        flex-direction: unset;
        display: flex;
        flex-wrap: nowrap;
        padding: 14px 25px;
        overflow-x: scroll;
        overflow-y: hidden;
        gap: 24px;
        box-shadow: unset;
        position: sticky;
        top: 78px;
        margin-top: -205px;
        z-index: 7
    }

    .did-know-section {
        padding: 15px 0 70px
    }

    .health-pregnancy {
        padding: 30px 0;
        margin-top: -1px
    }

    .parenthood-card-health {
        margin-top: 120px
    }

    .parenthood-card-health.product-page-card {
        margin-top: 90px
    }

    .health-pregnancy .row {
        padding: 0;
        margin: 0
    }

    .health-pregnancy .personal-guide .nav.nav-tabs::-webkit-scrollbar {
        height: 2px
    }

    .health-pregnancy .personal-guide .nav.nav-tabs::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0 #fff0
    }

    .health-pregnancy .personal-guide .nav.nav-tabs::-webkit-scrollbar-thumb {
        height: 5px;
        background-color: var(--ms-primary)
    }

    .parenthood-journey {
        width: 100%;
        height: auto;
        padding: 30px 0
    }

    .custome-banner.productbanner .custome-banner-content,
    .health-pregnancy .personal-guide .explore-preg {
        top: 0
    }

    .video-carousel .swiperBoxContent .boxContentImg {
        position: absolute;
        right: 15px;
        bottom: 30px;
        width: 193px;
        height: auto;
        left: 0;
        margin: 0 auto
    }

    .video-carousel .video-cta .btn {
        padding: 0 40px 0 25px;
        min-width: auto
    }

    .profile-image img,
    .video-carousel .swiperBoxContent .boxContentImg img {
        margin: 0 auto;
        display: block
    }

    .contentcard .content h3 {
        padding-top: 5px;
        font-weight: 500;
        line-height: 24px;
        min-height: auto;
        padding-bottom: 0
    }

    .product-page-slider .personal-guide-card.smallcard .contentcard .content {
        padding: 14px 20px
    }

    .product-page-slider .personal-guide-card.smallcard .contentcard .content h3 {
        -webkit-line-clamp: 2
    }

    .latest-news-cards.popular-blogs .contentcard .content h3 {
        min-height: auto;
        -webkit-line-clamp: 2
    }

    .contentcard .content p {
        font-size: 14px !important;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 10px
    }

    .mamypoko-essentials.pregnayc-ess .mamypoko-essentials-heading .title-xl2 {
        color: var(--ms-dark)
    }

    .mamypoko-essentials-heading p {
        font-size: 14px;
        padding-bottom: 4px
    }

    .essential-content {
        top: 120px;
        left: 0;
        padding-left: 55px
    }

    .essential-content.mampoko-essetional {
        left: 0;
        max-width: 450px;
        top: 100px
    }

    .mamypoko-essentials .mobile-divider-banner {
        width: 100%;
        display: block !important
    }

    .essential-content .essentials-bg-img {
        left: unset;
        width: 100px;
        height: auto;
        top: 0;
        right: 40px
    }

    .personal-guide {
        width: 100%;
        max-width: 100%;
        padding: 0
    }

    .mamypoko-essentials.pregnayc-ess .essential-content.mampoko-essetional {
        max-width: 350px
    }

    .next-step-cards.comunity-tracker-text .form-height .days-select .dayselct p,
    .next-step-cards.dashboard .analyse-progress .body-data-card h4,
    .next-step-cards.dashboard .analyse-progress .body-data-card h5,
    .video-cta,
    .wight-h-card p {
        text-align: center
    }

    .title-section {
        font-size: 35px
    }

    .product-card-sec {
        width: 100%;
        padding: 0 0 30px;
        position: relative
    }

    .product-content .mamy-list {
        gap: 10px;
        margin: 0
    }

    .product-image {
        margin-right: auto
    }

    .custome-banner.productbanner {
        background-image: unset;
        padding: 90px 0 30px;
        height: auto;
        margin-top: 110px
    }

    .custome-banner.productbanner .custome-banner-content p {
        position: relative;
        top: 0;
        margin-top: 15px;
        display: block
    }

    .personal-guide-product .nav.nav-tabs li.active-scroll-spy a {
        border: 2px solid #fff0;
        border-radius: 8px
    }

    .personal-guide-product .nav.nav-tabs li a {
        border-radius: 8px
    }

    .product-page-tabs .product-list .nav-tabs::-webkit-scrollbar {
        height: 4px
    }

    .product-page-tabs .product-list .nav-tabs::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0 #fff0
    }

    .product-page-tabs .product-list .nav-tabs::-webkit-scrollbar-thumb {
        height: 5px;
        background-color: var(--ms-primary)
    }

    .sticky-product-sec {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 6
    }

    .product-content .title-section {
        color: var(--ms-primary);
        font-weight: 700
    }

    .product-card-sec .product-content ul li {
        font-size: 14px;
        padding-left: 25px
    }

    .product-card-sec .product-content ul li::before {
        top: 4px;
        background-size: 1rem
    }

    .product-card-sec .product-content ul {
        gap: 10px;
        margin-top: 18px;
        margin-bottom: 10px
    }

    .product-dipers .btn {
        min-width: 180px;
        margin-top: 25px
    }

    .product-dipers img {
        padding-top: 15px;
        height: 40px
    }

    .birth-story-section,
    .product-dipers {
        padding-top: 10px
    }

    .blog-topbar .blog-heading .title-mid,
    .extra-absorb h4,
    .health-pregnancy.mamypoko-video.video-mmay .mamypokovideo-card .box-heading,
    .product-dipers h4,
    .right-blog-box h4 {
        font-size: 22px
    }

    .productbanner .custome-banner-content .title-section {
        padding-bottom: 0;
        font-size: 28px;
        margin: 0
    }

    .extra-abozorb-sec {
        padding: 0 20px;
        margin-top: 40px
    }

    .pregnancy_Videos .product-banner-video .swiper,
    .product-card-sec .product-content {
        padding: 0 !important
    }

    .babymini-tape .heading-component,
    .blogs-margins .personal-guide .nav.nav-tabs,
    .next-step-cards .progress-bar-compnent.community-tracker .filter-diapers,
    .pregnancy-tracker.analyse-body.anayse-progress .row,
    .product-page-tabs .row {
        margin: 0
    }

    .custome-banner.productbanner .breacums ul {
        top: 45px !important
    }

    #react-select-9-listbox {
        width: 100%;
        max-width: 70px
    }

    .mamypoko-pregnancy-period ul {
        display: flex;
        justify-content: center;
        gap: 7px;
        list-style: none;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        padding: 0 15px 15px;
        margin: 0
    }

    .mamypoko-pregnancy-period ul li a {
        color: var(--ms-para);
        font-size: 15px;
        font-weight: 500;
        padding: 8px 5px
    }

    .mamypoko-pregnancy-period ul.scrolledClass {
        background-color: #fff;
        padding-top: 5px;
        gap: 25px
    }

    .personal-guide-product .filter-diaper {
        top: -5px
    }

    .mamypoko-pregnancy-period ul.scrolledClass li a {
        color: var(--ms-para);
        background-color: #fff;
        padding: 6px 9px;
        border-radius: 25px
    }

    .product-page-tabs .product-list .nav-tabs {
        justify-content: center;
        box-shadow: unset
    }

    .custome-banner.newbornpage .title-lg {
        margin: 0 auto;
        padding-bottom: 20px;
        font-size: 28px;
        line-height: 38px
    }

    .baby-minitape {
        display: flex;
        align-items: center;
        gap: 40px;
        flex-direction: column !important;
        gap: 25px
    }

    .babymini-img img {
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        display: block
    }

    .mom-corner.time-to-switch {
        padding-bottom: 120px
    }

    .mamypoko-essentials.newborn,
    .pockochan-meet {
        margin-top: -80px
    }

    .mamypoko-essentials.newborn .essential-content {
        top: 150px;
        margin: 0 auto;
        display: block;
        text-align: center;
        left: 0;
        right: 0;
        padding: 0;
        max-width: 350px
    }

    .newborn .mamypoko-essentials-heading .tittle-small {
        padding-bottom: 0;
        font-size: 22px;
        line-height: 28px
    }

    .newborn .mamypoko-essentials-heading p {
        line-height: 24px;
        font-size: 16px;
        padding-bottom: 10px
    }

    .time-to-switch .time-to-switch-content h4 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 10px
    }

    .time-to-switch .time-to-switch-content p {
        font-size: 16px;
        line-height: 26px
    }

    .custome-banner.newbornpage .custome-banner-content .title-lg {
        font-size: 24px;
        line-height: 34px
    }

    .babymini-tape .heading-component .heading-title,
    .latest-news-cards.popular-blogs .heading-component,
    .mamypoko-video-wrapper .video-carousel .mamypokovideo-card,
    .mamypokovideo-card,
    .parenthood-journey .heading-component,
    .right-blog-box:not(:last-child),
    .tesrm-condion-content {
        margin-bottom: 20px
    }

    .custome-banner.newbornpage .custome-banner-content h1 {
        font-size: 28px
    }

    .health-pregnancy.newborn_card .parenthood-card-health {
        margin: 0 auto;
        max-width: 100%;
        padding: 0
    }

    .custome-banner.prgenancy-blog-banner .custome-banner-content,
    .newborn-blog-banner .custome-banner-content {
        text-align: left !important;
        margin-top: 0
    }

    .custome-banner.extraabzorb-banner .custome-banner-content {
        padding-left: 15px;
        padding-top: 15px
    }

    .extraabzorb-banner .custome-banner-content .title-xl2 {
        text-align: left !important;
        color: var(--ms-blue);
        font-size: 28px
    }

    .extraabzorb-banner .custome-banner-content p {
        text-align: left !important
    }

    .custome-banner.extraabzorb-banner .breacums ul {
        padding-left: 15px
    }

    .product-details-nav {
        gap: 10px;
        overflow-x: unset;
        padding: 0;
        overflow-y: hidden;
        flex-direction: column
    }

    .absorb-logo {
        margin-right: auto;
        white-space: unset;
        gap: 12px
    }

    .absorb-logo .absorb-img {
        width: 80px
    }

    .absorblogo-content h5 {
        color: var(--ms-primary);
        font-size: 18px;
        line-height: 24px
    }

    .absorb-nav-btn {
        position: absolute;
        right: 14px;
        top: 22px
    }

    .absorb-stick-nav,
    .extra-absorb-navbar,
    .stay-connected {
        overflow: hidden
    }

    .extra-absorb-navbar .absorb-navbar ul li.active-scroll-spy a {
        padding: 7px 40px 7px 15px;
        font-size: 14px;
        border-radius: 8px
    }

    .extra-absorb-navbar .absorb-navbar ul li a {
        padding: 7px 10px
    }

    .extra-absorb-navbar .absorb-navbar ul {
        gap: 40px;
        justify-content: center;
        padding: 7px;
        white-space: normal;
        box-shadow: unset
    }

    .extra-absorb-navbar .absorb-navbar {
        margin-left: 0
    }

    .extraabzorb-bannaer .swiper-button-next,
    .extraabzorb-bannaer .swiper-button-prev {
        width: 52px;
        height: 52px;
        top: 45%;
        background-size: cover;
        margin: unset;
        display: none;
        position: absolute;
        background-repeat: no-repeat
    }

    .mamypoko-pants {
        padding: 30px 0 80px
    }

    .extra-absorb-navbar .absorb-navbar ul li:first-child {
        padding-left: 0
    }

    .extaabzorbbanner .mampoko-pant-heading .title-big,
    .extaabzorbbanner.sliderextra .new-baby-mini .title-big {
        padding-bottom: 0;
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 2px
    }

    .extraabzorb-bannaer .swiper-button-next {
        right: 0;
        transform: translateY(-50%);
        left: unset;
        transform: scaleX(1)
    }

    .extraabzorb-bannaer .swiper-button-prev {
        left: 0;
        transform: translateY(-50%);
        transform: scaleX(-1)
    }

    .absorbbanner-card {
        gap: 50px;
        padding-top: 10px
    }

    .absorbbanner-slider select {
        background-color: #fff0;
        font-weight: 600;
        width: 170px;
        font-size: 14px
    }

    .absorbbanner-slider .current-price,
    .absorbbanner-slider h1 {
        font-size: 22px;
        padding-top: 5px;
        margin: 0
    }

    .absorbbanner-slider .current-price {
        flex-direction: row;
        align-items: flex-start
    }

    .absorbbanner-slider .select-dropdown {
        padding-top: 16px
    }

    .absorbbanner-slider .btn {
        min-width: 160px;
        margin-top: 15px
    }

    .absorbbanner-slider p {
        font-size: 14px;
        line-height: 22px;
        padding-top: 5px;
        margin: 0
    }

    .dimention-tag,
    .extra-absorb p,
    .next-step-cards.dashboard .baby-tracker-user .profile-content h5,
    .profile-cards.accordion .accordion h2.accordion-header button.accordion-button {
        font-size: 14px;
        line-height: normal
    }

    .extaabzorbbanner {
        padding-bottom: 50px;
        height: auto;
        background-image: none;
        padding-top: 195px
    }

    .extaabzorbbanner .swiper-wrapper,
    .radio-buttons {
        margin-bottom: 50px
    }

    .absorbbanner-slider p strong {
        font-size: 15px
    }

    .review-rating p {
        font-size: 16px;
        padding-top: 0;
        padding-bottom: 5px;
        margin: 0
    }

    .review-rating-star .progress {
        max-width: 50%
    }

    .blog-content h3,
    .calender-card .result-cards .begning-card h3,
    .do-s-preganancy h4,
    .review-filter-btn p,
    .review-name-heading h5,
    .tab-swiper-box .product-content h5,
    .tesrm-condion-content p strong,
    .timeline-semester h4 {
        font-size: 18px
    }

    .review-name-heading p {
        font-size: 14px;
        padding: 7px 12px
    }

    .calender-card.baby-growth .baby-tracker-model .tracker-btn,
    .profile-card-management.editing .profile-cards,
    .select-dropdown {
        margin-bottom: 0
    }

    .review_card {
        margin-bottom: 20px;
        padding-bottom: 5px
    }

    .tab-swiper-box .product-content .swiper-cta,
    .unicharm-corporation-content .btn {
        margin-top: 5px
    }

    .absorb-cards-sec .features-content h4,
    .blog-contact-page .blog-heading .title-mid,
    .blog-content h2,
    .contact-address-details .title-md,
    .modal-title.h4,
    .pregnancy-thanks h5,
    .right-box-4 .right-box-4-content h5,
    .tracker-component h3 {
        font-size: 20px
    }

    .absorb-cards-sec .features-content p {
        padding-top: 10px;
        font-size: 14px
    }

    .features-img {
        max-width: 180px;
        height: auto
    }

    .fetures-preemie .features-img img {
        padding: 2px
    }

    .features-img img {
        max-width: 100%;
        height: 100%
    }

    .review-content-para p {
        font-size: 14px;
        line-height: 25px;
        padding-top: 5px
    }

    .share-icon-absorb span img {
        width: 30px;
        height: 30px
    }

    .absorbbanner-card .filter-diapers .filter-diaper-content {
        box-shadow: 0 0 15px 0 rgb(0 0 0 / .1)
    }

    .pants-star span svg {
        color: #d59725;
        font-size: 14px;
        width: 16px
    }

    .absorbbanner-slider .paragraph.expanded {
        padding-right: 5px
    }

    .mamypoko-star,
    .timeline-semester h5 {
        padding-top: 5px
    }

    .absorbbanner-card .filter-diapers .filter-diaper-content h5 {
        color: #1a1a1a;
        font-size: 13px
    }

    .extra-absorb-navbar .absorb-nav-btn .btn {
        min-width: 145px
    }

    .mamypoko-pants-section .mamypoko-pants-card {
        gap: 18px;
        width: 200px;
        height: 200px
    }

    .mamypoko-pants-card .pantsimage {
        max-width: 70px;
        min-height: 70px
    }

    .mamypoko-card {
        height: 250px;
        width: 250px
    }

    .mamypoko-card img.roateIcon {
        top: 81px;
        left: -105px;
        max-width: 284px;
        height: 94px
    }

    .mamypoko-pants-section .mamypoko-card:nth-child(2) img.roateIcon {
        top: 91px;
        right: -112px;
        max-width: 274px;
        height: 74px
    }

    .mamypoko-pants-section img.mamypoko_rotate-img1 {
        position: absolute;
        top: 106px;
        height: 730px;
        width: 321px
    }

    .mamypoko-pants-section {
        gap: 55px
    }

    .mamypoko-card:nth-child(2) .curve-blue {
        right: unset;
        left: -22px;
        bottom: -34px
    }

    .mamypoko-card:nth-child(3) .curve-blue {
        left: unset;
        right: -30px;
        bottom: -55px
    }

    .extaabzorbbanner.sliderextra {
        padding: 130px 0 30px
    }

    .mom-corner-curve.banner {
        margin-top: -1px
    }

    .contain-absorb-modal.social-fa-icon-popup .modal-dialog {
        max-width: max-content;
        margin: 0 auto
    }

    .contain-absorb-modal .modal-dialog .modal-body {
        padding: 40px 15px 20px
    }

    .extra-absorb img {
        padding-top: 0;
        margin: 0 auto
    }

    .contain-absorb-modal.social-fa-icon-popup .modal-body .social-links ul li a {
        font-size: 30px;
        width: 50px;
        height: auto;
        border: 0;
        padding: 10px
    }

    .contain-absorb-modal.social-fa-icon-popup .modal-body .social-links svg {
        font-size: 28px;
        width: 16px
    }

    .contain-absorb-modal.social-fa-icon-popup .modal-body .social-links ul li {
        margin: 0 10px
    }

    .social-links ul li:not(:last-child) {
        margin-right: 0
    }

    .custome-banner.about-page-banner {
        background: url(../img/about-mob-banner.webp) 0 0/cover no-repeat
    }

    .custome-banner-content.about-banner-content h1 {
        font-size: 24px !important
    }

    .about-page-sec2 .row,
    .birth-story .row {
        flex-direction: column-reverse
    }

    .did-know-section.about-page-sec2 {
        margin-top: 0;
        padding: 30px 0 40px
    }

    .did-know-section.about-page-sec2 .did-know-content {
        max-width: 100%;
        margin-top: 0
    }

    .signle-principle .single-principle-content h4 {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 5px;
        margin: 0
    }

    .mom-corner-curve.meet-pokochan-sec {
        margin-top: 70px !important
    }

    .health-pregnancy.meet-pokochan-sec .sun-top img,
    .terms-condion-icon6 img {
        max-width: 90px
    }

    .principle-column .signle-principle .single-principle-content {
        padding-top: 10px;
        text-align: left
    }

    .principle-column .signle-principle {
        margin: 0 auto 40px
    }

    .achievement-details .single-achievent img,
    .faq-gif img,
    .health-pregnancy.principle-sec-wrapper .signle-principle img {
        max-width: 150px
    }

    .principle-sec-wrapper .product_card-ab {
        top: inherit;
        bottom: 110px;
        left: inherit;
        right: 40px
    }

    .principle-sec-wrapper .product_card-ab img {
        max-width: 98px
    }

    .health-pregnancy.meet-pokochan-sec {
        margin-top: -60px
    }

    .health-pregnancy.meet-pokochan-sec .essential-content {
        top: 115px;
        padding-left: 0
    }

    .health-pregnancy.meet-pokochan-sec .sun-top {
        width: 51px;
        height: 51px;
        top: 80px;
        left: -6px
    }

    .health-pregnancy.meet-pokochan-sec .heading-component {
        margin-left: 0;
        text-align: center !important
    }

    .health-pregnancy.meet-pokochan-sec .essential-content .btn-primary {
        min-width: 280px;
        margin-top: 20px
    }

    .health-pregnancy.meet-pokochan-sec .meet-pokoImg {
        margin-top: 50px;
        margin-left: 80px;
        position: relative;
        top: 0
    }

    .achievement-details .achievement-content h4 {
        font-size: 19px;
        line-height: 25px;
        text-align: left;
        color: var(--ms-primary)
    }

    .achievement-details .achievement-content p {
        font-size: 14px;
        text-align: left
    }

    .mamypoko-history {
        margin-bottom: -40px
    }

    .mamypoko-history .essential-content {
        padding: 0 30px;
        top: 0
    }

    .mamypoko-history .heading-component {
        padding: 80px 0
    }

    .mamypoko-history .brown-heart {
        top: 60px;
        right: 55px
    }

    .mamypoko-history .brown-heart img {
        max-width: 84px
    }

    .baby-name,
    .mamypoko-history .meet-pokochan-cta,
    .meet-pokochan-sec .meet-pokochan-cta {
        margin-top: 40px
    }

    .why-mamypoko-sec .pink-heart {
        left: 10px;
        top: 60px
    }

    .why-mamypoko-sec .pink-heart img {
        max-width: 79px
    }

    .meet-pokochan-sec .heading-component {
        margin: 40px auto 65px
    }

    .why-mamypoko-sec .essential-content {
        left: 0;
        padding: 0 24px;
        top: 70px;
        right: 0;
        margin: 0 auto
    }

    .achievement-details .col-lg-4,
    .health-pregnancy.principle-sec-wrapper .principle-column .col-lg-4 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .about-page-sec2 img {
        max-width: 100% !important;
        margin-top: 25px !important
    }

    .pockochan-meet .essential-content .heading-component {
        left: 0;
        position: relative;
        text-align: center !important
    }

    .pockochan-meet .essential-content {
        top: 110px;
        left: 0;
        max-width: 450px;
        right: 0;
        margin: 0 auto;
        padding: 0 24px
    }

    .about-page-sec2.did-know-section .parenthood-gif img,
    .profile-managements .latest-news-cards.popular-blogs .swiper-button-next {
        right: 0 !important
    }

    .care-diapers-about {
        display: block !important;
        width: 120px;
        margin-left: auto;
        transform: scaleX(-1);
        margin-bottom: 25px
    }

    .only-mobile-img {
        display: block;
        width: 100%
    }

    .terms-condition {
        padding: 40px 0
    }

    .about-uncharm-section .heading-component p,
    .custome-banner.terms-use .custome-banner-content .title-xl,
    .hosptal-cards .absorb-cards-sec .features-content h4 {
        text-align: left
    }

    .terms-condion-icon6 {
        bottom: 0;
        right: 0;
        width: 120px;
        display: block
    }

    .terms-condion-icon1 {
        top: 22px;
        width: 90px;
        left: 0;
        display: block
    }

    .tesrm-condion-content h3 {
        font-size: 20px;
        padding-bottom: 12px
    }

    .blog-content p,
    .pregnancy-cretivity .blog-content ul li,
    .tesrm-condion-content p {
        font-size: 14px;
        line-height: 24px
    }

    .tesrm-condion-content h2 {
        font-size: 22px;
        line-height: 30px;
        padding-bottom: 10px
    }

    .tesrm-condion-content ul li {
        font-size: 14px;
        margin-bottom: 0
    }

    .tesrm-condion-content:first-child {
        padding-top: 90px
    }

    .terms-condition .terms-condion-icon6 {
        margin-top: 25px;
        bottom: -5px
    }

    .tesrm-condion-content:last-child {
        margin-bottom: 70px
    }

    .preemie-unicharm-banner .custome-banner-content h2 {
        padding-bottom: 0;
        font-size: 24px;
        line-height: 34px
    }

    .preemie-unicharm-banner .custome-banner-content p {
        font-size: 16px;
        line-height: 25px
    }

    .mom-corner.special-care-diapers.prme {
        padding-top: 120px
    }

    .blog-heading h1,
    .momcorner-content.special-care .mamy-semi-heading,
    .pack-bag-list h2,
    .where-to-buy .strength-found-para h4 {
        font-size: 22px;
        font-weight: 700;
        line-height: 28px
    }

    .momcorner-content.special-care .mamy-semi-heading span {
        font-size: 20px;
        line-height: 30px
    }

    .momcorner-content.special-care p {
        font-size: 14px;
        line-height: 24px;
        padding-top: 0
    }

    .custome-banner.extaabzorbbanner.preemie {
        padding: 30px 0 !important
    }

    .mampoko-pant-heading .tittle-small {
        margin: 0;
        padding-bottom: 0;
        font-size: 20px
    }

    .preemie-unicharm-banner .custome-banner-content .title-xl {
        font-size: 30px;
        padding: 0
    }

    .where-to-buy .strength-found-para {
        left: 0;
        right: 0;
        top: 40px
    }

    .strength-found.where-to-buy {
        padding: 40px 0;
        margin-top: -33px
    }

    .baby-minitape.pokochan .babymini-content p,
    .where-to-buy .strength-found-para p {
        font-size: 14px;
        line-height: 22px;
        padding-top: 10px
    }

    .strength-para {
        right: 190px;
        top: -18px;
        max-width: 100px
    }

    .strength-found.where-to-buy:before {
        left: 0;
        max-width: 50px
    }

    .strength-found.where-to-buy:after {
        right: 0;
        max-width: 50px
    }

    .bg-light-pink {
        padding-bottom: 150px !important
    }

    .about-history-card h2 {
        font-size: 22px;
        padding-bottom: 10px;
        font-weight: 700;
        line-height: 28px
    }

    .about-history-card h4,
    .blog-content h4,
    .contact-address-details .contact-wrapper a,
    .contact-address-details .contact-wrapper address,
    .contact-address-details .contact-wrapper small,
    .general-support .profile-name h4,
    .input-series h4,
    .input-series-container .select-option h5,
    .list-sitemap p a,
    .mamypost-contnet p,
    .pregnancy-tracker-slider h5,
    .public-post-comment h4,
    .review-filter-btn p,
    .search-page .single-faq-box h3,
    .single-cat-box .blog-box-detail h5,
    .sitemap-lisitng ul li a,
    ul.mamy-list1 li {
        font-size: 16px
    }

    .timeline-about-history ul li:nth-child(2n)::before {
        background-size: 24em;
        top: -185px;
        min-height: 280px;
        left: -35px
    }

    .timeline-about-history ul li:nth-child(odd):first-child::before {
        right: 0;
        left: -35px;
        top: -110px;
        width: 100%
    }

    .timeline-about-history ul li:nth-child(odd)::before {
        background-size: 24em;
        top: -185px;
        left: -35px
    }

    .timeline-abouttwo.mobile {
        display: block;
        right: 0;
        top: 0;
        position: relative;
        margin-left: auto;
        width: 100px;
        margin-top: -45px
    }

    .faq-gif {
        top: inherit;
        bottom: 0;
        width: 100%;
        left: 0;
        right: 0;
        text-align: center
    }

    .faq-main-wrapper .single-faq-box {
        padding: 20px;
        margin: 0 auto 10px
    }

    .faq-main-wrapper .single-faq-box h3 {
        font-size: 18px;
        padding-bottom: 2px
    }

    .faq-main-wrapper .cloud-ballon img,
    .form-pokochan1 img,
    .mobile-pokochan img {
        max-width: 120px
    }

    .faq-main-wrapper {
        margin-top: -75px !important;
        padding: 110px 15px 150px !important
    }

    .faq-main-wrapper .cloud-ballon {
        top: 30px;
        right: 55px
    }

    .faq-banner .custome-banner-content,
    .profile-card-management.notification .mt-4.col-lg-12 {
        margin-top: 0 !important
    }

    .custome-banner.newbornpage.faq-banner .custome-banner-content .title-lg {
        text-align: left;
        padding-left: 18px;
        font-size: 28px
    }

    .custome-banner.newbornpage.faq-banner {
        z-index: 1;
        padding: 0
    }

    .form-wrapper .formBox,
    .pregnancy-faq-card .accordion-item {
        margin-bottom: 12px
    }

    .custome-banner.pokochan-banner .custome-banner-content span {
        max-width: 170px;
        margin: 0 auto
    }

    .custome-banner.pokochan-banner .custome-banner-content {
        top: 250px;
        left: 0;
        padding-left: 0
    }

    .custome-banner.pokochan-banner .custome-banner-content .title-mid {
        font-size: 20px;
        padding: 0;
        margin: 0
    }

    .custome-banner.pokochan-banner .custome-banner-content .title-medium {
        font-size: 20px;
        text-align: center;
        padding: 0;
        margin: 0
    }

    .banner-images {
        max-width: 400px;
        bottom: 200px;
        margin: 0 auto;
        display: block;
        left: 0;
        right: 0
    }

    .rope-swing-content h2.tittle-small {
        margin-bottom: 0;
        font-size: 22px;
        font-weight: 700;
        line-height: 28px
    }

    .baby-minitape.pokochan .babymini-content .absorp-heading {
        margin: 0;
        font-size: 22px;
        font-weight: 700;
        line-height: 28px
    }

    .birth-story-content {
        padding-left: 0;
        margin: 0 auto;
        display: block
    }

    .birth-story-content h4 {
        font-size: 22px;
        line-height: 32px
    }

    .faq-card h5 {
        font-size: 18px;
        font-weight: 700
    }

    .pokochan-faq-card {
        flex-direction: column;
        padding: 10px 0 0;
        gap: 10px
    }

    .birth-story-content p {
        font-size: 16px;
        line-height: 25px;
        padding-top: 12px
    }

    .baby-minitape.pokochan .parenthood-gif:after {
        right: -150px;
        top: 0
    }

    .baby-minitape.pokochan .baby-img {
        width: 158px;
        margin: 0 auto
    }

    .japan-babies-section {
        padding: 30px 0;
        margin-top: -80px
    }

    .birth-story {
        width: 100%;
        padding: 30px 0 180px
    }

    .pokochan-book {
        max-width: 150px;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }

    .pokochan-faq .pokochan-faq-flower {
        width: 80px;
        margin-left: auto;
        right: 0;
        left: unset;
        top: 0
    }

    .baby-happy-card,
    .baby-happy-card .baby-card-content {
        left: 0;
        height: 100%
    }

    .baby-happy-card {
        flex-direction: column;
        top: 50px;
        flex-direction: column;
        max-width: 280px;
        padding: 0 25px
    }

    .baby-card-img,
    .did-u-know.pregnancy-blogss .did-u-content p {
        max-width: 250px
    }

    .baby-card-img {
        width: 100%;
        margin: 0 auto;
        display: block;
        position: relative;
        bottom: 100px
    }

    .baby-happy-card .baby-card-content h4 {
        font-size: 22px;
        line-height: 25px
    }

    .all-news-section .contentcard .content,
    .faq-card,
    .search-page .single-faq-box {
        padding: 15px
    }

    .japan-babies-section .babymini-img img {
        width: 100%;
        max-width: 250px;
        margin: 0 auto;
        display: block
    }

    .baby-happy-card .baby-card-content img {
        top: 0;
        right: 0;
        max-width: 100px
    }

    .baby-card-img .video-gif.product-world-gif::after {
        background-size: 14rem
    }

    .baby-minitape.pokochan .babymini-content {
        margin: -50px auto 0
    }

    .baby-minitape.pokochan .babymini-img .pokochan-tree {
        left: -90px
    }

    .rope-swing-section {
        padding: 80px 0 30px
    }

    .about-unicharm .unicharm-charm {
        margin: 0 auto
    }

    .about-unicharm {
        gap: 15px;
        flex-direction: column;
        margin: 40px auto 0
    }

    .about-uncharm-section .heading-component {
        margin-bottom: 15px;
        text-align: left !important
    }

    .coporate-pholophy-content h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 28px
    }

    .coporate-pholophy-content p {
        font-size: 14px;
        font-weight: 400;
        line-height: 25px;
        padding-top: 5px
    }

    .corporate-philosphy .heading-component p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px
    }

    .corporate-philosphy .heading-component {
        max-width: 100%;
        margin-bottom: 5px;
        text-align: left !important
    }

    .unicharm-corporation-content p {
        font-size: 15px;
        line-height: 22px;
        padding-top: 15px
    }

    .unicharm-corporation .heading-component h3 {
        font-size: 20px;
        line-height: 28px;
        text-align: left
    }

    .unicharm-corporation .heading-component {
        top: 140px;
        padding: 0 20px
    }

    .unicharm-corporation-content {
        padding: 0 20px;
        top: 240px
    }

    .unicharm-content h5 {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        text-align: left
    }

    .about-unicharm .unicharm-charm {
        padding: 15px 20px
    }

    .about-unicharm .unicharm-charm h4,
    .thank-you-popup h4 {
        font-size: 18px;
        line-height: 25px
    }

    .unicharm-corporation {
        margin-bottom: -70px;
        margin-top: 40px
    }

    .unicharm-logo img {
        width: 100%;
        max-width: 220px
    }

    .about-unicharm,
    .blog-contact-page form,
    .unicharm-logo {
        margin-top: 20px
    }

    .strength-found-para h5 {
        font-size: 18px;
        line-height: 28px
    }

    .strength-found {
        margin: 30px 0 50px
    }

    .babyInside,
    .corporate-image img {
        margin-top: 12px
    }

    .strength-found.unicharm .strength-found-para {
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%
    }

    .strength-found.unicharm {
        margin: 30px 0
    }

    .pregnancyblog .health-pregnancy .personal-guide ul.nav-tabs {
        justify-content: flex-start !important;
        margin-top: -56px
    }

    .pregnancy-announcement .swiperBoxContent {
        margin-bottom: 20px !important
    }

    .pregnancyblog .health-pregnancy .personal-guide .nav.nav-tabs li .nav-link {
        padding: 5px !important
    }

    .pregnancyblog .health-pregnancy .personal-guide .nav.nav-tabs li .nav-link.active {
        padding: 0 !important;
        border-radius: 8px !important
    }

    .pregnancyblog .health-pregnancy .personal-guide .nav.nav-tabs {
        max-width: 100% !important;
        box-shadow: 0 0 25px 0 rgb(0 0 0 / .1);
        padding: 14px 5px;
        border-radius: 0 !important
    }

    .custome-banner.mamypoko-videos .custome-banner-content h1 {
        font-size: 26px;
        line-height: 30px
    }

    .mamypoko-videos .custome-banner-content {
        max-width: 600px;
        padding-left: 15px
    }

    .pregnancyblog .health-pregnancy .personal-guide .nav.nav-tabs li .nav-link.active::before {
        height: 50px !important;
        border-radius: 8px !important
    }

    .pregnancyblog .health-pregnancy .personal-guide .nav.nav-tabs li .nav-link.active .tabs-sec {
        padding: 10px 0
    }

    .pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs {
        justify-content: start !important;
        max-width: 100% !important;
        position: sticky !important;
        top: 60px !important;
        z-index: 7;
        gap: 5px
    }

    .pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs li .nav-link.active .tabs-sec {
        padding: 15px !important
    }

    .pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs li .nav-link .tabs-sec {
        border-radius: 8px !important;
        padding: 10px 5px !important
    }

    .health-pregnancy.mamypoko-video .pregnancy-announcement .swiperBoxContent .box-heading {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        text-align: center;
        margin: 0 auto;
        display: block
    }

    .pregnancy-announcement .swiperBoxContent .boxContentImg {
        position: absolute;
        right: 0;
        bottom: 20px;
        left: 0;
        margin: 0 auto;
        display: block
    }

    .pregnancy-announcement .swiperBoxContent .boxContentImg img {
        margin: 0 auto;
        display: block;
        min-width: auto
    }

    .health-pregnancy.mamypoko-video .nav.nav-tabs {
        position: relative;
        top: 0 !important;
        margin-top: 40px !important
    }

    .did-know-section.newborn .swiper-horizontal,
    .health-pregnancy.mamypoko-video .pregnancy-announcement {
        margin-top: 30px
    }

    .mamypoko-video .pregnancy-announcement .col-lg-3:first-child .mamypokovideo-card .swiperBoxContent .boxContentImg img {
        max-width: 220px;
        aspect-ratio: 8/7
    }

    .custome-banner.contact-banner {
        margin-top: 45px !important
    }

    .contact-form-sec {
        overflow: hidden;
        padding: 30px 0
    }

    .contactForm-wrapper {
        margin: 30px 0;
        padding: 40px 20px
    }

    .contactForm-wrapper .form-btn {
        margin-top: 10px;
        text-align: left !important
    }

    .mobile-pokochan {
        width: 100%;
        text-align: center;
        left: 0
    }

    .form-pokochan1 {
        top: -68px;
        right: -40px
    }

    .contact-address-details .contact-wrapper {
        display: flex;
        margin-bottom: 13px
    }

    .thank-you-popup {
        width: 100%;
        max-width: 350px;
        padding: 20px
    }

    .thanku-gif:before {
        background-size: 15rem;
        z-index: -1
    }

    .sun-thank {
        top: -67px;
        left: -35px
    }

    .thankscard .btn-close {
        right: -30px;
        top: -30px
    }

    .contact-address-details {
        margin-top: 40
    }

    .contact-heart {
        position: absolute;
        left: -100px;
        top: 50px;
        width: 100%;
        max-width: 550px
    }

    .custome-banner.newbornpage .custome-banner-content {
        margin-top: 0;
        top: 0
    }

    .latest-news-cards.popular-blogs .swiper-button-next,
    .latest-news-cards.popular-blogs .swiper-button-prev {
        opacity: 1;
        width: 50px;
        height: 50px;
        bottom: unset;
        margin: unset;
        transform: translateY(-50%);
        background-size: cover;
        position: absolute
    }

    .pregnancyblog .health-pregnancy.pregnancy-blogss .pregnancy-announcement .pregnancy-blog-card .blog-card-content h2 {
        padding-bottom: 10px;
        font-size: 18px
    }

    .pregnancyblog .health-pregnancy.pregnancy-blogss .pregnancy-announcement .pregnancy-blog-card .read-more-btns {
        font-size: 14px;
        margin-top: 15px
    }

    .all-blog-section .allnews-one {
        top: -50px;
        left: 0;
        width: 100px
    }

    .all-blog-section {
        overflow: unset;
        padding: 30px 0
    }

    .pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs li .nav-link.active::before {
        height: auto !important;
        border-radius: 8px !important;
        margin: 1px
    }

    .pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs li .nav-link.active .tabs-sec {
        padding: 6px 10px
    }

    .latest-news-cards.popular-blogs .swiper-button-prev {
        top: 29%;
        right: 0;
        left: 16px !important;
        rotate: 180deg
    }

    .latest-news-cards.popular-blogs .swiper-button-next {
        top: 40%;
        left: unset;
        right: 5px !important
    }

    .latest-news-cards.popular-blogs .swiper-wrapper {
        padding: 15px 5px;
        margin-bottom: 0
    }

    .blog-card-img img {
        width: 100%;
        border-radius: 15px
    }

    .prgenancy-blog-banner .custome-banner-content {
        justify-content: unset;
        margin-top: 0
    }

    .blog-card-content .bedge-ca,
    .profile-heading-name .profile-cards.heading-content {
        padding-bottom: 15px
    }

    .pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs li .nav-link.active {
        padding: 4px !important
    }

    .pregnancyblog.blogs-margins {
        overflow: unset
    }

    .blogs-margins .nav.nav-tabs {
        position: relative;
        margin-top: 0 !important;
        top: 0 !important
    }

    .did-u-know.pregnancy-blogs .did-u-content,
    .did-u-know.pregnancy-blogss .did-u-content {
        max-width: 350px;
        margin: 0 auto
    }

    .health-pregnancy.pregnancy-blogss .tab-content {
        padding: 0 25px
    }

    .pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs {
        top: 60px !important
    }

    .blog-card-content h2,
    .latest-news .blog-card-content h2 {
        font-size: 18px;
        padding-bottom: 10px
    }

    .blog-card-content {
        max-width: 100%;
        padding: 15px 20px
    }

    .did-u-img1 {
        left: 0
    }

    .did-u-know.pregnancy-blogs .did-u-content p {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }

    .did-u-content p {
        font-weight: 500
    }

    .title-blog {
        font-size: 25px;
        font-weight: 600;
        line-height: normal
    }

    .custome-banner.blog-detail-banner {
        margin-top: 150px;
        padding: 50px 0 0
    }

    .custome-banner.blog-detail-banner .breacums ul {
        top: 15px !important
    }

    .pregnancy-cretivity {
        width: 100%;
        padding: 20px 0 30px
    }

    .blog-content h6 {
        font-size: 13px
    }

    .blog-bubbles .list-bubble ul {
        margin: 5px 0 10px
    }

    .contain-absorb-modal.social-fa-icon-popup .modal-body .social-links ul {
        font-size: 25px;
        gap: 10px
    }

    .blog-contact-page .blog-heading p {
        font-size: 14px;
        padding-top: 5px;
        margin: 0
    }

    .blog-rightside-bar {
        padding-top: 40px;
        padding-left: 0
    }

    .single-cat-box .single-right-blog-img {
        width: 40%;
        height: auto
    }

    .single-cat-box .blog-box-detail {
        width: calc(100% - 40%)
    }

    .single-cat-box .single-right-blog-img img {
        height: 100%;
        width: 100%;
        border-radius: 15px;
        max-width: 80px
    }

    .p-blog-cat-wrapper .single-cat-box .single-right-blog-img img {
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        min-width: 100%
    }

    .right-blog-box .contentcard {
        padding: 20px 15px;
        max-width: 100%
    }

    .subscribe-sun {
        display: block;
        margin-top: 20px;
        right: 0;
        left: 0
    }

    .mamypoko-top .stay-connected.new-subscribe {
        padding: 30px 0 130px;
        margin-bottom: -100px
    }

    .mamypoko-top .stay-connected::before {
        left: -30px;
        width: 16%;
        height: 100%;
        top: 0
    }

    .mamypoko-top .stay-connected::after {
        right: -20px;
        width: 16%;
        height: 100%;
        top: 0
    }

    .stay-connected.new-subscribe .connected-img {
        width: 100%;
        margin: unset;
        padding-top: 100px
    }

    .analyse-progress .nav.nav-tabs,
    .blog-topbar {
        margin-top: 25px
    }

    .search-page .single-faq-box .content-img,
    .stay-connected.new-subscribe .connected-img img {
        width: 100%;
        max-width: 100%
    }

    .personal-guide-card.blog-details .contentcard .content h3,
    .personal-guide-card.blogs-cards .contentcard .content h3 {
        font-size: 20px !important;
        font-weight: 600
    }

    .blog-topbar {
        margin-bottom: 10px
    }

    .review-content .form-select {
        font-size: 16px;
        margin-bottom: 0
    }

    .blog-tagname,
    .review-name {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .blog-content {
        width: 100%;
        padding-top: 20px
    }

    .pregnancy-cretivity .blog-content ul {
        gap: 10px;
        margin-top: 15px;
        margin-bottom: 15px
    }

    .author-bio-social {
        gap: 30px;
        padding: 10px 0 15px
    }

    .social-share {
        gap: 27px
    }

    .latest-news {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 0
    }

    .read-more-btns {
        font-size: 14px;
        margin-top: 10px
    }

    .mamypoko-top {
        padding: 30px 0 0
    }

    .loadmore-section a.loadmore-btn {
        padding: 15px 30px;
        color: var(--ms-primary);
        font-size: 14px;
        max-width: 160px
    }

    .connected-form .form-sec h4 {
        font-size: 22px;
        padding: 0 0 8px;
        margin: 0 !important;
        color: var(--ms-dark);
        text-align: center
    }

    .connected-form .form-sec p {
        font-size: 14px;
        padding: 0;
        text-align: center;
        line-height: 22px
    }

    .stay-connected.new-subscribe {
        padding: 30px 0;
        margin-bottom: 0
    }

    .did-u-img2 {
        right: 15px;
        bottom: 0
    }

    .blog-contact-page .btn.btn-primary {
        min-width: auto;
        padding: 0 40px 0 16px
    }

    .mamypoko-essentials.newborn-baby .essential-content .mamypoko-essentials-heading p {
        font-size: 24px;
        line-height: 28px;
        font-weight: 600
    }

    .mamypoko-essentials.newborn-baby .essential-content .essentials-bg-img {
        right: 134px;
        left: unset;
        width: 100px;
        height: auto;
        top: 0
    }

    .newborn-page .parenthood-brand-card .parenthood-content {
        width: 100%;
        max-width: 230px;
        padding: 15px
    }

    .health-pregnancy.newborn_card .heading-component .heading-title {
        margin-bottom: 20px;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px
    }

    .newborn .did-know-content {
        width: 100%;
        padding: 0;
        max-width: 350px;
        margin: 0 auto !important
    }

    .infant-page .parenthood-brand-card .parenthood-content {
        width: 100%;
        max-width: 220px;
        padding: 15px
    }

    .toddler-page .parenthood-brand-card .parenthood-content {
        width: 100%;
        max-width: 190px;
        padding: 15px
    }

    .blogs-margins {
        overflow: hidden;
        margin-top: 0
    }

    .hospital-bag {
        max-width: 440px;
        margin: 0 auto 25px
    }

    .hospital-bag.mamypoko-cardss .parenthood-content {
        width: 100%;
        max-width: 600px;
        padding: 10px 20px
    }

    .hospital-bag .parenthood-brand-card .parenthood-content h5 {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px
    }

    .hospital-bag .parenthood-brand-card .parenthood-content .btn {
        font-size: 16px;
        min-width: 170px;
        padding: 5px 25px;
        line-height: 32px !important
    }

    .latest-news-cards.popular-blogs .contentcard-img {
        position: relative;
        min-height: auto
    }

    .personal-guide.hospital-card {
        padding: 0 24px !important
    }

    .most-read img {
        border-radius: 0;
        width: 100%;
        max-width: 100px
    }

    .most-read {
        left: -12px
    }

    .hospital-banner .custome-banner-content .title-xl {
        font-size: 28px;
        text-align: left;
        padding-left: 0
    }

    .mammies-content h2 {
        font-size: 22px;
        font-weight: 700;
        line-height: 28px;
        text-align: left
    }

    .mammies-content p {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        text-align: left
    }

    .mammies-content h5 {
        color: #1a1a1a;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        display: block
    }

    .pack-bag-list ul li {
        font-size: 14px;
        font-weight: 400;
        padding-left: 32px
    }

    .pack-bag-list ul {
        margin-top: 14px
    }

    .pack-bag-img img {
        max-width: 350px;
        margin: 0 auto;
        display: block
    }

    .mammies-images {
        max-width: 200px;
        margin: 0 auto;
        display: none
    }

    .hosptal-cards .absorb-cards-sec {
        display: flex;
        align-items: center;
        gap: 10px;
        max-width: 550px;
        justify-content: center;
        margin: 0 auto 30px
    }

    .mom-curve.bottom {
        margin-top: -2px
    }

    .parenthood-brand-card .parenthood-content {
        padding: 8px 20px;
        max-width: 200px
    }

    .buynow-btn h4 {
        font-weight: 600;
        font-size: 18px;
        padding-top: 10px
    }

    .buynow-btn ul {
        display: flex;
        height: auto;
        grid-gap: 10px;
        gap: 10px;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center
    }

    .buynow-btn ul li {
        flex: 0 0 48%;
        max-width: 50%
    }

    .buynow-btn img,
    .pregnancy-slider-btn.left img,
    .pregnancy-slider-btn.right img,
    .smallFlower {
        max-width: 100px
    }

    .not-data {
        padding: 60px 0;
        text-align: center
    }

    .not-data h5 {
        font-weight: 600;
        font-size: 20px
    }

    .not-found-content .btn {
        min-width: 220px
    }

    .sitemap-toggle {
        padding: 30px 0;
        width: 100%
    }

    .list-sitemap button.accordion-button {
        padding: 10px;
        font-size: 16px
    }

    .list-sitemap .accordion button.accordion-button.collapsed {
        font-size: 16px;
        font-weight: 700;
        border: 0
    }

    .search-page {
        padding: 100px 0
    }

    .search-page .single-faq-box a {
        display: flex;
        gap: 5px;
        align-items: center;
        flex-direction: column;
        justify-content: start
    }

    .search-page .single-faq-box .content-img img {
        width: 100%;
        max-width: 100px;
        margin: 0 auto;
        display: block;
        padding-bottom: 10px
    }

    .pagination-list ul.pagination {
        justify-content: center;
        margin-top: 5px;
        margin-bottom: 30px
    }

    .blog-tagbedgename p {
        padding: 8px 12px;
        font-size: 14px;
        font-weight: 500
    }

    .blog-tagname .social-share {
        display: flex !important
    }

    .footer-content p {
        font-size: 16px;
        line-height: 22px
    }

    .contact-form-sec.offer-details {
        padding: 30px 0;
        margin-top: 10px
    }

    .radio-btn .hobbies-icon img {
        max-width: 70px
    }

    .radio-btn {
        width: 140px;
        height: 140px
    }

    .radio-btn .hobbies-icon {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center
    }

    .radio-btn .hobbies-icon h3 {
        width: 100%;
        max-width: 100px
    }

    .pregnancy-tracker {
        padding: 150px 0 180px
    }

    .tracker-component p {
        padding: 10px 0 22px;
        margin: 0;
        font-size: 14px
    }

    .pregnancy-tracker .heading-component {
        margin: 0 auto 20px
    }

    .next-step-cards .expand-div {
        bottom: 0;
        position: relative;
        top: 50px;
        margin-top: 30px
    }

    .next-step-cards input {
        padding: 10px 20px;
        width: 100%;
        font-size: 20px
    }

    .days-select .dayselct {
        max-width: 118px;
        padding: 0
    }

    .days-select .dayselct p {
        padding: 14px 8px;
        font-size: 14px;
        border-radius: 10px
    }

    .days-select .dayselct.active p {
        border-radius: 10px;
        color: #fff
    }

    .input-series select {
        width: 160px;
        min-height: 50px;
        font-size: 18px;
        padding: 10px 20px 10px 10px
    }

    .next-step-cards .otp-field input {
        border-radius: 10px;
        padding: 0;
        width: 50px;
        height: 50px
    }

    .result-cards {
        max-width: 700px;
        margin: 80px auto 0;
        padding-bottom: 0
    }

    .input-series .calender-ico.input-ico {
        right: 118px
    }

    .days-select {
        display: flex;
        gap: 10px;
        margin-top: 15px
    }

    .days-select .dayselct.active:before {
        margin: -2px
    }

    .input-series h6 {
        font-size: 18px;
        margin-top: 18px
    }

    .progress-value {
        max-width: 90px;
        left: 0;
        top: -80px
    }

    .progress-bar-compnent {
        margin-top: 120px;
        margin-bottom: 30px
    }

    .pregnancy-timeline-content h4 {
        padding-top: 0;
        margin-bottom: 10px;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px
    }

    .timeline-preg-list {
        margin-bottom: 12px;
        gap: 20px
    }

    .input-series .calender-ico.input-ico img {
        max-width: 25px;
        top: -13px
    }

    .form-check {
        padding-top: 10px !important
    }

    .days-select .form-check .check-input {
        max-width: 20px;
        height: 20px;
        width: 20px
    }

    .progress .progress-icon,
    .progress .progress-value {
        width: 24px;
        height: 24px;
        top: -5px
    }

    .progress,
    .progress-bar {
        height: 12px
    }

    .next-step-cards form h5 {
        font-size: 18px;
        margin-bottom: 25px
    }

    .progress-data-cards-graphs .nav.nav-tabs {
        margin-top: 15px;
        gap: 12px
    }

    .progress-data-cards-graphs ul li button.nav-link span {
        width: auto !important;
        padding: 16px 35px !important
    }

    .vaccination-content h5 {
        line-height: 25px;
        font-size: 18px
    }

    .body-data-circumtance .parenthood-heart {
        top: -155px
    }

    .analyse-progress .nav.nav-tabs li.nav-item .nav-link span {
        width: 160px;
        padding: 20px 40px;
        font-size: 16px
    }

    .progress-data-cards {
        flex-direction: column;
        gap: 20px
    }

    .analyse-progress .nav.nav-tabs {
        border-radius: 10px;
        width: 100%;
        padding: 10px;
        justify-content: center;
        white-space: nowrap;
        flex-wrap: unset;
        overflow-x: scroll
    }

    .tabel-data-pagination h4 {
        color: var(--ms-para);
        font-size: 16px
    }

    .days-select.details {
        gap: 10px;
        position: relative;
        left: 0
    }

    .form-height {
        min-height: 250px
    }

    .mamy-world-form .renderForm {
        min-height: auto;
        padding: 40px 30px 30px;
        max-width: 450px;
        top: 0;
        position: relative;
        margin: 0 auto;
        display: block
    }

    .community-banner-form {
        padding-top: 225px
    }

    .mt-sm-n3 {
        margin-top: 1rem !important
    }

    .selection-group {
        display: flex;
        gap: 20px;
        align-items: center
    }

    .selection-group label {
        width: 100%;
        max-width: 100%;
        padding: 20px 8px
    }

    .select-option img {
        max-width: 60px
    }

    .select-option.poko-gif img,
    .select-option.sucess img {
        max-width: 200px
    }

    .input-series-container .form-check,
    h5.edit-profile.profile {
        display: flex
    }

    .btn-previson button {
        width: 55px
    }

    .select-option.poko-gif:after {
        left: 0;
        right: 0;
        margin: 0 auto;
        display: block;
        bottom: -7px;
        width: 100%;
        max-width: 200px;
        transform: translateX(-23px)
    }

    .input-series-container .select-option {
        max-width: 330px;
        margin: 0 auto
    }

    .calender-card .result-cards {
        top: 0;
        margin-top: 80px;
        max-width: 100%
    }

    .calender-card .result-cards img.doll {
        right: -21px;
        top: -68px
    }

    .calender-card {
        padding: 25px 20px 0
    }

    .next-step-cards .progress-bar-compnent.community-tracker .progress-value {
        position: absolute;
        left: 0;
        top: -90px
    }

    .first-panel-writer .profile-social-app .social-app-card span svg {
        width: 15.5px
    }

    .next-step-cards .progress-bar-compnent.community-tracker p {
        padding-bottom: 0;
        padding-top: 15px
    }

    .community-tracker .expand-div {
        margin-top: 25px;
        display: block
    }

    .community-tracker .progress-bar-sytem h5 {
        padding-top: 15px;
        font-size: 16px;
        font-weight: 500;
        line-height: normal
    }

    .profile-social-app ul {
        flex-wrap: nowrap;
        padding: 0;
        justify-content: start;
        gap: 14px
    }

    .social-app-card span {
        width: 100% !important;
        max-width: 25px !important
    }

    .profile-social-app ul li .social-app-card h5 {
        font-size: 12px;
        line-height: normal;
        display: none
    }

    .first-panel-writer .profile-social-app .social-app-card h5 {
        color: #8c8c8c;
        display: block;
        font-size: 14px
    }

    .first-panel-writer {
        border-top: 1px solid;
        padding: 20px 12px
    }

    .first-panel-writer .profile-social-app li {
        width: auto
    }

    .first-panel-writer .profile-social-app .social-app-card img {
        position: relative;
        top: 0;
        max-width: 17.5px !important
    }

    .profile-social-app ul li {
        font-size: 14px;
        width: 22px
    }

    .social-app-card {
        width: 100%;
        padding: 0;
        gap: 7px
    }

    .profile-social-app {
        padding-top: 15px;
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: end
    }

    .profile-social-app .btn-primary {
        min-width: auto;
        padding: 0 15px 0 35px;
        line-height: 40px;
        display: block
    }

    .profile-social-app .btn-primary:after {
        right: 15px;
        background-image: url(../img/community/plus-icon.png);
        filter: brightness(0) invert(1);
        padding: 15px;
        background-repeat: no-repeat;
        left: 12px;
        width: 5px;
        height: 10px;
        top: 50%;
        background-size: 13px;
        transform: translate(0, -21%)
    }

    .card-content-mamies.serachbar .profile-content-card .form-control {
        border-radius: 25px;
        padding: 15px 20px;
        min-height: 40px;
        border: 0;
        font-size: 14px
    }

    .card-content-mamies.serachbar,
    .mamies-word-wrapper .container {
        padding: 0 12px
    }

    .username-card {
        padding: 0 12px 20px
    }

    .user-card-img span,
    .user-card-img span img {
        width: 100%;
        max-width: 45px;
        height: 45px
    }

    .comment-section-public {
        padding: 25px 10px
    }

    .user-name h4 {
        margin: 0;
        font-size: 16px;
        line-height: normal
    }

    .first-panel-writer .profile-social-app ul {
        justify-content: start;
        gap: 12px;
        white-space: nowrap;
        width: 100%;
        flex-wrap: unset;
        padding: 0
    }

    .post-icon img {
        width: 17px
    }

    .post-icon {
        width: 100%;
        height: 50px;
        max-width: 50px
    }

    .second-panel-writer .card-content-mamies.serachbar {
        align-items: center;
        gap: 5px
    }

    .profile-content-card .heading-name {
        color: var(--ms-primary);
        font-size: 25px
    }

    .card-content-mamies .profile-img {
        width: 100%;
        max-width: 55px
    }

    .profile-content-card p {
        margin: 0;
        font-size: 14px;
        line-height: normal
    }

    .card-content-mamies.tracker ul {
        padding: 12px 14px 14px;
        gap: 15px
    }

    .card-content-mamies.tracker .active-btn {
        font-size: 16px;
        font-weight: 600
    }

    .card-content-mamies.tracker button span {
        width: 160px;
        gap: 10px;
        overflow: hidden
    }

    .card-content-mamies.tracker .active-btn span {
        width: 200px;
        gap: 10px;
        overflow: hidden;
        justify-content: start;
        padding: 5px 15px
    }

    .navbar-link.lasticon a.nav-link span {
        top: -4px;
        right: -11px;
        padding: 1px 5px;
        border-radius: 50%;
        font-size: 10px;
        color: var(--ms-white)
    }

    .card-content-mamies.tracker ul .active-btn span {
        width: 220px;
        justify-content: center;
        padding: 3px
    }

    .card-content-mamies.tracker ul button span {
        width: 220px;
        padding: 0;
        justify-content: center
    }

    .dropdown-menu-mamies .dropdown-toggle img.chvron {
        width: 100%;
        max-width: 14px;
        position: absolute;
        right: 10px
    }

    .card-content-mamies.tracker button {
        font-size: 14px;
        white-space: nowrap;
        font-weight: 600
    }

    .next-step-cards.comunity-tracker-text .form-height h5 {
        font-size: 18px;
        line-height: normal;
        margin-bottom: 20px
    }

    .community-tracker p {
        margin: 0;
        padding-top: 20px;
        font-size: 13px;
        font-weight: 400;
        line-height: normal;
        text-align: left
    }

    .next-step-cards.comunity-tracker-text .days-select {
        display: flex;
        gap: 5px;
        justify-content: center;
        margin-top: 8px;
        flex-wrap: wrap
    }

    .next-step-cards.comunity-tracker-text .select-option .custom_select {
        min-height: auto;
        padding: 0 0 0 10px;
        font-size: 14px;
        width: 150px
    }

    .next-step-cards.comunity-tracker-text .form-check,
    .second-panel-writer {
        padding-top: 15px !important
    }

    .next-step-cards.comunity-tracker-text .tracker-btn {
        margin-top: 50px;
        gap: 10px;
        flex-wrap: wrap
    }

    .tracker-component.comunity-tracker-text {
        height: auto;
        padding-bottom: 0
    }

    .tracker-cycle.baby-card img {
        width: 100%;
        max-width: 50px;
        margin: 15px 0
    }

    .calender-card.baby-growth .days-select {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 15px
    }

    .baby-tracker-model .next-step-cards form {
        padding: 0 15px !important
    }

    .next-step-cards .tracker-cycle h5 {
        margin-bottom: 20px;
        font-size: 18px
    }

    .calender-card.baby-growth .next-step-cards p,
    .radio-buttons {
        justify-content: space-around
    }

    .baby-tracker-model .next-step-cards .input-series select {
        width: 190px
    }

    .baby-tracker-model .next-step-cards .days-select .dayselct p {
        padding: 18px;
        font-size: 14px;
        text-align: center;
        border-radius: 5px
    }

    .baby-tracker-model .next-step-cards .days-select label {
        color: var(--ms-dark);
        font-size: 12px
    }

    .calender-card.baby-growth .analy-module .heading-title {
        font-size: 20px !important;
        padding: 0 0 20px !important
    }

    .calender-card.baby-growth .analyse-progress-baby .progress-bar-sytem h5 {
        padding-top: 15px;
        font-size: 14px
    }

    .progress-bar-compnent.analyse-progress-baby {
        margin: 100px auto 0;
        margin-bottom: 20px !important;
        padding: 0
    }

    .baby-tracker-model .next-step-cards.dashboard .nav.nav-tabs {
        margin: 0 auto;
        width: 100%;
        max-width: 645px;
        white-space: nowrap;
        flex-wrap: unset;
        overflow: auto;
        justify-content: center;
        border-radius: 0;
        z-index: 1;
        position: relative
    }

    .baby-tracker-model .next-step-cards.dashboard .analyse-progress .nav.nav-tabs li.nav-item .nav-link span {
        font-size: 14px;
        width: 150px
    }

    .baby-tracker-model .next-step-cards.dashboard {
        max-width: 100%;
        margin: 0;
        padding: 20px 0 0
    }

    .baby-tracker-model .next-step-cards.dashboard .dashboard-tracker {
        padding: 40px 10px 0
    }

    .baby-tracker-model .next-step-cards.dashboard .analyse-progress .progress-data-cards {
        width: 100%;
        max-width: 700px;
        flex-wrap: wrap;
        gap: 15px;
        margin-top: 30px;
        padding: 0 25px
    }

    .calender-card.baby-growth .next-step-cards p {
        padding-top: 20px;
        padding-bottom: 10px;
        font-size: 14px
    }

    .baby-tracker-model .next-step-cards.dashboard .analyse-progress .progress-data-cards-graphs .nav.nav-tabs {
        justify-content: start
    }

    .baby-tracker-model .next-step-cards.dashboard .analyse-progress .progress-data-cards-graphs .nav.nav-tabs .nav-link span {
        width: fit-content !important;
        padding: 10px 25px !important;
        font-size: 12px !important
    }

    .baby-tracker-user {
        padding: 20px 15px
    }

    .baby-tracker-profile span,
    .baby-tracker-profile span img,
    .publick-post-img {
        width: 100%;
        max-width: 40px
    }

    .next-step-cards.dashboard .baby-tracker-user .profile-content p {
        font-size: 14px;
        padding-bottom: 0 !important;
        padding: 0;
        line-height: normal
    }

    .mamies-word-wrapper {
        width: 100%;
        padding: 120px 0;
        margin-top: 80px
    }

    .comunity-tracker-text .main-container h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: normal
    }

    .next-step-container .pregnant-content-word .mamies-world {
        font-size: 22px;
        padding-top: 0
    }

    .hospital-card-tracker .hospital-content-card h4 {
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 15px
    }

    .hospital-card-tracker .hospital-content-card {
        max-width: 350px;
        left: 30px;
        top: 80px
    }

    .baby-status-tracker .baby-tracker h4 {
        font-size: 18px;
        font-weight: 600;
        margin: 0
    }

    .baby-status-tracker .baby-tracker {
        left: 16px;
        top: 50px
    }

    .baby-status-tracker .baby-tracker .btn-primary {
        padding: 0 36px 0 13px;
        min-width: auto
    }

    .post-text h5 {
        margin: 0;
        font-size: 18px
    }

    .mamy-post-img {
        width: 100%;
        padding: 14px
    }

    .baby-tracker-model .next-step-cards.dashboard .analyse-progress.tracker-progress .progress-baby-tracker,
    .mamypoko-post .product-world-wrapper .swiper .mamy-post-img {
        padding-top: 0
    }

    .profile-card {
        position: absolute;
        width: 100%;
        max-width: 300px
    }

    .pregrancy-timelime h5 {
        font-size: 18px;
        margin: 0
    }

    .timeline-tabs .calender-card h4 {
        font-size: 16px;
        color: var(--ms-primary);
        padding-bottom: 0
    }

    .timeline-tabs .calender-card p {
        font-size: 15px;
        line-height: 20px
    }

    .do-s-preganancy ul li {
        font-size: 14px;
        margin: 0;
        padding: 1px 0 1px 32px
    }

    .card-wrapper.post-card {
        padding: 20px 0
    }

    .blog-tracker .blog-personal-tracker .heading-component .heading-title {
        font-size: 18px;
        line-height: normal;
        text-align: left
    }

    .blog-tracker .blog-personal-tracker .heading-component {
        margin-bottom: 20px;
        width: 100%;
        text-align: left !important
    }

    .blog-tracker .blog-personal-tracker .contentcard,
    .personal-guide-card a.personal-card-height {
        min-height: inherit;
        height: auto !important
    }

    .tracker-component.comunity-tracker-text .radio-btn .hobbies-icon img {
        display: block;
        width: 100%;
        max-width: 80px;
        padding-top: 7px
    }

    .do-s-preganancy ul {
        gap: 30px
    }

    .comunity-tracker-text .main-container .custom-radio input:checked+.radio-btn .hobbies-icon h3,
    .comunity-tracker-text .main-container .radio-btn .hobbies-icon h3 {
        font-size: 14px;
        font-weight: 500;
        padding-bottom: 15px
    }

    .progress-card-baby ul {
        justify-content: center;
        padding: 0;
        list-style: none;
        display: flex;
        gap: 9px;
        margin-bottom: 5px;
        align-items: center
    }

    .baby-tracker-model .next-step-cards.dashboard .analyse-progress .filter-diapers {
        position: relative;
        top: 0;
        right: 0;
        margin-bottom: 25px;
        padding: 0 30px;
        max-width: 100%
    }

    .filter-diapers .filter-diaper-content h5 {
        padding: 0 15px 0 10px;
        font-size: 14px;
        text-align: left
    }

    .analyse-babay-timeline .naps-card h2,
    .analyse-babay-timeline .naps-card h5 {
        font-size: 15px;
        margin: 0
    }

    .card-content-mamies.tracker button span img {
        width: 100%;
        max-width: 41px;
        border-radius: 50px
    }

    .next-step-cards.dashboard .baby-tracker-user .profile-content.date-of-birth p {
        visibility: hidden;
        display: none
    }

    .wight-h-card {
        padding: 10px 20px;
        background: #7174c6;
        border-radius: 8.67px;
        text-align: center
    }

    .pregnancy-thanks {
        max-width: 650px;
        width: 100%;
        margin: 20px auto 0
    }

    .pregnancy-thanks .pregnancy-tracker-thanks img {
        width: 100%;
        max-width: 30px
    }

    .pregnancy-thanks .pregnancy-tracker-thanks h5 {
        font-size: 18px;
        line-height: normal
    }

    .pregnancy-thanks .pregnancy-tracker-thanks h3 {
        font-size: 13px;
        margin-bottom: 2px;
        line-height: normal
    }

    .pregnancy-thanks .pregnancy-tracker-thanks {
        position: absolute;
        width: 100%;
        top: 58%
    }

    .pregnancy-slider-content h4 {
        margin: 0;
        font-size: 16px
    }

    .progress-value img {
        width: 100%;
        max-width: 60px
    }

    .progress-value span {
        font-size: 12px;
        text-align: center;
        width: 100%;
        left: -17px
    }

    .slider-content .slider-content-cards {
        padding: 16px 15px
    }

    .like-reply-card .profile-social-app ul {
        justify-content: start;
        padding: 0;
        flex-wrap: nowrap;
        justify-content: start
    }

    .like-reply-card .profile-social-app ul li {
        position: relative;
        width: auto
    }

    .like-reply-card .publick-post-img img {
        border-radius: 50%;
        width: 100%;
        max-width: 40px
    }

    .publick-post-img img {
        border-radius: 50%;
        width: 100%;
        max-width: 40px;
        height: 40px
    }

    .public-comment .user-dots-card h5 {
        color: var(--ms-para);
        color: var(--ms-para);
        font-weight: 500;
        font-size: 12px
    }

    .public-post-comment p {
        padding: 0;
        margin: 0;
        font-size: 14px;
        line-height: normal
    }

    .like-reply-card .user-dots-card img {
        cursor: pointer;
        max-width: 15px;
        width: 100%
    }

    .public-comment .user-dots-card {
        position: absolute;
        top: 16px;
        right: 10px
    }

    .public-post-comment {
        padding: 15px 12px
    }

    .timeline-heading h4 {
        font-size: 22px !important;
        line-height: normal
    }

    .timeline-heading {
        padding: 15px 0;
        text-align: center
    }

    .do-s-preganancy ul {
        display: flex;
        flex-direction: column;
        gap: 14px;
        margin-bottom: 0;
        padding: 15px 20px 20px;
        max-width: 100%
    }

    .timeline-post .btn-close {
        position: absolute;
        right: 15px;
        top: 16px
    }

    .cancel-post-timeline {
        justify-content: end;
        margin-top: 37px;
        justify-content: center
    }

    ul.social-media-f.active {
        min-width: 190px;
        padding: 15px;
        justify-content: start;
        width: 100%;
        gap: 10px;
        z-index: 3
    }

    .first-panel-writer .profile-social-app .comm-post-share ul {
        padding: 0 !important;
        right: 0
    }

    ul.social-media-f.active li {
        width: 100%;
        padding: 10px 15px
    }

    .userdots-card ul.social-media-fs li {
        font-size: 14px;
        font-weight: 500
    }

    .userdots-card ul.social-media-fs li span svg {
        width: 16px
    }

    .public-comment .like-reply-card .profile-social-app ul {
        width: 100%;
        padding-top: 5px
    }

    .like-reply-card .profile-social-app ul li:before {
        right: 0;
        top: 0;
        width: 1px
    }

    .do-s-preganancy .testimonials-gif img {
        margin-top: 5px;
        margin-bottom: 0
    }

    .timeline-tracker.negative .do-s-preganancy .testimonials-gif .parenthood-gifs {
        top: 20px;
        position: relative
    }

    .timeline-tracker.negative .do-s-preganancy .testimonials-gif .shadow_img {
        margin: 0;
        bottom: 0 !important;
        position: relative !important
    }

    .community-banner-form img.mobile-community-banner {
        display: block;
        width: 100%;
        z-index: -1;
        height: 100%;
        position: fixed;
        top: 0;
        object-fit: cover
    }

    .profile-card-management .edit-profile {
        font-size: 14px;
        right: 20px;
        top: 40px;
        cursor: pointer;
        margin-bottom: 20px
    }

    .edit-profile.edit-child {
        top: -5px !important
    }

    .profile-cards.heading-content {
        padding-bottom: 50px
    }

    .profile-cards h1,
    .profile-cards h2 {
        font-size: 22px;
        line-height: normal;
        text-align: center
    }

    .profile-name h4 {
        font-size: 16px;
        padding-top: 0;
        font-weight: 600 !important
    }

    .profile-cards.accordion h3,
    .profile-name h6,
    .profile-name label {
        font-size: 16px;
        line-height: normal
    }

    .profile-sidebar ul li a.active {
        font-size: 16px;
        padding: 12px 20px
    }

    .profile-sidebar ul li a,
    .profile-sidebar ul li a:hover {
        padding: 12px 20px;
        font-size: 16px
    }

    .profile-name {
        width: 100%;
        padding: 0
    }

    .profile-card-management {
        padding: 30px 14px 40px;
        box-shadow: 0 0 25px 0 rgb(0 0 0 / .1);
        border-radius: 14px
    }

    .profile-managements .row {
        width: 100%;
        margin: 0 auto;
        justify-content: center;
        padding: 0
    }

    .profile-card-management.account-setting .profile-name label {
        padding-bottom: 10px;
        font-weight: 600
    }

    .profile-name .form-check label.form-check-label {
        font-weight: 500;
        font-size: 16px
    }

    .save-btn {
        flex-wrap: wrap;
        justify-content: center !important;
        margin-top: 25px;
        gap: 15px !important;
        padding-top: 0;
        padding-bottom: 20px
    }

    .profile-managements ul {
        gap: 25px;
        list-style: none;
        flex-wrap: wrap
    }

    .toggle-input h5 {
        margin: 0;
        color: var(--ms-para);
        font-size: 14px;
        font-weight: 600
    }

    .toggle-input {
        background-color: #ebebf5;
        padding: 10px 15px;
        gap: 20px
    }

    .switchSmall small {
        display: inline-block;
        width: 55px;
        height: 26px
    }

    .switchSmall small:before {
        content: "";
        position: absolute;
        width: 18px;
        height: 18px
    }

    .profile-cards {
        gap: 10px;
        flex-wrap: wrap;
        padding-bottom: 10px
    }

    .profile-sidebar ul li a span img {
        width: 100%;
        max-width: 18px
    }

    .product-world-wrapper.recommended {
        padding: 15px 0 0
    }

    .profile-managements .latest-news-cards.popular-blogs .swiper-wrapper {
        padding: 5px;
        justify-content: left;
        margin-bottom: 0
    }

    ul.recharts-default-legend li {
        font-size: 12px
    }

    ul.recharts-default-legend {
        display: flex;
        gap: 4px
    }

    .input-series-container .form-control {
        padding: 0 8px
    }

    .btn-primary.add-more-btn {
        min-width: auto;
        padding: 0 25px 0 50px;
        background-color: #fff0;
        color: var(--ms-primary);
        margin-top: 0
    }

    .my-child-detibtn {
        margin-left: -15px !important
    }

    .profile-managements .latest-news-cards.popular-blogs .swiper-button-prev {
        bottom: 0;
        left: 0 !important;
        right: unset;
        top: 26%
    }

    .extraabzorb-banner span.upto {
        position: absolute;
        margin-top: -16px;
        font-size: 12px
    }

    .form-height .form-check {
        justify-content: center !important
    }

    .select-option.otp input[type=text] {
        width: 45px;
        height: 45px;
        max-width: unset;
        min-height: unset
    }

    .select-option.otp {
        gap: 5px;
        justify-content: center
    }

    .pregnancy-slider-btn.right {
        margin-right: -15px;
        top: 3px
    }

    .pregnancy-slider-btn.left {
        margin-left: -15px;
        top: 3px
    }

    .do-s-preganancy .testimonials-gif {
        margin: 40px auto 0;
        position: relative;
        left: 0
    }

    .calender-card.baby-growth .days-select .dayselct {
        padding: 1px;
        max-width: fit-content;
        border-radius: 10px
    }

    .calender-card.baby-growth {
        padding: 10px 0 0
    }

    .calender-card.baby-growth .days-select .dayselct p {
        padding: 14px 18px;
        border-radius: 10px
    }

    .calender-card.baby-growth .days-select .dayselct:before {
        margin: -1px
    }

    .my-prgnanycy-details {
        flex-direction: column
    }

    .profile-image {
        width: 100%;
        max-width: 170px;
        margin: 0 auto
    }

    .profile-card-management.profilecard .edit-profile {
        position: relative !important;
        top: 0;
        margin-right: auto;
        width: 100%;
        right: 10px;
        margin-left: auto;
        justify-content: end
    }

    .latest-news-cards.popular-blogs .swiper {
        padding-bottom: 35px !important
    }

    .latest-news-cards.popular-blogs .swiper-wrapper .personal-guide-card {
        height: auto;
        max-width: 280px
    }

    .save-btn .btn-primary.cancel {
        padding: 14px 35px !important;
        line-height: normal !important
    }

    .btn-primary.delet-acount {
        line-height: normal !important;
        padding: 12px 35px
    }

    .profile-card-management.account-setting .save-btn {
        padding-top: 10px;
        padding-bottom: 25px
    }

    .next-step-container .pregnant-content-word p a img {
        width: 15px
    }

    .nav-item.dropdown .nav-link::before {
        top: 10px
    }

    .dropdown-menu.show li {
        height: 100%;
        margin-bottom: 5px
    }

    .profile-sidebar ul li ul {
        padding-left: 48px;
        padding-top: 0;
        gap: 5px
    }

    .cookie-banner {
        padding: 20px;
        margin: auto
    }

    .cookie-banner h5 {
        font-size: 20px;
        margin: 0 0 5px
    }

    .pregnany-edit {
        position: relative;
        margin-top: -10px
    }

    .public-comment-reply .public-comment {
        gap: 10px !important
    }

    .mamy-post-img video {
        height: 250px;
        width: 100%
    }

    .mamypoko-post .product-world-wrapper .swiper-pagination {
        bottom: 0
    }

    .mamypoko-post .product-world-wrapper {
        padding: 15px 0 20px
    }

    .card-content-mamies .profile-img img {
        width: 45px;
        height: 45px;
        border-radius: 100%
    }

    .card-content-mamies.serachbar .profile-img img {
        width: 45px;
        height: 45px
    }

    .public-post-comment .user-dots-card {
        top: 14px
    }

    div:where(.swal2-container) div:where(.swal2-popup) {
        padding: 25px 20px !important
    }

    .searchbar-popup.notification {
        max-width: 350px;
        max-height: 360px;
        right: 5px;
        margin: unset;
        left: unset;
        height: auto
    }

    .notification-card {
        margin-bottom: 0;
        padding: 14px 15px
    }

    .profile-image img {
        width: 150px;
        height: 150px
    }

    img.camera-pic {
        height: auto !important;
        right: 19px;
        bottom: 15px
    }

    .profile-para {
        padding-top: 0;
        margin-top: -10px;
        margin-bottom: 5px
    }

    .camera-pics {
        right: 0;
        width: 30px;
        bottom: -14px;
        left: 0
    }

    .pregnancy-calculator p {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 20px
    }

    .pregnancy-calculator .heading-component {
        text-align: left !important;
        width: 100%;
        margin-bottom: 10px
    }

    .pregnancy-calculator {
        width: 100%;
        max-width: 550px;
        margin: 15px auto 0
    }

    .customize-pregnancy-tracker .flower-pregnancy {
        right: 0;
        top: -78px;
        width: 100%;
        max-width: 150px
    }

    #Reviews.mom-corner-curve {
        margin-top: -41px
    }

    .baby-future-look {
        padding: 20px;
        text-align: center
    }

    .baby-future-look .btnGroup {
        justify-content: center
    }

    .growth-image,
    .growth-image1 {
        margin: auto
    }

    .baby-product .text-center {
        text-align: right !important
    }

    .baby-product header {
        padding: 60px 20px 20px
    }

    .baby-product.milestone-growth:before {
        background-size: contain;
        background-color: #7ed2f0
    }

    .baby-product.mamypoko-essentials:before {
        background-size: contain;
        background-color: #cee2f1
    }

    .baby-product {
        min-height: 400px
    }

    .profile-content .dropdown-down.position-relative {
        min-width: 40px
    }

    .pregnant-cacr-tracler .begning-card.pregnancyCard {
        position: static;
        transform: translate(0, 0);
        padding: 25px;
        width: 100%;
        border: none;
        background: #fea8b2;
        border-radius: 0;
        max-width: 100% !important
    }

    .mamyWorldHead {
        display: block;
        overflow: hidden
    }

    .mamyWorldBtn ul li>a {
        padding: 6px 12px;
        gap: 5px;
        min-height: 45px;
        font-size: 14px
    }

    .mamyWorldBtn ul li>a img {
        max-width: 25px
    }
}

@media (max-width:700px) {
    .about-us.banner-according-section {
        margin-top: -70px;
        z-index: 2
    }

    .input-series .calender-ico.input-ico {
        right: 90px
    }

    .baby-doc-body {
        grid-template-columns: 1fr;
    }

    .baby-doc-header {
        flex-direction: column;
        align-items: normal;
        gap: 1rem;
    }

    .baby-info {
        flex-wrap: wrap;
    }

    .doc-title br {
        display: none;
    }

    .doc-right .video-gif,
    .doc-right>img {
        display: none;
    }


    .doc-panel {
        position: static;
    }

    .doc-panel-list {
        max-height: inherit;
    }


}

@media (max-width:575px) {

    .follow-instagrma-section img.mobile-img,
    .mamypoko-wipes img {
        max-width: 100%;
        width: 100%
    }

    .wipes-heading {
        padding-bottom: 16px;
        width: 100%;
        max-width: 350px;
        margin: 0 auto
    }

    .pillow-pokochant {
        left: -20px;
        max-width: 80px;
        top: 25px;
        z-index: 0
    }

    .star-pokochan {
        max-width: 80px;
        top: 25px;
        right: -15px
    }

    .mamypoko-coconuts-wipes {
        padding: 30px 0 80px
    }

    .brand-contents h5,
    .neborn-navbar .dropdown-menu.show .col-lg-4:nth-child(2) a.dropdown-item:nth-child(2) .personal-guide-card .contentcard .vieo-content h4,
    .newborn-section .parenthood-card .col-lg-4:nth-child(2) .personal-guide-card .contentcard .content h3,
    .pregnancy-faq-card .accordion-body p,
    .product-world-wrapper .nav-tabs .nav-link,
    .profile-sidebar ul li a,
    .profile-sidebar ul li a.active,
    .profile-sidebar ul li a:hover,
    .profile-sidebar ul li ul li a:hover,
    .timeline-semester h5,
    .vieo-content h4,
    .wipes-heading p {
        font-size: 16px
    }

    .mobile-pokochant {
        position: absolute;
        right: 12px;
        bottom: 0;
        width: 120px
    }

    .about-mamypoko-wipes p,
    .heading-component p {
        font-size: 14px;
        line-height: 20px
    }

    .cleanless-content p,
    .mamypoko-coconut-wipes .card-images-content p,
    .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card .contentcard .content p,
    .personal-guide-card .contentcard.baby-growth p,
    .product-details-content p,
    .select-dropdown .form-label,
    .swiper-card-testimonills p {
        font-size: 14px
    }

    .wipes-heading .about-heading {
        font-size: 25px;
        line-height: 30px;
        margin: 0
    }

    .flower-pokochant {
        max-width: 60px;
        left: 0;
        top: 100px
    }

    .mamypoko-wipes img {
        margin: -30px auto 0;
        display: block
    }

    .swiper-card-testimonills {
        min-height: 100%;
        height: 100%
    }

    .about-mamypoko-wipes {
        margin-top: -15px
    }

    .custome-banner.mamypoko-wipes-baner {
        position: relative;
        margin-top: 38px
    }

    .about-us,
    .custome-banner.mamypoko-wipes-baner .banner-img,
    .product-details-content .swiper-cta,
    .renderForm,
    .tab-swiper-slider {
        margin-top: 0
    }

    .custome-banner img.mobile-banner-img {
        width: 100%;
        display: block;
        object-fit: cover
    }

    .ideo-section-wrapper .video-sections {
        height: 250px !important
    }

    .big-size-card img,
    .calender-card .result-cards .begning-card h5 a img,
    .mamypoko-testimonials .swiper-slide,
    .product-img {
        height: auto
    }

    .card-dropdown-mamies.content-tracker,
    .mamypost-contnet p,
    .swiper-card-testimonills .cardspo {
        flex-direction: column
    }

    .topbar-list {
        padding: 0 7px
    }

    .navbar-toggle-mobile .navbar-link {
        gap: 8px;
        padding-right: 0;
        margin-right: -10px
    }

    .navbar-collapse {
        top: 110px;
        height: calc(100% - 110px)
    }

    .top-navbar.scrolled .navbar-collapse.show {
        top: 68px;
        height: calc(100% - 68px)
    }

    .logo {
        width: 105px;
        margin-right: -25px
    }

    .top-navbar .logo {
        margin-right: -10px
    }

    .unicharm_logo img {
        width: 100%;
        max-width: 90px
    }

    .topbar {
        width: 100%;
        padding: 5px 0
    }

    .navbar-toggler {
        padding: 0;
        margin-left: -6px
    }

    .navbar-link {
        width: 100%;
        flex-direction: column;
        padding: 0
    }

    .dropdown-menu.show .col-lg-4:first-child .contentcard .content h3,
    .dropdown-menu.show .col-lg-4:nth-child(2) .contentcard .content h3 {
        font-size: 20px;
        font-weight: 600
    }

    .product-img img {
        width: 100%;
        max-width: 100px
    }

    .pregnancy-faq-card h2 button.accordion-button,
    .product-details-content h5,
    .timeline-post h4 {
        font-size: 18px
    }

    .personal-guide-card .contentcard.baby-growth h3 {
        font-size: 18px;
        font-weight: 600
    }

    .card-content-mamies.tracker .active-btn span br,
    .card-content-mamies.tracker ul button span br,
    .personal-guide-card .contentcard.baby-growth p br,
    .testimonials-wrapper .testimonials-backimgs,
    .tracker-component h3 br,
    img.pregnancy-desktop-img {
        display: none
    }

    .contentcard.baby-growth .pregnancy-btn .btn {
        min-width: 240px
    }

    .product-menu-details h5 {
        font-size: 14px;
        padding-top: 15px
    }

    .brand-contents {
        left: 0;
        padding: 15px;
        top: 0
    }

    .brands-details-card.confort .brand-contents .explore-btn {
        background-color: var(--ms-primary);
        line-height: 45px !important;
        padding: 0 25px
    }

    .brands-details-card .brand-contents .explore-btn {
        padding: 0 25px;
        line-height: 45px !important;
        padding-bottom: 0 !important
    }

    .product-details-content {
        width: 75%
    }

    .brands-details-card {
        position: relative;
        margin-top: 0
    }

    .brand-imgs img {
        width: 100%;
        height: 200px
    }

    .unicharm_select select {
        font-size: 12px;
        padding: 0 30px 0 10px
    }

    .tab-content {
        padding: 0 5px
    }

    .unicham-brand .brand-cont .brand-subhead {
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px
    }

    .unicham-brand .brand-cont p {
        text-align: center;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px
    }

    .form-wrapper form input {
        padding: 10px 24px;
        height: 45px;
        width: 100%
    }

    .personal-guide-card .contentcard.baby-growth .pregnancy-btn a.btn.btn-primary {
        min-width: 235px
    }

    .neborn-navbar .dropdown-menu.show .col-lg-4:nth-child(2) a.dropdown-item:nth-child(2) .personal-guide-card:before {
        height: 157px
    }

    .neborn-navbar .dropdown-menu.show .col-lg-4:nth-child(2) a.dropdown-item:nth-child(2) .personal-guide-card .contentcard {
        height: auto;
        background: 0 0
    }

    .neborn-navbar .dropdown-menu.show .col-lg-4:nth-child(2) a.dropdown-item:nth-child(2) .personal-guide-card .contentcard .vieo-content {
        bottom: 8px
    }

    .banner-section {
        margin-top: 25px;
        z-index: 1
    }

    .expand-div {
        position: relative;
        text-align: center;
        width: 100%;
        bottom: 0;
        cursor: pointer;
        top: 28px
    }

    .about-banner-gif {
        position: relative;
        width: 100%;
        max-width: 250px;
        right: 0;
        bottom: -25px;
        margin: 0 auto;
        left: 0
    }

    .about-hidden-conetnt {
        margin-top: -70px;
        padding-bottom: 18px
    }

    .about-content-card {
        padding: 15px 0 0;
        width: 100%;
        max-width: 765px
    }

    .expand-div-close {
        margin-top: 15px
    }

    .mother-award-section {
        gap: 0;
        margin-top: 0
    }

    .mother-card:nth-child(3) {
        margin-left: 0;
        margin-top: 0
    }

    .about-us .mother-award-section {
        margin-top: -200px
    }

    .about-us.banner-according-section .mother-award-section {
        margin-top: 20px;
        padding: 30px 24px 15px 45px;
        border-radius: 20px;
        background: linear-gradient(180deg, #fff0 3.9%, #fff 10.31%, #fff 84.03%, #fff0 92.65%)
    }

    .mother-card {
        margin-bottom: 30px
    }

    .stay-connected .poko-gif {
        width: 150px;
        height: auto;
        bottom: 135px;
        right: 15px;
        margin-left: auto;
        z-index: 0
    }

    .poko-gif::after {
        bottom: -15px;
        background-size: 10rem
    }

    .stay-connected .connected-form .form-sec {
        padding: 0 0 5px
    }

    .connected-img {
        margin-left: auto;
        margin-top: 0
    }

    .heading-component {
        margin: 0 auto 25px
    }

    .testi-head .box-heading {
        font-size: 16px;
        line-height: 26px
    }

    .btn,
    .contentcard .btn {
        line-height: 45px !important
    }

    .testimonilas-content p {
        font-size: 14px;
        line-height: 22px
    }

    .testimonials-name h4 {
        font-size: 14px;
        font-weight: 600;
        line-height: 26px
    }

    .testimonial-swiper {
        padding-bottom: 20px
    }

    .contentcard .content {
        padding: 10px 15px
    }

    .contentcard {
        max-width: 440px;
        min-height: 380px
    }

    .form-height,
    .health-pregnancy.newborn_card .parenthood-card-health .contentcard,
    .parenthood-card .col-lg-4:nth-child(3) .contentcard {
        min-height: auto
    }

    .product-page-card .contentcard {
        overflow: unset
    }

    .parenthood-guide.parentguide .contentcard {
        min-height: 350px
    }

    .pregnancy-section .parenthood-card .col-lg-4:nth-child(2) .personal-guide-card .contentcard .content h3 {
        font-size: 16px;
        font-weight: 600
    }

    .btn,
    .filter-open .diaper-iner-tab .nav-tabs .nav-link,
    .personal-guide-card .pregnancy-btn a.btn {
        font-size: 14px !important
    }

    .baby-status-tracker .baby-tracker .btn-primary,
    .contentcard .btn {
        font-size: 12px !important
    }

    .parenthood-card .col-lg-4:nth-child(3) .personal-guide-card .contentcard .content h3 {
        font-size: 16px;
        line-height: normal;
        padding: 0;
        margin: 0
    }

    .expolore-pregnancy {
        margin-top: 113px;
        top: 175px
    }

    .custome-banner.about-page-banner .custome-banner-content.about-banner-content,
    .parenthood-card {
        padding: 0 15px
    }

    .personal-guide-card .pregnancy-btn a.btn:after {
        top: 17px
    }

    .contentcard .btn img {
        top: 0 !important
    }

    .blog-content h3,
    .infant-section .parenthood-card .col-lg-4:nth-child(2) .contentcard .content h3,
    .progress-pregnancy-card h5,
    .toddlers-section .parenthood-card .col-lg-4:nth-child(2) .content h3 {
        font-size: 20px
    }

    .momcorner-content {
        padding-left: 0;
        padding-top: 20px
    }

    .stay-connected {
        padding-top: 90px;
        padding-bottom: 40px
    }

    .stay-connected .form-cta .btn-primary {
        height: 48px
    }

    .product-world-gif {
        top: 0;
        width: 170px;
        margin: 0 auto
    }

    .product-world-gif::after {
        bottom: -19px !important;
        background-size: 11rem
    }

    .filter-diapers {
        max-width: 100%;
        margin: 20px auto 0
    }

    .product-world-wrapper .nav-tabs .nav-item:not(:last-child) {
        padding-right: 0
    }

    .product-world-wrapper .nav-tabs:after {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        background: #bbb;
        bottom: -1px
    }

    .product-world-wrapper .nav-tabs .nav-item {
        margin-bottom: 0;
        border-bottom: 0
    }

    .product-world-wrapper .nav-tabs .nav-link.active {
        position: relative;
        z-index: 2
    }

    .product-world-wrapper .tab-carousel ul.nav.nav-tabs li .nav-link {
        padding: 5px 12px
    }

    .diaper-iner-tab ul.nav.nav-tabs,
    .did-know-section.newborn .swiper-wrapper,
    .health-pregnancy .row,
    .prgenant-pen svg.svg-inline--fa.fa-trash-can.fa-xs {
        margin: 0
    }

    .diaper-iner-tab {
        padding: 20px
    }

    .filter-open .diaper-iner-tab {
        display: block;
        margin-top: -65px
    }

    .diaper-iner-tab .tab-content .filter-listing span {
        width: auto;
        height: auto;
        white-space: nowrap;
        font-size: 14px
    }

    .diaper-iner-tab .tab-content {
        padding: 10px 0 0
    }

    .diaper-iner-tab .tab-content .filter-listing {
        padding-top: 5px;
        display: flex;
        overflow-y: hidden;
        overflow-x: scroll;
        padding-bottom: 12px
    }

    .diaper-iner-tab .tab-content .filter-listing::-webkit-scrollbar {
        width: 20px;
        height: 4px
    }

    .filter-open .diaper-iner-tab ul.nav.nav-tabs {
        justify-content: left;
        gap: 20px
    }

    .filter-diapers .filter-diaper-content h5 {
        padding: 0 15px 0 10px;
        font-size: 14px
    }

    .product-world-wrapper .nav-tabs {
        margin-top: 45px
    }

    .product-world-wrapper .heading-component {
        max-width: 100%;
        margin-bottom: 45px
    }

    .tab-swiper-box .product-content {
        margin-top: 10px
    }

    .blog-content h2,
    .blog-content img,
    .product-world-wrapper .tab-carousel,
    .swiper-cta {
        margin-top: 20px
    }

    .parenthood-gif,
    .testimonials-gif {
        width: 170px
    }

    .about-us.banner-according-section {
        z-index: unset;
        padding: 0 0 150px
    }

    .video-banner {
        width: 100%;
        height: 100% !important;
        margin-top: 45px;
        z-index: unset
    }

    .parenthood-guide .nav.nav-tabs {
        padding: 14px 18px;
        gap: 15px;
        top: 60px;
        margin-top: -179px
    }

    .parenthood-guide .nav.nav-tabs li:first-child {
        padding-left: 0
    }

    .personal-guide .nav.nav-tabs li .nav-link.active {
        padding: 0;
        width: 80px;
        height: auto;
        position: relative
    }

    .personal-guide .nav.nav-tabs li .nav-link.active span {
        gap: 4px;
        font-size: 14px;
        padding: 8px 5px;
        border-radius: 8px
    }

    .parenthood-guide .nav.nav-tabs li .nav-link span {
        gap: 4px;
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        padding: 8px 5px
    }

    .product-world-wrapper .nav-tabs {
        justify-content: center;
        overflow-y: hidden;
        padding-bottom: 5px
    }

    .breacums ul li a {
        font-size: 13px
    }

    .breacums ul li:after {
        bottom: 5px;
        transform: rotate(270deg);
        background-size: .5rem;
        right: 0
    }

    .flikring-banner.mobile-img,
    br.mobilebreak {
        display: block !important
    }

    .health-pregnancy .personal-guide .nav.nav-tabs {
        flex-wrap: unset;
        white-space: nowrap;
        gap: 15px;
        padding: 10px 0 15px;
        top: 60px;
        margin-top: -186px;
        justify-content: start
    }

    .personal-guide .nav.nav-tabs li .nav-link .tabs-sec {
        gap: 15px;
        flex-direction: column
    }

    .health-pregnancy .container,
    .personal-guide {
        padding: 0
    }

    .custome-banner-content {
        top: 140px;
        max-width: 100%;
        padding-left: 15px
    }

    .personal-guide .nav.nav-tabs li span img {
        width: 50px;
        height: 50px
    }

    .health-pregnancy .personal-guide .explore-preg {
        position: relative;
        margin: 0 auto;
        display: block;
        right: 0
    }

    .mamypoko-essentials-heading {
        padding-top: 0;
        padding-bottom: 12px
    }

    .essential-content .essentials-bg-img {
        left: unset
    }

    .parenthood-content h5 {
        font-size: 14px;
        font-weight: 400;
        line-height: 19.733px
    }

    .parenthood-content .btn-primary::after {
        right: 18px;
        background-size: .4rem;
        background-repeat: no-repeat;
        margin-top: 1px
    }

    .top-navbar:before {
        height: 228px;
        background-size: contain
    }

    .health-pregnancy.pregnancy-sec .personal-guide .nav.nav-tabs li:last-child {
        margin-right: 15px
    }

    .top-quate {
        left: -30px;
        top: -15px
    }

    .custome-banner,
    .custome-banner.newbornpage {
        margin-top: 35px
    }

    .essential-content.mampoko-essetional,
    .mamypoko-essentials.newborn-baby .essential-content {
        top: 60px
    }

    .pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs {
        justify-content: start !important
    }

    .mamypoko-essentials.newborn-baby .essential-content .essentials-bg-img {
        right: 40px;
        top: 5px
    }

    .video-wrapper iframe {
        height: 200px
    }

    .mamypokovideo .modal-header,
    .mamypokovideo .modal-header .btn-close {
        width: 40px;
        height: 40px
    }

    .custome-banner.productbanner {
        background-image: unset;
        padding: 90px 0 0;
        margin-top: 90px
    }

    .mamypoko-star,
    section.product-page-tabs {
        padding-top: 15px
    }

    .product-content .mamy-list {
        gap: 10px;
        margin: 0
    }

    .product_card-ab {
        left: -85px;
        top: -115px;
        max-width: 180px
    }

    .personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(2) .product_card-ab {
        right: 0;
        bottom: 0;
        max-width: 80px;
        width: 100%
    }

    .personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(3) .product_card-ab {
        width: 100%;
        max-width: 80px
    }

    .personal-guide-product .extra-abozorb-sec .product-card-sec:nth-child(4) .product_card-ab {
        right: -10px;
        max-width: 120px;
        bottom: -30px
    }

    .product-page-tabs .product-list .nav-tabs li a.tabs-sec {
        padding: 12px 8px
    }

    .babymini-content .absorp-heading {
        font-size: 20px;
        line-height: 22px
    }

    .babymini-content p {
        font-size: 14px;
        line-height: 25px
    }

    .mamypoko-essentials.newborn-essen {
        margin-top: -50px
    }

    .babymini-img img {
        width: 100%;
        max-width: 180px;
        margin: 0 auto;
        display: block
    }

    .baby-minitape {
        margin-bottom: 10px
    }

    .custome-banner.newbornpage .title-lg br,
    .flikring-banner.desktop-img {
        display: none !important
    }

    .mamypoko-essentials.newborn .essential-content {
        top: 100px
    }

    .custome-banner.newbornpage .custome-banner-content {
        top: 140px;
        max-width: 350px
    }

    .breacums ul {
        top: 100px !important;
        display: block
    }

    .extraabzorb-bannaer .swiper-slide img {
        width: 100%;
        max-width: 300px
    }

    .extaabzorbbanner .breacums ul li a {
        font-size: 11px
    }

    .mampoko-pant-heading {
        padding: 0 0 20px
    }

    .absorblogo-content h5 {
        color: var(--ms-primary);
        font-size: 16px;
        line-height: 24px
    }

    .absorb-logo .absorb-img {
        width: 60px
    }

    .extra-absorb-navbar .absorb-nav-btn .btn {
        padding: 0 19px;
        min-width: 135px
    }

    .absorbbanner-slider {
        padding: 0 4px
    }

    .extaabzorbbanner .swiper-wrapper {
        margin-bottom: 25px
    }

    .extra-absorb-navbar .absorb-navbar ul li:first-child {
        padding-left: 60px
    }

    .product-video-iframe iframe {
        height: 250px;
        border-radius: 10px
    }

    .extaabzorbbanner.sliderextra {
        padding: 90px 0 30px;
        overflow-x: hidden
    }

    .category-product .form-label {
        white-space: nowrap
    }

    .extaabzorbbanner {
        padding-top: 100px;
        margin-top: 35px
    }

    .why-mamypoko-sec .pink-heart {
        left: 116px;
        top: 82px
    }

    .health-pregnancy.meet-pokochan-sec .meet-pokoImg {
        margin-top: 50px;
        margin-left: 152px;
        left: -18px
    }

    .custome-banner.about-history-banner {
        margin-top: 48px
    }

    .custome-banner.about-history-banner .breacums ul,
    .custome-banner.productbanner .breacums ul {
        top: 55px !important
    }

    .custome-banner.about-history-banner .custome-banner-content {
        top: 95px
    }

    .rope-image {
        max-width: 250px;
        margin-left: auto;
        margin-top: 10px
    }

    .rope-swing-content {
        margin-top: 65px
    }

    .baby-minitape.pokochan .parenthood-gif:after {
        right: -26px
    }

    .banner-images {
        max-width: 250px;
        bottom: 94px
    }

    .custome-banner.pokochan-banner .custome-banner-content {
        top: 120px;
        left: 0
    }

    .custome-banner.pokochan-banner .custome-banner-content span {
        max-width: 140px;
        margin: 0 auto
    }

    .baby-card-img {
        max-width: 200px;
        bottom: 70px
    }

    .baby-card-img .video-gif.product-world-gif::after {
        transform: unset !important;
        left: 0;
        bottom: -5px !important;
        opacity: .7;
        background-size: 13rem
    }

    .unicharm-corporation .heading-component {
        top: 62px
    }

    .stay-connected.new-subscribe .connected-img {
        padding-top: 40px
    }

    .stay-connected.new-subscribe .poko-gif {
        width: 150px;
        height: auto;
        bottom: 150px;
        right: 25px
    }

    .stay-connected.new-subscribe .form-wrapper {
        margin-top: 18px;
        position: relative;
        z-index: 2
    }

    .mamypoko-top.blog-details {
        padding-top: 40px;
        position: relative
    }

    .custome-banner.blog-detail-banner {
        margin-top: 125px;
        padding: 50px 0 0
    }

    .author-content p,
    .calender-card .result-cards .begning-card .congrats.due-date-passed-bigger h4,
    .social-views p {
        font-size: 12px
    }

    .auhtor-img img,
    .top-quate img {
        width: 100%;
        max-width: 25px
    }

    .author-bio {
        gap: 5px;
        margin-top: 0
    }

    .social-share {
        gap: 15px
    }

    .auhtor-img {
        width: 30px;
        height: auto
    }

    .social-icon img,
    .social-views span img {
        width: 100%;
        max-width: 22px;
        min-width: 17px
    }

    .author-bio-social {
        align-items: center;
        gap: 20px
    }

    .right-guide-card .contentcard img {
        position: relative;
        bottom: 0;
        height: 380px;
        object-fit: cover
    }

    .bottom-quate {
        right: 0
    }

    .bottom-quate img {
        max-width: 25px
    }

    .health-pregnancy.newborn_card {
        padding: 30px 8px
    }

    .custome-banner.productbanner .custome-banner-content {
        top: 0
    }

    .timeline-about-history ul li:nth-child(2n) {
        padding-right: 0;
        padding-left: 115px
    }

    .timeline-about-history ul li:nth-child(odd) {
        padding-left: 115px
    }

    .timeline-about-history ul li {
        margin-top: 110px
    }

    .timeline-about-history ul {
        margin-top: 60px;
        padding: 0
    }

    .hospital-banner .custome-banner-content {
        padding-left: 15px
    }

    .breacums ul li {
        position: relative;
        display: inline-flex;
        padding-right: 25px;
        margin-bottom: 0
    }

    .mamypoko-video .pregnancy-announcement .col-lg-3:first-child .mamypokovideo-card .swiperBoxContent .boxContentImg img {
        max-width: 220px;
        aspect-ratio: 8/5
    }

    .input-series-container .select-option input,
    .next-step-cards input,
    .profile-form .input-series-mamy-group,
    .select-option input {
        width: 100%
    }

    .input-series .calender-ico.input-ico {
        right: 25px
    }

    .tracker-btn {
        gap: 20px !important;
        margin-top: 20px
    }

    .btn.btn-primary.next-btn {
        padding: 0 50px 0 25px;
        min-width: auto;
        margin: 0 !important
    }

    .btn-primary.previews-btn {
        min-width: auto;
        padding: 0 25px 0 40px
    }

    .heart-pink {
        top: 450px;
        width: 565px;
        max-width: 400px;
        right: -150px
    }

    .timeline-semester {
        position: relative;
        z-index: 1
    }

    .tracker-component h3 {
        font-size: 18px;
        margin-bottom: 20px
    }

    .radio-btn {
        margin: 5px 10px
    }

    .select-option {
        max-width: 100%
    }

    .input-series select {
        width: 110px
    }

    .profile-managements svg.svg-inline--fa.fa-eye.fa-xs {
        color: var(--ms-primary);
        width: 18px;
        margin-bottom: 15px
    }

    .profile-managements svg.svg-inline--fa.fa-trash-can.fa-xs {
        width: 18px;
        margin-bottom: 15px
    }

    .begning-card {
        padding: 25px 30px
    }

    .tracker-icon img {
        max-width: 120px;
        position: relative;
        margin-top: 25px;
        left: 0
    }

    .result-cards img.doll {
        right: -15px;
        top: -58px;
        max-width: 110px
    }

    .body-data-circumtance .parenthood-heart {
        top: -110px;
        max-width: 250px
    }

    .body-data-circumtance .parenthood-heart .parenthood-gifs1 {
        width: 150px
    }

    .days-select.details img {
        width: 100%;
        max-width: 20px
    }

    .days-select.details p {
        padding: 8px 12px;
        border-radius: 8px
    }

    .community-banner-form {
        padding-top: 150px
    }

    .select-option.poko-gif:after {
        left: 0;
        right: 0;
        margin: 0 auto;
        display: block;
        bottom: -7px;
        width: 100%;
        max-width: 200px;
        transform: translateX(10px)
    }

    .profile-content-card .profile-form {
        width: 100%;
        max-width: 100%;
        flex-wrap: wrap;
        gap: 8px !important
    }

    .profile-card {
        max-width: 200px;
        top: 50%;
        transform: translate(0, -50%);
        left: 22px
    }

    .profile-content-card.profile-card {
        max-width: 280px;
        top: 120px;
        transform: translate(0, -50%);
        left: 22px
    }

    .card-content-mamies-world .profile-card {
        left: 7px
    }

    .card-content-mamies {
        padding: 0 18px 10px
    }

    .baby-tracker-profile {
        display: flex;
        align-items: center;
        gap: 15px;
        white-space: nowrap;
        justify-content: start
    }

    .profile-card-content {
        gap: 18px;
        overflow-x: scroll;
        padding-bottom: 10px
    }

    .baby-tracker-user {
        padding: 20px;
        border-radius: 50px
    }

    .analyse-babay-timeline .naps-card {
        padding: 5px;
        width: calc(100% / 1)
    }

    .analyse-babay-timeline {
        gap: 5px !important;
        padding-bottom: 12px
    }

    .analyse-progress .nav.nav-tabs,
    .card-content-mamies.tracker ul {
        justify-content: start
    }

    .card-content-mamies .profile-img {
        width: 100%;
        max-width: 45px;
        margin-top: 0
    }

    .post-text h5 {
        font-size: 16px;
        line-height: normal
    }

    .pregnancy-status-tracker .personal-guide-card .contentcard {
        padding: 12px 15px
    }

    .pregnancy-status-tracker .personal-guide-card .contentcard h3 {
        font-size: 18px !important;
        font-weight: 600
    }

    .pregnancy-status-tracker .personal-guide-card .contentcard p {
        font-size: 14px !important;
        padding-top: 0
    }

    .mamies-word-wrapper {
        width: 100%;
        padding: 140px 0;
        margin-top: 0
    }

    .hospital-card-tracker .hospital-content-card {
        max-width: 200px;
        left: 22px;
        top: 84px
    }

    .pregnancy-thanks img.doll {
        position: absolute;
        right: -14px;
        width: 100%;
        max-width: 100px;
        top: 35px
    }

    .pregnancy-thanks .pregnancy-tracker-thanks .tracker-result-icon img {
        right: 12px;
        max-width: 80px;
        position: absolute;
        bottom: -45px
    }

    .pregnancy-thanks h5 {
        font-size: 20px;
        padding-bottom: 50px
    }

    .pregnancy-thanks {
        max-width: 650px;
        width: 100%;
        margin: 0 auto
    }

    .public-comment.reply-comment {
        width: 100%;
        max-width: 100%;
        margin-left: auto
    }

    .mamypost-contnet p {
        display: flex
    }

    .card-content-mamies.serachbar .profile-img {
        width: 100%;
        max-width: 50px;
        top: 0
    }

    .card-content-mamies.tracker ul {
        justify-content: start;
        width: 100%;
        z-index: 1;
        max-width: 100%;
        right: 0;
        left: 0;
        margin: 0 auto;
        padding: 10px;
        overflow: scroll
    }

    .card-content-mamies.tracker ul li {
        margin-bottom: 0 !important;
        padding-bottom: 5px
    }

    .card-content-mamies.tracker {
        padding: 0;
        margin: 0 0 20px;
        border: 0
    }

    .card-content-mamies.tracker.dropdown-menu-mamies {
        margin-bottom: 0;
        width: 100%;
        position: relative;
        left: 0;
        max-width: 100%;
        border: 0;
        padding: 15px 15px 0;
        margin-top: 0
    }

    .card-content-mamies.tracker .active-btn span {
        width: 100%;
        gap: 10px;
        overflow: hidden;
        justify-content: start;
        padding: 8px 10px;
        font-weight: 700
    }

    .dropdown-menu-mamies .dropdown-toggle img.chvron {
        width: 100%;
        max-width: 14px;
        position: absolute;
        right: 15px
    }

    .card-content-mamies.tracker .active-btn {
        font-size: 14px;
        width: 100%;
        max-width: 250px;
        padding: 0;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .card-content-mamies.tracker button span {
        width: 100%;
        gap: 10px;
        overflow: hidden;
        justify-content: start
    }

    .card-content-mamies.tracker button {
        white-space: nowrap;
        width: 100%
    }

    .post-timeline-modal.modal .modal-dialog {
        width: 100%;
        max-width: 98%;
        left: 0;
        padding: 0;
        margin: 0 auto
    }

    .timeline-post {
        padding: 10px 0;
        position: relative
    }

    .conatct-post-items {
        right: 12px
    }

    .pregnancy-tracker-slider .heading-pregnancy {
        font-size: 20px;
        line-height: 20px;
        padding-bottom: 10px
    }

    .pregnancy-slider-content h4 {
        margin: 0;
        font-size: 16px;
        line-height: 20px
    }

    .calender-card .result-cards .begning-card h3 {
        text-align: left;
        font-size: 16px;
        margin: 0;
        padding: 0
    }

    .calender-card .result-cards .begning-card h4 {
        font-size: 14px;
        margin: 0;
        padding: 0
    }

    .calender-card .result-cards .begning-card h5 {
        font-size: 12px;
        flex-direction: column;
        justify-content: start;
        gap: 5px;
        padding-top: 5px
    }

    .calender-card .result-cards .begning-card h5 a {
        font-size: 12px;
        width: 100%
    }

    .calender-card .result-cards .begning-card img.aarow-pink {
        position: absolute;
        right: -8px;
        top: -3px;
        width: 100%;
        max-width: 35px;
        cursor: pointer
    }

    .pregnant-cacr-tracler .begning-card {
        right: 10px
    }

    .content-tracker {
        border-bottom: 0
    }

    .content-tracker .card-content-mamies {
        padding: 0 18px 22px;
        border-bottom: 1px solid;
        width: 100%;
        align-items: start
    }

    button.dropdown-toggle.active-btn.hide-show {
        display: block;
        visibility: hidden
    }

    .dropdown-menu-mamies ul.dropdown-menu {
        top: -5px
    }

    .card-action-banner {
        margin-top: -30px;
        margin-bottom: 20px;
        position: relative
    }

    .next-step-cards.comunity-tracker-text .form-height {
        min-height: 230px
    }

    .next-step-cards.comunity-tracker-text .tracker-btn {
        margin-top: 30px
    }

    img.pregnancy-mobile-img {
        display: block
    }

    .profile-content-card .heading-name {
        color: var(--ms-primary);
        font-size: 24px
    }

    .card-dropdown-mamies.content-tracker .profile-content-card h3 {
        font-size: 22px
    }

    .profile-content-card p {
        margin: 0;
        font-size: 16px;
        line-height: normal
    }

    .profile-management {
        width: 100%;
        padding: 140px 0
    }

    .custome-banner.mamypoko-news .custome-banner-content {
        margin-top: 0;
        max-width: 250px;
        width: 100%;
        margin: unset
    }

    .product-page-tabs .product-list .nav-tabs {
        justify-content: start;
        box-shadow: unset
    }

    .card-content-mamies .profile-img img {
        width: 45px;
        height: 45px;
        border-radius: 100%
    }

    .navbar-link.lasticon .dropdown-alarm.nav-item.dropdown a#nav-dropdown img.profile-pic {
        position: relative;
        top: 0;
        max-width: 30px !important;
        width: 30px !important;
        border-radius: 50%;
        height: 30px;
        margin-top: 5px
    }

    .calender-card .result-cards .begning-card .congrats.due-date-passed-bigger h3 {
        margin: 0;
        font-size: 16px;
        padding-bottom: 5px
    }

    .congrats.due-date-passed-bigger {
        width: 100%;
        max-width: 200px;
        right: -5px !important
    }

    .pregnancy-tracker {
        padding: 150px 0 435px;
        background-position: -100px bottom
    }

    .pregnancy-tracker.analyse-body.anayse-progress {
        padding: 150px 0 300px;
        background-position: -50px bottom
    }

    img.profile-pic {
        max-width: 35px !important;
        width: 35px !important;
        border-radius: 50%;
        height: 35px
    }

    .recharts-tooltip-wrapper.recharts-tooltip-wrapper-right.recharts-tooltip-wrapper-top ul.recharts-tooltip-item-list {
        display: flex;
        flex-wrap: wrap
    }

    .recharts-tooltip-wrapper.recharts-tooltip-wrapper-right.recharts-tooltip-wrapper-top {
        transform: unset !important
    }

    .recharts-default-tooltip,
    .recharts-default-tooltip p {
        display: flex;
        gap: 10px;
        align-items: start
    }

    .recharts-default-tooltip p.recharts-tooltip-label {
        padding: 5px 0 0 !important
    }

    #Reviews.mom-corner-curve {
        margin-top: -30px
    }
}

@media (max-width:475px) {
    .stay-connected::before {
        left: -18px
    }

    .stay-connected::after {
        right: -18px
    }

    .stay-connected .connected-form {
        padding: 30px 30px 0;
        flex-direction: column
    }

    .about-us.banner-according-section {
        margin-top: -80px
    }

    .carousel-content .carousel-caption {
        bottom: 0;
        transform: translateY(-70%)
    }

    .essential-content {
        top: 80px;
        left: 0;
        padding-left: 23px;
        padding-right: 22px
    }

    .custome-banner {
        margin-top: 15px
    }

    .extra-absorb-navbar .absorb-navbar ul li:first-child {
        padding-left: 140px
    }

    .mamypoko-essentials.newborn .essential-content {
        top: 70px
    }

    .custome-banner.newbornpage .breacums ul {
        top: 63px !important
    }

    .custome-banner.newbornpage.faq-banner .custome-banner-content {
        max-width: 100%;
        margin-top: 15px !important
    }

    .custome-banner.newbornpage .custome-banner-content {
        top: 100px;
        max-width: 300px
    }

    .strength-para {
        right: 99px;
        top: -18px;
        max-width: 70px
    }

    .timeline-about-history ul li:nth-child(2n),
    .timeline-about-history ul li:nth-child(odd) {
        padding-right: 0;
        padding-left: 80px
    }

    .timeline-about-history ul li:nth-child(2n)::before,
    .timeline-about-history ul li:nth-child(odd)::before {
        background-size: 19em;
        top: -160px
    }

    .timeline-about-history ul li:nth-child(odd):first-child::before {
        background-size: 19rem;
        top: -105px;
        width: 100%;
        left: -40px
    }

    .custome-banner.newbornpage.about-history-banner .breacums ul {
        top: 55px !important;
        left: 0 !important;
        margin: 0;
        padding: 0 0 0 19px !important
    }

    .custome-banner.newbornpage.about-history-banner .custome-banner-content {
        top: 125px
    }

    .hospital-bag.mamypoko-cardss .parenthood-content {
        width: 100%;
        max-width: 280px;
        padding: 10px 20px
    }

    .custome-banner.productbanner .breacums ul {
        top: 55px !important
    }

    .custome-banner.productbanner {
        margin-top: 50px
    }

    .custome-banner.productbanner .custome-banner-content {
        top: 0
    }

    .custome-banner.blog-detail-banner {
        margin-top: 90px;
        padding: 45px 0 0
    }

    .top-navbar {
        padding: 12px 0 35px;
        top: 40px
    }

    .top-navbar:before {
        height: 170px
    }

    .public-post-comment h4 {
        margin-top: -5px;
        font-size: 16px;
        width: 100px;
        line-height: normal
    }

    #Reviews.mom-corner-curve {
        margin-top: -25px
    }
}

@media (max-width:400px) {
    .top-navbar:before {
        height: 160px
    }

    .breacums ul {
        top: 85px !important;
        padding-left: 16px
    }

    .custome-banner-content {
        top: 125px
    }

    .why-mamypoko-sec .pink-heart {
        left: 30px;
        top: 82px
    }

    .mamypoko-history .brown-heart {
        right: 55px
    }

    .health-pregnancy.meet-pokochan-sec .meet-pokoImg {
        margin-left: 86px;
        left: 10px;
        margin-top: 50px
    }

    .mamypoko-star p {
        font-size: 13px
    }

    .mamypoko-star {
        padding-top: 0
    }

    .banner-images {
        max-width: 200px;
        bottom: 94px
    }

    .custome-banner.productbanner .breacums ul {
        top: 55px !important
    }

    .custome-banner.productbanner .custome-banner-content {
        top: 0
    }

    .timeline-about-history ul li:nth-child(2n)::before,
    .timeline-about-history ul li:nth-child(odd)::before {
        left: 0
    }

    .timeline-about-history ul li:nth-child(odd):first-child::before {
        left: -7px
    }

    .pregnancy-status-tracker .personal-guide-card .contentcard video {
        margin: -50px auto 0
    }
}

@media (max-width:370px) {
    .unicharm-corporation-content {
        top: 260px
    }
}

@media (max-width:340px) {
    .top-navbar:before {
        height: 150px
    }

    .about-us.banner-according-section {
        margin-top: -165px
    }

    .product-world-wrapper .nav-tabs {
        margin-top: 65px
    }

    .about-page-sec2 .row {
        flex-direction: column-reverse
    }

    .did-know-section.about-page-sec2 {
        margin-top: 0
    }

    .did-know-section.about-page-sec2 .did-know-content {
        max-width: 100%;
        margin-top: 0
    }

    .health-pregnancy.meet-pokochan-sec .meet-pokoImg {
        margin-top: -18px;
        margin-left: 80px
    }

    .mamypoko-history .brown-heart {
        top: 60px;
        right: 55px
    }

    .why-mamypoko-sec .pink-heart {
        left: 10px;
        top: 60px
    }

    .unicharm-corporation-content {
        top: 280px
    }

    .faq-main-wrapper .single-faq-box h3 {
        font-size: 18px
    }

    .faq-main-wrapper .single-faq-box p {
        font-size: 12px
    }

    .timeline-about-history ul li:nth-child(2n)::before,
    .timeline-about-history ul li:nth-child(odd)::before {
        background-size: 16em;
        top: -150px
    }

    .timeline-about-history ul li:nth-child(odd):first-child::before {
        background-size: 16rem
    }

    .about-history-card {
        padding-left: 0 !important
    }

    .pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs li:first-child {
        padding-left: 0
    }

    .custome-banner.pokochan-banner {
        margin-top: 40px
    }

    .custome-banner.pokochan-banner .breacums ul {
        top: 40px !important;
        padding-left: 16px
    }

    .custome-banner.pokochan-banner .custome-banner-content {
        top: 70px;
        left: 0
    }

    .breacums ul {
        top: 70px !important;
        padding-left: 16px
    }

    .custome-banner-content {
        top: 106px
    }

    .custome-banner.mamypoko-videos {
        position: relative;
        padding-top: 25px
    }

    .pockochan-meet .essential-content {
        padding: 0
    }

    .custome-banner-content.about-banner-content h1 br {
        display: none
    }
}

@media all and (max-width:767px) {
    .mamypoko-video .pregnancy-announcement .col-lg-3:first-child {
        flex: 0 0 100%;
        width: 100%
    }

    .form-wrapper form input {
        padding: 10px;
        width: 100%
    }

    .mamypokovideo .modal-header {
        padding: 0
    }

    .mamypokovideo .modal-header .btn-close {
        position: relative;
        color: #9dd8f5;
        opacity: 1;
        font-size: 18px;
        padding: 0;
        top: 0;
        text-align: center;
        margin: 0 auto;
        display: block;
        left: 0;
        right: 0;
        width: 50px;
        height: 50px;
        z-index: 8
    }

    .custome-banner.contact-banner .breacums ul {
        top: 105px;
        left: 0
    }

    .body-data-circumtance .sun-cloud,
    .hospital-banner .custome-banner-content h5 {
        display: none
    }

    .timeline-aboutseven {
        left: 0;
        margin: 0 auto
    }

    .review-btn .btn img {
        width: 50px;
        height: 50px
    }

    .review-filter-btn {
        gap: 15px
    }

    .pockochan-meet .essential-content .heading-component {
        top: -45px
    }

    .pockochan-meet .sun-top {
        position: relative;
        top: -40px;
        left: 0;
        width: 150px
    }

    .pockochan-meet .sun-top img {
        max-width: 100px
    }

    .strength-found:before {
        left: 0;
        max-width: 60px
    }

    .strength-found:after {
        right: 0;
        max-width: 60px
    }

    .filter-open .diaper-iner-tab {
        padding: 10px 15px 15px
    }

    .data-circumtance h4 {
        font-size: 20px;
        padding-top: 10px
    }

    .baby-name,
    ul.mamy-list1 {
        margin-top: 10px
    }

    .baby-growth-btn .btn {
        margin-top: 25px
    }

    .product-card-sec .product-content ul li span {
        font-size: 14px;
        line-height: 16px;
        display: block;
        margin-top: 5px
    }

    .calender-date h4 {
        font-size: 18px
    }

    .calender-date h5 {
        font-size: 16px
    }

    .progress-pregnancy-card h5 {
        line-height: normal
    }

    .input-series .text-danger {
        font-size: 16px;
        padding-top: 15px
    }

    .vaccination-content .table-card-section {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media all and (min-width:600px) and (max-width:767px) {
    .mamypoko-video .pregnancy-announcement .col-lg-3:first-child {
        flex: 0 0 100%;
        width: 100%
    }

    .mamypoko-video .pregnancy-announcement .col-lg-3 {
        flex: 0 0 50%;
        width: 50%
    }
}

.latest-mmpnews-banner .personal-guide-card {
    margin: 5px
}

@media (max-width:767px) {

    .about-banner-gif,
    .footer-gif::after,
    .mobile-video,
    .web-mmp-news {
        display: none
    }

    .latest-news-cards {
        margin-top: 0
    }

    .latest-news-cards .swiper-wrapper {
        margin-bottom: 10px
    }

    .latest-mmpnews-banner .swiper-button-next,
    .latest-mmpnews-banner .swiper-button-prev {
        display: block !important;
        background-image: url(../img/chevron-banner.svg);
        position: absolute;
        top: 40%;
        margin: unset;
        background-size: cover;
        width: 52px;
        height: 52px;
        z-index: 8;
        background-color: #fff
    }

    .latest-mmpnews-banner {
        padding-bottom: 30px;
        padding-top: 60px
    }

    .latest-mmpnews-banner .personal-guide-card .blog-child-mobile {
        position: absolute;
        right: -20px;
        top: -35px
    }

    .blog-child-mobile {
        top: -56px;
        right: -20px
    }

    .latest-mmpnews-banner .swiper-button-prev {
        left: 0;
        transform: translateY(-50%);
        transform: scaleX(-1)
    }

    .latest-mmpnews-banner .swiper-button-next {
        right: 0;
        transform: translateY(-50%);
        left: unset;
        transform: scaleX(1)
    }

    .all-news-section {
        margin-bottom: -1px
    }

    .all-news-section .col-lg-4 {
        margin-bottom: 30px
    }

    .loadmore-section .loadmore-btn {
        padding: 15px 28px;
        font-size: 16px;
        margin-top: 20px
    }

    .allnews-one {
        width: 100px;
        left: 22px;
        top: -60px
    }

    .footer-gif .mobile-video {
        width: 100%;
        display: block
    }

    .about-us .mobile-video {
        display: block;
        margin-left: auto
    }

    .body-data-circumtance {
        padding: 100px 0 30px
    }

    .vaccination-content .table tbody tr td,
    .vaccination-content .table thead tr th {
        font-size: 16px
    }

    .tabel-data-pagination {
        flex-direction: column
    }

    .tabel-data-pagination h4 {
        padding-bottom: 15px
    }

    .about-us.banner-according-section {
        background-color: #f5f7fb;
        background-image: none;
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    .my-class-removed .container {
        padding: 0
    }

    .my-class-removed .tab-content {
        padding: 20px
    }
}

@media (min-width:768px) {
    .mmpnewsfirst-card {
        display: none
    }
}

@media only screen and (max-width:992px) and (orientation:landscape) {
    .expolore-pregnancy {
        top: 189px
    }
}

h1.ql-indent-1,
h2.ql-indent-1,
h3.ql-indent-1,
p.ql-indent-1 {
    margin: 0;
    padding-left: 19.5px !important;
    text-align: start
}

@media only screen and (max-width:355px) {
    .custome-banner {
        margin-top: 30px
    }

    .parenthood-journey .parenthood-brand-card {
        width: 100%;
        max-width: 320px;
        margin: auto auto 20px;
        display: flex;
        align-items: center;
        overflow: hidden;
        border: 1px solid #9b7100
    }

    .custome-banner.extraabzorb-banner {
        padding-top: 22px
    }
}

@media only screen and (min-width:1800px) {
    .hi_lang .heading-component .heading-title {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 10px
    }

    .hi_lang .extra-absorb h4,
    .hi_lang .health-pregnancy.newborn_card .heading-component .heading-title,
    .hi_lang .mamypoko-essentials-heading .title-xl2,
    .hi_lang .title-section {
        font-size: 35px
    }

    .hi_lang .absorbbanner-card h4,
    .hi_lang .calender-card .result-cards .begning-card h4,
    .hi_lang .heading-component p {
        font-size: 18px
    }

    .hi_lang .mamypoko-essentials.newborn-baby .essential-content .mamypoko-essentials-heading p {
        font-size: 38px
    }

    .hi_lang .custome-banner-content p br {
        display: none !important
    }

    .hi_lang .breacums ul li:after {
        background-size: 10px;
        bottom: 5px
    }

    .hi_lang .custome-banner-content p {
        font-size: 18px;
        line-height: 25px
    }

    .hi_lang .product-content .title-section {
        font-size: 28px;
        line-height: normal
    }

    .hi_lang .blog-contact-page .blog-heading p,
    .hi_lang .blog-contact-page .form-label,
    .hi_lang .blog-content p,
    .hi_lang .calender-card .result-cards .begning-card h5,
    .hi_lang .form-wrapper form label,
    .hi_lang .loadmore-section .loadmore-btn,
    .hi_lang .next-step-container .pregnant-content-word p,
    .hi_lang .product-card-sec .product-content ul li,
    .hi_lang .single-cat-box .blog-box-detail h5 {
        font-size: 16px
    }

    .hi_lang .extra-absorb p,
    .hi_lang .product-dipers h4 {
        font-size: 18px;
        line-height: normal
    }

    .hi_lang .btn,
    .hi_lang .extraabzorb-banner span,
    .hi_lang .hospital-bag .parenthood-brand-card .parenthood-content .btn {
        font-size: 14px
    }

    .hi_lang .title-xl2 {
        font-size: 40px;
        line-height: normal
    }

    .hi_lang .extaabzorbbanner .mampoko-pant-heading .title-big {
        font-size: 48px;
        line-height: normal
    }

    .hi_lang .absorbbanner-slider h4,
    .hi_lang .blog-card-content h2,
    .hi_lang .right-blog-box h4,
    .hi_lang .right-box-4 .right-box-4-content h5,
    .hi_lang .tittle-small {
        font-size: 22px
    }

    .hi_lang .absorbbanner-slider p {
        font-size: 16px;
        padding-top: 0;
        line-height: normal
    }

    .hi_lang .select-dropdown .form-label {
        font-size: 12px
    }

    .hi_lang .explore-more-btn {
        cursor: pointer;
        font-size: 14px
    }

    .hi_lang .hospital-bag .parenthood-brand-card .parenthood-content h5 {
        font-size: 22px;
        line-height: normal
    }

    .hi_lang .about-banner-content h1.title-xl,
    .hi_lang .knowcard-img h4 {
        color: var(--ms-primary);
        font-size: 35px
    }

    .faq-banner h1.title-lg,
    .hi_lang .contact-banner h1.title-lg {
        font-size: 35px;
        margin: 0 !important;
        padding-bottom: 5px !important
    }

    .hi_lang .unicharm-corporation-content p {
        font-size: 16px;
        line-height: 28px
    }

    .hi_lang .title-xl {
        font-size: 45px
    }

    .hi_lang .next-step-container .pregnant-content-word .mamies-world,
    .hi_lang .title-blog {
        font-size: 28px
    }

    .hi_lang .blog-heading h1,
    .hi_lang .title-mid {
        font-size: 25px
    }

    .hi_lang .brands-details-card a.btn.btn-primary.explore-btn.nav-link {
        width: auto;
        max-width: max-content;
        padding: 10px 40px 10px 10px;
        line-height: normal !important
    }

    .hi_lang .dropdown-menu.show .personal-guide-card .contentcard .content .btn {
        line-height: 40px !important;
        position: relative;
        border: 2px solid #cfa52d;
        max-width: 150px;
        white-space: break-spaces;
        flex-wrap: wrap;
        min-width: unset;
        line-height: normal !important;
        padding: 10px 11px !important;
        font-size: 14px !important
    }

    .hi_lang .dropdown-menu.show .col-lg-4:first-child .contentcard .content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 300px;
        padding: 15px 30px 15px 15px
    }

    .hi_lang .absorb-cards-sec .features-content span {
        font-size: 14px;
        line-height: normal
    }

    .hi_lang .absorb-cards-sec .features-content p {
        padding-top: 10px
    }

    .hi_lang .parenthoodguide .nav.nav-tabs {
        max-width: 1180px
    }

    .hi_lang .personal-guide .explore-preg {
        right: 225px;
        width: 100%
    }

    .hi_lang .product-world-wrapper .tab-filterheading {
        right: 580px
    }

    .hi_lang .mamypoko-essentials-heading {
        padding-top: 60px;
        padding-bottom: 30px;
        max-width: 600px
    }

    .hi_lang .profile-content-card p {
        font-weight: 400;
        line-height: 28px;
        font-size: 16px
    }

    .hi_lang .calender-card .result-cards .begning-card h3 {
        font-size: 26px
    }

    .hi_lang .resend-otp h5 {
        font-size: 15px
    }

    .hi_lang .input-series-mamy-group .form-select {
        padding: 0 28px 0 8px
    }

    .hi_lang .parenthood-content .btn {
        font-size: 13px;
        padding: 0 40px 0 20px
    }

    .hi_lang .parenthood-content .btn:after {
        right: 14px
    }
}

@media only screen and (max-width:1750px) {
    .hi_lang .heading-component .heading-title {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 10px
    }

    .hi_lang .health-pregnancy.newborn_card .heading-component .heading-title,
    .hi_lang .mamypoko-essentials-heading .title-xl2,
    .hi_lang .title-section {
        font-size: 35px
    }

    .hi_lang .absorbbanner-card h4,
    .hi_lang .calender-card .result-cards .begning-card h4,
    .hi_lang .heading-component p {
        font-size: 18px
    }

    .hi_lang .mamypoko-essentials.newborn-baby .essential-content .mamypoko-essentials-heading p {
        font-size: 38px
    }

    .hi_lang .mamypoko-essentials-heading {
        padding-top: 60px;
        padding-bottom: 30px;
        max-width: 600px
    }

    .hi_lang .custome-banner-content p br {
        display: none !important
    }

    .hi_lang .breacums ul li:after {
        background-size: 10px;
        bottom: 5px
    }

    .hi_lang .custome-banner-content p {
        font-size: 18px;
        line-height: 25px
    }

    .hi_lang .product-content .title-section {
        font-size: 28px;
        line-height: normal
    }

    .hi_lang .blog-contact-page .blog-heading p,
    .hi_lang .blog-contact-page .form-label,
    .hi_lang .blog-content p,
    .hi_lang .calender-card .result-cards .begning-card h5,
    .hi_lang .loadmore-section .loadmore-btn,
    .hi_lang .next-step-container .pregnant-content-word p,
    .hi_lang .product-card-sec .product-content ul li,
    .hi_lang .single-cat-box .blog-box-detail h5 {
        font-size: 16px
    }

    .hi_lang .product-dipers h4 {
        font-size: 18px;
        line-height: normal
    }

    .hi_lang .btn,
    .hi_lang .extraabzorb-banner span,
    .hi_lang .hospital-bag .parenthood-brand-card .parenthood-content .btn {
        font-size: 14px
    }

    .hi_lang .title-xl2 {
        font-size: 40px;
        line-height: normal
    }

    .hi_lang .extaabzorbbanner .mampoko-pant-heading .title-big {
        font-size: 48px;
        line-height: normal
    }

    .hi_lang .absorbbanner-slider h4,
    .hi_lang .blog-card-content h2,
    .hi_lang .right-blog-box h4,
    .hi_lang .right-box-4 .right-box-4-content h5,
    .hi_lang .tittle-small {
        font-size: 22px
    }

    .hi_lang .absorbbanner-slider p {
        font-size: 16px;
        padding-top: 0;
        line-height: normal
    }

    .hi_lang .explore-more-btn {
        cursor: pointer;
        font-size: 14px
    }

    .hi_lang .hospital-bag .parenthood-brand-card .parenthood-content h5 {
        font-size: 22px;
        line-height: normal
    }

    .hi_lang .about-banner-content h1.title-xl,
    .hi_lang .knowcard-img h4 {
        color: var(--ms-primary);
        font-size: 35px
    }

    .faq-banner h1.title-lg,
    .hi_lang .contact-banner h1.title-lg {
        font-size: 35px;
        margin: 0 !important;
        padding-bottom: 5px !important
    }

    .hi_lang .unicharm-corporation-content p {
        font-size: 16px;
        line-height: 28px
    }

    .hi_lang .title-xl {
        font-size: 45px
    }

    .hi_lang .next-step-container .pregnant-content-word .mamies-world,
    .hi_lang .title-blog {
        font-size: 28px
    }

    .hi_lang .blog-heading h1,
    .hi_lang .title-mid {
        font-size: 25px
    }

    .hi_lang .brands-details-card a.btn.btn-primary.explore-btn.nav-link {
        width: auto;
        max-width: max-content;
        padding: 10px 40px 10px 10px;
        line-height: normal !important
    }

    .hi_lang .dropdown-menu.show .personal-guide-card .contentcard .content .btn {
        line-height: 40px !important;
        position: relative;
        border: 2px solid #cfa52d;
        max-width: auto;
        white-space: break-spaces;
        flex-wrap: wrap;
        min-width: unset;
        line-height: normal !important;
        padding: 10px 15px !important;
        font-size: 14px !important
    }

    .hi_lang .dropdown-menu.show .col-lg-4:first-child .contentcard .content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 300px;
        padding: 15px 30px 15px 15px
    }

    .hi_lang .absorb-cards-sec .features-content span {
        font-size: 14px;
        line-height: normal
    }

    .hi_lang .absorb-cards-sec .features-content p {
        padding-top: 10px
    }

    .hi_lang .parenthoodguide .nav.nav-tabs {
        max-width: 1000px
    }

    .hi_lang .personal-guide .explore-preg {
        right: 220px;
        width: 100%
    }

    .hi_lang .product-world-wrapper .tab-filterheading {
        right: 580px
    }

    .hi_lang .profile-content-card p {
        font-weight: 400;
        line-height: 28px;
        font-size: 16px
    }

    .hi_lang .calender-card .result-cards .begning-card h3 {
        font-size: 26px
    }

    .hi_lang .resend-otp h5 {
        font-size: 15px
    }

    .hi_lang .input-series-mamy-group .form-select {
        padding: 0 28px 0 8px
    }

    .hi_lang .parenthood-content .btn {
        font-size: 13px;
        padding: 0 40px 0 20px
    }

    .hi_lang .parenthood-content .btn:after {
        right: 14px
    }

    .hi_lang .form-wrapper form label {
        font-size: 14px;
        white-space: nowrap
    }
}

@media only screen and (max-width:1440px) {
    .hi_lang .strength-found-para h5 {
        font-size: 24px;
        line-height: normal
    }

    .hi_lang .coporate-pholophy-content h3 {
        font-size: 25px
    }

    .hi_lang .unicharm-corporation .heading-component h3 {
        font-size: 22px;
        line-height: 35px
    }

    .hi_lang .heading-component .heading-title {
        font-size: 30px
    }

    .unicharm-content h5 {
        font-size: 18px
    }
}

@media only screen and (max-width:1366px) {
    .hi_lang .logo {
        top: 0
    }

    .hi_lang .blog-card-content h2,
    .hi_lang .contact-address-details .title-md,
    .hi_lang .extra-absorb h4,
    .hi_lang .title-mid {
        font-size: 22px
    }

    .hi_lang .hospital-bag .parenthood-brand-card .parenthood-content h5 {
        font-size: 22px;
        font-weight: 700;
        line-height: normal
    }

    .hi_lang .heading-component .heading-title {
        font-size: 28px
    }

    .hi_lang .did-u-content p,
    .hi_lang .heading-component p {
        font-size: 16px
    }

    .hi_lang .achievement-details .achievement-content h4,
    .hi_lang .faq-card h5 {
        font-size: 18px
    }

    .hi_lang .custome-banner.pokochan-banner .custome-banner-content .title-medium {
        font-size: 22px;
        margin-right: -170px
    }

    .hi_lang .rope-swing-content h2.tittle-small {
        line-height: normal;
        font-size: 24px;
        margin-bottom: 0
    }

    .hi_lang .baby-happy-card .baby-card-content h5,
    .hi_lang .baby-minitape.pokochan .babymini-content p,
    .hi_lang .rope-swing-content p {
        font-size: 16px;
        line-height: normal
    }

    .hi_lang .baby-happy-card .baby-card-content h4 {
        font-size: 22px;
        line-height: 38px
    }

    .hi_lang .baby-minitape.pokochan .babymini-content .absorp-heading {
        line-height: normal;
        font-size: 22px;
        padding-bottom: 10px
    }

    .hi_lang .birth-story-content p {
        font-size: 16px;
        line-height: normal;
        padding-top: 18px
    }

    .hi_lang .birth-story-content h4 {
        font-size: 22px;
        max-width: 490px;
        line-height: normal
    }

    .hi_lang .custome-banner.newbornpage .custome-banner-content .title-lg {
        font-size: 35px;
        line-height: 45px
    }

    .hi_lang .contactForm-wrapper .form-pokochan1 {
        top: -68px;
        right: 0
    }

    .hi_lang .about-unicharm .unicharm-charm h4 {
        font-size: 18px;
        line-height: normal
    }

    .hi_lang .strength-found-para h5 {
        font-size: 24px;
        line-height: 36px
    }

    .hi_lang .coporate-pholophy-content h3 {
        font-size: 26px
    }

    .hi_lang .unicharm-corporation .heading-component h3 {
        font-size: 22px;
        line-height: 32px
    }

    .hi_lang .contentcard .content h3 {
        font-size: 18px !important
    }

    .hi_lang .right-box-4 .right-box-4-content h5 {
        font-size: 20px
    }

    .hi_lang .connected-form .form-sec h4 {
        font-size: 25px
    }

    .hi_lang .personal-guide .explore-preg {
        right: 180px;
        width: 100%
    }
}

@media only screen and (max-width:1280px) {

    .hi_lang .heading-component .heading-title,
    .hi_lang .health-pregnancy.newborn_card .heading-component .heading-title,
    .hi_lang .knowcard-img h4,
    .hi_lang .mamypoko-essentials.newborn-baby .essential-content .mamypoko-essentials-heading p {
        font-size: 28px
    }

    .hi_lang .about-page-sec2 .did-know-content p,
    .hi_lang .heading-component p {
        font-size: 16px
    }

    .hi_lang .achievement-details .achievement-content h4,
    .hi_lang .hospital-bag .parenthood-brand-card .parenthood-content h5,
    .hi_lang .video-carousel .swiperBoxContent .box-heading {
        font-size: 18px
    }

    .hi_lang .about-banner-content h1.title-xl,
    .hi_lang .title-xl {
        font-size: 32px
    }

    .hi_lang .contentcard .content h3 {
        font-size: 18px !important
    }

    .hi_lang .contentcard .content p {
        font-size: 14px !important
    }

    .hi_lang .contentcard .content .read-more-btn {
        font-size: 14px
    }

    .hi_lang .signle-principle .single-principle-content h4 {
        font-size: 20px;
        line-height: normal
    }

    .hi_lang .rope-swing-content h2.tittle-small {
        line-height: normal;
        font-size: 22px;
        margin-bottom: 0
    }

    .hi_lang .custome-banner.pokochan-banner .custome-banner-content .title-mid {
        font-size: 22px
    }

    .hi_lang .unicharm-logo img {
        width: 100%;
        max-width: 250px
    }
}

@media only screen and (max-width:1200px) {
    .hi_lang .product-content .title-section {
        font-size: 22px;
        line-height: normal
    }

    .hi_lang .product-card-sec .product-content ul li {
        font-size: 16px
    }

    .hi_lang .product-dipers h4 {
        font-size: 18px
    }

    .hi_lang .title-section {
        line-height: normal;
        font-size: 28px
    }

    .hi_lang .custome-banner-content p {
        font-size: 16px;
        line-height: 24px
    }

    .hi_lang .button-number {
        text-align: right;
        margin-top: -59px;
        margin-right: 44px
    }

    .hi_lang .product-page-slider .personal-guide-card.smallcard .contentcard {
        min-height: 112px
    }

    .hi_lang .contact-usform.offerpage,
    .hi_lang .japan-babies-section {
        overflow: hidden
    }

    .hi_lang .contact-form-sec.offer-details .form-pokochan1 {
        right: -125px
    }

    .hi_lang .custome-banner.newbornpage .custome-banner-content .title-lg {
        font-size: 25px
    }

    .hi_lang .blog-heading h1,
    .hi_lang .title-blog {
        font-size: 22px
    }

    .hi_lang .title-mid {
        font-size: 20px
    }

    .hi_lang .personal-guide .explore-preg {
        right: 80px;
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .hi_lang .personal-guide .explore-preg {
        right: 40px;
        width: 100%
    }
}

@media only screen and (max-width:991px) {
    .hi_lang .pregnancy_Videos .heading-component .heading-title {
        padding-bottom: 12px
    }

    .hi_lang .mamypoko-essentials-heading .title-xl2 {
        font-size: 28px
    }

    .hi_lang .extaabzorbbanner .mampoko-pant-heading .title-big {
        font-size: 32px;
        line-height: normal
    }

    .hi_lang .custome-banner.extraabzorb-banner .title-xl2 {
        font-size: 30px;
        line-height: normal
    }

    .hi_lang .knowcard-img h4 {
        font-size: 22px
    }

    .hi_lang .personal-guide .explore-preg {
        right: 0;
        width: 100%
    }

    .hi_lang .input-series-container .select-option h5 {
        font-size: 16px
    }
}

@media only screen and (max-width:767px) {

    .hi_lang .health-pregnancy.newborn_card .heading-component .heading-title,
    .hi_lang .mamypoko-essentials.newborn-baby .essential-content .mamypoko-essentials-heading p,
    .hi_lang .next-step-container .pregnant-content-word .mamies-world,
    .hi_lang .product-content .title-section,
    .hi_lang .productbanner .custome-banner-content .title-section {
        font-size: 22px
    }

    .hi_lang .heading-component .heading-title {
        font-size: 22px;
        padding-bottom: 12px;
        line-height: normal
    }

    .hi_lang .baby-happy-card .baby-card-content h4,
    .hi_lang .mamypoko-essentials-heading .title-xl2 {
        font-size: 22px;
        line-height: normal
    }

    .hi_lang .heading-component p br {
        display: none
    }

    .hi_lang .blog-topbar .blog-heading .title-mid,
    .hi_lang .product-dipers h4 {
        font-size: 18px
    }

    .hi_lang .features-extra-absorb.fetures-preemie .features-content span i,
    .hi_lang .input-series-container .form-check label,
    .hi_lang .input-series-container .select-option h5,
    .hi_lang .input-series-mamy-group .form-select,
    .hi_lang .next-step-container .pregnant-content-word p,
    .hi_lang .next-step-container h5,
    .hi_lang .profile-name h4 {
        font-size: 14px
    }

    .hi_lang .hospital-bag .parenthood-brand-card .parenthood-content h5 {
        font-size: 18px;
        line-height: normal
    }

    .hi_lang .custome-banner.pokochan-banner .custome-banner-content .title-medium {
        font-size: 22px;
        margin-right: 0
    }

    .hi_lang .custome-banner.pokochan-banner {
        margin-top: 45px
    }

    .hi_lang .rope-swing-content p {
        font-size: 14px;
        line-height: normal
    }

    .hi_lang .about-unicharm .unicharm-charm h4 {
        font-size: 16px;
        line-height: 25px
    }

    .hi_lang .calender-card .result-cards .begning-card h3,
    .hi_lang .calender-card .result-cards .begning-card h4,
    .hi_lang .coporate-pholophy-content h3,
    .hi_lang .unicharm-content h5 {
        font-size: 16px
    }

    .hi_lang .strength-found-para h5 {
        font-size: 16px;
        line-height: normal
    }

    .hi_lang .calender-card .result-cards .begning-card h5 {
        font-size: 12px;
        white-space: break-spaces
    }

    .hi_lang .login-heading p {
        text-align: center;
        font-weight: 500;
        font-size: 14px
    }

    .hi_lang .mamy-world-form {
        margin-bottom: 50px
    }

    .hi_lang .profile-card-management.editing .profile-cards {
        margin-bottom: 12px
    }
}

@media only screen and (min-width:1500px) {

    .ta_lang .card-wrapper.happiedn-card .hospital-content-card .btn-primary,
    .ta_lang .health-pregnancy.pregnancy-sec .personal-guide .explore-preg,
    .ta_lang .navbar-link .nav-item.dropdown a,
    .ta_lang .navbar-link.second-menu a.last-link.nav-link,
    .ta_lang .personal-guide .explore-preg,
    .ta_lang .personal-guide-card .contentcard .content .btn-primary,
    .ta_lang .video-cta a.btn {
        white-space: break-spaces;
        white-space: break-spaces;
        white-space: break-spaces
    }

    .ta_lang .navbar-link .nav-item.dropdown a {
        font-size: 15px;
        display: flex;
        max-width: 160px;
        width: 100%
    }

    .ta_lang .neborn-navbar .dropdown-menu.show .col-lg-4:nth-child(2) a.dropdown-item:nth-child(2) .personal-guide-card .contentcard {
        margin-top: 1px
    }

    .ta_lang .dropdown-menu.show a.dropdown-item {
        max-width: 100% !important
    }

    .ta_lang .contentcard .content p,
    .ta_lang .dropdown-menu.show .personal-guide-card .contentcard .content h3 {
        font-size: 14px !important
    }

    .ta_lang .dropdown-menu.show .personal-guide-card .contentcard .content .btn {
        font-size: 12px !important;
        line-height: 18px !important;
        max-width: fit-content !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .ta_lang .nav-menu-list a {
        padding-bottom: 15px;
        font-weight: 500 !important;
        font-size: 14px !important
    }

    .ta_lang .absorb-cards-sec .features-content p,
    .ta_lang .achievement-details .achievement-content p,
    .ta_lang .blog-card-content p,
    .ta_lang .btn,
    .ta_lang .card-content-mamies.tracker .active-btn,
    .ta_lang .card-content-mamies.tracker button,
    .ta_lang .compresive-card .compresive-content h4,
    .ta_lang .connected-form .form-sec p,
    .ta_lang .contentcard .content .read-more-btn,
    .ta_lang .extraabzorb-banner span,
    .ta_lang .footer-content p,
    .ta_lang .hospital-bag .parenthood-brand-card .parenthood-content .btn,
    .ta_lang .list-sitemap p a,
    .ta_lang .mamypoko-pregnancy-period ul li a,
    .ta_lang .mamypoko-star p,
    .ta_lang .momcorner-content ul li,
    .ta_lang .mother-card .card-content .title,
    .ta_lang .pants-mamy-content p,
    .ta_lang .personal-guide-product .nav.nav-tabs li a,
    .ta_lang .product-card-sec .product-content ul li,
    .ta_lang .product-details-content h5,
    .ta_lang .profile-card-management .edit-profile,
    .ta_lang .read-more-btns,
    .ta_lang .sitemap-lisitng ul li:first-child a,
    .ta_lang .sub-footer-list ul li a,
    .ta_lang .vieo-content h4 {
        font-size: 14px
    }

    .ta_lang .navbar-link.lasticon {
        position: relative
    }

    .ta_lang .compresive-btn .btn-primary.nav-link {
        max-width: fit-content !important;
        line-height: normal !important;
        padding: 12px 40px 12px 20px !important
    }

    .ta_lang .about-content .about-heading {
        font-size: 20px;
        line-height: 32px
    }

    .ta_lang .about-history-card p,
    .ta_lang .absorbbanner-card h4,
    .ta_lang .blog-contact-page .form-label,
    .ta_lang .blog-content p,
    .ta_lang .faq-card p,
    .ta_lang .footer-widget .footer-title,
    .ta_lang .heading-component p,
    .ta_lang .mammies-content p,
    .ta_lang .nav-menu-list h3,
    .ta_lang .pack-bag-list ul li,
    .ta_lang .pants-mamy-content h5,
    .ta_lang .pregnancy-cretivity .blog-content ul li,
    .ta_lang .profile-card-management.editing .profile-name h4,
    .ta_lang .profile-name h4,
    .ta_lang .profile-name h6,
    .ta_lang .profile-name label,
    .ta_lang .single-cat-box .blog-box-detail h5,
    .ta_lang .tab-swiper-box .product-content h5,
    .ta_lang .tesrm-condion-content ul li,
    .ta_lang .testimonilas-content p {
        font-size: 16px
    }

    .ta_lang .product-details-card a.nav-link {
        max-width: 100% !important;
        flex-wrap: unset !important
    }

    .ta_lang .blog-left-side .single-left-blog-img h5,
    .ta_lang .product-details-content p,
    .ta_lang .select-dropdown select,
    .ta_lang .tab-swiper-box .product-content .rating span {
        font-size: 12px
    }

    .ta_lang .swiper-cta .swiper-btn,
    .ta_lang .tab-swiper-box .product-content .swiper-cta .swiper-btn {
        font-size: 12px !important
    }

    .ta_lang .product-menu-details h5 {
        padding-top: 6px;
        font-size: 14px
    }

    .ta_lang .blog-left-side .single-left-blog-img a.dropdown-item {
        flex-direction: column
    }

    .ta_lang .brand-contents h5 {
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        color: #1a1a1a;
        max-width: 300px
    }

    .ta_lang .brands-details-card .explore-btn {
        line-height: unset !important;
        margin-top: 25px;
        font-size: 10px !important
    }

    .ta_lang .heading-component .heading-title {
        font-size: 22px !important;
        line-height: 35px !important
    }

    .ta_lang .product-world-wrapper .tab-filterheading h5 {
        font-size: 12px;
        line-height: 20px
    }

    .ta_lang .product-world-wrapper .tab-filterheading {
        top: 55px;
        left: 58%;
        max-width: 150px
    }

    .ta_lang .product-world-wrapper .nav-tabs .nav-link {
        color: var(--ms-dark);
        font-size: 14px
    }

    .ta_lang .filter-diapers .filter-diaper-content h5 {
        max-width: 400px;
        font-size: 12px
    }

    .ta_lang .personal-guide .nav.nav-tabs li .nav-link {
        display: flex;
        flex-wrap: wrap;
        font-size: 12px;
        display: flex;
        flex-wrap: wrap;
        max-width: 200px
    }

    .ta_lang .parenthood-guide.parentguide .heading-component .heading-title {
        font-size: 20px;
        line-height: 28px;
        max-width: 600px;
        margin: 0 auto
    }

    .ta_lang .personal-guide .nav.nav-tabs {
        max-width: 1150px;
        gap: 10px
    }

    .ta_lang .about-history-card h4,
    .ta_lang .absorb-cards-sec .features-content h4,
    .ta_lang .absorbbanner-slider h4,
    .ta_lang .achievement-details .achievement-content h4,
    .ta_lang .blog-card-content h2,
    .ta_lang .calender-card .result-cards .begning-card h4,
    .ta_lang .faq-card h5,
    .ta_lang .pregnancy-timeline-content p,
    .ta_lang .right-blog-box h4,
    .ta_lang .signle-principle .single-principle-content h4,
    .ta_lang .testi-head .box-heading,
    .ta_lang .unicharm-content h5 {
        font-size: 18px
    }

    .ta_lang .baby-happy-card .baby-card-content h5,
    .ta_lang .mamy-semi-heading {
        font-size: 18px;
        line-height: 30px
    }

    .ta_lang .video-carousel .swiperBoxContent .box-heading {
        font-size: 16px;
        line-height: 22px
    }

    .ta_lang .video-cta a.btn {
        font-size: 12px
    }

    .ta_lang .connected-form .form-sec h4,
    .ta_lang .coporate-pholophy-content h3,
    .ta_lang .custome-banner.pokochan-banner .custome-banner-content .title-medium,
    .ta_lang .hospital-banner .custome-banner-content h5,
    .ta_lang .pregnancy-timeline-content h4,
    .ta_lang .rope-swing-content h2.tittle-small,
    .ta_lang .title-mid {
        font-size: 22px
    }

    .ta_lang .form-wrapper form label {
        font-size: 14px;
        padding-left: 10px
    }

    .ta_lang .unicham-brand .brand-cont .brand-subhead {
        font-size: 16px;
        line-height: 25px;
        padding-bottom: 10px
    }

    .ta_lang .unicham-brand .brand-cont p {
        font-size: 18px;
        line-height: 25px
    }

    .ta_lang .social-links span {
        font-size: 16px;
        font-weight: 700
    }

    .ta_lang .footer-widget ul li a {
        font-size: 14px;
        line-height: 25px
    }

    .ta_lang .right-box-4 .right-box-4-content {
        top: 25px;
        left: 25px;
        max-width: 230px
    }

    .faq-banner h1.title-lg,
    .ta_lang .contact-banner h1.title-lg,
    .ta_lang .title-xl,
    .ta_lang .title-xl2 {
        font-size: 35px
    }

    .ta_lang .custome-banner-content p,
    .ta_lang .signle-principle .single-principle-content p {
        font-size: 14px;
        line-height: 22px
    }

    .ta_lang .birth-story-content p,
    .ta_lang .did-know-content p,
    .ta_lang .unicharm-corporation-content p {
        font-size: 16px;
        line-height: 24px
    }

    .ta_lang .personal-guide .explore-preg {
        display: flex;
        flex-wrap: wrap;
        max-width: 240px;
        display: flex;
        flex-wrap: wrap
    }

    .ta_lang .mamypoko-essentials-heading .title-xl2,
    .ta_lang .mamypoko-essentials.newborn-baby .essential-content .mamypoko-essentials-heading p,
    .ta_lang .product-content .title-section {
        font-size: 25px;
        line-height: normal
    }

    .ta_lang .parenthood-content h5 {
        font-size: 14px;
        line-height: normal
    }

    .ta_lang .parenthood-content .btn {
        font-size: 10px;
        padding: 13px 30px 13px 20px !important;
        line-height: 20px !important
    }

    .ta_lang .custome-banner-content {
        margin-top: -30px
    }

    .ta_lang .heading-component {
        max-width: 820px !important;
        margin: 0 auto 40px
    }

    .ta_lang .product-dipers h4 {
        font-size: 18px;
        line-height: normal
    }

    .ta_lang .product-dipers img {
        padding-top: 20px;
        margin-top: -20px
    }

    .ta_lang .product-dipers .btn {
        min-width: fit-content;
        margin-top: 20px;
        padding: 12px 40px 12px 15px;
        line-height: normal
    }

    .ta_lang .btn-primary::after {
        right: 15px
    }

    .ta_lang .title-section {
        font-size: 32px
    }

    .ta_lang .productbanner .custome-banner-content .title-section {
        padding-bottom: 0
    }

    .ta_lang .custome-banner.extraabzorb-banner .custome-banner-content p {
        margin: 0 0 5px
    }

    .ta_lang .extaabzorbbanner .mampoko-pant-heading .title-big {
        font-size: 40px;
        line-height: normal
    }

    .ta_lang .momcorner-content.special-care .mamy-semi-heading span,
    .ta_lang .tittle-small,
    .ta_lang .unicharm-corporation .heading-component h3 {
        font-size: 20px;
        line-height: normal
    }

    .ta_lang .absorbbanner-slider p {
        font-size: 14px;
        padding-top: 0;
        line-height: normal
    }

    .ta_lang .explore-more-btn {
        cursor: pointer;
        font-size: 14px
    }

    .ta_lang .absorb-cards-sec .features-content span {
        font-size: 12px;
        line-height: normal
    }

    .ta_lang .momcorner-content.special-care .mamy-semi-heading {
        font-size: 28px;
        line-height: normal
    }

    .ta_lang .momcorner-content.special-care p {
        font-size: 14px;
        padding-top: 18px;
        line-height: 26px
    }

    .ta_lang .knowcard-img h4 {
        font-size: 30px
    }

    .ta_lang .did-u-content p {
        font-size: 14px;
        font-weight: 600;
        line-height: 24px
    }

    .ta_lang .contentcard .content h3 {
        font-size: 18px !important
    }

    .ta_lang .hospital-bag .parenthood-brand-card .parenthood-content h5 {
        font-size: 22px;
        line-height: 26px
    }

    .ta_lang .loadmore-section .loadmore-btn {
        padding: 12px 28px;
        color: var(--ms-primary);
        font-size: 14px;
        max-width: fit-content
    }

    .ta_lang .about-banner-content h1.title-xl {
        color: var(--ms-primary);
        font-size: 30px
    }

    .ta_lang .sun-top img {
        max-width: 100px
    }

    .ta_lang .rope-swing-content p {
        font-size: 18px;
        line-height: 25px;
        padding-top: 10px
    }

    .ta_lang .baby-happy-card .baby-card-content h4 {
        font-size: 22px;
        line-height: normal
    }

    .ta_lang .baby-minitape.pokochan .babymini-content .absorp-heading {
        font-size: 22px;
        line-height: 30px
    }

    .ta_lang .baby-minitape.pokochan .babymini-content p {
        font-size: 16px;
        line-height: normal
    }

    .ta_lang .birth-story-content h4 {
        font-size: 22px;
        line-height: 35px
    }

    .ta_lang .contactForm-wrapper .form-btn .btn {
        min-width: fit-content;
        padding: 15px 40px 15px 10px;
        line-height: normal
    }

    .ta_lang .about-unicharm .unicharm-charm h4 {
        font-size: 16px;
        line-height: 25px
    }

    .ta_lang .strength-found-para h5 {
        font-size: 20px;
        line-height: 30px
    }

    .ta_lang .coporate-pholophy-content p,
    .ta_lang .tesrm-condion-content p {
        font-size: 16px;
        line-height: 26px
    }

    .ta_lang .tesrm-condion-content h2,
    .ta_lang .title-blog {
        font-size: 25px
    }

    .ta_lang .list-sitemap .accordion button.accordion-button.collapsed,
    .ta_lang .list-sitemap button.accordion-button {
        padding: 10px;
        font-size: 14px
    }

    .ta_lang .blog-heading h1,
    .ta_lang .profile-cards h2,
    .ta_lang .right-box-4 .right-box-4-content h5 {
        font-size: 20px
    }

    .ta_lang .blog-contact-page .blog-heading p {
        font-size: 16px;
        padding-top: 10px
    }

    .custome-banner-content.text-center.blog-main-banner {
        margin: 0
    }

    .ta_lang .hospital-banner .custome-banner-content .title-xl {
        text-align: left;
        font-size: 40px
    }

    .ta_lang .mammies-content h2,
    .ta_lang .pack-bag-list h2 {
        font-size: 30px;
        line-height: normal
    }

    .ta_lang .pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs {
        display: flex;
        flex-wrap: nowrap
    }

    .ta_lang .pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs li .nav-link .tabs-sec,
    .ta_lang .pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs li .nav-link.active .tabs-sec {
        padding: 15px 26px
    }

    .ta_lang .dropdown-menu.show .col-lg-4:first-child .contentcard .content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 230px
    }

    .ta_lang .pregnancyblog .health-pregnancy.pregnancy-blogss .nav.nav-tabs li .nav-link.active .tabs-sec span {
        padding: 0;
        background: 0 0;
        display: flex
    }

    .ta_lang .personal-guide .explore-preg {
        max-width: fit-content;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        white-space: break-spaces;
        line-height: 50px;
        font-size: 12px;
        padding: 0 40px 0 10px;
        min-width: auto;
        top: 16px;
        right: 240px
    }

    .ta_lang .personal-guide .nav.nav-tabs li span img {
        width: 60px;
        height: 60px;
        border-radius: 100%
    }

    .ta_lang .health-pregnancy .personal-guide .nav.nav-tabs li span {
        width: 60px;
        height: 60px;
        border-radius: 50%
    }

    .ta_lang .health-pregnancy.pregnancy-sec .personal-guide .explore-preg {
        max-width: 280px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        line-height: normal;
        font-size: 12px;
        padding: 14px 18px 14px 15px;
        right: 160px;
        min-width: auto
    }

    .ta_lang .product-world-wrapper .heading-component {
        margin: 0 !important
    }

    .ta_lang .personal-guide-card .contentcard .content .btn-primary {
        min-width: auto;
        line-height: normal !important;
        max-width: 184px;
        padding: 9px 15px !important
    }

    .ta_lang .product-world-wrapper.slidercard .heading-component {
        margin: 0 auto 40px !important
    }

    .ta_lang .parenthood-card .col-lg-4:nth-child(3) .contentcard .content .baby-tracker {
        padding: 0 20px !important;
        min-width: auto;
        margin-top: 15px;
        background-color: var(--ms-primary);
        line-height: 35px !important
    }

    .ta_lang .navbar-link a.nav-link {
        font-size: 15px
    }

    .ta_lang .navbar-link.second-menu a.last-link.nav-link {
        max-width: 80px;
        overflow: hidden;
        font-size: 15px;
        display: flex
    }

    .ta_lang .navbar-link {
        gap: 17px
    }

    .ta_lang .mamypoko-essentials.newborn-baby .essential-content {
        max-width: 650px
    }

    .ta_lang .profile-card h3 {
        font-weight: 700;
        font-size: 22px
    }

    .ta_lang .profile-content-card p {
        margin: 0;
        font-size: 16px;
        padding-top: 8px
    }

    .ta_lang .card-content-mamies.tracker ul .active-btn span {
        padding: 0;
        width: 100%;
        max-width: 150px
    }

    .ta_lang .dropdown-menu-mamies ul.dropdown-menu {
        padding: 10px
    }

    .ta_lang .progress-pregnancy-card h5 {
        font-size: 18px;
        font-weight: 700;
        line-height: 30px
    }

    .ta_lang .next-step-cards .progress-bar-compnent.community-tracker .filter-diapers .filter-diaper-content h5 {
        text-align: left;
        max-width: fit-content
    }

    .ta_lang .hospital-card-tracker .hospital-content-card h4 {
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 15px
    }

    .ta_lang .card-wrapper.happiedn-card .hospital-content-card .btn-primary {
        min-width: auto;
        padding: 10px 45px 10px 15px;
        max-width: 250px;
        line-height: normal
    }

    .ta_lang .calender-card .result-cards .begning-card h3 {
        margin: 0;
        font-size: 25px
    }

    .ta_lang .baby-tracker-model .next-step-cards.dashboard .analyse-progress .filter-diapers h5 {
        max-width: fit-content !important
    }

    .ta_lang .testimonials-wrapper .heading-component {
        max-width: 100% !important;
        margin: unset;
        margin-bottom: 40px
    }

    .ta_lang .tracker-component h3 {
        font-size: 22px;
        max-width: 600px;
        margin: 0 auto 30px
    }

    .ta_lang .radio-btn .hobbies-icon h3 {
        color: #1a1a1a;
        text-align: center;
        font-size: 14px
    }

    .ta_lang .pregnancy-timeline-content h3 {
        font-size: 34px;
        line-height: 50px
    }

    .ta_lang .profile-name .form-check label.form-check-label {
        font-weight: 500;
        font-size: 14px
    }

    .ta_lang .pregnancy_Videos .heading-component p br {
        display: none
    }

    .ta_lang .absorbbanner-slider .current-price {
        font-size: 28px
    }

    .ta_lang .pregnancy-calculator p {
        color: #1a1a1a;
        text-align: left;
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 40px
    }

    .ta_lang .pregnancy-calculator .heading-component {
        margin-bottom: 20px !important;
        position: relative;
        z-index: 1
    }
}

@media only screen and (max-width:1700px) {

    .ta_lang .blog-left-side .single-left-blog-img h5,
    .ta_lang .navbar-link a.nav-link,
    .ta_lang .product-details-content p,
    .ta_lang .select-dropdown .form-label,
    .ta_lang .select-dropdown select,
    .ta_lang .tab-swiper-box .product-content .rating span {
        font-size: 12px
    }

    .ta_lang .parenthood-card .col-lg-4:nth-child(3) .contentcard .content .baby-tracker {
        padding: 0 20px !important;
        min-width: auto;
        margin-top: 15px;
        background-color: var(--ms-primary);
        line-height: 35px !important
    }

    .ta_lang .navbar-link .nav-item.dropdown a {
        font-size: 12px;
        display: flex;
        max-width: 144px;
        width: 100%;
        white-space: break-spaces
    }

    .ta_lang .navbar-link.second-menu a.last-link.nav-link {
        font-size: 12px;
        max-width: 80px;
        overflow: hidden;
        white-space: break-spaces;
        display: flex
    }

    .ta_lang .neborn-navbar .dropdown-menu.show .col-lg-4:nth-child(2) a.dropdown-item:nth-child(2) .personal-guide-card .contentcard {
        margin-top: 1px
    }

    .ta_lang .dropdown-menu.show a.dropdown-item {
        max-width: 100% !important
    }

    .ta_lang .contentcard .content p,
    .ta_lang .dropdown-menu.show .personal-guide-card .contentcard .content h3 {
        font-size: 14px !important
    }

    .ta_lang .dropdown-menu.show .personal-guide-card .contentcard .content .btn {
        font-size: 12px !important;
        line-height: 18px !important;
        max-width: fit-content !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .ta_lang .nav-menu-list a {
        padding-bottom: 15px;
        font-weight: 500 !important;
        font-size: 14px !important
    }

    .ta_lang .absorb-cards-sec .features-content p,
    .ta_lang .achievement-details .achievement-content p,
    .ta_lang .blog-card-content p,
    .ta_lang .btn,
    .ta_lang .card-content-mamies.tracker .active-btn,
    .ta_lang .card-content-mamies.tracker button,
    .ta_lang .compresive-card .compresive-content h4,
    .ta_lang .connected-form .form-sec p,
    .ta_lang .contentcard .content .read-more-btn,
    .ta_lang .extraabzorb-banner span,
    .ta_lang .footer-content p,
    .ta_lang .hospital-bag .parenthood-brand-card .parenthood-content .btn,
    .ta_lang .list-sitemap p a,
    .ta_lang .mamypoko-pregnancy-period ul li a,
    .ta_lang .mamypoko-star p,
    .ta_lang .momcorner-content ul li,
    .ta_lang .mother-card .card-content .title,
    .ta_lang .next-step-container .select-option h5,
    .ta_lang .pants-mamy-content p,
    .ta_lang .product-card-sec .product-content ul li,
    .ta_lang .product-details-content h5,
    .ta_lang .profile-card-management .edit-profile,
    .ta_lang .read-more-btns,
    .ta_lang .sitemap-lisitng ul li:first-child a,
    .ta_lang .sub-footer-list ul li a,
    .ta_lang .vieo-content h4 {
        font-size: 14px
    }

    .ta_lang .navbar-link.lasticon {
        position: relative;
        right: 0
    }

    .ta_lang .compresive-btn .btn-primary.nav-link {
        max-width: fit-content !important;
        line-height: normal !important;
        padding: 12px 40px 12px 20px !important
    }

    .ta_lang .about-content .about-heading {
        font-size: 20px;
        line-height: 32px
    }

    .ta_lang .about-history-card p,
    .ta_lang .absorbbanner-card h4,
    .ta_lang .blog-contact-page .form-label,
    .ta_lang .blog-content p,
    .ta_lang .faq-card p,
    .ta_lang .footer-widget .footer-title,
    .ta_lang .heading-component p,
    .ta_lang .input-series-container .btn-container .blue-color,
    .ta_lang .mammies-content p,
    .ta_lang .nav-menu-list h3,
    .ta_lang .next-step-container .pregnant-content-word p,
    .ta_lang .pack-bag-list ul li,
    .ta_lang .pants-mamy-content h5,
    .ta_lang .pregnancy-cretivity .blog-content ul li,
    .ta_lang .pregnant-content h5,
    .ta_lang .profile-card-management.editing .profile-name h4,
    .ta_lang .profile-name h4,
    .ta_lang .profile-name h6,
    .ta_lang .profile-name label,
    .ta_lang .single-cat-box .blog-box-detail h5,
    .ta_lang .tab-swiper-box .product-content h5,
    .ta_lang .tesrm-condion-content ul li,
    .ta_lang .testimonilas-content p {
        font-size: 16px
    }

    .ta_lang .product-details-card a.nav-link {
        max-width: 100% !important;
        flex-wrap: unset !important
    }

    .ta_lang .swiper-cta .swiper-btn,
    .ta_lang .tab-swiper-box .product-content .swiper-cta .swiper-btn {
        font-size: 12px !important
    }

    .ta_lang .product-menu-details h5 {
        padding-top: 6px;
        font-size: 14px
    }

    .ta_lang .blog-left-side .single-left-blog-img a.dropdown-item {
        flex-direction: column
    }

    .ta_lang .brand-contents h5 {
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        color: #1a1a1a;
        max-width: 300px
    }

    .ta_lang .brands-details-card .explore-btn {
        line-height: unset !important;
        margin-top: 25px;
        font-size: 10px !important
    }

    .ta_lang .heading-component .heading-title {
        font-size: 22px !important;
        line-height: 35px !important
    }

    .ta_lang .product-world-wrapper .tab-filterheading h5 {
        font-size: 12px;
        line-height: 20px
    }

    .ta_lang .product-world-wrapper .tab-filterheading {
        top: 55px;
        left: 50%;
        max-width: 150px
    }

    .ta_lang .product-world-wrapper .nav-tabs .nav-link {
        color: var(--ms-dark);
        font-size: 14px
    }

    .ta_lang .filter-diapers .filter-diaper-content h5 {
        max-width: 400px;
        font-size: 12px
    }

    .ta_lang .baby-tracker-model .next-step-cards.dashboard .analyse-progress .filter-diapers h5 {
        max-width: fit-content !important
    }

    .ta_lang .personal-guide .nav.nav-tabs li .nav-link {
        flex-wrap: wrap;
        font-size: 12px;
        display: block;
        flex-wrap: wrap;
        max-width: 200px
    }

    .ta_lang .parenthood-guide.parentguide .heading-component .heading-title {
        font-size: 20px;
        line-height: 28px;
        max-width: 600px;
        margin: 0 auto
    }

    .ta_lang .personal-guide .nav.nav-tabs {
        max-width: 1060px;
        gap: 10px
    }

    .ta_lang .personal-guide .explore-preg {
        display: flex;
        flex-wrap: wrap;
        white-space: break-spaces;
        line-height: 28px
    }

    .ta_lang .about-history-card h4,
    .ta_lang .absorb-cards-sec .features-content h4,
    .ta_lang .absorbbanner-slider h4,
    .ta_lang .achievement-details .achievement-content h4,
    .ta_lang .blog-card-content h2,
    .ta_lang .calender-card .result-cards .begning-card h4,
    .ta_lang .faq-card h5,
    .ta_lang .pregnancy-timeline-content p,
    .ta_lang .right-blog-box h4,
    .ta_lang .signle-principle .single-principle-content h4,
    .ta_lang .testi-head .box-heading,
    .ta_lang .unicharm-content h5 {
        font-size: 18px
    }

    .ta_lang .baby-happy-card .baby-card-content h5,
    .ta_lang .mamy-semi-heading {
        font-size: 18px;
        line-height: 30px
    }

    .ta_lang .personal-guide .explore-preg,
    .ta_lang .video-cta a.btn {
        font-size: 12px;
        white-space: break-spaces
    }

    .ta_lang .video-carousel .swiperBoxContent .box-heading {
        font-size: 16px;
        line-height: 22px
    }

    .ta_lang .connected-form .form-sec h4,
    .ta_lang .coporate-pholophy-content h3,
    .ta_lang .custome-banner.pokochan-banner .custome-banner-content .title-medium,
    .ta_lang .hospital-banner .custome-banner-content h5,
    .ta_lang .pregnancy-timeline-content h4,
    .ta_lang .rope-swing-content h2.tittle-small,
    .ta_lang .title-mid {
        font-size: 22px
    }

    .ta_lang .form-wrapper form label {
        font-size: 14px;
        padding-left: 10px
    }

    .ta_lang .unicham-brand .brand-cont .brand-subhead {
        font-size: 16px;
        line-height: 25px;
        padding-bottom: 10px
    }

    .ta_lang .unicham-brand .brand-cont p {
        font-size: 18px;
        line-height: 25px
    }

    .ta_lang .social-links span {
        font-size: 16px;
        font-weight: 700
    }

    .ta_lang .footer-widget ul li a {
        font-size: 14px;
        line-height: 25px
    }

    .ta_lang .dropdown-menu.show .col-lg-4:first-child .contentcard .content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 230px
    }

    .ta_lang .personal-guide .nav.nav-tabs li .nav-link .tabs-sec span {
        padding: 0;
        display: flex;
        align-items: center
    }

    .ta_lang .personal-guide .nav.nav-tabs li span img {
        width: 60px;
        height: 60px
    }

    .ta_lang .pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs {
        max-width: 950px
    }

    .ta_lang .knowcard-img h4,
    .ta_lang .title-xl {
        font-size: 30px
    }

    .ta_lang .custome-banner-content p {
        font-size: 16px;
        line-height: 28px
    }

    .ta_lang .birth-story-content p,
    .ta_lang .did-know-content p,
    .ta_lang .unicharm-corporation-content p {
        font-size: 16px;
        line-height: 24px
    }

    .ta_lang .personal-guide .explore-preg {
        max-width: 200px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        line-height: normal;
        padding: 14px 18px 14px 15px;
        right: 190px;
        min-width: auto
    }

    .ta_lang .mamypoko-essentials-heading .title-xl2,
    .ta_lang .mamypoko-essentials.newborn-baby .essential-content .mamypoko-essentials-heading p,
    .ta_lang .product-content .title-section {
        font-size: 25px;
        line-height: normal
    }

    .ta_lang .parenthood-content h5 {
        font-size: 14px;
        line-height: normal
    }

    .ta_lang .parenthood-content .btn {
        font-size: 13px;
        padding: 0 40px 0 20px
    }

    .ta_lang .custome-banner-content {
        margin-top: 10px
    }

    .ta_lang .heading-component {
        max-width: 820px !important;
        margin: 0 auto 40px
    }

    .ta_lang .personal-guide-product .nav.nav-tabs li a {
        font-size: 14px;
        padding: 5px 10px 10px
    }

    .ta_lang .product-dipers h4 {
        font-size: 18px;
        line-height: normal
    }

    .ta_lang .product-dipers img {
        padding-top: 20px;
        margin-top: -20px
    }

    .ta_lang .product-dipers .btn {
        min-width: fit-content;
        margin-top: 20px;
        padding: 12px 40px 12px 15px;
        line-height: normal
    }

    .ta_lang .btn-primary::after {
        right: 15px
    }

    .ta_lang .title-section {
        font-size: 32px
    }

    .ta_lang .productbanner .custome-banner-content .title-section {
        padding-bottom: 0
    }

    .ta_lang .sticky-product-sec.scrolledClass {
        max-width: 1050px
    }

    .ta_lang .personal-guide-product .filter-diaper .filter-diapers .filter-diaper-content {
        padding: 9px
    }

    .faq-banner h1.title-lg,
    .ta_lang .contact-banner h1.title-lg,
    .ta_lang .title-xl2 {
        font-size: 35px
    }

    .ta_lang .custome-banner.extraabzorb-banner .custome-banner-content p {
        margin: 0 0 5px
    }

    .ta_lang .extaabzorbbanner .mampoko-pant-heading .title-big {
        font-size: 40px;
        line-height: normal
    }

    .ta_lang .momcorner-content.special-care .mamy-semi-heading span,
    .ta_lang .tittle-small,
    .ta_lang .unicharm-corporation .heading-component h3 {
        font-size: 20px;
        line-height: normal
    }

    .ta_lang .absorbbanner-slider p {
        font-size: 14px;
        padding-top: 0;
        line-height: normal
    }

    .ta_lang .explore-more-btn {
        cursor: pointer;
        font-size: 14px
    }

    .ta_lang .absorb-cards-sec .features-content span {
        font-size: 12px;
        line-height: normal
    }

    .ta_lang .momcorner-content.special-care .mamy-semi-heading {
        font-size: 28px;
        line-height: normal
    }

    .ta_lang .momcorner-content.special-care p {
        font-size: 14px;
        padding-top: 18px;
        line-height: 26px
    }

    .ta_lang .did-u-content p {
        font-size: 14px;
        font-weight: 600;
        line-height: 24px
    }

    .ta_lang .contentcard .content h3 {
        font-size: 18px !important
    }

    .ta_lang .hospital-bag .parenthood-brand-card .parenthood-content h5 {
        font-size: 22px;
        line-height: 26px
    }

    .ta_lang .loadmore-section .loadmore-btn {
        padding: 12px 28px;
        color: var(--ms-primary);
        font-size: 14px;
        max-width: fit-content
    }

    .ta_lang .about-banner-content h1.title-xl {
        color: var(--ms-primary);
        font-size: 30px
    }

    .ta_lang .signle-principle .single-principle-content p {
        font-size: 14px;
        line-height: 22px
    }

    .ta_lang .sun-top img {
        max-width: 100px
    }

    .ta_lang .rope-swing-content p {
        font-size: 18px;
        line-height: 25px;
        padding-top: 10px
    }

    .ta_lang .baby-happy-card .baby-card-content h4 {
        font-size: 22px;
        line-height: normal
    }

    .ta_lang .baby-minitape.pokochan .babymini-content .absorp-heading {
        font-size: 22px;
        line-height: 30px
    }

    .ta_lang .baby-minitape.pokochan .babymini-content p {
        font-size: 16px;
        line-height: normal
    }

    .ta_lang .birth-story-content h4 {
        font-size: 22px;
        line-height: 35px
    }

    .ta_lang .contactForm-wrapper .form-btn .btn {
        min-width: fit-content;
        padding: 15px 40px 15px 10px;
        line-height: normal !important
    }

    .ta_lang .about-unicharm .unicharm-charm h4 {
        font-size: 16px;
        line-height: 25px
    }

    .ta_lang .strength-found-para h5 {
        font-size: 20px;
        line-height: 30px
    }

    .ta_lang .coporate-pholophy-content p,
    .ta_lang .tesrm-condion-content p {
        font-size: 16px;
        line-height: 26px
    }

    .ta_lang .next-step-container .pregnant-content-word .mamies-world,
    .ta_lang .tesrm-condion-content h2,
    .ta_lang .title-blog {
        font-size: 25px
    }

    .ta_lang .list-sitemap .accordion button.accordion-button.collapsed,
    .ta_lang .list-sitemap button.accordion-button {
        padding: 10px;
        font-size: 14px
    }

    .ta_lang .blog-heading h1,
    .ta_lang .profile-cards h2,
    .ta_lang .right-box-4 .right-box-4-content h5 {
        font-size: 20px
    }

    .ta_lang .blog-contact-page .blog-heading p {
        font-size: 16px;
        padding-top: 10px
    }

    .custome-banner-content.text-center.blog-main-banner {
        margin: 0
    }

    .ta_lang .hospital-banner .custome-banner-content .title-xl {
        text-align: left;
        font-size: 40px
    }

    .ta_lang .mammies-content h2,
    .ta_lang .pack-bag-list h2 {
        font-size: 30px;
        line-height: normal
    }

    .ta_lang .pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs {
        max-width: 780px;
        display: flex;
        flex-wrap: nowrap
    }

    .ta_lang .pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs li .nav-link .tabs-sec,
    .ta_lang .pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs li .nav-link.active .tabs-sec {
        padding: 15px 26px
    }

    .ta_lang .product-world-wrapper .heading-component {
        margin: 0 0 40px !important
    }

    .ta_lang .product-world-wrapper.slidercard .heading-component {
        margin: 0 auto 40px !important
    }

    .ta_lang .health-pregnancy.pregnancy-sec .personal-guide .explore-preg {
        max-width: 300px;
        right: 195px
    }

    .ta_lang .personal-guide-card .contentcard .content .btn-primary {
        min-width: auto;
        white-space: break-spaces;
        line-height: normal !important;
        max-width: 184px;
        padding: 9px 15px !important
    }

    .ta_lang .profile-card h3 {
        font-weight: 700;
        font-size: 22px
    }

    .ta_lang .profile-content-card p {
        margin: 0;
        font-size: 16px;
        padding-top: 8px;
        line-height: 25px
    }

    .ta_lang .card-content-mamies.tracker ul .active-btn span {
        padding: 0;
        width: 100%;
        max-width: 150px
    }

    .ta_lang .dropdown-menu-mamies ul.dropdown-menu {
        padding: 10px
    }

    .ta_lang .progress-pregnancy-card h5 {
        font-size: 18px;
        font-weight: 700;
        line-height: 30px
    }

    .ta_lang .next-step-cards .progress-bar-compnent.community-tracker .filter-diapers .filter-diaper-content h5 {
        text-align: left;
        max-width: fit-content
    }

    .ta_lang .hospital-card-tracker .hospital-content-card h4 {
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 15px
    }

    .ta_lang .card-wrapper.happiedn-card .hospital-content-card .btn-primary {
        min-width: auto;
        padding: 10px 45px 10px 15px;
        max-width: 250px;
        white-space: break-spaces;
        line-height: 30px !important
    }

    .ta_lang .mamies-word-wrapper .card-wrapper.happiedn-card .hospital-content-card .btn-primary {
        min-width: auto;
        padding: 10px 45px 10px 15px;
        max-width: 250px;
        white-space: break-spaces;
        line-height: 20px !important
    }

    .ta_lang .calender-card .result-cards .begning-card h3 {
        margin: 0;
        font-size: 25px;
        padding-bottom: 10px !important
    }

    .ta_lang .selection-group label h6 {
        padding-top: 12px;
        font-size: 16px;
        font-weight: 600;
        line-height: normal
    }

    .ta_lang .pregnant-content p {
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        margin: 0;
        line-height: 23px
    }

    .ta_lang .next-step-container .select-option .form-check {
        font-size: 14px;
        display: flex
    }

    .ta_lang .input-series-mamy-group .form-select {
        padding: 0 25px 0 8px;
        font-size: 14px
    }

    .ta_lang .input-series-container .form-control {
        width: 100%;
        font-size: 14px
    }

    .ta_lang .testimonials-wrapper .heading-component {
        max-width: 100% !important;
        margin: unset;
        margin-bottom: 40px
    }

    .ta_lang .tracker-component h3 {
        font-size: 22px;
        max-width: 600px;
        margin: 0 auto 30px
    }

    .ta_lang .radio-btn .hobbies-icon h3 {
        color: #1a1a1a;
        text-align: center;
        font-size: 14px
    }

    .ta_lang .pregnancy-timeline-content h3 {
        font-size: 34px;
        line-height: 50px
    }

    .ta_lang .profile-name .form-check label.form-check-label {
        font-weight: 500;
        font-size: 14px
    }

    .ta_lang .pregnancy_Videos .heading-component p br {
        display: none
    }

    .ta_lang .absorbbanner-slider .current-price {
        font-size: 28px
    }
}

@media only screen and (max-width:1440px) {
    .ta_lang .product-world-wrapper .tab-filterheading {
        top: 42px;
        left: 45%;
        max-width: 120px
    }

    .ta_lang .contentcard .content h3 {
        font-size: 16px !important
    }

    .ta_lang .contentcard .content p {
        font-size: 14px !important
    }

    .ta_lang .blog-tagbedgename p,
    .ta_lang .contactForm-wrapper .form-label,
    .ta_lang .contentcard .content .read-more-btn,
    .ta_lang .faq-card p,
    .ta_lang .profile-name h4,
    .ta_lang .profile-sidebar ul li a,
    .ta_lang .profile-sidebar ul li a.active,
    .ta_lang .profile-sidebar ul li a:hover {
        font-size: 14px
    }

    .ta_lang .health-pregnancy .personal-guide .explore-preg {
        top: 16px;
        right: 190px
    }

    .ta_lang .heading-component .heading-title,
    .ta_lang .mammies-content h2 {
        font-size: 22px !important;
        line-height: normal !important
    }

    .ta_lang .heading-component .heading-title br {
        display: none
    }

    .ta_lang .custome-banner-content {
        margin-left: 60px;
        margin-top: 10px
    }

    .ta_lang .btn {
        font-size: 12px
    }

    .ta_lang .baby-minitape.pokochan .babymini-content .absorp-heading {
        font-size: 18px;
        line-height: normal;
        padding-bottom: 15px
    }

    .ta_lang .faq-card h5 {
        font-size: 16px
    }

    .ta_lang .custome-banner.pokochan-banner {
        position: relative;
        z-index: 1;
        margin-top: 48px
    }

    .ta_lang .custome-banner.newbornpage .custome-banner-content .title-lg {
        font-size: 32px;
        line-height: 45px
    }

    .ta_lang .contact-address-details .title-md,
    .ta_lang .tracker-component h3 {
        font-size: 20px
    }

    .ta_lang .contactForm-wrapper .contactForm-heading h3 {
        font-size: 22px
    }

    .ta_lang .strength-found .strength-found-para {
        top: 50px
    }

    .ta_lang .unicharm-logo img {
        width: 100%;
        max-width: 200px
    }

    .ta_lang .custome-banner-content.text-center.blog-main-banner {
        margin-left: 0;
        margin-top: 0
    }

    .ta_lang .pack-bag-list h2 {
        font-size: 22px;
        line-height: normal
    }

    .ta_lang .hospital-banner .custome-banner-content .title-xl {
        text-align: left;
        font-size: 30px
    }

    .ta_lang .custome-banner.mamypoko-videos .custome-banner-content h1 {
        color: var(--ms-primary);
        font-family: var(--ariel-rounded);
        font-size: 35px
    }

    .ta_lang .right-box-4 .right-box-4-content {
        top: 20px;
        left: 8px;
        max-width: 250px
    }

    .ta_lang .health-pregnancy.pregnancy-sec .personal-guide .explore-preg {
        max-width: 300px;
        top: 15px
    }

    .ta_lang .pregnancy-timeline-content h3 {
        font-size: 30px;
        line-height: normal
    }

    .ta_lang .pregnancy-timeline-content h4,
    .ta_lang .tracker-component p {
        font-size: 18px
    }
}

@media only screen and (max-width:1400px) {
    .ta_lang .health-pregnancy .personal-guide .explore-preg {
        top: 24px;
        right: 50px
    }

    .ta_lang .personal-guide .explore-preg {
        max-width: 200px;
        display: flex;
        right: 140px
    }
}

@media only screen and (max-width:1366px) {
    .ta_lang .health-pregnancy .personal-guide .explore-preg {
        top: 24px;
        right: 150px
    }

    .ta_lang .health-pregnancy.pregnancy-sec .heading-component {
        max-width: 700px !important
    }

    .ta_lang .title-xl {
        font-size: 28px
    }

    .ta_lang .navbar-link .nav-item.dropdown a {
        font-size: 12px;
        display: flex;
        flex-wrap: wrap;
        max-width: 100px;
        width: 100%;
        white-space: break-spaces;
        overflow: hidden
    }

    .ta_lang .navbar-link.second-menu a.last-link.nav-link {
        font-size: 12px;
        max-width: 80px;
        overflow: hidden;
        white-space: break-spaces;
        display: flex
    }

    .ta_lang .logo {
        margin-right: -74px
    }

    .ta_lang .custome-banner-content p {
        font-size: 16px;
        line-height: 28px
    }

    .ta_lang .absorbbanner-slider .current-price {
        font-size: 24px
    }

    .ta_lang .absorbbanner-slider .current-price span {
        line-height: normal
    }
}

@media only screen and (max-width:1280px) {
    .ta_lang .product-world-wrapper .tab-filterheading h5 {
        font-size: 10px;
        line-height: 20px
    }

    .ta_lang .product-world-wrapper .tab-filterheading {
        top: 42px;
        left: 40%;
        max-width: 120px
    }

    .ta_lang .heading-component p,
    .ta_lang .tab-swiper-box .product-content h5,
    .ta_lang .testimonials-name h4,
    .ta_lang .testimonilas-content p {
        font-size: 14px
    }

    .ta_lang .connected-form .form-sec h4,
    .ta_lang .right-box-4 .right-box-4-content h5 {
        font-size: 18px
    }

    .ta_lang .connected-form .form-sec p,
    .ta_lang .navbar-link .nav-item.dropdown a {
        font-size: 12px
    }

    .ta_lang .form-wrapper form label {
        font-size: 12px;
        padding-left: 10px
    }

    .ta_lang .about-content .about-heading {
        font-size: 16px;
        line-height: 28px
    }

    .ta_lang .breacums ul {
        top: 45px
    }

    .ta_lang .title-xl2 {
        font-size: 28px
    }

    .ta_lang .extaabzorbbanner .mampoko-pant-heading .title-big {
        font-size: 30px;
        line-height: normal
    }

    .ta_lang .tittle-small {
        font-size: 16px;
        line-height: normal
    }

    .ta_lang .absorbbanner-slider .current-price {
        font-size: 28px;
        padding-top: 10px
    }

    .ta_lang .hospital-bag .parenthood-brand-card .parenthood-content h5 {
        font-size: 20px;
        line-height: 24px
    }

    .ta_lang .absorb-cards-sec .features-content h4,
    .ta_lang .achievement-details .achievement-content h4 {
        font-size: 16px
    }

    .ta_lang .about-banner-content h1.title-xl {
        font-size: 24px
    }

    .ta_lang .unicharm-corporation {
        margin-bottom: -60px
    }

    .ta_lang .blog-card-content p {
        font-size: 14px;
        line-height: 18px
    }

    .ta_lang .personal-guide .explore-preg {
        font-size: 10px
    }
}

@media only screen and (max-width:1152px) {
    .ta_lang .product-world-wrapper .tab-filterheading {
        top: 42px;
        left: 38%;
        max-width: 120px
    }

    .ta_lang .heading-component .heading-title {
        font-size: 22px !important
    }

    .ta_lang .product-world-wrapper .nav-tabs .nav-link {
        color: var(--ms-dark);
        font-size: 10px;
        padding: 5px 10px
    }

    .ta_lang .mamypoko-essentials .parenthood-gif {
        width: 200px;
        left: 32%
    }

    .ta_lang .health-pregnancy .personal-guide .explore-preg {
        top: 24px;
        right: 100px
    }

    .ta_lang .pregnancy_Videos .heading-component {
        max-width: 550px !important
    }

    .ta_lang .heading-component p br {
        display: none
    }

    .ta_lang .navbar-link.second-menu .dropdown-menu.show .row {
        overflow-y: scroll;
        height: 500px
    }

    .ta_lang .footer-gif {
        right: 0
    }

    .ta_lang .about-history-card h4,
    .ta_lang .achievement-details .achievement-content h4,
    .ta_lang .baby-happy-card .baby-card-content h5,
    .ta_lang .pregnancy-timeline-content h4 {
        font-size: 16px
    }

    .ta_lang .custome-banner.pokochan-banner .custome-banner-content .title-mid {
        padding-left: 20px;
        font-size: 22px
    }

    .ta_lang .baby-happy-card .baby-card-content h4 {
        font-size: 18px
    }

    .ta_lang .custome-banner.pokochan-banner {
        position: relative;
        z-index: 1;
        margin-top: 75px
    }

    .ta_lang .contact-form-sec.offer-details,
    .ta_lang .japan-babies-section {
        overflow: hidden
    }

    .ta_lang .personal-guide .explore-preg {
        right: 70px;
        font-size: 10px
    }

    .ta_lang .health-pregnancy.pregnancy-sec .explore-preg {
        top: 25px !important;
        right: 50px !important
    }

    .ta_lang .about-history-card p,
    .ta_lang .next-step-container h5,
    .ta_lang .profile-card-management.editing .profile-name h4,
    .ta_lang .profile-managements ul li a {
        font-size: 14px
    }

    .ta_lang .navbar-link .nav-item.dropdown a,
    .ta_lang .navbar-link.second-menu a.last-link.nav-link {
        font-size: 10px
    }

    .ta_lang .logo {
        margin-right: 0
    }

    .ta_lang .navbar-link .nav-item.dropdown a {
        max-width: 80px
    }

    .ta_lang .profile-content-card p {
        font-size: 14px;
        padding-top: 8px;
        line-height: 25px
    }

    .ta_lang .profile-content-card h3 {
        color: var(--ms-primary);
        font-size: 22px
    }

    .ta_lang .card-content-mamies.tracker .active-btn,
    .ta_lang .card-content-mamies.tracker button {
        font-size: 12px
    }

    .ta_lang .next-step-container .pregnant-content-word .mamies-world {
        font-size: 20px
    }

    .ta_lang .pregnancy-timeline-content h3 {
        font-size: 24px;
        line-height: normal
    }

    .ta_lang .profile-card-management .edit-profile {
        font-size: 14px;
        max-width: 250px
    }

    .ta_lang .input-series-mamy-group .form-select {
        padding: 0 25px 0 8px;
        font-size: 12px
    }

    .ta_lang .btn.btn-primary.add-more-btn {
        max-width: 250px;
        white-space: break-spaces;
        line-height: 20px !important;
        padding: 10px 20px 10px 45px
    }

    .ta_lang .save-btn .btn-primary.cancel {
        min-width: auto;
        padding: 0 35px
    }

    .ta_lang .save-btn .btn {
        min-width: auto
    }

    .ta_lang .save-btn {
        padding-top: 25px;
        justify-content: end;
        gap: 12px !important;
        flex-direction: column
    }

    .ta_lang .profile-cards.heading-content .profile-name {
        width: 100%;
        max-width: 200px;
        margin-right: auto
    }

    .videoplayIco img {
        max-width: 70px;
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .ta_lang .sticky-product-sec.scrolledClass {
        border-radius: 0;
        max-width: 950px
    }

    .ta_lang .personal-guide .explore-preg {
        right: 22px;
        font-size: 10px
    }

    .ta_lang .health-pregnancy.pregnancy-sec .explore-preg {
        top: 0 !important;
        right: 0 !important
    }
}

@media only screen and (max-width:991px) {
    .ta_lang .navbar-link .nav-item.dropdown a {
        max-width: 98%;
        width: 100%;
        white-space: break-spaces;
        align-items: center
    }

    .ta_lang .nav-item.dropdown .nav-link::before {
        content: "\2b";
        position: absolute;
        right: 25px;
        font-size: 25px;
        top: 10px
    }

    .ta_lang .heading-component p,
    .ta_lang .product-world-wrapper .nav-tabs .nav-link {
        font-size: 14px
    }

    .ta_lang .custome-banner.pokochan-banner .custome-banner-content .title-medium,
    .ta_lang .mamypoko-essentials-heading .title-xl2 {
        font-size: 18px;
        line-height: normal
    }

    .ta_lang .parenthood-content .btn {
        font-size: 13px;
        padding: 0 30px 0 20px;
        min-width: fit-content
    }

    .ta_lang .parenthood-content .btn:after {
        right: 15px
    }

    .ta_lang .parenthood-content .btn-primary::after {
        right: 10px
    }

    .ta_lang .sticky-product-sec {
        top: 125px
    }

    .ta_lang .personal-guide-product .filter-diaper {
        top: -18px
    }

    .ta_lang .top-navbar.scrolled {
        top: 0;
        padding: 5px 0
    }

    .ta_lang .pants-mamy-content p {
        font-size: 12px
    }

    .ta_lang .custome-banner.extraabzorb-banner .title-xl2 {
        font-size: 24px;
        line-height: normal
    }

    .ta_lang .pockochan-meet .sun-top {
        display: none
    }

    .ta_lang .custome-banner.pokochan-banner .custome-banner-content .title-mid {
        padding-left: 0;
        font-size: 18px
    }

    .ta_lang .rope-swing-content h2.tittle-small {
        font-size: 20px;
        line-height: normal
    }

    .ta_lang .rope-swing-content p {
        font-size: 16px;
        line-height: 25px;
        padding-top: 10px;
        font-weight: 400
    }

    .ta_lang .baby-happy-card .baby-card-content h4 {
        font-size: 16px
    }

    .ta_lang .baby-happy-card .baby-card-content h5 {
        font-size: 16px;
        line-height: normal
    }

    .ta_lang .contact-form-sec.offer-details .contactForm-wrapper {
        margin-top: 45px
    }

    .ta_lang .unicharm-corporation {
        margin-bottom: -140px
    }

    .ta_lang .strength-found-para h5 {
        font-size: 15px;
        line-height: normal
    }

    .ta_lang .pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs {
        max-width: 780px;
        display: flex;
        flex-wrap: nowrap;
        overflow: scroll;
        justify-content: start
    }

    .ta_lang .health-pregnancy.mamypoko-video.video-mmay .mamypokovideo-card .box-heading {
        font-size: 16px;
        line-height: 20px
    }

    .ta_lang .sub-footer-list ul {
        flex-wrap: wrap;
        gap: 15px
    }

    .ta_lang .custome-banner img.banner-img {
        position: relative;
        top: 0;
        z-index: -1;
        width: 100%;
        height: 400px;
        left: 0
    }

    .ta_lang .navbar-link .nav-item.dropdown a,
    .ta_lang .navbar-link.second-menu a.last-link.nav-link {
        font-size: 13px
    }

    .ta_lang .navbar-link.second-menu .dropdown-menu.show .row {
        height: auto
    }

    .ta_lang .personal-guide .explore-preg {
        right: 22px;
        font-size: 10px;
        line-height: normal !important
    }
}

@media only screen and (max-width:767px) {
    .ta_lang .product-world-wrapper .nav-tabs {
        justify-content: center
    }

    .ta_lang .footer-widget ul li a {
        font-size: 12px;
        line-height: 21px;
        max-width: 150px;
        padding-bottom: 5px
    }

    .ta_lang .next-step-container .select-option .form-check label,
    .ta_lang .pregnancyblog .health-pregnancy.pregnancy-blogss .personal-guide .nav.nav-tabs li .nav-link .tabs-sec,
    .ta_lang .sub-footer-list ul li a {
        font-size: 12px
    }

    .ta_lang .social-links span {
        font-size: 14px;
        font-weight: 700
    }

    .ta_lang .mamy-semi-heading {
        font-size: 16px;
        line-height: 26px
    }

    .ta_lang .parenthood-content h5 {
        font-size: 12px;
        line-height: normal
    }

    .ta_lang .parenthood-content .btn {
        font-size: 10px;
        padding: 0 40px 0 20px
    }

    .ta_lang .health-pregnancy .personal-guide .explore-preg {
        top: 0;
        right: 0;
        left: 0;
        margin: 0 auto;
        padding: 14px 15px;
        line-height: normal !important
    }

    .ta_lang .health-pregnancy .personal-guide .nav.nav-tabs {
        top: 110px
    }

    .ta_lang .expolore-pregnancy {
        top: 242px
    }

    .ta_lang .custome-banner-content {
        margin-left: 40px;
        margin-top: 0
    }

    .ta_lang .tesrm-condion-content h2,
    .ta_lang .title-xl {
        font-size: 20px
    }

    .ta_lang .mamypoko-essentials.newborn-baby .essential-content .mamypoko-essentials-heading p,
    .ta_lang .pregnancy-timeline-content h3 {
        font-size: 20px;
        line-height: normal
    }

    .ta_lang .did-know-content p,
    .ta_lang .momcorner-content.special-care .mamy-semi-heading span {
        font-size: 16px;
        line-height: normal
    }

    .ta_lang .extraabzorb-banner .custome-banner-content .title-xl2,
    .ta_lang .title-blog {
        font-size: 22px
    }

    .ta_lang .extaabzorbbanner .mampoko-pant-heading .title-big {
        font-size: 20px;
        line-height: normal;
        padding-bottom: 10px
    }

    .ta_lang svg.svg-inline--fa.fa-star {
        width: 10px
    }

    .ta_lang .category-product {
        display: flex;
        gap: 10px;
        flex-direction: column
    }

    .ta_lang .category-product .select-dropdown:last-child {
        padding-top: 0
    }

    .begning-card a,
    .ta_lang .absorb-cards-sec .features-content h4,
    .ta_lang .calender-card .result-cards .begning-card h4 {
        font-size: 16px
    }

    .ta_lang .preemie-diaper .mamypoko-pants-card .pants-mamy-content p {
        font-size: 12px;
        line-height: normal;
        font-weight: 400
    }

    .ta_lang .momcorner-content.special-care .mamy-semi-heading {
        font-size: 22px;
        line-height: normal;
        margin: 0
    }

    .ta_lang .knowcard-img h4 {
        font-size: 22px;
        padding-bottom: 8px
    }

    .ta_lang .hospital-bag .parenthood-brand-card .parenthood-content h5 {
        font-size: 15px;
        line-height: 24px
    }

    .ta_lang .did-u-know.pregnancy-blogss .did-u-content p {
        max-width: 250px;
        font-weight: 400
    }

    .ta_lang .pockochan-meet .essential-content .btn-primary {
        margin: 0;
        max-width: 300px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        white-space: break-spaces;
        line-height: normal !important;
        padding: 10px 20px
    }

    .ta_lang .pockochan-meet .essential-content .heading-component {
        top: 0
    }

    .ta_lang .custome-banner-content.about-banner-content h1 {
        font-size: 22px !important
    }

    .ta_lang .custome-banner.pokochan-banner {
        margin-top: 22px
    }

    .ta_lang .custome-banner.pokochan-banner .breacums ul {
        top: 124px
    }

    .ta_lang .custome-banner.pokochan-banner .custome-banner-content {
        margin: 0 auto
    }

    .ta_lang .baby-happy-card {
        left: 0;
        top: 20px;
        max-width: 330px;
        height: 100%;
        padding: 0 25px
    }

    .ta_lang .baby-card-img .video-gif.product-world-gif {
        top: 35px
    }

    .ta_lang .begning-card h2,
    .ta_lang .birth-story-content h4,
    .ta_lang .profile-cards h2,
    .ta_lang .right-box-4 .right-box-4-content h5,
    .ta_lang .rope-swing-content h2.tittle-small,
    .ta_lang .tracker-component h3 {
        font-size: 18px
    }

    .ta_lang .birth-story-content p,
    .ta_lang .blog-contact-page .blog-heading p,
    .ta_lang .blog-content p,
    .ta_lang .faq-card h5,
    .ta_lang .mamypoko-pregnancy-period ul li a,
    .ta_lang .personal-guide-product .nav.nav-tabs li a,
    .ta_lang .pregnancy-cretivity .blog-content ul li,
    .ta_lang .rope-swing-content p,
    .ta_lang .tesrm-condion-content p strong,
    .ta_lang .tesrm-condion-content ul li {
        font-size: 14px
    }

    .ta_lang .baby-minitape.pokochan .babymini-content p {
        font-size: 14px;
        line-height: normal
    }

    .ta_lang .custome-banner.newbornpage .custome-banner-content {
        margin-top: 0;
        top: 165px
    }

    .ta_lang .custome-banner.newbornpage .custome-banner-content .title-lg {
        font-size: 28px;
        line-height: 45px
    }

    .ta_lang .tesrm-condion-content p,
    .ta_lang .unicharm-corporation-content p {
        font-size: 14px;
        line-height: 24px
    }

    .ta_lang .tesrm-condion-content h3 {
        font-size: 18px;
        padding-bottom: 12px
    }

    .ta_lang .breacums ul {
        top: 145px
    }

    .ta_lang .hospital-banner .custome-banner-content .title-xl {
        font-size: 22px;
        padding-top: 18px
    }

    .ta_lang .pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs li .nav-link.active .tabs-sec {
        padding: 6px 15px !important
    }

    .ta_lang .pregnancyblog .health-pregnancy .personal-guide .nav.nav-tabs li .nav-link.active {
        padding: 0 !important;
        border-radius: 8px !important;
        border: 2px solid #aa7b15
    }

    .ta_lang .parenthood-guide .nav.nav-tabs,
    .ta_lang .sticky-product-sec.scrolledClass {
        top: 94px
    }

    .ta_lang .product-dipers .btn {
        margin-top: 20px;
        padding: 14px 40px 14px 15px;
        line-height: normal !important;
        white-space: break-spaces
    }

    .ta_lang .card-dropdown-mamies.content-tracker {
        flex-direction: column;
        border-bottom: 0
    }

    .ta_lang .content-tracker .card-content-mamies {
        padding: 0 18px 22px;
        border-bottom: 1px solid;
        width: 100%;
        align-items: start
    }

    .ta_lang .card-content-mamies.tracker.dropdown-menu-mamies {
        justify-content: center;
        margin-bottom: 0;
        width: 100%;
        position: relative;
        left: 0;
        max-width: 300px;
        border: 0;
        padding-bottom: 0
    }

    .ta_lang .card-content-mamies.tracker ul {
        justify-content: start;
        width: 100%;
        z-index: 1;
        padding: 12px 14px 14px;
        gap: 15px;
        top: 0
    }

    .ta_lang .card-content-mamies.tracker .active-btn span {
        width: 100%;
        gap: 10px;
        overflow: hidden
    }

    .ta_lang .card-content-mamies.tracker ul .active-btn span {
        padding: 0;
        width: 100%;
        max-width: 100%
    }

    .ta_lang .calender-card .result-cards .begning-card h3 {
        margin: 0;
        font-size: 18px;
        padding-bottom: 10px !important
    }

    .ta_lang .calender-card .result-cards .begning-card h5 {
        color: var(--ms-pink);
        font-size: 14px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap
    }

    .ta_lang .card-content-mamies.tracker .active-btn,
    .ta_lang .card-content-mamies.tracker button {
        font-size: 12px;
        width: 100%
    }

    .ta_lang .card-content-mamies.tracker .active-btn br {
        display: none
    }

    .ta_lang .card-content-mamies.tracker ul button span {
        width: 100%
    }

    .ta_lang .selection-group label h6 {
        padding-top: 12px;
        font-size: 14px
    }

    .ta_lang .absorbbanner-slider .current-price span {
        padding-bottom: 15px
    }

    .ta_lang .hospital-bag .parenthood-brand-card .parenthood-content .btn {
        font-size: 14px;
        white-space: break-spaces !important;
        line-height: normal !important;
        padding: 8px 25px 8px 18px !important
    }

    .ta_lang .personal-guide .explore-preg {
        max-width: 270px;
        display: flex;
        right: 0
    }

    .ta_lang .health-pregnancy.pregnancy-sec .personal-guide .explore-preg {
        max-width: 300px;
        top: 0
    }

    .ta_lang .radio-btn .hobbies-icon h3 {
        color: #1a1a1a;
        text-align: center;
        font-size: 14px;
        max-width: 100px
    }

    .ta_lang .momcorner-content .btn {
        min-width: auto;
        max-width: fit-content;
        white-space: normal;
        line-height: 25px !important;
        padding: 10px 40px 10px 25px
    }

    .ta_lang .social-links ul li a svg {
        position: relative;
        top: 2px
    }

    .ta_lang .btn-container .next-btn-container {
        min-width: auto;
        white-space: break-spaces;
        line-height: 25px !important;
        padding: 8px 25px
    }

    .ta_lang .hospital-card-tracker .hospital-content-card h4 {
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 15px
    }

    .ta_lang .card-wrapper.happiedn-card .hospital-content-card .btn-primary {
        min-width: auto;
        padding: 10px 45px 10px 15px;
        max-width: 250px;
        white-space: break-spaces;
        line-height: 20px !important
    }
}

@media only screen and (max-width:640px) {

    .hi_lang .pants-star p,
    .hi_lang .pants-star span {
        text-align: left;
        width: 100%
    }

    .hi_lang .pockochan-meet .essential-content .btn-primary {
        max-width: 300px;
        white-space: break-spaces;
        line-height: normal !important;
        padding: 12px 20px
    }

    .hi_lang .custome-banner.pokochan-banner {
        margin-top: 25px
    }

    .hi_lang .calender-card .result-cards .begning-card h4,
    .ta_lang .calender-card .result-cards .begning-card h4 {
        font-size: 14px
    }

    .hi_lang .pants-star,
    .ta_lang .pants-star {
        display: flex;
        gap: 10px;
        align-items: center;
        flex-direction: column;
        justify-content: start;
        width: 100%
    }

    .hi_lang .share-icon-absorb span {
        width: auto
    }

    .hi_lang .share-icon-absorb {
        gap: 10px;
        width: 100%
    }

    .ta_lang .pants-star p,
    .ta_lang .pants-star span {
        width: 100%;
        text-align: left
    }

    .ta_lang .product-world-wrapper .nav-tabs {
        justify-content: start;
        margin-top: 70px
    }

    .ta_lang .expolore-pregnancy {
        margin-top: 155px;
        top: 200px;
        padding: 22px 0
    }

    .ta_lang .product-world-wrapper .tab-carousel {
        margin-top: 50px
    }

    .ta_lang .health-pregnancy .personal-guide .nav.nav-tabs {
        top: 68px;
        margin-top: -225px;
        justify-content: start
    }

    .ta_lang .health-pregnancy .expolore-pregnancy {
        margin-top: 140px;
        top: 195px
    }

    .ta_lang .health-pregnancy.pregnancy-sec .personal-guide .explore-preg {
        max-width: 300px;
        top: 0;
        font-size: 12px !important
    }

    .ta_lang .parenthood-card-health.product-page-card {
        margin-top: 148px
    }

    .ta_lang .video-cta a.btn {
        white-space: break-spaces;
        font-size: 12px;
        line-height: normal !important;
        padding: 15px 25px
    }

    .ta_lang .health-pregnancy.infant_card .parenthood-card-health.product-page-card,
    .ta_lang .health-pregnancy.newborn_card .parenthood-card-health.product-page-card {
        margin: 0
    }

    .ta_lang .custome-banner-content {
        margin-left: 0;
        margin-top: 0
    }

    .ta_lang .custome-banner.newbornpage .custome-banner-content {
        margin-top: 0;
        top: 140px
    }

    .ta_lang .pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs li .nav-link.active .tabs-sec {
        padding: 15px !important;
        white-space: break-spaces
    }

    .ta_lang .pregnancyblog .health-pregnancy.mamypoko-video .personal-guide .nav.nav-tabs li .nav-link .tabs-sec {
        white-space: break-spaces
    }

    .ta_lang .mamypoko-top.blog-details .subscribe-sun {
        top: 0;
        display: none
    }

    .ta_lang .parenthood-guide .nav.nav-tabs {
        padding: 14px 18px;
        gap: 15px;
        top: 60px;
        margin-top: -230px;
        justify-content: start !important
    }

    .ta_lang .sticky-product-sec.scrolledClass {
        top: 70px
    }

    .ta_lang .logo {
        margin-right: -20px
    }

    .ta_lang .card-content-mamies.tracker ul .active-btn span {
        padding: 0;
        width: 100%;
        max-width: 100%
    }

    .ta_lang .calender-card .result-cards .begning-card h3 {
        margin: 0;
        font-size: 16px
    }

    .ta_lang .calender-card .result-cards .begning-card h5 {
        font-size: 11px
    }

    .ta_lang .filter-diapers .filter-diaper-content h5 {
        max-width: 400px;
        font-size: 12px;
        line-height: 22px
    }

    .ta_lang .profile-content-card h3 {
        color: var(--ms-primary);
        font-size: 20px
    }

    .ta_lang .card-dropdown-mamies.content-tracker .profile-content-card h3 {
        font-size: 18px
    }

    .ta_lang .hospital-card-tracker .hospital-content-card {
        max-width: 250px;
        left: 22px;
        top: 125px
    }

    .ta_lang .profile-content-card p {
        line-height: 22px
    }

    .ta_lang .progress-pregnancy-card h5 {
        font-size: 16px;
        font-weight: 700;
        line-height: 25px
    }

    .ta_lang .absorbbanner-slider .current-price {
        font-size: 22px;
        flex-direction: column;
        text-align: left;
        width: 100%;
        justify-content: start
    }

    .ta_lang .absorbbanner-slider .current-price span {
        font-size: 14px;
        color: var(--ms-dark);
        line-height: 20px;
        padding-bottom: 5px
    }

    .ta_lang .custome-banner.about-history-banner .custome-banner-content {
        top: 106px
    }

    .ta_lang .radio-btn .hobbies-icon h3 {
        font-size: 12px
    }

    .ta_lang .latest-news-cards.popular-blogs .video-cta .btn {
        min-width: auto;
        padding: 15px 55px 15px 25px;
        line-height: 20px !important
    }

    .ta_lang .personal-guide .nav.nav-tabs li .nav-link.active {
        padding: 0;
        width: fit-content
    }

    .ta_lang .card-content-mamies .profile-img {
        margin-top: 0
    }

    .pregnancy-status-tracker .personal-guide-card .contentcard .content .btn.btn-primary {
        top: 300px;
        right: 35px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width:767px) {
    .ta_lang .custome-banner.newbornpage .custome-banner-content {
        margin-top: 0;
        top: 100px
    }

    .ta_lang .next-step-container .pregnant-content-word p,
    .ta_lang .wight-h-card p {
        font-size: 14px
    }

    .ta_lang .login-heading p {
        text-align: center;
        font-weight: 500;
        font-size: 14px
    }

    .ta_lang .mamy-world-form {
        margin-bottom: 50px
    }

    .ta_lang .pants-star p {
        width: 100%
    }

    .ta_lang svg.svg-inline--fa.fa-star {
        width: 15px
    }
}

.videoplayIco {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

input:-internal-autofill-selected {
    background: 0 0
}

.seo-content li,
.seo-content p {
    font-size: 11px;
    margin-bottom: 10px
}

.absorb-cards-sec .features-content span i,
.extraabzorb-banner .custome-banner-content span i {
    font-size: 11px;
    display: inline-block
}

.igpost-caption p {
    word-wrap: break-word !important;
    white-space: pre-line !important;
    padding-bottom: 0 !important
}

.contentcard.third.dark {
    height: 175px;
    background-color: #fff0e5
}

.blogs-cards .contentcard.third.dark {
    height: 215px;
    overflow: hidden;
    background-color: #fff0e5
}

.parenthood-card .col-lg-4:nth-child(3) .contentcard.third.dark {
    overflow: hidden;
    min-height: 200px;
    background-color: #fff0e5 !important;
    position: relative
}

.blogs-cards .contentcard.third.dark video,
.parenthood-card .col-lg-4:nth-child(3) .contentcard.third.dark video {
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0;
    right: 0
}

.contentcard.third.dark .content h3 {
    color: var(--ms-black) !important
}

.newForm .next-step-cards input {
    padding: 14px 20px;
    font-size: 16px
}

.newForm .input-series select {
    min-height: 52px;
    font-size: 16px
}

.newForm .days-select .dayselct p {
    padding: 8px 12px;
    font-size: 12px
}

.newForm .days-select {
    gap: 0;
    margin: 10px 0 25px
}

.newForm .days-select .dayselct {
    padding: 0 5px
}

.ql-video {
    display: block;
    position: relative;
    width: 100%;
    max-width: 900px;
    margin: 1.5rem auto;
    aspect-ratio: 16/9;
    border: none;
    border-radius: 12px;
    background: #000
}

.ql-video[src*="youtu.be"],
.ql-video[src*="youtube.com"] {
    width: 100%;
    height: 100%;
    display: block
}

@media (max-width:480px) {
    .latest-mmpnews-banner .personal-guide-card .blog-child-mobile {
        right: -12px
    }

    .mamypoko-pregnancy-period ul {
        display: flex;
        justify-content: start;
        gap: 5px;
        list-style: none;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        padding: 0 15px 10px;
        margin: 0
    }

    .ql-video {
        max-width: 100%;
        border-radius: 8px;
        margin: 1rem auto
    }
}