@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';

* {
    margin: 0;
    padding: 0;
}

    .container {
        max-width: 84.3229166667vw;
    }

    a {
        text-decoration: none !important;
    }

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

   

    .bottomnavigation {
        display: none;
    }

    .banner {
        height: 50.6770833333vw;
        background: var(--Background-Color, #141C25);
        padding-top: 6.9270833333vw;
        position: relative;
        overflow: hidden;
    }

        .banner .container {
            position: relative;
            z-index: 9;
        }

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

            .banner .text .heading h1 b {
                font-size: 2.6041666667vw;
                font-weight: 600;
            }

            .banner .text .heading h1 samp {
                position: relative;
            }

                .banner .text .heading h1 samp svg,
                .banner .text .heading h1 samp img {
                    position: absolute;
                    bottom: 0.5208333333vw;
                    left: 0.5208333333vw;
                    width: 3.4375vw;
                    height: 3.7205729167vw;
                }

            .banner .text .heading h1 span {
                background: linear-gradient(90deg, #226E65 0%, #42D4C3 76.78%);
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                line-height: 1.3541666667vw;
            }

        .banner .text .heading p {
            width: 23.3333333333vw;
            color: #FFF;
            font-family: Lato;
            font-size: 1.0416666667vw;
            font-style: normal;
            font-weight: 400;
            line-height: 1.38890625vw;
            margin-bottom: 1.8229166667vw;
            /* 133.333% */
        }

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

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

            .banner .text a span {
                position: relative;
                margin-left: 2.1354166667vw;
                color: #FFF;
                font-family: Lato;
                font-size: 1.09375vw;
                font-style: normal;
                font-weight: 400;
                line-height: 1.38890625vw;
            }

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

            .banner .text a:hover {
                background-color: #226E65;
            }

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

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

        .banner .text .bannerbadge {
            display: flex;
            width: 24.0276041667vw;
            margin-top: 11.5625vw;
        }

            .banner .text .bannerbadge img,
            .banner .text .bannerbadge svg {
                width: 2.0833333333vw;
                height: 2.0833333333vw;
                margin-right: 0.6942708333vw;
            }

            .banner .text .bannerbadge p {
                color: #FFF;
                font-family: Lato;
                font-size: 1.11109375vw;
                font-style: normal;
                font-weight: 400;
                line-height: 1.38890625vw;
                white-space: wrap;
            }

        .banner .counterdiv {
            margin-top: 11.4583333333vw;
            background-image: url("../images/banner-counter.svg");
            background-repeat: no-repeat;
            background-size: 15.2604166667vw 26.0416666667vw;
            width: 15.2776041667vw;
            margin-left: 6.3vw;
            padding-top: 3.4375vw;
            padding-left: 4.0104166667vw;
            padding-bottom: 3.125vw;
        }

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

                .banner .counterdiv ul li {
                    margin-bottom: 1.5625vw;
                }

                    .banner .counterdiv ul li span.homecounter {
                        font-family: Graphik;
                        font-size: 2.7777604167vw;
                        font-style: normal;
                        font-weight: 800;
                        line-height: 3.4722395833vw;
                        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 ul li span.supfax {
                        font-family: Graphik;
                        font-size: 2.7777604167vw;
                        font-style: normal;
                        font-weight: 800;
                        line-height: 3.4722395833vw;
                        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 ul li span.text {
                        color: #FFF;
                        font-family: "Lato";
                        font-size: 0.9722395833vw;
                        font-style: normal;
                        font-weight: 500;
                        line-height: normal;
                        display: block;
                        margin-top: -0.5208333333vw;
                    }

                        .banner .counterdiv ul li span.text br {
                            display: none;
                        }

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

                .banner .counterdiv .socialcount svg {
                    display: none;
                }

                .banner .counterdiv .socialcount span {
                    font-family: Graphik;
                    font-size: 2.7777604167vw;
                    font-style: normal;
                    font-weight: 800;
                    line-height: 3.4722395833vw;
                    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 {
                        margin-left: 0.625vw;
                    }

        .banner .bannerimage {
            position: absolute;
            bottom: -0.3645833333vw;
            left: 50%;
            transform: translateX(-50%);
            z-index: 1;
        }

            .banner .bannerimage img {
                width: 30.9895833333vw;
            }

            .banner .bannerimage .bg {
                width: 23.3854166667vw;
                height: 32.65625vw;
                flex-shrink: 0;
                border-radius: 1.38890625vw 1.38890625vw 0 0;
                background: linear-gradient(180deg, #226E65 0%, rgba(34, 110, 101, 0) 100%);
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                bottom: 0;
            }

            .banner .bannerimage .bannerpills {
                position: absolute;
                z-index: 9999;
                width: 100%;
                height: 100%;
            }

                .banner .bannerimage .bannerpills ul {
                    list-style-type: none;
                    padding: 0;
                }

                    .banner .bannerimage .bannerpills ul li {
                        transition: transform 5s linear;
                        will-change: transform;
                        position: absolute;
                        display: flex;
                        vertical-align: middle;
                        align-items: center;
                        justify-content: center;
                        width: 4.1666666667vw;
                        height: 4.1666666667vw;
                        border-radius: 0.5208333333vw;
                        /* From https://css.glass */
                        background: rgba(255, 255, 255, 0.2);
                        border-radius: 0.8333333333vw;
                        backdrop-filter: blur(5px);
                        -webkit-backdrop-filter: blur(5px);
                        border: 0.0520833333vw solid rgba(255, 255, 255, 0.3);
                        overflow: hidden;
                        animation: shadowUpDown 5s linear infinite;
                        box-shadow: 0 0 1.5625vw 0.2604166667vw #253953;
                    }

                        .banner .bannerimage .bannerpills ul li:first-child {
                            top: -5.2083333333vw;
                            right: 0;
                        }

                        .banner .bannerimage .bannerpills ul li:nth-child(2) {
                            top: 3.125vw;
                            right: -1.5625vw;
                        }

                        .banner .bannerimage .bannerpills ul li:nth-child(3) {
                            top: 13.5416666667vw;
                            right: -5.2083333333vw;
                        }

                        .banner .bannerimage .bannerpills ul li:nth-child(4) {
                            top: 13.5416666667vw;
                            left: -5.2083333333vw;
                        }

                        .banner .bannerimage .bannerpills ul li:nth-child(5) {
                            top: 6.25vw;
                            left: -0.5208333333vw;
                        }

                        .banner .bannerimage .bannerpills ul li:last-child {
                            top: 1.0416666667vw;
                            left: -7.8125vw;
                        }

                        .banner .bannerimage .bannerpills ul li::before {
                            content: "";
                            position: absolute;
                            top: -2.6041666667vw;
                            right: -2.6041666667vw;
                            width: 5.2083333333vw;
                            height: 5.2083333333vw;
                            border-radius: 5.2083333333vw;
                            background: rgba(255, 255, 255, 0.2);
                            overflow: hidden;
                        }

                        .banner .bannerimage .bannerpills ul li svg {
                            width: 3.125vw;
                            height: 3.125vw;
                            position: relative;
                            opacity: 0.7;
                        }

                            .banner .bannerimage .bannerpills ul li svg path {
                                fill: #fff;
                            }

@keyframes shadowUpDown {
    0% {
        box-shadow: 0 -1.0416666667vw 1.5625vw 0.2604166667vw #253953;
    }

    50% {
        box-shadow: 0 1.0416666667vw 1.5625vw 0.2604166667vw #253953;
    }

    100% {
        box-shadow: 0 -1.0416666667vw 1.5625vw 0.2604166667vw #253953;
    }
}

.banner .bannerimage img.bannerimage {
    width: 18.4895833333vw;
    height: 34.53125vw;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.banner .bannerimage img.bannergif {
    width: 31.25vw;
    height: 31.25vw;
}

.banner .bannerimage video {
    width: 52.4479166667vw;
}

.banner .bannerimage canvas {
    width: 50.4166666667vw;
    aspect-ratio: 1/1;
}

.banner .bannerimage p {
    display: none;
}

.banner .overlay svg {
    position: absolute;
}

    .banner .overlay svg:first-child {
        top: 0vw;
        left: 52.65625vw;
        width: 66.3076041667vw;
        height: 68.8869270833vw;
        flex-shrink: 0;
    }

    .banner .overlay svg:nth-of-type(2) {
        left: 41.7708333333vw;
        top: 2.9166666667vw;
    }

.banner .overlay img {
    position: absolute;
    top: 27.2916666667vw;
    left: -2.2395833333vw;
    width: 11.875vw;
    height: 11.875vw;
}

.clientslider {
    padding: 1.5625vw 0;
    background-color: #ffffff;
}

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

        .clientslider .clientSplide .splide__slider .splide__track .splide__list .splide__slide {
            position: relative;
            height: initial !important;
            padding: 0.5208333333vw 2.34375vw;
        }

            .clientslider .clientSplide .splide__slider .splide__track .splide__list .splide__slide img {
                height: 1.875vw;
                max-width: 100%;
            }

            .clientslider .clientSplide .splide__slider .splide__track .splide__list .splide__slide::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -0.5989583333vw;
                transform: translateY(-50%);
                width: 1.1979166667vw;
                height: 1.1979166667vw;
                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;
                /* or 'cover' depending on your need */
            }

    .clientslider .swiper {
        transition-timing-function: linear !important;
    }

        .clientslider .swiper .swiper-wrapper {
            transition-timing-function: linear !important;
        }

            .clientslider .swiper .swiper-wrapper .swiper-slide {
                width: -moz-max-content;
                width: max-content;
                box-shadow: none !important;
                transition-timing-function: linear !important;
                padding: 0.5208333333vw 2.34375vw;
            }

                .clientslider .swiper .swiper-wrapper .swiper-slide img {
                    height: 1.875vw;
                    max-width: 100%;
                }

                .clientslider .swiper .swiper-wrapper .swiper-slide::after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 0;
                    transform: translateY(-50%);
                    width: 1.1979166667vw;
                    height: 1.1979166667vw;
                    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;
                    /* or 'cover' depending on your need */
                }

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

    .aboutus .container {
        position: relative;
    }

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

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

        .aboutus .container .text {
            width: 39.0625vw;
        }

            .aboutus .container .text span {
                color: #000;
                font-family: Graphik;
                font-size: 0.8333333333vw;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                border-radius: 4.6354166667vw;
                border: 0.0260416667vw solid #000;
                padding: 0.5208333333vw 1.25vw;
                margin-bottom: 0.5208333333vw;
                display: flex;
                vertical-align: middle;
                align-items: center;
                justify-content: center;
                width: -moz-max-content;
                width: max-content;
            }

                .aboutus .container .text span:hover {
                    background-color: #10161E;
                    color: #fff;
                    border-color: #fff;
                    cursor: auto;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    user-select: none;
                }

            .aboutus .container .text h2 {
                color: #141C25;
                font-family: Graphik;
                font-size: 2.0833333333vw;
                font-style: normal;
                font-weight: 400;
                line-height: 3.125vw;
                margin-bottom: 0.5208333333vw;
                width: 34.2708333333vw;
                max-width: 100%;
            }

                .aboutus .container .text h2 strong {
                    font-size: 2.6041666667vw;
                    font-style: normal;
                    font-weight: 600;
                }

            .aboutus .container .text p {
                color: #141C25;
                font-family: Lato;
                font-size: 1.0416666667vw;
                font-style: normal;
                font-weight: 400;
                line-height: 1.38890625vw;
                /* 133.333% */
            }

        .aboutus .container .image {
            width: 42.7604166667vw;
            height: 19.7395833333vw;
            border-radius: 1.5625vw;
            overflow: hidden;
            margin-left: auto;
        }

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

        .aboutus .container .revenue {
            border-radius: 1.1979166667vw;
            background: linear-gradient(90deg, #141C25 -5.73%, #293A4D 120.7%);
            overflow: hidden;
            position: relative;
        }

            .aboutus .container .revenue::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 32.8125vw;
                height: 19.3691666667vw;
                background-image: url("../images/revenue-bg.svg");
                background-repeat: no-repeat;
                background-size: 100% 100%;
            }

            .aboutus .container .revenue::after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(255, 0, 0, 0);
            }

            .aboutus .container .revenue h3 {
                padding-top: 1.6145833333vw;
                padding-left: 2.2395833333vw;
                color: #FFF;
                font-family: Graphik;
                font-size: 2.0833333333vw;
                font-style: normal;
                font-weight: 400;
                line-height: 3.125vw;
                /* 150% */
            }

                .aboutus .container .revenue h3 span {
                    color: #226E65;
                    font-family: Graphik;
                    font-size: 2.6041666667vw;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 3.125vw;
                    display: block;
                    /* 120% */
                }

                .aboutus .container .revenue h3 strong {
                    font-size: 2.6041666667vw;
                    font-style: normal;
                    font-weight: 600;
                }

            .aboutus .container .revenue .capsule {
                width: calc(100% - 36.9270833333vw);
                position: relative;
            }

            .aboutus .container .revenue .revenueimage {
                width: 36.9270833333vw;
                height: 16.1458333333vw;
                flex-shrink: 0;
                margin-top: 1.5104166667vw;
            }

                .aboutus .container .revenue .revenueimage img {
                    width: 100%;
                    height: 100%;
                    flex-shrink: 0;
                    -o-object-fit: cover;
                    object-fit: cover;
                    border-radius: 0.78125vw;
                    border: 0.5208333333vw solid #fff;
                    border-bottom-width: 0;
                    border-bottom-left-radius: 0;
                    border-right-width: 0;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                }

        .aboutus .container #canvasContainer {
            position: absolute;
            bottom: 0;
            left: 0.625vw;
            width: calc(100% - 0.625vw);
            height: 100vh;
            border-radius: 1.0416666667vw;
            overflow: hidden;
            border: 1px solid transparent;
        }

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

.howitsworks {
    background: #141C25;
    padding: 4.1666666667vw 0;
}

    .howitsworks .container .howitsworksinner {
        border-radius: 2.6041666667vw;
        border: 0.0520833333vw solid rgba(255, 255, 255, 0);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 100%);
        -webkit-backdrop-filter: blur(0.8333333333vw);
        backdrop-filter: blur(0.8333333333vw);
        padding-left: 6.09375vw;
        padding-top: 4.1666666667vw;
        padding-bottom: 4.1666666667vw;
        padding-right: 7.1875vw;
    }

        .howitsworks .container .howitsworksinner .row {
            display: flex;
            vertical-align: middle;
            align-items: center;
        }

        .howitsworks .container .howitsworksinner .heading .pills {
            color: #FFF;
            font-family: Graphik;
            font-size: 0.8333333333vw;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            border-radius: 4.6354166667vw;
            border: 0.0260416667vw solid #FFF;
            padding: 0.5208333333vw 1.25vw;
            width: -moz-max-content;
            width: max-content;
            margin-bottom: 0.2604166667vw;
        }

            .howitsworks .container .howitsworksinner .heading .pills:hover {
                background-color: #ffffff;
                border-color: #226E65;
                color: #226E65;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
            }

        .howitsworks .container .howitsworksinner .heading h3 {
            color: #FFF;
            text-shadow: 0 0.2083333333vw 0.2083333333vw rgba(12, 66, 60, 0.25);
            font-family: Graphik;
            font-size: 2.0833333333vw;
            font-style: normal;
            font-weight: 400;
            line-height: 2.8645833333vw;
            /* 150% */
        }

            .howitsworks .container .howitsworksinner .heading h3 span {
                color: var(--Primary-color, #226E65);
                font-family: Graphik;
                font-size: 2.6041666667vw;
                font-style: normal;
                font-weight: 600;
                line-height: 3.125vw;
            }

        .howitsworks .container .howitsworksinner .heading p {
            color: #FFF;
            font-family: Lato;
            font-size: 1.0416666667vw;
            font-style: normal;
            font-weight: 400;
            line-height: 1.38890625vw;
            /* 133.333% */
            margin-bottom: 1.3541666667vw;
        }

        .howitsworks .container .howitsworksinner .howitsworkstabs ul {
            display: block;
            border: none;
            margin: 0;
            padding: 0;
        }

            .howitsworks .container .howitsworksinner .howitsworkstabs ul li {
                margin-bottom: 0.5208333333vw;
            }

                .howitsworks .container .howitsworksinner .howitsworkstabs ul li:last-child {
                    margin-bottom: 0;
                }

                .howitsworks .container .howitsworksinner .howitsworkstabs ul li a {
                    border-radius: 1.0416666667vw;
                    border: 0.078125vw solid #226E65;
                    box-shadow: 0 0.1041666667vw 0.2291666667vw 0 rgba(34, 110, 101, 0.25);
                    padding: 1.0416666667vw 3.125vw;
                    color: #FFF;
                    font-family: Lato;
                    font-size: 1.0416666667vw;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 1.38890625vw;
                    width: 28.4375vw;
                    max-width: 100%;
                }

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

        .howitsworks .container .howitsworksinner .howitsworkstabsview {
            overflow: hidden;
        }

            .howitsworks .container .howitsworksinner .howitsworkstabsview .tab-content .tab-pane.active {
                animation-name: tabView;
                animation-duration: 0.9s;
            }

@keyframes tabView {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0%);
    }
}

.howitsworks .container .howitsworksinner .howitsworkstabsview .single {
    display: flex;
}

    .howitsworks .container .howitsworksinner .howitsworkstabsview .single .image {
        width: 20.3125vw;
        height: 30.6770833333vw;
        flex-shrink: 0;
        aspect-ratio: 390/589;
        border-radius: 1.5625vw;
        overflow: hidden;
        margin-right: 1.25vw;
    }

        .howitsworks .container .howitsworksinner .howitsworkstabsview .single .image img {
            width: 100%;
            height: 100%;
        }

    .howitsworks .container .howitsworksinner .howitsworkstabsview .single .text .textbox {
        border-radius: 1.5625vw;
        background: #141C25;
        display: block;
        margin-bottom: 1.1979166667vw;
        padding: 0.78125vw;
        min-height: 14.7395833333vw;
        padding-bottom: 0;
    }

        .howitsworks .container .howitsworksinner .howitsworkstabsview .single .text .textbox:last-child {
            margin-bottom: 0;
        }

        .howitsworks .container .howitsworksinner .howitsworkstabsview .single .text .textbox p {
            color: #FFF;
            font-family: Lato;
            font-size: 1.0416666667vw;
            font-style: normal;
            font-weight: 400;
            line-height: 1.38890625vw;
            /* 133.333% */
            margin: 0;
        }

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

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

.howitsworks .howItWorksSwiper {
    display: none;
}

.courses {
    padding: 4.1666666667vw 0;
    background-color: #ffffff;
}

    .courses .container .heading {
        margin-bottom: 1.9791666667vw;
    }

        .courses .container .heading h2 {
            color: #141C25;
            text-align: center;
            font-family: Graphik;
            font-size: 2.0833333333vw;
            font-style: normal;
            font-weight: 400;
            line-height: 3.125vw;
            /* 150% */
        }

            .courses .container .heading h2 span {
                font-size: 2.6041666667vw;
                font-weight: 600;
            }

    .courses .container .coursesSwiper .swiper-wrapper .swiper-slide {
        box-shadow: none !important;
        padding: 0.5208333333vw;
    }

    .courses .container .coursesSwiper .swiper-pagination {
        display: none;
    }

    .courses .container .single {
        position: relative;
        display: block;
    }

        .courses .container .single:hover .bg svg path:first-of-type {
            fill: #226E65;
        }

        .courses .container .single:hover .bg svg rect:first-of-type {
            fill: #226E65;
        }

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

            .courses .container .single .bg svg,
            .courses .container .single .bg img {
                width: 18.75vw;
                height: 28.6979166667vw;
            }

        .courses .container .single .image {
            width: 11.4007291667vw;
            height: 15.15625vw;
            position: relative;
            display: block;
            margin: auto;
            margin-bottom: 1.1458333333vw;
        }

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

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

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

            .courses .container .single .title p {
                color: #FFF;
                font-family: Graphik;
                font-size: 0.85609375vw;
                font-style: normal;
                font-weight: 400;
                line-height: 1.0701041667vw;
                /* 125% */
                margin-bottom: 1.1458333333vw;
            }

            .courses .container .single .title h6 {
                color: #FFF;
                font-family: Graphik;
                font-size: 2.8125vw;
                font-style: normal;
                font-weight: 800;
                line-height: 100%;
                margin-bottom: 1.3541666667vw;
            }

            .courses .container .single .title a,
            .courses .container .single .title button {
                display: flex;
                vertical-align: middle;
                align-items: center;
                justify-content: center;
                width: 7.7083333333vw;
                height: 2.7083333333vw;
                border-radius: 0.6944270833vw;
                background: #47948B;
                color: #FFF;
                text-align: center;
                font-family: Lato;
                font-size: 0.8333333333vw;
                font-style: normal;
                font-weight: 400;
                line-height: 1.9270833333vw;
                /* 231.25% */
                border: none;
            }

.successstories {
    background: #141C25;
    padding-top: 8.0729166667vw;
    padding-bottom: 4.1666666667vw;
}

    .successstories .container .heading h3 {
        color: var(--White, #F5F5FA);
        font-family: Graphik;
        font-size: 2.5vw;
        font-style: normal;
        font-weight: 600;
        line-height: 3.125vw;
        /* 125% */
        letter-spacing: -0.05vw;
        position: relative;
        padding-left: 4.6875vw;
        margin-bottom: 3.3854166667vw;
    }

        .successstories .container .heading h3::before {
            content: "";
            position: absolute;
            bottom: -1.0416666667vw;
            left: 0;
            width: 7.8125vw;
            height: 7.8125vw;
            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 .successstoriesSplide {
        transform: translateZ(0);
        will-change: transform;
    }

        .successstories .successstoriesSplide .splide__slider .splide__track .splide__list .splide__slide {
            height: initial;
        }

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

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

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

    .successstories .single {
        width: 23.8541666667vw;
        min-height: 15.625vw;
        padding: 1.0416666667vw;
        border-radius: 0.5208333333vw;
        background: var(--Base-White, #FFF);
    }

        .successstories .single .descripition {
            min-height: 9.8958333333vw;
        }

            .successstories .single .descripition p {
                color: var(--Gray-neutral-900, #111927);
                font-family: Lato;
                font-size: 0.8333333333vw;
                font-style: italic;
                font-weight: 500;
                line-height: 1.25vw;
            }

        .successstories .single .user {
            display: flex;
            align-items: center;
            gap: 1.0416666667vw;
        }

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

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

            .successstories .single .user .text {
                width: calc(100% - 2.5vw);
            }

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

                .successstories .single .user .text p {
                    color: var(--Gray-neutral-500, #6C737F);
                    /* Text xs/Medium */
                    font-family: Inter;
                    font-size: 0.625vw;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 0.9375vw;
                    /* 150% */
                    margin-bottom: 0;
                }

.reels {
    padding: 4.1666666667vw 0;
}

    .reels .container .row {
        justify-content: center;
    }

        .reels .container .row .lefttext {
            width: 26.55421875vw;
            margin-left: auto;
        }

            .reels .container .row .lefttext h4 {
                color: #121820;
                font-family: Graphik;
                font-size: 2.0833333333vw;
                font-style: normal;
                font-weight: 400;
                line-height: 2.2395833333vw;
            }

                .reels .container .row .lefttext h4 span {
                    font-size: 2.6041666667vw;
                    font-weight: 600;
                }

            .reels .container .row .lefttext p {
                color: #121820;
                font-family: Graphik;
                font-size: 0.7248958333vw;
                font-style: normal;
                font-weight: 300;
                line-height: 0.94234375vw;
            }

        .reels .container .row .righttext {
            width: 21.5309895833vw;
        }

            .reels .container .row .righttext p {
                color: #10161E;
                font-family: Graphik;
                font-size: 0.9375vw;
                font-style: normal;
                font-weight: 300;
                line-height: 1.25vw;
            }

            .reels .container .row .righttext a {
                display: inline-flex;
                height: 2.2395833333vw;
                padding: 0.3125vw 0.9895833333vw;
                justify-content: center;
                align-items: center;
                gap: 0.5208333333vw;
                flex-shrink: 0;
                border-radius: 0.3125vw;
                background: #226E65;
                color: #FFF;
                font-family: Lato;
                font-size: 0.78125vw;
                font-style: normal;
                font-weight: 500;
                line-height: 1.4706770833vw;
            }

.downloadApp {
    background-color: #141C25;
    padding: 4.6875vw 2.0833333333vw;
}

    .downloadApp .bg {
        border-radius: 3.1233854167vw;
        background: linear-gradient(180deg, #226E65 0%, #347C73 100%);
        padding: 2.0833333333vw 0 2.9166666667vw;
        position: relative;
    }

        .downloadApp .bg .container .text {
            padding-left: 6.5625vw;
        }

            .downloadApp .bg .container .text p {
                color: #FFF;
                font-family: Lato;
                font-size: 1.2313541667vw;
                font-style: normal;
                font-weight: 400;
                line-height: 1.6417708333vw;
                margin-bottom: 1.1979166667vw;
            }

            .downloadApp .bg .container .text img {
                width: 7.7604166667vw;
                height: 8.0729166667vw;
                margin-bottom: 0.6770833333vw;
            }

            .downloadApp .bg .container .text h6 {
                color: #FFF;
                font-family: Graphik;
                font-size: 1.2313541667vw;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                margin-bottom: 1.4583333333vw;
            }

            .downloadApp .bg .container .text .links {
                display: flex;
                gap: 0.8854166667vw;
            }

                .downloadApp .bg .container .text .links img {
                    width: 11.23828125vw;
                    height: 3.47390625vw;
                }

        .downloadApp .bg .container .image {
            width: 41.8229166667vw;
            position: absolute;
            bottom: -0.8854166667vw;
            right: 0;
        }

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

.faqs {
    padding: 5.4166666667vw 0 4.1666666667vw;
    background-color: #ffffff;
}

    .faqs .container {
        width: 60.4166666667vw;
        max-width: 100%;
    }

        .faqs .container .heading h3 {
            color: #141C25;
            text-align: center;
            font-family: Graphik;
            font-size: 2.0833333333vw;
            font-style: normal;
            font-weight: 600;
            line-height: 2.5208333333vw;
            margin-bottom: 1.5625vw;
        }

        .faqs .container .list {
            border-radius: 1.5104166667vw;
            border: 0.0520833333vw solid #CED1DA;
            background: #FFF;
            box-shadow: 0 0.2083333333vw 1.0416666667vw 0 rgba(193, 196, 206, 0.14);
            overflow: hidden;
            padding: 1.0416666667vw;
        }

            .faqs .container .list .accordion .accordion-item h2 button {
                color: #000;
                font-family: Lato;
                font-size: 1.1458333333vw;
                font-style: normal;
                font-weight: 400;
                line-height: 1.3432291667vw;
                padding: 1.1458333333vw 0;
                /* 117.227% */
                box-shadow: none !important;
                background-color: transparent !important;
                transition: 0.2s linear;
            }

                .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: 0.5729166667vw;
                    padding-right: 0.5729166667vw;
                    width: calc(100% + 1.1458333333vw);
                    margin-left: -0.5729166667vw;
                    border-radius: 0.5208333333vw;
                }

                    .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: 2.0833333333vw;
                    height: 2.0833333333vw;
                    border-radius: 1.0416666667vw;
                    background: #226E65;
                    color: #FFF;
                    font-family: Montserrat;
                    font-size: 1.6666666667vw;
                    font-style: normal;
                    font-weight: 275;
                    line-height: 2.8567708333vw;
                    /* 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: 1.3020833333vw 1.3020833333vw;
                    transition: 0.5s;
                }

            .faqs .container .list .accordion .accordion-item .accordion-collapse .accordion-body p {
                color: #141C25;
                font-family: Lato;
                font-size: 0.8333333333vw;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                /* 133.333% */
            }

.crs-quote {
    min-height: 223px;
}
/*# sourceMappingURL=style.css.map */