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

.innovation-section{

    padding:120px 0;
    background:#f8fbff;

}

.innovation-wrapper{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;

}

/* Image */

.innovation-image{

    position:relative;

}

.innovation-image img{

    width:100%;
    border-radius:25px;
    display:block;
    box-shadow:0 25px 60px rgba(0,0,0,.15);

}

/* Floating Cards */

.floating-card{

    position:absolute;

    background:white;

    border-radius:18px;

    padding:18px 22px;

    display:flex;

    gap:15px;

    align-items:center;

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

}

.top-card{

    top:35px;
    left:-35px;

}

.bottom-card{

    right:-35px;
    bottom:40px;

}

.floating-card i{

    width:55px;
    height:55px;

    background:#00AEEF;

    color:white;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    font-size:22px;

}

/* Content */

.section-tag{

    display:inline-block;

    background:#eaf8ff;

    color:#00AEEF;

    padding:10px 24px;

    border-radius:40px;

    font-weight:700;

    margin-bottom:20px;

}

.innovation-content h2{

    font-size:44px;
    margin-bottom:25px;
    color:#10233f;

}

.innovation-content p{

    color:#666;
    line-height:1.9;
    margin-bottom:35px;

}

/* Feature Boxes */

.innovation-features{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;

}

.feature-box{

    display:flex;
    gap:18px;

    background:white;

    padding:22px;

    border-radius:18px;

    transition:.35s;

    box-shadow:0 12px 30px rgba(0,0,0,.06);

}

.feature-box:hover{

    transform:translateY(-8px);

}

.feature-box i{

    width:55px;
    height:55px;

    background:#00AEEF;

    color:white;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    font-size:22px;

}

.feature-box h4{

    margin-bottom:8px;
    color:#10233f;

}

.feature-box p{

    margin:0;
    font-size:14px;

}

/* Button */

.innovation-btn{

    display:inline-flex;
    align-items:center;
    gap:12px;

    margin-top:40px;

    background:#00AEEF;

    color:white;

    text-decoration:none;

    padding:16px 34px;

    border-radius:50px;

    transition:.35s;

}

.innovation-btn:hover{

    background:#10233f;

}

/* Responsive */

@media(max-width:992px){

.innovation-wrapper{

grid-template-columns:1fr;

}

.innovation-features{

grid-template-columns:1fr;

}

.top-card{

left:15px;

}

.bottom-card{

right:15px;

}

}

@media(max-width:576px){

.innovation-content h2{

font-size:32px;

}

.floating-card{

position:static;
margin-top:20px;

}

}