/* New our programs image container */

.our-programs-group-image-container{
    height: 700px;
    width: 100%;
}

.our-programs-group-image-container .our-programs-image{
    height: 100%;
    width: 100%;
    object-fit: contain;
}

@media only screen and (max-width:1185px)
{
    .our-programs-group-image-container{
        height: 500px;
        width: 100%;
    }
}





/* @media only screen and (max-width:1185px)
{
    .our-programs-group-image-container{
        height: 600px;
        width: 800%;
    }
    .our-programs-group-image-container .our-programs-image{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
} */

/* New our programs image container end */





/* Corporate wellness prev style  start*/



/* Changes start */



/* Changes end */

.spacer {
    /*margin-top: 200px;*/
    margin-top: 180px;
}

@media only screen and (min-width:1000px) and (max-width:1440px)
{
    .spacer {
    /*margin-top: 200px;*/
    margin-top: 120px;
}
}
@media only screen and (min-width:768px) and (max-width:999px)
{
    .spacer {
    /*margin-top: 200px;*/
    margin-top: 80px;
}
}
@media only screen and (min-width:200px) and (max-width:767px)
{
    .spacer {
    /*margin-top: 200px;*/
    margin-top: 0px;
}
}

#programs-xl {
    height: 80vh;
    /* height: 110vh; */
    /* background-color: yellow !important; */
}

.moving-section-one {
    top: 72%;
        left: 15%;
    }

.moving-section-two {
    left: 40.5%;
}

body {
    overflow-x: hidden;
}

.custom-pading-mobile {
    padding: 0 16rem 0 16rem;
}

.custom-pad-corporate {
    padding: 0 12.5rem 0 12.5rem;
    margin-top: 2rem;
}

/*.spacer {*/
/*    margin-top: 15rem;*/
/*}*/

.custom-tooltip {
    --bs-tooltip-bg: white;
    --bs-tooltip-color: black;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.383);
    border-radius: 0;

}

.custom-tooltip .tooltip-inner {
    padding: 8px;
    font-size: 1.2rem;
    max-width: 18rem;

}

.custom-tooltip .tooltip-arrow {

    display: none;
}


.swiper {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 300px;
}

.swiper-slide img {
    display: block;
    width: 100%;
}

.corporate-prg {
    background-color: rgb(237, 247, 215);
    object-fit: contain;
    display: flex;
    justify-content: center;
    align-items: center;
}

.corporate-prg .program-img {

    width: 300px !important;
    height: 400px !important;
    object-fit: contain;
}

/* Corporate wellness prev style  end*/


/* Social media icons start */
.social-list-cw-page {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 70px;
    background-color: #65C56E;
    clip-path: polygon(0 0, 32% 0, 100% 22%, 100% 100%, 72% 100%, 0 77%);
    color: #242424;
    font-size: 1.3rem;
}

.social-list-cw-page>a {
    color: #242424;
}

.social-icons-cw-page {
    /* position: absolute;
    left: 3%;
    top: 22%; */
    position: absolute;
    left: 5%;
    top: 15%;
}

/* Social media icons end */


@media only screen and (min-width:1764px) and (max-width:2000px)
{
        /* Social Media Icon start */

        .social-icons-cw-page {
            position: absolute;
            left: 5%;
            top: 19%;
            /* background-color: yellow ; */
        }
    
        /* Social Media Icon end */

        #programs-xl {
            height: 100vh;
            /* height: 110vh; */
            /* background-color: yellow !important; */
        }
}

