.blockquote-custom {
            font-size: 1.0rem;
        }

        .blockquote-custom-icon {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: -25px;
            left: 50px;
            box-shadow: 0 4px 16px -2px rgb(0 0 0 / 8%);
            color: #32528f;
            background-color: #fff;
        }

        .product-card {
            overflow: hidden;
            width: 100%;
            border-radius: 20px;
        }

        .product-img {
            border-top-left-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .product-img img {
            width: 120%;
        }

        .my-container {
            position: relative;
            overflow: hidden;
            width: 100%;
        }

        .my-container:before {
            content: ' ';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: url('https://zamashops.com/web_assets/images/about/Flatemobile.png');
            background-repeat: no-repeat;
            background-position: 50% 0;
            -ms-background-size: cover;
            -o-background-size: cover;
            -moz-background-size: cover;
            -webkit-background-size: cover;
            background-size: contain;
        }

        .my-container h4 {
            padding-top: 20px;
            z-index: 2;
            font-size: 1.6rem;
            margin-bottom: 4px;
            color: #32528f;
        }

        @media (min-width:200px) and (max-width:1199px) {
            .my-container h4 {
                font-size: 0.8rem;
            }

            .my-container p {
                font-size: 11px;
            }
        }

        .my-container-top {
            position: relative;
            overflow: hidden;
            width: 100%;
            min-height: 620px;
            display: flex;
            align-items: center;
        }

        .my-container-top:before {
            content: '';
            position: absolute;
            inset: 0;
            background: url('https://zamashops.com/web_assets/images/about/topbanner.jpg') center center no-repeat;
            background-size: cover;
            z-index: 0;
        }

        /* Light overlay for better readability */
        .my-container-top::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg,
                    rgba(255, 255, 255, .88) 0%,
                    rgba(255, 255, 255, .72) 35%,
                    rgba(255, 255, 255, .05) 70%,
                    rgba(255, 255, 255, 0) 100%);
            z-index: 1;
        }

        /* Keep all content above background */
        .my-container-top .container,
        .my-container-top .row,
        .my-container-top h1,
        .my-container-top p,
        .my-container-top .btn,
        .my-container-top .badge {
            position: relative;
            z-index: 2;
        }

        .my-container-top h1 {

            margin: 0;

            font-size: 52px;

            line-height: 60px;

            font-weight: 800;

            color: #16213e;
        }

        .my-container-top p {

            margin-top: 20px;

            max-width: 560px;

            font-size: 17px;

            line-height: 30px;

            color: #5f6368;
        }

        .my-container-top .btn {

            border-radius: 40px;

            padding: 12px 28px;

            font-weight: 600;

            transition: .3s;
        }

        .my-container-top .btn:hover {

            transform: translateY(-3px);

            box-shadow: 0 12px 30px rgba(0, 0, 0, .15);

        }

        .my-container-top strong {

            font-size: 24px;

            color: #32528f;

        }

        .my-container-top small {

            color: #6c757d;

        }

        @media (min-width:200px) and (max-width:700px) {
            .my-container-top:before {
                opacity: 0.2;
                background-size: cover;
            }

            .my-container-top img {
                padding: 5px;
                width: 120px;
                z-index: 2;
                margin-left: 40px;
                margin-top: 70px;
            }

            .my-container-top h2 {
                padding: 10px;
                z-index: 2;
                font-size: 25px;
                margin-left: 40px;
                color: black;
            }

            .my-container-top p {
                padding: 8px;
                margin-top: -13px;
                z-index: 2;
                margin-left: 40px;
                font-size: 12px;
                margin-right: 15px;
                color: #111111;
            }
        }

        @media(max-width:991px) {

            .my-container-top {

                min-height: 760px;

                text-align: center;

            }

            .my-container-top h1 {

                font-size: 34px;

                line-height: 42px;

            }

            .my-container-top p {

                max-width: 100%;

                font-size: 15px;

                line-height: 26px;

            }

            .my-container-top .btn {

                width: 100%;

                margin-bottom: 10px;

            }

        }

        @media (min-width:700px) and (max-width:1199px) {
            .my-container-top:before {
                opacity: 0.5;
                background-size: cover;
            }

            .my-container-top h2 {
                color: black;
            }

            .my-container-top p {
                color: #111111;
            }
        }

        @media (min-width:200px) and (max-width:1199px) {
            #footer-img {
                margin-bottom: 50px;
            }
        }

        .card {
            background: #fff;
            box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
            border: 1;
            border-radius: 1rem;
        }

        .img-hover-zoom--colorize img {
            border-radius: 50%;
            width: 150px;
            height: auto;
            margin-top: 20px;
            padding: 1px;
            transition: transform .5s;
            filter: grayscale(100%);
        }

        .img-hover-zoom--colorize:hover img {
            filter: grayscale(0);
            transform: scale(1.05);
        }

        .role {
            color: #7a7a7a;
        }

        .card-body {
            padding: 1rem;
        }

        .box {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .box .list-inline {
            display: table;
            align-items: center;
            margin: auto;
            padding: 0;
        }

        .box .list-inline-item {
            margin: 0;
        }

        .box a {
            width: 42px;
            height: 32px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            color: #6c757d;
            transition: all .3s ease;
            margin-bottom: 10px;
        }

        .box a i {
            font-size: 20px;
            line-height: 1;
        }

        .box a:hover {
            color: #000;
            transform: translateY(-3px);
        }

        .card h2 {
            font-size: 1.2rem;
        }

        /* MEDIA */
        @media only screen and (min-width: 1200px) {
            .img-hover-zoom--colorize img {
                width: 160px;
            }
        }

        @import url("https://fonts.googleapis.com/css?family=Raleway:400,500,700");

        .teams {
            font-family: "Raleway", sans-serif;
        }

        .teams .shadow-effect {
            background: #fff;
            padding: 20px;
            border-radius: 20px;
            text-align: center;
            border: 1px solid #ececec;
            box-shadow: 0 19px 38px rgba(0, 0, 0, 0.1), 0 15px 12px rgba(0, 0, 0, 0.02);
        }

        #customers-teams .item {
            text-align: center;
            padding: 10px 50px;
            opacity: 0.2;
            -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        #customers-teams .item p {
            font-size: 12px;
        }

        #customers-teams .item h2 {
            font-size: 25px !important;
            font-weight: 500 !important;
        }

        #customers-teams .item .title {
            font-size: 14px;
        }

        #pastexp {
            margin-top: 20px;
        }

        #customers-teams .item h5 {
            font-size: 15px !important;
            font-weight: 700 !important;
        }

        #customers-teams .owl-item.active.center .item {
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }

        .teams .owl-carousel .owl-item .img-circle {
            transform-style: preserve-3d;
            max-width: 170px;
            margin: 0 auto 17px;
            transition: transform 0.5s;
        }

        .teams .owl-carousel .owl-item .img-circle:hover {
            transform: scale(0.9);
        }

        #customers-teams.owl-carousel .owl-dots .owl-dot.active span,
        #customers-teams.owl-carousel .owl-dots .owl-dot:hover span {
            background: #32528f;
            transform: translate3d(0px, -50%, 0px) scale(0.7);
        }

        #customers-teams.owl-carousel .owl-dots {
            display: inline-block;
            width: 100%;
            text-align: center;
        }

        #customers-teams.owl-carousel .owl-dots .owl-dot {
            display: inline-block;
        }

        #customers-teams.owl-carousel .owl-dots .owl-dot span {
            background: royalblue;
            display: inline-block;
            height: 20px;
            margin: 0 2px 5px;
            margin-top: 50px;
            transform: translate3d(0px, -50%, 0px) scale(0.3);
            transform-origin: 50% 50% 0;
            transition: all 250ms ease-out 0s;
            width: 20px;
            outline: none;
            border-radius: 50% !important;
        }

        .owl-dot,
        .owl-dot:active,
        .owl-dot:focus {
            outline: 0 !important;
        }

        @media only screen and (max-width: 1000px) {
            #customers-teams.owl-carousel .owl-dots .owl-dot span {
                height: 20px;
                width: 20px;
                margin-top: 30px;
            }
        }

        #teamsocial {
            align-items: center;
            justify-content: center;
            display: flex;
            margin: 10px auto;
            margin-top: 20px;
        }

        #teamsocial #socialicon {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            width: 40px;
            height: 40px;
            margin: 0 0.5rem;
            border-radius: 50%;
            cursor: pointer;
            font-size: 1.5rem;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        #teamsocial #socialicon:hover {
            font-size: 2rem;
            width: 50px;
            height: 50px;
        }

        :root {
            --color-1: #442288;
            --color-2: #6ca2ea;
            --color-3: #32528f;
            --color-4: #6ca2ea;
            --color-5: #eb7d5b;
            --angle: 0deg;
        }

        .ourteamtext {
            color: #413838;
            text-align: center;
            font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
            font-size: 40px;
            font-weight: 900;
            line-height: 6vw;
            text-transform: uppercase;
            background: linear-gradient(var(--angle), var(--color-1) 19%, transparent 19%, transparent 20%, var(--color-2) 20%, var(--color-2) 39%, transparent 39%, transparent 40%, var(--color-3) 40%, var(--color-3) 59%, transparent 59%, transparent 60%, var(--color-4) 60%, var(--color-4) 79%, transparent 79%, transparent 80%, var(--color-5) 80%);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            animation: 10s rotate linear infinite;
        }

        @keyframes rotate {
            to {
                --angle: 360deg;
            }
        }

        @property --angle {
            syntax: "<angle>";
            initial-value: 0deg;
            inherits: false;
        }



        .badge-primary {

            background: #e8f1ff;

            color: #32528f;

            border-radius: 30px;

            font-size: 13px;

            font-weight: 600;

        }

        .about-part h2 {

            color: #16213e;

        }

        .ecosystem-card {

            background: #fff;

            border-radius: 18px;

            padding: 35px 25px;

            text-align: center;

            transition: .35s;

            box-shadow: 0 10px 30px rgba(0, 0, 0, .05);

            height: 100%;

        }

        .ecosystem-card:hover {

            transform: translateY(-8px);

            box-shadow: 0 18px 45px rgba(50, 82, 143, .15);

        }

        .eco-icon {

            width: 80px;

            height: 80px;

            margin: auto;

            margin-bottom: 20px;

            border-radius: 50%;

            background: #eef4ff;

            display: flex;

            align-items: center;

            justify-content: center;

            color: #32528f;

            font-size: 32px;

        }

        .ecosystem-card h4 {

            font-size: 22px;

            font-weight: 700;

            margin-bottom: 15px;

        }

        .ecosystem-card p {

            color: #6c757d;
            font-size: 15px;
            line-height: 25px;

            margin: 0;

        }

        .hero-features {

            margin-top: 35px;

        }

        .hero-feature {

            display: flex;

            align-items: center;

            gap: 7px;

        }

        .hero-feature i {

            width: 34px;

            height: 34px;

            border-radius: 50%;

            background: #eef4ff;

            display: flex;

            align-items: center;

            justify-content: center;

            color: #32528f;

            font-size: 15px;

        }

        .hero-feature strong {

            display: block;

            font-size: 12px;

            font-weight: 700;

            color: #1d3557;

            line-height: 18px;

        }

        .hero-feature small {

            display: block;

            font-size: 10px;

            color: #7b8794;

            line-height: 16px;

        }

        @media(max-width:768px) {

            .hero-feature {

                margin-bottom: 18px;

            }

        }

        /*=====================================
COMPANY STATS
======================================*/

        .company-stats {

            margin-top: -45px;

            position: relative;

            z-index: 20;

            margin-bottom: 70px;

        }

        .stats-wrapper {

            background: #fff;

            border-radius: 18px;

            box-shadow: 0 12px 40px rgba(0, 0, 0, .08);

            padding: 22px 0;

        }

        .stat-item {

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 14px;

            padding: 18px 12px;

            border-right: 1px solid #edf2f7;

            height: 100%;

            text-align: left;

        }

        .stat-item i {

            font-size: 27px;

            color: #123d91;

            min-width: 34px;

            text-align: center;

            flex-shrink: 0;

        }

        .stat-item:last-child {

            border-right: none;

        }



        .stat-item h5 {

            font-size: 18px;

            font-weight: 700;

            color: #123d91;

            margin: 0;

            line-height: 1.1;

        }

        .stat-item small {

            display: block;

            font-size: 11px;

            color: #7b8794;

            line-height: 16px;

        }

        @media(max-width:991px) {

            .stat-item {

                border-right: none;

                border-bottom: 1px solid #edf2f7;

                padding: 25px 10px;

            }

            .stat-item:last-child {

                border-bottom: none;

            }

            .company-stats {

                margin-top: 20px;

            }

        }

        /*=========================================
MISSION • VISION • CORE VALUES
=========================================*/

        .purpose-card {

            display: flex;

            align-items: flex-start;

            gap: 20px;

            background: #fff;

            border: 1px solid #edf1f7;

            border-radius: 18px;

            padding: 20px;

            height: 100%;

            transition: .35s;

            box-shadow: 0 5px 20px rgba(0, 0, 0, .05);

        }

        .purpose-card:hover {

            transform: translateY(-6px);

            box-shadow: 0 18px 45px rgba(50, 82, 143, .15);

            border-color: #32528f;

        }

        .purpose-icon {

            width: 70px;

            height: 70px;


            background: #eef4ff;

            color: #32528f;

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 28px;

            margin-bottom: 20px;

    		min-width:70px;
    		min-height:70px;
    		flex:0 0 70px;
    		border-radius:50%;

        }


        .purpose-card h4 {

            font-size: 22px;

            font-weight: 700;

            color: #1d3557;

            margin-bottom: 15px;

        }

        .purpose-card p {

            color: #6c757d;

            line-height: 25px;
            font-size: 15px;

            margin-bottom: 0;

        }

        .purpose-card .small {

            font-size: 12px;

            font-weight: 600;

            color: #555;

        }

        .purpose-card i.fa-2x {

            color: #32528f;

            transition: .3s;

        }

        .purpose-card:hover i.fa-2x {

            transform: scale(1.15);

        }

        /*=========================================
WHY CHOOSE + JOURNEY
=========================================*/

        .feature-item {

            display: flex;

            gap: 15px;

            margin-bottom: 22px;

            align-items: flex-start;

        }

        .feature-item i {
            width: 42px;

            height: 42px;
            font-size: 26px;

            color: #32528f;

            margin-top: 5px;

        }

        .feature-item h6 {

            margin-bottom: 4px;

            font-weight: 700;

        }

        .feature-item p {

            margin: 0;

            color: #6c757d;

            font-size: 12px;

        }



        /*=========================
Journey Timeline
=========================*/

        .journey-wrapper {

            width: 100%;

        }

        .journey-row {

            display: grid;

            grid-template-columns: repeat(4, 1fr);

            gap: 30px;

            position: relative;

            padding-top: 20px;

        }

        .journey-row::before {

            content: "";

            position: absolute;

            top: 0;

            left: 0;

            right: 0;

            height: 3px;

            background: #d9e3f4;

        }

        .journey-item {

            text-align: center;

            position: relative;

        }

        .circle {

            width: 22px;

            height: 22px;

            border-radius: 50%;

            background: #3c64d8;

            border: 6px solid #fff;

            box-shadow: 0 0 0 3px #d9e3f4;

            margin: -30px auto 18px;

            position: relative;

            z-index: 2;

        }

        .journey-item h4 {

            font-size: 18px;

            font-weight: 700;

            margin-bottom: 10px;

            color: #222;

        }

        .journey-item p {

            font-size: 12px;

            line-height: 15px;

            color: #555;

            margin: 0;

        }

        /* Tablet */

        @media(max-width:991px) {

            .journey-row {

                grid-template-columns: repeat(2, 1fr);

            }

        }

        /* Mobile */

        @media(max-width:576px) {

            .journey-row {

                grid-template-columns: 1fr;

            }

            .journey-row::before {

                display: none;

            }

            .circle {

                margin-top: 0;

            }

        }



        /*=========================================
FOUNDERS
=========================================*/

        .section-subtitle {

            font-size: 13px;

            font-weight: 700;

            letter-spacing: 2px;

            color: #2f67ff;

            text-transform: uppercase;

        }

        .section-title {

            font-size: 42px;

            font-weight: 700;

            color: #1e2b50;

            margin-top: 10px;

            margin-bottom: 10px;

        }

        .founder-card {

            background: #fff;

            border: 1px solid #edf1f7;

            border-radius: 20px;

            padding: 28px;

            transition: .35s;

            box-shadow: 0 10px 30px rgba(0, 0, 0, .05);

            height: 100%;

        }

        .founder-card:hover {

            transform: translateY(-6px);

            box-shadow: 0 20px 45px rgba(50, 82, 143, .15);

        }

        .founder-img {

            width: 170px;

            height: 170px;

            border-radius: 50%;

            object-fit: cover;

            border: 6px solid #eef4ff;

        }

        .founder-card h3 {

            font-size: 28px;

            font-weight: 700;

            margin-bottom: 6px;

        }

        .founder-card h6 {

            font-size: 16px;

            font-weight: 600;

            color: #2f67ff;

            margin-bottom: 15px;

        }

        .founder-card p {

            font-size: 15px;

            line-height: 28px;

            color: #666;

            margin-bottom: 20px;

        }

        .founder-social a {

            width: 40px;

            height: 40px;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            border-radius: 50%;

            background: #f5f8ff;

            color: #32528f;

            margin-right: 8px;

            transition: .3s;

            text-decoration: none;

        }

        .founder-social a:hover {

            background: #32528f;

            color: #fff;

        }

        @media(max-width:768px) {

            .founder-card {

                text-align: center;

            }

            .founder-img {

                margin-bottom: 20px;

            }

            .section-title {

                font-size: 32px;

            }

        }

        /*=========================================
APP CTA
=========================================*/

        .app-cta-section {

            background: linear-gradient(135deg, #0b3d91, #133b84);

            padding: 60px 0;

        }

        .app-phone {

            max-width: 230px;

        }

        .store-buttons img {

            height: 52px;

            margin-right: 12px;

            margin-top: 10px;

            transition: .3s;

        }

        .store-buttons img:hover {

            transform: translateY(-4px);

        }

        .qr-card {

            background: #fff;

            border-radius: 18px;

            padding: 25px;

            display: inline-block;

            box-shadow: 0 15px 40px rgba(0, 0, 0, .15);

        }

        .qr-card h5 {

            font-weight: 700;

            margin-bottom: 8px;

        }

        .qr-card p {

            font-size: 14px;

            color: #6c757d;

            margin-bottom: 15px;

        }

        .qr-image {

            width: 180px;

        }

        @media(max-width:991px) {

            .app-phone {

                margin-bottom: 30px;

            }

            .store-buttons {

                text-align: center;

            }

            .qr-card {

                margin-top: 35px;

            }

        }

        /*=========================================
OUR STORY
=========================================*/

        .story-section {

            padding: 80px 0;

        }

        .section-tag {

            font-size: 13px;

            font-weight: 700;

            letter-spacing: 2px;

            color: #2f67ff;

            text-transform: uppercase;

        }

        .story-title {

            font-size: 46px;

            font-weight: 700;

            margin: 10px 0 20px;

            color: #1d3557;

        }

        .story-text {

            font-size: 16px;

            line-height: 30px;

            color: #6c757d;

            margin-bottom: 20px;

        }

        .story-feature {

            display: flex;

            gap: 15px;

            margin-top: 18px;

            align-items: flex-start;

        }

        .story-feature i {

            width: 34px;

            height: 34px;

            background: #eef4ff;

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            color: #32528f;

            font-size: 15px;

            margin-top: 2px;

        }

        .story-feature strong {

            display: block;

            font-size: 15px;

            color: #1d3557;

        }

        .story-feature small {

            display: block;

            color: #7b8794;

            line-height: 20px;

        }

        .story-image-box {

            position: relative;

        }

        .story-image-box img {

            border-radius: 22px;

            /* box-shadow: 0 20px 50px rgba(0, 0, 0, .12); */

        }

        .since-card {

            position: absolute;

            right: 25px;

            bottom: 25px;

            background: #1d4ed8;

            color: #fff;

            padding: 18px 22px;

            border-radius: 16px;

            text-align: center;

            box-shadow: 0 15px 35px rgba(0, 0, 0, .15);

        }

        .since-card h3 {

            font-size: 16px;
            color: white;
            margin: 0;

        }

        .since-card h2 {

            font-size: 30px;
            color: white;

            font-weight: 700;

            margin: 5px 0;

        }

        .since-card small {

            font-size: 13px;

        }

        @media(max-width:991px) {

            .story-title {

                font-size: 34px;

            }

            .story-image-box {

                margin-top: 40px;

            }

            .since-card {

                right: 15px;

                bottom: 15px;

                padding: 15px;

            }

        }

        @media(max-width:767px) {

            .stat-item {

                justify-content: center;

                text-align: left;

            }

        }


/*=====================================
            ABOUT PAGE STYLE
======================================*/
@media (min-width:1199px) and (max-width: 4000px) {
  .page-name{
    display: none;
  }
}
.page-name{
  color: white;
  font-size: 14px;
}




.about-part {
  padding: 100px 0px 0px;
}

.about-content {
  margin-bottom: 30px;
}

.about-content h2 {
  margin-bottom: 32px;
  font-size: 25px;
}

.about-content p {
  font-size: 16px;
  line-height: 30px;
}

.about-quote {
  padding: 40px 40px;
  border-radius: 8px;
  border-left: 5px solid var(--primary);
  box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.15);
}

