.elementor-4858 .elementor-element.elementor-element-bc5cc4b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4858 .elementor-element.elementor-element-f2e07e9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF1F;--border-color:#FFFFFF1F;--padding-top:100px;--padding-bottom:60px;--padding-left:120px;--padding-right:100px;}.elementor-4858 .elementor-element.elementor-element-f2e07e9:not(.elementor-motion-effects-element-type-background), .elementor-4858 .elementor-element.elementor-element-f2e07e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CA9D9D;}.elementor-4858 .elementor-element.elementor-element-d41ee97{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4858 .elementor-element.elementor-element-d41ee97.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4858 .elementor-element.elementor-element-92c068a{text-align:center;}.elementor-4858 .elementor-element.elementor-element-92c068a .elementor-heading-title{font-size:11px;color:#F5C842;}.elementor-4858 .elementor-element.elementor-element-7d7c24e{text-align:center;}.elementor-4858 .elementor-element.elementor-element-7d7c24e .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:33px;font-weight:400;color:#FFFFFF;}.elementor-4858 .elementor-element.elementor-element-8c09d4a{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:center;font-size:13px;color:#FFFFFFD1;}.elementor-4858 .elementor-element.elementor-element-5de0fa1{--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;--justify-content:center;--align-items:center;}.elementor-4858 .elementor-element.elementor-element-45255a4{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-4858 .elementor-element.elementor-element-18a1295{--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;--justify-content:center;--align-items:center;}.elementor-4858 .elementor-element.elementor-element-91de76d{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-4858 .elementor-element.elementor-element-e2af35d{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}@media(max-width:1024px){.elementor-4858 .elementor-element.elementor-element-45255a4{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-4858 .elementor-element.elementor-element-91de76d{--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-4858 .elementor-element.elementor-element-e2af35d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(min-width:768px){.elementor-4858 .elementor-element.elementor-element-d41ee97{--width:100%;}}@media(max-width:767px){.elementor-4858 .elementor-element.elementor-element-d41ee97{--width:328px;--margin-top:0px;--margin-bottom:0px;--margin-left:-20px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4858 .elementor-element.elementor-element-92c068a .elementor-heading-title{font-size:8px;}.elementor-4858 .elementor-element.elementor-element-7d7c24e .elementor-heading-title{font-size:20px;}.elementor-4858 .elementor-element.elementor-element-8c09d4a p{margin-block-end:0px;}}/* Start custom CSS for heading, class: .elementor-element-92c068a */.section-heading .elementor-heading-title{
    display:flex;
    align-items:center;
    gap:15px;
    color:#355B67;
    font-size:40px;
    font-weight:700;
    letter-spacing:4px;
    text-transform:uppercase;
}

