:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-07a9120 *//* =========================================================
   EMAIL MARKETING PAGE
   COMPLETE CSS
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Aladin&family=Alkatra:wght@400;500;600&family=Poppins:wght@400;500;600;700&display=swap');


/* =========================================================
   ROOT
========================================================= */

.email-page{

    --bg:#06001F;
    --card:#120A30;
    --card-dark:#0D0627;

    --purple:#7D2CFF;
    --purple-light:#A855F7;

    --white:#FFFFFF;
    --text:#F1EDF8;

    --border:rgba(125,44,255,.22);

    width:100%;

    background:#06001F !important;

    color:#FFFFFF;

    overflow:hidden;

    font-family:'Poppins',sans-serif !important;
}


/* =========================================================
   FORCE FONTS
========================================================= */

.email-page h1,
.email-page h2,
.email-page h3,
.email-page h4,
.email-page h5,
.email-page h6,
.email-page .email-heading,
.email-page .email-heading *,
.email-page .email-card h3,
.email-page .email-benefit h3,
.email-page .email-process-item h3,
.email-page .email-type-box h3,
.email-page .email-why-title h2,
.email-page .email-cta-box h2{

    font-family:'Aladin',cursive !important;

    font-weight:400 !important;

    font-style:normal !important;
}


.email-page p,
.email-page p *,
.email-page .email-about-content,
.email-page .email-about-content *,
.email-page .email-card p,
.email-page .email-benefit p,
.email-page .process-content p,
.email-page .email-type-box p,
.email-page .email-why-text,
.email-page .email-why-text *,
.email-page .email-cta-box p{

    font-family:'Alkatra',cursive !important;

    font-weight:400 !important;

    font-style:normal !important;
}


/* =========================================================
   CONTAINER
========================================================= */

.email-container{

    width:min(1380px,92%);

    margin:0 auto;

    position:relative;
}


/* =========================================================
   SECTIONS
========================================================= */

.email-about,
.email-offer,
.email-why,
.email-process,
.email-types{

    position:relative;

    padding:95px 0;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.email-heading{

    width:100%;

    max-width:1050px;

    margin:0 auto 50px;

    text-align:center;
}


.email-label{

    display:block;

    margin:0 0 10px;

    font-family:'Poppins',sans-serif !important;

    font-size:13px;

    font-weight:600;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#A855F7 !important;
}


.email-heading h2,
.email-why-title h2,
.email-cta-box h2{

    margin:0 !important;

    padding:0 !important;

    font-family:'Aladin',cursive !important;

    font-size:65px !important;

    font-weight:400 !important;

    font-style:normal !important;

    line-height:1.05 !important;

    letter-spacing:0 !important;

    color:#7D2CFF !important;
}


.email-line{

    width:95px;

    height:2px;

    margin:17px auto 0;

    background:#7D2CFF;

    box-shadow:0 0 15px rgba(125,44,255,.55);
}


/* =========================================================
   GLOBAL PARAGRAPH
========================================================= */

.email-page p{

    margin:0 !important;

    padding:0 !important;

    font-family:'Alkatra',cursive !important;

    font-size:27px !important;

    font-weight:400 !important;

    font-style:normal !important;

    line-height:1.30 !important;

    letter-spacing:0 !important;

    color:#F1EDF8 !important;
}


/* =========================================================
   ABOUT
========================================================= */

.email-about{

    padding-top:70px;

    padding-bottom:80px;
}


.email-about-content{

    width:min(1120px,100%);

    margin:0 auto;

    text-align:center;

    font-family:'Alkatra',cursive !important;
}


.email-about-content p{

    margin:0 0 12px !important;

    font-family:'Alkatra',cursive !important;

    line-height:1.30 !important;
}


.email-about-content p:last-child{

    margin-bottom:0 !important;
}


/* =========================================================
   WHAT WE OFFER
========================================================= */

.email-offer{

    padding-top:85px;

    padding-bottom:95px;

    background:
        radial-gradient(
            circle at 10% 15%,
            rgba(125,44,255,.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 85%,
            rgba(168,85,247,.06),
            transparent 30%
        );
}


.email-offer-grid{

    display:grid;

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

    gap:22px;

    width:100%;
}


/* =========================================================
   OFFER CARD
========================================================= */

.email-card{

    position:relative;

    min-height:365px;

    padding:35px 32px;

    background:
        linear-gradient(
            145deg,
            rgba(26,16,57,.96),
            rgba(13,6,39,.98)
        );

    border:1px solid rgba(125,44,255,.22);

    border-radius:24px;

    overflow:hidden;

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}


.email-card::before{

    content:"";

    position:absolute;

    top:-90px;

    right:-90px;

    width:200px;

    height:200px;

    border-radius:50%;

    background:#7D2CFF;

    opacity:.07;

    filter:blur(15px);

    pointer-events:none;
}


.email-card::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #7D2CFF,
            transparent
        );

    transform:scaleX(0);

    transition:.35s ease;
}


