/*==================================================
WHY CHOOSE POTENTIALLOOPS
==================================================*/

.whychoose-section{

padding:100px 0;

background:linear-gradient(135deg,#F8FBFF 0%,#EEF6FF 100%);

position:relative;

overflow:hidden;

}

.whychoose-section::before{

content:"";

position:absolute;

top:-180px;

right:-180px;

width:420px;

height:420px;

background:rgba(15,76,129,.05);

border-radius:50%;

}

.why-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

.why-card{

position:relative;

padding:35px 30px;

border-radius:24px;

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

backdrop-filter:blur(18px);

-webkit-backdrop-filter:blur(18px);

border:1px solid rgba(255,255,255,.5);

box-shadow:0 20px 45px rgba(0,0,0,.08);

transition:.35s;

overflow:hidden;

height:100%;

}

.why-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:5px;

height:100%;

background:linear-gradient(var(--primary),var(--secondary));

transform:scaleY(0);

transition:.35s;

transform-origin:top;

}

.why-card:hover::before{

transform:scaleY(1);

}

.why-card:hover{

transform:translateY(-12px);

box-shadow:0 35px 70px rgba(15,76,129,.15);

}

.why-icon{

width:82px;

height:82px;

display:flex;

align-items:center;

justify-content:center;

border-radius:22px;

background:#EEF7FF;

color:var(--primary);

font-size:34px;

margin-bottom:25px;

transition:.35s;

}

.why-card:hover .why-icon{

background:linear-gradient(135deg,var(--primary),var(--secondary));

color:#fff;

transform:rotate(-10deg);

}

.why-card h3{

font-size:24px;

font-weight:700;

color:var(--dark);

margin-bottom:15px;

}

.why-card p{

font-size:16px;

line-height:1.8;

color:#666;

margin:0;

}

.why-footer{

margin-top:70px;

padding:35px;

border-radius:24px;

background:#fff;

box-shadow:0 20px 45px rgba(0,0,0,.06);

display:flex;

justify-content:space-between;

align-items:center;

gap:20px;

}

.why-footer h3{

font-size:30px;

font-weight:700;

margin-bottom:10px;

color:var(--dark);

}

.why-footer p{

margin:0;

font-size:16px;

color:#666;

}

@media(max-width:1200px){

.why-grid{

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

}

}

@media(max-width:991px){

.whychoose-section{

padding:80px 0;

}

.why-footer{

flex-direction:column;

text-align:center;

}

}

@media(max-width:576px){

.why-grid{

grid-template-columns:1fr;

}

.why-card{

padding:28px 22px;

}

.why-icon{

width:70px;

height:70px;

font-size:30px;

}

.why-card h3{

font-size:22px;

}

.why-footer{

padding:25px;

}

.why-footer h3{

font-size:24px;

}

}