/*
      WHY CHOOSE DIGITAL LORD — Wave Background
 */

.why-wave-section{

    background:#0A1930;

}

.why-wave-shape{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    opacity:.5;

    pointer-events:none;

}

.why-wave-shape path{

    fill:rgba(46,164,255,.05);

}

.why-wave-glow{

    position:absolute;

    top:20%;

    right:-160px;

    width:420px;

    height:420px;

    background:#F16529;

    opacity:.12;

    filter:blur(140px);

    border-radius:50%;

    pointer-events:none;

}

/* 
      Left Illustration Glows
 */

.why-choose-glow-blue{

    position:absolute;

    left:10%;

    top:20%;

    width:220px;

    height:220px;

    background:#2EA4FF;

    opacity:.18;

    filter:blur(100px);

    border-radius:50%;

}

.why-choose-glow-orange{

    position:absolute;

    right:10%;

    bottom:15%;

    width:220px;

    height:220px;

    background:#F16529;

    opacity:.16;

    filter:blur(100px);

    border-radius:50%;

}

/* 
      Reason Row
 */

.why-choose-row{

    display:flex;

    gap:20px;

    align-items:flex-start;

    padding:20px;

    border-radius:16px;

    border-left:3px solid transparent;

    transition:.35s ease;

}

.why-choose-row:hover{

    border-left-color:#F16529;

    background:rgba(255,255,255,.03);

    transform:translateX(8px);

}

.why-choose-icon{

    width:52px;

    height:52px;

    border-radius:14px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:rgba(46,164,255,.12);

    color:#2EA4FF;

    font-size:20px;

    flex-shrink:0;

    transition:.35s ease;

}

.why-choose-row:hover .why-choose-icon{

    box-shadow:0 0 20px rgba(241,101,41,.5);

    color:#F16529;

    background:rgba(241,101,41,.15);

}

.why-choose-row h4{

    color:#fff;

    font-size:17px;

    font-weight:700;

}

.why-choose-row p{

    margin-top:6px;

    color:#94A3B8;

    font-size:14px;

    line-height:1.7;

}

/* 
      Tablet
 */

@media(max-width:1024px){

.why-choose-glow-blue,
.why-choose-glow-orange{

    width:160px;

    height:160px;

}

}

/* 
      Mobile
*/

@media(max-width:640px){

.why-choose-row{

    gap:14px;

    padding:16px;

}

.why-choose-icon{

    width:44px;

    height:44px;

    font-size:17px;

}

.why-choose-row h4{

    font-size:15.5px;

}

.why-choose-row p{

    font-size:13px;

}

}