/* ===========================
   DigiWebex WhatsApp Hero
=========================== */

.dwx-wa-hero-wrap{
    position:relative;
    overflow:hidden;
    padding:90px 0;
    background:linear-gradient(135deg,#ecfff4,#dff8eb,#ffffff);
}

.dwx-wa-hero-wrap::before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    background:#25D36620;
    border-radius:50%;
    top:-120px;
    right:-100px;
}

.dwx-wa-hero-wrap::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    background:#25D36612;
    border-radius:50%;
    bottom:-70px;
    left:-70px;
}

.dwx-wa-content-box{
    position:relative;
    z-index:2;
}

.dwx-wa-badge-pill{
    display:inline-block;
    background:#25D366;
    color:white;
    padding:8px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.dwx-wa-main-title{
    font-size:56px;
    font-weight:800;
    line-height:1.15;
    color:#111827;
}

.dwx-wa-main-title span{
    color:#25D366;
}

.dwx-wa-main-text{
    font-size:18px;
    color:#555;
    line-height:1.8;
    margin:25px 0;
}

.dwx-wa-btn-area{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:40px;
}

.dwx-wa-primary-btn{
    background:#25D366;
    color:white;
    padding:15px 30px;
    border-radius:50px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.dwx-wa-primary-btn:hover{
    background:#18b957;
    color:white;
    transform:translateY(-3px);
}

.dwx-wa-outline-btn{
    border:2px solid #25D366;
    color:#25D366;
    padding:13px 28px;
    border-radius:50px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.dwx-wa-outline-btn:hover{
    background:#25D366;
    color:white;
}

.dwx-wa-counter-row{
    display:flex;
    gap:30px;
    flex-wrap:wrap;
}

.dwx-wa-counter-box h3{
    color:#25D366;
    font-size:32px;
    font-weight:800;
    margin-bottom:4px;
}

.dwx-wa-counter-box p{
    margin:0;
    color:#666;
    font-size:15px;
}

/* Image */

.dwx-wa-image-box{
    position:relative;
    text-align:center;
    z-index:2;
}

.dwx-wa-dashboard-img{
    max-width:100%;
    border-radius:28px;
    box-shadow:0 25px 60px rgba(0,0,0,.15);
    animation:dwx-wa-float 4s ease-in-out infinite;
}

.dwx-wa-floating-chat,
.dwx-wa-floating-bulk{
    position:absolute;
    background:white;
    padding:12px 18px;
    border-radius:16px;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
    font-size:14px;
    font-weight:600;
}

.dwx-wa-floating-chat{
    top:12%;
    left:-20px;
}

.dwx-wa-floating-bulk{
    bottom:12%;
    right:-15px;
}

/* Animation */

@keyframes dwx-wa-float{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-12px);
    }
}

/* Tablet */

@media(max-width:991px){

    .dwx-wa-hero-wrap{
        padding:70px 0;
        text-align:center;
    }

    .dwx-wa-main-title{
        font-size:42px;
    }

    .dwx-wa-btn-area{
        justify-content:center;
    }

    .dwx-wa-counter-row{
        justify-content:center;
        margin-bottom:35px;
    }

    .dwx-wa-floating-chat{
        left:10px;
    }

    .dwx-wa-floating-bulk{
        right:10px;
    }
}

/* Mobile */

@media(max-width:576px){

    .dwx-wa-hero-wrap{
        padding:60px 0;
    }

    .dwx-wa-main-title{
        font-size:32px;
    }

    .dwx-wa-main-text{
        font-size:16px;
    }

    .dwx-wa-btn-area{
        flex-direction:column;
    }

    .dwx-wa-primary-btn,
    .dwx-wa-outline-btn{
        width:100%;
        text-align:center;
    }

    .dwx-wa-floating-chat,
    .dwx-wa-floating-bulk{
        font-size:12px;
        padding:10px 14px;
    }
}


/* ===========================
   DigiWebex Why Choose Section
=========================== */

.dwx-wa-value-wrap{
    padding:90px 0;
    background:#ffffff;
    position:relative;
}

.dwx-wa-value-head{
    max-width:760px;
    margin:0 auto 60px;
}

.dwx-wa-value-badge{
    display:inline-block;
    background:#25D36615;
    color:#25D366;
    padding:8px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    margin-bottom:18px;
}

.dwx-wa-value-title{
    font-size:44px;
    font-weight:800;
    color:#111827;
    margin-bottom:18px;
    line-height:1.2;
}

.dwx-wa-value-text{
    font-size:18px;
    color:#6B7280;
    line-height:1.8;
}

.dwx-wa-value-card{
    background:#ffffff;
    border:1px solid #eef2f5;
    border-radius:24px;
    padding:35px 28px;
    height:100%;
    transition:.35s ease;
    position:relative;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.dwx-wa-value-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:#25D366;
    transform:scaleX(0);
    transform-origin:left;
    transition:.35s;
}

.dwx-wa-value-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.10);
}

