/*====================================
MEET OUR TECHNOLOGY
====================================*/

.technology-section{

    padding:120px 0;
    background:#f8fbff;

}

.section-heading{

    max-width:760px;
    text-align:center;
    margin:auto auto 80px;

}

.section-heading span{

    display:inline-block;
    background:#eaf8ff;
    color:#00AEEF;
    padding:10px 24px;
    border-radius:40px;
    font-weight:700;
    margin-bottom:18px;

}

.section-heading h2{

    font-size:46px;
    margin-bottom:20px;
    color:#10233f;

}

.section-heading p{

    color:#666;
    line-height:1.9;

}

/* Row */

.technology-row{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
    margin-bottom:100px;

}

.reverse .technology-image{

    order:2;

}

.reverse .technology-content{

    order:1;

}

/* Image */

.technology-image{

    overflow:hidden;
    border-radius:24px;

}

.technology-image img{

    width:100%;
    display:block;
    transition:.7s;

}

.technology-row:hover img{

    transform:scale(1.08);

}

/* Content */

.tech-icon{

    width:80px;
    height:80px;

    background:linear-gradient(135deg,#00AEEF,#0074d4);

    border-radius:50%;

    color:white;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    margin-bottom:25px;

}

.technology-content h3{

    font-size:34px;
    margin-bottom:18px;
    color:#10233f;

}

.technology-content p{

    color:#666;
    line-height:1.9;
    margin-bottom:25px;

}

.technology-content ul{

    list-style:none;
    padding:0;

}

.technology-content li{

    margin-bottom:15px;
    color:#444;
    font-weight:500;

}

.technology-content li i{

    color:#00AEEF;
    margin-right:12px;

}

/* Responsive */

@media(max-width:992px){

.technology-row{

grid-template-columns:1fr;

}

.reverse .technology-image{

order:1;

}

.reverse .technology-content{

order:2;

}

}

@media(max-width:576px){

.section-heading h2{

font-size:34px;

}

.technology-content h3{

font-size:28px;

}

}