.email-card:hover{

    transform:translateY(-8px);

    border-color:rgba(125,44,255,.6);

    box-shadow:
        0 20px 50px rgba(0,0,0,.35),
        0 0 30px rgba(125,44,255,.10);
}


.email-card:hover::after{

    transform:scaleX(1);
}


/* =========================================================
   CARD NUMBER
========================================================= */

.email-card-number{

    position:absolute;

    top:19px;

    right:22px;

    font-family:'Poppins',sans-serif !important;

    font-size:12px;

    font-weight:600;

    letter-spacing:2px;

    color:rgba(168,85,247,.6);
}


/* =========================================================
   CARD ICON
========================================================= */

.email-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:68px;

    height:68px;

    margin:0 0 22px;

    border-radius:17px;

    background:
        linear-gradient(
            135deg,
            #7D2CFF,
            #A855F7
        );

    color:#FFFFFF;

    font-family:'Poppins',sans-serif !important;

    font-size:29px;

    box-shadow:
        0 10px 28px rgba(125,44,255,.25);
}


/* =========================================================
   CARD HEADING
========================================================= */

.email-card h3,
.email-benefit h3,
.email-process-item h3,
.email-type-box h3{

    margin:0 0 11px !important;

    padding:0 !important;

    font-family:'Aladin',cursive !important;

    font-size:42px !important;

    font-weight:400 !important;

    font-style:normal !important;

    line-height:1.05 !important;

    letter-spacing:0 !important;

    color:#7D2CFF !important;
}


/* =========================================================
   CARD TEXT
========================================================= */

.email-card p{

    margin:0 !important;

    padding:0 !important;

    font-family:'Alkatra',cursive !important;

    font-size:23px !important;

    line-height:1.32 !important;

    color:#F1EDF8 !important;
}


/* =========================================================
   WHY EMAIL MARKETING
========================================================= */

.email-why{

    padding-top:90px;

    padding-bottom:90px;
}


.email-why-grid{

    display:grid;

    grid-template-columns:1fr 1.1fr;

    gap:65px;

    align-items:center;

    margin-bottom:55px;
}


.email-why-title{

    position:relative;
}


.email-why-title .email-label{

    text-align:left;
}


.email-why-title h2{

    max-width:620px;

    text-align:left;
}


.email-why-title .email-line{

    margin:17px 0 0;
}


.email-why-text{

    padding-left:30px;

    border-left:2px solid rgba(125,44,255,.28);
}


.email-why-text p{

    margin:0 0 13px !important;

    padding:0 !important;

    font-family:'Alkatra',cursive !important;

    font-size:27px !important;

    line-height:1.30 !important;

    color:#F1EDF8 !important;
}


.email-why-text p:last-child{

    margin-bottom:0 !important;
}


/* =========================================================
   BENEFITS
========================================================= */

.email-benefits{

    display:grid;

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

    gap:18px;
}


.email-benefit{

    padding:28px 24px;

    border-radius:20px;

    background:#10082D;

    border:1px solid rgba(125,44,255,.18);

    transition:.3s ease;
}


.email-benefit:hover{

    transform:translateY(-6px);

    border-color:#7D2CFF;

    background:#140A36;
}


.email-benefit strong{

    display:block;

    margin:0 0 15px;

    font-family:'Poppins',sans-serif !important;

    font-size:12px;

    font-weight:600;

    letter-spacing:2px;

    color:#A855F7 !important;
}


.email-benefit h3{

    margin-bottom:9px !important;

    font-size:36px !important;
}


.email-benefit p{

    font-family:'Alkatra',cursive !important;

    font-size:20px !important;

    line-height:1.32 !important;
}


