/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child theme
Author: Elementor Team
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
*/

.promotions .elementor-image-box-content{padding:0 50px}
.heading-line{
    width: min(720px, 78%);
    height: 2px;
    margin: 16px auto 20px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.7) 12%, #0067e4 45%, rgba(255, 255, 255, 0.85) 60%, transparent 100%)
}
.exclusive .elementor-image-box-wrapper{
    position: relative;
    min-height: 390px;
    border-radius: 36px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)), linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02) 38%, rgba(0, 0, 0, 0.44) 70%), linear-gradient(180deg, #07111c 0%, #02060b 100%);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -1px 0 rgba(255, 255, 255, 0.08), 0 18px 40px rgba(0, 0, 0, 0.5), 0 0 24px rgba(0, 103, 228, 0.14);
    backdrop-filter: blur(12px);
    isolation: isolate;
    padding: 30px 40px
}
.exclusive .elementor-image-box-wrapper:after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1.4px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.08) 28%, rgba(0, 103, 228, 0.95) 65%, rgba(255, 255, 255, 0.35) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0.95;
}
.exclusive .elementor-image-box-title span{
    background: linear-gradient(90deg,#ffffff, #0067e4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Playfair Display", Sans-serif;
    font-size: 40px;
    line-height: 48px;
}
.exclusive .elementor-image-box-description span{
    font-size: 36px ;
    font-weight: 700;
    font-style: italic;
}
@media screen and (max-width: 1024px) {
    .promotions .elementor-image-box-content{
        padding: 0 20px;
    }
    .exclusive .elementor-image-box-wrapper{
        padding: 20px;
    }
    .exclusive .elementor-image-box-title span{
        font-size: 28px;
        line-height: 36px;
    }
    .exclusive .elementor-image-box-description span{
        font-size: 24px;
    }
    .exclusive .elementor-image-box-wrapper{
        min-height: 320px;
    }
}
@media screen and (max-width: 767px) {
    .exclusive .elementor-image-box-wrapper{
        min-height: auto;
    }
}