@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import '../fonts/font.css';

*,
html,
body {
    scroll-behavior: smooth !important;
}

    a {
        text-decoration: none !important;
    }

        a:hover {
            text-decoration: none !important;
        }

    .phonepackageopen {
        position: relative;
        height: 100dvh;
    }

        .phonepackageopen::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background-color: rgba(0, 0, 0, 0.8509803922);
            z-index: 9;
        }

        .phonepackageopen .bottomnavigation .courses {
            transform: translateY(0%);
        }

        .phonepackageopen .bottomnavigation .navigation ul li:first-child a {
            color: #ffffff;
        }

            .phonepackageopen .bottomnavigation .navigation ul li:first-child a svg,
            .phonepackageopen .bottomnavigation .navigation ul li:first-child a span {
                color: #ffffff;
            }

        .phonepackageopen .bottomnavigation .navigation ul li:nth-child(3) a {
            color: #47948B;
        }

            .phonepackageopen .bottomnavigation .navigation ul li:nth-child(3) a svg,
            .phonepackageopen .bottomnavigation .navigation ul li:nth-child(3) a span {
                color: #47948B;
            }

    .bottomnavigation {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 2.5641025641vw;
        padding-top: 0;
        z-index: 999;
    }

        .bottomnavigation .courses {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            padding-bottom: 20.5128205128vw;
            background-color: #c8c8c8;
            padding-top: 12.8205128205vw;
            border-radius: 5.1282051282vw 5.1282051282vw 0 0;
            transform: translateY(100%);
            transition: 0.3s linear;
        }

            .bottomnavigation .courses .container {
                padding: 0;
            }

                .bottomnavigation .courses .container .coursesSwiper {
                    padding-bottom: 3.8461538462vw;
                }

                    .bottomnavigation .courses .container .coursesSwiper .swiper-pagination {
                        bottom: 0 !important;
                    }

        .bottomnavigation .navigation {
            padding: 3.0769230769vw;
            border-radius: 7.6923076923vw;
            background-color: #141c25;
            border: 0.2564102564vw solid #ffffff;
            position: relative;
        }

            .bottomnavigation .navigation.activepackage ul li:first-child a {
                color: #ffffff;
            }

                .bottomnavigation .navigation.activepackage ul li:first-child a svg,
                .bottomnavigation .navigation.activepackage ul li:first-child a span {
                    color: #ffffff;
                }

            .bottomnavigation .navigation.activepackage ul li:nth-child(3) a {
                color: #47948B;
            }

                .bottomnavigation .navigation.activepackage ul li:nth-child(3) a svg,
                .bottomnavigation .navigation.activepackage ul li:nth-child(3) a span {
                    color: #47948B;
                }

            .bottomnavigation .navigation.activelogin ul li:first-child a {
                color: #ffffff;
            }

                .bottomnavigation .navigation.activelogin ul li:first-child a svg,
                .bottomnavigation .navigation.activelogin ul li:first-child a span {
                    color: #ffffff;
                }

            .bottomnavigation .navigation.activelogin ul li:last-child a {
                color: #47948B;
            }

                .bottomnavigation .navigation.activelogin ul li:last-child a svg,
                .bottomnavigation .navigation.activelogin ul li:last-child a span {
                    color: #47948B;
                }

            .bottomnavigation .navigation ul {
                display: flex;
                vertical-align: middle;
                align-items: center;
                justify-content: space-around;
                margin: 0;
                padding: 0;
                list-style-type: none;
            }

                .bottomnavigation .navigation ul li:first-child a {
                    color: #47948B;
                }

                    .bottomnavigation .navigation ul li:first-child a svg,
                    .bottomnavigation .navigation ul li:first-child a span {
                        color: #47948B;
                    }

                .bottomnavigation .navigation ul li a span {
                    font-size: 3.0769230769vw;
                    display: block;
                    text-align: center;
                    color: #fff;
                    font-weight: 400;
                }

                .bottomnavigation .navigation ul li a svg {
                    width: 5.1282051282vw;
                    height: 5.1282051282vw;
                    color: #fff;
                    display: block;
                    margin: auto;
                }

    .container {
        padding-left: 5.1282051282vw;
        padding-right: 5.1282051282vw;
    }

    .banner {
        background-color: #141C25;
        padding-top: 10.7692307692vw;
        display: flex;
        flex-wrap: wrap;
    }

        .banner .container {
            order: 2;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.1) 100%);
            -webkit-backdrop-filter: blur(7.1500000954px);
            backdrop-filter: blur(7.1500000954px);
            padding-top: 7.6923076923vw;
            padding-bottom: 7.6923076923vw;
            z-index: 99;
        }

        .banner .text .heading h1 {
            color: #FFF;
            font-family: Graphik;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            margin-bottom: 2.5641025641vw;
        }

            .banner .text .heading h1 b {
                font-size: 24px;
                font-weight: 600;
            }

            .banner .text .heading h1 samp {
                display: none;
            }

            .banner .text .heading h1 span {
                text-shadow: 0px 2.667px 6px rgba(34, 110, 101, 0.5);
                font-family: Graphik;
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 26.667px;
                /* 133.333% */
                background: linear-gradient(90deg, #226E65 0%, #42D4C3 76.78%);
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

        .banner .text .heading p {
            color: #FFF;
            font-family: Lato;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 25px;
            margin-bottom: 4.1025641026vw;
        }

        .banner .text a {
            display: flex;
            vertical-align: middle;
            align-items: center;
            width: 44.358974359vw;
            height: 10.2564102564vw;
            flex-shrink: 0;
            border-radius: 3.4187179487vw;
            background: #FFF;
            position: relative;
            transition: 0.5s;
        }

            .banner .text a::before {
                content: "";
                position: absolute;
                top: -0.2564102564vw;
                left: -0.2564102564vw;
                width: calc(100% - 9.4871794872vw);
                height: calc(100% + 0.5128205128vw);
                background: var(--Primary-color, #226E65);
                border-radius: 3.4187179487vw;
                transition: 0.5s;
            }

            .banner .text a span {
                position: relative;
                padding-left: 8.4615384615vw;
                color: #FFF;
                font-family: Lato;
                font-size: 3.5897435897vw;
                font-style: normal;
                font-weight: 400;
                line-height: 6.8376923077vw;
            }

                .banner .text a span svg,
                .banner .text a span img {
                    width: 10.2564102564vw;
                    height: 10.2564102564vw;
                    margin-left: 6.4102564103vw;
                }

            .banner .text a:hover::before {
                width: calc(100% + 0.5128205128vw);
            }

            .banner .text a:hover span svg path {
                fill: #fff;
            }

        .banner .text .bannerbadge {
            display: none;
        }

        .banner .counterdiv {
            margin-top: 0vw;
        }

            .banner .counterdiv ul {
                list-style-type: none;
                padding: 0;
                margin: 0;
                display: flex;
                display: none;
            }

                .banner .counterdiv ul li {
                    width: 33.33333%;
                }

                    .banner .counterdiv ul li span.homecounter, .banner .counterdiv ul li span.supfax {
                        font-family: Graphik;
                        font-size: 33.03px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: 41.288px;
                        /* 125% */
                        background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #FFF 100%);
                        background-clip: text;
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                        padding: 0;
                    }

                    .banner .counterdiv ul li span.text {
                        display: block;
                        color: #FFF;
                        font-family: "Inter";
                        font-size: 11.561px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: normal;
                    }

            .banner .counterdiv .socialcount {
                display: flex;
                vertical-align: middle;
                align-items: center;
                justify-content: center;
                margin-top: 3.8461538462vw;
                flex-wrap: wrap;
            }

                .banner .counterdiv .socialcount img {
                    height: 5.5051282051vw;
                    margin-right: 1.2820512821vw;
                }

                .banner .counterdiv .socialcount svg {
                    display: block;
                    width: 100%;
                    height: 5.5051282051vw;
                    margin-right: 1.2820512821vw;
                }

                .banner .counterdiv .socialcount span {
                    font-family: Graphik;
                    font-size: 33.03px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 41.288px;
                    /* 125% */
                    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #FFF 100%);
                    background-clip: text;
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                }

                    .banner .counterdiv .socialcount span.homecounter {
                        padding: 0;
                    }

        .banner .bannerimage {
            order: 1;
            position: relative;
            width: 100%;
            margin-bottom: -30px;
            position: sticky;
            top: 0;
            z-index: 1;
        }

            .banner .bannerimage .bg {
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translate(-50%, 0);
                width: 233px;
                height: 292.279px;
                border-radius: 43.148px 43.148px 0px 0px;
                background: linear-gradient(180deg, #226E65 0%, rgba(34, 110, 101, 0.25) 100%);
            }

            .banner .bannerimage img {
                position: relative;
                max-width: 100%;
                height: 88.1928205128vw;
                display: block;
                margin: auto;
            }

            .banner .bannerimage p {
                position: absolute;
                border-radius: 20vw;
                background: #FFF;
                padding: 0vw 2.8205128205vw;
                top: 0;
                color: #18212B;
                font-family: Lato;
                font-size: 10px;
                font-style: normal;
                font-weight: 400;
                line-height: 26.667px;
                height: 6.9230769231vw;
                /* 266.667% */
            }

                .banner .bannerimage p svg {
                    margin-right: 1.5384615385vw;
                }

                .banner .bannerimage p:first-of-type {
                    top: 53.5897435897vw;
                    left: 2.0512820513vw;
                }

                .banner .bannerimage p:last-child {
                    top: initial;
                    bottom: 7.6923076923vw;
                    right: 0.2564102564vw;
                }

        .banner .overlay {
            display: none;
        }

    .clientslider {
        padding: 4.1025641026vw 0;
        background-color: #F1F1F1;
        margin-bottom: -0.2564102564vw;
    }

        .clientslider .clientSplide {
            transform: translateZ(0);
            will-change: transform;
        }

            .clientslider .clientSplide .splide__slider .splide__track .splide__list .splide__slide {
                width: -moz-max-content;
                width: max-content;
                position: relative;
                height: initial !important;
                padding: 0vw 10.2564102564vw;
            }

                .clientslider .clientSplide .splide__slider .splide__track .splide__list .splide__slide img {
                    height: 7.6923076923vw;
                    max-height: 7.6923076923vw;
                }

                .clientslider .clientSplide .splide__slider .splide__track .splide__list .splide__slide::after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: -1.9230769231vw;
                    transform: translateY(-50%);
                    width: 3.8461538462vw;
                    height: 3.8461538462vw;
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M11.5 0.5L12.6369 7.75707L17.25 2.04071L14.606 8.89396L21.4593 6.25L15.7429 10.8631L23 12L15.7429 13.1369L21.4593 17.75L14.606 15.106L17.25 21.9593L12.6369 16.2429L11.5 23.5L10.3631 16.2429L5.75 21.9593L8.39396 15.106L1.54071 17.75L7.25707 13.1369L0 12L7.25707 10.8631L1.54071 6.25L8.39396 8.89396L5.75 2.04071L10.3631 7.75707L11.5 0.5Z' fill='%23226E65'/%3E%3C/svg%3E");
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: contain;
                }

    .aboutus {
        background-color: #F1F1F1;
        padding: 12.8205128205vw 0;
    }

        .aboutus.aboutusrevenue {
            position: relative;
        }

            .aboutus.aboutusrevenue::after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: transparent;
                z-index: 11;
            }

        .aboutus .container .row {
            margin: 0;
        }

            .aboutus .container .row > div {
                padding: 0;
            }

        .aboutus .container .text span {
            display: none;
        }

        .aboutus .container .text h2 {
            color: #141C25;
            font-family: Graphik;
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: 30px;
            /* 125% */
        }

            .aboutus .container .text h2 strong {
                color: #141C25;
                font-family: Graphik;
                font-size: 24px;
                font-style: normal;
                font-weight: 700;
                line-height: 30px;
            }

        .aboutus .container .text p {
            color: #141C25;
            font-family: Lato;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 25px;
            /* 178.571% */
            margin-bottom: 0;
        }

        .aboutus .container .image {
            margin-top: 5.1282051282vw;
            border-radius: 5.1282051282vw;
            overflow: hidden;
            height: 51.0256410256vw;
        }

            .aboutus .container .image img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }

        .aboutus .container .revenue {
            border-radius: 20px;
            background: #161F28;
            min-height: 51.0256410256vw;
            margin-top: 2.5641025641vw;
            position: relative;
            overflow: hidden;
        }

            .aboutus .container .revenue::before {
                content: "";
                position: absolute;
                top: -6.9230769231vw;
                right: -6.9230769231vw;
                width: 75.1438461538vw;
                height: 44.3571794872vw;
                background-image: url("../images/blending1686766575342.svg");
                background-repeat: no-repeat;
                background-size: 100% 100%;
            }

            .aboutus .container .revenue h3 {
                color: #FFF;
                font-family: Graphik;
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 30px;
                padding-left: 3.5897435897vw;
                padding-top: 5.641025641vw;
                /* 150% */
            }

                .aboutus .container .revenue h3 span {
                    color: #226E65;
                    font-family: Graphik;
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 30px;
                    display: block;
                    text-shadow: none;
                    /* 125% */
                }

                .aboutus .container .revenue h3 strong {
                    font-weight: 600;
                }

            .aboutus .container .revenue .revenueimage {
                display: none;
            }

        .aboutus .container #canvasContainer {
            position: absolute;
            top: -5.3846153846vw;
            left: -3.0769230769vw;
            width: calc(100% + 6.1538461538vw);
            height: calc(100% + 6.1538461538vw);
            border-radius: 5.1282051282vw;
            overflow: hidden;
            z-index: 9;
        }

            .aboutus .container #canvasContainer canvas {
                border: none !important;
                outline: none !important;
                box-shadow: none !important;
                background: transparent !important;
                display: block;
                position: absolute;
                top: -1.2820512821vw;
                left: -1.2820512821vw;
                height: calc(100% + 2.5641025641vw);
                width: calc(100% + 2.5641025641vw);
            }

    .howitsworks {
        background-color: #141C25;
        padding: 12.8205128205vw 0;
    }

        .howitsworks .container {
            padding: 0;
        }

            .howitsworks .container .howitsworksinner {
                padding: 0 5.1282051282vw;
                margin-bottom: 7.6923076923vw;
            }

                .howitsworks .container .howitsworksinner .heading .pills {
                    display: inline-flex;
                    padding: 10px 20px;
                    justify-content: center;
                    align-items: center;
                    gap: 10px;
                    border-radius: 89px;
                    border: 0.5px solid #FFF;
                    color: #FFF;
                    font-family: Graphik;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    margin-bottom: 2.5641025641vw;
                }

                .howitsworks .container .howitsworksinner .heading h3 {
                    color: #FFF;
                    text-shadow: 0px 4px 4px rgba(12, 66, 60, 0.25);
                    font-family: Graphik;
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 30px;
                    margin-bottom: 2.5641025641vw;
                    /* 125% */
                }

                    .howitsworks .container .howitsworksinner .heading h3 span {
                        color: #226E65;
                        font-weight: 600;
                    }

                .howitsworks .container .howitsworksinner .heading p {
                    color: #FFF;
                    font-family: Lato;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 25px;
                    /* 178.571% */
                }

                .howitsworks .container .howitsworksinner .howitsworkstabs {
                    display: none;
                }

                    .howitsworks .container .howitsworksinner .howitsworkstabs ul {
                        display: flex;
                        gap: 2.0512820513vw;
                        flex-wrap: nowrap;
                        margin-bottom: 3.8461538462vw;
                        border: none;
                        width: calc(100% + 3.8461538462vw);
                        overflow: auto;
                        padding-bottom: 1.2820512821vw;
                    }

                        .howitsworks .container .howitsworksinner .howitsworkstabs ul li a {
                            border-radius: 5px;
                            border: 0.5px solid #226E65;
                            box-shadow: 0px 4px 4px 0px rgba(34, 110, 101, 0.25);
                            display: inline-flex;
                            padding: 3px 12px;
                            justify-content: center;
                            align-items: center;
                            color: #FFF;
                            font-family: Lato;
                            font-size: 12px;
                            font-style: normal;
                            font-weight: 400;
                            line-height: 25px;
                            white-space: nowrap;
                            /* 208.333% */
                        }

                            .howitsworks .container .howitsworksinner .howitsworkstabs ul li a.active {
                                background-color: #226E65;
                            }

                .howitsworks .container .howitsworksinner .howitsworkstabsview {
                    display: none;
                }

                    .howitsworks .container .howitsworksinner .howitsworkstabsview .single .image {
                        height: 41.5384615385vw;
                        border-radius: 7.6923076923vw;
                        overflow: hidden;
                    }

                        .howitsworks .container .howitsworksinner .howitsworkstabsview .single .image img {
                            width: 100%;
                            height: 100%;
                            -o-object-fit: cover;
                            object-fit: cover;
                        }

                    .howitsworks .container .howitsworksinner .howitsworkstabsview .single .text .textbox {
                        border-radius: 30px;
                        background: #141C25;
                        min-height: 38.2051282051vw;
                        padding: 3.3333333333vw 5.1282051282vw 6.4102564103vw;
                        margin-top: 3.0769230769vw;
                    }

                        .howitsworks .container .howitsworksinner .howitsworkstabsview .single .text .textbox p {
                            color: #FFF;
                            font-family: Lato;
                            font-size: 14px;
                            font-style: normal;
                            font-weight: 400;
                            line-height: 25px;
                            /* 178.571% */
                        }

                        .howitsworks .container .howitsworksinner .howitsworkstabsview .single .text .textbox a {
                            width: -moz-max-content;
                            width: max-content;
                            display: none;
                            margin-left: auto;
                        }

                            .howitsworks .container .howitsworksinner .howitsworkstabsview .single .text .textbox a svg {
                                width: 8.4341025641vw;
                                height: 8.4341025641vw;
                            }

            .howitsworks .container .howItWorksSwiper {
                position: relative;
                padding-bottom: 12.8205128205vw;
            }

                .howitsworks .container .howItWorksSwiper .swiper-wrapper .swiper-slide {
                    background-color: transparent;
                    transition-timing-function: linear;
                }

                    .howitsworks .container .howItWorksSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .single .stepname {
                        opacity: 1;
                    }

                    .howitsworks .container .howItWorksSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .single .bg {
                        background: linear-gradient(180deg, #226E65 0%, rgba(34, 110, 101, 0.2) 100%);
                        -webkit-backdrop-filter: blur(131.8999938965px);
                        backdrop-filter: blur(131.8999938965px);
                    }

                        .howitsworks .container .howItWorksSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .single .bg a {
                            opacity: 1;
                        }

                .howitsworks .container .howItWorksSwiper .swiper-pagination {
                    bottom: 0;
                    height: 1.8243589744vw;
                    line-height: 0;
                }

                    .howitsworks .container .howItWorksSwiper .swiper-pagination span {
                        width: 1.8243589744vw;
                        height: 1.8243589744vw;
                        background-color: #D9D9D9;
                        opacity: 1;
                    }

                        .howitsworks .container .howItWorksSwiper .swiper-pagination span.swiper-pagination-bullet-active {
                            background: #226E65;
                        }

            .howitsworks .container .swiper-slide-shadow-coverflow {
                display: none;
            }

            .howitsworks .container .single .stepname {
                opacity: 0;
                color: #FFF;
                text-align: center;
                font-family: Graphik;
                font-size: 20px;
                font-style: normal;
                font-weight: 600;
                line-height: 30px;
                margin-bottom: 3.5897435897vw;
                /* 150% */
            }

                .howitsworks .container .single .stepname span {
                    color: var(--Primary-color, #226E65);
                    font-family: Graphik;
                    font-size: 36px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 30px;
                }

            .howitsworks .container .single .bg {
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.15) 100%);
                padding: 3.8461538462vw;
                border-radius: 30px;
            }

                .howitsworks .container .single .bg p {
                    color: #FFF;
                    font-family: Lato;
                    font-size: 13px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 20px;
                    /* 153.846% */
                }

                .howitsworks .container .single .bg a {
                    display: block;
                    margin-left: auto;
                    width: -moz-max-content;
                    width: max-content;
                    opacity: 0;
                }

                    .howitsworks .container .single .bg a svg {
                        width: 11.0256410256vw;
                        height: 11.0256410256vw;
                    }

    .courses {
        padding: 12.8205128205vw 0;
        background-color: #F1F1F1;
        margin-top: -0.2564102564vw;
    }

        .courses .container {
            padding: 0;
        }

            .courses .container .heading h2 {
                color: #141C25;
                text-align: center;
                font-family: Graphik;
                font-size: 24px;
                font-style: normal;
                font-weight: 400;
                line-height: 30px;
                width: 73.3333333333vw;
                max-width: 100%;
                margin: auto;
                margin-bottom: 6.4102564103vw;
            }

                .courses .container .heading h2 span {
                    font-weight: bold;
                }

            .courses .container .coursesSwiper {
                padding-bottom: 12.8205128205vw;
            }

                .courses .container .coursesSwiper .swiper-wrapper {
                    padding-left: 5.1282051282vw;
                }

                    .courses .container .coursesSwiper .swiper-wrapper .swiper-slide {
                        width: 61.5384615385vw;
                        box-shadow: none !important;
                        padding: 0 3.2051282051vw;
                    }

                .courses .container .coursesSwiper .swiper-pagination {
                    bottom: 0;
                    height: 1.8243589744vw;
                    line-height: 0;
                }

                    .courses .container .coursesSwiper .swiper-pagination span {
                        width: 1.8243589744vw;
                        height: 1.8243589744vw;
                        background-color: #D9D9D9;
                        opacity: 1;
                    }

                        .courses .container .coursesSwiper .swiper-pagination span.swiper-pagination-bullet-active {
                            background: #226E65;
                        }

            .courses .container .single {
                position: relative;
                padding-bottom: 4.6153846154vw;
                display: block;
            }

                .courses .container .single .bg {
                    position: absolute;
                    bottom: 0;
                    width: 100%;
                }

                    .courses .container .single .bg svg,
                    .courses .container .single .bg img {
                        max-width: 100%;
                        width: 100%;
                        height: auto !important;
                    }

                .courses .container .single .image {
                    width: 88.761px;
                    height: 118px;
                    flex-shrink: 0;
                    aspect-ratio: 88.76/118;
                    position: relative;
                    margin: auto;
                    margin-bottom: 3.3333333333vw;
                }

                    .courses .container .single .image img {
                        width: 100%;
                        height: 100%;
                    }

                .courses .container .single .title {
                    position: relative;
                    padding: 0 3.5897435897vw;
                }

                    .courses .container .single .title h3 {
                        color: #FFF;
                        font-family: Graphik;
                        font-size: 24px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: 100%;
                        /* 24px */
                    }

                    .courses .container .single .title p {
                        color: #FFF;
                        font-family: Graphik;
                        font-size: 12px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 14px;
                        min-height: 30.7692307692vw;
                        /* 116.667% */
                    }

                    .courses .container .single .title h6 {
                        color: #FFF;
                        font-family: Graphik;
                        font-size: 20px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: 100%;
                        /* 20px */
                    }

                    .courses .container .single .title a,
                    .courses .container .single .title button {
                        width: 79.286px;
                        height: 27.846px;
                        flex-shrink: 0;
                        border-radius: 7.159px;
                        background: #47948B;
                        color: #FFF;
                        text-align: center;
                        font-family: Lato;
                        font-size: 10px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 19.866px;
                        border: none;
                        /* 198.655% */
                        display: flex;
                        vertical-align: middle;
                        align-items: center;
                        justify-content: center;
                    }

    .successstories {
        background: #141C25;
        padding: 13.8461538462vw 0 8.7179487179vw;
    }

        .successstories .container .heading h3 {
            color: var(--White, #F5F5FA);
            font-family: Graphik;
            font-size: 6.1538461538vw;
            font-style: normal;
            font-weight: 600;
            line-height: 60px;
            letter-spacing: -0.48px;
            position: relative;
            padding-left: 6.9230769231vw;
            margin-bottom: 3.0769230769vw;
        }

            .successstories .container .heading h3::before {
                content: "";
                position: absolute;
                bottom: 1.5384615385vw;
                left: -1.2820512821vw;
                width: 13.5897435897vw;
                height: 13.5897435897vw;
                background-image: url("../images/gridicons_quote.svg");
                background-repeat: no-repeat;
                background-position: center;
                background-size: contain;
            }

            .successstories .container .heading h3 span {
                position: relative;
            }

        .successstories .successStorySwiper {
            padding-bottom: 12.8205128205vw;
        }

            .successstories .successStorySwiper .swiper-wrapper {
                padding-bottom: 4.8717948718vw;
                padding-left: 5.1282051282vw;
            }

                .successstories .successStorySwiper .swiper-wrapper .swiper-slide {
                    width: 71.5384615385vw;
                    padding: 0 2.5641025641vw;
                }

            .successstories .successStorySwiper .swiper-pagination {
                bottom: 0;
                height: 1.8243589744vw;
                line-height: 0;
            }

                .successstories .successStorySwiper .swiper-pagination span {
                    width: 1.8243589744vw;
                    height: 1.8243589744vw;
                    background-color: #D9D9D9;
                    opacity: 1;
                }

                    .successstories .successStorySwiper .swiper-pagination span.swiper-pagination-bullet-active {
                        background: #226E65;
                    }

        .successstories .successstoriesSplide {
            transform: translateZ(0);
            will-change: transform;
        }

            .successstories .successstoriesSplide .splide__slider .splide__track .splide__list .splide__slide {
                height: initial;
                padding: 0 5.1282051282vw;
            }

            .successstories .successstoriesSplide .splide__slider .splide__pagination {
                bottom: -10.2564102564vw;
            }

                .successstories .successstoriesSplide .splide__slider .splide__pagination li button {
                    width: 2.8205128205vw;
                    height: 2.8205128205vw;
                    background: #9AA4B2;
                    opacity: 1;
                }

                    .successstories .successstoriesSplide .splide__slider .splide__pagination li button.is-active {
                        background-color: #226E65;
                    }

        .successstories .single {
            border-radius: 6.092px;
            background: var(--Base-White, #FFF);
            padding: 3.1230769231vw;
            padding-bottom: 10.7692307692vw;
            height: 100%;
        }

            .successstories .single .descripition p {
                color: var(--Gray-neutral-900, #111927);
                font-family: Lato;
                font-size: 12px;
                font-style: italic;
                font-weight: 500;
                line-height: 20px;
                /* 166.667% */
            }

            .successstories .single .user {
                display: flex;
                gap: 3.1230769231vw;
                vertical-align: middle;
                align-items: center;
                position: absolute;
                bottom: 0;
                width: 100%;
                padding: 3.1230769231vw;
            }

                .successstories .single .user .image {
                    width: 7.4974358974vw;
                    height: 7.4974358974vw;
                    border-radius: 50%;
                    overflow: hidden;
                }

                    .successstories .single .user .image img {
                        width: 100%;
                        height: 100%;
                        -o-object-fit: cover;
                        object-fit: cover;
                    }

                .successstories .single .user .text h6 {
                    color: var(--Gray-neutral-900, #111927);
                    font-family: Inter;
                    font-size: 8.528px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 12.183px;
                    margin: 0;
                    /* 142.857% */
                }

                .successstories .single .user .text p {
                    color: var(--Gray-neutral-500, #6C737F);
                    font-family: Inter;
                    font-size: 7.31px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 10.965px;
                    margin: 0;
                    /* 150% */
                }

    .reels {
        padding: 12.8205128205vw 0;
    }

        .reels .container .row .lefttext h4 {
            color: #121820;
            text-align: center;
            font-family: Graphik;
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: 30px;
            /* 125% */
        }

            .reels .container .row .lefttext h4 span {
                font-weight: bold;
            }

        .reels .container .row .lefttext p {
            color: #121820;
            text-align: center;
            font-family: Graphik;
            font-size: 13.918px;
            font-style: normal;
            font-weight: 300;
            line-height: 18.093px;
            /* 130% */
            margin-bottom: 3.0769230769vw;
        }

        .reels .container .row .righttext {
            width: 76.0915384615vw;
            max-width: 100%;
            display: block;
            margin: auto;
        }

            .reels .container .row .righttext p {
                color: #10161E;
                text-align: center;
                font-family: Graphik;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 20px;
                /* 142.857% */
                margin-bottom: 3.8461538462vw;
            }

            .reels .container .row .righttext a {
                width: 43.0769230769vw;
                display: flex;
                height: 43px;
                padding: 6px 19px;
                justify-content: center;
                align-items: center;
                gap: 10px;
                flex-shrink: 0;
                border-radius: 6px;
                background: #226E65;
                color: #FFF;
                font-family: Lato;
                font-size: 15px;
                font-style: normal;
                font-weight: 500;
                line-height: 28.237px;
                /* 188.25% */
                margin: auto;
            }

    .downloadApp {
        background: #141C25;
        padding: 8.4615384615vw 5.1282051282vw;
    }

        .downloadApp .bg {
            border-radius: 15px;
            background: linear-gradient(180deg, #226E65 0%, #226E65 100%);
        }

            .downloadApp .bg .container {
                padding: 8.9743589744vw 3.0769230769vw;
                position: relative;
            }

                .downloadApp .bg .container .text p {
                    width: 25.641025641vw;
                    color: #FFF;
                    font-family: Lato;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 18.927px;
                    margin-bottom: 3.5897435897vw;
                }

                .downloadApp .bg .container .text img {
                    width: 22.9284615385vw;
                    height: 23.8758974359vw;
                    aspect-ratio: 89.42/93.12;
                    margin-bottom: 1.9487179487vw;
                }

                .downloadApp .bg .container .text h6 {
                    color: #FFF;
                    font-family: Graphik;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: normal;
                }

                .downloadApp .bg .container .text .links {
                    display: flex;
                    gap: 2.5641025641vw;
                    margin-top: 4.358974359vw;
                }

                    .downloadApp .bg .container .text .links img {
                        width: 33.2207692308vw;
                        height: 10.268974359vw;
                    }

                .downloadApp .bg .container .image {
                    position: absolute;
                    top: 0vw;
                    right: 0;
                    width: 51.0256410256vw;
                }

                    .downloadApp .bg .container .image img {
                        width: 100%;
                        height: 100%;
                        aspect-ratio: 100/89;
                    }

    .faqs {
        padding: 12.8205128205vw 0;
    }

        .faqs .container .heading h3 {
            color: #141C25;
            text-align: center;
            font-family: Graphik;
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: 48.4px;
        }

        .faqs .container .list {
            border-radius: 29px;
            border: 1px solid #CED1DA;
            background: #FFF;
            box-shadow: 0px 4px 20.6px 0px rgba(193, 196, 206, 0.14);
            overflow: hidden;
            padding: 5.3846153846vw;
        }

            .faqs .container .list .accordion .accordion-item h2 button {
                color: #000;
                font-family: Lato;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 25.79px;
                box-shadow: none !important;
                padding: 3.8461538462vw 0;
            }

                .faqs .container .list .accordion .accordion-item h2 button:not(.faqs .container .list .accordion .accordion-item h2 button.collapsed) {
                    background-color: rgba(34, 110, 101, 0.2196078431) !important;
                    padding-left: 2.8205128205vw;
                    padding-right: 2.8205128205vw;
                    width: calc(100% + 5.641025641vw);
                    margin-left: -2.8205128205vw;
                    margin-top: -0.2564102564vw;
                    border-radius: 1.2820512821vw;
                }

                    .faqs .container .list .accordion .accordion-item h2 button:not(.faqs .container .list .accordion .accordion-item h2 button.collapsed)::after {
                        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8'/%3E%3C/svg%3E");
                    }

                .faqs .container .list .accordion .accordion-item h2 button::after {
                    display: flex;
                    vertical-align: middle;
                    align-items: center;
                    justify-content: center;
                    content: "";
                    width: 6.1538461538vw;
                    height: 6.1538461538vw;
                    border-radius: 5.1282051282vw;
                    background: #226E65;
                    color: #FFF;
                    font-family: Montserrat;
                    font-size: 7.1794871795vw;
                    font-style: normal;
                    font-weight: 275;
                    line-height: 0vw;
                    /* 171.406% */
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3E%3C/svg%3E");
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: 3.8461538462vw 3.8461538462vw;
                    transform: rotate(180deg);
                    transition: 0.5s;
                }

            .faqs .container .list .accordion .accordion-item .accordion-collapse .accordion-body p {
                color: #000;
                font-family: Lato;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 25.79px;
            }

.swiper-slide {
    box-shadow: none !important;
}