/* =========================================================
   HOW WE WORK
========================================================= */

.email-process{

    padding-top:90px;

    padding-bottom:90px;

    background:#090326;
}


.email-process-wrapper{

    width:min(1100px,100%);

    margin:0 auto;
}


.email-process-item{

    display:grid;

    grid-template-columns:100px 1fr;

    gap:32px;

    padding:28px 0;

    border-bottom:1px solid rgba(125,44,255,.18);

    align-items:start;
}


.email-process-item:first-child{

    border-top:1px solid rgba(125,44,255,.18);
}


.process-number{

    font-family:'Aladin',cursive !important;

    font-size:50px;

    font-weight:400;

    line-height:1;

    color:#7D2CFF !important;
}


.process-content h3{

    margin:0 0 9px !important;

    font-family:'Aladin',cursive !important;

    font-size:42px !important;

    line-height:1.05 !important;

    color:#7D2CFF !important;
}


.process-content p{

    max-width:850px;

    margin:0 !important;

    font-family:'Alkatra',cursive !important;

    font-size:24px !important;

    line-height:1.32 !important;

    color:#F1EDF8 !important;
}


/* =========================================================
   EMAIL TYPES
========================================================= */

.email-types{

    padding-top:90px;

    padding-bottom:95px;
}


.email-types-grid{

    display:grid;

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

    gap:20px;
}


.email-type-box{

    position:relative;

    min-height:270px;

    padding:35px;

    border-radius:23px;

    border:1px solid rgba(125,44,255,.22);

    background:
        linear-gradient(
            135deg,
            rgba(125,44,255,.07),
            rgba(10,3,34,.92)
        );

    overflow:hidden;

    transition:.35s ease;
}


.email-type-box::before{

    content:"";

    position:absolute;

    width:130px;

    height:130px;

    right:-50px;

    bottom:-50px;

    border-radius:50%;

    background:#7D2CFF;

    opacity:.07;

    filter:blur(10px);

    transition:.35s ease;
}


.email-type-box:hover{

    transform:translateY(-6px);

    border-color:#7D2CFF;
}


.email-type-box:hover::before{

    transform:scale(1.5);

    opacity:.12;
}


.email-type-box > span{

    display:block;

    margin:0 0 16px;

    font-family:'Poppins',sans-serif !important;

    font-size:12px;

    font-weight:600;

    letter-spacing:2px;

    color:#A855F7 !important;
}


.email-type-box h3{

    margin:0 0 10px !important;
}


.email-type-box p{

    margin:0 !important;

    font-family:'Alkatra',cursive !important;

    font-size:23px !important;

    line-height:1.32 !important;

    color:#F1EDF8 !important;
}


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

.email-cta{

    padding:70px 0 110px;
}


.email-cta-box{

    position:relative;

    width:min(1200px,92%);

    margin:0 auto;

    padding:70px 50px;

    text-align:center;

    overflow:hidden;

    border-radius:32px;

    border:1px solid rgba(125,44,255,.35);

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(125,44,255,.20),
            transparent 55%
        ),
        linear-gradient(
            145deg,
            #140833,
            #080221
        );

    box-shadow:
        0 25px 70px rgba(0,0,0,.3);
}


.email-cta-box h2{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:0 auto 17px !important;

    font-family:'Aladin',cursive !important;

    font-size:65px !important;

    line-height:1.05 !important;

    color:#7D2CFF !important;
}


.email-cta-box p{

    position:relative;

    z-index:2;

    max-width:800px;

    margin:0 auto 27px !important;

    font-family:'Alkatra',cursive !important;

    font-size:25px !important;

    line-height:1.32 !important;

    color:#F1EDF8 !important;
}


/* =========================================================
   CTA BUTTON
========================================================= */

.email-cta-button{

    position:relative;

    z-index:3;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    padding:15px 28px;

    border-radius:50px;

    background:#7D2CFF;

    color:#FFFFFF !important;

    text-decoration:none !important;

    font-family:'Poppins',sans-serif !important;

    font-size:16px;

    font-weight:600;

    transition:.3s ease;

    box-shadow:
        0 12px 35px rgba(125,44,255,.28);
}


.email-cta-button:hover{

    transform:translateY(-3px);

    background:#A855F7;

    color:#FFFFFF !important;

    box-shadow:
        0 18px 40px rgba(125,44,255,.35);
}