@media only screen and (min-width:1806px) and (max-width:1878px)
{
    .moving-section-one {
        top: 70%;
        left:8.5%;
    }
    
    .moving-section-two {
        left: 38.5%;
    }
}
@media only screen and (min-width:1783px) and (max-width:1805px)
{
    .moving-section-one {
        top: 70%;
        left:8%;
        /* background-color: orange; */
        padding: 10px;
    }
    
    .moving-section-two {
        left: 38.5%;
    }
}
@media only screen and (min-width:1715px) and (max-width:1782px)
{
    .moving-section-one {
        top: 68%;
        left:6%;
    }
    
    .moving-section-two {
        left: 38%;
        bottom:-39%;
    }
}
@media only screen and (min-width:1691px) and (max-width:1714px)
{
    .moving-section-one {
        top: 67%;
        left:5.5%;
        padding: 10px;
        /* background-color: red; */
    }
    
    .moving-section-two {
        left: 37.5%;
        bottom:-39%;
    }
}
@media only screen and (min-width:1668px) and (max-width:1690px)
{
    .moving-section-one {
        top: 67%;
        left:5.2%;
        padding: 10px;
        /* background-color: red; */
    }
    
    .moving-section-two {
        left: 37.5%;
        bottom:-39%;
    }
}
@media only screen and (min-width:1643px) and (max-width:1667px)
{
    .moving-section-one {
        top: 67%;
        left:4.4%;
        padding: 10px;
        /* background-color: red; */
    }
    
    .moving-section-two {
        left: 37.5%;
        bottom:-39%;
    }
}
@media only screen and (min-width:1595px) and (max-width:1643px)
{
    .moving-section-one {
        top: 67%;
        left:3%;
        padding: 10px;
        /* background-color: red; */
    }
    
    .moving-section-two {
        left: 37.5%;
        bottom:-39%;
    }
}
@media only screen and (min-width:1560px) and (max-width:1594px)
{
    .moving-section-one {
        top: 67%;
        left:2.1%;
        padding: 10px;
        /* background-color: red; */
    }
    
    .moving-section-two {
        left: 37.5%;
        bottom:-39%;
    }
}
@media only screen and (min-width:1518px) and (max-width:1559px)
{
    .moving-section-one {
        top: 67%;
        left:0.6%;
        padding: 10px;
        /* background-color: red; */
    }
    
    .moving-section-two {
        left: 36.5%;
        bottom:-39%;
    }
}
@media only screen and (min-width:1500px) and (max-width:1517px)
{
    .moving-section-one {
        top: 67%;
        left:0%;
        padding: 10px;
        /* background-color: red; */
    }
    
    .moving-section-two {
        left: 36.5%;
        bottom:-39%;
    }
}

@media only screen and (min-width:1480px) and (max-width:1516px)
{
    /* .ourprograms-container{
        width: 80%;
    } */
    .moving-section-one {
        top: 67%;
        left:8%;
        padding: 10px;
        /* background-color: red; */
    }

    .moving-section-one .image-one{
        width: 130px;
        height: 200px;
    }
    .moving-section-one .image-two{
        width: 350px;
        height: 200px;
    }
    
    .moving-section-two {
        left: 36%;
        bottom:-39%;
    }
}

@media only screen and (min-width:1440px) and (max-width:1479px)
{
    /* .ourprograms-container{
        width: 80%;
    } */
    .moving-section-one {
        top: 67%;
        left:7%;
        padding: 10px;
        /* background-color: red; */
    }

    .moving-section-one .image-one{
        width: 130px;
        height: 200px;
    }
    .moving-section-one .image-two{
        width: 350px;
        height: 200px;
    }
    
    .moving-section-two {
        left: 36%;
        bottom:-39%;
    }
}


@media only screen and (min-width:1439px) and (max-width:1763px)
{
        /* Social Media Icon start */
        .social-icons-cw-page {
            position: absolute;
            left: 5%;
            top: 22%;
            /* background-color: red !important ; */
        }
        /* Social Media Icon end */

        #programs-xl {
            height: auto;
            /* height: 110vh; */
            /* background-color: #80008020 !important; */
        }
}
@media only screen and (min-width:1150px) and (max-width:1438px)
{
        /* Social Media Icon start */
        .social-icons-cw-page {
            position: absolute;
            left: 5%;
            top: 18%;
            /* background-color: red ; */
        }
        /* Social Media Icon end */
}