.section-heading .elementor-heading-title::before{
    content:"";
    width:40px;
    height:2px;
    background:#f5c842;
    display:block;
    flex-shrink:0;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7d7c24e */.infi {
    font-style: italic;
    color: #f5c842;
    font-weight: 400;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2e07e9 */.backy{ background: linear-gradient(
    135deg,
    #2a0e52 0%,
    #4c1d95 55%,
    #6d3bb5 100%
);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc5cc4b */.proofy-sections {
    background: linear-gradient(135deg,#00352e,#005a50,#007a6c) !important;
    color:#fff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-91de76d *//*=========================================
BINSOFT PRICING
PART 2B
=========================================*/

/*==========================
BUTTONS
==========================*/

.bp-btn{

    display:flex;
    justify-content:center;
    align-items:center;

    width:100%;

    height:58px;

    margin-top:28px;

    background:#4c1d95;

    color:#fff;

    text-decoration:none;

    border-radius:14px;

    font-size:14px;

    font-weight:700;

    transition:.35s;

}

.bp-btn:hover{

    background:#4c1d95;
    
    color: #fff;

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(76,29,149,.25);

}

.bp-btn.yellow{

    background:#f7c63d;

    color:#2f2f2f;

}

.bp-btn.yellow:hover{

    background:#f4bb16;

}

/*==========================
CUSTOM PRICE
==========================*/

.bp-price-box.custom{

    background:linear-gradient(
        180deg,
        #f8f5fc,
        #f0e9fa
    );

}

.bp-custom-price{

    font-size:30px;

    font-weight:800;

    color:#4c1d95;

    line-height:1;

    margin-bottom:12px;

}

/*==========================
FEATURE TITLE
==========================*/

.bp-features-title{

    font-size:14px;

    font-weight:700;

    margin-bottom:18px;

    color:#4c1d95;

}

/*==========================
FEATURE LIST
==========================*/

.bp-features{
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
}

.bp-features li{
    display:flex;
    justify-content:flex-start;
    align-items:flex-start;
    text-align:left;
    width:100%;
    gap:12px;
    padding:14px 0;
    border-bottom:1px solid #4c1d95;
    font-size:13px;
    color:#4b5b5c;
    line-height:1.5;
    transition:.3s;
}

.bp-features li span,
.bp-features li p,
.bp-features li div{
    text-align:left;
    flex:1;
}

.bp-features li:last-child{

    border-bottom:none;

}

.bp-features li:hover{

    padding-left:8px;

}

/*==========================
CHECK ICON
==========================*/

.bp-features li.yes::before{

    content:"✔";

    width:24px;

    height:24px;

    min-width:24px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#eee6fa;

    color:#4c1d95;

    border-radius:50%;

    font-size:12px;

    font-weight:700;

}

/*==========================
CROSS ICON
==========================*/

.bp-features li.no{

    color:#a3afb1;

}

.bp-features li.no::before{

    content:"✕";

    width:24px;

    height:24px;

    min-width:24px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#f2f3f4;

    color:#b6bdbf;

    border-radius:50%;

    font-size:12px;

    font-weight:700;

}

/*==========================
HOVER EFFECTS
==========================*/



.bp-card:hover::before{

    transform:scaleX(1);

}

.bp-price-box{

    transition:.35s;

}

.bp-card:hover .bp-price-box{

    transform:translateY(-5px);

}

.bp-card:hover .bp-value{

    transform:scale(1.05);

}

/*==========================
FEATURED CARD
==========================*/

.bp-featured::after{

    content:"";

    position:absolute;

    inset:-2px;

    border-radius:24px;

    pointer-events:none;

    border:2px solid rgba(76,29,149,.15);

}

/*==========================
RESPONSIVE
==========================*/

@media(max-width:1200px){

.bp-grid{

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

}

.bp-featured{

transform:none;

}

.bp-featured:hover{

transform:translateY(-8px);

}

}

@media(max-width:768px){

.bp-grid{

grid-template-columns:1fr;

}

.bp-card{

padding:22px;

}

.bp-card h2{

font-size:25px;

}

.bp-value{

font-size:30px;

}

.bp-toggle-wrapper{

flex-wrap:wrap;

gap:14px;

}

.bp-save{

order:5;

}

}

@media(max-width:480px){

.bp-section{

padding:60px 15px;

}

.bp-card h2{

font-size:18px;

}

.bp-value{

font-size:52px;

}

.bp-currency{

font-size:14px;

}

.bp-dot{

font-size:16px;

}

.bp-btn{

height:54px;

font-size:15px;

}

.bp-features li{

font-size:14px;

}

.bp-toggle-label{

font-size:15px;

}

.bp-save{

font-size:12px;

padding:8px 14px;

}

}

/*==========================
SMOOTH ANIMATION
==========================*/

.bp-card,
.bp-price-box,
.bp-btn,
.bp-value,
.bp-features li{

transition:all .35s ease;

}

/*=========================================
BINSOFT PRICING
PART 2A
=========================================*/

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700;800&display=swap');

:root{

    --primary:#4c1d95;
    --primary-dark:#35136a;
    --primary-light:#efe7fb;

    --yellow:#f7c63d;

    --text:#243233;
    --muted:#687879;

    --border:#d7c7ee;

    --white:#ffffff;

    --shadow:
    0 18px 50px rgba(0,0,0,.08);

}

body{

    font-family:'Inter',sans-serif;
    color:var(--text);

}

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

.bp-section{

    width:100%;
    padding:20px 20px;

}

.bp-container{

    width:100%;
    margin:auto;

}

/*==================================
TOGGLE
==================================*/

.bp-toggle-wrapper{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;

    margin-bottom:55px;

}

.bp-toggle-label{

    font-size:18px;
    font-weight:700;
    color:#9aa7aa;

    cursor:pointer;

    transition:.3s;

}

.bp-toggle-label.bp-active{

    color:var(--primary);

}

.bp-save{

    background:var(--yellow);

    padding:10px 18px;

    border-radius:999px;

    font-size:13px;
    
    color: #000;

    font-weight:800;

    letter-spacing:.6px;

}

.bp-switch{

    position:relative;

    width:72px;

    height:38px;

}

.bp-switch input{

    display:none;

}

.bp-slider{

    position:absolute;

    inset:0;

    border-radius:999px;

    background:#eadff8;

    cursor:pointer;

    transition:.35s;

}

.bp-slider:before{

    content:"";

    position:absolute;

    width:30px;

    height:30px;

    left:4px;

    top:4px;

    background:#fff;

    border-radius:50%;

    transition:.35s;

    box-shadow:0 5px 15px rgba(0,0,0,.15);

}

.bp-switch input:checked + .bp-slider{

    background:var(--primary);

}

.bp-switch input:checked + .bp-slider:before{

    transform:translateX(34px);

}

/*==================================
GRID
==================================*/

.bp-grid{

    display:grid;

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

    gap:28px;

}

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

.bp-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:24px;

    padding:24px;

    position:relative;

    transition:.35s;

    box-shadow:0 8px 20px rgba(0,0,0,.03);

}

.bp-featured{

    border:2px solid var(--primary);

    transform:scale(1.03);

    box-shadow:
    0 25px 60px rgba(76,29,149,.15);

}

/*==================================
BADGE
==================================*/

.bp-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    background:var(--yellow);

    color:#2d2d2d;

    padding:7px 18px;

    border-radius:999px;

    font-size:12px;

    font-weight:800;

    margin-bottom:18px;

}

/*==================================
TITLE
==================================*/

.bp-card h2{

    font-family:'DM Serif Display',serif;

    font-size:25px;

    line-height:1;

    color:#2f3d3e;

    margin-bottom:14px;

}

.bp-desc{

    color:var(--muted);

    line-height:1.7;

    font-size:12px;

    margin-bottom:26px;

}

/*==================================
PRICE BOX
==================================*/

.bp-price-box{

    background:linear-gradient(180deg,#f6f1fc,#efe7fb);

    border-radius:18px;

    padding:30px 20px;

    text-align:center;

    margin-bottom:28px;

}

.bp-price{

    display:flex;

    justify-content:center;

    align-items:flex-start;

}

.bp-currency{

    font-size:17px;

    font-weight:700;

    margin-top:10px;

}

.bp-value{

    font-size:50px;

    font-weight:800;

    line-height:1;

    transition:.3s;

}

.bp-dot{

    font-size:25px;

    font-weight:700;

    margin-top:18px;

}

.bp-period{

    margin-top:8px;

    font-size:12px;

    color:#667677;

    font-weight:600;

}

.bp-user{

    margin-top:14px;

    font-size:14px;

    color:#708081;

}

.bp-trial{

    display:inline-flex;

    align-items:center;

    gap:8px;

    background:#e9def8;

    color:#4c1d95;

    border-radius:999px;

    padding:10px 18px;

    margin-top:24px;

    font-size:13px;

    font-weight:700;

}

/*=========================================
RESPONSIVE FIX
=========================================*/

/*=========================
Laptop (1200px)
=========================*/
@media (max-width:1200px){

    .bp-section{
        padding:20px 18px !important;
    }

    .bp-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:22px !important;
    }

    .bp-card{
        padding:24px !important;
    }

    .bp-featured{
        transform:none !important;
    }

    .bp-featured:hover{
        transform:translateY(-8px) !important;
    }

}


/*=========================
Tablet (992px)
=========================*/
@media (max-width:991px){

    .bp-section{
        padding:20px 15px !important;
    }

    .bp-container{
        width:100% !important;
    }

    .bp-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:20px !important;
    }

    .bp-card{
        width:100% !important;
        padding:22px !important;
        border-radius:20px !important;
    }

    .bp-card h2{
        font-size:22px !important;
    }

    .bp-desc{
        font-size:13px !important;
    }

    .bp-price-box{
        padding:22px 18px !important;
    }

    .bp-value{
        font-size:38px !important;
    }

    .bp-currency{
        font-size:15px !important;
    }

    .bp-dot{
        font-size:18px !important;
    }

    .bp-period,
    .bp-user{
        font-size:12px !important;
    }

    .bp-toggle-wrapper{
        flex-wrap:wrap;
        gap:12px;
        margin-bottom:30px;
    }

    .bp-save{
        order:5;
    }

}


/*=========================
Mobile (768px)
=========================*/
@media (max-width:767px){

    .bp-section{
        padding:18px 12px !important;
    }

    .bp-grid{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }

    .bp-card{
        padding:20px !important;
        border-radius:18px !important;
    }

    .bp-card h2{
        font-size:20px !important;
    }

    .bp-desc{
        font-size:13px !important;
        margin-bottom:18px !important;
    }

    .bp-price-box{
        padding:20px 15px !important;
    }

    .bp-value{
        font-size:34px !important;
    }

    .bp-currency{
        font-size:14px !important;
    }

    .bp-dot{
        font-size:16px !important;
    }

    .bp-period,
    .bp-user{
        font-size:12px !important;
    }

    .bp-btn{
        width:100% !important;
        height:50px !important;
        font-size:14px !important;
    }

    .bp-features-title{
        font-size:14px !important;
    }

    .bp-features li{
        font-size:13px !important;
        gap:10px !important;
        padding:12px 0 !important;
        word-break:break-word;
    }

    .bp-toggle-label{
        font-size:14px !important;
    }

    .bp-save{
        font-size:11px !important;
        padding:6px 12px !important;
    }

}


/*=========================
Small Mobile (480px)
=========================*/
@media (max-width:480px){

    .bp-section{
        padding:15px 10px !important;
    }

    .bp-card{
        padding:16px !important;
        border-radius:16px !important;
    }

    .bp-card h2{
        font-size:18px !important;
    }

    .bp-value{
        font-size:30px !important;
    }

    .bp-currency{
        font-size:13px !important;
    }

    .bp-period,
    .bp-user{
        font-size:11px !important;
    }

    .bp-btn{
        height:46px !important;
        font-size:13px !important;
    }

    .bp-features li{
        font-size:12px !important;
        line-height:1.6 !important;
    }

    .bp-trial{
        width:100% !important;
        justify-content:center !important;
        text-align:center !important;
    }

}/* End custom CSS */