.about-quote p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 25px;
}

.about-quote h5 {
  font-style: italic;
}

.about-quote h5 span {
  color: var(--primary);
}

.about-image {
  margin-left: 20px;
}

.about-image img {
  width: 100%;
  border-radius: 8px;
  margin-bottom: 30px;
}

.best-part {
  padding: 90px 0px 0px;
}

.team-part {
  padding: 60px 0px 0px;
}

.team-part .row:nth-child(2) {
  justify-content: center;
}

.counter-part {
  margin-top: 55px;
  padding: 50px 0px;
  background: linear-gradient(rgba(117, 168, 255, 0.1), rgba(0, 69, 187, 0.1));
}

@media (max-width: 767px) {
  .about-part {
    padding: 60px 0px 0px;
  }
  .about-quote {
    margin-bottom: 30px;
  }
  .about-image {
    margin-left: -15px;
  }
  .best-part {
    padding: 30px 0px 0px;
  }
  .team-part {
    padding: 00px 0px 0px;
  }
  .counter-part {
    padding: 60px 0px 0px;
    margin-top: 0px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .about-part {
    padding: 80px 0px 0px;
  }
  .about-quote {
    margin-bottom: 30px;
  }
  .about-image {
    margin-left: 0px;
  }
  .best-part {
    padding: 50px 0px 0px;
  }
  .team-part {
    padding: 20px 0px 0px;
  }
  .counter-part {
    padding: 80px 0px 0px;
    margin-top: 20px;
  }
}