{"version":3,"file":"public/css/thha-huge-flip-box.css","mappings":"AAAA;EACI;AACJ;;AAEA;EACI;EACA;EACA;AACJ;AACI;EACI;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;EACA;AACR;AAEI;EACI;AAAR;AAGI;EACI;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EAAA;MAAA;UAAA;EACA;EACA;EACA;AADR;AAGQ;EACI;EACA;AADZ;AAIQ;EACI;EACA;EACA;EACA;AAFZ;AAMI;EACI;EACA;EACA;AAJR;AAOI;;EAEI;AALR;AAQI;EACI;AANR;AASI;EACI;;IAEI;EAPV;AACF;AAUI;EACI;;IAEI;EARV;AACF;AAWI;EACI;IACI;EATV;AACF;AAYI;EACI;EACA;EACA;AAVR;AAaI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAXR;AAaQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;AAXZ;AAeI;EACI;AAbR;AAgBI;EACI;EACA;MAAA;UAAA;AAdR;AAkBQ;EACI;EACA;EACA;EACA;UAAA;EACA;UAAA;AAhBZ;AAkBY;;EAEI;EACA;EACA;EACA;EACA;EAAA;EAAA;EAAA;EACA;UAAA;EACA;UAAA;EACA;EACA;EACA;AAhBhB;AAmBY;EACI;UAAA;AAjBhB;AAoBY;EACI;UAAA;AAlBhB;AAqBY;EAEI;UAAA;AApBhB;AAuBY;EAEI;UAAA;AAtBhB;AAyBY;EAEI;UAAA;AAxBhB;AA2BY;EACI;UAAA;AAzBhB;AA4BY;EAEI;UAAA;AA3BhB;AA8BY;EAEI;UAAA;AA7BhB;AAgCY;EACI;EACA;EACA;EACA;EACA;EACA;UAAA;EACA;EAEA;AA/BhB;AAkCY;EACI;EACA;EAAA;EAAA;EACA;EAAA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;AAhChB;AAmCY;EACI;EACA;EACA;EACA;KAAA;AAjChB;AAoCY;EACI;EACA;EACA;EACA;AAlChB;AAqCY;EACI;EACA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EAAA;EAAA;EACA;EAAA;MAAA;UAAA;AAnChB;AAqCgB;EACI;EACA;EACA;EACA;AAnCpB;AA0CQ;EACI;EACA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;AAxCZ;AA2CQ;EACI;UAAA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;AAzCZ;AA4CQ;EACI;EACA;EACA;AA1CZ;AA4CY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;EACA;AA1ChB;AA4CgB;EACI;EACA;EACA;UAAA;AA1CpB;AA6CgB;EACI;EACA;EACA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;UAAA;EACA;EACA;EAAA;AA3CpB;AA6CoB;EACI;EACA;EACA;EACA;EACA;EACA;KAAA;AA3CxB;AA+CgB;EACI;EACA;AA7CpB;AAgDgB;EACI;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;AA9CpB;AAgDoB;EACI;EACA;EACA;EACA;EAAA;EACA;MAAA;UAAA;AA9CxB;AAgDwB;EACI;EACA;EACA;EACA;AA9C5B;AAgD4B;EACI;EACA;EACA;AA9ChC;AAkDwB;EACI;EAAA;EAAA;EACA;MAAA;UAAA;EACA;AAhD5B;AAkD4B;EACI;EACA;EACA;EACA;AAhDhC;AAkDgC;EACI;EACA;EACA;AAhDpC;AAuDgB;EACI;MAAA;UAAA;AArDpB;AAyDY;EAEI;MAAA;UAAA;EACA;AAxDhB;AA2DY;EAEI;MAAA;UAAA;AA1DhB;AA+DI;EACI;AA7DR;AA+DQ;EACI;EAAA;EAAA;EACA;EAAA;MAAA;UAAA;EACA;MAAA;UAAA;AA7DZ;AAgEQ;EACI;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EAAA;MAAA;UAAA;EACA;EACA;MAAA;UAAA;EACA;AA9DZ;AAgEY;EACI;EACA;EACA;EACA;EACA;AA9DhB;AAiEY;EACI;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;AA/DhB;AAiEgB;;EAEI;EACA;EACA;EACA;AA/DpB;AAkEgB;EACI;AAhEpB;AAqEQ;EACI;EACA;EACA;EACA;MAAA;UAAA;EACA;AAnEZ;AAuEY;EACI;AArEhB;AAwEY;EACI;AAtEhB;AA2EY;EACI;AAzEhB;AA4EY;EACI;AA1EhB;AA8EQ;EACI;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EAAA;EACA;UAAA;AA5EZ;AA8EY;;EAEI;EACA;EACA;UAAA;EACA;UAAA;EACA;EAAA;EAAA;EAAA;AA5EhB;AA+EY;EACI;UAAA;EACA;AA7EhB;AAgFY;EACI;UAAA;EACA;AA9EhB;AAkFQ;;EAEI;UAAA;AAhFZ;AAmFQ;;EAEI;UAAA;AAjFZ;AAoFQ;;EAEI;EAAA;AAlFZ;AAqFQ;;EAEI;AAnFZ;AAsFQ;;EAEI;AApFZ;AAwFY;EACI;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;AAtFhB;AAwFgB;EACI;EACA;EACA;EACA;AAtFpB;AA0FY;EACI;EACA;EACA;EACA;AAxFhB;AA0FgB;EACI;EACA;AAxFpB;AA4FY;EACI;AA1FhB;AA6FY;EACI;AA3FhB;AA8FY;EACI;EACA;EACA;EACA;EAAA;EAAA;EACA;EAAA;MAAA;UAAA;EACA;AA5FhB;AA8FgB;EACI;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;AA5FpB;AAkGY;EACI;EACA;EACA;EACA;KAAA;AAhGhB;AAmGY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjGhB;AAuGQ;EACI;EAAA;EAAA;EACA;MAAA;EACA;MAAA;UAAA;EACA;EACA;AArGZ;AAwGQ;EACI;UAAA;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;AAtGZ;AAwGY;EACI;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;UAAA;EACA;EAAA;EACA;UAAA;EACA;AAtGhB;AAwGgB;EAAO;AArGvB;AAsGgB;EAAO;AAnGvB;AAoGgB;EAAO;AAjGvB;AAkGgB;EAAO;AA/FvB;AAgGgB;EAAQ;AA7FxB;AA8FgB;EAAO;AA3FvB;AA6FgB;;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;AA3FpB;AA8FgB;EACI;AA5FpB;AA+FgB;EACI;EACA;EACA;UAAA;AA7FpB;AAgGgB;EACI;UAAA;AA9FpB;AAiGgB;EACI;UAAA;AA/FpB;AAmGY;;EAEI;UAAA;AAjGhB;AAoGY;EACI;UAAA;AAlGhB;AAqGY;EACI;UAAA;AAnGhB;AAsGY;EACI;UAAA;AApGhB;AAuGY;EACI;UAAA;AArGhB;AAwGY;EACI;UAAA;AAtGhB;AAyGY;EACI;UAAA;AAvGhB;AA6GQ;EACI;EACA;EACA;UAAA;EACA;EACA;EACA;AA3GZ;AA6GY;EACI;EACA;EACA;EACA;EACA;EAAA;AA3GhB;AA6GgB;EACI;EACA;EACA;AA3GpB;AA+GY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EAAA;MAAA;UAAA;EACA;AA7GhB;AA+GgB;EACI;EACA;EACA;EACA;EACA;EACA;KAAA;AA7GpB;AAgHgB;;EAEI;EACA;AA9GpB;AAiHgB;EACI;EACA;AA/GpB;AAkHgB;EACI;EACA;EACA;AAhHpB;AAoHY;EACI;MAAA;UAAA;AAlHhB;AAqHY;EACI;MAAA;UAAA;AAnHhB;AAsHY;EAII;MAAA;UAAA;AAvHhB;AA4HI;EAEQ;IACI;EA3Hd;EA8HU;IACI;IACA;IACA;EA5Hd;AACF,C","sources":["webpack://huge-addons-for-elementor/./assets/scss/thha-huge-flip-box.scss"],"sourcesContent":["i.hugeicon-flip-box {\n    background-image: url('../img/ha-widget-flip-box.svg');\n}\n\n.thha-flip-box-widget {\n    max-width: 1420px;\n    margin: 0 auto;\n    padding: 10px 20px;\n\n    .elementor-container {\n        width: 100%;\n        margin: 0 auto;\n        padding: 0 20px;\n        display: flex;\n        flex-wrap: wrap;\n        gap: 20px;\n    }\n\n    .elementor-column {\n        padding: 10px;\n    }\n\n    .thha-flip-box-widget-container .header {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        flex-direction: column;\n        margin-bottom: 40px;\n        gap: 10px;\n        width: 100%;\n\n        span {\n            font-size: 1.5rem;\n            font-weight: 700;\n        }\n\n        h2 {\n            font-size: 2.5rem;\n            font-weight: 600;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n    }\n\n    .thha_fb_grid {\n        display: grid;\n        gap: 1.5rem;\n        width: 100%;\n    }\n\n    .thha_fb_grid--3,\n    .thha_fb_grid--4 {\n        grid-template-columns: 1fr;\n    }\n\n    .thha_fb_grid__item {\n        width: 100%;\n    }\n\n    @media (min-width: 576px) {\n        .thha_fb_grid--4,\n        .thha_fb_grid--3 {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    @media (min-width: 992px) {\n        .thha_fb_grid--4,\n        .thha_fb_grid--3 {\n            grid-template-columns: repeat(3, 1fr);\n        }\n    }\n\n    @media (min-width: 1200px) {\n        .thha_fb_grid--4 {\n            grid-template-columns: repeat(4, 1fr);\n        }\n    }\n\n    [data-switch=\"btn_of_switch\"] input[type=\"checkbox\"] {\n        height: 0;\n        width: 0;\n        visibility: hidden;\n    }\n\n    [data-switch=\"btn_of_switch\"] label {\n        cursor: pointer;\n        text-indent: -9999px;\n        width: 45px;\n        height: 24px;\n        background: #b7b7b7;\n        display: block;\n        border-radius: 100px;\n        position: relative;\n\n        &::after {\n            content: '';\n            position: absolute;\n            top: 5px;\n            left: 5px;\n            width: 13px;\n            height: 13px;\n            background: #fff;\n            border-radius: 100px;\n            transition: .3s;\n        }\n    }\n\n    [data-switch=\"btn_of_switch\"] input:checked + label {\n        background: #f72c5b;\n    }\n\n    [data-switch=\"btn_of_switch\"] input:checked + label::after {\n        left: calc(100% - 5px);\n        transform: translateX(-100%);\n    }\n\n    [data-flipCard=\"thha_flipCard_1\"] {\n        .flip-box {\n            width: 100%;\n            height: 250px;\n            position: relative;\n            transform-style: preserve-3d;\n            perspective: 1000px;\n\n            .flip-box-front,\n            .flip-box-back {\n                border-radius: 10px;\n                height: 100%;\n                overflow: hidden;\n                min-height: 250px;\n                transition: transform .7s cubic-bezier(.4, .2, .2, 1);\n                backface-visibility: hidden;\n                transform-style: preserve-3d;\n                position: absolute;\n                inset: 0;\n                background-color: #fff;\n            }\n\n            .flip-box-front {\n                transform: rotateY(0deg);\n            }\n\n            .flip-box-back {\n                transform: rotateY(180deg);\n            }\n\n            &:hover .flip-box-front,\n            &.hover .flip-box-front {\n                transform: rotateY(-180deg);\n            }\n\n            &:hover .flip-box-back,\n            &.hover .flip-box-back {\n                transform: rotateY(0deg);\n            }\n\n            &.anim-flip-left:hover .flip-box-front,\n            &.anim-flip-left.hover .flip-box-front {\n                transform: rotateY(180deg);\n            }\n\n            &.anim-flip-up .flip-box-back {\n                transform: rotateX(-180deg);\n            }\n\n            &.anim-flip-up:hover .flip-box-front,\n            &.anim-flip-up.hover .flip-box-front {\n                transform: rotateX(180deg);\n            }\n\n            &.anim-flip-up:hover .flip-box-back,\n            &.anim-flip-up.hover .flip-box-back {\n                transform: rotateX(0);\n            }\n\n            .inner {\n                position: absolute;\n                left: 0;\n                top: 50%;\n                height: 100%;\n                width: 100%;\n                transform: translateY(-50%) translateZ(60px) scale(.94);\n                background: #e7e7e723;\n                // box-shadow: 0 2px 10px rgba(173, 230, 255, .2), 0 1px 5px rgba(0, 0, 0, .207);\n                border-radius: 10px;\n            }\n\n            .front_part {\n                height: 100%;\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n                gap: 10px;\n            }\n\n            .svg_icon {\n                max-width: 90px;\n                max-height: 90px;\n                margin: 0 auto;\n                object-fit: cover;\n            }\n\n            h3 {\n                text-align: center;\n                font-size: 32px;\n                font-weight: 600;\n                margin: 0 auto;\n            }\n\n            .back_part {\n                padding: 10px 20px;\n                height: 100%;\n                align-items: center;\n                justify-content: center;\n                display: flex;\n                flex-direction: column;\n\n                p {\n                    font-size: 16px;\n                    line-height: 1.2;\n                    margin: 20px auto;\n                    text-align: center;\n                }\n            }\n        }\n    }\n\n    [data-flipCard=\"thha_flipCard_2\"] {\n        &.flipperBoxContainer {\n            height: 100%;\n            min-height: 500px;\n            justify-content: center;\n            align-items: center;\n            overflow: visible;\n        }\n\n        &.flipperBoxContainer > .elementor-column {\n            box-sizing: border-box;\n            padding-top: 60px;\n            display: flex;\n            justify-content: center;\n            overflow: visible;\n        }\n\n        .thha_flip_profile {\n            position: relative;\n            backface-visibility: hidden;\n            -webkit-backface-visibility: hidden;\n\n            .thha_flip_front .card {\n                position: relative;\n                min-width: 310px;\n                width: 100%;\n                max-width: 320px;\n                margin: 0 auto;\n                height: 190px;\n                background: #fff;\n                border-radius: 20px;\n                border: 2px solid #264d54;\n                transition: .5s;\n                cursor: pointer;\n                overflow: visible;\n\n                &:hover {\n                    height: 450px;\n                    border-color: transparent;\n                    box-shadow: 0 5px 10px rgba(0, 0, 0, .15);\n                }\n\n                .imgBx {\n                    position: absolute;\n                    left: 50%;\n                    top: -50px;\n                    transform: translateX(-50%);\n                    width: 150px;\n                    height: 150px;\n                    background: #fff;\n                    border-radius: 20px;\n                    box-shadow: 0 15px 50px rgba(0, 0, 0, .35);\n                    overflow: hidden;\n                    transition: .5s;\n\n                    img {\n                        position: absolute;\n                        top: 0;\n                        left: 0;\n                        width: 100%;\n                        height: 100%;\n                        object-fit: cover;\n                    }\n                }\n\n                &:hover .imgBx {\n                    width: 250px;\n                    height: 250px;\n                }\n\n                .content {\n                    position: absolute;\n                    width: 100%;\n                    height: 100%;\n                    display: flex;\n                    justify-content: center;\n                    align-items: flex-end;\n                    overflow: hidden;\n\n                    .details {\n                        padding: 40px;\n                        text-align: center;\n                        width: 100%;\n                        transition: .5s;\n                        transform: translateY(108px);\n\n                        h2 {\n                            font-size: 1.25em;\n                            font-weight: 600;\n                            color: #555;\n                            line-height: 1.2em;\n\n                            span {\n                                font-size: .75em;\n                                font-weight: 500;\n                                opacity: .5;\n                            }\n                        }\n\n                        .data {\n                            display: flex;\n                            justify-content: space-between;\n                            margin: 20px 0;\n\n                            h3 {\n                                font-size: 1em;\n                                color: #555;\n                                line-height: 1.2em;\n                                font-weight: 600;\n\n                                span {\n                                    font-size: .85em;\n                                    font-weight: 400;\n                                    opacity: .5;\n                                }\n                            }\n                        }\n                    }\n                }\n\n                &:hover .content .details {\n                    transform: translateY(-20px);\n                }\n            }\n\n            &.anim-lift .thha_flip_front .card:hover,\n            &.anim-lift.hover .thha_flip_front .card {\n                transform: translateY(-8px);\n                height: 190px;\n            }\n\n            &.anim-none .thha_flip_front .card:hover,\n            &.anim-none.hover .thha_flip_front .card {\n                transform: none;\n            }\n        }\n    }\n\n    [data-flipCard=\"thha_flipCard_3\"] {\n        width: 100%;\n\n        &.elementor-template3-grid {\n            display: flex;\n            flex-direction: column;\n            align-items: stretch;\n        }\n\n        .price_flipbox_header {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            flex-direction: column;\n            width: 100%;\n            flex: 0 0 100%;\n            max-width: 100%;\n\n            h3 {\n                font-size: 3rem;\n                font-weight: 600;\n                color: #3c5b6f;\n                text-transform: uppercase;\n                text-shadow: #2f3645 1px 1px 2.6px;\n            }\n\n            .billing-header {\n                display: flex;\n                justify-content: center;\n                align-items: end;\n                gap: 10px;\n                margin-bottom: 20px;\n\n                .monthly,\n                .yearly {\n                    font-size: 1.4rem;\n                    font-weight: 700;\n                    color: gray;\n                    cursor: pointer;    \n                }\n\n                .active {\n                    color: #f72c5b;\n                }\n            }\n        }\n\n        .price_flipbox_body {\n            max-width: 1320px;\n            margin: 0 auto;\n            width: 100%;\n            flex: 0 0 100%;\n            max-width: 100%;\n        }\n\n        &.pricing-annual {\n            .monthly-price {\n                display: none;\n            }\n\n            .annual-price {\n                display: block;\n            }\n        }\n\n        &.pricing-monthly {\n            .monthly-price {\n                display: block;\n            }\n\n            .annual-price {\n                display: none;\n            }\n        }\n\n        .card .card-inner {\n            position: relative;\n            width: 100%;\n            height: 650px;\n            overflow: hidden;\n            border-radius: 30px 30px 30px 0;\n            transition: transform .6s linear;\n            transform-style: preserve-3d;\n\n            .card-front,\n            .card-back {\n                position: absolute;\n                inset: 0;\n                backface-visibility: hidden;\n                transform-style: preserve-3d;\n                transition: transform .6s linear;\n            }\n\n            .card-front {\n                transform: rotateY(0deg);\n                padding: 40px 20px;\n            }\n\n            .card-back {\n                transform: rotateY(180deg);\n                padding: 40px 20px;\n            }\n        }\n\n        .card:hover .card-inner .card-front,\n        .card.hover .card-inner .card-front {\n            transform: rotateY(180deg);\n        }\n\n        .card:hover .card-inner .card-back,\n        .card.hover .card-inner .card-back {\n            transform: rotateY(0deg);\n        }\n\n        .thha_fb_col:nth-of-type(1) .card-back,\n        .thha_fb_col:nth-of-type(1) .card-front {\n            background-image: linear-gradient(180deg, #7b6bf1 0%, #c599fb 100%);\n        }\n\n        .thha_fb_col:nth-of-type(2) .card-back,\n        .thha_fb_col:nth-of-type(2) .card-front {\n            background-image: linear-gradient(250deg, #34d399 0%, #10b981 100%);\n        }\n\n        .thha_fb_col:nth-of-type(3) .card-back,\n        .thha_fb_col:nth-of-type(3) .card-front {\n            background-image: linear-gradient(310deg, #ff748b 0%, #f72c5b 100%);\n        }\n\n        .price_card {\n            h3 {\n                font-size: 2.2rem;\n                font-weight: 500;\n                color: #fff;\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                gap: 10px;\n\n                span {\n                    font-size: 14px;\n                    font-weight: 400;\n                    padding: 8px 16px;\n                    background: rgba(255, 255, 255, .2);\n                }\n            }\n\n            .price {\n                font-size: 3rem;\n                font-weight: 700;\n                color: #fff;\n                text-align: center;\n\n                span {\n                    font-size: 1.2rem;\n                    font-weight: 400;\n                }\n            }\n\n            .monthly-price {\n                display: block;\n            }\n\n            .annual-price {\n                display: none;\n            }\n\n            ul {\n                list-style: none;\n                padding: 20px 30px;\n                margin: 20px 0;\n                display: flex;\n                flex-direction: column;\n                gap: 14px;\n\n                li {\n                    display: flex;\n                    align-items: center;\n                    gap: 8px;\n                    color: #fff;\n                }\n            }\n        }\n\n        .card-back {\n            img {\n                width: 90%;\n                margin: 0 auto;\n                height: 400px;\n                object-fit: contain;\n            }\n\n            a {\n                text-decoration: none;\n                border: 1px solid #fff;\n                padding: 14px 20px;\n                border-radius: 100px;\n                margin-top: 30px;\n                display: inline-block;\n                color: #fff;\n                text-align: center;\n            }\n        }\n    }\n\n    [data-flipCard=\"thha_flipCard_4\"] {\n        .main_card {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 20px;\n            width: 100%;\n        }\n\n        .cardBox {\n            perspective: 500px;\n            width: 250px;\n            max-width: 100%;\n            display: flex;\n            justify-content: center;\n\n            .card {\n                position: relative;\n                width: 100%;\n                max-width: 250px;\n                height: 200px;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                transform-style: preserve-3d;\n                transition: .5s ease-out;\n                box-shadow: 0 10px 30px rgba(0, 0, 0, .2);\n                border-radius: 20px;\n\n                &.yt { background: #cd201f; }\n                &.wh { background: #25d366; }\n                &.fb { background: #3b5998; }\n                &.tw { background: #081620; }\n                &.lnd { background: #1da1f2; }\n                &.ig { background: linear-gradient(45deg, #feda75 0%, #fa7e1e 25%, #d92e7f 50%, #9b36b7 75%, #515bd4 100%); }\n\n                .card-front,\n                .card-back {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    width: 100%;\n                    height: 200px;\n                    color: #fff;\n                    backface-visibility: hidden;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    text-align: center;\n                }\n\n                .card-front {\n                    font-size: 70px;\n                }\n\n                .card-back {\n                    font-size: 24px;\n                    font-weight: 600;\n                    transform: rotateY(180deg);\n                }\n\n                &.anim-flip-left .card-back {\n                    transform: rotateY(-180deg);\n                }\n\n                &.anim-flip-up .card-back {\n                    transform: rotateX(180deg);\n                }\n            }\n\n            &:hover .card,\n            .card.hover {\n                transform: rotateY(180deg);\n            }\n\n            &:nth-child(2):hover .card {\n                transform: rotateX(-180deg);\n            }\n\n            &:nth-child(3):hover .card {\n                transform: rotateY(-180deg);\n            }\n\n            &:nth-child(4):hover .card {\n                transform: rotateX(180deg);\n            }\n\n            &:nth-child(2) .card .card-back {\n                transform: rotateX(-180deg);\n            }\n\n            &:nth-child(3) .card .card-back {\n                transform: rotateY(-180deg);\n            }\n\n            &:nth-child(4) .card .card-back {\n                transform: rotateX(180deg);\n            }\n        }\n    }\n\n    [data-flipCard=\"thha_flipCard_5\"] {\n        .mainFlipCard {\n            width: 100%;\n            height: auto;\n            perspective: 1200px;\n            overflow: hidden;\n            border-radius: 20px;\n            position: relative;\n\n            .flipCard_Front {\n                position: relative;\n                width: 100%;\n                overflow: hidden;\n                border-radius: 20px;\n                transition: all .5s ease;\n\n                img {\n                    width: 100%;\n                    height: auto;\n                    border-radius: 10px;\n                }\n            }\n\n            .flipCard_Back {\n                position: absolute;\n                width: 100%;\n                height: 100%;\n                top: 0;\n                overflow: hidden;\n                border-radius: 20px;\n                transition: all .5s ease;\n                background-color: #010b1d8a;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                flex-direction: column;\n                padding: 0 20px;\n\n                img {\n                    max-width: 90px;\n                    max-height: 90px;\n                    border-radius: 999px;\n                    border: 2px solid #fff;\n                    margin-bottom: 20px;\n                    object-fit: contain;\n                }\n\n                h3,\n                p {\n                    color: #fff;\n                    text-align: center;\n                }\n\n                h3 {\n                    font-size: 1.7rem;\n                    margin-bottom: 10px;\n                }\n\n                p {\n                    font-size: 1.05rem;\n                    line-height: 1.3;\n                    margin-bottom: 10px;\n                }\n            }\n\n            .flipCard_Back.lr {\n                transform: translateX(-100%);\n            }\n\n            .flipCard_Back.rl {\n                transform: translateX(100%);\n            }\n\n            &:hover .flipCard_Back.lr,\n            &:hover .flipCard_Back.rl,\n            &.hover .flipCard_Back.lr,\n            &.hover .flipCard_Back.rl {\n                transform: translateX(0%);\n            }\n        }\n    }\n\n    @media screen and (max-width: 575px) {\n        [data-flipCard=\"thha_flipCard_3\"] {\n            .card .card-inner {\n                height: 550px;\n            }\n\n            .card-back img {\n                width: 100%;\n                height: auto;\n                min-height: auto;\n            }\n        }\n    }\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}