.abolt-section{
    margin-top: 150px;
    display: flex;
    justify-content: center;
}

    .abolt{
        width: 80vw;
        display: flex;
        justify-content: space-around;
        gap: 50px;
    }

    .abolt-img-container{
        display: flex;
        position: relative;
    }

        .abolt-img-one{
            background-image: url(/assets/imgs/img-abolt/img-abolt-one.jpg);
            background-size: cover;
            border-radius: 30px;
            height: 400px;
            width: 300px;
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
            border: solid white 10px;
        }

        .abolt-img-two{
            background-image: url(/assets/imgs/img-abolt/img-abolt-two.jpg);
            background-size: cover;
            border-radius: 30px;
            height: 200px;
            width: 300px;
            border: solid white 10px;
            position: absolute;
            transform: translate(50px, 350px);
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        }


    .abolt-inf-container{
        max-width: 500px;
    }

        .abolt-paragraph{
            color: #707070;
            font-family: 'Lato', sans-serif;
            font-size: 1rem;
            margin: 20px 0px;
        }

        .abolt-title{
            color: #002C42;
            font-size: 2rem;
            font-family: 'Montserrat', sans-serif;
            font-weight: bold;
        }

        .abolt-subtitle{
            color: #FFAA01;
            font-size: 2rem;
            font-family: 'Montserrat', sans-serif;
            font-weight: bold;
        }

        .abolt-button-link{
            cursor: pointer;
            text-decoration: none;
        }

            .abolt-button{
                background-color:#002C42;
                padding: 15px 50px;
                border-radius: 15px;
                border: none;
                font-family: 'Montserrat', sans-serif;
                font-weight: bold;
                color: white;
                font-size:1.2rem;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 30px;
                margin-top: 30px;
                cursor: pointer;
                transition: all .2s;
            }

                    .abolt-button:hover{
                        background-color:#084462;
                    }

                .abolt-text-button{
                    margin: 0;
                }

@media (max-width:1050px) {
    .abolt{
        width: 90vw;
    }
}

@media (max-width:900px) {
    .abolt-img-two{
        display: none;
    }
}

@media (max-width: 770px) {
    .abolt{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .abolt-img-one{
        display: none;
    }

    .abolt-inf-container{
        max-width: 80vw;
    }

}

@media (max-width: 600px) {

    .abolt-button{
        background-color:#002C42;
        padding: 15px 30px; 
        width: 80vw;
        font-size:1.2rem;
    }

    .abolt-icon-tell{
        height: 30px;
    }
}