.dwx-wa-value-card:hover::before{
    transform:scaleX(1);
}

.dwx-wa-value-icon{
    width:72px;
    height:72px;
    border-radius:18px;
    background:#25D36615;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:24px;
    transition:.35s;
}

.dwx-wa-value-card:hover .dwx-wa-value-icon{
    background:#25D366;
    transform:rotate(-8deg) scale(1.08);
}

.dwx-wa-value-card h4{
    font-size:22px;
    font-weight:700;
    color:#111827;
    margin-bottom:14px;
}

.dwx-wa-value-card p{
    color:#6B7280;
    font-size:16px;
    line-height:1.7;
    margin:0;
}

/* Tablet */

@media(max-width:991px){

    .dwx-wa-value-wrap{
        padding:70px 0;
    }

    .dwx-wa-value-title{
        font-size:36px;
    }

}

/* Mobile */

@media(max-width:576px){

    .dwx-wa-value-wrap{
        padding:60px 0;
    }

    .dwx-wa-value-title{
        font-size:30px;
    }

    .dwx-wa-value-text{
        font-size:16px;
    }

    .dwx-wa-value-card{
        padding:28px 22px;
    }

    .dwx-wa-value-icon{
        width:64px;
        height:64px;
        font-size:28px;
    }

}


.dwx-wa-hide-card{
    opacity:0;
    transform:translateY(35px);
    transition:.6s ease;
}

.dwx-wa-show-card{
    opacity:1;
    transform:translateY(0);
}


/* ===========================
   DigiWebex Solutions Section
=========================== */

.dwx-wa-sol-wrap{
    padding:100px 0;
    background:#f8fbf9;
}

.dwx-wa-sol-head{
    max-width:760px;
    margin:0 auto 70px;
}

.dwx-wa-sol-badge{
    display:inline-block;
    background:#25D36618;
    color:#25D366;
    padding:8px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    margin-bottom:18px;
}

.dwx-wa-sol-title{
    font-size:44px;
    font-weight:800;
    color:#111827;
    margin-bottom:18px;
}

.dwx-wa-sol-text{
    font-size:18px;
    color:#6b7280;
    line-height:1.8;
}

.dwx-wa-sol-block{
    margin-bottom:90px;
}

.dwx-wa-sol-imagebox{
    position:relative;
}

.dwx-wa-sol-image{
    width:100%;
    border-radius:28px;
    box-shadow:0 25px 60px rgba(0,0,0,.12);
    transition:.35s;
}

.dwx-wa-sol-image:hover{
    transform:translateY(-8px);
}

.dwx-wa-sol-content{
    padding-left:20px;
}

.dwx-wa-sol-label{
    display:inline-block;
    color:#25D366;
    font-size:14px;
    font-weight:700;
    margin-bottom:14px;
    letter-spacing:.4px;
}

