@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap');

html {
  scroll-behavior: smooth;
}

button:focus{outline: none;}
h1,p,ul{margin: 0px; padding:0px;}
a:hover{text-decoration: none;}

.white-trans-txt {
  color: rgba(255,255,255,0.5) !important;
}

.menu-mar-auto{margin: auto;}
#main-menu{background-color: #fff; -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;}
.sticky{position: fixed; top: 0px; width: 100%; z-index: 1; animation: smoothScroll 1s forwards;}
@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }
    100% {
        transform: translateY(0px);
    }
}
.navbar-dark .navbar-nav .nav-link{color: #000; font-size: 14px; text-transform: uppercase; 
	font-family: 'Assistant', sans-serif; font-weight: 700;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, 
.navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{
	color: #4b2a91;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color: #4b2a91;}
.consult-btn{background-image: linear-gradient(0deg, #0076c9, #219ef6); border-radius: 14px; border: 2px solid #fff; 
color: #fff; font-size: 12px; display: block; font-family: 'Nunito', sans-serif; 
font-weight: 700; padding: 9px 25px 9px 25px; box-shadow: 0px 3px 8px #1262ad; margin: 0px .5rem; border-top: 0px; 
transition: 0.3s; text-transform: uppercase;}
.consult-btn:hover, .consult-btn:focus{background-image: linear-gradient(0deg, #219ef6, #0076c9); border-radius: 10px; 
    color: #fff; text-decoration: none;}

.video-banner-div{background-image: url(../images/video.png); background-repeat: no-repeat; 
    background-size: cover; padding: 3rem 5rem 8rem 5rem;}
.play-btn{color: #fff; font-family: 'Nunito', sans-serif; font-size: 16px; text-transform: uppercase;}
.play-btn:hover{color: #fff;}


.sec-1{padding:4rem 0px; background-image: linear-gradient(180deg, #fefefe, #f7f6fb); position: relative; z-index: 0;}
.sec-1::after{position: absolute; content: ''; background-image: url(../images/sec-1-bg.png); background-repeat: no-repeat; 
background-size: 100%; background-position: bottom; height: 100%; width: 100%; bottom: 0px; z-index: -1;}
.h1class{font-family: 'Assistant', sans-serif; font-weight: 800; font-size: 64px; color: #373737; margin-bottom: 20px;}
.sec-1-txt1{font-family: 'Nunito', sans-serif; font-size: 16px; color: #5c5c5c; margin-bottom: 20px;}
.get-muout-btn{background-image: linear-gradient(0deg, #0076c9, #219ef6); border-radius: 17px; border: 2px solid #fff;
    color: #fff; font-size: 14px; font-family: 'Nunito', sans-serif; font-weight: 700; 
    padding: 12px 40px; box-shadow: 0px 3px 8px #1262ad; border-top:0px; transition: 0.3s;}
.get-muout-btn:hover, .get-muout-btn:focus{background-image: linear-gradient(0deg, #219ef6, #0076c9); border-radius: 10px;
 color: #fff; text-decoration: none; cursor: pointer;}
.sec-1-div{padding: 0px 4rem;}


.sec-2{padding: 5rem 0px; background:url(../images/sec-2-bg.jpg) no-repeat; background-size: cover;}
.h1class1{font-family: 'Assistant', sans-serif; font-weight: 800; font-size: 64px; color: #fff; margin-bottom: 20px;}
.why-sec-2 .h1class1 { font-size: 50px; }
.sec-2-txt1{font-family: 'Nunito', sans-serif; font-size: 16px; color: #fff; margin-bottom: 20px; margin-top: 20px}
.sec-2-list{display: inline-flex; margin-bottom: 20px;}
.sec-2-list li{font-family: 'Nunito', sans-serif; font-size: 16px; color: #fff; background: url(../images/bullet.png) 
no-repeat 0px 5px; padding:0px 25px;}
.sec-2-box{display: inline-flex; width: 80%; background: url(../images/sec-2-txt-bg.png) no-repeat; padding: 30px 0px; 
background-size: cover;}
.sec-2-box1{width: 20%;}
.sec-2-box1 p{font-family: 'Assistant', sans-serif; font-weight: 800; font-size: 30px; color: #fff; text-align: center; 
text-shadow: 0px 3px 3px #232323;}
.sec-2-box2{width: 70%;}
.sec-2-box2 p{font-family: 'Nunito', sans-serif; font-size: 16px; color: #fff; padding-left: 20px;}

.sec-3{padding: 5rem 0px; background-color: #f7f6fb;}
.sec3-help-tabs{border-bottom: none; background-color: #fff; display: inline-flex; border-radius: 17px; 
    border:1px solid #fff; box-shadow: 0px 3px 5px #a0a0a0;}
.sec3-help-tabs .nav-item.show .nav-link, .sec3-help-tabs .nav-link.active{
    background-image: linear-gradient(0deg, #0076c9, #219ef6);
    border-radius: 17px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    padding: 12px 40px;
    box-shadow: 0px 2px 3px #1262ad;}
.sec3-help-tabs .nav-link{padding: 13px 25px; font-size: 14px; font-family: 'Nunito', sans-serif; font-weight: 700;}
.sec3-help-tabs .nav-link:focus, .sec3-help-tabs .nav-link:hover {border-color: unset; border:1px solid #fff; 
    border-radius: 17px;}
.sec3-infants-box{display: inline-flex; width: 100%; margin-top: 30px; position: relative;}
.sec-3-baby{position: absolute; top: 0px; left: 44%;}
.sec3-infants-box1{width: 50%; background-color: #e4007a; padding: 3rem; position: relative; border-top-left-radius:10px; 
border-bottom-left-radius:10px;}
.sec3-infants-box1::before{position: absolute; content: ''; top:-15px; border-bottom: solid 15px #e4007a;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;}
.sec3-infants-box1 p{font-family: 'Assistant', sans-serif; font-weight: 800; font-size: 22px; color: #fff; 
margin-bottom: 20px;}
.sec3-infants-box2{width: 50%; background-color: #f468a0; padding: 3rem 6rem 3rem 8rem; position: relative; 
    border-top-right-radius:10px; border-bottom-right-radius:10px;}
.sec3-infants-box2 p{font-family: 'Assistant', sans-serif; font-weight: 800; font-size: 22px; color: #fff; 
margin-bottom: 20px;}
.sec3-infants-list{}
.sec3-infants-list li{font-family: 'Nunito', sans-serif; font-size: 16px; color: #fff; list-style-type: disc;}
.sec3-infants-list li::marker{color: #fd87ad; font-size: 20px;}
.ver-line1{border-left: 1px solid #fd87ad;  height: 119px; position: absolute; top: 112px; left: 31px;}
.ver-line2{border-left: 1px solid #fd87ad;  height: 114px; position: absolute; top: 112px; left: 111px;}

.sec-3-test-div{background-color: #fff; border-radius: 10px; padding:40px 40px; display: inline-flex; width: 93%; 
position: relative; margin: 0px 0px 0px 80px; box-shadow: 0px 5px 18px #e2e3e3;}
.sec-3-test-div::before{position: absolute; content: ''; background-image: url(../images/sec-3-q-img.png); 
background-repeat: no-repeat; width: 194px; height: 194px; left: -10%; top: 15px;}
.sec-3-test-div1{width: 70%; padding-left: 5rem;}
.sec-3-test-div1 .txt1{font-family: 'Assistant', sans-serif; font-weight: 800; font-size: 40px; color: #e4007a; line-height: 1.2; margin-bottom: 10px}
.sec-3-test-div1 .txt2{font-family: 'Nunito', sans-serif; font-weight: 700; font-size: 16px; color: #5c5c5c;}
.sec-3-test-div2{width: 30%; margin: auto; text-align: center;}
.test-arrow{position: relative; top: -2px; left: 10px;}

.sec-4{padding: 5rem 0px; background-color: #fff;}
.sec-4-txt1{font-family: 'Nunito', sans-serif; font-size: 16px; color: #7c7c7c;}
.sec-4-txt2{font-family: 'Nunito', sans-serif; font-weight: 700; font-size: 16px; color: #333334; margin-bottom: 10px;}
.mout-p1{transition: 0.3s;}
.mout-p1:hover{transform: scale(1.05);}

.sec-5{background: url(../images/sec-5-bg.jpg) no-repeat; background-size: cover; padding: 3.5rem 0px;}

.sec-6{padding: 5rem 0px; background-color: #f7f6fb;}
/******************v accor tabs**************/
ul.v-accor-tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}

ul.v-accor-tabs li {
    margin: 0;
    cursor: pointer;
    padding: 5px 25px 5px 0px;
    line-height: 31px;
    background-color: transparent;
    color: #c3ccd6;
    overflow: hidden;
    position: relative;
    font-family: 'Assistant';
    font-weight: 700;
    font-size: 18px;
}

.tab_last { border-bottom: none!important; }

ul.v-accor-tabs li:hover {
    background-color: transparent;
    color: #e4007a;
}

ul.v-accor-tabs li.active1 {
    background-color: transparent;
    color: #e4007a;
    display: block;
}

.tab_container {
    clear: both;
    float: left;
    width: 100%;
    overflow: auto;
}

.tab_content {
    display: none;
}

.tab_drawer_heading { display: none; }
/*****************v accor tabs*************/
.sec6-solid-list1{display: inline-flex; width: 100%; flex-wrap: wrap; padding: 1rem 1rem 0px 1rem;}
.sec6-solid-list1 li{width: 50%; display: flex; padding: 20px 0px 0px 0px;}
.sec6-solid-list1 .solid-li-span1{font-family: 'Assistant', sans-serif; font-weight: 800; color: #eb7aad; font-size: 20px;}
.sec6-solid-list1 .solid-li-span2{color: #171616; font-size: 16px; font-family: 'Nunito', sans-serif; padding: 5px 15px;}
.solid-li-txt{color: #171616; font-size: 16px; font-family: 'Nunito', sans-serif; padding-top: 2rem;}
.table-view-box{display: inline-flex; width: 100%;}
.table-view-box1{width: 50%; padding: 2rem 2em 0px 1rem;}
.table-cls1 tr:nth-child(odd){background-color: #fff;}
.table-cls1 tr td{border:1px solid #e0dfe2; padding: 8px; color: #171616; font-size: 16px; 
    font-family: 'Nunito', sans-serif;}
.table-cls1 {
    border-collapse: separate;
    border-spacing: 0;
}
.table-cls1 tr:first-child td{border-top-left-radius: 10px;}
.table-cls1 tr:first-child td:nth-child(2){border-top-left-radius: 0px; border-top-right-radius: 10px;}
.table-cls1 tr:last-child td{border-bottom-left-radius: 10px;}
.table-cls1 tr:last-child td:nth-child(2){border-bottom-left-radius: 0px; border-bottom-right-radius: 10px;}
.download-btn{color: #b6b5b5; text-transform: uppercase; font-family: 'Nunito', sans-serif; font-size: 15px; 
font-weight: 700; border:none; background-color: transparent; cursor: pointer;}


.sec-7{padding: 5rem 0px; background-color: #fff;}
.sec-7-v1{text-align: center; margin-top: 20px; margin-bottom: 15px;}
.sec-7-v1 img{box-shadow: 0px 5px 18px #e2e3e3; border-radius: 20px;}
.sec-7-txt1{font-family: 'Nunito', sans-serif; font-weight: 700; color: #000000; padding: 0 10px;}

.sec-8{background-color: #f7f6fb; padding: 3rem 0px 0px;}

/* Value Slider */
.owl-carousel{z-index: 0!important;}
.values-slider .value{
    box-sizing: border-box;
    background: #fff;
    background-size: 100%;
    text-align: center;
    margin: 1rem auto 3rem auto;
    padding: 45px;
    color: #666;
    max-width: 350px;
    min-height: 230px;
    border-radius: 10px;
    box-shadow: 0px 5px 18px #e2e3e3;
}

.values-slider .value .head {}

.values-slider .value .head h3{
    display: inline-block;
    font: bold 24px 'open sans';
    position: relative;
    top: -20px;
}

.values-slider .value .head .line{
    display: inline-block;
    width: 40px;
    height: 1px;
    background: #eacfb1;
    margin: 0 15px;
    position: relative;
    top: -25px;
}

.values-slider .value .head .value-icon{
    display: inline-block;
    height: auto;
}

.values-slider .value .head .value-icon svg{
    width: 100%;
    height: auto;
}

.values-slider .value .value-text{
    font-family: 'Nunito', sans-serif;
    color: #373737;
    font-size: 15px;
    line-height: 20px;
    margin-top: 10px;
}

.value-text .span1{font-family: 'Assistant', sans-serif; font-weight: 800; color: #0d8be4;}
.value-text .span2{font-family: 'Assistant', sans-serif; font-weight: 800; color: #e4007a;}
.value-text .span3{font-family: 'Assistant', sans-serif; font-weight: 800; color: #ff9c00;}

.values-slider .owl-item .item {
    filter: blur(3px);
    transform: scale(.75);
    transition: all .5s;
}

.values-slider .owl-item.active.center .item{
    filter: blur(0);
    transform: scale(1);
    transition: all .5s;
}

.values-slider .owl-nav {
    position: absolute;
    top: 35%;
    width: 100%;
}


.values-slider .owl-nav .owl-prev {
    float: left;
}

.values-slider .owl-nav .owl-prev span, .values-slider .owl-nav .owl-next span{
    color: #666;
    font-size: 48px;
    border-radius: 100%;
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
}

.values-slider .owl-nav .owl-next {
    float: right;
}

.stool-div{width: 100%; background-color: #fff; border-radius: 10px; padding: 2rem 0px 5rem;}
/*****************************************************************************/
/*.chart-skills-div{height: 350px; position: relative; width: 50%; margin:0px auto;}
.chart-skills{position: absolute; bottom: 140px;}
.chart-skills li{position: absolute;}
.chart-skills li:nth-child(2){position: absolute; top: -90px; left: 26px;}
.chart-skills li:nth-child(3){position: absolute; top: -141px; left: 96px;}
.chart-skills li:nth-child(4){position: absolute; top: -149px; left: 195px;}
.chart-skills li:nth-child(5){position: absolute; top: -141px; left: 290px;}
.chart-skills li:nth-child(6){position: absolute; top: -90px; left: 357px;}
.chart-skills li:nth-child(7){position: absolute; top: 0px; left: 403px;}*/

.start-txt{font-family: 'Nunito', sans-serif; font-weight: 700; color: #373737; font-size: 14px; text-align: center;
text-transform: uppercase;}
.end-txt{font-family: 'Nunito', sans-serif; font-weight: 700; color: #373737; font-size: 14px; text-align: center;
text-transform: uppercase;}

/*.chart-skills li img{transition: 0.3s;}
.chart-skills li img:hover{transform: scale(1.1);}

.chart-skills li img:hover + .stool-txt1{opacity: 1;}
.stool-txt1{position: absolute; left: -105px; text-align: center; top: 15px; font-size: 12px; font-weight: 700; 
    font-family: 'Nunito', sans-serif; color: #171616; opacity: 0; width: 85%;}
.chart-skills li img:hover + .stool-txt2{opacity: 1;}
.stool-txt2{position: absolute; left: -105px; text-align: center; top: 15px; font-size: 12px; font-weight: 700; 
    font-family: 'Nunito', sans-serif; color: #171616; opacity: 0; width: 85%;}
.chart-skills li img:hover + .stool-txt3{opacity: 1;}
.stool-txt3{position: absolute; left: -50px; text-align: center; top: -30px; font-size: 12px; font-weight: 700; 
    font-family: 'Nunito', sans-serif; color: #171616; opacity: 0; width: 85%;}
.chart-skills li img:hover + .stool-txt4{opacity: 1;}
.stool-txt4{position: absolute; left: 0px; text-align: center; top: -60px; font-size: 12px; font-weight: 700; 
    font-family: 'Nunito', sans-serif; color: #171616; opacity: 0;}
.chart-skills li img:hover + .stool-txt5{opacity: 1;}
.stool-txt5{position: absolute; left: 70px; text-align: center; top: -25px; font-size: 12px; font-weight: 700; 
    font-family: 'Nunito', sans-serif; color: #171616; opacity: 0; width: 85%;}
.chart-skills li img:hover + .stool-txt6{opacity: 1;}
.stool-txt6{position: absolute; left: 115px; text-align: center; top: 5px; font-size: 12px; font-weight: 700; 
    font-family: 'Nunito', sans-serif; color: #171616; opacity: 0; width: 85%;}
.chart-skills li img:hover + .stool-txt7{opacity: 1;}
.stool-txt7{position: absolute; left: 120px; text-align: center; top: 30px; font-size: 12px; font-weight: 700; 
    font-family: 'Nunito', sans-serif; color: #171616; opacity: 0; width: 85%;}

.meter-pointer{position: absolute; bottom: 40px; left: 42%;}*/

.carousel-hover-blk{display: inline-flex; width: 100%; flex-wrap: wrap; justify-content: center;}
.carousel-hover-blk1{width: 11%; margin: 30px auto;}
.carousel-hover-blk2{width: 11%; padding: 0px 5px;}
.carousel-hover-blk2 img{width: 100%; transition: 0.3s;}
/*.carousel-hover-blk2 img:hover{cursor: pointer; transform: scale(1.1);}*/
.carousel-hover-blk2 img:hover + .stool-txt1{opacity: 1; }

.carousel-hover-blk3{width: 11%; padding: 0px 5px;}
.carousel-hover-blk3 img{width: 100%; transition: 0.3s;}
/*.carousel-hover-blk3 img:hover{cursor: pointer; transform: scale(1.1);}*/
.carousel-hover-blk3 img:hover + .stool-txt2{opacity: 1; }
.stool-txt1{text-align: center; font-size: 14px; font-weight: 700; font-family: 'Nunito', sans-serif; color: #171616; 
opacity: 1; margin: 10px 0;}
.stool-txt1 img{width: auto;}
.stool-txt2{text-align: center; font-size: 14px; font-weight: 700; font-family: 'Nunito', sans-serif; color: #171616; 
opacity: 1; margin: 10px 0;}
.stool-txt2 img{width: auto;}
#owl-carousel2{display: none;}
/****************************************************************************/

.sec-9{background: url(../images/sec-9-bg.png) no-repeat; background-size: cover; padding: 4rem 0px;}
.sec-9-box{display: inline-flex; width: 100%; margin-bottom: 30px;}
.sec-9-box1{width: 35%;}
.sec-9-box1 p{font-family: 'Assistant', sans-serif; font-weight: 800; font-size: 50px; color: #ffd450; text-align: center;}
.sec-9-box2{width: 65%; margin: auto;}
.sec-9-box2 p{font-family: 'Nunito', sans-serif; font-weight: 700; font-size: 16px; color: #fff;}

.footer-div{background-color: #3c3c3c; padding: 2rem 0px 0px 0px;}
.footer-text{font-family: 'Nunito', sans-serif; font-size: 16px; color: #fff; text-align: center; padding-bottom: 2rem;}
.footer-text1{font-family: 'Nunito', sans-serif; font-size: 12px; color: #fff; text-align: right;}
.footer-text2{font-family: 'Nunito', sans-serif; font-size: 16px; color: #fff; text-align: center;padding-bottom: 5px;}
.footer-text2 a{font-family: 'Nunito', sans-serif; font-size: 16px; color: #fff; text-align: center;}

.h1class2{font-family: 'Assistant', sans-serif; font-weight: 800; font-size: 20px; color: #e32d8f;}
.btn-get-advice{background-image: linear-gradient(
0deg
, #0076c9, #219ef6);
    border-radius: 14px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 12px;
    display: block;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    padding: 11px 10px 9px 10px;
    box-shadow: 0px 5px 10px #1262ad; cursor: pointer; width: 100%; border-top:0px; transition: 0.3s; margin-bottom: 20px;}
.btn-get-advice:hover, .btn-get-advice:focus{background-image: linear-gradient(0deg, #219ef6, #0076c9); 
    border-radius: 10px;}
.modal-content-bg{background:url(../images/modal-bg.png) no-repeat; background-size: cover; border-radius: 10px;}
.modal-dialog{max-width: 45%;}
.close{float: left; line-height: 0; cursor: pointer;}
.form-control1{background-color: #e7f4f8; background-image: url(../images/name-icon.png); background-repeat: no-repeat;
background-position: 10px center; padding: 10px 40px; border: 0px; border-radius: 10px;}
.form-control2{background-color: #e7f4f8; background-image: url(../images/mobile-icon.png); background-repeat: no-repeat;
background-position: 10px center; padding: 10px 40px; border: 0px; border-radius: 10px;}
.form-control3{background-color: #e7f4f8; background-image: url(../images/mail-icon.png); background-repeat: no-repeat;
background-position: 10px center; padding: 10px 40px; border: 0px; border-radius: 10px;}
.form-control1:focus, .form-control2:focus, .form-control3:focus{background-color: #e7f4f8;}

.disp-class1{display: block!important;}
.disp-class2{display: none!important;}

/******************product page*******************/
.banner-div{background-image: url(../images/product-banner-bg.png); background-repeat: no-repeat; background-size: cover;
    padding: 5rem 5rem 7rem 5rem;}
.banner-txt1{font-family: 'Assistant', sans-serif; font-weight: 800; color: #fff; text-transform: uppercase; 
font-size: 60px; margin-bottom: 20px;}
.banner-txt2{font-family: 'Nunito', sans-serif; color: #fff; font-size: 16px;}

.pro-sec-1{padding: 5rem 0px;background-image: linear-gradient(180deg, #fefefe, #f7f6fb);}
.pro-sec1-powder-box{width: 100%; background-color: #fff; padding: 2rem 1rem; position: relative; border-radius: 10px;
    margin-top: 30px; box-shadow: 0px 5px 20px #ddd;}
.pro-sec1-powder-box::before{position: absolute; content: ''; top: -15px; border-bottom: solid 15px #fff; 
border-left: solid 15px transparent; border-right: solid 15px transparent;}
.pro-sec1-powder-box1{display: inline-flex; width: 100%;}
.pro-sec1-powder-box2{width: 20%;}
.pro-sec1-powder-box3{width: 80%; display: inline-flex;}
.pro-sec1-powder-box4{width: 50%; display: inline-flex; border-right: 2px dashed #ddd; height: 150px; margin: auto;}
.pro-sec1-powder-box4 p{width: 50%; margin: auto; color: #373737; font-family: 'Nunito', sans-serif; font-size: 16px;}
.pro-sec1-powder-box5{width: 50%; display: inline-flex; height: 150px; margin: auto;}
.pro-sec1-powder-box5 p{width: 50%; margin: auto; color: #373737; font-family: 'Nunito', sans-serif; font-size: 16px;}
.pro-sec-1-note{color: #7c7c7c; font-family: 'Nunito', sans-serif; font-size: 12px; text-align: center;}

.pro-sec-2{padding: 3rem 0px; background: url(../images/pro-sec-2-bg.png) no-repeat; background-size: cover;}
.pro-h1class1{font-family: 'Assistant', sans-serif; font-weight: 800; color: #fff; font-size: 60px; margin-bottom: 20px;}
.pro-sec-2-txt{font-family: 'Nunito', sans-serif; color: #fff; font-size: 16px;}

.pro-sec-3{padding: 5rem 0px; background: url(../images/pro-sec-3-bg.png) no-repeat; background-size: cover;}
.sec-3-warning-box{display: inline-flex; margin-bottom: 20px;}
.sec-3-warning-box p{padding-left: 20px;}
.warning-img2{padding: 20px 20px;}

.pro-sec-4{padding: 5rem 0px; background-color: #f7f6fb;}
.pro-sec-info-box{display: inline-flex; width: 100%; flex-wrap: wrap;}
.pro-sec-info-box1{width: 25%; display: inline-flex; margin-bottom: 40px;}
.pro-sec-info-txt1{width: 40%;}
.pro-sec-info-txt2{width: 60%; margin: auto; color: #373737; font-family: 'Nunito', sans-serif; font-weight: 700;
font-size: 15px; padding-left: 20px;}

.pro-sec-5{padding: 5rem 0px; background-color: #fff;}
.pro-sec-5-txt1{color: #a09f9f; font-family: 'Nunito', sans-serif; font-weight: 700; font-size: 15px; text-align: center;}
.online-options-box{display: inline-flex; width: 100%; flex-wrap: wrap; justify-content: center; margin-top: 30px;}
.online-options-box1{width: 15%;}

/*******************why kid constipated**************/
.why-banner-div{background-image: url(../images/why-banner-div.png); background-repeat: no-repeat; 
    background-size: cover; padding: 8rem 5rem 8rem 5rem;}
.why-sec-1{padding: 3rem 0px; background-image: linear-gradient(180deg, #fefefe, #f7f6fb); position: relative; z-index: 0;}
.why-sec-1::after{position: absolute; content: ''; background-image: url(../images/why-sec-1-bg.png); 
background-repeat: no-repeat; background-size: 100%; background-position: bottom; height: 100%; width: 100%; bottom: 0px;
    z-index: -1;}
.why-sec-1 p.sec-1-txt1:first-child { margin: 80px 0 20px; }
.table-cls2 tr td{border: 1px solid #fff; padding: 20px; font-family: 'Nunito', sans-serif; font-size: 16px; color: #fff;}
.table-cls2 tr:nth-child(2) td{padding-left: 40px;}
.why-sec-2{padding: 4rem 0px; background: url(../images/why-sec-2-bg.png) no-repeat; background-size: cover;}
.why-sec-4{padding: 3rem 0px; background: url(../images/why-sec-4-bg.png) no-repeat; background-size: cover;}

/*********************take the test**************/
.test-sec-1{padding: 10rem 0px 5rem 0px; background-image: linear-gradient(180deg, #fefefe, #f7f6fb); position: relative; 
    z-index: 0;}
.test-banner-div{background-image: url(../images/test-banner.png); background-repeat: no-repeat; 
    background-size: cover; padding: 3rem 5rem 6rem 5rem;}
.result-box{display: inline-flex; width: 100%; box-shadow: 0px 5px 18px #e2e3e3;}
.result-box1{width: 50%; background-color: #fff; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.result-box2{width: 50%; background-image: url(../images/result-box-bg.png); background-repeat: no-repeat; 
    background-size: cover; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.result-box2 p{color: #fff; font-size: 24px; padding: 50px 20px;}
/**************************************/

/*********************how to prevent**************/
.how-to-prevent-banner-div{background-image: url(../images/how-to-prevent-banner.png); background-repeat: no-repeat; 
    background-size: cover; padding: 3rem 5rem 6rem 5rem;}
.videos-sec a {
  margin: 40px 0 0;
  display: block;
}
.disclaimer-txt {
  color: #7c7c7c;
  font-weight: 500;
  margin: 40px 0 0;
}
/**************************************/

/*********************untreated constipation**************/
.untreated-const-banner-div{background-image: url(../images/untreated-constipation-banner.png); background-repeat: no-repeat; 
    background-size: cover; padding: 5rem 5rem 8rem 5rem;}
.sec-complication-constipation {
    padding: 3em 0;
}
.sec-complication-constipation .h1class { 
    font-size: 50px; 
    margin: 80px 0 30px;
}
.constipation-table {
    background: #fff;
    margin: 30px 0;
}
.constipation-table table {
    border-radius: 10px;
}
.constipation-table th {
    font-weight: 500;
    color: #e4007a;
}
.videos-sec a {
  margin: 40px 0 0;
  display: block;
}
.disclaimer-txt {
  color: #7c7c7c;
  font-weight: 500;
  margin: 40px 0 0;
}

/**************************************/


.radio-toolbar input[type=radio] {
    display: none
}

.radio-toolbar label {
    display: inline-block;
    padding: 30px 30px;
    font-size: 20px;
    cursor: pointer;
    background-color: #fff;
    color: #5c5c5c;
    border-radius: 20px;
    width: 100%;
    font-family: Nunito, sans-serif;
    margin-bottom: 40px;
    box-shadow: 0px 5px 18px #e2e3e3;
}
.radio-toolbar label .pad-left{padding-left: 40px;}

.radio-toolbar input[type=radio]:checked+label {
    background-color: #0f8de5;
    background-image: linear-gradient(#0f8de5, #299ef1);
    color: #fff;
}
.radio-toolbar input[type=radio]:hover+label{background-color: #0f8de5;
    background-image: linear-gradient(#0f8de5, #299ef1);
    color: #fff;}
/**************************************/

/*******************new tabs************************/


/*******************new tabs*************************/
.ipadbr{display: none;}

.source-link{font-size: 12px; color: #319fed; font-family: 'Nunito', sans-serif; text-align: right;}
.source-link1{font-size: 12px; color: #ffffff; font-family: 'Nunito', sans-serif; text-align: right;}
.source-link1 a{color: #fff;}

.cookie-div{position: fixed;width: 100%;bottom:0px;padding: 10px 10px;background-color: rgba(0, 86, 179,0.8);
display: inline-flex;}
.cookie-div1{padding: 10px 10px;}
.cookie-div2{text-align: center;padding: 10px 10px; width: 20%;}
.btn-close{position: absolute;content: '';top: 0px;right: 0px;background-color: transparent;font-size: 16px;font-weight: bold;
color: #000;box-shadow: none;z-index: 9;cursor: pointer;}
.cookie-txt{font-size: 14px; color: #fff; font-family: 'Nunito', sans-serif;}
.cookie-txt a{font-size: 14px; color: #fff; font-family: 'Nunito', sans-serif;text-decoration: underline;}




@media(min-width: 320px) and (max-width: 767px){
    .cookie-div{display: block;}
    .video-banner-div { background-image: url(../images/mob-video.png); background-repeat: no-repeat;
    background-size: 100%; height: 720px; padding: 6rem 3rem 4rem 3rem; }
    .how-to-prevent-banner-div { background-image: url(../images/mob-how-to-prevent.png); background-repeat: no-repeat;
    background-size: 100%; height: 720px; padding: 4rem 3rem 2rem 3rem; }
    .untreated-const-banner-div { background-image: url(../images/mob-untreated-constipation.png); background-repeat: no-repeat;
    background-size: 100%; height: 720px; padding: 4rem 3rem 3rem 3rem; }
    .why-banner-div{background-image: url(../images/mob-why-banner-div.png); background-repeat: no-repeat; 
        background-size: 100%; height: 720px; padding: 5rem 3rem 2rem 3rem;}    
    .test-banner-div{background-image: url(../images/mob-test-banner.png); background-repeat: no-repeat; 
        background-size: 100%; height: 720px; padding: 4rem 3rem 2rem 3rem; position: relative;}

    .why-sec-1 p.sec-1-txt1:first-child { margin: 0 0 20px; }
    .white-trans-txt { color: rgba(255,255,255,1) !important }


    .mob-play-btn{position: relative; top: 140px;}

    .mob-order-1{order: 1;}
    .mob-order-2{order: 2;}
    .mob-sec1-img{width: 65%; margin: 2rem auto auto auto;}

	.logo1{width: 25%; order: -1;}
	.logo1 img{width: 100%;}
	.navbar-dark .navbar-toggler{order: 0;}
	.consult-btn{margin: 0px 0px;}
    .mobbr{display: none;}
    .modal-content-bg{background: none; background-color: #fff;}
    .modal-dialog{max-width: 100%;}
    .close{float: right;}

    .sec-1 { padding: 2rem 0px; }
    .get-muout-btn{padding: 12px 35px;}
    .h1class{font-size: 36px;}
    .sec-1-div{padding: 0px 1rem;}
    .h1class1{font-size: 40px;}
    .sec-2-list{display: block;}
    .sec-2-box{background: #e4007a; width: 100%; padding: 10px 10px; border-radius: 10px;}
    .sec-2-box1{width: 30%; margin: auto;}
    .sec-2-box2 p{padding-left: 0px;}
    .sec-3-test-div{padding: 12rem 10px 3rem 10px; display: block; width: 100%; margin: 0px 0px 0px 0px;}
    .sec-3-test-div::before{top: 0px; left: 20%; right: 20%;}
    .sec-3-test-div1{width: 100%; padding: 20px 0px; text-align: center;}
    .sec-3-test-div2{width: 100%;}
    .sec-4-txt2{margin-top: 30px;}
    .sec-9{background-position: center;}
    .sec3-infants-box{display: block;}
    .sec3-infants-box1{width: 100%; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
    .sec3-infants-box2{width: 100%; border-top-right-radius: 0px; border-bottom-right-radius: 0px; padding: 3rem;}
    .ver-line1{display: none;}
    .ver-line2{display: none;}
    .sec-3-baby{display: none;}
    .sec3-help-tabs { width: 100%; margin: 80px 0 20px; }
    .sec3-help-tabs li { width: 50%; }

    .sec3-help-tabs .nav-item.show .nav-link, .sec3-help-tabs .nav-link.active{ font-size: 14px; text-align: center; }
    .sec3-help-tabs .nav-link{ font-size: 14px; text-align: center; padding: 13px 15px; }



    .sec3-help-tabs .nav-item.show .nav-link, .sec3-help-tabs .nav-link.active{padding: 13px 15px;}

    /**************************/
    .v-accor-tabs {
        display: none;
    }
    .tab_drawer_heading {
        background-color: #ccc;
        color: #fff;
        /*border-top: 1px solid #333;*/
        margin: 3px auto;
        padding: 10px 10px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: 20px; 
        font-weight: 800;
        font-family: 'Assistant', sans-serif;
    }
    .d_active {
        background-color: #e91e63;
        color: #fff;
    }
    .tab_content{margin-top: 10px;}
    /**************************/
    .sec6-solid-list1{display: block; padding: 1rem 1rem 1rem 1rem;}
    .sec6-solid-list1 li{width: 100%;}

    /*.chart-skills-div{width: 100%; overflow: auto;}
    .meter-pointer{left: 230px;}
    .stool-txt1{right: -90px; top: 55px; left: unset;}
    .stool-txt2{right: -78px; top: 100px; left: unset;}*/
    .carousel-hover-blk{display: none;}
    #owl-carousel2{display: block;}
    .carousel-hover-blk1{width: 100%; margin: 10px auto;}
    .start-txt { font-size: 18px; }
    .end-txt { font-size: 18px; }
    .carousel-hover-blk2{width: 100%;}
    .stool-txt1 img {width: auto!important;}
    .stool-txt2 img {width: auto!important;}
    .carousel-hover-blk2 img{width: auto!important; margin: auto;}
    .stool-txt1{opacity: 1; padding: 0 30px;}
    .stool-txt2{opacity: 1;}
    #owl-carousel2 .owl-nav{position: absolute; top: 20%; width: 100%;}
    #owl-carousel2 .owl-nav .owl-prev {float: left;}
    #owl-carousel2 .owl-nav .owl-next {float: right;}

    .table-view-box{display: block;}
    .table-view-box1{width: 100%; padding: 1rem;}

    /*************product page*********/
    .pro-h1class1{font-size: 40px;}
    .banner-div{background-image: url(../images/mob-product-banner-bg.png); background-repeat: no-repeat; 
        background-size: 100%; height: 710px; padding: 4rem 2rem 2rem 2rem;}
    .banner-div .muout img{width: 100%;}
    .banner-div .muout{width: 50%;}
    .banner-txt1{font-size: 32px;}
    .why-banner-div .banner-txt1{font-size: 36px;}
    .video-banner-div .banner-txt1{font-size: 42px;}
    .banner-txt2{font-size: 14px;}
    .pro-sec1-powder-box1{display: block; text-align: center;}
    .pro-sec1-powder-box2{width: 100%;}
    .pro-sec1-powder-box3{width: 100%; display: block;}
    .pro-sec1-powder-box4{display: block; width: 100%; border-right:0px; height: auto;}
    .pro-sec1-powder-box5{display: block; width: 100%; border-right:0px; height: auto;}
    .pro-sec1-powder-box4 p{width: 100%;}
    .pro-sec1-powder-box5 p{width: 100%;}

    .pro-sec-info-box{display: block;}
    .pro-sec-info-box1{width: 100%;}
    .online-options-box{display: block;}
    .online-options-box1{width: 100%; text-align: center;}
    .pro-sec-2{background-position: center;}
    .mob-wid{width: 100%;}    
    .radio-toolbar label{padding: 15px 15px;}
    .radio-toolbar label .pad-left{padding-left: 15px;}
    .test-sec-1{padding: 2rem 0px 3rem 0px;}
    .test-banner-div .floating-btn { position: absolute; bottom: 90px; }
    .result-box{display: block;}
    .result-box1, .result-box2{width: 100%; border-radius: 0px;}
    .ipadbr{display: none;}
    .sec-complication-constipation .h1class { font-size: 42px; margin: 30px 0 20px;}

}


@media(min-width: 360px) and (max-width: 640px){
    .mob-play-btn{position: relative; top: 240px;}
}
@media(min-width: 411px) and (max-width: 731px){
    .mob-play-btn{position: relative; top: 265px;}
}

@media(min-width: 768px) and (max-width: 1024px){
    .modal-content-bg{background: none; background-color: #fff;}
    .chart-skills-div{width: 80%;}
    .sec-2-box{width: 100%; padding: 25px 0px; background-size: 100%;}
    .sec3-infants-box2{padding: 3rem 2rem 3rem 8rem;}
    .sec-3-test-div{width: auto; display: block;}
    .sec-3-test-div1{width: 100%; padding-left: 7rem;}
    .sec-3-test-div2{width: 100%; margin: 25px auto auto auto;}
    .sec-9{background-position: center bottom;}
    .sec-9-box1 p{font-size: 40px;}

    .why-banner-div{padding: 3rem;}
    .ipadbr{display: block;}
    .banner-txt1{font-size: 28px;}

    .banner-div{background: #148ee4; background-size: cover; padding: 1rem 1rem 2rem 1rem;}
    .pro-sec1-powder-box2{width: 30%;}
    .pro-sec1-powder-box3{width: 70%; display: block;}
    .pro-sec1-powder-box4{width: 100%; border-right:0px;}
    .pro-sec1-powder-box5{width: 100%;}
    .pro-sec-2{background-position: right;}

    .online-options-box1{width: 25%;}
}

@media(min-width: 320px) and (max-width: 410px){
    .video-banner-div { height: 550px; padding: 4rem 2rem 4rem 2rem; }
    .video-banner-div .banner-txt1{ font-size: 32px; }
    .get-muout-btn{padding: 12px 25px; font-size: 13px;}
}

@media(min-width: 320px) and (max-width: 360px){
    .get-muout-btn{padding: 12px 18px; font-size: 12px;}
    .video-banner-div { height: 640px; padding: 6rem 3rem 4rem 3rem; }
    .how-to-prevent-banner-div { height: 640px; padding: 4rem 3rem 2rem 3rem; }
    .untreated-const-banner-div { height: 640px; padding: 4rem 3rem 3rem 3rem; }
    .why-banner-div{ height: 640px; padding: 5rem 3rem 2rem 3rem;}    
    .test-banner-div{ height: 640px; padding: 4rem 3rem 2rem 3rem; }
}