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

.fw-thin{
    font-weight: 100 !important;
}
.fw-extralight{
    font-weight: 200 !important;
}
.fw-light{
    font-weight: 300 !important;
}
.fw-regular{
    font-weight: 400 !important;
}
.fw-medium{
    font-weight: 500 !important;
}
.fw-semibold{
    font-weight: 600 !important;
}
.fw-bold{
    font-weight: 700 !important;
}
.fw-extrabold{
    font-weight: 800 !important;  /* heavy or extrabold */
}
.fw-black{
    font-weight: 900 !important;
}

* {
    padding: 0px;
    margin: 0px;
    font-family: 'Inter', sans-serif;
}

/* acheivements start */

.counter-card {
    height: 302px;
    width: 200px;
    overflow: hidden;
    box-shadow: 0px 0px 10px #00000025;
    transition-duration: 1s;
}

.counter-card:hover {
    box-shadow: 0px 0px 10px #77DD77;
}

.counter-card img {
    /* background-color: blue; */
    height: 150px;
    width: 150px;
}

.acheievements h5 {
    color: #77DD7720;
    font-size: 150px;
}


.counter-card .counter-counts {
    animation-name: bottomtop;
    animation-duration: 1s;
    /* opacity: 1; */
}


@keyframes bottomtop {
    0% {
        opacity: 0;
        transform: translateY(200px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

/* acheivements end */






/* Weightloss start*/

.section-one .weight-loss {
    position: relative;
}

.section-one .weight-loss img {
    height: 748px;
    /* width: 30%; */
    width: 40%;
    /* height: 758px; */
    /* height: 758px;
    width: 769px; */
}


.section-one .weight-loss h1 {
    font-size: 500px;
    color: #65C56E40;
}

.section-one .video-section-one {
    position: relative;
}

.section-one .video-section-one .vsone-video {
    position: absolute;
    top: 40%;
    left: -10%;
}

.vsone-video iframe {
    position: relative;
}

.section-one .video-section-one .vsone-video .weightloss-content {
    height: 278px;
    width: 412px;
    position: absolute;
    /* right: 5%; */
    left: 50%;
    z-index: 100;
}

/* weightloss end */






/* weightgain start */

.section-two .weight-gain h1 {
    font-size: 500px;
    color: #65C56E40;
    /* position: absolute; */
    /* top: 10%; */
    /* right: 0%; */
}

.section-two .weight-gain img {
    height: 748px;
    /* width: 30%; */
    width: 38%;
    /* height: 758px; */
    /* height: 758px;
    width: 769px; */
}


.section-two .video-section-two {
    position: relative;
}

.section-two .video-section-two .vstwo-video {
    position: absolute;
    top: 35%;
    right: -5%;
}

.vstwo-video iframe {
    position: relative;
}

.section-two .video-section-two .vstwo-video .weightgain-content {
    height: 278px;
    width: 412px;
    position: absolute;
    /* left: 5%; */
    right: 50%;
    z-index: 100;
}

/* weightgain end */






/* immunity boost start */

.section-three .immunity-boost{
    position: relative;
}


.section-three .immunity-boost h1 {
    font-size: 500px;
    color: #65C56E40;
    /* position: absolute; */
    /* top: 10%; */
    /* right: 0%; */
}

.section-three .immunity-boost img {
    height: 748px;
    /* width: 30%; */
    width: 38%;
    /* background-color: yellow !important; */
    /* height: 758px; */
    /* height: 758px;
    width: 769px; */
}


.section-three .video-section-three {
    position: relative;
}

.section-three .video-section-three .vsthree-video {
    position: absolute;
    top: 40%;
    left: -10%;
}

.vsthree-video iframe {
    position: relative;
}

.section-three .video-section-three .vsthree-video .immunity-boost-content {
    height: 278px;
    width: 412px;
    position: absolute;
    /* right: 5%; */
    left: 50%;
    z-index: 100;
}

/* immunity boost end */


/* Video content font styles start */

.video-content-heading {
    font-size: 41px;
    color: #00544D;
}

.video-content-name {
    font-size: 19px;
    color: #000000;
}

.video-content-description {
    font-size: 16px;
    color: #4A4A4A;
}

/* Video content font styles end */



/* Carousel-section start */

.carousel-section {
    margin: 250px 0px 250px 0px;
    /* height: 520px; */
    /* padding: 20px; */
}

.carousel-panel .content-section .carousel-content-heading {
    color: #00544D;
    font-size: 48px;
}

.carousel-panel .content-section .carousel-content-para {
    font-size: 22px;
}

.carousel-panel .content-section .carousel-rating .rating-person {
    font-size: 18px;
}

.carousel-panel .content-section .carousel-rating .person-icon {
    height: 75px;
    width: 75px;
}

.carousel-panel .content-section .carousel-rating .carousel-person-details .rating-start img {
    height: 25px;
    width: 25px;
}


.carousel-control-next,
.carousel-control-prev {
    opacity: 1 !important;
}

.carousel-control-prev-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23000000" d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>') !important
}

.carousel-control-next-icon {
    background-image:
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23000000" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>') !important
}

.carousel-control-prev{
    position: absolute;    
    left:4% !important;   
    /* background-color: orange !important;  */
}
.carousel-control-next{
    position: absolute;
    right: 4% !important;   
    /* background-color: orange !important;  */
}



@media only screen and (min-width:1441px) and (max-width:1610px)
{
    .carousel-control-prev{
        position: absolute;    
        left: 0% !important;   
    }
    .carousel-control-next{
        position: absolute;
        right: 0% !important;   
    }

}


/* @media only screen and (max-width:1440px) { */
@media only screen and (min-width:1242px) and (max-width:1440px) {


    .acheievements h5 {
        /* font-size: 150px; */
        font-size: 120px;
    }

    /* Weight loss start */
    .section-one {
        position: relative;
    }

    .section-one .weight-loss img {
        height: 600px;
    }

    .section-one .weight-loss h1 {
        font-size: 450px;
    }

    .video-section-one iframe {
        position: relative;
        height: 300px;
        width: 540px;
    }

    .section-one .video-section-one .vsone-video .weightloss-content {
        position: absolute;
        top: 4%;
        left: 55%;
        z-index: 100;
    }

    /* Weight loss end */


    /* Weight loss start */
    .section-two {
        position: relative;
    }

    .section-two .weight-gain img {
        height: 600px;
    }

    .section-two .weight-gain h1 {
        font-size: 450px;
    }

    .video-section-two iframe {
        position: relative;
        height: 300px;
        width: 540px;
    }

    .section-two .video-section-two .vstwo-video .weightgain-content {
        position: absolute;
        top: 4%;
        left: -8%;
        z-index: 100;
    }

    /* Weight loss end */


    /* immunity boost start */
    .section-three {
        position: relative;
    }

    .section-three .immunity-boost img {
        height: 600px ;
    }

    .section-three .immunity-boost h1 {
        font-size: 450px;
    }

    .video-section-three iframe {
        position: relative;
        height: 300px;
        width: 540px;
    }

    .section-three .video-section-three .vsthree-video .immunity-boost-content {
        position: absolute;
        top: 4%;
        left: 55%;
        z-index: 100;
    }

    /* immunity boost end */


    /* Carousel-section start */

    .carousel-section {
        margin: 250px 0px 250px 0px;
    }

    .carousel-panel .image-section img {
        height: 350px;
        width: 350px;
    }

    .carousel-panel .content-section .carousel-content-heading {
        font-size: 44px;
    }

    .carousel-panel .content-section .carousel-content-para {
        font-size: 20px;
    }

    .carousel-panel .content-section .carousel-rating .rating-person {
        font-size: 18px;
    }

    .carousel-inner{
        position: relative;
    }

    .carousel-control-prev{
        position: absolute;
        left: 0% !important;   
        /* background-color: orange !important;  */
    }
    .carousel-control-next{
        position: absolute;
        right: 0% !important;   
        /* background-color: orange !important;  */
    }

    /* Carousel-section end */

}




/* @media only screen and (max-width:1024px) { */
/* @media only screen and (min-width:769px) and (max-width:1241px) { */
@media only screen and (min-width:992px) and (max-width:1241px) {


    .acheievements h5 {
        color: #77DD7720;
        font-size: 110px;
    }


    /* Video content font styles start */

    .video-content-heading {
        font-size: 26px;
        color: #00544D;
    }

    .video-content-name {
        font-size: 18px;
        color: #000000;
    }

    .video-content-description {
        font-size: 14px;
        color: #4A4A4A;
    }

    /* Video content font styles end */



    /* Weight loss start */
    .section-one {
        position: relative;
    }

    .section-one .weight-loss img {
        height: 500px;
    }

    .section-one .weight-loss h1 {
        font-size: 350px;
    }

    .video-section-one iframe {
        position: relative;
        height: 240px;
        width: 430px;
    }

    .section-one .video-section-one .vsone-video .weightloss-content {
        height: 210px;
        width: 300px;
        position: absolute;
        top: 6%;
        left: 55%;
        z-index: 100;
    }

    /* Weight loss end */


    /* Weight loss start */
    .section-two {
        position: relative;
    }

    .section-two .weight-gain img {
        height: 450px;
    }

    .section-two .weight-gain h1 {
        font-size: 350px;
    }

    .video-section-two iframe {
        position: relative;
        height: 240px;
        width: 430px;
    }

    .section-two .video-section-two .vstwo-video .weightgain-content {
        height: 210px;
        width: 300px;
        position: absolute;
        top: 6%;
        left: -8%;
        z-index: 100;
    }

    /* Weight loss end */

    /* immunity boost start */

    .section-three {
        position: relative;
    }


    .section-three .immunity-boost img {
        height: 500px;
    }

    .section-three .immunity-boost h1 {
        font-size: 350px;
    }

    .video-section-three iframe {
        position: relative;
        height: 240px;
        width: 430px;
    }

    .section-three .video-section-three .vsthree-video .immunity-boost-content {
        height: 210px;
        width: 300px;
        position: absolute;
        top: 6%;
        left: 55%;
        z-index: 100;
    }

    /* immunity boost end */


    /* Carousel-section start */

    .carousel-section {
        margin: 220px 0px 220px 0px;
    }

    .carousel-panel .image-section img {
        height: 250px;
        width: 250px;
    }

    .carousel-panel .content-section .carousel-content-heading {
        font-size: 28px;
        width: 85%;
        /* background-color: red; */
    }

    .carousel-panel .content-section .carousel-content-para {
        font-size: 15px;
        width: 85%;
    }

    .carousel-panel .content-section .carousel-rating .rating-person {
        font-size: 14px;
    }

    .carousel-panel .content-section .carousel-rating .person-icon {
        height: 60px;
        width: 60px;
    }

    .carousel-inner{
        position: relative;
        /* background-color: yellow !important; */
    }

    .carousel-control-prev{
        position: absolute;
        left: 2% !important;   
        /* background-color: orange !important;  */
    }
    .carousel-control-next{
        position: absolute;
        right: 2% !important;   
        /* background-color: orange !important;  */
    }


    /* Carousel-section end */
}



/* Tablet */
/* @media only screen and (max-width:768px) { */
@media only screen and (min-width:768px) and (max-width:991px) {

    .counter-card {
        height: 208px;
        width: 185px;
        padding-right: 0px !important;
        padding-left: 0px !important;
        /* background-color: yellow !important; */
    }

    .counter-card img {
        /* background-color: blue; */
        height: 50px;
        width: 50px;
    }

    .acheievements h5 {
        font-size: 70px;
    }


    /* Video content font styles start */

    .video-content-heading {
        font-size: 25px;
        color: #00544D;
    }

    .video-content-name {
        font-size: 19px;
        color: #000000;
    }

    .video-content-description {
        font-size: 14px;
        color: #4A4A4A;
    }

    /* Video content font styles end */



    /* Weight loss start */

    .section-one {
        position: relative;
    }

    .section-one .weight-loss img {
        height: 450px;
        width: 29%;
        /* background-color: darkblue; */
    }

    .section-one .weight-loss h1 {
        font-size: 220px;
    }

    .section-one .video-section-one {
        position: absolute;
        top: 20%;
        left: 12%;
    }

    .video-section-one iframe {
        position: relative;
        height: 270px;
        width: 480px;
    }

    .section-one .video-section-one .vsone-video .weightloss-content {
        height: 230px;
        width: 375px;
        position: absolute;
        top: 8%;
        left: 70%;
        z-index: 100;
    }

    /* Weight loss end */



    /* Weight Gain Start */

    .section-two {
        margin-top: 60px;
        position: relative;
    }

    .section-two .weight-gain img {
        height: 450px;
        width: 27%;
    }

    .section-two .weight-gain h1 {
        font-size: 220px;
    }

    .section-two .video-section-two {
        position: absolute;
        top: 29%;
        left: 9%;
    }

    .video-section-two iframe {
        position: relative;
        height: 270px;
        width: 480px;
    }

    .section-two .video-section-two .vstwo-video .weightgain-content {
        height: 230px;
        width: 375px;
        position: absolute;
        top: 8%;
        left: -50%;
        /* z-index: 100; */
    }

    /* Weight Gain end */



    /* immunity boost start */

    .section-three {
        margin-top: 100px;
        position: relative;
    }

    .section-three .immunity-boost h1 {
        font-size: 220px;
    }

    .section-three .immunity-boost img {
        height: 450px;
        width: 23%;
        /* background-color: darkblue; */
    }


    .section-three .video-section-three {
        /* display: none !important; */
        position: absolute;
        top: 20%;
        left: 12%;
    }

    .video-section-three iframe {
        position: relative;
        height: 270px;
        width: 480px;
    }

    .section-three .video-section-three .vsthree-video .immunity-boost-content {
        height: 230px;
        width: 375px;
        position: absolute;
        top: 8%;
        left: 70%;
        z-index: 100;
    }

    /* immunity boost end */



    /* Carousel-section start */
    .carousel-section {
        margin: 200px 0px 200px 0px;
    }

    .carousel-panel .image-section img {
        height: 220px;
        width: 220px;
    }

    .carousel-panel .content-section .carousel-content-heading {
        font-size: 21px;
    }

    .carousel-panel .content-section .carousel-content-para {
        font-size: 15px;
    }

    .carousel-panel .content-section .carousel-rating .rating-person {
        font-size: 15px;
    }

    .carousel-panel .content-section .carousel-rating .person-icon {
        height: 50px;
        width: 50px;
    }

    .carousel-panel .content-section .carousel-rating .carousel-person-details .rating-start img {
        height: 23px;
        width: 23px;
    }

    /* .carousel-panel .content-section .carousel-rating .carousel-person-details .rating-start i{
        font-size:17px ;
    } */

    .carousel-inner{
        position: relative;
        /* background-color: yellow !important; */
    }

    .carousel-control-prev{
        position: absolute;    
        left: 2% !important;   
        /* background-color: orange !important;  */
    }
    .carousel-control-next{
        position: absolute;
        right: 2% !important;   
        /* background-color: orange !important;  */
    }


    /* Carousel-section end */
}




/* Inprogress */
@media only screen and (min-width:670px) and (max-width:767px) {
    
     
    .counter-card {
        height: 208px;
        width: 185px;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .counter-card img {
        /* background-color: blue; */
        height: 50px;
        width: 50px;
    }

    .acheievements h5 {
        font-size: 65px;
    }




    /* Video content font styles start */

    .video-content-heading {
        font-size: 25px;
        color: #00544D;
    }

    .video-content-name {
        font-size: 19px;
        color: #000000;
    }

    .video-content-description {
        font-size: 14px;
        color: #4A4A4A;
    }

    /* Video content font styles end */



    /* Weight loss start */

    .section-one {
        position: relative;
    }

    .section-one .weight-loss img {
        height: 450px;
        width: 29%;
        /* background-color: darkblue; */
    }

    .section-one .weight-loss h1 {
        /* font-size: 220px; */
        font-size: 220px;
        /* position: absolute;
        top:-11%;
        right: 0%; */

    }

    .section-one .video-section-one {
        position: absolute;
        top: 20%;
        left: 12%;
    }

    .video-section-one iframe {
        /* position: relative;
        height: 270px;
        width: 480px; */
        position: relative;
        height: 232px;
        width: 425px;
    }

    .section-one .video-section-one .vsone-video .weightloss-content {
        /* height: 230px;
        width: 375px;
        position: absolute;
        top: 8%;
        left: 70%;
        z-index: 100; */
        height: auto;
        width: 350px;
        position: absolute;
        top: 5%;
        left: 65%;
        z-index: 100;
    }

    /* Weight loss end */



    /* Weight Gain Start */

    .section-two {
        /* display: none !important; */
        margin-top: 60px;
        position: relative;
    }

    .section-two .weight-gain img {
        height: 450px;
        width: 27%;
        /* background-color: yellow; */
    }

    .section-two .weight-gain h1 {
        font-size: 220px;
        /* background-color: yellow; */
    }

    .section-two .video-section-two {
        position: absolute;
        top: 29%;
        left: 9%;
    }

    .video-section-two iframe {
        position: relative;
        height: 232px;
        width: 425px;
        /* position: relative;
        height: 270px;
        width: 480px; */
    }

    .section-two .video-section-two .vstwo-video .weightgain-content {
        height: auto;
        width: 375px;
        position: absolute;
        top: 5%;
        left: -50%;
        /* z-index: 100; */
    }

    /* Weight Gain end */



    /* immunity boost start */

    .section-three {
        /* display: none !important; */
        margin-top: 100px;
        position: relative;
    }

    .section-three .immunity-boost h1 {
        font-size: 220px;
    }

    .section-three .immunity-boost img {
        height: 450px;
        width: 23%;
        /* background-color: darkblue; */
    }


    .section-three .video-section-three {
        /* display: none !important; */
        position: absolute;
        top: 20%;
        left: 12%;
    }

    .video-section-three iframe {
        /* position: relative;
        height: 270px;
        width: 480px; */
        position: relative;
        height: 232px;
        width: 425px;
    }

    .section-three .video-section-three .vsthree-video .immunity-boost-content {
        /* height: 230px;
        width: 375px;
        position: absolute;
        top: 8%;
        left: 70%;
        z-index: 100; */
        height: auto;
        width: 350px;
        position: absolute;
        top: 5%;
        left: 65%;
        z-index: 100;
    }

    /* immunity boost end */




    /* Carousel-section start */
    .carousel-section {
        margin: 200px 0px 200px 0px;
    }

    .carousel-panel .image-section{
        /* background-color: yellow; */
        display: flex;
        align-items: center !important;
        justify-content: center !important;
    }

    .carousel-panel .image-section img {
        height: 220px;
        width: 220px;
    }
     
    .carousel-panel .content-section{
        /* background-color: orange; */
        display: flex;
        align-items: center !important;
        justify-content: center !important;
    }

    .carousel-panel .content-section .carousel-content-heading {
        font-size: 21px;
        /* background-color: red; */
    }

    .carousel-panel .content-section .carousel-content-para {
        font-size: 15px;
        /* background-color: red; */
    }

    .carousel-panel .content-section .carousel-rating{
        margin-top: 20px;
    }

    .carousel-panel .content-section .carousel-rating .rating-person {
        font-size: 15px;
        /* background-color: rebeccapurple; */
    }

    .carousel-panel .content-section .carousel-rating .person-icon {
        height: 50px;
        width: 50px;
        /* background-color: rebeccapurple; */

    }

    .carousel-panel .content-section .carousel-rating .carousel-person-details .rating-start img {
        height: 23px;
        width: 23px;
        /* background-color: rebeccapurple; */
    }

    /* .carousel-panel .content-section .carousel-rating .carousel-person-details .rating-start i{
        font-size:17px ;
    } */

    .carousel-inner{
        position: relative;
        /* background-color: yellow !important; */
    }

    .carousel-control-prev{
        position: absolute;    
        left: 2% !important;   
        /* background-color: orange !important;  */
    }
    .carousel-control-next{
        position: absolute;
        right: 2% !important;   
        /* background-color: orange !important;  */
    }


    /* Carousel-section end */
}




/* @media only screen and (min-width:500px) and (max-width:669px) { */
@media only screen and (min-width:600px) and (max-width:669px) {
    
     
    .counter-card {
        height: 200px;
        width: 195px;
        /* width: auto; */
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .counter-card img {
        /* background-color: blue; */
        height: 50px;
        width: 50px;
    }

    .acheievements h5 {
        font-size: 60px;
    }

    .counter-counts h3{
        font-size: 14px !important;
    }
    .counter-counts h3{
        font-size: 14px !important;
    }


    /* Video content font styles start */

    .video-content-heading {
        font-size: 25px;
        color: #00544D;
    }

    .video-content-name {
        font-size: 19px;
        color: #000000;
    }

    .video-content-description {
        font-size: 14px;
        color: #4A4A4A;
    }

    /* Video content font styles end */



    /* Weight loss start */

    .section-one {
        position: relative;
    }

    .section-one .weight-loss img {
        height: 450px;
        width: 29%;
        /* background-color: darkblue; */
    }

    .section-one .weight-loss h1 {
        /* font-size: 220px; */
        font-size: 220px;
        /* position: absolute;
        top:-11%;
        right: 0%; */

    }

    .section-one .video-section-one {
        position: absolute;
        top: 20%;
        left: 12%;
    }



    /* New changes one start*/
    .video-section-one iframe {
        /* position: relative;
        height: 270px;
        width: 480px; */
        position: relative;
        /* height: 232px;
        width: 425px; */
        height: 200px;
        width: 355px;
    }
    .section-one .video-section-one .vsone-video .weightloss-content {
        /* height: 230px;
        width: 375px;
        position: absolute;
        top: 8%;
        left: 70%;
        z-index: 100; */
        height: auto;
        width: 310px;
        position: absolute;
        top: -6%;
        left: 70%;
        z-index: 100;
        /* background-color: red !important; */
    }
    
    .section-one .video-section-one .vsone-video {
        position: absolute;
        top: 40%;
        left: -10%;
        background-color:  skyblue !important;
    }
    /* New changes one end*/

    /* Weight loss end */



    /* Weight Gain Start */

    .section-two {
        /* display: none !important; */
        margin-top: 60px;
        position: relative;
    }

    .section-two .weight-gain img {
        height: 450px;
        width: 27%;
        /* background-color: yellow; */
    }

    .section-two .weight-gain h1 {
        font-size: 220px;
        /* background-color: yellow; */
    }

    .section-two .video-section-two {
        position: absolute;
        top: 29%;
        left: 9%;
    }

    /* New changes two start*/
    .video-section-two iframe {
        position: relative;
        /* height: 232px;
        width: 425px; */
        /* position: relative;
        height: 270px;
        width: 480px; */
        height: 200px;
        width: 355px;
    }

    .section-two .video-section-two .vstwo-video .weightgain-content {
        /* height: auto;
        width: 375px;
        position: absolute;
        top: 5%;
        left: -50%; */
        /* z-index: 100; */
        height: auto;
        width: 310px;
        position: absolute;
        top: -6%;
        left: -55%;
        z-index: 100;
        /* background-color: red !important; */
    }
    .section-two .video-section-two .vstwo-video {
        position: absolute;
        top: 40%;
        /* left: -10%; */
        background-color:  skyblue !important;
    }
   
    /* New changes two end*/


    /* Weight Gain end */



    /* immunity boost start */

    .section-three {
        /* display: none !important; */
        margin-top: 100px;
        position: relative;
    }

    .section-three .immunity-boost h1 {
        font-size: 220px;
    }

    .section-three .immunity-boost img {
        height: 450px;
        width: 23%;
        /* background-color: darkblue; */
    }


    .section-three .video-section-three {
        /* display: none !important; */
        position: absolute;
        top: 20%;
        left: 12%;
    }

    /* New changes three start*/
    .video-section-three iframe {
        /* position: relative;
        height: 270px;
        width: 480px; */
        position: relative;
        /* height: 232px;
        width: 425px; */
        height: 200px;
        width: 355px;
    }

    .section-three .video-section-three .vsthree-video .immunity-boost-content {
        /* height: 230px;
        width: 375px;
        position: absolute;
        top: 8%;
        left: 70%;
        z-index: 100; */
        /* height: auto;
        width: 350px;
        position: absolute;
        top: 5%;
        left: 65%;
        z-index: 100; */
        height: auto;
        width: 310px;
        position: absolute;
        top: -6%;
        left: 70%;
        z-index: 100;
        /* background-color: red !important; */
    }
    .section-three .video-section-three .vsthree-video {
        position: absolute;
        top: 40%;
        left: -10%;
        background-color:  skyblue !important;
    }
    /* New changes three endt*/


    /* immunity boost end */



    /* Carousel-section start */
    .carousel-section {
        margin: 200px 0px 200px 0px;
    }

    .carousel-panel .image-section{
        /* background-color: yellow; */
        display: flex;
        align-items: center !important;
        justify-content: center !important;
    }

    .carousel-panel .image-section img {
        height: 220px;
        width: 220px;
    }
     
    .carousel-panel .content-section{
        /* background-color: orange; */
        display: flex;
        align-items: center !important;
        justify-content: center !important;
    }

    .carousel-panel .content-section .carousel-content-heading {
        font-size: 21px;
        /* background-color: red; */
    }

    .carousel-panel .content-section .carousel-content-para {
        font-size: 15px;
        /* background-color: red; */
    }

    .carousel-panel .content-section .carousel-rating{
        margin-top: 20px;
    }

    .carousel-panel .content-section .carousel-rating .rating-person {
        font-size: 15px;
        /* background-color: rebeccapurple; */
    }

    .carousel-panel .content-section .carousel-rating .person-icon {
        height: 50px;
        width: 50px;
        /* background-color: rebeccapurple; */

    }

    .carousel-panel .content-section .carousel-rating .carousel-person-details .rating-start img {
        height: 23px;
        width: 23px;
        /* background-color: rebeccapurple; */
    }

    /* .carousel-panel .content-section .carousel-rating .carousel-person-details .rating-start i{
        font-size:17px ;
    } */

    .carousel-inner{
        position: relative;
        /* background-color: yellow !important; */
    }

    .carousel-control-prev{
        position: absolute;    
        left: 2% !important;   
        /* background-color: orange !important;  */
    }
    .carousel-control-next{
        position: absolute;
        right: 2% !important;   
        /* background-color: orange !important;  */
    }


    /* Carousel-section end */
}



/* @media only screen and (max-width:425px) { */
@media only screen and (min-width:430px) and (max-width:599px) {
    .counter {
        position: relative;
        z-index: 100;
    }

    .counter-card {
        /* height: 168px; */
        height: 190px;
        width: 145px;
    }

    .counter-card img {
        height: 50px;
        width: 50px;
    }

    .counter-card .counter-counts p {
        font-size: 14px;
    }
    
    .acheievements h5 {
        /* font-size: 42px; */
        font-size: 39px;
        /* background-color: red; */
        position: absolute ;
        /* left: 10px; */
        left: 42px;
        top: 641px;
    }

    .acheievements {
        position: absolute;
        top: 90%;
        left: 4%;
        z-index: 1;
    }



    /* Video content font styles start */

    .video-content-heading {
        font-size: 20px;
        color: #00544D;
    }

    .video-content-name {
        font-size: 19px;
        color: #000000;
    }

    .video-content-description {
        font-size: 14px;
        color: #4A4A4A;
    }

    /* Video content font styles end */




    /* Weightloss start */

    .section-one {
        position: relative;
        margin-top: 120px;
    }

    .section-one .weight-loss img {
        height: 322px;
        width: 174px;
    }

    .section-one .weight-loss h1 {
        font-size: 150px;
        color: #65C56E40;
        position: absolute;
        top: -20%;
        right: 5%;
    }

    .section-one .video-section-one {
        position: absolute;
        left: 11%;
        top: 8%;
    }

    .video-section-one iframe {
        height: 225px;
        width: 400px;
        position: relative;
    }

    /* .section-one .video-section-one .vsone-video {
        position: absolute;
        top: 0%;
        left: 0%;
    } */

    .section-one .video-section-one .vsone-video .weightloss-content {
        height: 230px;
        width: 375px;
        position: absolute;
        top: 90%;
        /* right: 3%; */
        left: 3%;
        z-index: 100;
    }

    /* Weightloss end */



    /* WeightGain start */
    .section-two {
        position: relative;
        margin-top: 200px;
    }

    /* .section-two .weight-gain {
        flex-direction: row !important;
        background-color: yellow !important;
    }
     */

    .section-two .weight-gain img {
        height: 322px;
        width: 174px;
    }

    .section-two .weight-gain h1 {
        font-size: 150px;
        color: #65C56E40;
        position: absolute;
        top: -5%;
        left: 5%;
    }

    .section-two .video-section-two {
        position: absolute;
        left: 10%;
        top: 25%;
        z-index: 100;
    }

    .video-section-two iframe {
        height: 225px;
        width: 400px;
        position: relative;
    }

    .section-two .video-section-two .vstwo-video .weightgain-content {
        height: 230px;
        width: 375px;
        position: absolute;
        top: 90%;
        left: 3%;
        z-index: 100;
    }

    /* WeightGain end */







    /* immunity start */

    .section-three {
        position: relative;
        margin-top: 280px;
    }

    .section-three .immunity-boost img {
        height: 322px;
        width: 174px;
    }

    .section-three .immunity-boost h1 {
        font-size: 150px;
        color: #65C56E40;
        position: absolute;
        top: -23%;
        right: 5%;
    }

    .section-three .video-section-three {
        position: absolute;
        top: 8%;
        left: 11%;
        /* display: none !important; */
    }

    .video-section-three iframe {
        height: 225px;
        width: 400px;
        position: relative;
    }

    .section-three .video-section-three .vsthree-video .immunity-boost-content {
        height: 230px;
        width: 375px;
        position: absolute;
        top: 90%;
        left: 3%;
        z-index: 100;
    }


    /* immunity boost end */



        /* Carousel-section start */
    .carousel-section {
        margin: 200px 0px 200px 0px;
    }

    .carousel-panel .image-section{
        /* background-color: yellow; */
        display: flex;
        align-items: center !important;
        justify-content: center !important;
    }

    .carousel-panel .image-section img {
        height: 220px;
        width: 220px;
    }
     
    .carousel-panel .content-section{
        /* background-color: orange; */
        display: flex;
        align-items: center !important;
        justify-content: center !important;
    }

    .carousel-panel .content-section .carousel-content-heading {
        font-size: 21px;
        /* background-color: red; */
    }

    .carousel-panel .content-section .carousel-content-para {
        font-size: 15px;
        /* background-color: red; */
    }

    .carousel-panel .content-section .carousel-rating{
        margin-top: 20px;
    }

    .carousel-panel .content-section .carousel-rating .rating-person {
        font-size: 15px;
        /* background-color: rebeccapurple; */
    }

    .carousel-panel .content-section .carousel-rating .person-icon {
        height: 50px;
        width: 50px;
        /* background-color: rebeccapurple; */

    }

    .carousel-panel .content-section .carousel-rating .carousel-person-details .rating-start img {
        height: 23px;
        width: 23px;
        /* background-color: rebeccapurple; */
    }

    /* .carousel-panel .content-section .carousel-rating .carousel-person-details .rating-start i{
        font-size:17px ;
    } */

    .carousel-inner{
        position: relative;
        /* background-color: yellow !important; */
    }

    .carousel-control-prev{
        position: absolute;    
        left: 2% !important;   
        /* background-color: orange !important;  */
    }
    .carousel-control-next{
        position: absolute;
        right: 2% !important;   
        /* background-color: orange !important;  */
    }


    /* Carousel-section end */

}

@media (max-width:576px)
{
    .carousel-panel .carousel-content-mobile-heading {
        color: #00544D;
        font-size: 20px;
    }
}


@media only screen and (min-width:573px) and (max-width:599px) {

    .section-one{
        height: 400px;
    }
    
    .section-one .weight-loss img {
        display: none;
    }
    
    .section-two{
        height: 400px;
    }
    .section-two .weight-gain img {
        display: none;
    }
    
    .section-three{
        height: 400px;
    }
    .section-three .immunity-boost img {
       display: none;
    }

}



@media only screen and (min-width:370px) and (max-width:429px)
{
    .acheievements h5 {
        color: #77DD7720;
        font-size: 40px;
    }
    

    /* Video content font styles start */

    .video-content-heading {
        font-size: 20px;
        color: #00544D;
    }

    .video-content-name {
        font-size: 19px;
        color: #000000;
    }

    .video-content-description {
        font-size: 14px;
        color: #4A4A4A;
    }

    /* Video content font styles end */




    /* Weightloss start */

    .section-one {
        position: relative;
        margin-top: 120px;
    }

    .section-one .weight-loss img {
        height: 322px;
        width: 174px;
    }

    .section-one .weight-loss h1 {
        font-size: 150px;
        color: #65C56E40;
        position: absolute;
        top: -20%;
        right: 5%;
    }

    .section-one .video-section-one {
        position: absolute;
        left: 11%;
        top: 8%;
    }

    .video-section-one iframe {
        height: 185px;
        width: 350px;
        /* height: 225px;
        width: 300px; */
        position: relative;
    }

    /* .section-one .video-section-one .vsone-video {
        position: absolute;
        top: 0%;
        left: 0%;
    } */

    .section-one .video-section-one .vsone-video .weightloss-content {
        height: 200px;
        width: 355px;
        position: absolute;
        top: 90%;
        /* right: 3%; */
        left: -1%;
        z-index: 100;
    }

    /* Weightloss end */



    /* WeightGain start */
    .section-two {
        position: relative;
        margin-top: 200px;
    }

    /* .section-two .weight-gain {
        flex-direction: row !important;
        background-color: yellow !important;
    }
     */

    .section-two .weight-gain img {
        height: 322px;
        width: 174px;
    }

    .section-two .weight-gain h1 {
        font-size: 150px;
        color: #65C56E40;
        position: absolute;
        top: -5%;
        left: 5%;
    }

    .section-two .video-section-two {
        position: absolute;
        left: 10%;
        top: 25%;
        z-index: 100;
    }

    .video-section-two iframe {
        /* height: 225px;
        width: 400px; */
        height: 185px;
        width: 350px;
        position: relative;
    }

    .section-two .video-section-two .vstwo-video .weightgain-content {
        /* height: 230px;
        width: 375px; */
        height: 200px;
        width: 355px;
        position: absolute;
        top: 90%;
        left: 0%;
        z-index: 100;
    }

    /* WeightGain end */







    /* immunity start */

    .section-three {
        position: relative;
        margin-top: 280px;
    }

    .section-three .immunity-boost img {
        height: 322px;
        width: 174px;
    }

    .section-three .immunity-boost h1 {
        font-size: 150px;
        color: #65C56E40;
        position: absolute;
        top: -23%;
        right: 5%;
    }

    .section-three .video-section-three {
        position: absolute;
        top: 8%;
        left: 11%;
        /* display: none !important; */
    }

    .video-section-three iframe {
        /* height: 225px;
        width: 400px; */
        height: 185px;
        width: 350px;
        position: relative;
    }

    .section-three .video-section-three .vsthree-video .immunity-boost-content {
        height: 200px;
        width: 355px;
        position: absolute;
        top: 90%;
        left: 0%;
        z-index: 100;
    }

}


@media only screen and (min-width:320px) and (max-width:369px)
{
    .acheievements h5 {
        color: #77DD7720;
        font-size: 32px;
    }
    

    /* Video content font styles start */

    .video-content-heading {
        font-size: 20px;
        color: #00544D;
    }

    .video-content-name {
        font-size: 19px;
        color: #000000;
    }

    .video-content-description {
        font-size: 14px;
        color: #4A4A4A;
    }

    /* Video content font styles end */




    /* Weightloss start */

    .section-one {
        position: relative;
        margin-top: 120px;
    }

    .section-one .weight-loss img {
        height: 322px;
        width: 174px;
    }

    .section-one .weight-loss h1 {
        font-size: 150px;
        color: #65C56E40;
        position: absolute;
        top: -20%;
        right: 5%;
    }

    .section-one .video-section-one {
        position: absolute;
        left: 11%;
        top: 8%;
    }

    .video-section-one iframe {
        height: 190px;
        width: 300px;
        /* height: 225px;
        width: 300px; */
        position: relative;
    }

    /* .section-one .video-section-one .vsone-video {
        position: absolute;
        top: 0%;
        left: 0%;
    } */

    .section-one .video-section-one .vsone-video .weightloss-content {
        height: 200px;
        width: 290px;
        position: absolute;
        top: 90%;
        /* right: 3%; */
        left: 2%;
        z-index: 100;
    }

    /* Weightloss end */



    /* WeightGain start */
    .section-two {
        position: relative;
        margin-top: 200px;
    }

    /* .section-two .weight-gain {
        flex-direction: row !important;
        background-color: yellow !important;
    }
     */

    .section-two .weight-gain img {
        height: 322px;
        width: 174px;
    }

    .section-two .weight-gain h1 {
        font-size: 150px;
        color: #65C56E40;
        position: absolute;
        top: -5%;
        left: 5%;
    }

    .section-two .video-section-two {
        /* position: absolute;
        left: 10%;
        top: 25%; */
        position: absolute;
        left: 11%;
        top: 8%;
        z-index: 100;
    }

    .video-section-two iframe {
        /* height: 225px;
        width: 400px; */
        /* height: 185px;
        width: 350px; */
        height: 190px;
        width: 300px;
        position: relative;
    }

    .section-two .video-section-two .vstwo-video .weightgain-content {
        /* height: 230px;
        width: 375px; */
        /* height: 200px;
        width: 355px;
        position: absolute;
        top: 90%;
        left: 0%;

        z-index: 100; */
        height: 200px;
        width: 290px;        
        position: absolute;
        top: 90%;
        /* right: 3%; */
        left: 2%;
        z-index: 100;
    }

    /* WeightGain end */







    /* immunity start */

    .section-three {
        position: relative;
        margin-top: 280px;
    }

    .section-three .immunity-boost img {
        height: 322px;
        width: 174px;
    }

    .section-three .immunity-boost h1 {
        font-size: 150px;
        color: #65C56E40;
        position: absolute;
        top: -23%;
        right: 5%;
    }

    .section-three .video-section-three {
        position: absolute;
        top: 8%;
        left: 11%;
        /* display: none !important; */
    }

    .video-section-three iframe {
        /* height: 225px;
        width: 400px; */
        /* height: 185px;
        width: 350px;
        position: relative; */
        height: 190px;
        width: 300px;
        /* height: 225px;
        width: 300px; */
        position: relative;
    }

    .section-three .video-section-three .vsthree-video .immunity-boost-content {
        /* height: 200px;
        width: 355px;
        position: absolute;
        top: 90%;
        left: 0%;
        z-index: 100; */
        height: 200px;
        width: 290px;
        position: absolute;
        top: 90%;
        /* right: 3%; */
        left: 2%;
        z-index: 100;
    }

}