.dwx-wa-sol-content h3{
    font-size:34px;
    font-weight:800;
    color:#111827;
    margin-bottom:18px;
    line-height:1.2;
}

.dwx-wa-sol-content p{
    color:#6b7280;
    font-size:17px;
    line-height:1.8;
    margin-bottom:26px;
}

.dwx-wa-sol-list{
    list-style:none;
    padding:0;
    margin:0 0 30px;
}

.dwx-wa-sol-list li{
    position:relative;
    padding-left:34px;
    margin-bottom:14px;
    color:#374151;
    font-size:16px;
}

.dwx-wa-sol-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#25D366;
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:bold;
}

.dwx-wa-sol-btn{
    display:inline-block;
    background:#25D366;
    color:white;
    padding:14px 30px;
    border-radius:50px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.dwx-wa-sol-btn:hover{
    background:#18b957;
    color:white;
    transform:translateY(-3px);
}

/* Tablet */

@media(max-width:991px){

    .dwx-wa-sol-wrap{
        padding:80px 0;
    }

    .dwx-wa-sol-title{
        font-size:36px;
    }

    .dwx-wa-sol-content{
        padding-left:0;
        text-align:center;
    }

    .dwx-wa-sol-list li{
        text-align:left;
        display:inline-block;
        width:100%;
    }

}

/* Mobile */

@media(max-width:576px){

    .dwx-wa-sol-wrap{
        padding:60px 0;
    }

    .dwx-wa-sol-title{
        font-size:30px;
    }

    .dwx-wa-sol-content h3{
        font-size:28px;
    }

    .dwx-wa-sol-text,
    .dwx-wa-sol-content p{
        font-size:16px;
    }

    .dwx-wa-sol-btn{
        width:100%;
        text-align:center;
    }

    .dwx-wa-sol-block{
        margin-bottom:70px;
    }

}

.dwx-wa-sol-hide{
    opacity:0;
    transform:translateY(40px);
    transition:all .8s ease;
}

.dwx-wa-sol-show{
    opacity:1;
    transform:translateY(0);
}


/* ===========================
   DigiWebex Web App Showcase
=========================== */

.dwx-wa-app-wrap{
    padding:100px 0;
    background:linear-gradient(180deg,#ffffff,#f5fcf7);
    overflow:hidden;
}

.dwx-wa-app-head{
    max-width:780px;
    margin:0 auto 60px;
}

.dwx-wa-app-badge{
    display:inline-block;
    background:#25D36618;
    color:#25D366;
    padding:8px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    margin-bottom:18px;
}

.dwx-wa-app-title{
    font-size:44px;
    font-weight:800;
    color:#111827;
    margin-bottom:20px;
}

.dwx-wa-app-text{
    font-size:18px;
    color:#6b7280;
    line-height:1.8;
}

.dwx-wa-app-stage{
    position:relative;
    max-width:1050px;
    margin:0 auto;
    padding:40px 0;
}

.dwx-wa-app-dashboard{
    width:100%;
    border-radius:28px;
    box-shadow:0 30px 70px rgba(0,0,0,.15);
}

/* Floating Cards */

.dwx-wa-app-card{
    position:absolute;
    width:190px;
    background:white;
    padding:18px;
    border-radius:20px;
    box-shadow:0 18px 40px rgba(0,0,0,.12);
    transition:.35s;
    animation:dwxWaFloating 5s ease-in-out infinite;
}

.dwx-wa-app-card:hover{
    transform:translateY(-8px);
}

.dwx-wa-app-icon{
    width:50px;
    height:50px;
    background:#25D36618;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    margin-bottom:12px;
}

.dwx-wa-app-card h6{
    font-weight:700;
    margin-bottom:6px;
}

.dwx-wa-app-card p{
    font-size:14px;
    color:#6b7280;
    margin:0;
}

.dwx-wa-app-card-one{
    top:30px;
    left:-40px;
}

.dwx-wa-app-card-two{
    top:70px;
    right:-40px;
}

.dwx-wa-app-card-three{
    bottom:60px;
    left:-25px;
}

.dwx-wa-app-card-four{
    bottom:20px;
    right:-20px;
}

/* Feature Boxes */

.dwx-wa-app-feature{
    background:white;
    border-radius:22px;
    padding:28px 22px;
    text-align:center;
    border:1px solid #eef3ef;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.35s;
    height:100%;
}

.dwx-wa-app-feature:hover{
    transform:translateY(-8px);
}

.dwx-wa-app-feature-icon{
    width:64px;
    height:64px;
    background:#25D36618;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin:0 auto 16px;
}

.dwx-wa-app-feature h5{
    font-weight:700;
    margin-bottom:10px;
}

.dwx-wa-app-feature p{
    color:#6b7280;
    margin:0;
    font-size:15px;
}

.dwx-wa-app-btn{
    display:inline-block;
    background:#25D366;
    color:white;
    text-decoration:none;
    padding:15px 36px;
    border-radius:50px;
    font-weight:700;
    transition:.3s;
}

.dwx-wa-app-btn:hover{
    background:#18b957;
    color:white;
    transform:translateY(-3px);
}

/* Floating Animation */

@keyframes dwxWaFloating{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-10px);
    }
}