/* =========================================================
   REMOVE RANDOM DEFAULT MARGINS
========================================================= */

.email-page .email-card h3,
.email-page .email-card p,
.email-page .email-benefit h3,
.email-page .email-benefit p,
.email-page .email-type-box h3,
.email-page .email-type-box p,
.email-page .email-process-item h3,
.email-page .email-process-item p{

    margin-top:0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1100px){

    .email-heading h2,
    .email-why-title h2,
    .email-cta-box h2{

        font-size:56px !important;
    }


    .email-offer-grid{

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


    .email-benefits{

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


    .email-why-grid{

        gap:45px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px){

    .email-about,
    .email-offer,
    .email-why,
    .email-process,
    .email-types{

        padding:65px 0;
    }


    .email-container{

        width:90%;
    }


    .email-heading{

        margin-bottom:35px;
    }


    .email-heading h2,
    .email-why-title h2,
    .email-cta-box h2{

        font-family:'Aladin',cursive !important;

        font-size:42px !important;

        line-height:1.05 !important;
    }


    .email-page p{

        font-family:'Alkatra',cursive !important;

        font-size:21px !important;

        line-height:1.30 !important;
    }


    /* ABOUT */

    .email-about{

        padding-top:55px;

        padding-bottom:65px;
    }


    .email-about-content p{

        margin-bottom:9px !important;

        font-size:21px !important;

        line-height:1.30 !important;
    }


    /* OFFER */

    .email-offer-grid{

        grid-template-columns:1fr;

        gap:15px;
    }


    .email-card{

        min-height:auto;

        padding:29px 25px;
    }


    .email-icon{

        width:60px;

        height:60px;

        margin-bottom:18px;

        font-size:26px;
    }


    .email-card h3,
    .email-benefit h3,
    .email-process-item h3,
    .email-type-box h3{

        font-size:34px !important;

        line-height:1.05 !important;

        margin-bottom:8px !important;
    }


    .email-card p{

        font-size:20px !important;

        line-height:1.30 !important;
    }


    /* WHY */

    .email-why-grid{

        grid-template-columns:1fr;

        gap:28px;

        margin-bottom:40px;
    }


    .email-why-title .email-label{

        text-align:center;
    }


    .email-why-title h2{

        text-align:center;
    }


    .email-why-title .email-line{

        margin:15px auto 0;
    }


    .email-why-text{

        padding-left:18px;
    }


    .email-why-text p{

        margin-bottom:9px !important;

        font-size:21px !important;

        line-height:1.30 !important;
    }


    /* BENEFITS */

    .email-benefits{

        grid-template-columns:1fr;

        gap:13px;
    }


    .email-benefit{

        padding:25px 22px;
    }


    .email-benefit p{

        font-size:19px !important;

        line-height:1.30 !important;
    }


    /* PROCESS */

    .email-process-item{

        grid-template-columns:55px 1fr;

        gap:16px;

        padding:25px 0;
    }


    .process-number{

        font-size:39px;
    }


    .process-content p{

        font-size:20px !important;

        line-height:1.30 !important;
    }


    /* TYPES */

    .email-types-grid{

        grid-template-columns:1fr;

        gap:14px;
    }


    .email-type-box{

        min-height:auto;

        padding:29px 25px;
    }


    .email-type-box p{

        font-size:20px !important;

        line-height:1.30 !important;
    }


    /* CTA */

    .email-cta{

        padding:55px 0 80px;
    }


    .email-cta-box{

        width:90%;

        padding:55px 22px;

        border-radius:24px;
    }


    .email-cta-box h2{

        font-size:42px !important;
    }


    .email-cta-box p{

        font-size:20px !important;

        line-height:1.30 !important;

        margin-bottom:23px !important;
    }


    .email-cta-button{

        padding:14px 22px;

        font-size:14px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:480px){

    .email-heading h2,
    .email-why-title h2,
    .email-cta-box h2{

        font-size:36px !important;
    }


    .email-page p{

        font-size:19px !important;

        line-height:1.30 !important;
    }


    .email-card h3,
    .email-benefit h3,
    .email-process-item h3,
    .email-type-box h3{

        font-size:31px !important;
    }

}/* End custom CSS */