/* Start custom CSS for html, class: .elementor-element-7109f8f *//*=========================
What We Provide Section
=========================*/

.provide-section{
    padding:90px 0;
    background:#f8fbff;
}

.section-subtitle{
    display:inline-block;
    background:#eaf2ff;
    color:#0d47a1;
    padding:8px 20px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:15px;
}

.section-title{
    font-size:44px;
    font-weight:800;
    color:#1f2d5c;
    margin-bottom:18px;
    line-height:1.3;
}

.section-title span{
    color:#d71920;
    display:block;
}

.section-desc{
    max-width:700px;
    margin:auto;
    color:#666;
    font-size:17px;
    line-height:1.8;
}

/*=========================
Cards
=========================*/

.provide-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    position:relative;

    overflow:hidden;

    transition:.35s;

    height:100%;

    border:1px solid #edf2f7;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

}

.provide-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#0d47a1,#d71920);

}

.provide-card:hover{

    transform:translateY(-12px);

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

}

.provide-card:hover::before{

    height:100%;

    opacity:.04;

}

/*=========================
Icons
=========================*/

.provide-icon{

    width:75px;

    height:75px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:30px;

    margin-bottom:25px;

    transition:.35s;

}

.provide-card:hover .provide-icon{

    transform:rotate(10deg) scale(1.08);

}

.blue{
    background:linear-gradient(135deg,#005bea,#00c6fb);
}

.red{
    background:linear-gradient(135deg,#ff416c,#ff4b2b);
}

.orange{
    background:linear-gradient(135deg,#ff9800,#ffc107);
}

.green{
    background:linear-gradient(135deg,#00b894,#00d084);
}

.navy{
    background:linear-gradient(135deg,#1f2d5c,#304ffe);
}

.purple{
    background:linear-gradient(135deg,#8e44ad,#c0392b);
}

/*=========================
Content
=========================*/

.provide-card h4{

    font-size:26px;

    font-weight:700;

    color:#1f2d5c;

    margin-bottom:15px;

}

.provide-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:25px;

}

/*=========================
Button
=========================*/

.provide-card a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    text-decoration:none;

    font-weight:600;

    color:#0d47a1;

    transition:.3s;

}

.provide-card a:hover{

    color:#d71920;

}

.provide-card a i{

    transition:.3s;

}

.provide-card a:hover i{

    transform:translateX(6px);

}

/*=========================
Responsive
=========================*/

@media(max-width:1199px){

.section-title{

    font-size:38px;

}

}

@media(max-width:991px){

.provide-section{

    padding:70px 0;

}

.section-title{

    font-size:34px;

}

.provide-card{

    padding:30px;

}

}

@media(max-width:767px){

.provide-section{

    padding:60px 0;

}

.section-title{

    font-size:28px;

}

.section-desc{

    font-size:15px;

}

.provide-card{

    text-align:center;

    padding:25px;

}

.provide-icon{

    margin:0 auto 20px;

}

.provide-card a{

    justify-content:center;

}

}

.provide-card::before{
    pointer-events:none;
}/* End custom CSS */