/* Tablet */

@media(max-width:991px){

    .dwx-wa-app-wrap{
        padding:80px 0;
    }

    .dwx-wa-app-title{
        font-size:36px;
    }

    .dwx-wa-app-card{
        position:relative;
        width:100%;
        margin-top:18px;
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
        animation:none;
    }

}

/* Mobile */

@media(max-width:576px){

    .dwx-wa-app-wrap{
        padding:60px 0;
    }

    .dwx-wa-app-title{
        font-size:30px;
    }

    .dwx-wa-app-text{
        font-size:16px;
    }

    .dwx-wa-app-btn{
        width:100%;
        text-align:center;
    }

}

.dwx-wa-app-hidden{
    opacity:0;
    transform:translateY(50px);
    transition:all .8s ease;
}

.dwx-wa-app-visible{
    opacity:1;
    transform:translateY(0);
}



/* ===========================
   DigiWebex Dashboard Suite
=========================== */

.dwx-wa-suite-wrap{
    padding:100px 0;
    background:#f8fbf9;
}

.dwx-wa-suite-head{
    max-width:760px;
    margin:0 auto 50px;
}

.dwx-wa-suite-badge{
    display:inline-block;
    background:#25D36618;
    color:#25D366;
    padding:8px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    margin-bottom:18px;
}

.dwx-wa-suite-title{
    font-size:44px;
    font-weight:800;
    color:#111827;
}

.dwx-wa-suite-text{
    font-size:18px;
    color:#6b7280;
    line-height:1.8;
}

.dwx-wa-suite-tabs{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:45px;
}

.dwx-wa-suite-tab{
    border:none;
    background:white;
    color:#374151;
    padding:12px 22px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
    box-shadow:0 5px 18px rgba(0,0,0,.06);
}

.dwx-wa-suite-tab.active,
.dwx-wa-suite-tab:hover{
    background:#25D366;
    color:white;
}

.dwx-wa-suite-panel{
    display:none;
}

.dwx-wa-suite-panel.active{
    display:block;
}

.dwx-wa-suite-image{
    width:100%;
    border-radius:24px;
    box-shadow:0 25px 50px rgba(0,0,0,.12);
}

.dwx-wa-suite-panel h3{
    font-size:34px;
    font-weight:800;
    margin-bottom:18px;
}

.dwx-wa-suite-panel p{
    color:#6b7280;
    line-height:1.8;
}

.dwx-wa-suite-list{
    list-style:none;
    padding:0;
    margin-top:25px;
}

.dwx-wa-suite-list li{
    position:relative;
    padding-left:34px;
    margin-bottom:14px;
    color:#374151;
}

.dwx-wa-suite-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#25D366;
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
}

