.elementor-7312 .elementor-element.elementor-element-69e320c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7312 .elementor-element.elementor-element-b23e12a{width:var( --container-widget-width, 7% );max-width:7%;--container-widget-width:7%;--container-widget-flex-grow:0;}.elementor-7312 .elementor-element.elementor-element-176da04 .elementor-repeater-item-76dcd8d{font-weight:800;margin:0px -4px 0px 0px;color:var(--e-global-color-primary);}.elementor-7312 .elementor-element.elementor-element-176da04 > .elementor-widget-container{margin:35px 0px 35px 0px;}.elementor-7312 .elementor-element.elementor-element-176da04 .lqd-text-el{font-family:"Abar", Sans-serif;font-size:71px;}.elementor-7312 .elementor-element.elementor-element-60aba60.elementor-element{--align-self:center;}@media(max-width:767px){.elementor-7312 .elementor-element.elementor-element-69e320c{--padding-top:115px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7312 .elementor-element.elementor-element-b23e12a{--container-widget-width:56px;--container-widget-flex-grow:0;width:var( --container-widget-width, 56px );max-width:56px;}.elementor-7312 .elementor-element.elementor-element-176da04 .lqd-text-el{font-size:31px;}}/* Start custom CSS for html, class: .elementor-element-60aba60 */.download-box {
    display: flex;
    justify-content: center;


    @media (max-width: 768px) {
        margin: -80px 0;

        >div {
            transform: scale(0.6);

            &::before {
                right: -20px !important;
                left: -20px !important;
            }
        }
    }

    @media (max-width: 390px) {
        margin: -100px 0;

        >div {
            transform: scale(0.5);

            &::before {
                right: -20px !important;
                left: -20px !important;
            }
        }
    }

    >div {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 650px;
        margin: 0 auto;

        &::before {
            content: '';
            position: absolute;
            top: 60px;
            bottom: 140px;
            right: 0;
            left: 0;
            z-index: -1;
            border: solid 2px #333333;
            border-radius: 46px;
        }

        >.head {
            margin-bottom: 40px;
            padding: 14px;
            background-color: #111214;
            border: solid 2px rgba(253, 140, 36, 0.6);
            border-radius: 9999px;

            >div {
                display: flex;
                gap: 10px;
                width: fit-content;
                padding: 10px;
                background-color: #1E1E1E;
                border-radius: 9999px;

                >button {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    gap: 16px;
                    min-width: 80px;
                    min-height: 80px;
                    background-color: #343433;
                    color: #ffffff;
                    border-radius: 9999px;
                    border: none;
                    outline: none;
                    cursor: pointer;
                    transition: 0.3s;
                    position: relative;
                    overflow: hidden;

                    &::before {
                        content: '';
                        position: absolute;
                        inset: -1px;
                        background: linear-gradient(180deg, #FFA24D -27.27%, #FD8C24 127.27%);
                        opacity: 0;
                        z-index: 0;
                        border-radius: inherit;
                        transition: opacity 0.3s;
                    }

                    >img,
                    >span {
                        position: relative;
                        z-index: 1;
                    }

                    >img {
                        width: 32px;
                    }

                    >span {
                        display: none;
                        font-size: 26px;
                        font-weight: 600;
                    }
                }

                >.ios {
                    >img {
                        margin-right: 3px;
                    }
                }

                >.active {
                    padding: 0 30px;

                    >span {
                        display: block;
                        color: #1B1B1B;
                    }

                    >img {
                        filter: brightness(0.1);
                    }
                }

                >.active::before {
                    opacity: 1;
                }
            }
        }

        >.links {
            display: none;
            width: 550px;
            background-color: #151618;
            padding: 12px;
            border: solid 2px #2c2c2c;
            border-radius: 46px;

            &.active {
                display: block;
            }

            >div {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 14px;
                background-color: #1E1E1E;
                padding: 20px;
                border: solid 3px #222223;
                border-radius: 40px;

                >.link {
                    display: flex;
                    align-items: center;
                    gap: 14px;
                    width: 100%;
                    padding: 20px;
                    background-color: #343433;
                    text-decoration: none;
                    border-radius: 32px;
                    box-sizing: border-box;

                    >img {
                        width: 54px;
                        border-radius: 14px;
                    }

                    >.icon {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 54px;
                        height: 54px;
                        background-color: #5f5f5f;
                        border-radius: 9999px;

                        >img {
                            width: 26px;
                        }
                    }

                    >.texts {
                        display: flex;
                        flex-direction: column;
                        gap: 10px;

                        >span:nth-of-type(1) {
                            color: #ABAEAF;
                            font-size: 14px;
                        }

                        >span:nth-of-type(2) {
                            color: #FFFFFF;
                            font-size: 20px;
                            font-weight: 600;
                        }
                    }
                }
            }
        }
    }
}

.qr-box{
    display: flex;
    align-items: center;
    gap: 26px;
    width: 650px;
    background-color: #151618;
    padding: 16px;
    margin: 50px auto 0 auto;
    border-radius: 16px;

    >img{
        width: 110px;
    }

    >.line{
        width: 2px;
        height: 100px;
        background-color: rgba(255,255,255,0.3);
    }

    >span{
        color: #ffffff;
        font-size: 17px;
        font-weight: 550;
    }

    @media (max-width: 992px) {
        display: none;
    }
}

body[data-lqd-page-color-scheme="light"] .download-box {
    >div {
        &::before {
            border-color: #dcdcdc;
        }

        >.head {
            background-color: #ebebeb;
            border-color: rgba(253, 140, 36, 1);

            >div {
                background-color: #d2d2d2;

                >button {
                    &.active{
                        background-color: transparent;
                    }
                
                    >img {
                        filter: brightness(100);
                    }

                    >span {
                        color: #ffffff;
                    }
                }
            }
        }

        >.links {
            background-color: #f2f2f2;
            border-color: #9b9b9b;

            >div {
                background-color: #d2d2d2;
                border-color: #c5c5c5;

                >.link {
                    background-color: #ffffff;

                    >.icon {
                        background-color: #5f5f5f;
                    }

                    >.texts {
                        >span:nth-of-type(1) {
                            color: #838383;
                        }

                        >span:nth-of-type(2) {
                            color: #0a0a0a;
                        }
                    }
                }
            }
        }
    }
}

body[data-lqd-page-color-scheme="light"] .qr-box{
    background-color: #ececec;

    >.line{
        background-color: rgba(0,0,0,0.2);
    }

    >span{
        color: #0f0f0f;
    }
}

body[data-lqd-page-color-scheme="dark"] .qr-box{
    >img{
        filter: invert(1);
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Abar';
	font-display: auto;
	src: url('https://doona.ai/wp-content/uploads/2025/05/Abar.ttf') format('truetype');
}
/* End Custom Fonts CSS */