@media only screen and (min-width:1100px) and (max-width:1149px)
{
        .social-icons-cw-page {
            position: absolute;
            left: 5%;
            top: 16%;
            /* background-color: red ; */
        }
}




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

    #programs-xl {
        height: auto;
        /* height: 110vh; */
        /* background-color: yellow !important; */
    }


    /* Book an appoinment start */
    #book-appointment .image-container .book-apoint-img {
        /* background-color: yellow; */
        /* border:5px solid yellow; */
        width: 80%;
        top: 25%;
    }
    

    /* Book an appoinment end */

    /* We cover start */
    .moving-section-one {
        top: 69%;
        left: 4%;
        background-color: orange !important;
    }

    .moving-section-one img:nth-child(1)
    {
        height: 135px;
    }
    .moving-section-one img:nth-child(2)
    {
        height: 220px;
    }

    .moving-section-two {
        left: 35.5%;
        top:98.5%;
    }

    /* We cover end */


    /* Get in touch start */
    .green-box {
        max-width: 20.125rem !important;
        max-height: 15.25rem;
        overflow: hidden !important;
    }

    .green-box img {
        left: -10% !important;

    }

    .box__mod p {
        font-size: 16px !important;
    }

    /* Get in touch end */


}

@media only screen and (max-width:1299px)
{
    
    #programs-xl {
        height: auto;
        /* height: 110vh; */
        /* background-color: yellow !important; */
    }
}


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

    /* Social list start */
    .social-icons-cw-page {
        position: absolute;
        left: 3%;
        top: 16%;
    }
}
@media only screen and (min-width:820px) and (max-width:991px){

    /* Social list start */
    .social-icons-cw-page {
        position: absolute;
        left: 3%;
        top: 24%;
    }
}
@media only screen and (min-width:710px) and (max-width:819px){

    /* Social list start */
    .social-icons-cw-page {
        position: absolute;
        left: 3%;
        top: 20%;
    }
}
@media only screen and (min-width:525px) and (max-width:709px){

    .social-icons-cw-page {
        position: absolute;
        left: 4%;
        top: 25%;
        /* background-color: red; */
    }

}
@media only screen and (min-width:320px) and (max-width:524px){

    .social-icons-cw-page {
        position: absolute;
        left: 2%;
        top: 22%;
        /* background-color: red; */
    }

}

/* Social list end */

@media only screen and (max-width:1024px) {



    /* We cover start */
    .moving-section-one {
        top: 69%;
        left: 3%;
        /* background-color: orange !important; */
    }

    .moving-section-one img:nth-child(1)
    {
        height: 100px;
    }

    .moving-section-one img:nth-child(2)
    {
        height: 150px;
    }

    .moving-section-two {
        left: 35.5%;
        top:98.5%;
    }

    /* We cover end */


    /* Get in touch start */
    /* .green-box {
        max-width: 17.125rem !important;
        max-height: 15.25rem;
        overflow: hidden !important;
    }

    .green-box img {
        left: -10% !important;

    } */

    .box__mod p {
        font-size: 13px !important;
    }

    /* Get in touch end */



    /* Book an appoinment start */


    #book-appointment .image-container .book-apoint-img {
        width: 60%;
        top: 30%;
    }

    #book-appointment .image-container .book-pattern {
        position: absolute;
        width: 90%;
        top: 18%;
    }


    /* Book an appoinment end */
}