@media(max-width:991px){

    .dwx-wa-suite-wrap{
        padding:80px 0;
    }

    .dwx-wa-suite-title{
        font-size:36px;
    }

    .dwx-wa-suite-panel .row{
        row-gap:30px;
    }

}

@media(max-width:576px){

    .dwx-wa-suite-wrap{
        padding:60px 0;
    }

    .dwx-wa-suite-title{
        font-size:30px;
    }

    .dwx-wa-suite-text{
        font-size:16px;
    }

    .dwx-wa-suite-panel h3{
        font-size:28px;
    }

    .dwx-wa-suite-tab{
        width:100%;
    }

}


/* ===========================
   DigiWebex Industries Section
=========================== */

.dwx-wa-ind-wrap{
    padding:100px 0;
    background:#ffffff;
}

.dwx-wa-ind-head{
    max-width:760px;
    margin:0 auto 60px;
}

.dwx-wa-ind-badge{
    display:inline-block;
    background:#25D36618;
    color:#25D366;
    padding:8px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    margin-bottom:18px;
}

.dwx-wa-ind-title{
    font-size:44px;
    font-weight:800;
    color:#111827;
    line-height:1.2;
    margin-bottom:18px;
}

.dwx-wa-ind-text{
    font-size:18px;
    color:#6b7280;
    line-height:1.8;
}

.dwx-wa-ind-card{
    background:white;
    border:1px solid #eef3ef;
    border-radius:24px;
    padding:35px 28px;
    text-align:center;
    height:100%;
    transition:.35s;
    box-shadow:0 12px 30px rgba(0,0,0,.05);
    position:relative;
    overflow:hidden;
}

.dwx-wa-ind-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:#25D366;
    transform:scaleX(0);
    transform-origin:left;
    transition:.35s;
}

.dwx-wa-ind-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.10);
}

.dwx-wa-ind-card:hover::before{
    transform:scaleX(1);
}

.dwx-wa-ind-icon{
    width:78px;
    height:78px;
    margin:0 auto 22px;
    border-radius:20px;
    background:#25D36618;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    transition:.35s;
}

.dwx-wa-ind-card:hover .dwx-wa-ind-icon{
    background:#25D366;
    transform:rotate(-8deg) scale(1.08);
}

.dwx-wa-ind-card h4{
    font-size:22px;
    font-weight:700;
    color:#111827;
    margin-bottom:14px;
}

.dwx-wa-ind-card p{
    color:#6b7280;
    font-size:16px;
    line-height:1.7;
    margin:0;
}

/* CTA */

