/*----header cart css------*/
.cart-btn{
    display: flex;
    align-items: center;
}
.cart-cr{
    background-color: #FFB800;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    border-radius: 50%;
    position: relative;
    top: -9px;
}
.main_crt{
    font-size: 14px;
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
}
.crt-vw{
    padding: 10px 30px;
    font-size: 18px;
    text-align: center;
}


.nav_active{
     border-bottom: 3px solid #0B36CD!important;
    color: #0b36cd!important;
}
.top-clr-nav{
    width: 100%;
    height: 7px;
    background: linear-gradient(90.02deg, #57DE7A 7.76%, #0587D0 31.3%, #4631C4 48.01%, #AC55FB 70.84%);;
}

/* hero section--------*/
.hero_sec{
    background: linear-gradient(103.74deg, #D1DBFF 16.62%, #CEF9FF 74.99%);
    /* height: 580px; */
    padding: 30px 0px 15px 0px;
    font-family: 'Poppins',sans-serif;
}
.bnr-box{
    width: 100%;
    height: 450px;
    background: url(../images/bg-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 30px;
    border-radius: 15px;
    background-position: top left;
}
.bng-cnt{
    max-width: 69%;
}
.bng-cnt p{
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}
.bng-cnt h4{
    font-family: "Kumbh Sans", sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 60px;
}
.bnr-box-2{
    width: 100%;
    height: 215px;
    background: url(../images/bg-2.jpg);
    background-size: cover;
    padding: 8px 12px;
    border-radius: 15px;
    text-align: right;
    background-repeat: no-repeat;
}
.bng-cnt-2 h4{
    color: #FF6B50;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 40px;
    font-family: "Kumbh Sans", sans-serif;
}
.btn-bnr{
    display: inline-block;
    border: 2px solid #FF6B50;
    background: #fff;
    color: #FF6B50;
    padding: 8px 20px;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Poppins',sans-serif;
    border-radius: 25px;
}
.btn-bnr:hover{
    color: #EB9686;
}
.bnr-lnk{
    color: #EB9686;
    font-size: 16px;
    font-weight: 600;
}
.bnr-lnk:hover{
    color: #EB9686;
}

.bnr-box-3{
    width: 100%;
    height: 215px;
    box-sizing: border-box;
    background: url(../images/bg-3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 8px 12px;
    border-radius: 15px;
    margin-top: 18px;
}
.bng-cnt-3 h4{
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    max-width: 70%;
    margin-bottom: 40px;
    font-family: "Kumbh Sans", sans-serif;
}
.btn-bnr2{
    display: inline-block;
    border: 2px solid #fff;
    color: #fff;
    padding: 8px 20px;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Poppins',sans-serif;
    border-radius: 25px;
}
.btn-bnr2:hover{
    color: #fff;
}
.bnr-lnk2{
    color: #C5C5C5;
    font-size: 16px;
    font-weight: 600;
}
.bnr-lnk2:hover{
    color: #C5C5C5;
}
/*---Mid section----*/

.mid-sec1{
    width: 100%;
    height: 230px;
    box-sizing: border-box;
    background: url(../images/mid-1.jpg);
    background-size: cover;
    padding: 15px;
    border-radius: 15px;
    background-repeat: no-repeat;
}
.mid-sec1 h4{
     color: #fff;
     font-size: 24px;
     font-weight: 600;
     max-width: 50%;
     margin-bottom: 35px;
     font-family: "Kumbh Sans", sans-serif;
}

.mid-sec2{
    width: 100%;
    height: 230px;
    box-sizing: border-box;
    background: url(../images/mid-2.jpg);
    background-size: cover;
    padding: 15px;
    background-repeat: no-repeat;
    border-radius: 15px;
}
.mid-sec2 h4{
     color: #932B0A;
     font-size: 24px;
     font-weight: 700;
     max-width: 50%;
     margin-bottom: 35px;
     font-family: "Kumbh Sans", sans-serif;
}
.mid-sec3{
    width: 100%;
    height: 230px;
    box-sizing: border-box;
    background: url(../images/mid-3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px;
    border-radius: 15px;
}
.mid-sec3 h4{
     color: #fff;
    font-size: 27px;
    font-weight: 600;
    max-width: 50%;
    margin-bottom: 40px;
    font-family: "Kumbh Sans", sans-serif;
}
.mid-btn2{
    display: inline-block;
    border: 2px solid #932B0A;
    color: #932B0A;
    padding: 8px 20px;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Poppins',sans-serif;
    border-radius: 25px;
}
.mid-lnk2{
    color: #9F7365;
    font-size: 16px;
    font-weight: 600;
}
.mid-btn2:hover{
    color: #932B0A;
}

.mid-lnk2:hover{
    color: #9F7365;
}

.mid-btn3{
    display: inline-block;
    border: 2px solid #fff;
    color: #fff;
    padding: 8px 20px;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Poppins',sans-serif;
    border-radius: 25px;
}
.mid-lnk3{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.mid-btn3:hover{
    color: #fff;
}
.mid-lnk3:hover{
    color: #fff;
}
.mid-sec3 h4{
    height: 90px;
}
/*--------------product categrie-------------*/

.vest-sec{
    background: url(../images/pro-vest.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 350px;
    text-align: right;
    padding: 40px 30px 5px 30px;
    border-radius: 15px;
}
.vest-sec h4{
    font-size: 42px;
    font-weight: 600;
    font-family: "Kumbh Sans", sans-serif;
    color: #fff;
}
.vest-sec h6{
    font-size: 22px;
    font-weight: 500;
    font-family: 'Poppins',sans-serif;
    color: #fff;
}
.vest-sec p{
    font-size: 26px;
    font-weight: 500;
    font-family: 'Poppins',sans-serif;
    color: #fff;
    margin: 20px 0px 20px;
}
.vest-sec-2{
    background: url(../images/pro-massager.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 350px;
    text-align: left;
    padding: 40px 30px 5px 30px;
    border-radius: 15px;
}
.vest-sec-2 h4{
    font-size: 42px;
    font-weight: 600;
    font-family: "Kumbh Sans", sans-serif;
    color: #fff;
}
.vest-sec-2 h6{
    font-size: 22px;
    font-weight: 500;
    font-family: 'Poppins',sans-serif;
    color: #fff;
}
.vest-sec-2 p{
    font-size: 26px;
    font-weight: 500;
    font-family: 'Poppins',sans-serif;
    color: #fff;
    margin: 20px 0px 20px;
}
.btn-feature{
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Poppins',sans-serif;
    color: #fff;
    background: #000;
    border: 3px solid #000;
    padding: 10px 40px;
    border-radius: 50px;
}
.btn-feature:hover{
    border: 3px solid #000;
    background: transparent;
    color: #000;
    
}
/*------feature-2 css---------*/
.fe-bnr{
    background: url(../images/Remove_Hair.jpg);
    background-size: cover;
    height: 500px;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fe-cont{
    text-align: center;
    position: relative;
    top: -20px;
    left: 38px;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    padding-top: 90px;
    max-width: 40%;
}
.fe-cont h6{
    font-size: 27px;
    font-weight: 500;
    font-family: 'Poppins',sans-serif;
    line-height: 32px;
}
.fe-cont h4{
    font-size: 42px;
    font-weight: 600;
    font-family: 'Poppins',sans-serif;
    line-height: 50px;
}
.fe-para{
    /* max-width: 45%; */
    font-size: 16px;
    font-weight: 300;
    font-family: 'Poppins',sans-serif;
    line-height: 26px;
    max-width: 98%;
}
.feture-btn1{
    display: inline-block;
    background: #FF9D2B;
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    font-family: 'Poppins',sans-serif;
    padding: 10px 40px;
    border-radius: 50px;
}
.fea-2-bg{
    background: url(../images/Mini-Camera.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    height: 350px;
    padding: 30px;
    border-radius: 20px;
    font-family: 'Poppins',sans-serif;
}
.fea-2-bg h6{
    font-size: 24px;
    font-weight: 500;
    
}
.fea-2-bg h5{
    font-size: 32px;
    font-weight: 600;   
}
.fea-2-bg p{
    font-size: 16px;
    font-weight: 400;
    max-width: 60%;
    margin-bottom: 40px;
}
.fea-3-bg{
    background: url(../images/Bluetooth-Earbuds.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    background-position: right;
    padding: 30px;
    border-radius: 15px;
}
.fea-3-bg h6{
    font-size: 24px;
    font-weight: 500;
    
}
.fea-3-bg h5{
    font-size: 32px;
    font-weight: 600;   
}
.fea-3-bg p{
    font-size: 16px;
    font-weight: 400;
    max-width: 60%;
    margin-bottom: 40px;
}
.clr-bar{
    width: 100%;
    height: 36px;
    margin-top: 20px;
    background: linear-gradient(90deg, #3FC494 0%, #4D34C8 48.5%, #5A2F82 100%);
}
.kids-top{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.kds-img-1{
    width: 110px;
    height: 110px;
}
.kds-img-2{
    width: 150px;
    height: 150px;
}
.kids-top h4{
    font-size: 50px;
    font-weight: 600;
    color: #2A45A3;
    font-family: 'Poppins',sans-serif;
    text-align: center;
    align-content: center;
}

.kid-banner{
    background: url(../images/kids-bg.jpg);
    background-size: contain;
    padding: 140px 90px 100px 90px;
    /* border-radius: 10px; */
    /* height: 600px; */
    /* background-position: right; */
    background-repeat: no-repeat;
}
.kid-banner p{
    font-size: 14px;
    font-family: 'Poppins',sans-serif;
    color: #fff;
    padding-bottom: 0px;
}
.kid-banner h4{
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    max-width: 50%;
    margin-bottom: 40px;
    font-family: "Kumbh Sans", sans-serif;
}
.kids-btn{
    display: inline-block;
    background: #fff;
    color: #167694;
    font-size: 24px;
    font-weight: 600;
    font-family: 'Poppins',sans-serif;
    padding: 10px 40px;
    border-radius: 50px;
}
.kd-sec1{
    display: flex;
    margin-top: 25px;
    margin-left: 35px;
    font-family: 'Poppins',sans-serif;
    color: #fff;
    /* width: 100%; */
}
.kd-sec2{
    display: flex;
    margin-top: 25px;
    margin-left: 35px;
    font-family: 'Poppins',sans-serif;
    color: #fff;
}
.kd-1{
    width: 49%;
    height: 320px;
    background: linear-gradient(90deg, #7091E5 0%, #3265E9 48.5%, #e1e9ff 100%);
    border-radius: 15px;
    margin-right: 25px;
    display: flex;
    overflow: hidden;
    padding: 20px;
}

.kd-2{
    width: 49%;
    height: 320px;
    background: linear-gradient(90deg, #3187C5 0%, #19A7E4 48.5%, #f3fbff 100%);
    border-radius: 15px;
    display: flex;
    overflow: hidden;
    padding: 20px;
}


.kd-3{
    width: 49%;
    height: 320px;
    background: linear-gradient(90deg, #3188C6 0%, #1BA6E3 48.5%, #ebf8fd 100%);
    border-radius: 15px;
    margin-right: 25px;
    display: flex;
    overflow: hidden;
    padding: 20px;
}

.kd-4{
    width: 49%;
    height: 320px;
    background: linear-gradient(90deg, #32C397 0%, #11C8C8 48.5%, #f6ffff 100%);
    border-radius: 15px;
    display: flex;
    overflow: hidden;
    padding: 20px;
}
.kd-image{
    width: 50%;
}
.kd-image img{
    width: 100%;
}
.kd-cnt{
    margin: 70px 0px 0px 0px;
    width: 50%;
}
.kd-cnt h4{
    font-size: 25px;
    font-weight: 600;
}
.kd-cnt h6{
    font-size: 22px;
    font-weight: 600;
     margin-bottom: 40px;
}