/* Le fond qui couvre toute la page */
        .loader-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 9999;
        }

        /* Pour cacher l'overlay après le chargement */
        .hidden {
            display: none;
        }

        body {
            background: #911862;
        }

        .soon-body {
            background-image: url('../img/home/soon.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            min-height: 100vh;
        }

        .bg-transp {
            background: transparent !important;
        }

        a {
            text-decoration: none !important;
        }

        .btn-primary {
            border-radius: 36px;
            background: #921862;
            color: #FFF;
            text-align: center;
            font-family: Poppins;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
            /* 150% */
            letter-spacing: -0.25px;
            border-color: #911862;
            padding: 16px 24px;
        }

        .btn-primary:hover {
            background: #9218615d;
            border-color: #9218615d;
        }

        .btn-primary:focus {
            background: #911862;
            border-color: #fff;
        }

        .btn-secondary {
            border-radius: 36px;
            background: #F39200;
            color: #FFF;
            text-align: center;
            font-family: Poppins;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
            /* 150% */
            letter-spacing: -0.25px;
            border-color: #F39200;
            padding: 16px 24px;
        }

        .btn-secondary:hover {
            background: #f3920060;
            border-color: #f3920060;
        }

        .btn-secondary:focus {
            background: #F39200;
            border-color: #fff;
        }

        .btn-outline-white {
            border-radius: 50px;
            border: 1px solid #FFF;
            color: rgba(255, 255, 255, 0.80);
            /* Footnote/Footnote */
            font-family: "Caviar Dreams";
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px;
            /* 142.857% */
        }

        .btn-outline-white:hover,
        .btn-outline-white:focus {
            background-color: #fff;
            color: #911862;
        }

        .btn-gradient {
            width: 181px;
            height: 181px;
            border-radius: 50%;
            padding: 10px 10px;
            background: linear-gradient(180deg, #911862 0%, #D9A960 100%);
            color: #FFF;
            text-align: center;
            /* Headline/Heading 5 */
            font-family: Raleway;
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: -0.96px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

        section {
            padding-top: 80px;
            padding-bottom: 80px;
        }

        .card,
        .card-header,
        .card-body,
        .card-footer {
            background-color: transparent;
            box-shadow: none;
            border: none;
        }

        @media(max-width:992px) {

            .btn-secondary,
            .btn-primary,
            .btn-outline-white {
                font-size: 15px;
                padding: 14px 22px;
            }

            .btn-gradient {
                width: 150px;
                height: 150px;
                font-size: 20px;
            }

            section {
                padding-top: 60px;
                padding-bottom: 60px;
            }
        }

        @media(max-width:768px) {

            .btn-secondary,
            .btn-primary,
            .btn-outline-white {
                font-size: 14px;
                padding: 12px 20px;
            }

            .btn-gradient {
                width: 100px;
                height: 100px;
                font-size: 18px;
            }


        }

        @media(max-width:570px) {

            .btn-secondary,
            .btn-primary,
            .btn-outline-white {
                font-size: 12px;
                padding: 10px 18px;
            }

            .btn-gradient {
                width: 70px;
                height: 70px;
                font-size: 10px;
            }

            section {
                padding-top: 40px;
                padding-bottom: 40px;
            }
        }

        /*----------------------------------
hero
-----------------------------------*/
        .hero {
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(180deg, rgba(167, 167, 167, 0.60) 0%, rgba(0, 0, 0, 0.60) 99.99%),
                url('../img/home/Rectangle 4.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            filter: blur(2px);
            z-index: 0;
        }

        .heroMoney {
            position: relative;
            overflow: hidden;
            min-height: 600px;
        }

        .heroMoney::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(180deg, #99266F 0%, #99266F 16.96%, rgba(0, 0, 0, 0.62) 100%),
                url('../img/home/slide-transfer.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            filter: blur(2px);
            z-index: 0;
        }

        .heroAbout {
            background-image:
                url('../img/home/slide-transfer.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

        .heroAbout::before {
            background-image: none;
        }

        .heroWallet {
            background: transparent;
            position: relative;
            min-height: 700px;
        }

        .heroWallet::before {
            background-image: none;
        }

        .heroWallet .bg-image {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            z-index: 0;
        }

        .heroWallet .money-1 {
            position: absolute;
            right: 15%;
            top: 25%;
            width: 128px;
            height: 131.199px;
        }

        .heroWallet .money-2 {
            position: absolute;
            left: 15%;
            bottom: 25%;
            width: 128px;
            height: 131.199px;
        }

        .hero>* {
            position: relative;
            z-index: 1;
        }

        .hero .text {
            display: flex;
            align-items: center;
        }

        .hero h1 {
            color: #FFF;

            /* Headline/Heading 2 */
            font-family: Raleway;
            font-size: 50px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: -2px;
        }

        .hero p {
            color: #FFF;
            /* Headline/Heading 5 */
            font-family: Raleway;
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: 30px;
            letter-spacing: -0.96px;
        }

        .media {
            list-style: none;
            padding-left: 0px;
            display: flex;
            align-items: center;
            justify-content: start;
        }

        .media li {
            color: #FFF;
            /* Footnote/Footnote */
            font-family: "Caviar Dreams";
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px;
            /* 142.857% */
        }

        .media li:not(:first-child) {
            margin-left: -25px;
        }

        .media li:last-child {
            margin-left: 10px;
        }

        .media li img {
            width: 58px;
            height: 58px;
            border-radius: 50%;
            object-fit: cover;
        }

        .counterBox h2 {
            color: #F39200;

            /* Headline/Heading 2 */
            font-family: "Caviar Dreams";
            font-size: 45px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: -2px;
        }

        .counterBox p {
            color: #FFF;
            /* Body/Body */
            font-family: "Caviar Dreams";
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 24px;
            /* 150% */
        }

        .hero .desc {
            color: #FFF;
            font-family: Raleway;
            font-size: 32px;
            font-style: normal;
            font-weight: 600;
            line-height: 30px;
            /* 38.928px */
            letter-spacing: -1.28px;
        }

        .hero .images {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            justify-content: start;
        }

        .hero .images img {
            width: 100%;
            max-width: 553.078px;
            max-height: 486.001px;
            flex-shrink: 0;
            object-fit: contain;
        }

        .separator img {
            width: 100%;

        }

        .separator .btn-gradient {
            margin-bottom: -90px !important;
            z-index: 1;
        }

        @media(max-width:992px) {

            .heroMoney,
            .heroWallet {
                min-height: auto;
            }

            .heroWallet .money-1,
            .heroWallet .money-2 {
                width: 100px;
                height: 110.199px;
                opacity: 0.5;
            }

            .hero h1 {
                font-size: 45px;
                letter-spacing: 0px;
            }

            .hero .desc {
                font-size: 28px;
                letter-spacing: 0px;
            }

            .hero p {
                font-size: 20px;
                letter-spacing: 0px;
            }

            .media li {
                font-size: 13px;
            }

            .media li img {
                width: 50px;
                height: 50px;
            }

            .media li:not(:first-child) {
                margin-left: -20px;
            }

            .media li:last-child {
                margin-left: 5px;
            }

            .counterBox h2 {
                font-size: 40px;
            }

            .counterBox p {
                font-size: 15px;
            }

            .separator .btn-gradient {
                margin-bottom: -75px !important;
            }
        }

        @media(max-width:768px) {
            .hero h1 {
                font-size: 40px;
                text-align: center;
            }

            .heroWallet .money-1,
            .heroWallet .money-2 {
                width: 80px;
                height: 90.199px;
            }

            .hero .desc {
                font-size: 25px;
            }

            .hero p {
                font-size: 16px;
                text-align: center;
            }

            .btns {
                justify-content: center !important;
            }

            .media {
                justify-content: center !important;
            }

            .media li {
                font-size: 12px;
            }

            .media li img {
                width: 45px;
                height: 45px;
            }

            .media li:not(:first-child) {
                margin-left: -15px;
            }

            .media li:last-child {
                margin-left: 5px;
            }

            .counter {
                justify-content: center !important;
            }

            .counterBox h2 {
                font-size: 35px;
                text-align: center;
            }

            .counterBox p {
                font-size: 13px;
            }

            .counterBox p br {
                display: none;
            }

            .hero .images img {
                display: none;
            }

            .hero .images {
                align-items: center;
            }

            .separator .btn-gradient {
                margin-bottom: -50px !important;
            }
        }

        @media(max-width:570px) {
            .hero h1 {
                font-size: 35px;
                text-align: center;
                margin-bottom: 15px !important;
            }

            .heroWallet .money-1,
            .heroWallet .money-2 {
                width: 60px;
                height: 80.199px;
            }

            .hero .desc {
                font-size: 18px;
                text-align: center;
            }

            .hero p {
                font-size: 14px;
                text-align: center;
                margin-bottom: 15px !important;
            }

            .hero .btns,
            .media {
                margin-bottom: 15px !important;
            }

            .media li {
                font-size: 12px;
            }

            .media li img {
                width: 25px;
                height: 25px;
            }

            .media li:not(:first-child) {
                margin-left: -8px;
            }

            .media li:last-child {
                margin-left: 5px;
            }

            .counterBox h2 {
                font-size: 30px;
            }

            .counterBox p {
                font-size: 12px;
            }

            .separator .btn-gradient {
                margin-bottom: -35px !important;
            }
        }

        /*---------------------------
section-title
-----------------------------*/
        .section-title h2 {
            color: #FFF;
            /* Headline/Heading 1 */
            font-family: Raleway;
            font-size: 50px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: -3px;
            text-align: center;
        }

        .section-title p {
            color: #FFF;
            text-align: center;
            /* Headline/Headline */
            font-family: Raleway;
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            line-height: 30px;
            /* 150% */
            margin-bottom: 0px;
        }

        @media(max-width:992px) {
            .section-title h2 {
                font-size: 40px;
                letter-spacing: -2px;
            }

            .section-title p {
                font-size: 16px;
            }
        }

        @media(max-width:768px) {
            .section-title h2 {
                font-size: 30px;
            }

            .section-title p {
                font-size: 14px;
            }
        }

        @media(max-width:570px) {
            .section-title h2 {
                font-size: 25px;
                letter-spacing: 0px;
            }

            .section-title p {
                font-size: 12px;
            }
        }

        /*---------------------------
steps
-----------------------------*/
        .steps {
            display: flex;
            align-items: start;
            justify-content: center;
        }

        .cardStep {
            height: 100%;
            width: 100%;
        }

        .cardStep .card-header {
            padding-top: 0px;
            padding-left: 0px;
            padding-right: 0px;
        }

        .cardStep .card-header h3 {
            color: #FFF;
            font-family: Poppins;
            font-size: 28.275px;
            font-style: normal;
            font-weight: 500;
            line-height: 69.679px;
            /* 246.429% */
            text-align: center;
            margin-top: 0px;
        }

        .cardStep .card-header h4 {
            color: #F39200;
            text-align: center;
            /* Headline/Headline */
            font-family: Raleway;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: 30px;
            /* 150% */
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .cardStep .card-body {
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
        }

        .cardStep .card-body p {
            color: rgba(255, 255, 255, 0.60);
            text-align: center;

            /* Body/Body */
            font-family: "Caviar Dreams";
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 24px;
            /* 150% */
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .steps .line {
            width: 100%;
            max-width: 202px;
            border-top: 2px dashed #F39200;
            margin-top: 50px;
        }

        @media(max-width:992px) {
            .cardStep .card-header h3 {
                font-size: 25px;
            }

            .cardStep .card-header h4 {
                font-size: 18px;
            }

            .cardStep .card-body p {
                font-size: 15px;
            }
        }

        @media(max-width:768px) {
            .cardStep .card-header h3 {
                font-size: 20px;
            }

            .cardStep .card-header h4 {
                font-size: 16px;
            }

            .cardStep .card-body p {
                font-size: 14px;
            }
        }

        @media(max-width:570px) {
            .steps {
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }

            .steps .line {
                height: 20px;
                width: 2px;
                border-top: none;
                border-left: 2px solid #F39200;
                margin-bottom: 15px;
            }

            .cardStep {
                height: fit-content;
            }

            .cardStep .card-header h3 {
                font-size: 18px;
            }

            .cardStep .card-header h4 {
                font-size: 15px;
            }

            .cardStep .card-body p {
                font-size: 12px;
            }

        }

        /*------------------------------
nav-pills
-------------------------------*/
        .nav-pills {
            width: 100%;
            max-width: 506px;
            min-height: 72px;
            border-radius: 32px;
            border: 1px solid rgba(255, 255, 255, 0.50);
            background: linear-gradient(0deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%);
            box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.15), 0px -20px 20px 0px rgba(0, 0, 0, 0.10) inset, 0px 2px 4px 0px rgba(255, 255, 255, 0.60) inset;
            backdrop-filter: blur(35px);
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .nav-pills .nav-link {
            background-color: transparent;
            border: none;
            color: #FFF;
            text-align: center;
            /* Headline/Headline */
            font-family: Raleway;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: 30px;
            /* 150% */
        }

        .nav-pills .nav-link.active {
            color: #F39200;
            background-color: transparent;
            box-shadow: none;
        }

        .order-card h3 {
            color: #FFF;
            /* Headline/Heading 2 */
            font-family: Raleway;
            font-size: 40px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: -2px;
        }

        .order-card h4 {
            color: #FFF;

            /* Headline/Heading 1 */
            font-family: Raleway;
            font-size: 50px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: -3px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .order-card img {
            width: 100%;
            max-width: 300px;
            object-fit: contain;
        }

        @media(max-width:992px) {
            .order-card h3 {
                font-size: 35px;
                letter-spacing: -1px;
            }

            .order-card h4 {
                font-size: 45px;
                letter-spacing: -2px;
            }

            .nav-pills .nav-link {
                font-size: 18px;
            }

            .order-card img {
                max-width: 250px;
            }
        }

        @media(max-width:768px) {
            .order-card h3 {
                font-size: 30px;
                letter-spacing: 0px;
            }

            .order-card h4 {
                font-size: 40px;
                letter-spacing: -1px;
            }

            .nav-pills .nav-link {
                font-size: 16px;
            }

            .order-card img {
                max-width: 200px;
            }
        }

        @media(max-width:570px) {
            .nav-pills {
                margin-bottom: 10px !important;
            }

            .order-card {
                margin-top: 20px !important;
            }

            .order-card h3 {
                font-size: 18px;
                text-align: center;
            }

            .order-card h4 {
                font-size: 20px;
                text-align: center;
            }

            .order-card .btns {
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .nav-pills {
                justify-content: center;
            }

            .nav-pills .nav-link {
                font-size: 14px;
            }

            .order-card img {
                max-width: 100px;
            }
        }

        /*--------------------------
cardTransparent
--------------------------*/
        .cardTransparent {
            border-radius: 32px;
            border: 1px solid rgba(255, 255, 255, 0.50);
            background: linear-gradient(0deg, rgba(145, 24, 98, 0.15) 0%, rgba(145, 24, 98, 0.15) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%);
            box-shadow: 0px -20px 20px 0px rgba(0, 0, 0, 0.10) inset, 0px 2px 4px 0px rgba(255, 255, 255, 0.60) inset, 0px 10px 40px -5px rgba(0, 0, 0, 0.15);
            backdrop-filter: blur(35px);
            width: 100%;
            max-width: 396px;
        }

        .cardTransparent h5,
        .cardImage-2 h5 {
            color: #F39200;
            /* Headline/Heading 4 */
            font-family: Raleway;
            font-size: 25px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: -1.2px;
        }

        .cardTransparent p,
        .cardImage-2 p {
            color: #FFF;
            /* Body/Body Large */
            font-family: "Caviar Dreams";
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 27px;
            /* 150% */
        }

        .cardImage {
            width: 100%;
            max-width: 396px;
        }

        .cardImage img {
            width: 100%;
            border-radius: 32px;
            border: 1px solid rgba(255, 255, 255, 0.50);
            height: 300px;
            object-fit: cover;
            box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.15), 0px -20px 20px 0px rgba(0, 0, 0, 0.10) inset, 0px 2px 4px 0px rgba(255, 255, 255, 0.60) inset;
            backdrop-filter: blur(35px);
        }

        .cardImage-2 {
            position: relative;
            height: 100%;
            border-radius: 32px;
            overflow: hidden;
            /* pour que le radius s'applique au ::before */
            width: 100%;
            max-width: 396px;
        }

        .cardImage-2::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(167, 167, 167, 0.60) 22.12%, rgba(0, 0, 0, 0.60) 99.99%),
                url('../img/home/pic2.jpg');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            filter: blur(2px);
            border-radius: 32px;
            z-index: 0;
        }

        .cardImage-2>* {
            position: relative;
            z-index: 1;
        }

        .cardImage-2 .card-body {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .cardImage-2 h5,
        .cardImage-2 p {
            color: #fff;
        }

        .section-3-wallet .cardImage img {
            height: 178px;
        }

        .section-3-wallet .cardImage-2-1,
        .section-3-wallet .cardImage-2-3 {
            height: 300px;
        }

        .section-3-wallet .cardImage-2-1::before {
            background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(167, 167, 167, 0.60) 22.12%, rgba(0, 0, 0, 0.60) 99.99%),
                url('../img/home/pic1.jpg');
        }

        .section-3-wallet .cardImage-2-3::before {
            background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(167, 167, 167, 0.60) 22.12%, rgba(0, 0, 0, 0.60) 99.99%),
                url('../img/home/pic3.jpg');
        }

        @media(max-width:992px) {

            .cardTransparent h5,
            .cardImage-2 h5 {
                font-size: 23px;
                letter-spacing: 0px;
            }

            .cardTransparent p,
            .cardImage-2 p {
                font-size: 16px;
                letter-spacing: 0px;
            }

            .cardImage img {
                height: 200px;
            }

            .section-3-wallet .cardImage-2-1,
            .section-3-wallet .cardImage-2-3 {
                height: 200px;
            }

            .section-3-wallet .cardImage img {
                height: 158px;
            }
        }

        @media(max-width:768px) {

            .cardTransparent h5,
            .cardImage-2 h5 {
                font-size: 20px;
            }

            .cardTransparent p,
            .cardImage-2 p {
                font-size: 14px;
            }
        }

        @media(max-width:768px) {

            .cardTransparent h5,
            .cardImage-2 h5 {
                font-size: 18px;
            }

            .cardTransparent p,
            .cardImage-2 p {
                font-size: 12px;
            }

            .cardImage-2 {
                border: 1px solid rgba(255, 255, 255, 0.50);
                background: linear-gradient(0deg, rgba(145, 24, 98, 0.15) 0%, rgba(145, 24, 98, 0.15) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%);
                box-shadow: 0px -20px 20px 0px rgba(0, 0, 0, 0.10) inset, 0px 2px 4px 0px rgba(255, 255, 255, 0.60) inset, 0px 10px 40px -5px rgba(0, 0, 0, 0.15);
                backdrop-filter: blur(35px);
            }

            .cardImage-2::before {
                background-image: none;
            }

            .section-3-wallet .cardImage-2-2::before {
                background-image:
                    linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(167, 167, 167, 0.60) 22.12%, rgba(0, 0, 0, 0.60) 99.99%),
                    url('../img/home/pic2.jpg');
            }
        }

        /*-----------------------
cardIcon
--------------------------*/
        .cardIcon {
            border-radius: 13.842px;
            border: 1.154px solid rgba(255, 255, 255, 0.70);
            background: linear-gradient(148deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.00) 100%);
            backdrop-filter: blur(10.436360359191895px);
            width: 100%;
            height: 100%;
            min-height: 160.648px;
        }

        .cardIcon .card-body {
            display: flex;
            align-items: center;
            justify-content: start;
        }

        .cardIcon .card-body svg {
            width: 63px !important;
            height: 63px !important;
            flex-shrink: 0;
            aspect-ratio: 1/1;
            object-fit: contain;
            margin-right: 1rem;
        }

        .cardIcon .card-body h3 {
            color: #FFF;
            /* Headline/Heading 4 */
            font-family: Raleway;
            font-size: 25px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: -1.2px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .cardIcon .card-body p {
            color: #FFF;

            /* Headline/Headline */
            font-family: Raleway;
            font-size: 15px;
            font-style: normal;
            font-weight: 600;
            line-height: 30px;
            /* 150% */
            margin-top: 0px;
            margin-bottom: 0px;
        }

        @media(max-width:992px) {
            .cardIcon .card-body h3 {
                font-size: 20px;
            }

            .cardIcon .card-body p {
                font-size: 14px;
            }

            .cardIcon .card-body svg {
                width: 55px !important;
                height: 55px !important;
                margin-right: 0.8rem;
            }
        }

        @media(max-width:768px) {
            .cardIcon .card-body h3 {
                font-size: 18px;
            }

            .cardIcon .card-body p {
                font-size: 12px;
            }

            .cardIcon .card-body svg {
                width: 45px !important;
                height: 45px !important;
                margin-right: 0.5rem;
            }
        }

        @media(max-width:570px) {
            .cardIcon {
                min-height: auto;
            }

            .cardIcon .card-body {
                align-items: start;
            }

            .cardIcon .card-body h3 {
                font-size: 14px;
                letter-spacing: normal;
            }

            .cardIcon .card-body svg {
                width: 25px !important;
                height: 25px !important;
            }
        }

        @media(max-width:300px) {
            .cardIcon .card-body {
                display: block;
            }

            .cardIcon .card-body svg {
                margin-bottom: 5px;
            }
        }

        /*------------------------------
download
------------------------------*/
        .download .text {
            display: flex;
            align-items: center;
        }

        .download h4 {
            color: #FFF;
            /* Headline/Heading 2 */
            font-family: Raleway;
            font-size: 45px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: -2px;
        }

        .download p {
            color: #FFF;
            /* Headline/Headline */
            font-family: Raleway;
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            line-height: 30px;
            /* 150% */
        }

        .download .btns .btn {
            max-width: 150px;
        }

        .download .images {
            text-align: center;
            position: relative;
        }

        .download .phones {
            width: 100%;
            max-width: 430.505px;
            z-index: 1;
            position: relative;
        }

        .download .circle {
            position: absolute;
            bottom: 0;
            right: 0;
            z-index: 0;
            width: 100%;
            text-align: center;
        }

        .download .circle img {
            max-width: 550px;
        }

        .download .images .demi_circle {
            position: absolute;
            bottom: 0;
            right: 0;
            z-index: 3;
            width: 100%;
        }

        @media(max-width:992px) {
            .download h4 {
                font-size: 40px;
            }

            .download p {
                font-size: 16px;
            }

            .download .phones {
                max-width: 400px;
            }

            .download .circle img {
                max-width: 500px;
            }
        }

        @media(max-width:768px) {
            .download h4 {
                font-size: 35px;
            }

            .download p {
                font-size: 14px;
            }

            .download .images {
                margin-top: 20px;
            }

            .download .phones {
                max-width: 300px;
            }

            .download .circle img {
                max-width: 450px;
            }
        }

        @media(max-width:570px) {
            .download h4 {
                font-size: 28px;
            }

            .download p {
                font-size: 12px;
            }

            .download .phones {
                max-width: 250px;
            }

            .download .circle img {
                max-width: 100%;
            }
        }

        /*---------------------------------
testimonials
----------------------------------*/

        .cardTestimonial {
            border-radius: 25px;
            background: #F39200;
            display: flex;
            width: 90%;
            max-width: 386.562px;
            min-height: 250.961px;
            margin-right: 20px;
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        }

        .cardTestimonial i {
            color: #fff;
            font-size: 1rem;
        }

        .cardTestimonial p {
            color: #FFF;
            /* Body/Body */
            font-family: "Caviar Dreams";
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            /* 150% */
        }

        .cardTestimonial h5 {
            color: #FFF;
            /* Footnote/Footnote */
            font-family: "Caviar Dreams";
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px;
            /* 142.857% */
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .cardTestimonial .line {
            width: 70%;
            border-top: 1px solid #fff;
        }



        /*-----------------------------
newsletter
------------------------------*/
        .newsletter {
            background: rgba(255, 255, 255, 0.15);
        }

        .newsletter .input-group {
            border-radius: 32px;
            border: 1px solid rgba(255, 255, 255, 0.50);
            background: linear-gradient(0deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.18) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%);
            backdrop-filter: blur(35px);
            width: 100%;
            max-width: 581px;
            padding: 15px 25px;
        }

        .newsletter .input-group .form-control {
            color: #FFF !important;
            text-align: left;
            /* Body/Body Large */
            font-family: "Caviar Dreams";
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 27px;
            /* 150% */
            border: none;
            background-color: transparent !important;
            box-shadow: none !important;
        }

        .newsletter .input-group .form-control::placeholder {
            color: #D9A960 !important;
        }

        .newsletter .input-group .btn {
            border-radius: 36px 36px 36px 36px !important;
        }

        @media(max-width:992px) {
            .newsletter .input-group {
                padding: 10px 20px;
            }

            .newsletter .input-group .form-control {
                font-size: 16px;
            }
        }

        @media(max-width:768px) {
            .newsletter .input-group {
                padding: 8px 15px;
            }

            .newsletter .input-group .form-control {
                font-size: 14px;
            }
        }

        @media(max-width:570px) {
            .newsletter .input-group {
                padding: 5px 10px;
            }

            .newsletter .input-group .form-control {
                font-size: 12px;
            }
        }

        /*-----------------------
cardService
-------------------------*/
        .cardTitle {
            height: 100%;
            background: #A82273;
            min-height: 388px;
            padding-right: 100px;
        }

        .slidesServices {
            margin-left: -100px;
            display: flex;
            align-items: center;
        }

        .cardService {
            border-radius: 25px;
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            margin-right: 1rem;
            width: 100%;
            max-width: 349px !important;
        }

        .cardService:nth-child(odd) {
            background: #951F66;
        }

        .cardService:nth-child(even) {
            background: #F39200;
        }

        .cardService img {
            width: 40px;
            height: 40px;
            flex-shrink: 0;
            aspect-ratio: 1/1;
            object-fit: contain;
        }

        .cardService h3 {
            color: #FFF;
            /* Headline/Heading 3 */
            font-family: Raleway;
            font-size: 25px;
            font-style: normal;
            font-weight: 600;
            line-height: 30px;
            letter-spacing: -1.6px;
        }

        .cardService p {
            color: #FFF;

            /* Headline/Heading 5 */
            font-family: Raleway;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: -0.96px;
        }

        @media(max-width:992px) {
            .cardService h3 {
                font-size: 20px;
                letter-spacing: 0px;
            }

            .cardService p {
                font-size: 13px;
                letter-spacing: 0px;
            }

            .cardService img {
                width: 35px;
                height: 35px;
            }

            .cardTitle {
                min-height: 350px;
                padding-right: 50px;
            }

            .slidesServices {
                margin-left: -50px;
            }

            .cardTitle .card-body {
                display: flex;
                align-items: center;
            }
        }

        @media(max-width:768px) {
            .cardService h3 {
                font-size: 18px;
            }

            .cardService p {
                font-size: 12px;
            }

            .cardService img {
                width: 30px;
                height: 30px;
            }

            .cardTitle {
                min-height: 300px;
                padding-right: 20px;
            }

            .slidesServices {
                margin-left: -20px;
            }
        }

        @media(max-width:768px) {
            .cardService h3 {
                font-size: 16px;
            }

            .cardService p {
                font-size: 12px;
            }

            .cardService img {
                width: 25px;
                height: 25px;
            }

            .cardTitle {
                min-height: auto;
                padding-right: 0px;
            }

            .slidesServices {
                margin-left: 0px;
            }
        }

        /*--------------------------
section-text
----------------------------*/
        .section-text img {
            width: 100%;
            min-height: 253px;
            border-radius: 59px;
            background: url(<path-to-image>) lightgray 0px -325.166px / 100% 300.132% no-repeat;
            object-fit: cover;
        }

        @media(max-width:992px) {
            .section-text img {
                min-height: auto;
                border-radius: 49px;
            }
        }

        @media(max-width:768px) {
            .section-text img {
                min-height: auto;
                border-radius: 25px;
            }
        }

        /*----------------------------
values-section
------------------------------*/
        .values-section {
            position: relative;
            overflow: hidden;
            min-height: 600px;
        }

        .values-section::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(180deg, #99266F 0%, #99266F 16.96%, rgba(0, 0, 0, 0.62) 100%),
                url('../img/home/values.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            filter: blur(2px);
            z-index: 0;
        }

        .values-section>* {
            position: relative;
            z-index: 1;
        }

        /*--------------------------
section-image
----------------------------*/
        .section-image img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        /*-------------------------
waitModal
---------------------------*/
        .waitModal .modal-content {
            border-radius: 25px;
            border: 4px solid #F39200;
            background: #791452;
        }

        .waitModal .modal-header .btnClose i {
            font-size: 1rem;
            color: #fff;
        }

        .waitModal .top img {
            width: 72.338px;
            height: 62.416px;
            flex-shrink: 0;
            object-fit: contain;
        }

        .waitModal .top span {
            border-radius: 25px;
            border: 1px solid #FFF;
            color: #FFF;
            text-align: center;
            font-family: Raleway;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: -0.8px;
            text-transform: uppercase;
        }

        .waitModal .middle h4 {
            color: #FFF;
            text-align: center;
            /* Headline/Heading 2 */
            font-family: Raleway;
            font-size: 45px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: -2px;
        }

        .waitModal .middle p {
            color: #F3F3F3;
            text-align: center;
            font-family: Raleway;
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            /* 36px */
            letter-spacing: -0.96px;
        }

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

         .countdown .box {
            padding: 1rem 1rem;
            text-align: center;
        }

         .countdown .box.dots {
            padding-top: 0rem !important;
            margin-top: -1.5rem;
        }

         .countdown h5 {
            color: #FFF;
            text-align: center;
            /* Headline/Heading 2 */
            font-family: Raleway;
            font-size: 45px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: -2px;
            margin-bottom: 0px;
        }

         .countdown p {
            color: #C9C9C9;
            text-align: center;
            /* Headline/Heading 3 */
            font-family: Raleway;
            font-size: 35px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: -1.6px;
            margin-top: 0px;
        }

        @media(max-width:992px) {
            .waitModal .top img {
                width: 62.338px;
                height: 52.416px;
                margin-bottom: 20px !important;
            }

            .waitModal .top span {
                font-size: 18px;
            }

            .waitModal .middle h4 {
                font-size: 40px;
                margin-bottom: 20px !important;
            }

            .waitModal .middle p {
                font-size: 20px;
                margin-bottom: 20px !important;
            }

            .waitModal .middle p br {
                display: none;
            }

             .countdown h5 {
                font-size: 40px;
            }

             .countdown p {
                font-size: 30px;
            }
        }

        @media(max-width:768px) {
            .waitModal .top img {
                width: 52.338px;
                height: 42.416px;
            }

            .waitModal .top span {
                font-size: 16px;
            }

            .waitModal .middle h4 {
                font-size: 35px;
            }

            .waitModal .middle p {
                font-size: 18px;
            }

             .countdown h5 {
                font-size: 35px;
            }

             .countdown p {
                font-size: 20px;
                letter-spacing: 0px;
            }
        }

        @media(max-width:570px) {
            .waitModal .top img {
                width: 42.338px;
                height: 32.416px;
            }

            .waitModal .top span {
                font-size: 14px;
            }

            .waitModal .middle h4 {
                font-size: 30px;
            }

            .waitModal .middle p {
                font-size: 16px;
            }

             .countdown .box {
                padding: 0.2rem 0.2rem;
            }

             .countdown .box.dots {
                margin-top: -2.3rem;
            }

             .countdown h5 {
                font-size: 30px;
            }

             .countdown p {
                font-size: 12px;
            }
        }

        @media(max-width:380px) {
             .countdown h5 {
                font-size: 20px;
            }
        }

        /*-------------------------------
soon-section
---------------------------------*/
        .soon-section::before {
            background-image: none;
        }