.dwx-wa-ind-cta{
    margin-top:70px;
    background:linear-gradient(135deg,#25D366,#18b957);
    padding:55px 30px;
    border-radius:28px;
    color:white;
}

.dwx-wa-ind-cta h3{
    font-size:34px;
    font-weight:800;
    margin-bottom:15px;
}

.dwx-wa-ind-cta p{
    font-size:18px;
    margin-bottom:30px;
}

.dwx-wa-ind-btn{
    display:inline-block;
    background:white;
    color:#25D366;
    padding:15px 36px;
    border-radius:50px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.dwx-wa-ind-btn:hover{
    transform:translateY(-3px);
    color:#18b957;
}

/* Tablet */

@media(max-width:991px){

    .dwx-wa-ind-wrap{
        padding:80px 0;
    }

    .dwx-wa-ind-title{
        font-size:36px;
    }

}

/* Mobile */

@media(max-width:576px){

    .dwx-wa-ind-wrap{
        padding:60px 0;
    }

    .dwx-wa-ind-title{
        font-size:30px;
    }

    .dwx-wa-ind-text{
        font-size:16px;
    }

    .dwx-wa-ind-card{
        padding:28px 22px;
    }

    .dwx-wa-ind-icon{
        width:64px;
        height:64px;
        font-size:30px;
    }

    .dwx-wa-ind-cta{
        padding:40px 22px;
    }

    .dwx-wa-ind-cta h3{
        font-size:28px;
    }

    .dwx-wa-ind-btn{
        width:100%;
        text-align:center;
    }

}


.dwx-wa-ind-hidden{
    opacity:0;
    transform:translateY(35px);
    transition:all .7s ease;
}

.dwx-wa-ind-visible{
    opacity:1;
    transform:translateY(0);
}


/* ===========================
   DigiWebex Why Choose
=========================== */

.dwx-wa-why-wrap{
    padding:100px 0;
    background:#f8fbf9;
}

.dwx-wa-why-head{
    max-width:760px;
    margin:0 auto 60px;
}

.dwx-wa-why-badge{
    display:inline-block;
    background:#25D36618;
    color:#25D366;
    padding:8px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    margin-bottom:18px;
}

.dwx-wa-why-title{
    font-size:44px;
    font-weight:800;
    color:#111827;
    margin-bottom:18px;
    line-height:1.2;
}

.dwx-wa-why-text{
    font-size:18px;
    color:#6b7280;
    line-height:1.8;
}

/* Comparison Table */

.dwx-wa-why-table{
    background:white;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.dwx-wa-why-row{
    display:flex;
    justify-content:space-between;
    padding:18px 24px;
    border-bottom:1px solid #eef2f5;
}

.dwx-wa-why-head-row{
    background:#25D366;
    color:white;
    font-weight:700;
}

.dwx-wa-why-row:last-child{
    border-bottom:none;
}

/* Benefits */

.dwx-wa-why-box{
    display:flex;
    flex-direction:column;
    gap:22px;
}

.dwx-wa-why-item{
    display:flex;
    gap:18px;
    background:white;
    padding:22px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:.35s;
}

.dwx-wa-why-item:hover{
    transform:translateY(-6px);
}

.dwx-wa-why-icon{
    width:60px;
    height:60px;
    border-radius:18px;
    background:#25D36618;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    flex-shrink:0;
}

.dwx-wa-why-item h5{
    font-weight:700;
    margin-bottom:8px;
}

.dwx-wa-why-item p{
    margin:0;
    color:#6b7280;
    line-height:1.7;
}

/* CTA */

.dwx-wa-why-cta{
    margin-top:70px;
    padding:50px 30px;
    border-radius:28px;
    background:linear-gradient(135deg,#25D366,#18b957);
    color:white;
}

.dwx-wa-why-cta h3{
    font-size:34px;
    font-weight:800;
    margin-bottom:15px;
}

.dwx-wa-why-cta p{
    font-size:18px;
    margin-bottom:30px;
}

.dwx-wa-why-btn{
    display:inline-block;
    background:white;
    color:#25D366;
    padding:15px 36px;
    border-radius:50px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.dwx-wa-why-btn:hover{
    transform:translateY(-3px);
    color:#18b957;
}

/* Tablet */

@media(max-width:991px){

    .dwx-wa-why-wrap{
        padding:80px 0;
    }

    .dwx-wa-why-title{
        font-size:36px;
    }

}

/* Mobile */

@media(max-width:576px){

    .dwx-wa-why-wrap{
        padding:60px 0;
    }

    .dwx-wa-why-title{
        font-size:30px;
    }

    .dwx-wa-why-text{
        font-size:16px;
    }

    .dwx-wa-why-row{
        padding:15px 18px;
        font-size:14px;
    }

    .dwx-wa-why-item{
        flex-direction:column;
        text-align:center;
    }

    .dwx-wa-why-icon{
        margin:0 auto;
    }

    .dwx-wa-why-cta{
        padding:40px 22px;
    }

    .dwx-wa-why-btn{
        width:100%;
        text-align:center;
    }

}

.dwx-wa-why-hidden{
    opacity:0;
    transform:translateY(30px);
    transition:all .7s ease;
}

.dwx-wa-why-visible{
    opacity:1;
    transform:translateY(0);
}