@media only screen and (max-width:768px) 
{

    /* banner image start */
    .corporate-image-container {
        height: 60vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-bottom: 40px;
    }

    .corporate-image-container img {
        /* background-color: orange; */
        position: absolute;
        z-index: -1;
        left: 5%;
    }

    /* banner-image-end */


    /* Social list start */

    .social-list-cw-page {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35px !important;
        padding: 1px;
        height: 65px !important;
        background-color: #65C56E;
        clip-path: polygon(0 0, 30% 0, 100% 22%, 100% 100%, 70% 100%, 0 77%);
        color: #242424;
        font-size: 18px;
    }


    /* Social list end */

    /* Book and appoinment start */
    /* .form-main-container {
        margin-top: 450px !important;
        margin-left: 20px !important;
    } */

    .image-container {
        position: relative;
    }

    .mobile-book-an-appoinment-heading {
        margin-bottom: 30px !important;
    }
    /* Book an appoinment end */


    /* We cover multiple sectors start */
    /* .custom-layout-mobile .col-12:nth-child(1){
        height: 300px;
    }
    .custom-layout-mobile .col-12:nth-child(1) img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: 20% 30%;
    } */
    /* We cover multiple sectors end */



    /* Book and appoiment start */

    .book-head {
        font-size: 2rem;
    }

    #book-appointment .image-container .book-apoint-img {
        position: absolute;
        /* height: 100%; */
        width: 100%;
        bottom: 15% !important;
        left: 25%;
        /* padding: 20px !important; */
        background-color: yellow !important;

    }

    #book-appointment .image-container .book-pattern {
        /* display: none !important; */
        position: absolute;
        width: 90%;
        top: 18%;
        z-index: -1 !important;
    }

    /* Book an appoinment end */

    /* Get in touch start */

    /* .get__tch { */
        /* width: 100%; */
        /* height: 100vh; */
        /* height: 60vh; */
    /* } */

    #getin-tch {
        margin-top: 32px !important;
    }

    .green-box {
        width: auto !important;
        max-width: auto !important;
        max-height: 15.25rem;
        /* overflow: hidden !important; */
    }

    .box__mod h2 {
        font-size: 20px;
    }

    .box__mod p {
        font-size: 13px !important;
    }

    .box__mod .comp-address {
        /* width: 50% !important; */
    }


    .box__mod>img {
        width: 2rem;
    }

    .green-box img {
        /* left: -20% !important; */
    }

    /* Get in touch end */



}


@media only screen and (min-width:320px) and (max-width:991px)
{
    /* Our programs start */

    .image-main-container{
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto;
        gap:20px;
    }

    .image-main-container .image-container:nth-child(1)
    {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-start: 2;
    }
    .image-main-container .image-container:nth-child(2)
    {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-start: 3;
    }
    .image-main-container .image-container:nth-child(4)
    {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 3;
        grid-row-start: 4;    
    }

    .image-main-container .image-container:nth-child(3)
    {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-start: 4;
    }
    .image-main-container .image-container:nth-child(6)
    {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 4;
        grid-row-start: 5;
    }
    .image-main-container .image-container:nth-child(5)
    {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 5;
        grid-row-start: 6;
    }




    /* Our programs end */
}

@media only screen and (min-width:200px) and (max-width:425px) {

    /* .get__tch { */
        /* width: 100%; */
        /* height: 100vh; */
        /* height: 100vh; */
    /* } */

    /* banner image start */
    .corporate-image-container {
        height: 30vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-bottom: 40px;
    }

    .corporate-image-container img {
        /* background-color: orange; */
        position: absolute;
        z-index: -1;
        left: 10%;
    }

    /* banner-image-end */


    /* social media icon start */
    .social-list-cw-page {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px !important;
        height: 45px !important;
        background-color: #65C56E;
        /* clip-path: polygon(0 0, 32% 0, 100% 22%, 100% 100%, 72% 100%, 0 77%); */
        clip-path: polygon(0 0, 32% 0, 100% 22%, 100% 100%, 72% 100%, 0 77%) !important;
        color: #242424;
        font-size: 1.3rem;
    }

    .social-icons-cw-page {
        position: absolute;
        left: -2% !important;
        top: 15% !important;
        /* background-color: red; */
    }

    .social-list-cw-page {
        clip-path: polygon(0 0, 30% 0, 100% 22%, 100% 100%, 70% 100%, 0 77%);
        font-size: 16px;
    }

    /* social media icon end */
}


@media only screen and (max-width:375px) {
    #book-appointment .image-container .book-apoint-img {
        position: absolute;
        width: 80% !important;
        bottom: 10% !important;
        left: 10% !important;
    }

}