/*=========================================
COVERAGE
=========================================*/

.coverage{

    padding:120px 0;

    /*background:#091829;*/

}

.coverage-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:80px;

}

.section-tag{

    display:inline-block;

    background:rgba(255,201,40,.12);

    color:#FFC928;

    padding:12px 24px;

    border-radius:50px;

    margin-bottom:25px;

    font-weight:700;

}

.coverage h2{

    color:white;

    font-size:52px;

    margin-bottom:25px;

}

.coverage h2 span{

    color:#FFC928;

}

.coverage p{

    color:#c8d3e0;

    line-height:1.8;

    margin-bottom:35px;

}

.coverage-form{

    display:flex;

    gap:20px;

    margin-bottom:45px;

}

.coverage-form input{

    flex:1;

    padding:20px;

    border:none;

    border-radius:12px;

    font-size:17px;

    outline:none;

}

.coverage-form button{

    background:#FFC928;

    border:none;

    padding:20px 30px;

    border-radius:12px;

    cursor:pointer;

    font-weight:700;

}

.coverage-info{

    display:flex;

    gap:50px;

}

.coverage-info h3{

    color:#FFC928;

    font-size:34px;

}

.coverage-info span{

    color:white;

}

.coverage-image{

    position:relative;

    text-align:center;

}

.coverage-image img{

    width:100%;

    max-width:520px;

}

.coverage-card{

    position:absolute;

    left:0;

    top:50px;

    padding:20px;

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

    backdrop-filter:blur(15px);

    border-radius:18px;

    color:white;

}

.coverage-card i{

    font-size:40px;

    color:#FFC928;

    margin-bottom:15px;

}

.location-pin{

    position:absolute;

    right:80px;

    top:130px;

    width:70px;

    height:70px;

    border-radius:50%;

    background:#FFC928;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#111;

    font-size:32px;

    animation:pin 2s infinite;

}

@keyframes pin{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-15px);

    }

    100%{

        transform:translateY(0);

    }

}

@media(max-width:992px){

.coverage-wrapper{

grid-template-columns:1fr;

}

.coverage{

text-align:center;

}

.coverage-form{

flex-direction:column;

}

.coverage-info{

justify-content:center;

flex-wrap:wrap;

}

.coverage-card{

position:relative;

margin:20px auto;

left:auto;

top:auto;

}

.location-pin{

display:none;

}

}