

    @font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('../fonts/MYRIADPRO-REGULAR.woff') format('woff');
    }


    @font-face {
    font-family: 'Myriad Pro Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed'), url('../fontsMYRIADPRO-COND.woff') format('woff');
    }


    @font-face {
    font-family: 'Myriad Pro Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed Italic'), url('../fontsMYRIADPRO-CONDIT.woff') format('woff');
    }


    @font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Light'), url('../fontsMyriadPro-Light.woff') format('woff');
    }


    @font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold'), url('../fontsMYRIADPRO-SEMIBOLD.woff') format('woff');
    }


    @font-face {
    font-family: 'Myriad Pro Semibold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold Italic'), url('../fontsMYRIADPRO-SEMIBOLDIT.woff') format('woff');
    }


    @font-face {
    font-family: 'Myriad Pro Bold Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Condensed'), url('../fontsMYRIADPRO-BOLDCOND.woff') format('woff');
    }


    @font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold'), url('../fontsMYRIADPRO-BOLD.woff') format('woff');
    }


    @font-face {
    font-family: 'Myriad Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Italic'), url('../fontsMYRIADPRO-BOLDIT.woff') format('woff');
    }


    @font-face {
    font-family: 'Myriad Pro Bold Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Condensed Italic'), url('../fontsMYRIADPRO-BOLDCONDIT.woff') format('woff');
    }



    .logoImg{
        width: 10rem;
        padding: 0.5rem;
    }

    .heroSection{
        padding: 8rem 2rem;
    }

    .plr{
        padding-right: 5rem !important;
    }

    .heroImg{
        width: 100%;
        padding: 1rem 6rem;
        padding-bottom: 5rem;
    }


    .cSection{
        padding: 2rem 2rem;
        background-color: #fff;
    }

    .cSection .box{
        margin-bottom: 1.5rem;
    }

    .cSection .box h5{
        font-size: 1.1rem;
        margin-top: 1rem;
    }

    .cSection .box ul{
        padding-left: 1rem;
    }

    .cSection .box ul li{
        font-size: .85rem;
        line-height: 1.6;
        margin-bottom: .7rem;
    }

    .abSection p{
        line-height: .6;
        font-weight: 500;
        font-size: .9rem;
    }

    .serviceCard {
        background-color: #f2fdfd;
        border: 1px solid #e1e1e1;
        padding: 1rem;
        text-align: center;
        transition: all 0.3s ease;
    }

    .serviceCard:hover {
       transform: translateZ(0) scale(1.05);
    }

    .serviceCard h3 {
        font-size: 1.2rem;
        margin-top: 1rem;
        color: #333;
    }

    .serviceCard img {
        width: 100%;
        aspect-ratio: 3/2;
    }

    .title2{
        font-size: 2rem;
        font-weight: 700;
        color: #fff;
        margin-bottom: 1rem;
        margin-top: -.4rem;
    }

    .abP{
        text-align: justify;
    }

    .aContent{
        padding: .5rem;
    }

    .eInfo{
        margin-bottom: 1rem;
    }

    .eInfo h3{
        font-size: 4rem;
        font-weight: 800;
        margin-bottom: .5rem;
    }

    .eInfo ul{
        padding-left: 1rem;
        font-weight: 500;
        font-size: .95rem;
    }

    .eInfo ul li{
        margin-bottom: .5rem;
    }

    .fCard{
        background-color: #ffffff;
        border: 1px solid #e1e1e1;
        padding: 2rem;
        transition: all 0.3s ease;
        margin-bottom: 2rem;
    }

    .fCard p{
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
        background-color: #36836d;
        padding: .5rem .3rem;
        font-size: .8rem;
        font-weight: 500;
        color: #ffffff;
    }

    .fCard h5{
        margin-bottom: 1rem;
    }

    .iWH{
        border-radius: 50% !important;
        width: 130px !important;
    }

    /* .wCard{
        background-color: #fff;
        margin-top: 5rem;
        padding: 3rem 3rem;
        border: 1px solid #e1e1e1;
    } */

    .wCard h2{
        font-size: 3.5rem;
        font-weight: 800;
        margin-bottom: 2rem;
    }

    .wCard h4{
        font-size: 1.5rem;
        font-weight: 700;
        margin-top: 1.5rem;
        margin-bottom: .5rem;
    }

    .wBox{
        padding: 2rem 1.5rem;
        margin-top: 1rem;
        border-radius: .5rem;
        background-color: #f4fffe;
        border: 1px solid #359f9664;
        padding-bottom: 1rem;
    }

     .wBox .headerContent i{
        font-size: 3.5rem;
        color: #269a89;
        display: block;
        margin-bottom: .5rem;
        text-align: center;
     }

    .wBox .headerContent h4{
        font-size: 1.2rem;
        padding: 0rem 1rem;
        font-weight: 600;
        margin-bottom: 1rem;
        text-align: center;
    }
       .wBox p{
        font-size: .9rem;
        color: #252525;
        text-align: justify;
        line-height: 1.6;
    }


    .teamSection{
        padding: 5rem 1rem;
    }

    .teamCard{
        background-color: #fcfcfc;
        padding: 1.5rem;
        padding-bottom: .5rem;
        margin-bottom: 1rem;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    }

    .teamCard img{
        aspect-ratio: 2/2.5;
        object-fit: cover;
        border: 1px solid #dadada;
    }

    .teamCard h4{
        font-size: 1.2rem;
        margin-top: 1rem;
        text-align: center;
    }
    .teamCard h6{
        color: #696969;
        font-weight: 600;
        font-size: .9rem;
        text-align: center;
    }

    .teamCard p{
        font-size: .85rem;
        line-height: 1.5;
    }

    .btnSeemore{
        padding: .5rem 1rem;
        background-color: #00a1ad;
        color: #fff;
        border-radius: .5rem;
        transition: all .5s ease;
        border: 2px solid #00a1ad93;
    }
    .btnSeemore:hover{
        background-color: #fff;
        color: #00a1ad;
    }

    @media (max-width: 768px) {

        .wBox{
        padding: 1.5rem 1rem;
        }
        .wBox .headerContent h4{
            font-size: 1rem;
        }
        .wBox p{
            line-height: 1.6;
        }

        /* .wCard{
            margin-top: 3rem;
            padding: 1.5rem 1rem;
        } */

        .wCard h2{
            font-size: 1.8rem;
            margin-bottom: 1rem;
            text-align: center;
        }

        .wCard h4{
            font-size: 1.1rem;
        }

        .wCard p{
            font-size: .8rem;
            text-align: justify;
            line-height: 1.6;
        }

        .iWH{
            border-radius: 50% !important;
            width: 160px !important;
        }

        .abP{
            font-size: .85rem;
        }

        .eInfo ul li{
            margin-bottom: .5rem;
            font-size: .8rem;
        }
        .eInfo h3{
            font-size: 2rem;
        }

        .cSection .box ul li{
            font-size: .75rem;
        }

        .title2{
            font-size: 1.5rem;
            padding: 0rem 1rem;
            font-weight: 600;
            text-align: center;
        }

        .heroImg{
            width: 100%;
            padding: 1rem 1rem;
            padding-bottom: 2rem;
        }

        .abSection p{
            line-height: 1.3;
            font-size: .8rem;
        }
        .logoImg {
            width: 8rem;
            padding: 0.01rem;
        }
    }
